/* ==========================================================================
   Openera — site styles
   Mobile-first. Breakpoints: 640 / 900 / 1100.
   ========================================================================== */

/* ---------- Tokens ---------- */
:root{
  --bg:#F5F4F0; --paper:#FBFAF7; --soft:#ECEAE4; --hl:#DCD7CA;
  --ink:#111110; --ink-2:#2B2925; --text:#4A4741; --muted:#5E5B55; --faint:#8A867E;
  --line:#E4E1DA; --line-2:#D9D5CC; --line-3:#CFCBC2;

  --d-bg:#0F0F0E; --d-panel:#161614; --d-raise:#262522; --d-line:#2A2926; --d-line-2:#34332F;
  --d-ink:#F2F0EA; --d-2:#C9C5BC; --d-3:#A7A399; --d-4:#8A867E; --d-5:#6E6A62;
  --red:#E0705A; --amber:#E3AE4E; --blue:#8FB7E8; --green:#7CC79A;

  --sans:'Geist','Helvetica Neue',Helvetica,Arial,sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --pad:clamp(20px,5vw,48px);
  --maxw:1200px;
  --sec:clamp(72px,9vw,136px);
  --nav-h:64px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media (min-width:900px){:root{--nav-h:76px}}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px)}
body{margin:0;transition:opacity .25s;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
.i18n-pending body{opacity:0}
h1,h2,h3,p,ul,ol,figure,fieldset{margin:0;padding:0}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
svg{display:block;max-width:100%}
canvas{display:block}
::selection{background:var(--ink);color:var(--bg)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
.sec--dark :focus-visible{outline-color:var(--d-ink)}

.mono{font-family:var(--mono)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:100%;max-width:calc(var(--maxw) + var(--pad) * 2);margin-inline:auto;padding-inline:var(--pad)}
.grid-bg{background-image:linear-gradient(to right,rgba(17,17,16,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,17,16,.045) 1px,transparent 1px);background-size:clamp(64px,8.4vw,120px) clamp(64px,8.4vw,120px);background-position:center top}

/* ---------- Type ---------- */
.eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12.5px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";flex:none;width:28px;height:1px;background:var(--faint)}
.sec--dark .eyebrow{color:var(--d-3)}
.sec--dark .eyebrow::before{background:var(--d-5)}

.h2{font-size:clamp(34px,calc(20px + 3.55vw),64px);line-height:1.03;font-weight:400;letter-spacing:-.04em;text-wrap:balance}
.ln{display:block}
.lede{font-size:clamp(17px,calc(15px + .35vw),19px);line-height:1.55;color:var(--text);text-wrap:pretty}
.sec--dark .lede{color:var(--d-2)}
.dim{color:var(--muted)}
.sec--dark .dim{color:var(--d-4)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-size:15px;font-weight:500;line-height:1;white-space:nowrap;transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease)}
.btn svg{flex:none;transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn:active{transform:scale(.98)}
.btn--dark{background:var(--ink);color:var(--bg)}
.btn--dark:hover{background:var(--ink-2)}
.btn--line{background:var(--paper);border-color:var(--line-3);color:var(--ink);font-weight:400}
.btn--line:hover{background:var(--soft)}
.btn--xl{height:auto;min-height:58px;padding:10px 26px;font-size:clamp(15px,4.2vw,18px);white-space:normal;text-align:center;line-height:1.2}
@media (min-width:640px){.btn--xl{min-height:60px;padding:10px 28px}}
@media (max-width:419px){.btn--xl{padding-inline:16px;gap:10px}}
@media (max-width:419px){.nav-cta .btn.nav-btn{padding:0 13px;font-size:13.5px}.nav .lang-btn{width:36px}.nav .nav-toggle{width:40px}.nav-toggle span{left:10px;right:10px}}
@media (max-width:339px){.btn--xl svg{display:none}}

/* ---------- Sections ---------- */
.sec{position:relative;padding-block:var(--sec);border-bottom:1px solid var(--line)}
.sec--dark{background:var(--d-bg);color:var(--d-ink);border-bottom:0}
.sec-head{display:flex;flex-direction:column;gap:22px}
.sec-top{display:grid;gap:28px;margin-bottom:clamp(40px,5vw,64px)}
@media (min-width:900px){
  .sec-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;align-items:end}
  .sec-top--even{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px}
}

/* ---------- Reveal on scroll ---------- */
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}
.rise{animation:rise .9s var(--ease) both}
.d1{animation-delay:.08s}.d2{animation-delay:.18s}.d3{animation-delay:.28s}.d4{animation-delay:.38s}.d5{animation-delay:.48s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ==========================================================================
   Nav
   ========================================================================== */
.nav{position:fixed;z-index:50;top:0;left:0;right:0;height:var(--nav-h);border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}
.nav.is-scrolled{background:rgba(245,244,240,.84);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom-color:var(--line)}
.menu-open .nav{background:var(--bg);border-bottom-color:var(--line)}
.nav-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav .logo{flex:none}
.logo{display:flex;align-items:center;gap:10px;min-height:44px}
.logo-word{font-size:21px;font-weight:500;letter-spacing:-.02em}
.logo-ai{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:4px}
.nav-links{display:none}
/* Small screens: items sit right-to-left and anything that doesn't fit (the CTA pill first) wraps onto a clipped second row. */
.nav-cta{flex:1 1 0;min-width:0;box-sizing:border-box;height:52px;padding:4px;margin-right:-14px;overflow:hidden;display:flex;flex-flow:row-reverse wrap;align-items:center;align-content:flex-start;gap:12px 6px}
.nav-cta .nav-toggle{order:0}.nav-cta .lang-btn{order:1}.nav-cta .nav-btn{order:2}
.nav-talk{display:none}
.nav .btn{height:42px;padding:0 18px;font-size:14px;flex:none;margin-block:1px}

.nav-toggle{position:relative;flex:none;width:44px;height:44px;border-radius:50%}
.nav-toggle span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--ink);transition:transform .4s var(--ease),top .4s var(--ease)}
.nav-toggle span:nth-child(1){top:18px}
.nav-toggle span:nth-child(2){top:25px}
.menu-open .nav-toggle span:nth-child(1){top:21.5px;transform:rotate(45deg)}
.menu-open .nav-toggle span:nth-child(2){top:21.5px;transform:rotate(-45deg)}

@media (min-width:1024px){
  .nav-toggle{display:none}
  .nav-cta{flex:none;height:auto;padding:0;margin-right:0;overflow:visible;flex-flow:row nowrap;gap:14px}
  .nav-cta .lang-btn{order:3}
  .nav-links{display:flex;gap:clamp(22px,2.6vw,44px);font-size:15.5px}
  .nav-links a{position:relative;color:var(--ink-2);padding:8px 0}
  .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
  .nav-links a:hover::after,.nav-links a[aria-current="true"]::after{transform:scaleX(1)}
  .nav .btn{height:46px;padding:0 22px;font-size:15px}
  .logo-word{font-size:23px}
}
@media (min-width:1180px){
  .nav-cta{gap:22px}
  .nav-talk{display:block;font-size:15.5px;color:var(--ink-2)}
  .nav-talk:hover{color:var(--muted)}
}

/* Language switcher */
.lang-btn{flex:none;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 11px;border:1px solid transparent;border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-2);transition:border-color .25s,background .25s}
@media (max-width:559px){.lang-btn{width:40px;padding:0;justify-content:center}.lang-btn [data-lang-code]{display:none}.nav .logo-ai{display:none}.nav-cta{gap:12px 2px}}
.lang-btn:hover,.lang-btn[aria-expanded="true"]{border-color:var(--line-3);background:var(--paper)}
.lang-menu{position:fixed;z-index:60;min-width:196px;padding:6px;background:var(--paper);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 24px 48px -20px rgba(17,17,16,.28);opacity:0;transform:translateY(-6px);transition:opacity .2s var(--ease),transform .25s var(--ease)}
.lang-menu.is-open{opacity:1;transform:none}
.lang-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px;padding:0 12px;border-radius:9px;font-size:15px;color:var(--ink-2)}
.lang-menu button:hover{background:var(--soft)}
.lang-menu i,.menu-langs i{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--faint)}
.lang-menu [aria-current]{color:var(--ink);font-weight:500}
.lang-menu [aria-current] i{font-size:0;width:7px;height:7px;background:var(--ink)}
.menu-langs{padding-bottom:8px}
.menu-langs ul{display:flex;flex-wrap:wrap;gap:8px}
.menu-langs button{display:inline-flex;align-items:center;height:40px;padding:0 15px;border:1px solid var(--line-3);border-radius:999px;background:var(--paper);font-size:14.5px;color:var(--ink-2)}
.menu-langs i{display:none}
.menu-langs [aria-current]{background:var(--ink);border-color:var(--ink);color:var(--bg)}

/* Mobile menu */
.menu{position:fixed;z-index:49;inset:var(--nav-h) 0 0 0;background:var(--bg);padding:24px var(--pad) calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:24px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s .35s}
.menu-open .menu{opacity:1;visibility:visible;transition-delay:0s}
.menu-open body{overflow:hidden}
.menu-links a{display:flex;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:clamp(28px,8vw,36px);letter-spacing:-.03em;line-height:1.1;opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.menu-links a span{font-family:var(--mono);font-size:12px;letter-spacing:0;color:var(--muted)}
.menu-open .menu-links a{opacity:1;transform:none;transition-delay:calc(var(--i) * 45ms + 80ms)}
.menu-foot{display:flex;flex-direction:column;gap:10px}
.menu-foot .btn{width:100%}
@media (min-width:1024px){.menu{display:none}}

/* ==========================================================================
   Hero
   ========================================================================== */
.hero{--gb:min(150vw,820px);position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding-top:calc(var(--nav-h) + clamp(36px,8vw,88px));padding-bottom:calc(var(--gb) * .36)}
.hero-globe{position:absolute;z-index:0;width:var(--gb);height:var(--gb);left:50%;bottom:calc(var(--gb) * -.57);transform:translateX(-50%);pointer-events:none}
.hero-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(24px,3vw,36px)}
.hero-in > *{max-width:900px}
.hero-eyebrow{display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:clamp(12.5px,1.2vw,14px);color:var(--muted)}
.hero-eyebrow::before{content:"";width:40px;height:1px;background:var(--faint)}
.hero-h1{font-size:clamp(42px,calc(22.7px + 6.48vw),116px);line-height:.96;font-weight:400;letter-spacing:-.045em}
.swap{display:block;position:relative;height:.96em}
.swap-w{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transform:translateY(.32em);filter:blur(8px);transition:opacity .65s var(--ease),transform .65s var(--ease),filter .65s var(--ease)}
.swap-w.is-on{opacity:1;transform:none;filter:none}
.swap-w.is-out{opacity:0;transform:translateY(-.32em);filter:blur(8px)}
.hl{position:relative;z-index:0;display:inline-block}
.hl::after{content:"";position:absolute;z-index:-1;left:0;right:.12em;bottom:.03em;height:.12em;background:var(--hl);transform-origin:left;animation:hl 1s var(--ease) .9s both}
@keyframes hl{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-copy{display:flex;flex-direction:column;gap:14px;max-width:620px}
.hero-lede{font-size:clamp(18px,calc(16px + .45vw),22px);line-height:1.5;color:var(--text);text-wrap:pretty}
.hero-sub{font-size:clamp(15.5px,calc(14.5px + .2vw),17px);line-height:1.6;color:var(--muted);text-wrap:pretty}
.hero-actions{display:flex;flex-direction:column;gap:12px;width:100%}
.hero-actions .btn{width:100%}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;color:var(--muted)}
.trust li{display:flex;align-items:center;gap:9px}
.trust li::before{content:"";width:5px;height:5px;background:var(--ink)}
@media (min-width:560px){
  .hero-actions{flex-direction:row;flex-wrap:wrap;gap:14px}
  .hero-actions .btn{width:auto}
}
@media (min-width:900px){
  .hero{--gb:clamp(640px,62vw,880px);min-height:min(920px,100vh);min-height:min(920px,100svh);display:flex;align-items:center;padding-top:calc(var(--nav-h) + 24px);padding-bottom:56px}
  .hero-h1{font-size:clamp(64px,min(calc(22.7px + 6.48vw),12vh),116px)}
  .hero-in{gap:clamp(22px,3.6vh,36px)}
  .hero-globe{left:auto;bottom:auto;transform:none;right:calc(var(--gb) * -.27);top:calc(50% - var(--gb) / 2 + 28px)}
  .trust{font-size:13px}
}

/* ==========================================================================
   Problem
   ========================================================================== */
.problem-grid{display:grid;gap:36px}
.problem-list{margin-top:18px;display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--line);font-size:16.5px;color:var(--ink-2)}
.problem-list li{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.problem-list li::before{content:"";flex:none;width:9px;height:1px;background:var(--faint)}
@media (min-width:520px){
  .problem-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  .problem-list li:last-child:nth-child(odd){grid-column:1 / -1}
}
@media (min-width:900px){
  .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px}
  .problem-right{padding-top:44px}
}
.philo{margin-top:clamp(48px,6vw,80px);padding-top:clamp(28px,4vw,48px);border-top:1px solid var(--ink);display:grid;gap:18px}
.philo-k{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.philo-q{font-size:clamp(23px,calc(16px + 1.75vw),36px);line-height:1.3;letter-spacing:-.02em;text-wrap:pretty}
@media (min-width:900px){.philo{grid-template-columns:240px minmax(0,1fr);gap:40px}.philo-k{padding-top:12px}}

/* ==========================================================================
   Services
   ========================================================================== */
.svcs{border-bottom:1px solid var(--line)}
.svc{display:flex;flex-direction:column;gap:18px;padding:clamp(32px,4vw,44px) 0;border-top:1px solid var(--line)}
.svc-n{font-family:var(--mono);font-size:13px;color:var(--muted)}
.svc-b{display:flex;flex-direction:column;gap:14px;min-width:0}
.svc-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.svc-h h3{font-size:clamp(28px,calc(20px + 2vw),40px);line-height:1.1;font-weight:400;letter-spacing:-.03em}
.tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;background:var(--ink);color:var(--bg)}
.svc-b p{max-width:640px;color:var(--text);font-size:clamp(17px,calc(15px + .35vw),19px);text-wrap:pretty}
.svc-b p.svc-more{font-size:16px;color:var(--muted)}
.svc-ic{order:-1;display:flex;justify-content:center;padding:8px;border:1px solid var(--line);border-radius:14px;background-color:var(--bg);background-image:linear-gradient(to right,rgba(17,17,16,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,17,16,.035) 1px,transparent 1px);background-size:28px 28px;background-position:center}
.svc-ic svg{width:min(100%,210px);height:auto}
.svc .svc-n{order:-2}
.chips{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px;max-width:760px}
.chip{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:14px;line-height:1.35;color:var(--ink-2);transition:border-color .25s,background .25s}
.chips--mono .chip{font-family:var(--mono);font-size:12.5px;padding:7px 12px}
.chip b{font-weight:400;color:var(--faint);padding-inline:2px}
@media (hover:hover){.chip:hover{border-color:var(--line-3);background:#fff}}
@media (min-width:900px){
  .svc{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,24vw,300px);gap:40px;align-items:center}
  .svc-ic{order:0;padding:0;border:0;border-radius:0;background:none}
  .svc-ic svg{width:100%;max-width:280px}
}

/* Service illustrations */
.ic svg *{transform-box:fill-box}
.wb{animation:wb 6s ease-in-out infinite both}
@keyframes wb{0%,4%{opacity:0;transform:translateY(8px)}14%,78%{opacity:1;transform:none}90%,100%{opacity:0;transform:none}}
.cur{animation:cur 6s ease-in-out infinite both}
@keyframes cur{0%,30%{opacity:0;transform:translate(120px,46px)}38%{opacity:1;transform:translate(120px,46px)}56%{transform:translate(0,0)}60%{transform:translate(0,0) scale(.8)}64%,80%{opacity:1;transform:translate(0,0)}90%,100%{opacity:0;transform:translate(0,0)}}
.btnf{animation:btnf 6s ease-in-out infinite}
@keyframes btnf{0%,59%{fill:#111110}62%{fill:#8A867E}66%,100%{fill:#111110}}
.af-l{stroke-dasharray:3 4;animation:ants .9s linear infinite}
@keyframes ants{to{stroke-dashoffset:-14}}
.af-dot{animation:af-dot 4s cubic-bezier(.6,0,.4,1) infinite}
@keyframes af-dot{0%{opacity:0;transform:translateX(0)}6%{opacity:1;transform:translateX(0)}40%,50%{transform:translateX(80px)}88%{opacity:1;transform:translateX(160px)}96%,100%{opacity:0;transform:translateX(160px)}}
.af-n{opacity:.1;animation:af-n 4s ease-out infinite}
@keyframes af-n{0%{opacity:1}30%,100%{opacity:.1}}
.ai-ring{transform-origin:50% 50%;animation:ai-ring 2.4s ease-out infinite}
@keyframes ai-ring{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(2.3)}}
.ai-sp{stroke-dasharray:8 80;animation:ai-sp 2.4s linear infinite}
@keyframes ai-sp{0%{stroke-dashoffset:8}70%,100%{stroke-dashoffset:-44}}
.ai-n{opacity:0;animation:ai-n 2.4s ease-out infinite}
@keyframes ai-n{0%,60%{opacity:0}72%{opacity:1}100%{opacity:0}}
.bar{transform-origin:50% 100%;animation:bar 5s cubic-bezier(.3,.7,.2,1) infinite both}
@keyframes bar{0%{transform:scaleY(.08)}28%,76%{transform:scaleY(1)}100%{transform:scaleY(.08)}}
.live{animation:blink 1.6s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}

/* ==========================================================================
   Our work — industries
   ========================================================================== */
.inds{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scroll-padding-inline:var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.inds::-webkit-scrollbar{display:none}
.ind{flex:none;width:min(80vw,330px);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--paper);border:1px solid var(--line);transition:border-color .3s,transform .5s var(--ease)}
.ind-top span:last-child{text-align:right}
.ind-top{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--line)}
.ind h3{margin-top:6px;font-size:clamp(25px,calc(19px + 1vw),31px);line-height:1.08;font-weight:400;letter-spacing:-.03em;text-wrap:balance}
:root:lang(en) .ind h3,:root:lang(en) .ind .chip{text-transform:capitalize}
.ind p{font-size:16px;line-height:1.55;color:var(--text);text-wrap:pretty}
.ind .chips{margin-top:auto;padding-top:10px}
.ind .chip{font-size:13px;padding:6px 11px;background:transparent}
.ind--dark{background:var(--ink);border-color:var(--ink);color:var(--d-ink)}
.ind--dark .ind-top{color:var(--d-3);border-bottom-color:var(--d-line-2)}
.ind--dark p{color:var(--d-2)}
.ind-link{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500;min-height:44px}
.ind-link svg{transition:transform .35s var(--ease)}
.ind-link:hover svg{transform:translateY(4px)}
.ind--dark :focus-visible{outline-color:var(--d-ink)}
@media (hover:hover){.ind:hover{border-color:var(--line-3);transform:translateY(-3px)}.ind--dark:hover{border-color:var(--ink)}}
@media (min-width:640px){
  .inds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible;margin-inline:0;padding-inline:0}
  .ind{width:auto;min-height:300px}
}
@media (min-width:1000px){.inds{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ind{padding:30px;min-height:340px}}

.also{margin-top:clamp(48px,6vw,80px);padding-top:clamp(28px,4vw,44px);border-top:1px solid var(--ink);display:grid;gap:20px}
.also-k{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.also-l{display:contents}
.also-k{order:0}.also-b{order:1}.also-note{order:2}
.also-b{display:flex;flex-direction:column;gap:10px;min-width:0}
.tick{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.tick-track{display:flex;width:max-content;animation:tick 70s linear infinite}
.tick--rev .tick-track{animation-direction:reverse}
@media (hover:hover){.tick:hover .tick-track{animation-play-state:paused}}
.tick-g{display:flex;gap:10px;padding-right:10px}
.tick-g li{flex:none;padding:9px 16px;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);font-size:15px;line-height:1.3;color:var(--ink-2);white-space:nowrap}
@keyframes tick{to{transform:translateX(-50%)}}
.also-note{margin-top:6px;font-size:clamp(19px,calc(16px + .7vw),24px);line-height:1.35;letter-spacing:-.015em;text-wrap:pretty}
@media (min-width:900px){.also{grid-template-columns:240px minmax(0,1fr);gap:40px}.also-k{padding-top:12px}}

/* ==========================================================================
   Case study — Sales Copilot
   ========================================================================== */
.work-copy{display:flex;flex-direction:column;gap:16px}
.scope{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}
.scope li{font-family:var(--mono);font-size:12px;padding:6px 11px;border:1px solid var(--d-line-2);border-radius:999px;color:var(--d-2)}

.cp{border:1px solid var(--d-line);border-radius:14px;background:var(--d-panel);overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.45)}
.cp-bar{height:44px;padding:0 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--d-line)}
.cp-bar i{width:10px;height:10px;border-radius:50%;background:#3A3935}
.cp-name,.cp-note{white-space:nowrap}
.cp-note{min-width:0;overflow:hidden}
.cp-name{flex:none;margin-left:10px;font-family:var(--mono);font-size:13px;color:var(--d-3)}
.cp-note{margin-left:auto;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--d-4)}
.cp-note b{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 1.6s ease-in-out infinite}
.cp-body{display:grid;grid-template-columns:minmax(0,1fr)}
.cp-side{display:flex;gap:4px;padding:10px;overflow-x:auto;border-bottom:1px solid var(--d-line);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cp-side::-webkit-scrollbar{display:none}
.cp-tab{flex:none;display:flex;align-items:center;gap:10px;min-height:40px;padding:0 13px;border-radius:8px;font-size:14px;white-space:nowrap;color:var(--d-3);transition:background .25s,color .25s}
.cp-tab i{flex:none;width:8px;height:8px;border:1px solid var(--d-5);transition:background .25s,border-color .25s}
.cp-tab:hover{color:var(--d-ink)}
.cp-tab.is-on{background:var(--d-raise);color:var(--d-ink)}
.cp-tab.is-on i{background:var(--d-ink);border-color:var(--d-ink)}
.cp-main{display:grid;min-width:0}
.cp-view{grid-area:1 / 1;min-width:0;padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:16px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s}
.cp-view.is-on{opacity:1;visibility:visible;transform:none;transition-delay:.05s,.05s,0s}
@media (min-width:900px){
  .cp-body{grid-template-columns:220px minmax(0,1fr)}
  .cp-side{flex-direction:column;padding:20px 14px;border-bottom:0;border-right:1px solid var(--d-line);overflow:visible}
  .cp-tab{min-height:42px}
  .cp-main{min-height:470px}
}

.cp-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.cp-h span:first-child{font-size:clamp(17px,2vw,20px);letter-spacing:-.01em}
.cp-h .mono{font-size:11.5px;color:var(--d-4);white-space:nowrap}
.cp-rows{display:flex;flex-direction:column;border-bottom:1px solid var(--d-line)}
.cp-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--d-line)}
.cp-idx{font-family:var(--mono);font-size:12px;color:var(--d-4)}
.cp-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.cp-t span{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-t small{font-size:12.5px;color:var(--d-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill{flex:none;display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid var(--d-line-2);border-radius:999px;font-size:12.5px;line-height:1.3;color:#E4E1DA;white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c,var(--d-4))}
.c-r{--c:var(--red)}.c-a{--c:var(--amber)}.c-b{--c:var(--blue)}.c-g{--c:var(--green)}
@media (max-width:639px){
  .cp-t span{white-space:normal}
  .cp-rows--stack .cp-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}
  .cp-rows--stack .cp-idx,.cp-rows--stack .cp-t small,.xs-hide{display:none !important}
}

/* Workbench */
.cp-split{display:grid;gap:16px}
@media (min-width:1000px){.cp-split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px}}
.tl{display:flex;flex-direction:column}
.tl li{position:relative;display:grid;grid-template-columns:minmax(86px,auto) minmax(0,1fr);gap:12px;padding:0 0 16px 18px;font-size:14px;color:var(--d-2)}
.tl li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;background:var(--d-5)}
.tl li::after{content:"";position:absolute;left:3px;top:18px;bottom:-3px;width:1px;background:var(--d-line-2)}
.tl li:last-child{padding-bottom:0}
.tl li:last-child::after{display:none}
.tl li.is-hot::before{background:var(--amber)}
.tl time{font-family:var(--mono);font-size:11.5px;color:var(--d-4);padding-top:2px}
.card-d{padding:16px;border:1px solid var(--d-line-2);border-radius:12px;background:#1B1B19;display:flex;flex-direction:column;gap:12px}
.card-k{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--d-4);display:flex;align-items:center;gap:8px}
.card-k::before{content:"";width:6px;height:6px;background:var(--green)}
.card-d p{font-size:14.5px;line-height:1.5;color:var(--d-ink)}
.mini-btns{display:flex;flex-wrap:wrap;gap:8px}
.mini{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;font-size:12.5px;border:1px solid var(--d-line-2);color:var(--d-2)}
.mini--on{background:var(--d-ink);border-color:var(--d-ink);color:var(--d-bg)}
.card-why{font-family:var(--mono);font-size:11px;color:var(--d-4)}

/* Customer intelligence */
.srcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:640px){.srcs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
.src{padding:12px 13px;border:1px solid var(--d-line);border-radius:10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.src b{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--d-4)}
.src span{font-size:13.5px;color:var(--d-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.merge{display:flex;justify-content:center;height:18px}
.merge::before{content:"";width:1px;height:100%;background:linear-gradient(var(--d-line-2),var(--d-3))}

/* Cockpit */
.chat{display:flex;flex-direction:column;gap:12px;flex:1}
.chat-q{align-self:flex-end;max-width:min(340px,86%);padding:11px 14px;background:var(--d-raise);border-radius:12px 12px 2px 12px;font-size:14px;line-height:1.45}
.chat-a{max-width:min(520px,96%);padding:14px;border:1px solid var(--d-line);border-radius:12px 12px 12px 2px;font-size:14px;line-height:1.5;color:var(--d-2);display:flex;flex-direction:column;gap:8px}
.chat-a li{display:flex;gap:10px}
.chat-a li::before{content:"";flex:none;margin-top:8px;width:5px;height:5px;background:var(--c,var(--d-4))}
.chat-a strong{font-weight:500;color:var(--d-ink)}
.chat-sugs{display:flex;flex-wrap:wrap;gap:6px}
.chat-sugs span{font-size:12px;padding:5px 10px;border:1px solid var(--d-line);border-radius:999px;color:var(--d-3)}
.chat-in{margin-top:auto;height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--d-line-2);border-radius:10px;font-size:13px;color:var(--d-4)}
.chat-in::after{content:"";width:7px;height:16px;background:var(--d-3);animation:blink 1.1s steps(1) infinite}

/* Follow-up */
.seq .cp-row{gap:14px}
.seq-i{flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--d-5);display:grid;place-items:center;font-size:11px;color:var(--d-bg)}
.seq-i.is-done{background:var(--green);border-color:var(--green)}
.seq-i.is-wait{border-color:var(--amber);box-shadow:inset 0 0 0 4px var(--d-panel),inset 0 0 0 11px var(--amber)}
.cp-foot{font-family:var(--mono);font-size:11.5px;line-height:1.5;color:var(--d-4)}

/* Feature captions */
.cp-wrap{display:flex;flex-direction:column}
.cp-feats{order:-1;margin-bottom:24px;display:grid}
.cp-feat{position:relative;display:none;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--d-line);min-height:10.5em;text-align:left}
.cp-feat.is-on{display:flex}
.cp-feat::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--d-ink)}
.cp-feat.is-on::before{width:100%}
.is-auto .cp-feat.is-on::before{animation:cp-fill var(--cp-dur,5s) linear both}
@keyframes cp-fill{from{width:0}to{width:100%}}
.cp-feat .mono{font-size:12px;color:var(--d-4)}
.cp-feat-t{font-size:clamp(19px,2vw,21px);letter-spacing:-.01em;color:var(--d-3);transition:color .3s}
.cp-feat-d{font-size:16px;line-height:1.5;color:var(--d-3)}
.cp-feat.is-on .cp-feat-t,.cp-feat:hover .cp-feat-t{color:var(--d-ink)}
@media (min-width:900px){
  .cp-feats{order:0;margin:56px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 48px}
  .cp-feat{display:flex;min-height:0}
}
.proof{margin-top:clamp(48px,6vw,80px);padding-top:clamp(28px,4vw,44px);border-top:1px solid var(--d-line);font-size:clamp(23px,calc(16px + 1.6vw),34px);line-height:1.3;letter-spacing:-.02em;max-width:980px;text-wrap:pretty}

/* ==========================================================================
   How it works
   ========================================================================== */
.steps{display:grid;gap:32px}
.step{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid var(--ink)}
.step .mono{font-size:13px;color:var(--muted)}
.step h3{font-size:clamp(24px,calc(18px + 1vw),30px);font-weight:400;letter-spacing:-.02em;line-height:1.15}
.step p{color:var(--text);font-size:16.5px}
@media (min-width:640px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}}
@media (min-width:1100px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.step{gap:16px;padding-top:28px}}

/* ==========================================================================
   Checkup
   ========================================================================== */
.box{display:grid;background:var(--paper);border:1px solid var(--line-2)}
.box-col{padding:clamp(24px,5vw,64px);display:flex;flex-direction:column;gap:clamp(20px,2.4vw,28px);min-width:0}
.box-col + .box-col{border-top:1px solid var(--line)}
.box .h2{font-size:clamp(32px,calc(19px + 3.1vw),58px)}
.box .tag{align-self:flex-start;font-size:12px;padding:6px 12px}
.box .chip{background:transparent}
.box .btn{align-self:flex-start;margin-top:4px}
.gets-k{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.gets li{display:flex;align-items:center;gap:18px;padding:clamp(16px,2vw,22px) 0;border-top:1px solid var(--line);font-size:clamp(19px,calc(15px + .85vw),24px);letter-spacing:-.015em;line-height:1.25}
.gets li span{flex:none;width:24px;font-family:var(--mono);font-size:13px;letter-spacing:0;color:var(--muted)}
.gets li.is-key{margin-inline:-16px;padding-inline:16px;background:var(--hl)}
.gets li.is-key span{color:var(--ink-2)}
.box-note{font-size:16px;color:var(--text)}
@media (max-width:559px){.box .btn{align-self:stretch}}
@media (min-width:900px){
  .box{grid-template-columns:repeat(2,minmax(0,1fr))}
  .box-col + .box-col{border-top:0;border-left:1px solid var(--line)}
}

/* ==========================================================================
   Pricing
   ========================================================================== */
.price-q{font-size:clamp(22px,calc(16px + 1.4vw),32px);line-height:1.3;letter-spacing:-.02em;text-wrap:pretty}
@media (min-width:900px){.price-q{padding-top:44px}}
.prices{border-bottom:1px solid var(--line)}
.prices li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:clamp(18px,2.2vw,26px) 0;border-top:1px solid var(--line)}
.prices li:first-child{border-top-color:var(--ink)}
.prices .mono{font-size:13px;color:var(--muted)}
.prices b{font-weight:400;font-size:clamp(21px,calc(16px + 1.2vw),30px);letter-spacing:-.02em}
.prices em{font-style:normal;font-size:clamp(15px,calc(12px + .8vw),22px);text-align:right;color:var(--ink-2)}
@media (min-width:900px){.prices li{grid-template-columns:80px minmax(0,1fr) auto}}
.price-foot{margin-top:28px;font-family:var(--mono);font-size:13.5px;color:var(--ink-2)}

/* ==========================================================================
   About
   ========================================================================== */
.people{display:grid;gap:16px}
.person{display:flex;gap:clamp(18px,2.4vw,28px);padding:clamp(20px,2.8vw,32px);background:var(--paper);border:1px solid var(--line);transition:border-color .3s,transform .5s var(--ease)}
@media (hover:hover){.person:hover{border-color:var(--line-3);transform:translateY(-3px)}}
.person-photo{flex:none;width:clamp(84px,14vw,150px);aspect-ratio:5 / 6;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--bg) 8px 16px);color:var(--ink);overflow:hidden}
.person-photo img{width:100%;height:100%;object-fit:cover}
.person-photo svg{width:38%;height:auto}
.person-b{display:flex;flex-direction:column;gap:8px;min-width:0}
.person-b h3{font-size:clamp(21px,calc(17px + .8vw),26px);font-weight:400;letter-spacing:-.02em;line-height:1.15}
.person-b .mono{font-size:12.5px;color:var(--muted)}
.person-b p{font-size:clamp(15.5px,calc(14px + .3vw),17px);color:var(--text)}
@media (min-width:900px){.people{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
.small-q{margin-top:clamp(36px,4.5vw,56px);font-size:clamp(21px,calc(17px + .8vw),26px);line-height:1.35;letter-spacing:-.015em;text-wrap:pretty}

/* ==========================================================================
   Difference
   ========================================================================== */
.diff{display:grid;gap:clamp(40px,5vw,80px);align-items:center}
.diff .h2{font-size:clamp(34px,calc(20px + 3.3vw),60px);line-height:1.04}
.diff-l{display:flex;flex-direction:column;gap:24px}
.diff-l .lede{max-width:520px}
.somes{border-bottom:1px solid var(--d-line);font-size:clamp(21px,calc(15px + 1.3vw),30px);line-height:1.25;letter-spacing:-.02em}
.somes li{padding:clamp(16px,2vw,22px) 0;border-top:1px solid var(--d-line)}
.somes li:nth-child(1){color:var(--d-4)}
.somes li:nth-child(2){color:var(--d-3)}
.somes li:nth-child(3){color:var(--d-2)}
.somes li:nth-child(4){color:var(--d-ink)}
@media (min-width:900px){.diff{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ==========================================================================
   Start (final CTA + form)
   ========================================================================== */
.start{overflow:hidden;border-bottom:0}
.start-globe{position:absolute;z-index:0;width:min(130vw,760px);height:min(130vw,760px);left:50%;top:-6%;transform:translateX(-50%);pointer-events:none}
.start-grid{position:relative;z-index:1;display:grid;gap:40px}
.start-copy{display:flex;flex-direction:column;gap:22px}
.start-h{font-size:clamp(40px,calc(24px + 4.2vw),76px);line-height:1;font-weight:400;letter-spacing:-.045em;text-wrap:balance}
.start-copy .lede{max-width:520px}
.start-copy .strong{color:var(--ink);font-size:clamp(18px,calc(16px + .4vw),21px)}
.start-alt{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:4px}
.start-alt .mono{font-size:12.5px;color:var(--muted)}
@media (min-width:1000px){
  .start-grid{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:72px;align-items:center}
  .start-globe{left:22%;top:50%;transform:translate(-50%,-50%)}
}

.form{position:relative;padding:clamp(20px,3.4vw,36px);background:rgba(251,250,247,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:20px;box-shadow:0 30px 60px -30px rgba(17,17,16,.18);display:flex;flex-direction:column;gap:16px}
.form-k{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.form-k b{font-weight:400;padding:4px 9px;background:var(--ink);color:var(--bg)}
.f-row{display:grid;gap:16px}
@media (min-width:560px){.f-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.f{display:flex;flex-direction:column;gap:7px;min-width:0}
.f label,.f-topics legend{font-size:13.5px;color:var(--ink-2)}
.f label i{font-style:normal;color:var(--faint)}
.f input,.f textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--line-3);border-radius:12px;padding:0 14px;height:50px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.f textarea{height:auto;min-height:112px;padding:13px 14px;line-height:1.5;resize:vertical}
.f input::placeholder,.f textarea::placeholder{color:#A19D94}
.f input:hover,.f textarea:hover{border-color:var(--faint)}
.f input:focus,.f textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px rgba(17,17,16,.08)}
.f-topics legend{margin-bottom:9px}
.picks{display:flex;flex-wrap:wrap;gap:8px}
.pick{position:relative;cursor:pointer}
.pick input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.pick span{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid var(--line-3);border-radius:999px;background:#fff;font-size:14px;color:var(--ink-2);transition:background .2s,color .2s,border-color .2s}
.pick input:checked + span{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.pick input:focus-visible + span{outline:2px solid var(--ink);outline-offset:3px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .btn{width:100%;margin-top:4px}
.form .btn[disabled]{opacity:.6;pointer-events:none}
.form-fine{font-size:13px;color:var(--muted);text-align:center}
.form-err{font-size:14px;color:#A63D2A}
.form.is-done > :not(.form-done){display:none}
.form-done{display:flex;flex-direction:column;gap:14px;padding:clamp(12px,3vw,28px) 0;outline:0}
.form-done svg{width:44px;height:44px}
.form-done h3{font-size:clamp(26px,3vw,32px);font-weight:400;letter-spacing:-.03em;line-height:1.1}
.form-done p{color:var(--text)}
.form-done a{text-decoration:underline;text-underline-offset:3px}
[hidden]{display:none !important}

/* ==========================================================================
   Footer
   ========================================================================== */
.foot{background:var(--bg);padding-bottom:calc(36px + env(safe-area-inset-bottom))}
.foot-line{padding-block:clamp(40px,6vw,72px);border-top:1px solid var(--line-2);font-size:clamp(26px,calc(16px + 2.6vw),52px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.foot-row{padding-top:32px;border-top:1px solid var(--line-2);display:grid;gap:28px}
.foot-brand{display:flex;flex-direction:column;gap:14px;max-width:460px}
.foot-brand p{font-size:15px;color:var(--text)}
.foot-nav{display:flex;flex-wrap:wrap;gap:6px 28px;font-size:15px;color:var(--ink-2)}
.foot-nav a{padding:6px 0}
.foot-nav a:hover{color:var(--muted)}
.foot-c{font-family:var(--mono);font-size:12.5px;color:var(--muted)}
@media (min-width:900px){.foot-row{grid-template-columns:minmax(0,1fr) auto auto;gap:56px;align-items:start}.foot-c{padding-top:8px}}

/* ==========================================================================
   Desktop "slides" — every section is composed to fit one screen at 100% zoom.
   main.js → fitSections() additionally scales a section down a little when the
   window is too short for it. None of this applies to phones or tablets.
   ========================================================================== */
@media (min-width:1024px){
  :root{--sec:clamp(44px,6.5vh,80px)}
  html{scroll-snap-type:y proximity;scroll-padding-top:var(--nav-h)}
  .hero,.sec{scroll-snap-align:start}
  /* when a section is scaled (--fit < 1) keep its content column as wide as the header's */
  .sec > .wrap{max-width:calc((var(--maxw) + var(--pad) * 2) / var(--fit,1));padding-inline:calc(var(--pad) / var(--fit,1))}
  .foot{scroll-snap-align:end}
  .h2{font-size:clamp(40px,calc(16px + 2.9vw),58px)}
  .sec-top{margin-bottom:clamp(28px,4.5vh,48px)}
  .philo{margin-top:clamp(40px,6vh,64px)}

  /* Services → 2 × 2 cards */
  .svcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-bottom:0}
  .svc{grid-template-columns:minmax(0,1fr) 108px;gap:8px 22px;align-items:start;align-content:start;padding:22px 26px;background:var(--paper);border:1px solid var(--line);transition:border-color .3s}
  .svc:hover{border-color:var(--line-3)}
  .svc-b{display:contents}
  .svc-h{grid-column:1;min-height:40px}
  .svc-h h3{font-size:28px}
  .svc-b p{grid-column:1;max-width:none;font-size:15.5px;line-height:1.5}
  .svc-b p.svc-more{font-size:14.5px}
  .svc-ic{grid-column:2;grid-row:1 / span 2;align-self:start}
  .svc .chips{grid-column:1 / -1;max-width:none;margin-top:6px;gap:7px}
  .svc .chip{font-size:13px;padding:6px 11px;background:var(--bg)}
  .svc .chips--mono .chip{font-size:12px}

  /* Our work → tighter cards, note beside the strip */
  #work,#deep-dive{--sec:clamp(36px,5vh,52px)}
  .inds{gap:16px}
  .ind{min-height:0;padding:20px 22px;gap:9px}
  .ind-top{padding-bottom:10px;font-size:11px}
  .ind h3{margin-top:2px;font-size:25px}
  .ind p{font-size:15px;line-height:1.5}
  .ind .chips{padding-top:6px;gap:6px}
  .ind .chip{font-size:12.5px;padding:5px 10px}
  .also{margin-top:30px;padding-top:24px;grid-template-columns:320px minmax(0,1fr);gap:40px;align-items:center}
  .also-l{display:flex;flex-direction:column;gap:10px}
  .also-k{padding-top:0}
  .also-note{margin-top:0;font-size:17px;line-height:1.45;letter-spacing:-.005em}

  /* Deep dive → feature list on the left drives the app on the right */
  #deep-dive .lede{font-size:16.5px;line-height:1.5}
  .work-copy{gap:12px}
  .scope{margin-top:4px;gap:6px}
  .scope li{font-size:11.5px;padding:5px 10px}
  .cp-wrap{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:40px;align-items:start}
  .cp-feats{order:-1;margin:0;display:flex;flex-direction:column;gap:0;border-bottom:1px solid var(--d-line)}
  .cp-feat,.cp-feat.is-on{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 6px;min-height:0;padding:13px 0;align-items:baseline}
  .cp-feat .mono{grid-row:1;font-size:11.5px}
  .cp-feat-t{grid-column:2;font-size:18.5px}
  .cp-feat-d{grid-column:2;display:none;font-size:14.5px;line-height:1.5;padding-bottom:2px}
  .cp-feat.is-on .cp-feat-d{display:block}
  .cp-body{grid-template-columns:178px minmax(0,1fr)}
  .cp-side{padding:16px 12px}
  .cp-tab{min-height:38px;font-size:13.5px}
  .cp-main{min-height:384px}
  .cp-view{padding:22px 24px;gap:14px}
  .cp-row{padding:12px 0}
  .proof{margin-top:30px;padding-top:26px;font-size:clamp(21px,1.9vw,26px);max-width:none}

  /* Checkup */
  .box-col{padding:clamp(32px,3.4vw,46px);gap:20px}
  .box .h2{font-size:clamp(36px,3.4vw,48px)}
  .gets li{padding:15px 0;font-size:21px}
  .gets li.is-key{padding-inline:16px}

  /* Pricing / About / Start */
  .prices li{padding:20px 0}
  .small-q{margin-top:clamp(28px,4vh,44px)}
  .start-h{font-size:clamp(44px,4.6vw,68px)}
  .form{gap:13px;padding:28px 30px}
  .f input{height:46px}
  .f textarea{min-height:92px}
}

/* ==========================================================================
   Per-language adjustments
   ========================================================================== */
:root:lang(ja){--sans:'Geist','Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic','Noto Sans JP',Meiryo,sans-serif;--mono:'Geist Mono','Hiragino Sans','Yu Gothic','Noto Sans JP',monospace}
:root:lang(zh){--sans:'Geist','PingFang SC','Microsoft YaHei','Noto Sans SC','Heiti SC',sans-serif;--mono:'Geist Mono','PingFang SC','Microsoft YaHei','Noto Sans SC',monospace}
:root:lang(ja) body,:root:lang(zh) body{line-break:strict}
:root:lang(ja) :is(.hero-h1,.h2,.start-h,.foot-line,.svc-h h3,.ind h3),
:root:lang(zh) :is(.hero-h1,.h2,.start-h,.foot-line,.svc-h h3,.ind h3){letter-spacing:-.01em;line-height:1.18}
:root:lang(ja) .hero-h1,:root:lang(zh) .hero-h1{font-size:clamp(33px,calc(15px + 4.6vw),84px)}
:root:lang(ja) .swap,:root:lang(zh) .swap{height:1.18em}
:root:lang(ja) .h2,:root:lang(zh) .h2{font-size:clamp(28px,calc(18px + 2.7vw),52px)}
:root:lang(ja) .start-h,:root:lang(zh) .start-h{font-size:clamp(32px,calc(20px + 3.2vw),58px)}
:root:lang(ja) :is(.eyebrow,.philo-k,.gets-k,.also-k,.ind-top,.card-k,.tag),
:root:lang(zh) :is(.eyebrow,.philo-k,.gets-k,.also-k,.ind-top,.card-k,.tag){letter-spacing:.04em}
/* Romance languages run longer than English — ease the hero down a touch on phones */
@media (max-width:559px){:root:is(:lang(pt),:lang(es),:lang(fr)) .hero-h1{font-size:clamp(36px,10.6vw,56px)}}
@media (min-width:900px){
  :root:lang(ja) .hero-h1,:root:lang(zh) .hero-h1{font-size:clamp(52px,min(calc(15px + 4.6vw),9.5vh),84px)}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition-duration:.01ms !important}
  .js .reveal{opacity:1;transform:none}
  .af-n,.ai-n{opacity:1}
  .cp-feat.is-on::before{width:100%}
  .tick{-webkit-mask-image:none;mask-image:none}
  .tick-track{width:auto}
  .tick-g{flex-wrap:wrap;padding:0}
  .tick-g[aria-hidden]{display:none}
}