:root{
      --bg:#050507; --bg2:#09090c; --text:#f5f5f7; --muted:#a1a1aa;
      --line:rgba(255,255,255,.11); --glass:rgba(255,255,255,.055);
      --glass2:rgba(255,255,255,.085); --radius:24px; --mx:50vw; --my:30vh;
    }
    *{box-sizing:border-box} html{width:100%;max-width:100%;scroll-behavior:smooth;background:var(--bg)}
    body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Segoe UI,sans-serif;background:
      radial-gradient(900px 600px at 50% -10%,rgba(86,108,255,.15),transparent 60%),
      radial-gradient(800px 600px at 95% 20%,rgba(0,217,255,.09),transparent 55%),
      linear-gradient(180deg,#050507 0%,#08080b 52%,#030304 100%);overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
    #fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:.72}
    .aurora{position:fixed;width:34rem;height:34rem;border-radius:50%;pointer-events:none;z-index:-2;left:0;top:0;opacity:.13;background:radial-gradient(circle at center,rgba(49,215,255,.55) 0%,rgba(124,92,255,.34) 34%,rgba(101,255,204,.12) 56%,transparent 72%);transform:translate3d(calc(var(--mx) - 17rem),calc(var(--my) - 17rem),0);will-change:transform;contain:strict}
    .noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
    a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
    .nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:30;width:min(850px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 16px;border:1px solid var(--line);background:rgba(20,20,24,.54);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-radius:999px;box-shadow:0 14px 55px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.08)}
    .brand{font-weight:620;letter-spacing:-.03em}.brand-mark{opacity:.35}.navlinks{display:flex;gap:8px;align-items:center}.navlinks a{font-size:13px;color:#d7d7dc;padding:8px 12px;border-radius:999px;transition:.25s}.navlinks a:hover{background:rgba(255,255,255,.08);color:white}.pill{background:#f5f5f7!important;color:#050507!important;font-weight:580}
    .hero{min-height:100svh;display:grid;place-items:center;padding:125px 0 80px;position:relative;overflow:hidden}.hero-inner{text-align:center;max-width:1050px;position:relative}
    .eyebrow{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.045);backdrop-filter:blur(18px);padding:8px 12px;border-radius:999px;font-size:12px;color:#d0d0d6;box-shadow:inset 0 1px rgba(255,255,255,.06)}.dot{width:7px;height:7px;border-radius:50%;background:#7dffb1;box-shadow:0 0 16px #7dffb1}
    h1{font-size:clamp(54px,8vw,112px);line-height:.92;letter-spacing:-.065em;margin:24px 0 22px;font-weight:640}.grad{background:linear-gradient(105deg,#fff 15%,#a7b1c8 42%,#d8f8ff 63%,#fff 87%);background-size:180% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s linear infinite}@keyframes shine{to{background-position:180% center}}
    .sub{font-size:clamp(16px,1.7vw,21px);line-height:1.45;color:#aeb0b8;max-width:670px;margin:0 auto}.actions{display:flex;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{position:relative;padding:11px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.06);backdrop-filter:blur(18px);font-weight:580;transition:.25s;overflow:hidden}.btn.primary{background:#f5f5f7;color:#09090b}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.2)}
    .orbital{position:absolute;left:50%;top:50%;width:min(760px,80vw);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none;animation:spin 22s linear infinite}.orbital:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#c9f5ff;box-shadow:0 0 22px #74e7ff;top:18%;left:9%}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
    .hero-grid{
      position:absolute;
      left:50%;
      bottom:-10%;
      width:130vw;
      height:58vh;
      transform:translateX(-50%) perspective(700px) rotateX(64deg);
      transform-origin:center bottom;
      pointer-events:none;
      opacity:.22;
      z-index:-1;
      overflow:hidden;
      mask-image:linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,.5) 42%,transparent 82%);
      -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,.5) 42%,transparent 82%);
    }
    .hero-grid:before{
      content:"";
      position:absolute;
      inset:-120px -80px;
      background-image:
        linear-gradient(rgba(175,205,255,.16) 1px,transparent 1px),
        linear-gradient(90deg,rgba(175,205,255,.16) 1px,transparent 1px);
      background-size:54px 54px;
      filter:drop-shadow(0 0 5px rgba(100,160,255,.08));
      animation:gridMove 10s linear infinite;
    }
    .hero-grid:after{
      content:"";
      position:absolute;
      inset:0;
      background:radial-gradient(circle at 50% 100%,rgba(95,145,255,.14),transparent 55%);
    }
    @keyframes gridMove{to{transform:translateY(54px)}}
    .scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:12px;color:#777a84;letter-spacing:.12em;text-transform:uppercase}
    section{padding:88px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.kicker{font-size:13px;color:#8e93a3;text-transform:uppercase;letter-spacing:.15em}.section-head h2{font-size:clamp(34px,4.6vw,58px);letter-spacing:-.045em;line-height:.95;margin:10px 0 0;max-width:680px}.section-head p{max-width:360px;color:#91939d;font-size:15px;line-height:1.55;margin:0 0 6px}
    .projects{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{grid-column:span 6;min-height:450px;border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.2);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s;will-change:transform;contain:paint}.card.is-tilting{transition:border-color .3s}.card.wide{grid-column:span 12;min-height:410px}.card:hover{border-color:rgba(255,255,255,.22)}
    .card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--cx,50%) var(--cy,50%),rgba(255,255,255,.16),transparent 42%);opacity:0;transition:.25s}.card:hover:before{opacity:1}
    .meta{position:absolute;left:22px;right:22px;top:21px;display:flex;align-items:start;justify-content:space-between;z-index:3}.meta .n{font-size:13px;color:#b9bbc4}.arrow{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:rgba(255,255,255,.055);backdrop-filter:blur(15px);font-size:18px;transition:.28s}.card:hover .arrow{transform:rotate(45deg);background:white;color:#050507}
    .visual{position:absolute;inset:76px 20px 84px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:#0b0c10;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4);transform:translateZ(22px)}
    .browserbar{height:42px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:6px;padding:0 14px;background:rgba(255,255,255,.035)}.browserbar i{width:7px;height:7px;border-radius:50%;background:#585b63}.url{height:20px;width:38%;border-radius:999px;background:rgba(255,255,255,.055);margin-left:12px}
    .mock{height:calc(100% - 42px);position:relative;background:radial-gradient(700px 280px at 50% 90%,rgba(81,110,255,.18),transparent),#07080b;display:grid;place-items:center}.mock-logo{font-size:clamp(40px,6vw,86px);letter-spacing:-.06em;font-weight:770}.mock small{position:absolute;bottom:24px;color:#7e818c}.mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center,black,transparent 78%)}
    .card:nth-child(2) .mock{background:radial-gradient(500px 300px at 60% 55%,rgba(0,255,190,.15),transparent 55%),#090b0b}.card:nth-child(3) .mock{background:radial-gradient(500px 300px at 50% 40%,rgba(255,80,180,.15),transparent 55%),#0b080c}
    .mock-cps{background:radial-gradient(500px 300px at 50% 55%,rgba(214,225,210,.14),transparent 58%),#111713!important}
    .mock-cps .mock-logo{color:#b8e4c4}
    .mock-cps small{color:#aebaae;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
    .bottom{position:absolute;left:22px;right:22px;bottom:21px;z-index:3}.bottom h3{font-size:21px;letter-spacing:-.025em;margin:0 0 5px}.bottom p{margin:0;color:#888b95;font-size:13px}
    .manifesto{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.glass{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));backdrop-filter:blur(24px);padding:28px;box-shadow:inset 0 1px rgba(255,255,255,.07)}.bigtext{font-size:clamp(34px,4.3vw,56px);line-height:1.05;letter-spacing:-.045em;margin:0;font-weight:500}.muted{color:#8f929d}.stack{display:grid;gap:18px}.mini{min-height:150px}.mini h4{font-size:16px;font-weight:600;margin:0 0 10px}.mini p{color:#90939c;font-size:14px;line-height:1.55;margin:0}.index{font-size:12px;color:#70737e;margin-bottom:28px}
    .cta{padding:80px 0 100px;text-align:center}.cta-box{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;padding:68px 24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08)}.cta-box:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(105,145,255,.24),transparent 60%);left:50%;top:95%;transform:translate(-50%,-50%)}.cta h2{position:relative;font-size:clamp(40px,6.5vw,76px);letter-spacing:-.05em;line-height:.94;margin:0 0 24px}.cta p{position:relative;color:#9da0aa;font-size:16px}.footer{padding:0 0 30px;color:#6f727c;font-size:13px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.footer>span:last-child{justify-self:end}.legal-links{display:flex;gap:18px}.legal-links a{transition:color .2s}.legal-links a:hover{color:var(--text)}
    .reveal{
      --reveal-x:0px;
      --reveal-y:42px;
      --reveal-scale:1;
      --reveal-delay:0ms;
      opacity:0;
      filter:blur(8px);
      transform:translate3d(var(--reveal-x),var(--reveal-y),0) scale(var(--reveal-scale));
      transition:opacity .85s cubic-bezier(.16,1,.3,1) var(--reveal-delay),transform .95s cubic-bezier(.16,1,.3,1) var(--reveal-delay),filter .8s ease var(--reveal-delay);
      will-change:opacity,transform,filter
    }
    .reveal.reveal-left{--reveal-x:-28px;--reveal-y:18px}
    .reveal.reveal-scale{--reveal-y:34px;--reveal-scale:.975}
    .reveal.in{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1);will-change:auto}
    @media(max-width:820px){.navlinks a:not(.pill){display:none}.hero{padding-top:120px}.orbital{width:90vw}.section-head{display:block}.section-head p{margin-top:18px}.projects{display:block}.card,.card.wide{min-height:390px;margin-bottom:16px}.visual{inset:80px 16px 88px}.manifesto{grid-template-columns:1fr}.footer{grid-template-columns:1fr;justify-items:start;gap:20px}.footer>span:last-child{justify-self:start}.footer .legal-links{grid-row:3}
    .hero-grid{width:180vw;height:46vh;opacity:.16}
    .aurora{opacity:.11}}
    @media(max-width:700px){.reveal{--reveal-y:28px;filter:blur(5px)}.reveal.reveal-left{--reveal-x:-14px;--reveal-y:14px}}
    @media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal,.reveal.in{opacity:1;filter:none;transform:none;transition:none;will-change:auto}
    .hero-grid:before{animation:none!important}
    .aurora{display:none}}

.v2-nav{width:min(980px,calc(100% - 28px))}
.language-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035)}
.language{border:0;border-radius:999px;padding:5px 8px;background:transparent;color:#8f929d;font:inherit;font-size:11px;cursor:pointer;transition:.2s}
.language.active{background:rgba(255,255,255,.14);color:#fff}
.hero-v2 .hero-inner{max-width:1100px}
.hero-v2 h1{font-size:clamp(52px,7.4vw,104px)}
.hero-proof{margin-top:38px;color:#777b86;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service{min-height:260px;display:flex;flex-direction:column}
.service>span{font-size:12px;color:#70737e;margin-bottom:auto}
.service h3{font-size:22px;letter-spacing:-.025em;margin:36px 0 10px}
.service p{font-size:14px;line-height:1.6;color:#90939c;margin:0}
.service{min-height:310px;overflow:hidden;position:relative}
.service>span{margin-bottom:12px}
.service-art{height:120px;width:100%;margin:2px 0 12px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(ellipse at 50% 55%,rgba(110,136,255,.13),transparent 72%);transition:transform .35s ease}
.service:hover .service-art{transform:translateY(-4px)}
.service-art svg{width:min(100%,280px);height:120px;display:block;filter:drop-shadow(0 14px 20px rgba(0,0,0,.18))}
.service h3{margin:12px 0 10px}
.service-art .art-panel{fill:#171b27;stroke:rgba(195,212,255,.28);stroke-width:1.5}
.service-art .art-phone{fill:#20263a;stroke:rgba(195,212,255,.45);stroke-width:1.5}
.service-art .art-line,.service-art .art-connector{stroke:rgba(195,212,255,.3);stroke-width:1.5}
.service-art .art-connector{stroke-dasharray:4 4}
.service-art .art-accent{fill:#83bcff}
.service-art .art-dot{fill:#536179}
.service-art .art-block{fill:#596ad2}
.service-art .art-line-fill{fill:#45516a}
.service-art .art-code-mark{stroke:#93caff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.service-art .art-hub{fill:#263b56;stroke:#83bcff;stroke-width:1.5}
.service-art .art-check{stroke:#a1f2cc;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.art-code{background:radial-gradient(ellipse at 50% 55%,rgba(64,184,229,.13),transparent 72%)}
.art-product{background:radial-gradient(ellipse at 50% 55%,rgba(74,219,168,.12),transparent 72%)}
html[data-theme="light"] .service-art .art-panel{fill:#fff;stroke:rgba(40,67,116,.3)}
html[data-theme="light"] .service-art .art-phone{fill:#e7ecfb;stroke:rgba(40,67,116,.4)}
html[data-theme="light"] .service-art .art-line,html[data-theme="light"] .service-art .art-connector{stroke:rgba(40,67,116,.35)}
html[data-theme="light"] .service-art .art-line-fill{fill:#bac5d9}
html[data-theme="light"] .service-art .art-hub{fill:#dcecff}
@media(prefers-reduced-motion:reduce){.service-art{transition:none}}
.process-list{border-top:1px solid var(--line)}
.process-step{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:30px 4px;border-bottom:1px solid var(--line)}
.process-step>span{font-size:12px;color:#70737e;padding-top:5px}
.process-step h3{font-size:25px;letter-spacing:-.025em;margin:0 0 8px}
.process-step p{max-width:650px;color:#90939c;line-height:1.55;margin:0}
.cta-box .kicker{position:relative;margin-bottom:20px}
.cta-box p{max-width:570px;margin:0 auto}
@media(max-width:900px){.v2-nav .navlinks>a:not(.pill){display:none}.service-grid{grid-template-columns:1fr}.service{min-height:210px}.language-switch{margin-left:auto}.hero-proof{line-height:1.7}}
@media(max-width:560px){.v2-nav{padding-left:13px}.v2-nav .pill{font-size:12px;padding:8px 10px}.language-switch{margin-left:0}.hero-v2 h1{font-size:clamp(46px,14vw,70px)}.process-step{grid-template-columns:45px 1fr}.hero-proof{font-size:10px}}

.site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:30;width:min(1200px,calc(100% - 28px));display:flex;align-items:center;gap:12px}
.site-header .nav{position:relative;top:auto;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 240px));max-width:none;flex:none;min-width:0;display:grid;grid-template-columns:1fr auto 1fr}
.site-header .navlinks{grid-column:2;justify-self:center}
.site-header .brand{grid-column:1;justify-self:start}
.site-header .nav>.pill{grid-column:3;justify-self:end;font-size:13px;padding:8px 12px;border-radius:999px}
.header-controls{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;flex:none}
.header-controls>div{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(20,20,24,.72);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 14px 55px rgba(0,0,0,.25)}
.header-controls button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;border:0;border-radius:999px;padding:5px 8px;background:transparent;color:#a1a1aa;font:inherit;font-size:11px;cursor:pointer;transition:background .2s,color .2s}
.header-controls button.active{background:rgba(255,255,255,.14);color:#fff}
.header-controls button:focus-visible{outline:2px solid #80caff;outline-offset:2px}
.theme-switch button{min-width:29px;font-size:17px;line-height:1}
.menu-toggle{display:none}
@media(max-width:1050px){.site-header{justify-content:space-between}.site-header .nav{position:static;transform:none;left:auto;width:calc(100% - 215px)}.header-controls{position:static;transform:none;top:auto}}
@media(max-width:900px){.site-header .navlinks{display:none}.site-header .nav{grid-template-columns:1fr auto}.site-header .nav>.pill{grid-column:2}}
@media(max-width:560px){
  .site-header{
    top:12px;
    width:calc(100% - 24px);
    display:block;
    padding:6px;
    border:1px solid var(--line);
    border-radius:999px;
    background:rgba(20,20,24,.72);
    backdrop-filter:blur(24px) saturate(140%);
    -webkit-backdrop-filter:blur(24px) saturate(140%);
    overflow:hidden;
    box-shadow:0 14px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);
    transition:border-radius .35s cubic-bezier(.2,.8,.2,1),background .35s ease,box-shadow .35s ease
  }
  .site-header.menu-open{border-radius:26px}
  .site-header .nav{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) 42px;
    align-items:center;
    gap:0 8px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none
  }
  .site-header .brand{display:block;white-space:nowrap;padding-left:8px}
  .menu-toggle{grid-column:2;display:grid;width:42px;height:36px;padding:0;place-content:center;gap:6px;border:0;border-radius:999px;background:rgba(255,255,255,.09);cursor:pointer}
  .menu-toggle span{display:block;width:17px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
  .site-header.menu-open .menu-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .site-header.menu-open .menu-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .site-header .navlinks{grid-column:1/-1;display:none;padding:14px 4px 4px;border-top:1px solid transparent}
  .site-header.menu-open .navlinks{display:grid;gap:3px;margin-top:6px;border-top-color:var(--line)}
  .site-header.menu-open .nav .navlinks>a{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;font-size:15px;color:var(--text)}
  .site-header.menu-open .nav .navlinks>a::after{content:"\2192";font-size:14px;color:var(--muted);transition:transform .2s ease}
  .site-header.menu-open .nav .navlinks>a:hover::after{transform:translateX(3px)}
  .site-header .navlinks a:hover{background:rgba(255,255,255,.07)}
  .site-header .nav>.pill{grid-column:1/-1;display:none;justify-self:stretch;width:auto;margin:10px 4px 4px;padding:14px 16px;border-radius:16px;text-align:left;font-size:14px}
  .site-header.menu-open .nav>.pill{display:flex;align-items:center;justify-content:space-between}
  .site-header.menu-open .nav>.pill::after{content:"\2197";font-size:17px;font-weight:400;transition:transform .2s ease}
  .site-header.menu-open .nav>.pill:hover::after{transform:translate(2px,-2px)}
  .header-controls{position:static;display:none;transform:none;margin:8px 4px 4px;padding-top:10px;border-top:1px solid var(--line);gap:6px}
  .site-header.menu-open .header-controls{display:flex}
  .site-header.menu-open .navlinks,.site-header.menu-open .nav>.pill,.site-header.menu-open .header-controls{animation:mobileMenuIn .38s cubic-bezier(.16,1,.3,1) both}
  .site-header.menu-open .nav>.pill{animation-delay:.04s}
  .site-header.menu-open .header-controls{animation-delay:.08s}
  .site-header .header-controls>div{padding:2px;background:rgba(255,255,255,.045);box-shadow:none}
  .site-header .header-controls .language-switch{padding:2px;box-shadow:none}
  .site-header .header-controls .language-switch::before{top:2px;bottom:2px;left:2px;width:calc(50% - 2px)}
  .site-header .header-controls .language-switch button{width:48px;min-height:30px;padding:3px;font-size:11px}
  .site-header .header-controls .theme-switch button{width:29px;min-height:28px;padding:3px;font-size:15px}
  html[data-theme="light"] .site-header{background:rgba(255,255,255,.86);box-shadow:0 14px 45px rgba(28,39,62,.12),inset 0 1px #fff}
  html[data-theme="light"] .site-header .nav,html[data-theme="light"] .header-controls>div{background:transparent;box-shadow:none}
  .hero{padding-top:130px}
  @keyframes mobileMenuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
}

html[data-theme="light"]{--bg:#f7f8fb;--bg2:#fff;--text:#161923;--muted:#626775;--line:rgba(21,29,47,.14);--glass:rgba(255,255,255,.75);--glass2:rgba(255,255,255,.9);color-scheme:light}
html[data-theme="light"] body{background:radial-gradient(900px 600px at 50% -10%,rgba(86,108,255,.15),transparent 60%),radial-gradient(800px 600px at 95% 20%,rgba(0,217,255,.09),transparent 55%),linear-gradient(180deg,#050507 0%,#08080b 52%,#030304 100%)}
html[data-theme="light"] body:before{background-image:linear-gradient(rgba(21,29,47,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,29,47,.035) 1px,transparent 1px)}
html[data-theme="light"] #fx{opacity:.35}
html[data-theme="light"] .nav,html[data-theme="light"] .header-controls>div{background:rgba(255,255,255,.82);box-shadow:0 14px 55px rgba(28,39,62,.1),inset 0 1px rgba(255,255,255,.9)}
html[data-theme="light"] .navlinks a{color:#3e4656}html[data-theme="light"] .navlinks a:hover{background:rgba(21,29,47,.07);color:#161923}
html[data-theme="light"] .pill,html[data-theme="light"] .btn.primary{background:#161923!important;color:#fff!important}
html[data-theme="light"] .header-controls button{color:#626775}html[data-theme="light"] .header-controls button.active{background:#161923;color:#fff}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .btn{background:rgba(255,255,255,.72);color:#3e4656}
html[data-theme="light"] .grad{background-image:linear-gradient(105deg,#161923 15%,#59698d 42%,#347599 63%,#161923 87%)}
html[data-theme="light"] .sub,html[data-theme="light"] .section-head p,html[data-theme="light"] .service p,html[data-theme="light"] .process-step p,html[data-theme="light"] .cta p{color:#596171}
html[data-theme="light"] .kicker,html[data-theme="light"] .hero-proof,html[data-theme="light"] .scroll,html[data-theme="light"] .service>span,html[data-theme="light"] .process-step>span,html[data-theme="light"] .bottom p,html[data-theme="light"] .footer{color:#687181}
html[data-theme="light"] .glass,html[data-theme="light"] .card,html[data-theme="light"] .cta-box{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.55));box-shadow:inset 0 1px #fff,0 20px 55px rgba(28,39,62,.08)}
html[data-theme="light"] .meta .n{color:#4d5668}html[data-theme="light"] .arrow{background:rgba(255,255,255,.85)}
html[data-theme="light"] .mock-logo{color:#fff}
html[data-theme="light"] .mock-cps .mock-logo{color:#b8e4c4}
html[data-theme="light"] .orbital{border-color:rgba(21,29,47,.12)}

/* Switches: the selected pill glides between two equal-width buttons. */
.header-controls .language-switch,.header-controls .theme-switch{position:relative;isolation:isolate}
.header-controls .language-switch::before,.header-controls .theme-switch::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:rgba(255,255,255,.14);z-index:-1;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s}
.header-controls [data-selected="en"]::before,.header-controls [data-selected="light"]::before{transform:translateX(100%)}
.header-controls .language-switch button{width:54px;padding-inline:4px}
.header-controls .theme-switch button{width:32px;padding-inline:0}
.header-controls button.active,html[data-theme="light"] .header-controls button.active{background:transparent}
html[data-theme="light"] .header-controls .language-switch::before,html[data-theme="light"] .header-controls .theme-switch::before{background:#161923}
.header-controls button:active{transform:scale(.9)}
.header-controls .language-switch{padding:4px;border-color:rgba(255,255,255,.16);box-shadow:0 12px 32px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08)}
.header-controls .language-switch::before{top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:rgba(255,255,255,.17);box-shadow:0 2px 10px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.15);transition:transform .48s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s}
.header-controls .language-switch button{width:58px;min-height:31px;font-size:12px;font-weight:580;letter-spacing:.015em;transition:color .28s ease,transform .2s ease}
.header-controls .language-switch button:not(.active):hover{color:#fff}
html[data-theme="light"] .header-controls .language-switch{border-color:rgba(21,29,47,.13);box-shadow:0 12px 32px rgba(28,39,62,.1),inset 0 1px #fff}
html[data-theme="light"] .header-controls .language-switch::before{background:#161923;box-shadow:0 3px 10px rgba(21,29,47,.2)}
html[data-theme="light"] .header-controls .language-switch button:not(.active):hover{color:#161923}

@media(prefers-reduced-motion:reduce){.header-controls .language-switch::before,.header-controls .theme-switch::before{transition:none}}

/* Blend the light palette over the dark background without moving the page. */
body{isolation:isolate;transition:color .4s ease}
.light-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(900px 600px at 50% -10%,rgba(86,108,255,.1),transparent 60%),radial-gradient(800px 600px at 95% 20%,rgba(0,175,215,.08),transparent 55%),linear-gradient(180deg,#f8f9fc 0%,#eef1f7 52%,#f9fafc 100%);transition:opacity .45s ease}
html[data-theme="light"] .light-backdrop{opacity:1}
.nav,.header-controls>div,.eyebrow,.btn,.glass,.card,.cta-box,.arrow{transition:background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
.navlinks a,.header-controls button,.sub,.section-head p,.service p,.process-step p,.cta p,.kicker,.hero-proof,.scroll,.service>span,.process-step>span,.bottom p,.footer,.meta .n{transition:color .4s ease,background .4s ease}
.btn{transition:transform .25s,background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
.glass.reveal,.cta-box.reveal{transition:opacity .85s cubic-bezier(.16,1,.3,1) var(--reveal-delay),transform .95s cubic-bezier(.16,1,.3,1) var(--reveal-delay),filter .8s ease var(--reveal-delay),background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
.card{transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
.card.reveal{transition:opacity .85s cubic-bezier(.16,1,.3,1) var(--reveal-delay),transform .95s cubic-bezier(.16,1,.3,1) var(--reveal-delay),filter .8s ease var(--reveal-delay),background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
.card.is-tilting{transition:background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
.arrow{transition:transform .28s,background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
@media(prefers-reduced-motion:reduce){.light-backdrop,.nav,.header-controls>div,.eyebrow,.btn,.glass,.card,.cta-box,.arrow,.navlinks a,.header-controls button,.sub,.section-head p,.service p,.process-step p,.cta p,.kicker,.hero-proof,.scroll,.service>span,.process-step>span,.bottom p,.footer,.meta .n{transition:none}}

.estimate-section{scroll-margin-top:110px}
.estimate-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.estimate-questions{display:grid;gap:28px}
.estimate-group{min-width:0;margin:0;padding:0;border:0}
.estimate-group legend{font-size:19px;font-weight:600;letter-spacing:-.02em;margin-bottom:16px}
.estimate-group legend>span:first-child{font-size:12px;color:#7d95be;margin-right:8px}
.estimate-options{display:grid;gap:12px}
.style-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.type-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.estimate-option{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);cursor:pointer;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.estimate-option:hover{transform:translateY(-2px);border-color:rgba(132,188,255,.5)}
.estimate-option:has(input:checked){border-color:#83bcff;background:rgba(105,145,255,.12);box-shadow:inset 0 0 0 1px rgba(131,188,255,.25)}
.estimate-option:has(input:focus-visible){outline:2px solid #83bcff;outline-offset:2px}
.estimate-option input{position:absolute;width:1px;height:1px;opacity:0}
.estimate-option strong{font-size:15px;margin-top:5px}
.estimate-option>span:last-child{color:#969aa8;font-size:12px;line-height:1.4}
.style-preview{position:relative;display:block;height:112px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.16)}
.style-preview i,.style-preview b,.style-preview em,.style-preview small{position:absolute;display:block}
.style-preview i{top:12px;left:12px;right:12px;height:3px;border-radius:2px;background:currentColor;opacity:.55}
.style-preview b{top:33px;left:16px;width:55%;height:22px;border-radius:3px;background:currentColor}
.style-preview em{top:64px;left:16px;width:43%;height:5px;border-radius:3px;background:currentColor;opacity:.45}
.style-preview small{right:16px;bottom:14px;width:26%;height:50px;border-radius:5px;background:currentColor;opacity:.36}
.preview-clean{background:#f3f3ee;color:#43484c}.preview-clean b{height:15px}.preview-clean small{background:#c5cfca;opacity:1}
.preview-modern{background:radial-gradient(circle at 80% 70%,#5956cc,transparent 42%),#101525;color:#e9f4ff}.preview-modern small{background:#6b83ff;opacity:1;transform:rotate(-12deg)}
.preview-editorial{background:#eee7da;color:#422b29}.preview-editorial b{height:32px;width:44%;font-family:Georgia,serif}.preview-editorial small{width:32%;height:74px;bottom:0;background:linear-gradient(135deg,#a64643,#dfaa80);opacity:1;border-radius:60px 60px 0 0}
.type-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(131,188,255,.14);color:#99cfff;font-size:24px}
.page-select{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);font-size:14px}
.page-select select{font:inherit;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:9px;padding:8px 10px;cursor:pointer}
.feature-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.feature-options label{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.045);font-size:13px;cursor:pointer;transition:background .25s,border-color .25s}
.feature-options label:has(input:checked){background:rgba(105,145,255,.12);border-color:#83bcff}
.feature-options input{accent-color:#83bcff;width:16px;height:16px;flex:none}
.estimate-result{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.estimate-price{font-size:clamp(30px,3vw,42px);font-weight:650;letter-spacing:-.05em;line-height:1.1;white-space:nowrap}
.estimate-result p{margin:0;color:#a0a4b0;font-size:14px;line-height:1.55}
.estimate-summary{border-top:1px solid var(--line);padding-top:15px;color:#ccd1dc;font-size:13px;line-height:1.5;min-height:55px}
.estimate-result .btn{text-align:center;align-self:stretch}
.estimate-result small{color:#777d8d;font-size:11px;line-height:1.5}
html[data-theme="light"] .estimate-option,html[data-theme="light"] .page-select,html[data-theme="light"] .feature-options label{background:rgba(255,255,255,.75)}
html[data-theme="light"] .estimate-option:has(input:checked),html[data-theme="light"] .feature-options label:has(input:checked){background:#e9f2ff}
html[data-theme="light"] .estimate-option>span:last-child,html[data-theme="light"] .estimate-result p{color:#596171}
html[data-theme="light"] .estimate-summary{color:#404c61}
html[data-theme="light"] .estimate-result small{color:#687181}
@media(max-width:900px){.estimate-layout{grid-template-columns:1fr}.estimate-result{position:static}.estimate-price{white-space:normal}}
@media(max-width:600px){.style-options{grid-template-columns:1fr}.style-preview{height:80px}.type-options,.feature-options{grid-template-columns:1fr}.page-select{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.estimate-option,.feature-options label{transition:none}}

/* Keep the estimator focused on one decision at a time. */
.estimate-section .section-head h2{font-size:clamp(32px,4vw,46px)}
.estimate-layout{grid-template-columns:1fr;max-width:760px;margin:0 auto}
.estimate-questions{gap:22px;padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}
.estimate-group[hidden],.estimate-result[hidden],.estimate-navigation button[hidden]{display:none!important}
.estimate-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.estimate-progress span{height:4px;border-radius:999px;background:rgba(255,255,255,.12);transition:background .25s}
.estimate-progress span.done{background:#83bcff}
.estimate-group legend{font-size:18px;margin-bottom:14px}
.estimate-option{padding:12px}
.style-preview{height:92px}
.estimate-result{position:static;gap:14px}
.estimate-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px}
.estimate-navigation button{border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:rgba(255,255,255,.06);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}
.estimate-navigation button:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}
.estimate-navigation button:focus-visible{outline:2px solid #83bcff;outline-offset:2px}
.estimate-navigation .estimate-next{margin-left:auto;background:#f5f5f7;color:#09090b}
.estimate-navigation .estimate-next:hover{background:#dfe9fa}
#estimate-step-label{color:#8d94a5;font-size:12px}
html[data-theme="light"] .estimate-questions{background:rgba(255,255,255,.75)}
html[data-theme="light"] .estimate-progress span{background:#d7deeb}
html[data-theme="light"] .estimate-progress span.done{background:#426ea7}
html[data-theme="light"] .estimate-navigation button{background:#fff}
html[data-theme="light"] .estimate-navigation .estimate-next{background:#161923;color:#fff}
@media(max-width:600px){.estimate-questions{padding:18px}.style-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.style-preview{height:70px}.style-preview b{width:45%;height:13px}.style-preview small{width:22%;height:28px}.style-options .estimate-option{padding:8px}.style-options .estimate-option strong{font-size:12px}.style-options .estimate-option>span:last-child{font-size:10px}.estimate-price{font-size:31px}}
@media(max-width:380px){.style-options{grid-template-columns:1fr}.style-preview{height:64px}}
@media(prefers-reduced-motion:reduce){.estimate-progress span,.estimate-navigation button{transition:none}}

.estimate-head{display:block;text-align:center;max-width:900px;margin:0 auto 32px}
.estimate-head .kicker{display:inline-block;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(131,188,255,.08);color:#a9c7ee;font-size:11px;letter-spacing:.13em}
.estimate-section .estimate-head h2{max-width:none;margin:18px 0 16px;font-size:clamp(38px,4.5vw,62px);line-height:1.04;letter-spacing:-.055em}
.estimate-title-accent{background:linear-gradient(100deg,#b7d5ff,#83bcff 48%,#a7eadc);-webkit-background-clip:text;background-clip:text;color:transparent}
.estimate-head p{max-width:600px;margin:0 auto;color:#a5a9b4;font-size:15px;line-height:1.55}
html[data-theme="light"] .estimate-head .kicker{background:#eaf2ff;color:#4e6e9b}
html[data-theme="light"] .estimate-title-accent{background-image:linear-gradient(100deg,#4e6e9b,#356fa4 48%,#388879)}
html[data-theme="light"] .estimate-head p{color:#596171}
@media(max-width:600px){.estimate-section .estimate-head h2{font-size:clamp(33px,9vw,46px)}.estimate-head p{font-size:14px}}

.work-head h2{font-size:clamp(40px,5vw,68px);line-height:.98;max-width:800px}
.work-title-accent{background:linear-gradient(100deg,#fff 5%,#a5c8ff 55%,#8fe8d7);-webkit-background-clip:text;background-clip:text;color:transparent}
.work-head p{max-width:330px}
html[data-theme="light"] .work-title-accent{background-image:linear-gradient(100deg,#161923 5%,#416ea7 55%,#388879)}

/* Standalone legal pages */
.legal-page{min-height:100svh;background:var(--bg)}
.legal-header{width:min(900px,calc(100% - 40px));margin:0 auto;padding:28px 0}
.legal-header .brand{display:inline-block;font-size:17px}
.legal-main{width:min(900px,calc(100% - 40px));margin:0 auto;padding:70px 0 110px}
.legal-main .kicker{margin-bottom:18px}
.legal-main h1{margin:0 0 28px;font-size:clamp(48px,8vw,82px)}
.legal-notice{margin:0 0 36px;padding:16px 18px;border:1px solid rgba(255,190,95,.32);border-radius:16px;background:rgba(255,170,70,.08);color:#e8c89d;font-size:14px;line-height:1.55}
.legal-content{display:grid;gap:30px;color:#aeb0b8;line-height:1.7}
.legal-content section{padding:0}
.legal-content h2{margin:0 0 10px;color:var(--text);font-size:22px;letter-spacing:-.025em}
.legal-content p,.legal-content ul{margin:0}
.legal-content a{color:#b9d8ff;text-decoration:underline;text-underline-offset:3px}
.legal-footer{width:min(900px,calc(100% - 40px));margin:0 auto;padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#747883;font-size:13px}
@media(max-width:600px){.legal-main{padding:45px 0 80px}.legal-footer{flex-direction:column}.footer .legal-links{order:3}}