@view-transition{navigation:auto}
:root{--bg:#08060f;--bg2:#0d0a18;--ink:#fff;--muted:#a6a3bd;--muted2:#858198;--line:rgba(255,255,255,.1);--surface:rgba(255,255,255,.035);--violet:#8b6bff;--teal:#5ce0d8;--grad:linear-gradient(115deg,#9b82fc,#7c5cfc 44%,#5ce0d8);--max:1180px;--header:rgba(8,6,15,.82);--shadow:none}
[data-theme="light"]{--bg:#f5f4fb;--bg2:#fff;--ink:#130d27;--muted:#57526c;--muted2:#716b84;--line:rgba(26,14,52,.13);--surface:rgba(124,92,252,.045);--header:rgba(245,244,251,.9);--shadow:0 25px 70px -44px rgba(55,27,112,.3)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--bg);color:var(--ink);font-family:'Inter','Inter Fallback',system-ui,sans-serif;line-height:1.65;overflow-x:hidden;transition:background .35s,color .35s}
body::before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 8% 10%,rgba(124,92,252,.18),transparent 35%),radial-gradient(circle at 92% 52%,rgba(92,224,216,.1),transparent 30%)}
body::after{content:"";position:fixed;z-index:-1;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.2),transparent 65%);opacity:.16;pointer-events:none}
a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--violet);color:#fff}
.skip{position:fixed;top:-70px;left:14px;z-index:1000;padding:10px 16px;background:var(--grad);color:#090611;font-weight:700}.skip:focus{top:14px}
a:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.wrap{width:100%;max-width:var(--max);margin:auto;padding-inline:28px}
.site-head{position:fixed;z-index:100;top:0;left:0;right:0;border-bottom:1px solid transparent;transition:.3s}.site-head.is-scrolled{background:var(--header);backdrop-filter:blur(16px);border-color:var(--line)}
.head-inner{min-height:76px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:10px;font:600 1.05rem/1 'Space Grotesk','Space Grotesk Fallback';white-space:nowrap}.logo-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--grad);color:#fff;font-weight:700}.logo span span{color:var(--muted2);font-weight:500}
.service-nav{margin-left:auto;display:flex;align-items:center;gap:22px}.service-nav a{font-size:.78rem;color:var(--muted);padding-block:8px;border-bottom:1px solid transparent;white-space:nowrap}.service-nav a:hover,.service-nav a[aria-current="page"]{color:var(--ink);border-color:var(--teal)}
.theme{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.head-cta{padding:11px 18px;background:var(--grad);color:#090611;border-radius:99px;font:600 .82rem/1 'Space Grotesk','Space Grotesk Fallback'}
.hero{min-height:760px;padding-top:150px;padding-bottom:90px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:clamp(54px,8vw,110px);align-items:center}
.back{display:inline-flex;align-items:center;gap:8px;color:var(--muted2);font:600 .72rem/1 'Space Grotesk','Space Grotesk Fallback';letter-spacing:.07em;text-transform:uppercase;margin-bottom:28px}.back b{color:var(--teal);font-size:1rem}
.eyebrow{font:600 .72rem/1 'Space Grotesk','Space Grotesk Fallback';letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}
h1,h2,h3{font-family:'Space Grotesk','Space Grotesk Fallback';line-height:1.04;letter-spacing:-.025em}
h1{font-size:clamp(3rem,6.3vw,5.75rem);margin:20px 0 25px;max-width:760px}.accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero>div:first-child>.eyebrow{display:flex;align-items:center;gap:11px}.service-number{flex:0 0 auto;color:var(--muted2);letter-spacing:.1em;view-transition-name:s2-service-number}.service-signal{display:block;width:clamp(150px,32vw,360px);height:1px;margin-top:11px;background:linear-gradient(90deg,var(--violet),var(--teal) 72%,transparent);transform-origin:left center;view-transition-name:s2-service-signal}.service-signal+h1{margin-top:8px;view-transition-name:s2-service-title}
.lead{font-size:clamp(1.05rem,1.6vw,1.26rem);color:var(--muted);max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 21px;border:1px solid var(--line);font:600 .86rem/1 'Space Grotesk','Space Grotesk Fallback';border-radius:99px}.btn-primary{border:0;background:var(--grad);color:#090611}.btn:hover{transform:translateY(-2px)}
.fact-line{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:42px;color:var(--muted2);font-size:.76rem}.fact-line span::before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%;background:var(--teal);vertical-align:middle}
.visual{position:relative;min-height:510px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 92%,transparent);box-shadow:var(--shadow);padding:20px;overflow:hidden}.visual::before{content:"S² / ARBEITSBELEG";display:block;padding-bottom:14px;border-bottom:1px solid var(--line);color:var(--muted2);font:600 .59rem/1 'Space Grotesk','Space Grotesk Fallback';letter-spacing:.12em}.visual::after{content:"";position:absolute;right:-24%;bottom:-28%;width:70%;aspect-ratio:1;border:1px solid rgba(124,92,252,.28);border-radius:50%;box-shadow:0 0 80px rgba(92,224,216,.1);pointer-events:none}
.visual-body{position:relative;z-index:1;height:430px;display:flex;flex-direction:column;justify-content:center}.visual-label{color:var(--teal);font:600 .62rem/1 'Space Grotesk','Space Grotesk Fallback';letter-spacing:.11em;text-transform:uppercase;margin-bottom:15px}
.web-flow{display:grid;grid-template-columns:1fr 28px 1.2fr;align-items:stretch;gap:10px}.code-panel,.browser-panel,.plan-panel,.post-panel{border:1px solid var(--line);padding:16px;background:var(--surface);min-height:260px}.code-panel code{color:var(--muted);font:500 .7rem/1.85 ui-monospace,SFMono-Regular,Menlo,monospace}.code-panel code b{color:var(--teal);font-weight:500}.flow-arrow{align-self:center;text-align:center;color:var(--teal)}
.browser-top{display:flex;gap:5px;padding-bottom:12px;border-bottom:1px solid var(--line)}.browser-top i{width:7px;height:7px;border-radius:50%;background:var(--line)}.browser-panel h3{font-size:1.7rem;margin:35px 0 10px;max-width:260px}.browser-panel p{color:var(--muted);font-size:.72rem}.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:45px}.browser-cards i{height:42px;border:1px solid var(--line)}
.content-flow{display:grid;grid-template-columns:1fr 28px 1.08fr;gap:10px}.plan-panel h3{font-size:1rem;line-height:1.35;margin-bottom:18px}.plan-panel span{display:block;border-top:1px solid var(--line);padding:9px 0;color:var(--muted);font-size:.68rem}.post-panel{background:#0a0811;color:#fff}.post-head{display:flex;justify-content:space-between;color:var(--teal);font-size:.62rem}.post-panel blockquote{margin-top:42px;padding:20px 16px;border-left:2px solid var(--violet);background:rgba(255,255,255,.035);font:600 1rem/1.45 'Space Grotesk','Space Grotesk Fallback'}.post-panel small{display:block;color:#9793a9;margin-top:16px;font-size:.62rem}
.automation-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.automation-flow span{position:relative;min-height:88px;border:1px solid var(--line);padding:13px 9px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font:600 .67rem/1.35 'Space Grotesk','Space Grotesk Fallback'}.automation-flow span:nth-child(n+5){border-color:rgba(92,224,216,.28)}.automation-note{margin-top:18px;color:var(--muted2);font-size:.68rem}
.strategy-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:14px}.finding-list,.gate-list{border:1px solid var(--line);padding:18px}.finding-list h3,.gate-list h3{font-size:.85rem;margin-bottom:14px}.finding-list span,.gate-list span{display:grid;grid-template-columns:20px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.finding-list i,.gate-list i{font-style:normal;color:var(--teal)}.gate-list strong{display:inline-flex;margin-top:14px;padding:7px 9px;background:rgba(92,224,216,.12);color:var(--teal);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em}
.section{padding:120px 0}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:start;margin-bottom:58px}.section-head h2{font-size:clamp(2.2rem,4.7vw,4rem);max-width:760px}.section-head p{color:var(--muted);max-width:580px;margin-top:16px}
.scope-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1px;background:var(--line);border:1px solid var(--line)}.scope-card{min-height:260px;padding:34px;background:var(--bg2)}.scope-card:first-child{grid-row:span 2;min-height:521px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(124,92,252,.11),transparent 58%),var(--bg2)}.scope-card .n{color:var(--teal);font:600 .68rem/1 'Space Grotesk','Space Grotesk Fallback';letter-spacing:.14em}.scope-card h3{font-size:clamp(1.35rem,2.5vw,2rem);margin:18px 0 12px}.scope-card p{color:var(--muted);max-width:520px}.scope-card ul{list-style:none;margin-top:20px}.scope-card li{padding:8px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}
.artifact-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}.artifact-copy{position:sticky;top:115px}.artifact-copy h2{font-size:clamp(2.2rem,4.3vw,3.7rem);margin:18px 0}.artifact-copy p{color:var(--muted)}.artifact-proof{border:1px solid var(--line);background:var(--bg2);padding:28px;min-height:470px}.proof-source{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px;color:var(--muted2);font:600 .62rem/1 'Space Grotesk','Space Grotesk Fallback';letter-spacing:.08em;text-transform:uppercase}.proof-source b{color:var(--teal)}
.process-list{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.process-item{counter-increment:step;padding:30px 28px 38px;border-right:1px solid var(--line)}.process-item:last-child{border-right:0}.process-item::before{content:"0" counter(step);display:block;color:var(--teal);font:600 .7rem/1 'Space Grotesk','Space Grotesk Fallback';letter-spacing:.14em;margin-bottom:48px}.process-item h3{font-size:1.35rem;margin-bottom:12px}.process-item p{color:var(--muted);font-size:.9rem}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.fit-box{padding:38px;background:var(--bg2)}.fit-box h3{font-size:1.35rem;margin-bottom:22px}.fit-box li{list-style:none;padding:11px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.fit-box.yes li::before{content:"✓";color:var(--teal);margin-right:10px}.fit-box.no li::before{content:"–";color:var(--violet);margin-right:10px}
.related{border-top:1px solid var(--line)}.related a{display:grid;grid-template-columns:1fr auto;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font:600 clamp(1.1rem,2vw,1.45rem)/1.2 'Space Grotesk','Space Grotesk Fallback'}.related a span{color:var(--teal)}
.cta{padding:110px 0}.cta-box{position:relative;overflow:hidden;padding:65px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(124,92,252,.14),rgba(92,224,216,.06));text-align:left}.cta-box h2{font-size:clamp(2.3rem,5vw,4.2rem);max-width:820px}.cta-box p{color:var(--muted);max-width:600px;margin:20px 0 30px}
footer{border-top:1px solid var(--line);padding:35px 0 45px;color:var(--muted2);font-size:.78rem}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{text-decoration:underline;text-underline-offset:3px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}
@media(min-width:1051px){body:has(.automation-flow) .hero{grid-template-columns:minmax(0,520px) minmax(440px,1fr);gap:54px}body:has(.automation-flow) h1{font-size:clamp(3rem,4.4vw,4rem)}body:has(.content-flow) .hero,body:has(.strategy-grid) .hero{grid-template-columns:minmax(0,520px) minmax(440px,1fr);gap:54px}body:has(.content-flow) .hero h1,body:has(.strategy-grid) .hero h1{font-size:clamp(3rem,4.4vw,4rem);margin-bottom:20px}body:has(.content-flow) .hero .back,body:has(.strategy-grid) .hero .back{margin-bottom:20px}body:has(.content-flow) .hero .lead,body:has(.strategy-grid) .hero .lead{font-size:1.08rem;line-height:1.55}body:has(.content-flow) .hero-actions,body:has(.strategy-grid) .hero-actions{margin-top:24px}body:has(.content-flow) .fact-line,body:has(.strategy-grid) .fact-line{margin-top:28px}}
@media(max-width:1050px){.service-nav{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:140px}.visual{max-width:760px}.section-head,.artifact-section{grid-template-columns:1fr}.artifact-copy{position:static}.artifact-proof{min-height:0}}
@media(max-width:720px){.wrap{padding-inline:20px}.head-inner{min-height:68px}.head-cta{display:none}.hero{padding-top:120px;padding-bottom:60px}.hero>div:first-child>.eyebrow{gap:8px;font-size:.68rem;letter-spacing:.14em}.service-number{letter-spacing:.06em}body:has(.automation-flow) h1{font-size:2.65rem}.visual{min-height:0;padding:14px}.visual-body{height:auto;min-height:390px}.web-flow,.content-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}.automation-flow{grid-template-columns:1fr 1fr}.strategy-grid{grid-template-columns:1fr}.section{padding:85px 0}.scope-grid{grid-template-columns:1fr}.scope-card:first-child{grid-row:auto;min-height:300px}.scope-card{min-height:0;padding:28px}.artifact-section{gap:30px}.process-list{grid-template-columns:1fr}.process-item{border-right:0;border-bottom:1px solid var(--line)}.process-item::before{margin-bottom:25px}.fit-grid{grid-template-columns:1fr}.cta{padding:80px 0}.cta-box{padding:42px 26px}}
@keyframes service-vt-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes service-vt-in{from{opacity:0;transform:translateY(12px)}}
@keyframes service-line-out{to{opacity:0;transform:scaleX(.35)}}
@keyframes service-line-in{from{opacity:0;transform:scaleX(.35)}}
@media(prefers-reduced-motion:no-preference){::view-transition-group(s2-service-number),::view-transition-group(s2-service-title),::view-transition-group(s2-service-signal){animation-duration:.58s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(s2-service-number),::view-transition-old(s2-service-title){animation:service-vt-out .24s ease both}::view-transition-new(s2-service-number),::view-transition-new(s2-service-title){animation:service-vt-in .5s cubic-bezier(.22,1,.36,1) both}::view-transition-old(s2-service-signal){animation:service-line-out .24s ease both}::view-transition-new(s2-service-signal){animation:service-line-in .5s cubic-bezier(.22,1,.36,1) both}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}html{scroll-behavior:auto}.service-number,.service-signal,.service-signal+h1{view-transition-name:none}.reveal{opacity:1;transform:none;transition:none}.btn:hover{transform:none}}