/* ============================================================
   vegas vertical — concept redesign (brand-book-faithful, elevated)
   Brand law: cream/ink/teal only · teal <=5% · Inter 400/500 only
   (no 600/700, no display fonts) · JetBrains Mono for labels · flat,
   borders not shadows · sentence case · generous space.
   Elevation = dark/cream rhythm, motion, depth-through-contrast.
   ============================================================ */
:root{
  --cream:#FAFAF7; --cream-2:#F4F4EE;
  --ink:#1A1A1A; --dark:#0F1419; --dark-card:#141A21;
  --teal:#0D9488; --teal-bright:#14B8A6;
  --muted-700:#4B4B4B; --muted-500:#6B6B6B; --muted-light:#9AA3A8; --muted-dim:#5B6770;
  --border:#E5E5E0; --border-soft:#ECECE6; --border-dark:#222B33;
  --font:"Inter",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --maxw:1200px; --gutter:clamp(20px,5vw,48px);
  --sec-y:clamp(80px,11vw,148px);
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:var(--font);font-weight:400;line-height:1.6;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
::selection{background:var(--teal);color:var(--cream)}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}

.skip-link{position:fixed;left:-999px;top:8px;z-index:200;background:var(--dark);color:var(--cream);padding:10px 16px;border-radius:6px}
.skip-link:focus{left:8px}

/* headlines: Inter 500 ONLY, sentence case, tight tracking, teal period */
h1,h2,h3,h4{font-weight:500;letter-spacing:-.02em;line-height:1.06}
.display{font-size:clamp(2.7rem,6.4vw,5rem);letter-spacing:-.035em;line-height:1.0;font-weight:500}
.h1{font-size:clamp(2rem,4.2vw,3.1rem);letter-spacing:-.03em;font-weight:500}
.teal{color:var(--teal)} .teal-b{color:var(--teal-bright)}
.lede{font-size:clamp(1.05rem,1.4vw,1.22rem);color:var(--muted-700);max-width:58ch;line-height:1.55;font-weight:400}

/* mono label with leading teal rule (brand signature) */
.mono-label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);display:inline-flex;align-items:center;gap:12px}
.mono-label::before{content:"";width:26px;height:1px;background:var(--teal)}
.mono-label .dot{color:var(--teal)}
.dark .mono-label,.foot .mono-label,.approach .mono-label,.founders .mono-label{color:var(--teal-bright)}
.dark .mono-label::before,.foot .mono-label::before,.approach .mono-label::before,.founders .mono-label::before{background:var(--teal-bright)}

.tagline-mono{font-family:var(--mono);font-size:.84rem;letter-spacing:.02em;color:var(--muted-500);margin-top:18px}

/* wordmark */
.wordmark{font-weight:500;letter-spacing:-.02em}
.wordmark .v1{color:var(--ink)} .wordmark .v2{color:var(--teal)}
.hero .wordmark .v1,.foot .wordmark .v1{color:var(--cream)} .hero .wordmark .v2,.foot .wordmark .v2{color:var(--teal-bright)}
.lockup{display:inline-flex;align-items:center;gap:11px;font-size:1.02rem}
.lockup__mark{display:block}

/* buttons (flat, squared-ish, sentence case) */
.btn{display:inline-flex;align-items:center;gap:.5em;font-weight:500;font-size:.96rem;padding:12px 20px;border-radius:7px;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}
.btn .arr{transition:transform .3s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn--primary{background:var(--teal);color:var(--cream)}
.btn--primary:hover{background:#0b7d72}
.btn--ghost{border:1px solid var(--border);color:var(--ink)}
.btn--ghost:hover{border-color:var(--ink)}
.btn--ghost-light{border:1px solid rgba(250,250,247,.22);color:var(--cream)}
.btn--ghost-light:hover{border-color:rgba(250,250,247,.6)}

/* ============ NAV ============ */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background-color .4s var(--ease),border-color .4s var(--ease)}
.nav__inner{max-width:var(--maxw);margin:0 auto;padding:18px var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent}
.nav__links{display:flex;align-items:center;gap:30px;font-family:var(--mono);font-size:12px;letter-spacing:.06em}
.nav__links a{color:rgba(250,250,247,.74);transition:color .3s var(--ease)}
.nav__links a:hover{color:var(--cream)}
.nav__links .btn{font-family:var(--font);font-size:.9rem;padding:9px 16px}
.nav.is-scrolled{background:rgba(15,20,25,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nav.is-scrolled .nav__inner{border-bottom-color:var(--border-dark)}
/* nav over cream sections (toggled by JS) */
.nav.on-light .nav__links a{color:var(--muted-700)}
.nav.on-light .nav__links a:hover{color:var(--ink)}
.nav.on-light .wordmark .v1{color:var(--ink)} .nav.on-light .wordmark .v2{color:var(--teal)}
.nav.on-light .lockup__mark{color:var(--ink)}
.nav.on-light.is-scrolled{background:rgba(250,250,247,.86)}
.nav.on-light.is-scrolled .nav__inner{border-bottom-color:var(--border)}
.nav.on-light .btn--ghost{border-color:var(--border);color:var(--ink)}
.lockup__mark{color:var(--cream)}

/* ============ HERO (dark) ============ */
.hero{position:relative;background:var(--dark);color:var(--cream);overflow:hidden;padding:clamp(150px,20vh,220px) 0 clamp(80px,10vw,120px)}
.hero__grid{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(250,250,247,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(250,250,247,.028) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:radial-gradient(ellipse 75% 75% at 30% 20%,#000 20%,transparent 72%);
  mask-image:radial-gradient(ellipse 75% 75% at 30% 20%,#000 20%,transparent 72%)}
.hero__viz{position:absolute;left:0;right:0;bottom:0;width:100%;height:48%;pointer-events:none;z-index:0;opacity:.9;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.hero__inner{position:relative;display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(40px,6vw,84px);align-items:center}
.hero .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal-bright);display:inline-flex;align-items:center;gap:12px}
.hero .eyebrow::before{content:"";width:26px;height:1px;background:var(--teal-bright)}
.hero .display{margin:24px 0 0}
.hero .display .ln{display:block;overflow:hidden;padding-bottom:.04em}
.hero .display .ln__i{display:block}
.hero__inner{z-index:1}
.hero .tagline-mono{color:var(--muted-light);margin-top:22px}
.hero .lede{color:var(--muted-light);margin-top:24px;max-width:46ch}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}

.hero__spec{border:1px solid var(--border-dark);border-radius:10px;padding:28px;background:rgba(20,26,33,.5)}
.hero__mark{display:block;margin-bottom:26px}
.hero__mark .bar{transform-origin:bottom;transform-box:fill-box}
.spec__row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;border-bottom:1px solid var(--border-dark)}
.spec__row:last-child{border-bottom:none}
.spec__row .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-dim)}
.spec__row .v{font-size:.9rem;color:var(--cream);text-align:right}

/* ============ TRUST (cream strip) ============ */
.trust{background:var(--cream);border-bottom:1px solid var(--border)}
.trust__inner{display:flex;align-items:center;gap:clamp(20px,4vw,48px);padding:26px var(--gutter);flex-wrap:wrap}
.trust__logos{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,52px);align-items:center}
.trust__logos span{font-weight:500;font-size:1.02rem;color:var(--muted-700);letter-spacing:-.01em}

/* section heads */
.section-head{max-width:760px;margin:0 0 clamp(40px,5vw,60px)}
.section-head .mono-label{margin-bottom:22px}
.section-head .h1{margin-bottom:18px}

/* ============ APPROACH (dark) ============ */
.approach{background:var(--dark);color:var(--cream);padding:var(--sec-y) 0}
.approach .lede{color:var(--muted-light)}
.approach__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.acard{border:1px solid var(--border-dark);border-radius:10px;padding:26px 24px 22px;background:var(--dark-card);display:flex;flex-direction:column;min-height:230px;transition:border-color .35s var(--ease),transform .35s var(--ease)}
.acard:hover{border-color:var(--teal-bright);transform:translateY(-3px)}
.acard__idx{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--teal-bright);margin-bottom:18px}
.acard h3{font-size:1.18rem;color:var(--cream);margin-bottom:10px}
.acard p{font-size:.92rem;color:var(--muted-light);line-height:1.55;flex:1}
.acard__foot{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dim);margin-top:20px;padding-top:14px;border-top:1px solid var(--border-dark)}

/* ============ PRODUCTS (cream) ============ */
.products{background:var(--cream);padding:var(--sec-y) 0}
.products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pcard{border:1px solid var(--border);border-radius:10px;padding:28px 26px 24px;background:#fff;display:flex;flex-direction:column;min-height:280px;transition:border-color .35s var(--ease),transform .35s var(--ease)}
.pcard:hover{border-color:var(--teal);transform:translateY(-3px)}
.pcard__status{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-500);margin-bottom:20px}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(13,148,136,.5);animation:pulse 2.4s var(--ease) infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(13,148,136,.45)}70%{box-shadow:0 0 0 8px rgba(13,148,136,0)}100%{box-shadow:0 0 0 0 rgba(13,148,136,0)}}
.pcard h3{font-size:1.32rem;color:var(--ink);margin-bottom:12px;letter-spacing:-.02em}
.pcard p{font-size:.94rem;color:var(--muted-700);line-height:1.55;flex:1}
.pcard__foot{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-500);margin-top:22px;padding-top:16px;border-top:1px solid var(--border-soft)}
.pcard__foot .arr{color:var(--teal);font-size:14px;transition:transform .3s var(--ease)}
.pcard:hover .pcard__foot .arr{transform:translateX(4px)}

/* ============ FOUNDERS (dark) ============ */
.founders{background:var(--dark);color:var(--cream);padding:var(--sec-y) 0}
.founders .lede{color:var(--muted-light)}
.founders__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.founder{display:flex;gap:22px;align-items:center;border:1px solid var(--border-dark);border-radius:12px;padding:22px;background:var(--dark-card)}
.founder__photo{width:104px;height:104px;flex:none;border-radius:10px;overflow:hidden;border:1px solid var(--border-dark)}
.founder__photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}
.founder__body h3{font-size:1.16rem;color:var(--cream);margin-bottom:6px}
.founder__body .mono-label{margin:0 0 12px}
.founder__body .mono-label::before{display:none}
.founder__body p{font-size:.9rem;color:var(--muted-light);line-height:1.5}

/* ============ CONTACT (cream) ============ */
.contact{background:var(--cream);padding:var(--sec-y) 0}
.contact__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,72px);align-items:start}
.contact__left .mono-label{margin-bottom:24px}
.contact__left .h1{margin-bottom:18px}
.contact__direct{margin-top:26px;font-size:.94rem;color:var(--muted-700);max-width:46ch}
.contact__direct a{color:var(--ink);border-bottom:1px solid var(--border);transition:border-color .3s var(--ease)}
.contact__direct a:hover{border-color:var(--teal)}
.contact__card{border:1px solid var(--border);border-radius:12px;padding:30px;background:#fff}
.contact__card .mono-label{margin-bottom:22px}
.cform{display:flex;flex-direction:column;gap:16px;margin-top:4px}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-500)}
.field .opt{text-transform:none;letter-spacing:0}
.field input,.field textarea{font-family:var(--font);font-size:.95rem;color:var(--ink);background:var(--cream);border:1px solid var(--border);border-radius:7px;padding:12px 14px;transition:border-color .3s var(--ease)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--teal)}
.cform .btn{align-self:flex-start;margin-top:4px}

/* ============ FOOTER (dark) ============ */
.foot{background:var(--dark);color:var(--muted-light);padding:clamp(56px,7vw,88px) 0 28px}
.foot__top{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--border-dark)}
.foot__brand .tagline-mono{margin-top:16px;color:var(--muted-dim)}
.foot__cols{display:flex;gap:56px;justify-content:flex-end}
.foot__col{display:flex;flex-direction:column;gap:11px}
.foot__col h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);font-weight:500;margin-bottom:6px}
.foot__col a{font-size:.92rem;color:var(--muted-light);transition:color .3s var(--ease)}
.foot__col a:hover{color:var(--cream)}
.foot__inception{display:flex;align-items:center;gap:16px;padding:28px 0;border-bottom:1px solid var(--border-dark);flex-wrap:wrap}
.foot__inception img{opacity:.92}
.foot__meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding-top:22px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted-dim)}
.foot__meta .dot{color:var(--teal-bright)}

/* ============================================================
   SUBPAGE COMPONENTS (shared across about/approach/products/etc)
   ============================================================ */
/* shorter dark page header with the bar-field */
.page-hero{position:relative;background:var(--dark);color:var(--cream);overflow:hidden;padding:clamp(132px,17vh,184px) 0 clamp(56px,7vw,92px)}
.page-hero .hero__grid{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(250,250,247,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(250,250,247,.028) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:radial-gradient(ellipse 80% 80% at 25% 10%,#000 20%,transparent 72%);
  mask-image:radial-gradient(ellipse 80% 80% at 25% 10%,#000 20%,transparent 72%)}
.page-hero .hero__viz{position:absolute;left:0;right:0;bottom:0;width:100%;height:62%;pointer-events:none;z-index:0;opacity:.85;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.page-hero__inner{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.page-hero .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal-bright);display:inline-flex;align-items:center;gap:12px}
.page-hero .eyebrow::before{content:"";width:26px;height:1px;background:var(--teal-bright)}
.page-hero h1{font-size:clamp(2.4rem,5.4vw,4.2rem);letter-spacing:-.035em;line-height:1.02;color:var(--cream);margin:22px 0 0;max-width:18ch}
.page-hero .lede{color:var(--muted-light);margin-top:22px;max-width:54ch}
.page-hero .cta-row{margin-top:32px}
.page-hero .mono-meta{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dim);margin-top:24px}

/* bands */
.band{padding:var(--sec-y) 0}
.band--dark{background:var(--dark);color:var(--cream)}
.band--cream{background:var(--cream)}
.band--dark .lede{color:var(--muted-light)}
.lede--ink{color:var(--ink);font-weight:400}
.band__wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}

/* generic flat card (theme-aware via parent band) */
.gcard{border:1px solid var(--border);border-radius:10px;padding:26px 24px;background:#fff;display:flex;flex-direction:column;transition:border-color .35s var(--ease),transform .35s var(--ease)}
.gcard:hover{border-color:var(--teal);transform:translateY(-3px)}
.band--dark .gcard{border-color:var(--border-dark);background:var(--dark-card)}
.band--dark .gcard:hover{border-color:var(--teal-bright)}
.gcard .idx{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--teal);margin-bottom:14px}
.band--dark .gcard .idx{color:var(--teal-bright)}
.gcard h3{font-size:1.18rem;color:var(--ink);margin-bottom:9px;letter-spacing:-.01em}
.band--dark .gcard h3{color:var(--cream)}
.gcard p{font-size:.95rem;color:var(--muted-700);line-height:1.55}
.band--dark .gcard p{color:var(--muted-light)}
.gcard .gcard__foot{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-500);margin-top:auto;padding-top:16px;border-top:1px solid var(--border-soft)}
.band--dark .gcard .gcard__foot{color:var(--muted-dim);border-top-color:var(--border-dark)}
.gcard .lead-in{color:var(--ink);font-weight:500}
.band--dark .gcard .lead-in{color:var(--cream)}

/* grids */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

/* checklist */
.checklist{list-style:none;display:grid;gap:11px}
.checklist li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;color:var(--muted-700);line-height:1.5}
.band--dark .checklist li{color:var(--muted-light)}
.checklist li::before{content:"✓";flex:none;color:var(--teal);font-weight:700;font-size:.82em;line-height:1.55;margin-top:.02em}
.band--dark .checklist li::before{color:var(--teal-bright)}

/* metrics */
.metrics{display:flex;flex-wrap:wrap;gap:clamp(28px,5vw,60px)}
.metric .num{font-size:clamp(2rem,3.6vw,3rem);font-weight:500;color:var(--ink);letter-spacing:-.03em;line-height:1}
.band--dark .metric .num{color:var(--cream)}
.metric .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-500);margin-top:8px}

/* pull quote */
.quote{max-width:60ch}
.quote::before{content:"";display:block;width:30px;height:2px;background:var(--teal);margin-bottom:20px}
.band--dark .quote::before{background:var(--teal-bright)}
.quote p{font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.38;letter-spacing:-.015em;color:var(--ink);font-weight:400}
.band--dark .quote p{color:var(--cream)}

/* prose (legal/privacy) */
.prose{max-width:68ch}
.prose h2{font-size:1.25rem;color:var(--ink);margin:38px 0 10px;letter-spacing:-.01em}
.prose h2:first-child{margin-top:0}
.prose p{color:var(--muted-700);margin-bottom:12px;font-size:1rem;line-height:1.65}
.prose a{color:var(--ink);border-bottom:1px solid var(--border)}
.prose a:hover{border-color:var(--teal)}

/* large founder card (about) */
.founder-lg{display:flex;gap:24px;align-items:flex-start;border:1px solid var(--border-dark);border-radius:12px;padding:26px;background:var(--dark-card)}
.founder-lg__photo{width:184px;height:208px;flex:none;border-radius:12px;overflow:hidden;border:1px solid var(--border-dark)}
.founder-lg__photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}
.founder-lg h3{font-size:1.2rem;color:var(--cream);margin-bottom:5px}
.founder-lg .role{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-bright);margin-bottom:12px}
.founder-lg p{font-size:.92rem;color:var(--muted-light);line-height:1.55;margin-bottom:14px}
.founder-lg .links{display:flex;gap:18px;font-family:var(--mono);font-size:11px;letter-spacing:.06em}
.founder-lg .links a{color:var(--cream);border-bottom:1px solid var(--border-dark)}
.founder-lg .links a:hover{border-color:var(--teal-bright)}

/* split (text + panel) */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,64px);align-items:center}

/* case study card */
.case{border:1px solid var(--border);border-radius:12px;padding:clamp(28px,4vw,40px);background:#fff}
.case__tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.case h3{font-size:clamp(1.4rem,2.4vw,1.9rem);color:var(--ink);margin:14px 0 12px;letter-spacing:-.02em}
.case__meta{font-family:var(--mono);font-size:11px;color:var(--muted-500);line-height:1.7;margin-bottom:22px}
.case h4{font-size:1rem;color:var(--ink);margin:18px 0 6px}
.case p{font-size:.96rem;color:var(--muted-700);line-height:1.6;max-width:70ch}
.case .metrics{margin:24px 0}
.case__link{display:inline-block;margin-top:18px;color:var(--teal);font-weight:500;font-size:.95rem}
.case__link:hover{text-decoration:underline}

/* ============ VERTICALS TICKER ============ */
.ticker{background:var(--cream);border-bottom:1px solid var(--border);overflow:hidden;padding:18px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker__track{display:flex;align-items:center;width:max-content;will-change:transform;animation:ticker 42s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__item{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--muted-500);padding:0 22px;white-space:nowrap}
.ticker__sep{color:var(--teal);font-size:14px}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ REVEAL ============ */
.reveal{opacity:1}

/* ============ RESPONSIVE ============ */
@media (max-width:920px){
  .hero__inner{grid-template-columns:1fr;gap:48px}
  .hero__spec{max-width:440px}
  .approach__grid{grid-template-columns:1fr 1fr}
  .products__grid{grid-template-columns:1fr}
  .founders__grid,.contact__inner,.foot__top{grid-template-columns:1fr}
  .foot__cols{justify-content:flex-start;gap:48px}
  .nav__links a:not(.btn){display:none}
}
@media (max-width:560px){
  .approach__grid{grid-template-columns:1fr}
  .trust__inner{flex-direction:column;align-items:flex-start;gap:14px}
  .founder{flex-direction:column;text-align:center;align-items:center}
  .foot__meta{flex-direction:column}
}

@media (max-width:920px){
  .grid-2,.grid-3,.grid-4,.split{grid-template-columns:1fr}
  .page-hero h1{max-width:none}
}
@media (max-width:560px){
  .founder-lg{flex-direction:column}
  .founder-lg__photo{width:100%;height:240px}
}

/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
}
