/* fonts.css — lokal gehostete Schriften (Manrope, DM Mono), latin + latin-ext.
   Aus Google Fonts extrahiert am 2026-08-28. Neu bauen: node _mkfonts.mjs (nur bei Font-Update noetig). */

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/dm-mono-400-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/dm-mono-400-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/dm-mono-500-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/dm-mono-500-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/manrope-400-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/manrope-400-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/manrope-500-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/manrope-500-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/manrope-600-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/manrope-600-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/manrope-700-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/manrope-700-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/manrope-800-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/manrope-800-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root { --ink:#0d0e0d; --paper:#f3f0e9; --acid:#7b8cb6; --mint:#84c1bc; --muted:#777771; --line:rgba(13,14,13,.17); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.cursor-glow{position:fixed;width:32rem;height:32rem;left:var(--mouse-x,50%);top:var(--mouse-y,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(123,140,182,.16),transparent 67%);pointer-events:none;z-index:0;transition:left .25s ease-out,top .25s ease-out}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);position:absolute;z-index:3;width:100%;color:var(--paper)}.wordmark{font-weight:800;font-size:1.55rem;letter-spacing:-.08em;color:inherit;text-decoration:none}.wordmark span{font-weight:500;color:var(--acid)}nav{display:flex;gap:30px}nav a,.header-cta{color:inherit;text-decoration:none;font-size:.8rem;font-weight:600}.header-cta{border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:4px}.header-cta span{color:var(--acid);font-size:1rem}.hero{min-height:100svh;background:var(--ink);color:var(--paper);position:relative;display:flex;align-items:center;padding:126px clamp(24px,10vw,160px) 86px;overflow:hidden}.hero-copy{z-index:1;max-width:760px}.hero-intro{max-width:340px;font-size:.83rem;line-height:1.5;margin:0 0 30px;color:#b3b5ab}.hero h1{font-size:clamp(3.9rem,8.6vw,8.4rem);line-height:.89;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--acid);letter-spacing:-.09em}.hero-text{font-size:1rem;line-height:1.55;max-width:360px;margin:33px 0}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;text-decoration:none;padding:15px 18px;font-size:.82rem;font-weight:700;min-width:224px}.button-main{background:var(--acid);color:var(--ink)}.button span{font-size:1.25rem}.text-link{color:var(--paper);font-size:.8rem;text-decoration:none;border-bottom:1px solid #74766f;padding-bottom:4px}.text-link span{color:var(--acid);margin-left:8px}.signal-field{position:absolute;width:min(68vw,900px);aspect-ratio:1;right:-9vw;top:50%;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(123,140,182,.22)}.signal-orbit{position:absolute;border:1px solid rgba(123,140,182,.35);border-radius:50%;inset:10%;animation:spin 22s linear infinite}.orbit-two{inset:23%;border-style:dashed;animation-direction:reverse;animation-duration:17s}.orbit-three{inset:37%;animation-duration:12s}.signal-core{position:absolute;inset:43%;border-radius:50%;background:var(--acid);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:.8}.signal-core span{font-size:clamp(2rem,4vw,4rem);font-weight:800;letter-spacing:-.1em}.signal-core small{font-family:'DM Mono';font-size:7px;letter-spacing:.08em;margin-top:6px}.signal-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 20px var(--acid)}.dot-one{left:6%;top:26%}.dot-two{right:11%;top:17%}.dot-three{right:2%;bottom:34%}.dot-four{left:22%;bottom:5%}.dot-five{left:31%;top:21%}.field-label{position:absolute;font:10px 'DM Mono';letter-spacing:.14em;color:#bfc1b6}.label-one{left:11%;top:35%}.label-two{right:15%;top:30%}.label-three{right:19%;bottom:19%}.scroll-note{position:absolute;bottom:31px;left:clamp(24px,5vw,80px);font:10px 'DM Mono';letter-spacing:.08em;color:#92958a;display:flex;gap:10px;align-items:center}.scroll-note span{height:1px;width:55px;background:var(--acid)}.statement{padding:clamp(110px,17vw,260px) clamp(24px,10vw,160px);background:var(--paper)}.statement>p,.method-sticky>p,.trust>p,.contact>p{font:10px 'DM Mono';letter-spacing:.12em;text-transform:uppercase}.statement h2{font-size:clamp(2.4rem,5.4vw,5.7rem);line-height:1;letter-spacing:-.065em;margin:38px 0 0}.statement h2 span{color:#93948c;text-decoration:line-through;text-decoration-thickness:2px}.statement h2 em{font-family:Georgia,serif;font-weight:400}.method{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;padding:clamp(74px,10vw,140px) clamp(24px,10vw,160px)}.method-sticky{position:sticky;top:50px;height:max-content}.method-sticky p{color:var(--acid);margin:0 0 25px}.method h2,.section-head h2,.contact h2{font-size:clamp(2.6rem,5vw,5.4rem);line-height:.97;letter-spacing:-.07em;margin:0}.method-steps{border-top:1px solid #3d3f3b}.step{display:grid;grid-template-columns:100px 1fr;gap:20px;border-bottom:1px solid #3d3f3b;padding:36px 0}.step>span{font:11px 'DM Mono';color:var(--acid)}.step h3{font-size:1.55rem;letter-spacing:-.05em;margin:0 0 8px}.step p{color:#adafa5;line-height:1.5;max-width:300px;margin:0;font-size:.9rem}.services{padding:clamp(90px,13vw,190px) clamp(24px,10vw,160px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:90px}.section-head p{max-width:225px;line-height:1.55;font-size:.88rem;margin:0}.service{display:grid;grid-template-columns:8% 34% 1fr 40px;align-items:start;padding:26px 0;border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service>span{font:10px 'DM Mono';color:#777}.service h3{font-size:clamp(1.4rem,2.6vw,2.7rem);letter-spacing:-.065em;line-height:.96;margin:0}.service p{font-size:.86rem;max-width:230px;line-height:1.5;margin:4px 0}.service a{font-size:1.5rem;text-decoration:none;color:var(--ink);text-align:right}.trust{border-top:1px solid var(--line);padding:54px clamp(24px,10vw,160px) 62px}.trust>p{color:#777;margin:0 0 35px}.logo-row{display:flex;align-items:center;justify-content:space-between;gap:35px;flex-wrap:wrap;color:#242522}.logo-row span{white-space:nowrap}.logo-schreck{font-weight:800;letter-spacing:-.08em;font-size:1.7rem}.logo-delsud{font:italic 2rem Georgia,serif}.logo-milele{font:500 1.35rem 'DM Mono';letter-spacing:.12em}.logo-avas{font-weight:800;font-size:1.8rem;letter-spacing:.14em}.logo-beloved{font:600 1.3rem Georgia,serif;letter-spacing:-.05em}.contact{background:var(--acid);padding:clamp(90px,13vw,190px) clamp(24px,10vw,160px);position:relative;overflow:hidden}.contact>*:not(.contact-orb){position:relative;z-index:1}.contact>p{margin:0 0 28px}.contact h2{font-size:clamp(3.1rem,7vw,7.7rem)}.contact h2 em{color:var(--ink)}.contact-orb{position:absolute;width:min(56vw,620px);aspect-ratio:1;border:1px solid rgba(13,14,13,.6);border-radius:50%;right:-7%;bottom:-50%;box-shadow:0 0 0 70px rgba(13,14,13,.08),0 0 0 140px rgba(13,14,13,.06),0 0 0 210px rgba(13,14,13,.04)}.contact-actions{display:flex;gap:12px;margin-top:50px}.button-light{background:var(--ink);color:var(--paper)}.button-outline{border:1px solid var(--ink);color:var(--ink)}footer{background:var(--ink);color:var(--paper);padding:52px clamp(24px,5vw,80px) 25px;display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:30px;align-items:start}footer p{font-size:.78rem;line-height:1.6;color:#b3b5ab;margin:0}.footer-socials{display:flex;gap:9px}.footer-socials a{height:34px;width:34px;border:1px solid #6b6c65;border-radius:50%;display:grid;place-items:center;color:var(--paper)}.footer-socials svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.footer-socials svg path{fill:currentColor;stroke:none}.footer-socials .fill{fill:currentColor;stroke:none}footer small{font:10px 'DM Mono';color:#777}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.site-header{height:70px}.site-header nav{display:none}.header-cta{font-size:.72rem}.hero{padding:120px 24px 100px;align-items:flex-start}.hero h1{font-size:clamp(3.7rem,17vw,5.7rem)}.hero-copy{max-width:100%}.signal-field{width:104vw;right:-36vw;top:62%;opacity:.68}.hero-text{margin-top:300px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.method{grid-template-columns:1fr;gap:65px;padding:80px 24px}.method-sticky{position:static}.step{grid-template-columns:55px 1fr;padding:28px 0}.section-head{display:block;margin-bottom:60px}.section-head p{margin-top:25px}.services{padding:100px 24px}.service{grid-template-columns:44px 1fr 28px;gap:12px;padding:24px 0}.service p{grid-column:2/4;margin-top:10px}.service a{grid-column:3;grid-row:1}.logo-row{gap:24px}.trust{padding:48px 24px}.contact{padding:100px 24px}.contact-actions{flex-direction:column}.button{width:100%}footer{grid-template-columns:1fr 1fr;gap:28px;padding:44px 24px 22px}footer .wordmark{grid-column:1/3}.footer-socials{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-orbit{animation:none}.reveal{opacity:1;transform:none;transition:none}.cursor-glow{display:none}}

/* --- Hero: Wortwechsel, Orbit-Punkte, Maus-Parallax, Social-Icons --- */
button.button{font:inherit;border:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.word-rotator{display:inline-block}
.word-rotator em{display:inline-block}
.word-rotator em.swap{animation:word-in .5s cubic-bezier(.16,1,.3,1)}
@keyframes word-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.signal-field{transform:translateY(-50%) translate(var(--tilt-x,0px),var(--tilt-y,0px)) rotate(var(--tilt-r,0deg));transition:transform .5s cubic-bezier(.16,1,.3,1)}
.orbit-rider{position:absolute;border-radius:50%;animation:orbit-spin var(--dur,20s) linear infinite;pointer-events:none}
.orbit-rider.reverse{animation-direction:reverse}
.orbit-rider .signal-dot{position:absolute;top:-4px;left:50%;transform:translateX(-50%);margin:0}
@keyframes orbit-spin{from{transform:rotate(var(--start,0deg))}to{transform:rotate(calc(var(--start,0deg) + 360deg))}}
.hero-socials{display:flex;gap:10px;margin-top:30px}
.hero-socials a{height:38px;width:38px;border:1px solid rgba(243,240,233,.35);border-radius:50%;display:grid;place-items:center;color:var(--paper);transition:border-color .2s,color .2s}
.hero-socials a:hover{border-color:var(--acid);color:var(--acid)}
.hero-socials svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.hero-socials svg path{fill:currentColor;stroke:none}
.hero-socials .fill{fill:currentColor;stroke:none}
@media(prefers-reduced-motion:reduce){.orbit-rider{animation:none}}

/* Hero credibility marker */
.hero-credential{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:0 0 19px;color:#dedfd8;font-size:.9rem;line-height:1.4;font-weight:600}.hero-credential span{color:var(--mint);font:12px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.hero-credential small{color:#b7b9b1;font-size:.82rem;font-weight:400}.hero-intro mark{display:inline;padding:2px 5px 3px;background:var(--mint);color:var(--ink);box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* Credential hierarchy: prominent enough to register as a trust signal. */
.hero-credential{gap:10px;margin-bottom:21px;font-size:1.05rem}.hero-credential span{font-size:14px}.hero-credential small{font-size:.9rem}

.hero-contact-options{display:flex;gap:9px;margin-top:16px}.hero-contact-options[hidden]{display:none}.hero-contact-options a{display:inline-flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(243,240,233,.34);color:var(--paper);font:700 .72rem Manrope,Arial,sans-serif;text-decoration:none;transition:background .2s ease,border-color .2s ease}.hero-contact-options a:hover{background:rgba(243,240,233,.1);border-color:var(--mint)}.hero-contact-options small{color:var(--mint);font:9px 'DM Mono',monospace;letter-spacing:.08em}.hero-contact-options b{font-size:1rem;font-weight:400}@media(max-width:760px){.hero-contact-options{flex-direction:column;align-items:flex-start}.hero-contact-options a{min-width:190px}}
@media(max-width:760px){.hero-credential{margin:-11px 0 26px;font-size:.7rem}}

/* --- Leistungen als Kacheln --- */
.services .service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.service-card{background:var(--paper);padding:38px 30px;display:flex;flex-direction:column;gap:16px}
.service-card-index{font:11px 'DM Mono';color:#777}
.service-card h3{font-size:clamp(1.3rem,1.8vw,1.7rem);letter-spacing:-.045em;line-height:1.05;margin:0}
.service-card p{font-size:.86rem;line-height:1.55;color:#4a4b46;margin:0;flex:1}
.button-card{background:transparent;color:var(--ink);border:1px solid var(--ink);min-width:0;width:100%;justify-content:center;gap:14px}
.button-card:hover{background:var(--ink);color:var(--paper)}
.button-card span{color:inherit}
@media(max-width:760px){.services .service-list{grid-template-columns:1fr}.service-card{padding:30px 4px}}

/* --- Anfrage-Fenster (Dialog) --- */
dialog.anfrage-dialog{border:none;padding:0;background:transparent;max-width:600px;width:calc(100% - 40px);color:var(--paper)}
dialog.anfrage-dialog::backdrop{background:rgba(13,14,13,.75);backdrop-filter:blur(4px)}
body.anfrage-open{overflow:hidden}
.anfrage-card{background:var(--ink);padding:clamp(30px,4vw,46px);position:relative;border:1px solid rgba(123,140,182,.35);max-height:88vh;overflow-y:auto}
.anfrage-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:var(--paper);font-size:1.2rem;line-height:1;display:grid;place-items:center}
.anfrage-eyebrow{font:10px 'DM Mono';letter-spacing:.14em;text-transform:uppercase;color:var(--acid);margin:0 0 14px}
.anfrage-card legend{font-size:clamp(1.4rem,3vw,1.9rem);letter-spacing:-.04em;line-height:1.1;margin:0 0 20px;max-width:420px;padding:0}
.anfrage-progress{height:3px;background:rgba(255,255,255,.14);margin-bottom:8px}
.anfrage-progress-bar{height:100%;width:100%;background:var(--acid);transform-origin:left;transform:scaleX(.5);transition:transform .3s ease}
.anfrage-step-label{font:10px 'DM Mono';letter-spacing:.1em;color:#9a9c92;margin:0 0 26px}
.anfrage-chips{display:flex;flex-wrap:wrap;gap:10px}
.anfrage-chip{position:relative;cursor:pointer}
.anfrage-chip input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.anfrage-chip span{display:inline-flex;align-items:center;min-height:2.6rem;padding:9px 16px;border:1px solid rgba(255,255,255,.25);font-size:.84rem;color:var(--paper);transition:border-color .15s,background-color .15s,color .15s}
.anfrage-chip input:checked+span{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.anfrage-chip input:focus-visible+span{outline:2px solid var(--acid);outline-offset:2px}
.anfrage-field{margin-bottom:16px}
.anfrage-field label{display:block;font:10px 'DM Mono';letter-spacing:.1em;text-transform:uppercase;color:#9a9c92;margin-bottom:6px}
.anfrage-field label span{text-transform:none;letter-spacing:0}
.anfrage-field input,.anfrage-field textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.25);color:var(--paper);padding:10px 12px;font:inherit;font-size:.9rem}
.anfrage-field input:focus,.anfrage-field textarea:focus{outline:none;border-color:var(--acid)}
.anfrage-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.anfrage-error{font-size:.78rem;color:#ff8a8a;margin:8px 0 0}
.anfrage-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:16px}
.anfrage-nav .button{min-width:0}
.anfrage-hint{font-size:.76rem;color:#9a9c92;margin-top:14px}
.anfrage-success h3{color:var(--paper);font-size:clamp(1.3rem,2.6vw,1.7rem);letter-spacing:-.03em;margin:0 0 14px}
.anfrage-success p{font-size:.88rem;line-height:1.55;color:#c9cabf;max-width:440px;margin:0 0 10px}
.anfrage-success a{color:var(--acid)}
.anfrage-fallback textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.25);color:var(--paper);padding:10px;font:12px 'DM Mono';margin-top:12px}
.anfrage-fallback-actions{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap}
.anfrage-fallback-actions span{font-size:.78rem;color:#9a9c92}
@media(max-width:760px){.anfrage-field-row{grid-template-columns:1fr}.anfrage-card{padding:26px 20px;max-height:92vh}}

/* --- Markenfarben: Lavender/Mint statt Lime (CI-Vorgabe) --- */
.orbit-two{border-color:rgba(132,193,188,.45)}
.signal-dot.mint{background:var(--mint);box-shadow:0 0 20px var(--mint)}
.button-main{background:linear-gradient(100deg,var(--acid),var(--mint))}
.contact{background:linear-gradient(120deg,var(--acid),var(--mint))}

/* --- Hero: Drahtgitter-Kugel mit Maus-Parallax (Vanilla-CSS/JS, kein React/Tailwind) --- */
.sphere-hero{position:absolute;inset:0 auto 0 auto;right:0;width:min(54vw,640px);overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.sphere-grid{position:absolute;inset:-20% -20%;background-image:repeating-linear-gradient(90deg,rgba(123,140,182,.14) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgba(123,140,182,.14) 0 1px,transparent 1px 42px);animation:sphere-grid-pan 180s linear infinite}
.sphere-haze{position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,rgba(123,140,182,.22),transparent 55%);filter:blur(90px);opacity:.7;mix-blend-mode:screen}
.sphere-core{position:absolute;width:280px;height:280px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background-image:radial-gradient(circle,rgba(132,193,188,.5),transparent 70%);filter:blur(60px);box-shadow:0 0 90px 24px rgba(132,193,188,.18),0 0 160px 40px rgba(123,140,182,.12);animation:sphere-core-pulse 12s ease-in-out infinite}
.sphere-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:1400px}
.sphere-tilt{width:min(60%,420px);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s cubic-bezier(.16,1,.3,1)}
.sphere-rotor{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:sphere-spin 90s linear infinite}
.wire-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(123,140,182,.75);box-shadow:0 0 22px rgba(123,140,182,.35)}
.sphere-bloom{position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,rgba(123,140,182,.28),transparent 50%),radial-gradient(circle at 20% 15%,rgba(132,193,188,.22),transparent 35%);mix-blend-mode:screen;filter:blur(70px);opacity:.85}
.sphere-noise{position:absolute;inset:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
@keyframes sphere-spin{from{transform:rotateY(0deg) rotateX(0deg)}to{transform:rotateY(360deg) rotateX(360deg)}}
@keyframes sphere-grid-pan{0%{background-position:0 0,0 0}100%{background-position:210px 0,0 210px}}
@keyframes sphere-core-pulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}}
@media(prefers-reduced-motion:reduce){.sphere-grid,.sphere-rotor,.sphere-core{animation:none}.sphere-tilt{transition:none}}
@media(max-width:760px){.sphere-hero{display:none}}

/* --- Statement-Sektion: weniger Leerraum, seit Referenzen direkt über dem Hero sitzen --- */
.statement{padding-top:clamp(64px,9vw,140px);padding-bottom:clamp(64px,9vw,140px)}

/* --- Angebote: Eyebrow-Label + drei farblich abgesetzte Karten --- */
.section-head-eyebrow{font:10px 'DM Mono';letter-spacing:.14em;text-transform:uppercase;color:var(--acid);margin:0 0 14px}
.service-card--a{background:rgba(123,140,182,.12)}
.service-card--b{background:rgba(132,193,188,.16)}
.service-card--c{background:var(--ink)}
.service-card--c h3,.service-card--c p{color:var(--paper)}
.service-card--c .service-card-index{color:#9a9c92}
.service-card--c .button-card{border-color:var(--paper);color:var(--paper)}
.service-card--c .button-card:hover{background:var(--paper);color:var(--ink)}

/* --- Referenzen: endlos laufende Logo-Reihe (Vanilla-CSS, kein Framer Motion) --- */
.logo-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;align-items:center;gap:64px;width:max-content;animation:logo-scroll 28s linear infinite}
.logo-marquee:hover .logo-track{animation-play-state:paused}
.reference-logo{width:174px;height:74px;flex:0 0 174px;display:grid;place-items:center}.reference-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}.reference-logo--schreck img{max-width:160px;filter:invert(1)}.reference-logo--delsud img,.reference-logo--milele img{height:68px;width:68px;border-radius:50%;object-fit:contain}.reference-logo--avas img{max-width:152px;max-height:62px}.reference-logo--haase img{width:66px;height:66px}.reference-logo--beloved img{max-width:172px;max-height:54px}
@keyframes logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.logo-track{gap:38px}.reference-logo{width:138px;height:62px;flex-basis:138px}.reference-logo--delsud img,.reference-logo--milele img{height:58px;width:58px}.reference-logo--schreck img{max-width:126px}.reference-logo--avas img{max-width:126px}.reference-logo--beloved img{max-width:138px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}}
/* Content stays readable before and during script execution. */
.reveal { opacity: 1; transform: none; }
.reveal.visible { transform: translateY(-4px); }

@media (prefers-reduced-motion: reduce) {
  .reveal.visible { transform: none; }
}
/* Current iteration: hierarchy, scrollytelling, FAQ and trust. */
:root{--lavender:#7b8cb6}
.site-header{position:fixed;top:0;left:0;z-index:50;height:78px;background:rgba(13,14,13,.82);border-bottom:1px solid rgba(243,240,233,.13);box-shadow:0 10px 28px rgba(0,0,0,.14);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.header-actions{display:flex;align-items:center;gap:18px}.header-socials{display:flex;align-items:center;gap:11px}.header-socials a{height:38px;width:38px;display:grid;place-items:center;color:var(--paper);border:0;border-radius:0;transition:transform .2s ease,filter .2s ease}.header-socials a:hover{transform:translateY(-2px) scale(1.08);filter:brightness(1.2)}.header-socials a:nth-child(2){color:#25d366}.header-socials a:nth-child(3){color:#f06292}.header-socials a:nth-child(4){color:#0a66c2}.header-socials svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75}.header-socials path,.header-socials .fill{fill:currentColor;stroke:none}.header-socials a:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.header-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 15px;background:var(--mint);border:0;color:var(--ink);cursor:pointer;font:700 .78rem Manrope,Arial,sans-serif;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.header-cta span{color:var(--ink)}.header-cta:hover{transform:translateY(-2px);background:#a4d6d1;box-shadow:0 12px 25px rgba(0,0,0,.24)}.header-cta:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.header-email{padding:10px 0;border-bottom:1px solid rgba(243,240,233,.52);color:var(--paper);font:700 .72rem Manrope,Arial,sans-serif;text-decoration:none;white-space:nowrap}.header-email span{margin-left:5px;color:var(--mint);font-size:.95rem}.header-email:hover{border-bottom-color:var(--mint);color:var(--mint)}

footer{grid-template-columns:1fr 1.5fr auto auto auto}.footer-socials{gap:7px}.footer-socials a{width:34px;height:34px;border:0;border-radius:0;transition:transform .2s ease,filter .2s ease}.footer-socials a:hover{transform:translateY(-2px) scale(1.08);filter:brightness(1.2)}.footer-socials a:nth-child(2){color:#25d366}.footer-socials a:nth-child(3){color:#f06292}.footer-socials a:nth-child(4){color:#0a66c2}.footer-socials svg{width:18px;height:18px}.footer-socials a:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.footer-email{display:inline-flex;align-items:center;gap:10px;align-self:start;padding:10px 12px;background:var(--mint);color:var(--ink);font:700 .72rem Manrope,Arial,sans-serif;text-decoration:none}.footer-email span{font-size:1rem}.footer-email:hover{background:#a4d6d1}
.wordmark img{display:block;width:126px;height:auto}.site-header .wordmark img{width:116px}
.statement{min-height:130vh;display:grid;align-items:center}.statement h2{display:grid;gap:.06em}.statement h2 .statement-line{display:block}.statement.is-animated .statement-line{opacity:0;transform:translateY(14px);transition:opacity .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1)}.statement.is-animated[data-phase="1"] .statement-line--old,.statement.is-animated[data-phase="2"] .statement-line--old{opacity:1;transform:none}.statement.is-animated[data-phase="2"] .statement-line--old{text-decoration:line-through;text-decoration-color:var(--lavender);text-decoration-thickness:2px;text-decoration-skip-ink:none}.statement.is-animated[data-phase="3"] .statement-line--old{opacity:.23;text-decoration:line-through;text-decoration-color:var(--lavender);text-decoration-thickness:2px;text-decoration-skip-ink:none}.statement.is-animated[data-phase="3"] .statement-line--connector{opacity:1;transform:none}.statement.is-animated[data-phase="4"] .statement-line--old{opacity:.16;text-decoration:line-through;text-decoration-color:var(--lavender);text-decoration-thickness:2px;text-decoration-skip-ink:none}.statement.is-animated[data-phase="4"] .statement-line--connector,.statement.is-animated[data-phase="4"] .statement-line--answer{opacity:1;transform:none}.statement h2 em{display:inline-block}
.method-scroll-hint{font:10px 'DM Mono';letter-spacing:.08em;color:#9fa3a5;margin-top:70px}.method-scroll-hint span{color:var(--mint);margin-left:5px}.method-step{min-height:170px;opacity:.31;transition:opacity .45s ease,transform .45s cubic-bezier(.16,1,.3,1),border-color .45s ease}.method-step.is-active{opacity:1;transform:translateX(-18px);border-color:var(--mint)}.method-step.is-active>span{color:var(--mint)}.method-step.is-active h3{color:var(--mint)}.method-step.is-active p{color:var(--paper)}
.services{padding-bottom:clamp(110px,15vw,210px)}.services .section-head{align-items:flex-end}.service-card{min-height:390px;padding:44px 34px 34px;gap:22px;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s}.service-card:hover{transform:translateY(-8px)}.service-card h3{font-size:clamp(1.7rem,2.35vw,2.65rem)}.service-card .service-lead{font-size:.95rem;line-height:1.5;min-height:44px}.service-card ul{list-style:none;padding:20px 0 0;margin:0;border-top:1px solid rgba(13,14,13,.17);font-size:.78rem;line-height:1.55}.service-card li{padding:4px 0}.service-card li::before{content:'→';margin-right:9px;color:var(--lavender)}.service-card--c ul{border-color:rgba(243,240,233,.22)}.service-card--c li::before{color:var(--mint)}.service-card .button-card{margin-top:auto;padding:13px 16px;font-size:.76rem}
.service-card-kind{font:10px 'DM Mono';letter-spacing:.12em;text-transform:uppercase;color:#3e4b72;margin:-8px 0 0}.service-card--a{background:var(--lavender)!important}.service-card--a .service-card-kind{color:#26365e}.service-card--a .button-card{border-color:#26365e}.service-card--a .button-card:hover{background:#26365e;color:var(--paper)}
@media(min-width:761px){.services{min-height:340vh;padding-bottom:0}.services .section-head{position:sticky;top:8vh;z-index:4;pointer-events:none}.services .service-list{position:sticky;top:0;height:100svh;margin-top:-160px;background:none!important;border:0!important;display:block!important;overflow:hidden}.service-card{position:absolute;left:50%;top:61%;width:min(600px,50vw);min-height:430px;transform:translate(-50%,-50%) translateX(64vw) scale(.72);opacity:.18;filter:blur(1.5px);z-index:1;pointer-events:none;border:1px solid rgba(13,14,13,.18);box-shadow:0 18px 55px rgba(13,14,13,.09);transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .45s ease,filter .45s ease}.service-card.is-before{transform:translate(-50%,-50%) translateX(-64vw) scale(.72);opacity:.18}.service-card.is-after{transform:translate(-50%,-50%) translateX(64vw) scale(.72);opacity:.18}.service-card.is-active{transform:translate(-50%,-50%) scale(1);opacity:1;filter:none;z-index:3;pointer-events:auto}.service-card.is-active:hover{transform:translate(-50%,-50%) scale(1.015)}.service-card--a.is-active{box-shadow:0 32px 80px rgba(83,98,138,.3)}.services .section-head{margin-bottom:0}.services .section-head h2{max-width:650px}.services .section-head>p:last-child{visibility:hidden}}
.about{background:#e8e5df;display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;gap:clamp(60px,10vw,150px);align-items:start;padding:clamp(90px,13vw,170px) clamp(24px,10vw,160px)}.about-visual{position:sticky;top:calc(50vh - min(19vw,225px));aspect-ratio:1;background:var(--lavender);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;box-shadow:inset 0 0 0 22px rgba(255,255,255,.14),inset 0 0 0 70px rgba(255,255,255,.09);transition:background-color .45s ease,box-shadow .45s ease}.about-visual::after{content:"";position:absolute;inset:10%;border:1px solid rgba(13,14,13,.18);border-radius:50%;transform:scale(.82);transition:transform .45s cubic-bezier(.16,1,.3,1)}.about-visual span,.about-visual p{position:relative;z-index:1}.about-visual span{font-size:clamp(5rem,11vw,10rem);font-weight:700;line-height:.75;letter-spacing:-.1em}.about-visual p{font:10px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;line-height:1.5;text-align:center;margin:23px 0 0;min-height:30px}.about-copy>p:first-child,.faq-intro>p{font:10px 'DM Mono';letter-spacing:.13em;text-transform:uppercase;color:#53628a;margin:0 0 24px}.about h2,.faq h2{font-size:clamp(2.7rem,5.2vw,5.5rem);line-height:.95;letter-spacing:-.07em;margin:0}.about-copy>p:not(:first-child){font-size:.93rem;line-height:1.6;max-width:530px;color:#484a49}.about-copy .about-lead{font-size:1.12rem;line-height:1.55;color:var(--ink);margin-top:35px}
.expertise-list{list-style:none;margin:38px 0 0;padding:0;border-top:1px solid rgba(13,14,13,.17)}.expertise-list li{display:grid;grid-template-columns:36px minmax(160px,.8fr) 1.2fr;gap:14px;align-items:baseline;padding:22px 0;border-bottom:1px solid rgba(13,14,13,.17);opacity:.36;transition:opacity .35s ease,transform .4s cubic-bezier(.16,1,.3,1)}.expertise-list li.is-active{opacity:1;transform:translateX(14px)}.expertise-list span{font:10px 'DM Mono';color:#53628a}.expertise-list strong{font-size:.9rem;letter-spacing:-.02em}.expertise-list small{font-size:.78rem;color:#595b59;line-height:1.42}.expertise-list li.is-active strong{color:#53628a}
.faq{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(45px,10vw,150px);padding:clamp(90px,13vw,170px) clamp(24px,10vw,160px)}.faq-intro>p{color:var(--mint)}.faq-list{border-top:1px solid rgba(243,240,233,.28)}.faq-item{border-bottom:1px solid rgba(243,240,233,.28)}.faq-item button{background:none;border:0;color:var(--paper);cursor:pointer;width:100%;padding:23px 0;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;text-align:left;font:600 clamp(1rem,1.55vw,1.35rem)/1.22 Manrope,Arial,sans-serif;letter-spacing:-.03em}.faq-item b{color:var(--mint);font-size:1.5rem;font-weight:400;line-height:.8;transition:transform .25s}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1)}.faq-answer p{overflow:hidden;margin:0;color:#babcb3;font-size:.88rem;line-height:1.65;max-width:520px}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-item.is-open .faq-answer p{padding-bottom:24px}.faq-item.is-open b{transform:rotate(45deg)}
@media(max-width:760px){.header-actions{gap:9px}.header-socials{gap:5px}.header-socials a{width:27px;height:27px}.header-cta{font-size:.7rem}.statement{min-height:100svh}.method-scroll-hint{margin-top:32px}.method-step{min-height:auto;opacity:1}.method-step.is-active{transform:none}.services .section-head{margin-bottom:45px}.service-card{min-height:0;padding:32px 24px}.service-card:hover{transform:none}.service-card .service-lead{min-height:0}.about,.faq{grid-template-columns:1fr}.about{gap:55px}.about-visual{position:relative;top:auto;width:min(76vw,340px);justify-self:center}.expertise-list li{grid-template-columns:28px 1fr;gap:7px 12px;opacity:1}.expertise-list li.is-active{transform:none}.expertise-list small{grid-column:2}.faq{gap:55px}.faq h2{font-size:clamp(2.65rem,12vw,4rem)}}
@media(prefers-reduced-motion:reduce){.statement{min-height:0}.method-step,.service-card,.faq-answer,.faq-item b{transition:none}.service-card:hover,.method-step.is-active{transform:none}}

/* Final timing pass: compact message sequence and stable content stages. */
.statement{min-height:68svh!important;padding-top:clamp(72px,8vw,120px)!important;padding-bottom:clamp(72px,8vw,120px)!important}.statement h2 .statement-line--answer{white-space:nowrap}.statement.is-animated .statement-line{opacity:0;transform:translateY(12px);transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1)}.statement.is-animated[data-phase="1"] .statement-line--old,.statement.is-animated[data-phase="2"] .statement-line--old{opacity:1;transform:none}.statement.is-animated[data-phase="2"] .statement-line--old,.statement.is-animated[data-phase="3"] .statement-line--old{text-decoration:line-through;text-decoration-color:var(--lavender);text-decoration-thickness:2px;text-decoration-skip-ink:none}.statement.is-animated[data-phase="3"] .statement-line--old{opacity:.2}.statement.is-animated[data-phase="3"] .statement-line--answer{opacity:1;transform:none}
@media(min-width:761px){.services{min-height:330vh!important;padding-bottom:0}.services .section-head{position:relative!important;z-index:4;margin-bottom:clamp(50px,7vw,100px)!important}.services .service-list{position:sticky;top:0;height:100svh;margin-top:0!important;background:none!important;border:0!important;display:block!important;overflow:hidden}.service-card{top:52%!important}.about{min-height:260vh}.about-copy{position:sticky;top:12vh;align-self:start}}
@media(max-width:760px){.statement{min-height:0!important}.statement h2 .statement-line--answer{white-space:normal}}

@media(max-width:760px){
  .site-header{height:70px;padding:0 18px}
  .header-actions{gap:6px}
  .header-socials{gap:2px}
  .header-socials a{width:31px;height:34px}
  .header-socials svg{width:17px;height:17px}
  .header-cta{padding:10px 11px;font-size:.68rem}
  .header-email{display:none}
}

/* Statement: closer rhythm and a deliberate CI color contrast. */
.statement{--statement-warn:#b9656e;align-content:center}.statement>p{margin-bottom:12px}.statement h2{margin-top:0}.statement h2 .statement-line--old{color:var(--ink)}.statement h2 .statement-not{color:var(--statement-warn)}.statement h2 .statement-question-copy{color:var(--ink)}.statement.is-animated[data-phase="2"] .statement-line--old{text-decoration:none!important}.statement.is-animated[data-phase="3"] .statement-line--old{text-decoration-line:line-through!important;text-decoration-color:var(--statement-warn)!important;text-decoration-thickness:2px;text-decoration-skip-ink:none}.statement h2 .statement-line--answer,.statement h2 .statement-line--answer *{text-decoration:none!important}.statement h2 .statement-line--answer [data-statement-prefix]{color:var(--mint);font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:700}.statement h2 .statement-line--answer em{color:var(--ink);font-weight:600;opacity:1}

/* Trust marker: certification is a compact, factual credential rather than an invented logo. */
.qualification{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 13px;margin:29px 0 0;padding:15px 0;border-top:1px solid rgba(13,14,13,.22);border-bottom:1px solid rgba(13,14,13,.22)}
.qualification span{font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#455681}
.qualification strong{font-size:1rem;letter-spacing:-.035em;color:var(--ink)}
.qualification small{font-size:.75rem;color:#5a5d58}

/* Same credential hierarchy as in the hero, adapted to the light about surface. */
.qualification{gap:9px;margin-top:27px;padding:0;border:0;color:#353735;font-size:.9rem;line-height:1.4;font-weight:600}
.qualification span{color:#53628a;font:12px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}
.qualification small{color:#656860;font-size:.82rem;font-weight:400}

.qualification{gap:10px;margin-top:29px;font-size:1.05rem}.qualification span{font-size:14px}.qualification strong{font-size:1.05rem}.qualification small{font-size:.9rem}

/* The credential earns a deliberate reveal before the expertise sequence starts. */
.about.has-qualification-motion .qualification{opacity:0;transform:translateY(12px);filter:blur(5px);transition:opacity .75s ease,transform .85s cubic-bezier(.16,1,.3,1),filter .85s cubic-bezier(.16,1,.3,1)}
.about.has-qualification-motion.is-qualification-visible .qualification{opacity:1;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){.about .qualification{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}
/* Offers: a deliberate five-step card gallery. */
.services{background:#eeece7;padding-top:clamp(84px,10vw,150px)!important;padding-bottom:clamp(90px,11vw,160px)!important;min-height:0!important}
.services .section-head{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);align-items:end!important;margin:0 0 clamp(40px,6vw,76px)!important;pointer-events:auto!important}
.services .section-head-eyebrow{grid-column:1/-1}.services .section-head>p:last-child{visibility:visible!important;max-width:270px;justify-self:end}
.offer-gallery{position:relative;max-width:1280px;margin:0 auto}.offer-stage{height:clamp(520px,57vw,660px);position:relative;isolation:isolate;perspective:1700px}.offer-card{--card:#dee5f1;position:absolute;left:50%;top:50%;display:flex;flex-direction:column;width:min(460px,40vw);height:clamp(480px,52vw,610px);padding:22px 24px 24px;border:1px solid rgba(13,14,13,.17);background:var(--card);color:var(--ink);box-shadow:0 15px 40px rgba(13,14,13,.1);transform:translate(-50%,-50%);transform-origin:50% 88%;opacity:0;filter:blur(3px) saturate(.78);pointer-events:none;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .42s ease,filter .5s ease,box-shadow .6s ease;overflow:hidden}.offer-card::after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(13,14,13,.12);border-radius:50%;right:-95px;top:-92px;pointer-events:none}.offer-card--readiness{--card:#b8c3db}.offer-card--workshop{--card:#b9dbd6}.offer-card--automation{--card:#1a2024;color:var(--paper)}.offer-card--webdesign{--card:#d8dfec}.offer-card--roadmap{--card:#c6c1dc}.offer-card.is-active{transform:translate(-50%,-50%) scale(1);z-index:6;opacity:1;filter:none;pointer-events:auto;box-shadow:0 34px 80px rgba(29,36,57,.25)}.offer-card.is-left-1,.offer-card.is-right-1{z-index:4;opacity:.82;filter:blur(.7px) saturate(.8);pointer-events:auto;cursor:pointer}.offer-card.is-left-1{transform:translate(-155%,-47%) rotate(-10deg) scale(.78)}.offer-card.is-left-2{transform:translate(-215%,-45%) rotate(-16deg) scale(.62);z-index:2;opacity:.42;pointer-events:auto;cursor:pointer}.offer-card.is-right-1{transform:translate(55%,-47%) rotate(10deg) scale(.78)}.offer-card.is-right-2{transform:translate(115%,-45%) rotate(16deg) scale(.62);z-index:2;opacity:.42;pointer-events:auto;cursor:pointer}.offer-card-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase}.offer-featured{color:#33446f;font-weight:700}.offer-art{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 48%;min-height:0;margin:0 -5px;overflow:hidden}.offer-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;mix-blend-mode:multiply}.offer-card--automation .offer-art img{mix-blend-mode:screen;filter:saturate(.82) brightness(.98)}.offer-card-copy{position:relative;z-index:1}.offer-card h3{font-size:clamp(1.75rem,2.4vw,2.55rem);line-height:.96;letter-spacing:-.07em;margin:0}.offer-card-copy p{margin:13px 0 0;font-size:.82rem;line-height:1.52;max-width:360px}.offer-card-actions{position:relative;z-index:1;display:flex;gap:10px;margin-top:auto;padding-top:18px}.offer-card .button-card{min-width:0;flex:1;padding:11px 13px;gap:9px;white-space:nowrap;font-size:.7rem}.offer-card--automation .button-card{border-color:var(--paper);color:var(--paper)}.offer-card--automation .button-card:hover{background:var(--paper);color:var(--ink)}.offer-more{border:0;border-bottom:1px solid currentColor;background:transparent;padding:0;color:inherit;cursor:pointer;font:700 .71rem/1 Manrope,Arial,sans-serif;white-space:nowrap}.offer-more span{color:var(--acid);padding-left:4px}.offer-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:4px}.offer-controls button{width:42px;height:42px;border:1px solid rgba(13,14,13,.38);border-radius:50%;background:transparent;color:var(--ink);font-size:1.1rem;cursor:pointer;transition:background .2s,color .2s,transform .2s}.offer-controls button:hover{background:var(--ink);color:var(--paper);transform:scale(1.06)}.offer-controls p{margin:0;min-width:165px;text-align:center;font:10px 'DM Mono',monospace;letter-spacing:.1em;color:#515550}.offer-controls p span{color:#4e6193;font-weight:700}.offer-controls em{display:block;margin-top:5px;color:#777;font-style:normal;font-size:8px}.offer-dialog{border:0;padding:0;width:min(560px,calc(100% - 40px));color:var(--paper);background:transparent}.offer-dialog::backdrop{background:rgba(13,14,13,.76);backdrop-filter:blur(5px)}.offer-dialog-card{position:relative;padding:clamp(32px,5vw,54px);background:var(--ink);border:1px solid rgba(132,193,188,.5)}.offer-dialog-close{position:absolute;top:15px;right:15px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(243,240,233,.3);background:transparent;color:var(--paper);font-size:1.2rem;cursor:pointer}.offer-dialog h2{max-width:430px;margin:0;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.07em;line-height:.94}.offer-dialog h2+p{margin:20px 0 0;max-width:460px;color:#c5c7c1;font-size:.92rem;line-height:1.62}.offer-dialog ul{margin:26px 0 31px;padding:19px 0 0;list-style:none;border-top:1px solid rgba(243,240,233,.2)}.offer-dialog li{padding:6px 0;color:#e8e6df;font-size:.83rem;line-height:1.45}.offer-dialog li::before{content:'→';color:var(--mint);margin-right:10px}.offer-dialog .button{border:0;cursor:pointer}.offer-dialog-open{overflow:hidden}
@media(max-width:760px){.services{padding-left:24px!important;padding-right:24px!important}.services .section-head{display:block!important}.services .section-head>p:last-child{margin-top:21px;justify-self:auto}.offer-stage{height:525px;margin:0 -24px}.offer-card{width:calc(100vw - 48px);height:500px;padding:18px 20px 21px}.offer-card.is-left-1,.offer-card.is-left-2{transform:translate(-108%,-49%) rotate(-9deg) scale(.79);opacity:.24}.offer-card.is-right-1,.offer-card.is-right-2{transform:translate(8%,-49%) rotate(9deg) scale(.79);opacity:.24}.offer-card.is-active{transform:translate(-50%,-50%) scale(1);opacity:1}.offer-art{flex-basis:48%;max-height:240px}.offer-card h3{font-size:2rem}.offer-card-copy p{font-size:.78rem}.offer-controls{margin-top:0}.offer-controls em{display:none}.offer-dialog-card{padding:37px 27px 30px}.offer-dialog .button{width:100%}}
@media(prefers-reduced-motion:reduce){.offer-card,.offer-controls button{transition:none}}

/* Preview cards are navigation targets; their internal actions stay exclusive to the front card. */
.offer-card:not(.is-active) .offer-card-actions{pointer-events:none}

/* Keep the illustrations as a shared CI layer rather than five separate color worlds. */
.offer-art img{filter:saturate(.76) contrast(.98) brightness(1.015)}
.offer-card--automation .offer-art img{filter:saturate(.62) contrast(.96) brightness(.94)}

/* Keep the outer previews legible inside the stage instead of clipping them at its edges. */
.offer-card{will-change:transform}
.offer-card.is-left-2{transform:translate(-165%,-45%) rotate(-16deg) scale(.62)}
.offer-card.is-right-2{transform:translate(95%,-45%) rotate(16deg) scale(.62)}

@media(min-width:761px){.offer-card{top:47%}}

/* A compact handoff from the previous section: the cards are the actual headline. */
.services{padding-top:clamp(54px,6vw,84px)!important}
.services .section-head{display:block!important;margin:0 0 clamp(24px,3vw,42px)!important}
.services .section-head-eyebrow{display:block;margin:0!important;font:600 clamp(1.45rem,2.3vw,2.15rem)/1 Manrope,Arial,sans-serif!important;letter-spacing:-.055em!important;text-transform:none!important;color:var(--ink)!important}
/* Closing moment: three direct, deliberately low-friction ways to start. */
.contact{padding-bottom:clamp(96px,11vw,160px)!important}.contact-invite{max-width:380px;margin:26px 0 0!important;font-size:.9rem;line-height:1.55;text-transform:none!important;letter-spacing:0!important}.contact-routes{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(42px,6vw,78px);max-width:1240px}.contact-route{display:flex;flex-direction:column;min-height:425px;padding:25px;background:rgba(243,240,233,.92);color:var(--ink);border:1px solid rgba(13,14,13,.22);box-shadow:0 18px 42px rgba(13,14,13,.12);opacity:0;transform:translateY(34px) scale(.97);transition:opacity .5s ease,transform .65s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.contact.is-engaged .contact-route{opacity:1;transform:none}.contact.is-engaged .contact-route:nth-child(2){transition-delay:.12s}.contact.is-engaged .contact-route:nth-child(3){transition-delay:.24s}.contact-route:hover{box-shadow:0 25px 56px rgba(13,14,13,.19)}.contact-route>p{margin:0;color:#44557e;font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.contact-route h3{margin:25px 0 8px;font-size:clamp(1.5rem,2.15vw,2.2rem);letter-spacing:-.06em;line-height:.98}.contact-route>span{display:block;min-height:45px;color:#4a4c49;font-size:.78rem;line-height:1.5}.contact-route label{display:block;margin-top:16px;color:#454742;font:9px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.contact-route label small{font:inherit;text-transform:none;letter-spacing:0}.contact-route input,.contact-route textarea{display:block;width:100%;margin-top:6px;padding:9px 0;border:0;border-bottom:1px solid rgba(13,14,13,.3);background:transparent;color:var(--ink);font:500 .84rem/1.4 Manrope,Arial,sans-serif;resize:vertical}.contact-route input:focus,.contact-route textarea:focus{outline:none;border-bottom-color:var(--ink)}.contact-route input::placeholder,.contact-route textarea::placeholder{color:#777b74}.contact-route button,.contact-call{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:14px 0 0;border:0;border-top:1px solid var(--ink);background:transparent;color:var(--ink);font:700 .76rem Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer}.contact-route button b,.contact-call b{font-size:1.2rem;font-weight:400}.contact-route--whatsapp{background:#b8dcd7}.contact-route--phone{background:var(--ink);color:var(--paper)}.contact-route--phone>p{color:var(--mint)}.contact-route--phone>span{color:#c6c8c2}.contact-phone-number{margin-top:52px;color:var(--paper);font-size:clamp(1.25rem,2.1vw,1.95rem);font-weight:700;letter-spacing:-.055em;text-decoration:none}.contact-call{color:var(--paper);border-top-color:rgba(243,240,233,.45)}.contact-route--phone>small{margin-top:18px;color:#b7b9b2;font-size:.7rem;line-height:1.45}.contact-route:focus-within{box-shadow:0 0 0 2px var(--ink),0 25px 56px rgba(13,14,13,.19)}.contact-route--phone:focus-within{box-shadow:0 0 0 2px var(--paper),0 25px 56px rgba(13,14,13,.19)}
@media(max-width:760px){.contact-routes{grid-template-columns:1fr;gap:12px;margin-top:38px}.contact-route{min-height:0;padding:24px}.contact-route>span{min-height:0}.contact-route label{margin-top:15px}.contact-route button,.contact-call{margin-top:28px}.contact-phone-number{margin-top:35px}.contact.is-engaged .contact-route:nth-child(2),.contact.is-engaged .contact-route:nth-child(3){transition-delay:0}}
@media(prefers-reduced-motion:reduce){.contact-route{opacity:1;transform:none;transition:none}}

/* The content remains usable without JavaScript; only opt into the entrance after it runs. */
.contact-route{opacity:1;transform:none}
.contact.has-contact-motion .contact-route{opacity:0;transform:translateY(34px) scale(.97)}
.contact.has-contact-motion.is-engaged .contact-route{opacity:1;transform:none}

.contact-route h3{margin-top:0}
.contact-message-fallback{margin-top:18px;padding-top:14px;border-top:1px solid rgba(13,14,13,.25)}.contact-message-fallback[hidden]{display:none}.contact-message-fallback p{margin:0 0 8px;color:#454742;font-size:.73rem;line-height:1.42}.contact-message-fallback textarea{display:block;width:100%;min-height:92px;padding:9px;border:1px solid rgba(13,14,13,.26);background:rgba(243,240,233,.48);color:var(--ink);font:500 .78rem/1.42 Manrope,Arial,sans-serif;resize:vertical}.contact-message-fallback button{margin-top:12px;padding-top:12px}.contact-message-fallback>span{display:block;margin-top:7px;color:#304c48;font-size:.72rem;font-weight:700}

/* The final promise resolves from uncertainty into readable clarity on arrival. */
.contact-clarity{display:inline-block;transition:filter 1.85s cubic-bezier(.16,1,.3,1),opacity 1.85s cubic-bezier(.16,1,.3,1),transform 1.85s cubic-bezier(.16,1,.3,1)}
.contact.has-contact-motion .contact-clarity{filter:blur(13px);opacity:.18;transform:translateY(8px);will-change:filter,opacity,transform}
.contact.has-contact-motion.is-clarity .contact-clarity{filter:blur(0);opacity:1;transform:translateY(0);will-change:auto}
.contact.has-contact-motion .contact-route{transition:opacity .8s ease,transform 1.1s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}
.contact.has-contact-motion.is-engaged .contact-route:nth-child(2){transition-delay:.22s}.contact.has-contact-motion.is-engaged .contact-route:nth-child(3){transition-delay:.44s}
@media(max-width:760px){.contact.has-contact-motion.is-engaged .contact-route:nth-child(2){transition-delay:.18s}.contact.has-contact-motion.is-engaged .contact-route:nth-child(3){transition-delay:.36s}}
@media(prefers-reduced-motion:reduce){.contact-clarity{filter:none!important;opacity:1!important;transform:none!important;transition:none!important}}

/* The closing moment mirrors the hero with a real, low-key orbital horizon. */
.contact{isolation:isolate;background:#7b8cb6!important}
.contact::before{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(110deg,rgba(123,140,182,.96) 0%,rgba(123,140,182,.78) 46%,rgba(77,91,128,.4) 100%),url("assets/hero/contact-moon.webp");background-size:cover;background-position:center,center bottom;opacity:.72;pointer-events:none}
.contact-orb{display:none!important}
.contact>*:not(.contact-orb){z-index:1}
.contact-routes{z-index:2}
@media(max-width:760px){.contact::before{background-position:center,64% center;opacity:.62}}
/* The post-hero thought shift: three ideas, one spatially legible sequence. */
.statement{min-height:0!important;padding:clamp(84px,10vw,150px) clamp(24px,10vw,160px)!important;display:grid!important;grid-template-columns:minmax(260px,.78fr) 1.22fr;column-gap:clamp(45px,9vw,140px);align-items:center;background:#e8e5df!important;overflow:hidden}
.statement-intro>p{margin:0 0 23px!important;color:#53628a;font:10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.statement-intro h2{margin:0!important;font-size:clamp(2.7rem,5vw,5.4rem)!important;line-height:.92!important;letter-spacing:-.07em}.statement-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#52648f}.statement-fan{position:relative;height:clamp(360px,39vw,480px);isolation:isolate;perspective:1300px}.statement-card{position:absolute;inset:50% auto auto 50%;display:flex;flex-direction:column;width:min(390px,35vw);height:clamp(330px,35vw,420px);padding:25px 27px;background:#e2ddd2;color:var(--ink);border:1px solid rgba(13,14,13,.2);box-shadow:0 15px 38px rgba(13,14,13,.1);transform:translate(-50%,-50%);transform-origin:center bottom;opacity:0;pointer-events:none;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .36s ease,filter .45s ease,box-shadow .45s ease}.statement-card.is-active{z-index:3;opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);box-shadow:0 30px 70px rgba(13,14,13,.2)}.statement-card.is-left{z-index:2;opacity:.68;pointer-events:auto;cursor:pointer;filter:saturate(.78);transform:translate(-133%,-46%) rotate(-12deg) scale(.78)}.statement-card.is-right{z-index:2;opacity:.68;pointer-events:auto;cursor:pointer;filter:saturate(.78);transform:translate(33%,-46%) rotate(12deg) scale(.78)}.statement-card--question{background:#d9c5c4}.statement-card--answer{background:#b9dbd6}.statement-card--outcome{background:var(--ink);color:var(--paper)}.statement-card>span{font:10px 'DM Mono',monospace;letter-spacing:.1em;color:inherit;opacity:.58}.statement-card>p{margin:42px 0 7px;font-size:.84rem;font-weight:700}.statement-card--question>p{color:#9b4f5b}.statement-card--answer>p{color:#2c7772}.statement-card--outcome>p{color:var(--mint)}.statement-card h3{margin:0;font-size:clamp(1.9rem,3vw,3.3rem);line-height:.94;letter-spacing:-.075em}.statement-card h3 em{font-family:Georgia,serif;font-weight:400}.statement-card small{margin-top:auto;padding-top:19px;border-top:1px solid currentColor;font-size:.73rem;line-height:1.42;opacity:.68}.statement-controls{grid-column:2;display:flex;align-items:center;justify-content:center;gap:17px;margin-top:-2px}.statement-controls button{width:40px;height:40px;border:1px solid rgba(13,14,13,.35);border-radius:50%;background:transparent;color:var(--ink);font-size:1.05rem;cursor:pointer;transition:background .2s,color .2s}.statement-controls button:hover{background:var(--ink);color:var(--paper)}.statement-controls p{min-width:70px;margin:0;text-align:center;font:10px 'DM Mono',monospace;letter-spacing:.1em;color:#5a5c58}.statement-controls span{color:#455681;font-weight:700}
@media(max-width:760px){.statement{display:block!important;padding:76px 24px 70px!important}.statement-intro h2{font-size:clamp(2.7rem,12vw,4rem)!important}.statement-fan{height:410px;margin:46px -24px 0}.statement-card{width:calc(100vw - 48px);height:370px;padding:22px}.statement-card.is-left{transform:translate(-104%,-47%) rotate(-9deg) scale(.78);opacity:.3}.statement-card.is-right{transform:translate(4%,-47%) rotate(9deg) scale(.78);opacity:.3}.statement-card h3{font-size:2.5rem}.statement-controls{margin-top:0}.statement-card>p{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.statement-card{transition:none}}

/* The long question must stay whole inside its card, including the question mark. */
.statement-card--question h3{font-size:clamp(1.75rem,2.65vw,2.95rem);letter-spacing:-.085em}
@media(max-width:760px){.statement-card--question h3{font-size:clamp(2.05rem,9vw,2.25rem)}}
/* About: experience becomes tangible one competency at a time. */
@media(min-width:761px){
  .about{min-height:340vh!important;grid-template-columns:minmax(290px,.85fr) minmax(430px,1.15fr)!important;align-items:start!important;overflow:clip}
  .about-visual{top:calc(50vh - min(18vw,220px))!important;transition:background .55s cubic-bezier(.16,1,.3,1),box-shadow .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)!important}
  .about-visual::before{content:attr(data-current);position:absolute;left:50%;top:16%;transform:translateX(-50%);font:10px 'DM Mono',monospace;letter-spacing:.12em;color:rgba(13,14,13,.58)}
  .about-visual p{font-size:clamp(.76rem,1.2vw,1rem)!important;font-weight:700;letter-spacing:-.035em!important;line-height:1.05!important;text-transform:none!important;width:70%;margin-top:30px!important}
  .about[data-active="1"] .about-visual{background:#7b8cb6;box-shadow:inset 0 0 0 22px rgba(255,255,255,.14),inset 0 0 0 70px rgba(255,255,255,.09),0 28px 65px rgba(77,93,139,.18)}
  .about[data-active="2"] .about-visual{background:#84c1bc;transform:rotate(-3deg);box-shadow:inset 0 0 0 22px rgba(255,255,255,.16),inset 0 0 0 70px rgba(255,255,255,.1),0 28px 65px rgba(52,121,112,.18)}
  .about[data-active="3"] .about-visual{background:#c5c0d9;transform:rotate(3deg);box-shadow:inset 0 0 0 22px rgba(255,255,255,.19),inset 0 0 0 70px rgba(255,255,255,.12),0 28px 65px rgba(84,75,126,.16)}
  .about[data-active="4"] .about-visual{background:#a7b6d4;transform:rotate(-2deg);box-shadow:inset 0 0 0 22px rgba(255,255,255,.17),inset 0 0 0 70px rgba(255,255,255,.1),0 28px 65px rgba(63,79,119,.16)}
  .about[data-active="5"] .about-visual{background:#b9dbd6;transform:rotate(2deg);box-shadow:inset 0 0 0 22px rgba(255,255,255,.19),inset 0 0 0 70px rgba(255,255,255,.12),0 28px 65px rgba(52,121,112,.16)}
  .about-copy{top:12vh!important;max-width:660px}.about-copy>p:not(:first-child){max-width:560px}.expertise-list{margin-top:48px!important}.expertise-list li{min-height:92px;grid-template-columns:42px minmax(185px,.9fr) 1.2fr!important;opacity:.16!important;transform:translateX(0) scale(.975)!important;transition:opacity .42s ease,transform .5s cubic-bezier(.16,1,.3,1)!important}
  .expertise-list li.is-active{padding:31px 0!important;opacity:1!important;transform:translateX(18px) scale(1)!important}.expertise-list li.is-active span{color:#27375f!important}.expertise-list li.is-active strong{font-size:clamp(1.3rem,2vw,1.85rem)!important;line-height:1.02;color:#27375f!important}.expertise-list li.is-active small{font-size:.9rem!important;color:#343634!important}.expertise-list li.is-active::after{content:"Aktiv im Blick";grid-column:2/-1;font:9px 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase;color:#53628a;margin-top:4px}
}

/* Compact, high-signal certification marker in its original position. */
.about .qualification{width:max-content;max-width:100%;padding:17px 21px;background:var(--ink);color:var(--paper);box-shadow:0 16px 34px rgba(13,14,13,.16)}
.about .qualification span{color:var(--mint)}
.about .qualification strong{color:var(--paper)}
.about .qualification small{color:#c8cac2}
@media(max-width:760px){.about-visual::before{content:"360ai Kompetenz";display:block;margin-bottom:8px;font:9px 'DM Mono',monospace;letter-spacing:.1em;color:rgba(13,14,13,.55)}.about-visual p{font-weight:700}.expertise-list li.is-active{background:rgba(123,140,182,.08);padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){.about-visual,.expertise-list li{transition:none!important}}

/* The left side is a process map, not a generic achievement counter. */
.about-map{position:relative!important;overflow:hidden!important;border-radius:0!important;aspect-ratio:1!important;background:#101211!important;color:var(--paper)!important;box-shadow:0 26px 65px rgba(13,14,13,.22)!important}
.about-map::after{display:none!important}.about-map::before{content:""!important;position:absolute!important;inset:0!important;transform:none!important;border:0!important;border-radius:0!important;background:repeating-linear-gradient(90deg,rgba(243,240,233,.07) 0 1px,transparent 1px 20%),repeating-linear-gradient(0deg,rgba(243,240,233,.06) 0 1px,transparent 1px 20%);opacity:.65}
.about-map-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.about-map-lines path{fill:none;stroke:#84c1bc;stroke-width:.65;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:stroke .5s ease,opacity .5s ease}.about-map-lines .about-map-line--soft{stroke:#7b8cb6;stroke-dasharray:2.2 2.2;opacity:.38}
.about-map-node{position:absolute!important;z-index:2!important;display:grid!important;place-items:center!important;width:36px;height:36px!important;min-height:0!important;margin:0!important;border:1px solid rgba(243,240,233,.5);border-radius:50%;background:#101211;color:#b9bbb3!important;font:10px 'DM Mono',monospace!important;letter-spacing:0!important;transition:background .45s ease,color .45s ease,transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease!important}.about-map-node--1{left:15%;top:68%}.about-map-node--2{left:35%;top:37%}.about-map-node--3{left:54%;top:56%}.about-map-node--4{left:77%;top:25%}.about-map-node--5{left:86%;top:73%}
.about-map-copy{position:absolute;z-index:3;left:10%;right:10%;bottom:10%;padding-top:18px;border-top:1px solid rgba(243,240,233,.28)}.about-map-copy small{display:block;color:#9a9c95;font:9px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.about-map-copy p{width:auto!important;min-height:0!important;margin:12px 0 0!important;color:var(--paper)!important;font:700 clamp(1.35rem,2.4vw,2.3rem)/.96 Manrope,Arial,sans-serif!important;letter-spacing:-.06em!important;text-align:left!important}.about-map-copy strong{display:block;margin-top:11px;color:#b9bbb3;font:500 10px 'DM Mono',monospace;line-height:1.4;letter-spacing:.04em;text-transform:uppercase}
.about[data-active="1"] .about-map-node--1,.about[data-active="2"] .about-map-node--2,.about[data-active="3"] .about-map-node--3,.about[data-active="4"] .about-map-node--4,.about[data-active="5"] .about-map-node--5{background:#84c1bc;color:#0d0e0d!important;border-color:#84c1bc;transform:scale(1.3);box-shadow:0 0 0 7px rgba(132,193,188,.14),0 0 24px rgba(132,193,188,.5)}
.about[data-active="2"] .about-map-lines path{stroke:#b9dbd6;opacity:.8}.about[data-active="3"] .about-map-lines path{stroke:#c5c0d9;opacity:.8}.about[data-active="4"] .about-map-lines path{stroke:#a7b6d4;opacity:.8}.about[data-active="5"] .about-map-lines path{stroke:#84c1bc;opacity:1}
@media(max-width:760px){.about-map{width:min(88vw,430px)!important;border-radius:0!important}.about-map::before{display:block!important}.about-map-copy p{font-size:1.55rem!important}.about-map-node{width:30px;height:30px!important;font-size:8px!important}}

/* The section is intentionally text-led: experience should scan like evidence, not perform as a diagram. */
.about{display:block!important;min-height:0!important;padding:clamp(84px,10vw,128px) clamp(24px,10vw,160px)!important}
.about-copy{position:relative!important;top:auto!important;max-width:760px!important}
.expertise-list{margin-top:38px!important}
.expertise-list li,.expertise-list li.is-active{min-height:0!important;padding:20px 0!important;opacity:1!important;transform:none!important;background:transparent!important}
.expertise-list li.is-active::after{display:none!important}
.expertise-list li.is-active strong,.expertise-list strong{font-size:1rem!important;line-height:1.2!important;color:var(--ink)!important}
.expertise-list small{font-size:.82rem!important;color:#595b59!important}

/* Original certificates are proof, so the carousel foregrounds the document rather than an invented badge. */
.certificate-carousel{margin:46px 0 0;padding-top:24px;border-top:1px solid rgba(13,14,13,.2)}
.certificate-stage{position:relative;min-height:350px;background:#d9d8d3;overflow:hidden}
.certificate{position:absolute;inset:0;display:grid;grid-template-columns:minmax(220px,.88fr) 1fr;opacity:0;pointer-events:none;transform:translateX(28px);transition:opacity .42s ease,transform .58s cubic-bezier(.16,1,.3,1)}
.certificate.is-active{position:relative;opacity:1;pointer-events:auto;transform:none}
.certificate-preview{display:grid;place-items:center;min-height:350px;padding:22px;background:#c8d0df;overflow:hidden}
.certificate-preview img{display:block;width:auto;height:306px;max-width:100%;object-fit:contain;box-shadow:0 15px 30px rgba(13,14,13,.23)}
.certificate-copy{display:flex;flex-direction:column;align-items:flex-start;padding:36px 34px;background:#efeee9;color:var(--ink)}
.certificate-copy p{margin:0;color:#53628a!important;font:10px 'DM Mono',monospace!important;letter-spacing:.11em!important;text-transform:uppercase!important}.certificate-copy h3{margin:25px 0 14px;font-size:clamp(1.8rem,3vw,3.1rem);line-height:.9;letter-spacing:-.075em}.certificate-copy span{font-size:.78rem;line-height:1.5;color:#585a55}.certificate-copy a{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:15px;border-top:1px solid rgba(13,14,13,.35);color:var(--ink);font-size:.76rem;font-weight:700;text-decoration:none}.certificate-copy a b{font-size:1.1rem;font-weight:400}
.certificate-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:15px 0 0}.certificate-controls button{width:38px;height:38px;border:1px solid rgba(13,14,13,.35);border-radius:50%;background:transparent;color:var(--ink);font-size:1.05rem;cursor:pointer}.certificate-controls p{margin:0;text-align:center;font:10px 'DM Mono',monospace;letter-spacing:.1em}.certificate-controls p span{color:#53628a;font-weight:700}.certificate-controls small{display:block;margin-top:3px;color:#656860;font-size:.65rem}.certificate-tabs{display:flex;gap:8px;margin-top:15px}.certificate-tabs button{flex:1;padding:10px 8px;border:1px solid rgba(13,14,13,.22);background:transparent;color:#52544f;font:700 .68rem Manrope,Arial,sans-serif;cursor:pointer}.certificate-tabs button.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}
@media(max-width:760px){.certificate{grid-template-columns:1fr}.certificate-stage{min-height:0}.certificate-preview{min-height:300px}.certificate-preview img{height:260px}.certificate-copy{min-height:230px;padding:28px 24px}.certificate-copy h3{font-size:2rem}.certificate-tabs{gap:5px}.certificate-tabs button{font-size:.61rem;padding:9px 4px}}
@media(prefers-reduced-motion:reduce){.certificate{transition:none}}

/* Evidence beside experience: both columns can be read in parallel. */
@media(min-width:761px){
  .about{overflow:visible!important}
  .about-copy{display:grid!important;grid-template-columns:minmax(260px,.82fr) minmax(350px,1.18fr);column-gap:clamp(38px,6vw,84px);align-items:start;align-content:start;min-height:0;max-width:1180px!important}
  .about-copy>p,.about-copy>h2,.about-copy>.qualification{grid-column:1/-1}
  .expertise-list{grid-column:1;grid-row:6;min-height:0;margin-top:38px!important}
  .certificate-carousel{position:relative;top:auto;grid-column:2;grid-row:6;margin-top:38px;align-self:start}
  .certificate-stage{min-height:330px}.certificate-preview{min-height:330px}.certificate-preview img{height:286px}.certificate-copy{padding:30px 28px}
}


/* A web radiates from 360ai; nodes reveal cumulatively as the story moves down. */
.about-map-node--1{left:15%!important;top:70%!important}.about-map-node--2{left:29%!important;top:23%!important}.about-map-node--3{left:53%!important;top:15%!important}.about-map-node--4{left:80%!important;top:31%!important}.about-map-node--5{left:86%!important;top:76%!important}
.about-map-node{opacity:0;transform:scale(.3)!important;transition:opacity .45s ease,transform .55s cubic-bezier(.16,1,.3,1),background .45s ease,box-shadow .45s ease!important}.about-map-node.is-revealed{opacity:1;transform:scale(1)!important}.about-map-core{position:absolute;z-index:3;left:50%;top:50%;display:flex;align-items:baseline;transform:translate(-50%,-50%);color:var(--paper);letter-spacing:-.1em}.about-map-core span{position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--paper)!important;font:800 clamp(2.3rem,4.4vw,4.5rem)/.8 Manrope,Arial,sans-serif!important;box-shadow:none!important}.about-map-core small{margin-left:3px;color:var(--mint);font:500 clamp(1.3rem,2.4vw,2.4rem)/1 Georgia,serif;letter-spacing:-.08em}
@media(min-width:761px){.about-map{top:15vh!important}.about[data-active="1"] .about-map{transform:translateY(-7vh)!important}.about[data-active="2"] .about-map{transform:translateY(-3vh)!important}.about[data-active="3"] .about-map{transform:translateY(1vh)!important}.about[data-active="4"] .about-map{transform:translateY(5vh)!important}.about[data-active="5"] .about-map{transform:translateY(9vh)!important}.about[data-active="1"] .about-map-node--1,.about[data-active="2"] .about-map-node--2,.about[data-active="3"] .about-map-node--3,.about[data-active="4"] .about-map-node--4,.about[data-active="5"] .about-map-node--5{transform:scale(1.3)!important}}
/* A CI planet gives the hero a horizon, not a generic tech orb. */
.hero{--planet-light:#84c1bc;--planet-shadow:#344570;--planet-glow:rgba(132,193,188,.34);--planet-rings:rgba(185,219,214,.55)}
.hero[data-hero-tone="fokus"]{--planet-light:#7b8cb6;--planet-shadow:#27365c;--planet-glow:rgba(123,140,182,.38);--planet-rings:rgba(173,186,220,.58)}
.hero[data-hero-tone="richtung"]{--planet-light:#c5c0d9;--planet-shadow:#564d78;--planet-glow:rgba(197,192,217,.34);--planet-rings:rgba(207,202,227,.64)}
.sphere-hero{width:min(62vw,790px)!important;right:-4vw!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 16%)!important}
.sphere-hero::before{content:"";position:absolute;z-index:1;width:min(48vw,580px);aspect-ratio:1;left:50%;top:50%;transform:translate(-48%,-49%);border-radius:50%;background:radial-gradient(circle at 31% 27%,rgba(243,240,233,.2),transparent 6%),radial-gradient(circle at 35% 32%,var(--planet-light),transparent 24%),radial-gradient(circle at 67% 67%,#111727 0,transparent 59%),radial-gradient(circle at 50% 48%,var(--planet-shadow),#171b2a 68%,#080a0e 70%);box-shadow:inset -38px -28px 72px rgba(0,0,0,.63),inset 14px 12px 48px rgba(243,240,233,.1),0 0 42px var(--planet-glow),0 0 150px var(--planet-glow);transition:background .7s ease,box-shadow .7s ease}
.sphere-hero::after{content:"";position:absolute;z-index:2;width:min(50vw,610px);aspect-ratio:1;left:50%;top:50%;transform:translate(-48%,-49%);border-radius:50%;border:1px solid rgba(243,240,233,.16);box-shadow:inset 0 0 0 1px rgba(132,193,188,.12),0 0 0 13px rgba(132,193,188,.035);pointer-events:none}
.sphere-grid{opacity:.35;background-image:repeating-linear-gradient(90deg,rgba(123,140,182,.1) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgba(123,140,182,.1) 0 1px,transparent 1px 42px)!important}.sphere-haze{z-index:0;background-image:radial-gradient(circle at 54% 49%,var(--planet-glow),transparent 61%)!important}.sphere-core{z-index:1;width:430px!important;height:430px!important;background-image:radial-gradient(circle,var(--planet-glow),transparent 68%)!important;box-shadow:0 0 120px 35px var(--planet-glow)!important}.sphere-stage{z-index:3}.sphere-tilt{width:min(66%,480px)!important}.wire-ring{border-color:var(--planet-rings)!important;box-shadow:0 0 18px var(--planet-glow)!important}.sphere-bloom{z-index:4;background-image:radial-gradient(circle at 47% 46%,var(--planet-glow),transparent 54%),radial-gradient(circle at 18% 15%,rgba(243,240,233,.14),transparent 28%)!important;opacity:.7!important}.sphere-noise{z-index:5;opacity:.035!important}
@media(max-width:760px){.sphere-hero{display:none!important}}
@media(prefers-reduced-motion:reduce){.sphere-hero::before{transition:none}}

/* The hero stays immediately legible; the uncertainty-to-clarity moment belongs to the final contact section. */
.hero-clarity-line{display:inline-block;filter:none;opacity:1}
/* An atmospheric Earth limb replaces the former wireframe orb. */
.hero-earth{
  --earth-tint:rgba(130,151,225,.5);
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  background-image:linear-gradient(90deg,#0d0e0d 0%,rgba(13,14,13,.97) 31%,rgba(13,14,13,.55) 58%,rgba(13,14,13,.08) 100%),url("assets/hero/hero-earth.webp");
  background-position:center,center;
  background-size:cover;
  background-repeat:no-repeat;
  transition:filter .7s ease,opacity .7s ease;
}
.hero-earth::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 62% 78% at 82% 49%,var(--earth-tint) 0%,transparent 68%);
  mix-blend-mode:screen;
  opacity:.62;
  transition:background .7s ease;
}
.hero-earth::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(13,14,13,.45),transparent 50%);
}
.hero[data-hero-tone="fokus"] .hero-earth{--earth-tint:rgba(82,230,196,.54)}
.hero[data-hero-tone="richtung"] .hero-earth{--earth-tint:rgba(231,128,178,.43)}
.hero[data-hero-tone="klarheit"] .hero-earth{--earth-tint:rgba(130,151,225,.5)}
.hero .word-rotator em{color:#adbcf5;text-shadow:0 0 24px rgba(130,151,225,.3);transition:color .5s ease,text-shadow .5s ease}
.hero[data-hero-tone="fokus"] .word-rotator em{color:#94ead8;text-shadow:0 0 26px rgba(82,230,196,.34)}
.hero[data-hero-tone="richtung"] .word-rotator em{color:#f0b2d2;text-shadow:0 0 26px rgba(231,128,178,.3)}
.hero[data-hero-tone="klarheit"] .word-rotator em{color:#adbcf5;text-shadow:0 0 24px rgba(130,151,225,.3)}
.hero .hero-copy{position:relative;z-index:1}
.hero .scroll-note{position:relative;z-index:1}
@media(max-width:760px){
  .hero-earth{opacity:.72;background-position:center,64% center}
  .hero-earth::after{background:linear-gradient(90deg,rgba(13,14,13,.64),rgba(13,14,13,.2))}
}
@media(prefers-reduced-motion:reduce){.hero-earth,.hero-earth::before{transition:none}}
:root{--ink:#0d0e0d;--paper:#f3f0e9;--mint:#84c1bc;--lavender:#7b8cb6;--line:rgba(13,14,13,.17)}
.site-footer{display:grid!important;grid-template-columns:minmax(250px,1.15fr) minmax(400px,1.85fr);gap:64px;padding:72px clamp(24px,6vw,104px) 24px!important;background:var(--ink);color:var(--paper)}.site-footer__intro{max-width:330px}.site-footer .wordmark img{width:132px}.site-footer__intro p{margin:28px 0;color:#b9bbb3;font-size:.84rem;line-height:1.62}.site-footer__start{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:208px;padding:14px 16px;background:var(--mint);color:var(--ink);font-size:.78rem;font-weight:800;text-decoration:none}.site-footer__start span{font-size:1.2rem}.site-footer__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.site-footer__links h2{margin:0 0 18px;color:var(--mint);font:10px 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase}.site-footer__links a{display:block;width:max-content;max-width:100%;margin:0 0 12px;color:var(--paper);font-size:.81rem;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}.site-footer__links a:hover,.site-footer__bottom a:hover{color:var(--mint)}.site-footer__bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:6px;padding-top:22px;border-top:1px solid rgba(243,240,233,.16)}.site-footer__bottom small{font:10px 'DM Mono',monospace;color:#969990;letter-spacing:.03em}.site-footer .footer-socials{display:flex;gap:18px}.site-footer .footer-socials a{width:auto;height:auto;border:0;border-radius:0;color:#c8cac3;font:700 .72rem Manrope,Arial,sans-serif;text-decoration:none}
.legal-page{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.legal-page *{box-sizing:border-box}.legal-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:17px clamp(24px,6vw,104px);background:rgba(13,14,13,.95);backdrop-filter:blur(13px)}.legal-nav img{display:block;width:112px;height:auto}.legal-nav a{color:var(--paper);font-size:.78rem;font-weight:700;text-decoration:none}.legal-nav__back{display:flex;gap:10px;align-items:center}.legal-main{width:min(100% - 48px,780px);margin:0 auto;padding:clamp(80px,11vw,140px) 0}.legal-main h1{margin:0 0 12px;font-size:clamp(3rem,6vw,5.4rem);line-height:.94;letter-spacing:-.07em}.legal-main>p{margin:0 0 52px;color:#666963;font:11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.legal-block{padding:26px 0;border-top:1px solid var(--line)}.legal-block h2{margin:0 0 11px;font-size:1.12rem;letter-spacing:-.035em}.legal-block p,.legal-block li{color:#4e504b;font-size:.91rem;line-height:1.7}.legal-block p{margin:0 0 14px}.legal-block ul{padding-left:20px;margin:0}.legal-main a{color:#344d7d;text-decoration-thickness:1px;text-underline-offset:3px}.legal-footer{padding:35px clamp(24px,6vw,104px);background:var(--ink);color:#b9bbb3}.legal-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.legal-footer small{font:10px 'DM Mono',monospace}.legal-footer a{margin-left:18px;color:var(--paper);font-size:.75rem;text-decoration:none}.legal-footer a:hover{color:var(--mint)}
@media(max-width:760px){.site-footer{grid-template-columns:1fr;gap:42px;padding-top:54px!important}.site-footer__links{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.site-footer__bottom{align-items:flex-start;flex-direction:column}.legal-nav{padding:15px 24px}.legal-main{width:min(100% - 40px,780px);padding:74px 0}.legal-main>p{margin-bottom:38px}.legal-footer__inner{align-items:flex-start;flex-direction:column}.legal-footer a{margin:0 15px 0 0}}
.local-seo{display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,.42fr) minmax(280px,.72fr);gap:clamp(28px,5vw,84px);align-items:center;padding:clamp(80px,11vw,150px) clamp(24px,6vw,104px);background:#b9dbd6;color:#0d0e0d}.local-seo h2{max-width:10ch;margin:12px 0 0;font-size:clamp(2.45rem,5.25vw,5.35rem);font-weight:800;line-height:.93;letter-spacing:-.065em;text-wrap:balance}.local-seo__label{margin:0;color:#53628a;font:500 10px/1.4 'DM Mono',monospace;letter-spacing:.075em;text-transform:uppercase}.local-seo__map{justify-self:center;width:min(100%,260px);filter:drop-shadow(15px 36px 25px rgba(13,14,13,.22));perspective:520px}.local-seo__map img{display:block;width:100%;height:auto;transform:translateY(-8px) rotateX(19deg) rotateY(-27deg) rotateZ(6deg);transform-origin:48% 66%}.local-seo__copy{max-width:38ch;padding-bottom:.4rem}.local-seo__copy p{margin:0;color:#343634;font-size:clamp(.93rem,1.12vw,1.05rem);line-height:1.7}.local-seo__copy p+p{margin-top:1.25rem}.local-seo__copy .local-seo__range{color:#0d0e0d;font-size:clamp(1.05rem,1.45vw,1.34rem);font-weight:800;line-height:1.3;letter-spacing:-.025em}.local-seo--about{margin-top:0}@media(max-width:760px){.local-seo{grid-template-columns:1fr;gap:28px;padding-block:72px}.local-seo h2{max-width:11ch;font-size:clamp(2.3rem,11vw,4rem)}.local-seo__map{width:min(62vw,235px);justify-self:start;margin:2px 0}.local-seo__copy{max-width:34ch}}
/* --- polish.css: SEO/GEO/Recht-Nachzug 2026-08-27 (immer als letzte Datei bundlen) --- */

/* Footer-Spaltentitel: semantisch <p> statt <h2>, Optik unverändert */
.site-footer__col-title{margin:0 0 18px;color:var(--mint);font:10px 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase}

/* KI-Kennzeichnung nach Art. 50 KI-VO: sichtbares Badge auf fotorealen KI-Bildmotiven */
.ki-badge{position:absolute;right:clamp(12px,3vw,26px);bottom:clamp(12px,3vw,20px);z-index:4;display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid rgba(243,240,233,.3);border-radius:999px;background:rgba(13,14,13,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#ebe9e1;font:10px/1 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}
.ki-badge::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--mint);flex:0 0 auto}
.contact .ki-badge{position:absolute!important;z-index:4;border-color:rgba(13,14,13,.45);background:rgba(13,14,13,.66);color:#f3f0e9}
@media(max-width:760px){.ki-badge{font-size:9px;padding:4px 8px}}

/* build: 13 Quelldateien, siehe BUILD-CSS.md */