:root{
    --ink:#0E0E0C;
    --paper:#F4F2EC;
    --soft:#E8E5DC;
    --line:#1a1a17;
    --accent:#D8FF3C;
    --muted:#6b6a64;
    --radius:14px;
    --maxw:1360px;
    --gutter:32px;
    --section-pad:140px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{overflow-x:clip}
  html,body{background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
  body{overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%}
  ::selection{background:var(--accent);color:var(--ink)}

  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
  .mono{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .ink{color:var(--ink)}

  /* NAV */
  .nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(10px);background:rgba(244,242,236,.78);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
  .nav.scrolled{border-bottom-color:rgba(14,14,12,.08)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
  .brand{display:flex;align-items:center;gap:10px;font-family:'Inter Tight';font-weight:700;font-size:18px;letter-spacing:-.02em}
  .brand-mark{width:22px;height:22px;background:var(--ink);border-radius:50%;position:relative;overflow:hidden}
  .brand-mark::after{content:"";position:absolute;inset:6px 0 0 6px;width:10px;height:10px;background:var(--accent);border-radius:50%}
  .nav-links{display:flex;gap:36px;align-items:center}
  .nav-links a{font-size:14px;font-weight:500;color:var(--ink);position:relative}
  .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s}
  .nav-links a:hover::after{transform:scaleX(1)}
  .nav-cta{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;transition:transform .2s, background .2s}
  .nav-cta:hover{transform:translateY(-1px);background:#000}
  .nav-cta .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(216,255,60,.25)}

  /* HERO */
  .hero{padding:160px 0 80px;position:relative}
  .hero-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}
  .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--ink);border-radius:999px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
  .pill .live{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2);animation:pulse 2s infinite}
  @keyframes pulse{50%{opacity:.5}}

  .hero-headline{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:clamp(56px,9.4vw,168px);line-height:.92;letter-spacing:-.045em;text-wrap:balance}
  .hero-headline .line{display:block;overflow:hidden;white-space:nowrap;padding-bottom:.05em}
  .hero.in .hero-headline .line{overflow:visible}
  .hero-headline .line span{display:inline-block;transform:translateY(110%);transition:transform 1.1s cubic-bezier(.2,.7,.15,1)}
  .hero.in .hero-headline .line span{transform:translateY(0)}
  .hero-headline em{font-style:italic;font-weight:500;position:relative}
  .hero-headline em::after{content:"";position:absolute;left:-2%;right:-2%;bottom:6%;height:38%;background:var(--accent);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform 1s .6s cubic-bezier(.2,.7,.15,1)}
  .hero.in .hero-headline em::after{transform:scaleX(1)}
  .hero-headline em{position:relative;z-index:1}

  .hero-foot{display:grid;grid-template-columns:1fr auto 1fr;gap:48px;align-items:end;margin-top:64px}
  .hero-sub{max-width:440px;font-size:17px;line-height:1.55;color:#2a2a26}
  .hero-sub strong{font-weight:600}
  .hero-cta-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}
  .cta{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:var(--paper);padding:18px 28px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:-.005em;transition:transform .25s, box-shadow .25s, background .2s;box-shadow:0 1px 0 rgba(0,0,0,.06)}
  .cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px -18px rgba(14,14,12,.4);background:#000}
  .cta .arrow{width:28px;height:28px;background:var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:transform .3s}
  .cta:hover .arrow{transform:rotate(-45deg) scale(1.05)}
  .cta .arrow svg{width:12px;height:12px}
  .cta-secondary{font-size:13px;color:var(--muted);font-family:'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}

  .hero-stats{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right}
  .hero-stats .num{font-family:'Inter Tight';font-size:44px;font-weight:600;letter-spacing:-.04em;line-height:1}
  .hero-stats .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

  /* SECTION HEAD */
  .sec{padding:var(--section-pad) 0;position:relative}
  .sec-head{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:end;padding-bottom:64px;border-bottom:1px solid rgba(14,14,12,.1)}
  .sec-num{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.18em;color:var(--muted)}
  .sec-title{font-family:'Inter Tight';font-weight:500;font-size:clamp(32px,4vw,56px);letter-spacing:-.03em;line-height:1.02;text-wrap:balance}
  .sec-title em{font-style:italic;font-weight:400;color:var(--muted)}

  /* MARQUEE */
  .marquee{padding:48px 0;border-top:1px solid rgba(14,14,12,.08);border-bottom:1px solid rgba(14,14,12,.08);overflow:hidden;background:var(--paper)}
  .marquee-row{display:flex;gap:80px;animation:scroll 40s linear infinite;width:max-content}
  @keyframes scroll{to{transform:translateX(-50%)}}
  .logo-cell{font-family:'Inter Tight';font-weight:600;font-size:28px;letter-spacing:-.02em;color:#1a1a17;opacity:.8;display:flex;align-items:center;gap:10px;white-space:nowrap}
  .logo-cell .glyph{width:22px;height:22px;display:grid;place-items:center;color:#1a1a17}

  /* SERVICES */
  .services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:64px}
  .service{padding:40px 0;border-top:1px solid rgba(14,14,12,.12);display:grid;grid-template-columns:64px 1fr auto;gap:32px;align-items:start;cursor:pointer;transition:padding .3s, background .3s}
  .service:nth-child(odd){padding-right:40px;border-right:1px solid rgba(14,14,12,.12)}
  .service:nth-child(even){padding-left:40px}
  .service:hover{padding-left:48px}
  .service:nth-child(even):hover{padding-left:56px}
  .service-num{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.1em;color:var(--muted)}
  .service-title{font-family:'Inter Tight';font-weight:500;font-size:30px;letter-spacing:-.02em;line-height:1.1;margin-bottom:8px}
  .service-desc{font-size:14px;color:#3a3a35;line-height:1.55;max-width:340px}
  .service-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}
  .tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;background:var(--soft);border-radius:4px;color:#3a3a35}
  .service-arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;transition:background .25s,color .25s,transform .25s}
  .service:hover .service-arrow{background:var(--ink);color:var(--paper);transform:rotate(-45deg)}

  /* CASE STUDIES */
  .cases{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px}
  .case{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;background:var(--soft);display:flex;flex-direction:column;justify-content:space-between;padding:32px;cursor:pointer;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
  .case:hover{transform:translateY(-6px)}
  .case.wide{grid-column:1/-1;aspect-ratio:21/9}
  .case-bg{position:absolute;inset:0;z-index:0}
  .case-bg svg{width:100%;height:100%;display:block}
  .case-art{position:absolute;inset:0;overflow:hidden}
  .case-art::before,.case-art::after{content:"";position:absolute;display:block}
  .case-art-wide{
    background:
      linear-gradient(90deg,rgba(216,255,60,.18) 1px,transparent 1px),
      linear-gradient(0deg,rgba(244,242,236,.12) 1px,transparent 1px),
      radial-gradient(circle at 78% 36%,var(--accent) 0 10%,transparent 10.3%),
      linear-gradient(135deg,#173c4c 0%,#0E0E0C 62%);
    background-size:48px 48px,48px 48px,100% 100%,100% 100%;
  }
  .case-art-wide::before{width:38%;height:52%;right:8%;top:18%;border:1px solid rgba(244,242,236,.42);background:rgba(244,242,236,.1);backdrop-filter:blur(2px)}
  .case-art-wide::after{width:34%;height:2px;left:7%;top:28%;background:var(--accent);box-shadow:0 58px 0 rgba(216,255,60,.7),0 116px 0 rgba(216,255,60,.38),0 174px 0 rgba(216,255,60,.22)}
  .case-art-system{
    background:
      repeating-linear-gradient(90deg,transparent 0 46px,rgba(14,14,12,.18) 46px 48px),
      radial-gradient(circle at 50% 47%,transparent 0 17%,#0E0E0C 17.3% 18%,transparent 18.3% 30%,#0E0E0C 30.3% 31%,transparent 31.3% 43%,#0E0E0C 43.3% 44%,transparent 44.3%),
      var(--accent);
  }
  .case-art-system::before{left:0;right:0;top:48%;height:30px;background:var(--ink)}
  .case-art-system::after{left:40px;right:40px;bottom:42px;height:110px;background:rgba(14,14,12,.86);box-shadow:0 -150px 0 rgba(244,242,236,.38)}
  .case-art-web{
    background:
      linear-gradient(180deg,rgba(244,242,236,.12) 1px,transparent 1px),
      linear-gradient(90deg,rgba(244,242,236,.12) 1px,transparent 1px),
      var(--ink);
    background-size:100% 60px,60px 100%,100% 100%;
  }
  .case-art-web::before{left:8%;right:8%;bottom:7%;height:34%;background:var(--paper);box-shadow:0 -190px 0 -110px var(--paper),0 -260px 0 -140px rgba(244,242,236,.85)}
  .case-art-web::after{width:160px;height:160px;border-radius:50%;right:14%;bottom:18%;background:var(--accent)}
  .case-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;color:var(--paper);mix-blend-mode:difference}
  .case-meta{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
  .case-foot{position:relative;z-index:2;color:var(--paper);mix-blend-mode:difference}
  .case-name{font-family:'Inter Tight';font-weight:500;font-size:36px;letter-spacing:-.025em;line-height:1.05;margin-bottom:18px;max-width:540px}
  .case-kpis{display:flex;gap:48px;align-items:flex-end}
  .kpi .num{font-family:'Inter Tight';font-weight:600;font-size:48px;letter-spacing:-.03em;line-height:1}
  .kpi .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-top:4px;opacity:.85}
  .case-link{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px}

  /* TESTIMONIALS */
  .testi-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;margin-top:64px}
  .testi{padding:32px;border-radius:var(--radius);background:var(--paper);border:1px solid rgba(14,14,12,.12);display:flex;flex-direction:column;gap:24px;min-height:320px}
  .testi.feature{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .testi.feature .testi-quote{color:var(--paper)}
  .testi.feature .who-name{color:var(--paper)}
  .testi-quote{font-family:'Inter Tight';font-weight:400;font-size:22px;line-height:1.3;letter-spacing:-.015em;color:var(--ink);text-wrap:pretty;flex:1}
  .testi.feature .testi-quote{font-size:28px;font-weight:500}
  .testi-who{display:flex;align-items:center;gap:14px;margin-top:auto}
  .who-avatar{width:42px;height:42px;border-radius:50%;background:var(--soft);font-family:'Inter Tight';font-weight:600;display:grid;place-items:center;color:var(--ink);flex-shrink:0;font-size:14px;letter-spacing:-.01em}
  .testi.feature .who-avatar{background:var(--accent)}
  .who-name{font-size:14px;font-weight:600;color:var(--ink)}
  .who-role{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:2px}
  .testi.feature .who-role{color:#a8a89e}
  .stars{display:flex;gap:2px;color:var(--accent)}

  /* PROCESS */
  .process{margin-top:64px;position:relative}
  .process-rail{position:absolute;left:24px;top:24px;bottom:24px;width:2px;background:rgba(14,14,12,.08)}
  .process-rail-fill{position:absolute;top:0;left:0;width:100%;background:var(--ink);height:0;transition:height .6s}
  .step{display:grid;grid-template-columns:48px 1fr 2fr;gap:48px;align-items:start;padding:40px 0 56px 0;position:relative;border-bottom:1px solid rgba(14,14,12,.08)}
  .step:last-child{border-bottom:none}
  .step-dot{width:48px;height:48px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink);display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;position:relative;z-index:2;transition:background .3s,color .3s}
  .step.active .step-dot{background:var(--ink);color:var(--paper)}
  .step-meta .step-mono{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .step-meta .step-name{font-family:'Inter Tight';font-weight:500;font-size:32px;letter-spacing:-.025em;line-height:1.05}
  .step-body{font-size:16px;line-height:1.55;color:#2a2a26;max-width:520px}
  .step-body ul{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:8px}
  .step-body li{display:flex;align-items:center;gap:10px;font-size:13px;color:#3a3a35;font-family:'JetBrains Mono',monospace;letter-spacing:.04em}
  .step-body li::before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px var(--ink)}

  /* FINAL CTA */
  .final{background:var(--ink);color:var(--paper);border-radius:24px;margin:120px var(--gutter) 80px;padding:120px 80px;position:relative;overflow:hidden;max-width:calc(var(--maxw) - var(--gutter)*2);margin-left:auto;margin-right:auto}
  .final-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;position:relative;z-index:2}
  .final h2{font-family:'Inter Tight';font-weight:500;font-size:clamp(48px,6.4vw,104px);line-height:.95;letter-spacing:-.04em;text-wrap:balance}
  .final h2 em{font-style:italic;font-weight:400;color:var(--accent)}
  .final-side{display:flex;flex-direction:column;gap:28px}
  .final-side p{font-size:16px;line-height:1.55;color:#c8c7c0;max-width:420px}
  .final-cta{display:inline-flex;align-items:center;gap:14px;background:var(--accent);color:var(--ink);padding:20px 30px;border-radius:999px;font-size:16px;font-weight:600;align-self:flex-start;transition:transform .25s, box-shadow .25s}
  .final-cta:hover{transform:translateY(-2px);box-shadow:0 24px 48px -20px rgba(216,255,60,.4)}
  .final-cta .arrow{width:30px;height:30px;background:var(--ink);color:var(--accent);border-radius:50%;display:grid;place-items:center;transition:transform .3s}
  .final-cta:hover .arrow{transform:rotate(-45deg)}
  .final-meta{display:flex;gap:48px;margin-top:32px;padding-top:32px;border-top:1px solid #2a2a26}
  .final-meta div{display:flex;flex-direction:column;gap:4px}
  .final-meta .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#85847d}
  .final-meta .val{font-size:15px;font-weight:500}
  .final-bg-text{position:absolute;font-family:'Inter Tight';font-weight:600;font-size:28vw;letter-spacing:-.06em;line-height:.8;color:rgba(255,255,255,.03);bottom:-8vw;left:-2vw;pointer-events:none;white-space:nowrap;z-index:0}

  /* FOOTER */
  footer{padding:64px var(--gutter) 32px;background:var(--paper);border-top:1px solid rgba(14,14,12,.1)}
  .foot-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
  .foot-brand{font-family:'Inter Tight';font-weight:600;font-size:32px;letter-spacing:-.03em;line-height:1}
  .foot-brand p{font-family:'Inter';font-weight:400;font-size:14px;color:#3a3a35;margin-top:14px;max-width:280px;letter-spacing:0;line-height:1.5}
  .foot-col h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:500}
  .foot-col a{display:block;font-size:14px;padding:6px 0;color:var(--ink)}
  .foot-bottom{max-width:var(--maxw);margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(14,14,12,.1);display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

  /* CONTACT */
  .contact-page{min-height:100vh;padding:132px 0 72px}
  .contact-grid{display:grid;grid-template-columns:1fr minmax(360px,560px);gap:80px;align-items:start}
  .contact-title{font-family:'Inter Tight';font-weight:600;font-size:clamp(48px,7vw,112px);line-height:.94;letter-spacing:-.045em;max-width:820px}
  .contact-copy{font-size:18px;line-height:1.55;color:#2a2a26;max-width:540px;margin-top:32px}
  .contact-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px;max-width:560px}
  .contact-meta-card{border-top:1px solid rgba(14,14,12,.14);padding-top:16px}
  .contact-meta-card .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}
  .contact-meta-card .val{font-size:15px;font-weight:600}
  .contact-card{background:var(--ink);color:var(--paper);border-radius:18px;padding:32px;position:sticky;top:104px}
  .contact-card h1{font-family:'Inter Tight';font-size:32px;line-height:1.05;letter-spacing:-.025em;margin-bottom:10px}
  .contact-card p{color:#c8c7c0;font-size:14px;line-height:1.5;margin-bottom:26px}
  .contact-form{display:flex;flex-direction:column;gap:16px}
  .field{display:flex;flex-direction:column;gap:8px}
  .field label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a8a89e}
  .field input,.field textarea{width:100%;border:1px solid #34342e;background:#181815;color:var(--paper);border-radius:8px;padding:13px 14px;font:inherit;outline:none}
  .field textarea{min-height:150px;resize:vertical}
  .field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(216,255,60,.12)}
  .form-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
  .contact-submit{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;background:var(--accent);color:var(--ink);padding:16px 18px;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer}
  .contact-submit span{width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--accent);display:grid;place-items:center}
  .contact-submit:disabled{cursor:wait;opacity:.72}
  .contact-status{min-height:20px;margin:-4px 0 0!important;font-size:13px!important;color:#c8c7c0!important}
  .contact-status[data-state="success"]{color:var(--accent)!important}
  .contact-status[data-state="error"]{color:#ffb4a6!important}
  .contact-direct{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a8a89e;margin-top:18px}
  .contact-direct a{color:var(--accent);border-bottom:1px solid currentColor}

  /* REVEAL */
  .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.7,.15,1), transform .9s cubic-bezier(.2,.7,.15,1)}
  .reveal.in{opacity:1;transform:translateY(0)}
  .reveal.delay-1{transition-delay:.1s}
  .reveal.delay-2{transition-delay:.2s}
  .reveal.delay-3{transition-delay:.3s}

  @media (max-width:900px){
    :root{--section-pad:80px}
    .nav-links{display:none}
    .hero-foot{grid-template-columns:1fr;gap:32px}
    .hero-stats{align-items:flex-start;text-align:left}
    .sec-head{grid-template-columns:1fr;gap:24px}
    .services-grid{grid-template-columns:1fr}
    .service:nth-child(odd){padding-right:0;border-right:none}
    .service:nth-child(even){padding-left:0}
    .cases{grid-template-columns:1fr}
    .case.wide{grid-column:auto;aspect-ratio:4/5}
    .testi-grid{grid-template-columns:1fr}
    .step{grid-template-columns:48px 1fr;gap:24px}
    .step-body{grid-column:2}
    .final{padding:64px 32px;margin:60px 16px}
    .final-grid{grid-template-columns:1fr;gap:40px}
    .foot-inner{grid-template-columns:1fr 1fr;gap:32px}
    .contact-grid{grid-template-columns:1fr;gap:44px}
    .contact-card{position:relative;top:auto}
    .contact-meta{grid-template-columns:1fr}
  }

  @media (max-width:600px){
    :root{--gutter:20px;--section-pad:68px}
    .nav-inner{height:64px;gap:16px}
    .brand{font-size:17px;gap:9px;min-width:0;min-height:44px}
    .brand-mark{width:21px;height:21px;flex:0 0 auto}
    .nav-cta{min-height:44px;padding:9px 14px;font-size:13px;gap:8px;white-space:nowrap;flex:0 0 auto}

    .hero{padding:136px 0 64px}
    .hero-meta{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:40px}
    .pill{max-width:100%;font-size:10px;letter-spacing:.09em}
    .hero-meta .mono{max-width:100%;font-size:10px;letter-spacing:.12em;line-height:1.45}
    .hero-headline{font-size:clamp(44px,14.4vw,56px);line-height:.98;letter-spacing:-.055em}
    .hero-headline .line{max-width:100%;white-space:nowrap}
    .hero-headline .line span{max-width:100%}
    .hero-foot{margin-top:54px;gap:28px}
    .hero-sub{font-size:16px;max-width:none}
    .hero-cta-wrap{align-items:stretch}
    .cta,.final-cta{width:100%;justify-content:center;padding:17px 22px;text-align:center}
    .hero-stats .num{font-size:38px}

    .marquee{overflow-x:clip;contain:paint;padding:36px 0}
    .marquee-row{gap:56px}
    .logo-cell{font-size:24px}

    section.sec > .wrap > div[style*="grid-template-columns:repeat(4,1fr)"]{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      gap:24px 18px !important;
    }
    section.sec > .wrap > div[style*="grid-template-columns:repeat(4,1fr)"] > div > div:first-child{
      font-size:clamp(44px,15vw,64px) !important;
    }

    .sec-head{padding-bottom:44px}
    .sec-title{font-size:clamp(31px,10vw,44px)}
    .services-grid,.cases,.testi-grid{margin-top:44px}
    .service{grid-template-columns:1fr auto;gap:16px;padding:32px 0}
    .service:hover,.service:nth-child(even):hover{padding-left:0}
    .service-num{grid-column:1/-1}
    .service-title{font-size:27px}
    .service-desc{max-width:none}
    .service-tags{padding-right:4px}

    .case{padding:18px;aspect-ratio:auto;min-height:500px;gap:24px}
    .case.wide{aspect-ratio:auto;min-height:520px}
    .case-content,.case-foot{
      color:var(--ink) !important;
      mix-blend-mode:normal !important;
      background:rgba(244,242,236,.9);
      border:1px solid rgba(14,14,12,.1);
      border-radius:10px;
      backdrop-filter:blur(8px);
    }
    .case-content{flex-direction:column;gap:8px;padding:12px}
    .case-foot{padding:18px}
    .case-meta{font-size:10px;letter-spacing:.12em;color:var(--ink) !important}
    .case-name{font-size:28px;line-height:1.08}
    .case-kpis{flex-wrap:wrap;gap:16px 28px}
    .case-link{min-height:44px;align-items:center;margin-left:0 !important}
    .kpi .num{font-size:40px}
    .case-art-system::before{top:52%;height:24px}
    .case-art-system::after{left:24px;right:24px;bottom:42px;height:90px;background:rgba(14,14,12,.7);box-shadow:0 -132px 0 rgba(244,242,236,.46)}
    .case-art-web::before{left:8%;right:8%;bottom:8%;height:30%;box-shadow:0 -160px 0 -96px rgba(244,242,236,.95)}
    .case-art-web::after{width:140px;height:140px;right:12%;bottom:18%;opacity:.92}

    .testi{padding:24px;min-height:auto}
    .testi-quote,.testi.feature .testi-quote{font-size:22px}

    .process{margin-top:44px}
    .process-rail{left:20px}
    .step{grid-template-columns:40px 1fr;gap:18px;padding:32px 0 44px}
    .step-dot{width:40px;height:40px;font-size:12px}
    .step-meta .step-name{font-size:27px}
    .step-body{font-size:15px}
    .step-body li{align-items:flex-start;line-height:1.45}
    .step-body li::before{margin-top:.55em}

    .final{border-radius:18px;margin:44px 12px 56px;padding:48px 24px}
    .final-grid{gap:32px}
    .final h2{font-size:clamp(40px,12.5vw,56px);line-height:1}
    .final-bg-text{left:0;right:0;bottom:-5vw;font-size:20vw;max-width:100%;overflow:hidden}
    .final-meta{flex-direction:column;gap:16px}

    footer{padding-top:52px}
    .foot-inner{grid-template-columns:1fr;gap:28px}
    .foot-col a{min-height:44px;display:flex;align-items:center;padding:0}
    .foot-bottom{flex-direction:column;align-items:flex-start;gap:12px;line-height:1.45}

    .contact-page{padding-top:112px}
    .contact-title{font-size:clamp(42px,13vw,64px)}
    .contact-copy{font-size:16px}
    .contact-card{padding:26px}
  }

  @media (max-width:480px){
    :root{--gutter:16px}
    .nav-inner{gap:12px}
    .nav-cta{padding:9px 13px;font-size:12px}
    .brand{font-size:16px}
    section.sec > .wrap > div[style*="grid-template-columns:repeat(4,1fr)"]{
      grid-template-columns:1fr !important;
    }
    .case{min-height:500px}
    .case.wide{min-height:540px}
  }