/*
  3Pedia Digital — master stylesheet
  Single source of truth for all pages.
  Sections: variables, base/reset, keyframes, shared components (global),
  then per-page scoped rules (body.page-<name>) and responsive blocks.
*/

/* ===================== ROOT VARIABLES ===================== */
:root{
  --bg:#FFFFFF;
  --bg-alt:#F4F4F4;
  --surface:#FFFFFF;
  --ink:#0A0A0A;
  --ink-soft:rgba(10,10,10,.62);
  --ink-faint:rgba(10,10,10,.40);
  --line:rgba(10,10,10,.14);
  --panel:#0A0A0A;
  --panel-ink:#F4F4F4;
  --panel-line:rgba(244,244,244,.14);
  --shadow:0 24px 64px rgba(10,10,10,.10);
  --ease:cubic-bezier(.76,0,.24,1);
  --gold:#A9793F;
  --gold-soft:rgba(169,121,63,.14);
}
body.dark{
  --bg:#0A0A0A;
  --bg-alt:#111111;
  --surface:#151515;
  --ink:#F4F4F4;
  --ink-soft:rgba(244,244,244,.62);
  --ink-faint:rgba(244,244,244,.40);
  --line:rgba(244,244,244,.14);
  --panel:#050505;
  --panel-ink:#F4F4F4;
  --panel-line:rgba(244,244,244,.14);
  --shadow:0 24px 70px rgba(0,0,0,.55);
  --gold:#C99A5E;
  --gold-soft:rgba(201,154,94,.16);
}

/* ===================== BASE / RESET (global) ===================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none;transition:background .5s var(--ease),color .5s var(--ease)}

/* ===================== KEYFRAMES (global; conflicting ones renamed per page) ===================== */
@keyframes grain{0%,100%{transform:translate(0,0)}10%{transform:translate(-2%,-3%)}30%{transform:translate(3%,-2%)}50%{transform:translate(-3%,2%)}70%{transform:translate(2%,3%)}90%{transform:translate(-2%,1%)}}
@keyframes ldIn{to{opacity:1;transform:scale(1)}}
@keyframes ld{to{width:100%}}
@keyframes mobIn{to{opacity:1;transform:none}}
@keyframes gridpan{to{background-position:30px 30px}}
@keyframes sheen{0%{background-position:130% 0}100%{background-position:-110% 0}}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes bob{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,3px)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ink) 25%,transparent)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes pulse2{0%,100%{opacity:.16;transform:scale(1)}50%{opacity:.3;transform:scale(1.25)}}
@keyframes scan{0%{left:-30%}60%,100%{left:130%}}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(244,244,244,.35)}70%{box-shadow:0 0 0 26px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes travel{to{offset-distance:100%}}
@keyframes bloop{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes ringgrow{0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.03);opacity:1}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes svcIn_services{to{opacity:1;transform:none}}
@keyframes svcIn_seo{to{opacity:1;transform:translateY(0)}}
@keyframes svcInPop{to{opacity:1;transform:translateY(0) scale(1.03)}}
@keyframes svcInX{to{opacity:1;transform:translateX(0)}}
@keyframes hookSweep{0%{left:-60%}55%{left:120%}100%{left:120%}}
@keyframes cardIn{to{opacity:1;transform:translateY(0)}}
@keyframes rvIn_post{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes statPulse{0%,100%{box-shadow:0 0 0 4px rgba(31,168,85,.18)}50%{box-shadow:0 0 0 8px rgba(31,168,85,.05)}}
@keyframes rvIn_contact{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes typeBounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}

/* ===================== SHARED COMPONENTS (identical across pages — emitted once, global) ===================== */
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit;cursor:none}
ul{list-style:none}
button{cursor:none;border:none;background:none;font-family:inherit;color:inherit}
#cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:9999}
.cur-ring{position:absolute;width:38px;height:38px;border:1.5px solid var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s,background .3s,border-color .3s}
body.hovering .cur-dot{opacity:0}
#loader{position:fixed;inset:0;background:#0A0A0A;z-index:9000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}
.ld-logo{height:54px;width:auto;opacity:0;transform:scale(.85);animation:ldIn .8s var(--ease) forwards .1s}
.ld-bar{width:180px;height:1px;background:rgba(244,244,244,.15);overflow:hidden}
.ld-fill{height:100%;width:0;background:#F4F4F4;animation:ld 1.2s .25s var(--ease) forwards}
#loader.gone{opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility .7s}
.lg-w{display:none}
body.dark .lg-b{display:none}
body.dark .lg-w{display:block}
section{position:relative}
.sec-tag{position:absolute;top:52px;right:40px;font-family:'Space Grotesk';font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk';font-weight:600;font-size:13px;letter-spacing:.03em;padding:16px 32px;border-radius:2px;transition:all .35s var(--ease);white-space:nowrap}
.btn .ar{transition:transform .3s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}
.btn-primary{background:var(--ink);color:var(--bg)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-ghost{border:1px solid var(--line);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn-invert{background:var(--panel-ink);color:#0A0A0A}
.btn-invert:hover{transform:translateY(-2px)}
.btn-oline{border:1px solid var(--panel-line);color:var(--panel-ink)}
.btn-oline:hover{background:var(--panel-ink);color:#0A0A0A;border-color:var(--panel-ink)}
.nav{position:fixed;top:0;left:0;right:0;z-index:800;transition:background .5s,border-color .5s;border-bottom:1px solid transparent}
.nav.stuck{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);border-color:var(--line)}
.nav-in{max-width:1280px;margin:0 auto;padding:0 40px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo img{height:34px;width:auto;transition:transform .4s var(--ease)}
.logo:hover img{transform:scale(1.05)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links>li{position:relative}
.nav-links a{font-family:'Space Grotesk';font-size:14px;font-weight:500;color:var(--ink-soft);padding:9px 16px;display:flex;align-items:center;gap:5px;transition:color .2s;position:relative}
.nav-links a::after{content:'';position:absolute;left:16px;right:16px;bottom:4px;height:1.5px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after{transform:scaleX(1)}
.dico{font-size:9px;opacity:.5}
.drop{position:absolute;top:calc(100% + 10px);left:0;min-width:250px;background:var(--surface);border:1px solid var(--line);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .28s var(--ease);box-shadow:var(--shadow)}
.nav-links li:hover .drop{opacity:1;visibility:visible;transform:none}
.drop a{display:block;padding:11px 14px;font-size:13px;color:var(--ink-soft)}
.drop a::after{display:none}
.drop a:hover{background:var(--ink);color:var(--bg)}
.nav-r{display:flex;align-items:center;gap:14px}
.theme-tog{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s,transform .4s var(--ease);flex-shrink:0}
.theme-tog:hover{border-color:var(--ink);transform:rotate(40deg)}
.theme-tog svg{width:17px;height:17px;stroke:var(--ink);fill:none;stroke-width:1.7}
.theme-tog .moon{display:none}
body.dark .theme-tog .sun{display:none}
body.dark .theme-tog .moon{display:block}
/* ==============================================================================
   MOBILE DRAWER & BURGER Z-INDEX FIX
   ============================================================================== */

/* Keep the top header bar ON TOP of the fullscreen menu drawer */
.nav {
  z-index: 1000 !important;
}

/* Animated Burger Toggle Button */
.burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 8px;
  width: 38px;
  height: 38px;
  position: relative !important;
  z-index: 1001 !important;
  cursor: pointer !important;
}

.burger span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--ink);
  border-radius: 2px;
  transition: transform .3s var(--ease), opacity .25s ease;
  transform-origin: center;
}

/* Morph 3 lines into an 'X' icon when the menu is open */
.burger.open span:nth-child(1),
.burger.active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg) !important;
}

.burger.open span:nth-child(2),
.burger.active span:nth-child(2) {
  opacity: 0 !important;
  transform: scaleX(0) !important;
}

.burger.open span:nth-child(3),
.burger.active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg) !important;
}

/* Mobile Fullscreen Menu Drawer Overlay */
.mob {
  display: none;
  position: fixed !important;
  inset: 0 !important;
  background: var(--bg) !important;
  z-index: 990 !important;
  padding: 110px 40px 40px !important;
  flex-direction: column !important;
  gap: 4px !important;
  overflow-y: auto !important;
}

.mob.open {
  display: flex !important;
}

/* Styled Typography for Drawer Links */
.mob a {
  font-family: 'Archivo', sans-serif !important;
  font-stretch: 110% !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--ink) !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid var(--line) !important;
  transition: color 0.25s ease, padding-left 0.25s ease !important;
}

.mob a:hover {
  color: var(--gold) !important;
  padding-left: 8px !important;
}

/* Hide old static 'X' button */
.mob-x {
  display: none !important;
}

.hero-top{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.hero-brand .ln{display:block;overflow:hidden}
.hero-sub b{color:var(--ink);font-weight:600}
.stat:last-child{border-right:none}
.strip:hover .strip-track{animation-play-state:paused}
.chip:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chip:hover svg{stroke:var(--bg)}
.chip svg{width:16px;height:16px;stroke:var(--ink);transition:stroke .3s}
.hero-foot{display:flex;justify-content:space-between;align-items:center;padding:0 40px 30px;font-family:'Space Grotesk';font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);position:relative;z-index:1}
.hero-scroll{display:flex;align-items:center;gap:8px}
.hero-scroll .ar{animation:bob 1.6s ease-in-out infinite}
.rv{opacity:0;transform:translateY(42px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.rv.in{opacity:1;transform:none}
.stg>*{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.stg.in>*{opacity:1;transform:none}
.pl-card::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.pl-card:hover::after{transform:scaleX(1)}
.pl-card:hover .pl-ico{background:var(--ink);color:var(--bg);transform:rotate(-6deg) scale(1.06)}
.pl-link{font-family:'Space Grotesk';font-size:12px;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:7px;transition:gap .25s;position:relative;z-index:1}
.pl-link:hover{gap:13px}
.pl-link::after{content:'→'}
.hww-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:start}
.hww-note b{color:var(--ink)}
.tl-step:last-child{padding-bottom:0}
.tl-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.tl-tags span{font-family:'Space Grotesk';font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border:1px solid var(--line);color:var(--ink-soft)}
.tl-step.on .tl-tags span{border-color:var(--ink);color:var(--ink)}
.chart-wrap{position:relative;max-width:1060px;margin:90px auto 0;border:1px solid var(--line);background:var(--surface);padding:42px 36px 30px;box-shadow:var(--shadow)}
.chart-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;flex-wrap:wrap;gap:14px}
.chart-label{font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.chart-trend{display:flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-size:13px;font-weight:600;color:var(--ink)}
.chart-trend .dot{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:pulse 2s infinite}
.chart-svg{width:100%;height:auto;display:block;overflow:visible}
.gc-line{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-dasharray:1600;stroke-dashoffset:1600;transition:stroke-dashoffset 2.4s var(--ease)}
.chart-wrap.drawn .gc-line{stroke-dashoffset:0}
.gc-area{fill:url(#gcg);opacity:0;transition:opacity 1.4s ease 1s}
.chart-wrap.drawn .gc-area{opacity:1}
.gc-node{opacity:0;transition:opacity .5s var(--ease)}
.chart-wrap.drawn .gc-node{opacity:1}
.chart-wrap.drawn .gc-node:nth-of-type(1){transition-delay:.5s}
.chart-wrap.drawn .gc-node:nth-of-type(2){transition-delay:1.1s}
.chart-wrap.drawn .gc-node:nth-of-type(3){transition-delay:1.7s}
.chart-wrap.drawn .gc-node:nth-of-type(4){transition-delay:2.3s}
.gc-node circle.core{fill:var(--surface);stroke:var(--ink);stroke-width:3}
.gc-node circle.halo{fill:var(--ink);opacity:.12}
.gc-node text{font-family:'Space Grotesk';font-weight:600;fill:var(--ink)}
.gc-day{font-size:13px}
.gc-cap{font-size:11px;fill:var(--ink-faint);letter-spacing:.05em}
#gcMarker{opacity:0}
.mk-glow{fill:var(--ink);opacity:.2}
.mk-core{fill:var(--ink);stroke:var(--surface);stroke-width:2.5}
#gcMarker.rest .mk-glow{animation:pulse2 2.2s ease-in-out infinite}
.grow-cta{text-align:center;margin-top:54px}
.reel{background:var(--panel);color:var(--panel-ink);padding:120px 0;position:relative;overflow:hidden}
.reel .sec-tag{color:rgba(244,244,244,.4)}
.reel .eyebrow{color:rgba(244,244,244,.62)}
.reel .eyebrow::before{background:var(--panel-ink)}
.reel-head{text-align:center;max-width:620px;margin:0 auto 54px;position:relative;z-index:1}
.reel-head .eyebrow{justify-content:center}
.reel-head h2{font-family:'Archivo';font-stretch:110%;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em}
.reel-frame{position:relative;max-width:980px;margin:0 auto;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--panel-line);box-shadow:0 44px 100px rgba(0,0,0,.55);background:linear-gradient(135deg,#161616,#0a0a0a)}
.reel-frame::before{content:'';position:absolute;left:-30%;top:0;bottom:0;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:skewX(-14deg);animation:scan 4.5s ease-in-out infinite}
.reel-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:88px;height:88px;border-radius:50%;background:var(--panel-ink);display:flex;align-items:center;justify-content:center;transition:transform .35s var(--ease);animation:ring 2.4s infinite}
.reel-play:hover{transform:translate(-50%,-50%) scale(1.1)}
.reel-play svg{width:30px;height:30px;fill:#0A0A0A;margin-left:4px}
.reel-cap{position:absolute;left:24px;bottom:22px;z-index:2;font-family:'Space Grotesk';font-size:13px;font-weight:500;color:rgba(244,244,244,.85)}
.svc{background:var(--bg-alt)}
.svc-head{margin-bottom:58px;max-width:560px}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc-card{background:var(--surface);border:1px solid var(--line);padding:34px 28px;transition:all .4s var(--ease)}
.svc-card:hover{background:var(--ink);border-color:var(--ink);transform:translateY(-6px)}
.svc-card:hover .svc-name{color:var(--bg)}
.svc-card:hover .svc-desc{color:color-mix(in srgb,var(--bg) 70%,transparent)}
.svc-card:hover .svc-ico{border-color:color-mix(in srgb,var(--bg) 40%,transparent);color:var(--bg);transform:rotate(-5deg) scale(1.08)}
.svc-ico{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:22px;transition:all .4s var(--ease)}
.svc-name{font-family:'Archivo';font-stretch:108%;font-size:16.5px;font-weight:800;text-transform:uppercase;margin-bottom:10px;transition:color .4s}
.svc-desc{font-size:13.5px;color:var(--ink-soft);line-height:1.65;transition:color .4s}
.svc-all{text-align:center;margin-top:50px}
.why-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}
.wy-rows{border-bottom:1px solid var(--line)}
.wy-row::before{content:'';position:absolute;inset:0;background:var(--ink);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
.wy-row:hover::before{transform:scaleY(1);transform-origin:bottom}
.wy-d p{padding-top:10px}
.wy-ar{font-size:17px;padding-top:3px;transition:transform .4s var(--ease),color .35s;color:var(--ink)}
.wy-row:hover .wy-ar{transform:rotate(45deg)}
.wy-row:hover .wy-t,.wy-row:hover .wy-ar{color:var(--bg)}
.wy-row:hover .wy-n{color:color-mix(in srgb,var(--bg) 55%,transparent)}
.os-bar{display:flex;align-items:center;gap:8px;padding-bottom:18px;border-bottom:1px solid rgba(244,244,244,.12);margin-bottom:22px}
.os-bar i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(244,244,244,.4)}
.os-bar i:first-child{background:#F4F4F4;border-color:#F4F4F4}
.os-bar span{margin-left:auto;font-family:'Space Grotesk';font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,244,244,.55);display:flex;align-items:center;gap:8px}
.os-live{width:7px;height:7px;border-radius:50%;background:#F4F4F4;animation:blink 1.4s ease-in-out infinite}
.os-pipe{margin-bottom:26px}
.os-pipe svg{width:100%;height:auto;display:block;overflow:visible}
.pnode{fill:#0A0A0A;stroke:rgba(244,244,244,.5);stroke-width:1.5}
.ppath{stroke:rgba(244,244,244,.25);stroke-width:1.5;fill:none}
.ptxt{font-family:'Space Grotesk';font-size:11px;font-weight:600;fill:rgba(244,244,244,.75);letter-spacing:.04em}
.tdot{fill:#F4F4F4;offset-path:path('M30 30 L470 30');animation:travel 5s linear infinite}
.os-bars{display:flex;align-items:flex-end;gap:18px;height:120px;padding:0 6px;margin-bottom:8px;border-bottom:1px solid rgba(244,244,244,.15)}
.os-b{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.os-b i{display:block;background:#F4F4F4;transform-origin:bottom;animation:bloop 3.2s ease-in-out infinite;height:100%}
.os-b:nth-child(1) i{animation-delay:0s;animation-duration:3s}
.os-b:nth-child(2) i{animation-delay:.5s;animation-duration:3.6s}
.os-b:nth-child(3) i{animation-delay:.9s;animation-duration:2.8s}
.os-b:nth-child(4) i{animation-delay:1.3s;animation-duration:3.4s}
.os-bl{display:flex;gap:18px;padding:10px 6px 24px}
.os-bl span{flex:1;text-align:center;font-family:'Space Grotesk';font-size:10px;letter-spacing:.14em;color:rgba(244,244,244,.5)}
.os-feed{font-family:'Space Grotesk';font-size:13px;line-height:1.6;min-height:44px;color:rgba(244,244,244,.9)}
.os-feed .pfx{color:rgba(244,244,244,.45)}
.founder{background:var(--bg-alt);position:relative;overflow:hidden}
.fd-in{display:grid;grid-template-columns:.85fr 1fr;gap:80px;align-items:center}
.fd-img{position:relative}
.fd-corner{position:absolute;top:-20px;left:-20px;width:74px;height:74px;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
.fd-frame{overflow:hidden;aspect-ratio:4/5;background:#0A0A0A;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.fd-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform 6s var(--ease),filter .6s var(--ease)}
.fd-frame:hover img{transform:scale(1.04);filter:grayscale(0)}
.fd-badge{position:absolute;bottom:-16px;right:-16px;background:var(--ink);color:var(--bg);font-family:'Space Grotesk';font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:11px 20px}
.fd-bio b{color:var(--ink);font-weight:600}
.fs-l{font-family:'Space Grotesk';font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px}
.fd-btns{display:flex;gap:12px;flex-wrap:wrap}
.testi-head{margin-bottom:56px;max-width:520px}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.t-card{background:var(--surface);border:1px solid var(--line);padding:32px 28px;transition:transform .4s var(--ease),border-color .3s}
.t-card:hover{transform:translateY(-5px);border-color:var(--ink)}
.t-stars{font-family:'Space Grotesk';font-size:12px;font-weight:700;letter-spacing:.14em;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.t-stars::after{content:'';flex:1;height:1px;background:var(--line)}
.t-q{font-size:15px;line-height:1.72;margin-bottom:24px}
.t-auth{display:flex;align-items:center;gap:13px;padding-top:18px;border-top:1px solid var(--line)}
.t-av{width:42px;height:42px;border-radius:50%;border:1px solid var(--ink);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-weight:600;font-size:14px;flex-shrink:0}
.t-name{font-family:'Space Grotesk';font-size:14px;font-weight:600}
.t-role{font-size:12px;color:var(--ink-faint);margin-top:2px}
.blog{background:var(--bg-alt)}
.b-more{color:var(--ink);font-weight:600}
.faq-wrap{max-width:780px;margin:54px auto 0}
.faq-q:hover{opacity:.7}
.faq-a a{color:var(--ink);text-decoration:underline}
.cta{background:var(--panel);color:var(--panel-ink);padding:130px 0;position:relative;overflow:hidden}
.cta::before,.cta::after{content:'';position:absolute;border:1px solid rgba(244,244,244,.10);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.cta::after{width:920px;height:920px;animation:ringgrow 6s ease-in-out 1.4s infinite}
.cta-ey::before{content:'';width:26px;height:1px;background:var(--panel-ink)}
.cta-sub{font-size:16px;color:rgba(244,244,244,.6);line-height:1.7;margin-bottom:42px}
.cta-btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
.ft-top{padding:74px 0 50px}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:46px}
.ft-logo{height:34px;width:auto;margin-bottom:18px}
.ft-soc{display:flex;gap:9px}
.ft-soc a{width:36px;height:36px;border:1px solid rgba(244,244,244,.15);display:flex;align-items:center;justify-content:center;transition:.25s;color:rgba(244,244,244,.7)}
.ft-soc a:hover{background:#F4F4F4;color:#0A0A0A;border-color:#F4F4F4}
.ft-soc svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6}
.ft-col-t{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,244,244,.5);margin-bottom:20px}
.ft-links{display:flex;flex-direction:column;gap:11px}
.ft-links a{font-size:13.5px;color:rgba(244,244,244,.6);transition:color .2s}
.ft-links a:hover{color:#FFF}
.fc{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px;font-size:13px;color:rgba(244,244,244,.6);line-height:1.55}
.fc a{color:rgba(244,244,244,.6)}
.fc a:hover{color:#FFF}
.fc svg{width:16px;height:16px;stroke:rgba(244,244,244,.75);fill:none;stroke-width:1.6;flex-shrink:0;margin-top:2px}
.ft-bot{border-top:1px solid rgba(244,244,244,.1);padding:22px 0}
.ft-bot-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12.5px;color:rgba(244,244,244,.5)}
.ft-legal{display:flex;gap:20px}
.ft-legal a{color:rgba(244,244,244,.5)}
.ft-legal a:hover{color:#FFF}
.wa{position:fixed;bottom:28px;right:28px;width:56px;height:56px;border-radius:50%;background:#1FA855;display:flex;align-items:center;justify-content:center;z-index:700;box-shadow:0 6px 24px rgba(31,168,85,.4);animation:float 3.5s ease-in-out infinite;transition:transform .3s}
.wa:hover{transform:scale(1.12);animation:none}
.wa svg{width:27px;height:27px;fill:#fff}
#hSub{opacity:1;transform:none}
html.has-js #hSub{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s cubic-bezier(.76,0,.24,1)}
.rv,.stg>*{opacity:1;transform:none}
html.has-js .rv{opacity:0;transform:translateY(42px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
html.has-js .rv.in{opacity:1;transform:none}
.stg{perspective:1600px}
html.has-js .stg.in>*{opacity:1;transform:perspective(1200px) translateY(0) rotateX(0)}
.origin{background:var(--bg-alt)}
.origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.pull-quote{position:relative;background:var(--surface);border:1px solid var(--line);padding:44px 40px;box-shadow:var(--shadow)}
.pull-quote::before{content:'"';position:absolute;top:-6px;left:22px;font-family:'Archivo';font-size:100px;font-weight:900;color:var(--line);line-height:1}
.pull-quote p{font-family:'Archivo';font-stretch:106%;font-size:clamp(19px,2vw,24px);font-weight:600;line-height:1.5;position:relative;z-index:1}
.pull-quote .attr{margin-top:24px;font-family:'Space Grotesk';font-size:12.5px;color:var(--ink-faint);letter-spacing:.05em}
.decode{background:var(--bg)}
.decode-head{max-width:700px;margin:0 auto 60px;text-align:center}
.decode-word{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:50px}
.dc-letter{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:clamp(34px,7vw,84px); text-transform:uppercase;cursor:pointer;position:relative;color:var(--ink-faint); transition:color .3s var(--ease);line-height:1;}
.dc-letter.on{color:var(--ink)}
.dc-letter .grp{display:inline-flex}
.decode-panel{max-width:640px;margin:0 auto;min-height:120px;text-align:center;padding:30px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.decode-panel .dp-tag{font-family:'Space Grotesk';font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;transition:opacity .3s}
.decode-panel .dp-name{font-family:'Archivo';font-stretch:110%;font-size:26px;font-weight:800;text-transform:uppercase;margin-bottom:8px;transition:opacity .3s}
.decode-panel .dp-desc{font-size:14.5px;color:var(--ink-soft);line-height:1.65;transition:opacity .3s}
.decode-hint{text-align:center;margin-top:20px;font-family:'Space Grotesk';font-size:11.5px;color:var(--ink-faint);letter-spacing:.05em}
.vision{background:var(--bg-alt)}
.miles{background:var(--bg-alt)}
.miles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mile-card{background:var(--surface);border:1px solid var(--line);padding:30px 24px;text-align:center}
.mile-y{font-family:'Archivo';font-stretch:112%;font-size:15px;font-weight:800;color:var(--ink-faint);margin-bottom:14px;letter-spacing:.06em}
.mile-t{font-family:'Archivo';font-stretch:108%;font-size:16px;font-weight:800;text-transform:uppercase;margin-bottom:8px}
.mile-d{font-size:12.5px;color:var(--ink-soft);line-height:1.6}
.sd-list{display:flex;flex-direction:column;gap:2px}
.sd-row{display:grid;grid-template-columns:110px 1fr;gap:0;padding:46px 0;border-top:1px solid var(--line);transition:background .4s var(--ease)}
.sd-row:last-child{border-bottom:1px solid var(--line)}
.sd-row:hover{background:var(--surface)}
.sd-num{font-family:'Archivo';font-stretch:120%;font-size:15px;font-weight:800;color:var(--ink-faint);letter-spacing:.05em;padding-top:6px}
.sd-body{display:grid;grid-template-columns:60px 1fr;gap:24px 28px;align-items:start}
.sd-ico{grid-row:1/3;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);color:var(--ink);display:flex;align-items:center;justify-content:center;transition:all .4s var(--ease)}
.sd-row:hover .sd-ico{background:var(--ink);color:var(--bg);transform:rotate(-6deg) scale(1.05)}
.sd-name{grid-column:2;font-family:'Archivo';font-stretch:110%;font-size:clamp(20px,2.4vw,27px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:2px}
.sd-hook{grid-column:2;font-size:15px;font-weight:600;color:var(--ink);line-height:1.5;max-width:640px}
.sd-desc{grid-column:1/3;font-size:14.5px;color:var(--ink-soft);line-height:1.75;max-width:680px;margin-top:6px}
.sd-list-items{grid-column:1/3;display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:16px;padding:0;list-style:none}
.sd-list-items li{font-family:'Space Grotesk';font-size:12.5px;font-weight:500;color:var(--ink-soft);display:flex;align-items:center;gap:8px}
.sd-list-items li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ink);flex-shrink:0}
.sd-row .pl-link{grid-column:1/3;margin-top:22px}
.svc-hero-mid{flex:1;display:flex;align-items:center;position:relative;z-index:1}
.svc-hero-in{width:100%;text-align:center}
.h-mega{font-family:'Archivo';font-stretch:122%;font-weight:900;font-size:clamp(50px,11.5vw,164px);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
.h-mega-sub{max-width:520px;margin:26px auto 0;font-size:clamp(15px,1.5vw,18px);line-height:1.65;color:var(--ink-soft)}
.svc-hero-cta{display:flex;justify-content:center;margin-top:36px}
.d1{animation-delay:1.05s}
.d2{animation-delay:1.2s}
.d3{animation-delay:1.38s}
.d4{animation-delay:1.56s}
.filter-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:52px}
.filter-pill{font-family:'Space Grotesk';font-size:12.5px;font-weight:600;letter-spacing:.04em;padding:11px 22px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);transition:all .3s var(--ease);background:transparent}
.filter-pill:hover{border-color:var(--ink);color:var(--ink)}
.filter-pill.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.psvc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.psvc-card{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:2px;cursor:pointer;background:#0A0A0A;transition:transform .5s var(--ease);opacity:1}
.psvc-card.hide{display:none}
.psvc-card:hover{transform:translateY(-8px)}
.psvc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.75);transition:filter 1.1s var(--ease),transform 1.4s var(--ease)}
.psvc-card:hover .psvc-img{filter:grayscale(.15) contrast(1.05) brightness(.65);transform:scale(1.07)}
.psvc-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.05) 0%,rgba(10,10,10,.15) 40%,rgba(10,10,10,.92) 100%)}
.psvc-num{position:absolute;top:20px;right:22px;font-family:'Archivo';font-stretch:120%;font-size:13px;font-weight:800;color:rgba(244,244,244,.55);letter-spacing:.08em;z-index:1}
.psvc-body{position:absolute;left:0;right:0;bottom:0;padding:26px 24px;z-index:1;transform:translateY(4px);transition:transform .5s var(--ease)}
.psvc-card:hover .psvc-body{transform:translateY(0)}
.psvc-cat{font-family:'Space Grotesk';font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,244,244,.55);margin-bottom:8px;display:block}
.psvc-name{font-family:'Archivo';font-stretch:110%;font-size:19.5px;font-weight:800;text-transform:uppercase;color:#F4F4F4;line-height:1.15;margin-bottom:10px}
.psvc-hook{font-size:13px;color:rgba(244,244,244,.72);line-height:1.55;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease),opacity .4s var(--ease)}
.psvc-card:hover .psvc-hook{max-height:70px;opacity:1}
.psvc-plus{position:absolute;bottom:24px;right:24px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(244,244,244,.4);display:flex;align-items:center;justify-content:center;color:#F4F4F4;font-size:18px;z-index:1;transition:all .35s var(--ease)}
.psvc-card:hover .psvc-plus{background:#F4F4F4;color:#0A0A0A;transform:rotate(90deg)}
.svc-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;opacity:0;transition:opacity .4s var(--ease),visibility .4s}
.svc-modal.open{visibility:visible;opacity:1}
.svc-modal-bg{position:absolute;inset:0;background:rgba(10,10,10,.7);backdrop-filter:blur(6px)}
.svc-modal-panel{position:relative;z-index:1;width:100%;max-width:920px;max-height:88vh;margin:0 auto 0;background:var(--surface);border-radius:18px 18px 0 0;overflow-y:auto;transform:translateY(40px);transition:transform .5s var(--ease);padding:0}
.svc-modal.open .svc-modal-panel{transform:translateY(0)}
.svc-modal-hero{position:relative;height:220px;overflow:hidden}
.svc-modal-hero img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) brightness(.7)}
.svc-modal-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.1),var(--surface))}
.svc-modal-close{position:absolute;top:22px;right:22px;z-index:2;width:40px;height:40px;border-radius:50%;background:rgba(244,244,244,.15);border:1px solid rgba(244,244,244,.3);color:#F4F4F4;display:flex;align-items:center;justify-content:center;font-size:18px;backdrop-filter:blur(4px)}
.svc-modal-body{padding:8px 44px 48px}
.svc-modal-cat{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;display:block}
.svc-modal-name{font-family:'Archivo';font-stretch:112%;font-size:clamp(26px,4vw,38px);font-weight:800;text-transform:uppercase;margin-bottom:14px;line-height:1.05}
.svc-modal-hook{font-size:16px;font-weight:600;color:var(--ink);line-height:1.5;margin-bottom:18px}
.svc-modal-desc{font-size:14.5px;color:var(--ink-soft);line-height:1.75;margin-bottom:26px;max-width:640px}
.svc-modal-deliv{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-bottom:32px;padding:0;list-style:none}
.svc-modal-deliv li{font-family:'Space Grotesk';font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:10px}
.svc-modal-deliv li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ink);flex-shrink:0}
body.modal-open{overflow:hidden}
.proof{background:var(--panel);color:var(--panel-ink);padding:74px 0}
.proof-in{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.proof-line{font-family:'Archivo';font-stretch:108%;font-size:clamp(20px,2.6vw,30px);font-weight:800;line-height:1.28;text-transform:uppercase;letter-spacing:-.01em}
.proof-line b{color:transparent;-webkit-text-stroke:1.2px var(--panel-ink);font-weight:800}
.proof-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 36px}
.pstat-n{font-family:'Archivo';font-stretch:112%;font-size:clamp(26px,3vw,40px);font-weight:800}
.pstat-l{font-family:'Space Grotesk';font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,244,244,.5);margin-top:6px}
.svc-crumb{font-family:'Space Grotesk';font-size:12px;color:var(--ink-faint);margin-bottom:20px}
.svc-crumb a{color:var(--ink-faint);text-decoration:underline;text-underline-offset:3px}
.svc-hero h1{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(34px,5.4vw,64px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase;max-width:900px}
.svc-hero .sub{margin-top:22px;font-size:17px;color:var(--ink-soft);max-width:560px;line-height:1.68}
.svc-hero .btn-row{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}
.svc-stat-row{display:flex;gap:40px;margin-top:44px;flex-wrap:wrap}
.svc-stat b{display:block;font-family:'Archivo';font-stretch:110%;font-size:28px;font-weight:800}
.svc-stat span{font-size:11.5px;color:var(--ink-faint)}
.svc-problem{padding:90px 0;border-top:1px solid var(--line);background:var(--bg-alt)}
.svc-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.svc-problem h2{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(24px,3.2vw,36px);letter-spacing:-.01em;text-transform:uppercase;line-height:1.15}
.svc-problem p{margin-top:16px;color:var(--ink-soft);font-size:15px;line-height:1.7}
.svc-symptom-list{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line)}
.svc-symptom:last-child{border-bottom:none}
.svc-symptom b{color:var(--ink);font-family:'Space Grotesk';font-size:13px;flex-shrink:0}
.svc-process{padding:100px 0}
.process-steps{position:relative;padding-left:40px;margin-top:50px}
.process-line{position:absolute;left:9px;top:8px;bottom:8px;width:1px;background:var(--line)}
.process-step:last-child{padding-bottom:0}
.process-step h3{font-family:'Space Grotesk';font-size:17px;font-weight:600;margin-bottom:6px}
.process-step p{font-size:14px;color:var(--ink-soft);line-height:1.65;max-width:560px}
.process-step .p-time{font-size:11px;color:var(--ink-faint);letter-spacing:.04em;margin-top:6px;display:block}
.svc-deliv{padding:90px 0;border-top:1px solid var(--line);background:var(--bg-alt)}
.deliv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);border:1px solid var(--line);margin-top:40px}
.deliv-num{font-family:'Space Grotesk';font-size:11px;color:var(--ink-faint)}
.deliv-card p{font-size:14px;color:var(--ink);margin-top:10px;line-height:1.5;font-weight:500}
.svc-pricing{padding:100px 0}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.price-tag{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.price-card.pop .price-tag{color:rgba(244,244,244,.5)}
.price-badge{display:inline-block;font-family:'Space Grotesk';font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--bg);padding:4px 10px;margin-bottom:14px}
.price-card.pop .price-badge{background:var(--bg);color:var(--ink)}
.price-amt{font-family:'Archivo';font-stretch:110%;font-size:32px;font-weight:800;margin:14px 0 4px}
.price-period{font-size:12px;color:var(--ink-faint)}
.price-card.pop .price-period{color:rgba(244,244,244,.5)}
.price-list{margin:22px 0;display:flex;flex-direction:column;gap:10px}
.price-list div{font-size:13.5px;padding-left:18px;position:relative}
.price-list div::before{content:'—';position:absolute;left:0;color:var(--ink-faint)}
.price-card.pop .price-list div::before{color:rgba(244,244,244,.4)}
.price-note{text-align:center;color:var(--ink-faint);font-size:12.5px;margin-top:28px}
.svc-proof{padding:90px 0;border-top:1px solid var(--line)}
.proof-num{font-family:'Archivo';font-stretch:110%;font-size:56px;font-weight:800;line-height:1}
.proof-num span{display:block;font-size:12px;color:var(--ink-faint);font-weight:500;margin-top:6px;text-transform:uppercase;letter-spacing:.04em}
.proof-card h4{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:19px;text-transform:uppercase;margin-bottom:8px}
.proof-card p{font-size:14px;color:var(--ink-soft);line-height:1.6}
.svc-faq{padding:100px 0;border-top:1px solid var(--line);background:var(--bg-alt)}
.faq-list{max-width:760px;margin:40px auto 0}
.faq-item:hover{border-color:var(--ink)}
.faq-item.active{background:var(--surface);border-color:var(--ink)}
.faq-q .fplus{width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink-faint);transition:transform .3s,border-color .3s;flex-shrink:0}
.faq-q.open .fplus{transform:rotate(45deg);border-color:var(--ink);color:var(--ink)}
.cs-cta h2{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(28px,4vw,46px);letter-spacing:-.02em;text-transform:uppercase;max-width:700px;margin:0 auto}
.cs-cta p{margin-top:16px;color:var(--ink-soft);font-size:16px;max-width:480px;margin-left:auto;margin-right:auto}
.cs-cta .btn-row{justify-content:center;margin-top:32px}
.pricing-grid.in .price-card:nth-child(1){animation-delay:.05s}
.pricing-grid.in .price-card:nth-child(2){animation-delay:.16s}
.pricing-grid.in .price-card:nth-child(3){animation-delay:.27s}
html.has-js .pricing-grid.in .price-card.pop{animation:svcInPop .7s var(--ease) forwards .16s}
.deliv-grid.in .deliv-card:nth-child(1){animation-delay:.04s}
.deliv-grid.in .deliv-card:nth-child(2){animation-delay:.1s}
.deliv-grid.in .deliv-card:nth-child(3){animation-delay:.16s}
.deliv-grid.in .deliv-card:nth-child(4){animation-delay:.22s}
.deliv-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);position:relative;z-index:2}
html.has-js .process-steps.in .process-step{animation:svcInX .6s var(--ease) forwards}
.process-steps.in .process-step:nth-child(2){animation-delay:.08s}
.process-steps.in .process-step:nth-child(3){animation-delay:.16s}
.process-steps.in .process-step:nth-child(4){animation-delay:.24s}
.process-steps.in .process-step:nth-child(5){animation-delay:.32s}
.process-steps.in .process-step:nth-child(6){animation-delay:.4s}
.process-step:hover .process-dot{background:var(--ink);color:var(--bg)}
.svc-symptom:hover{background:var(--surface);padding-left:28px}
.proof-card:hover{transform:translateY(-4px)}
.sim-widget{border:1px solid var(--ink);background:var(--surface);margin-top:50px;perspective:1200px}
.sim-head{padding:20px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.sim-head .dot{width:7px;height:7px;border-radius:50%;background:#1FA855}
.sim-head span{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.sim-body{padding:36px 30px}
.sim-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sim-row label{font-family:'Space Grotesk';font-size:13px;color:var(--ink-soft)}
.sim-val{font-family:'Archivo';font-stretch:110%;font-size:20px;font-weight:800}
.sim-slider{width:100%;-webkit-appearance:none;appearance:none;height:2px;background:var(--line);outline:none;margin:14px 0 30px}
.sim-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ink);cursor:pointer;border:3px solid var(--bg);box-shadow:0 0 0 1px var(--ink)}
.sim-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--ink);cursor:pointer;border:3px solid var(--bg);box-shadow:0 0 0 1px var(--ink)}
.sim-result{border-top:1px solid var(--line);padding-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center}
.sim-result-item b{display:block;font-family:'Archivo';font-stretch:110%;font-size:30px;font-weight:800}
.sim-result-item span{font-size:11.5px;color:var(--ink-faint);letter-spacing:.03em}
.sim-arrow{font-size:11px;color:var(--ink-faint);text-align:center;margin-top:10px;letter-spacing:.05em;font-family:'Space Grotesk'}
.btn-sm{padding:12px 22px;font-size:12px}
.hero-seal{position:absolute;top:118px;right:50px;width:128px;height:128px;z-index:2;opacity:0;transition:opacity 1s ease .9s,transform .4s ease}
.hero-seal.in{opacity:1}
.hero-seal:hover{transform:scale(1.08)}
.rv,.stg>*,#hSub,#hCta,#hStat{opacity:1;transform:none}
html.has-js #hSub,html.has-js #hCta,html.has-js #hStat{opacity:0;transform:translateY(18px)}
.os-feed-list{display:flex;flex-direction:column;gap:14px;font-family:'Space Grotesk';font-size:13px;color:rgba(244,244,244,.85);min-height:180px}
.os-feed-list .pfx{color:rgba(244,244,244,.4);margin-right:8px}
.os-note{margin-top:22px;padding-top:18px;border-top:1px solid rgba(244,244,244,.12);font-size:12px;color:rgba(244,244,244,.45);line-height:1.6}
.quiz{background:var(--bg)}
.quiz-head{max-width:640px;margin:0 auto 50px;text-align:center}
.quiz-box{max-width:760px;margin:0 auto;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);padding:52px 46px;position:relative;min-height:340px}
.quiz-step{display:none}
.quiz-step.active{display:block}
.quiz-progress{display:flex;gap:6px;margin-bottom:34px}
.quiz-progress i{height:2px;flex:1;background:var(--line)}
.quiz-progress i.on{background:var(--ink)}
.quiz-q{font-family:'Archivo';font-stretch:108%;font-size:clamp(20px,2.6vw,28px);font-weight:800;text-transform:uppercase;margin-bottom:30px;line-height:1.2}
.quiz-opts{display:grid;gap:12px}
.quiz-opt{text-align:left;border:1px solid var(--line);padding:18px 22px;font-family:'Space Grotesk';font-size:14.5px;font-weight:500;transition:all .3s var(--ease);display:flex;justify-content:space-between;align-items:center}
.quiz-opt:hover{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.quiz-opt .qar{opacity:0;transition:opacity .25s}
.quiz-opt:hover .qar{opacity:1}
.quiz-result{text-align:center}
.qr-tag{font-family:'Space Grotesk';font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}
.qr-name{font-family:'Archivo';font-stretch:112%;font-size:clamp(24px,3.4vw,36px);font-weight:800;text-transform:uppercase;margin-bottom:14px}
.qr-desc{font-size:15px;color:var(--ink-soft);line-height:1.7;max-width:520px;margin:0 auto 28px}
.qr-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.qr-retake{font-family:'Space Grotesk';font-size:12.5px;color:var(--ink-faint);margin-top:20px;display:inline-block;text-decoration:underline;cursor:pointer}
.courses{background:var(--bg)}
.crs-head{margin-bottom:58px;max-width:640px}
.crs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
.crs-card{background:var(--surface);border:1px solid var(--line);padding:0;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.crs-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.crs-top{padding:32px 30px 0;position:relative}
.crs-ghost{position:absolute;top:-6px;right:14px;font-family:'Archivo';font-stretch:120%;font-size:80px;font-weight:900;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
.crs-level{display:inline-block;font-family:'Space Grotesk';font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border:1px solid var(--line);color:var(--ink-soft);margin-bottom:20px;position:relative;z-index:1}
.crs-name{font-family:'Archivo';font-stretch:108%;font-size:20px;font-weight:800;text-transform:uppercase;line-height:1.15;margin-bottom:12px;position:relative;z-index:1}
.crs-desc{font-size:13.5px;color:var(--ink-soft);line-height:1.68;margin-bottom:18px;position:relative;z-index:1}
.crs-hook{position:relative;overflow:hidden;font-family:'Space Grotesk';font-size:12px;font-weight:700;letter-spacing:.01em;color:var(--ink);padding:11px 0;margin-bottom:22px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);z-index:1}
.crs-hook::after{content:'';position:absolute;top:0;left:-60%;width:55%;height:100%;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--ink) 10%,transparent),transparent);animation:hookSweep 4.2s ease-in-out infinite}
.crs-meta{display:flex;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 30px;}
.crs-meta div{flex:1;padding:16px 4px;text-align:center;border-right:1px solid var(--line)}
.crs-meta div:last-child{border-right:none}
.crs-meta b{display:block;font-family:'Archivo';font-stretch:108%;font-size:15px;font-weight:800}
.crs-meta span{font-family:'Space Grotesk';font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.crs-bottom{padding:24px 30px 30px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.crs-price{font-family:'Archivo';font-stretch:108%;font-size:22px;font-weight:800}
.crs-price span{font-family:'Space Grotesk';font-size:10.5px;font-weight:500;color:var(--ink-faint);text-transform:uppercase;display:block;letter-spacing:.08em}
.outcomes{background:var(--bg)}
.oc-head{margin-bottom:56px;max-width:600px}
.oc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;perspective:1400px}
.oc-card{background:var(--surface);border:1px solid var(--line);padding:32px 28px;transition:transform .4s var(--ease),border-color .3s}
.oc-card:hover{transform:translateY(-5px);border-color:var(--ink)}
.oc-tag{font-family:'Space Grotesk';font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:18px;display:flex;align-items:center;gap:10px;color:var(--ink-faint);text-transform:uppercase}
.oc-tag::after{content:'';flex:1;height:1px;background:var(--line)}
.oc-q{font-size:15px;line-height:1.72;margin-bottom:20px}
.oc-course{font-family:'Space Grotesk';font-size:12px;font-weight:600;color:var(--ink);padding-top:16px;border-top:1px solid var(--line)}
.h-sec em{font-style:italic;color:var(--gold)}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 20px 40px var(--gold-soft)}
.masthead-tag{text-align:center;font-family:'Space Grotesk';font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:22px;position:relative;z-index:1}
.masthead-rule{width:100%;max-width:900px;margin:0 auto 34px;height:1px;background:var(--ink);position:relative;z-index:1}
.masthead-rule::before,.masthead-rule::after{content:'';position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.masthead-rule::before{left:0}
.masthead-rule::after{right:0}
.hero-brand em{font-style:italic;color:var(--gold)}
.hero-deck{max-width:600px;margin:28px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--ink-soft);font-family:'Space Grotesk'}
#hDeck,#hCta{opacity:1;transform:none}
html.has-js #hDeck,html.has-js #hCta{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s cubic-bezier(.76,0,.24,1)}
.covers{position:relative;max-width:640px;margin:70px auto 0;height:220px;perspective:1600px}
.cover-card{position:absolute;top:0;left:50%;width:170px;height:216px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;transform-origin:bottom center;transition:transform .5s cubic-bezier(.22,1,.36,1);opacity:1}
.cover-card .cv-tag{font-family:'Space Grotesk';font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.cover-card .cv-t{font-family:'Fraunces';font-weight:700;font-size:14px;line-height:1.25}
.cover-card .cv-f{position:absolute;bottom:14px;left:18px;right:18px;font-family:'Space Grotesk';font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.cover-1{transform:translate(-50%,0) rotate(-9deg)}
.cover-2{transform:translate(-50%,0) rotate(0deg) translateY(-14px);z-index:2}
.cover-3{transform:translate(-50%,0) rotate(9deg)}
.covers:hover .cover-1{transform:translate(-50%,0) rotate(-16deg) translateX(-30px)}
.covers:hover .cover-3{transform:translate(-50%,0) rotate(16deg) translateX(30px)}
.covers:hover .cover-2{transform:translate(-50%,0) rotate(0) translateY(-30px) scale(1.04)}
.pain{background:var(--bg-alt)}
.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.clip-list{display:flex;flex-direction:column;gap:16px}
.clip{background:var(--surface);border:1px solid var(--line);padding:22px 24px;position:relative;box-shadow:0 8px 24px rgba(20,18,16,.05)}
.clip::before{content:'"';position:absolute;top:6px;left:14px;font-family:'Fraunces';font-size:46px;font-style:italic;color:var(--gold-soft);line-height:1}
.clip-n{font-family:'Fraunces';font-weight:700;font-size:28px;color:var(--gold);margin-bottom:6px;padding-left:24px}
.clip p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;padding-left:24px}
.clip .src{display:block;font-family:'Space Grotesk';font-size:9.5px;color:var(--ink-faint);margin-top:6px;letter-spacing:.05em;padding-left:24px}
.phone-wrap{display:flex;justify-content:center;perspective:1600px}
.phone{width:230px;background:var(--ink);border-radius:32px;padding:10px;box-shadow:var(--shadow);transform:rotateY(-8deg) rotateX(3deg);transition:transform .5s var(--ease)}
.phone:hover{transform:rotateY(0) rotateX(0)}
.phone-screen{background:var(--surface);border-radius:24px;padding:16px 14px;height:400px;overflow:hidden;position:relative}
.ph-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.ph-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--ink))}
.ph-name{font-family:'Space Grotesk';font-size:10px;font-weight:700}
.ph-name span{display:block;font-weight:400;color:var(--ink-faint);font-size:8px}
.ph-post{font-size:10.5px;line-height:1.55;color:var(--ink-soft);margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.ph-eng{display:flex;gap:14px;font-family:'Space Grotesk';font-size:9px;color:var(--ink-faint)}
.ph-eng b{color:var(--gold)}
.pl-top{background:linear-gradient(135deg,var(--gold-soft),transparent);padding:24px 22px 18px;position:relative}
.pl-num{position:absolute;top:16px;right:18px;font-family:'Fraunces';font-style:italic;font-weight:700;font-size:22px;color:var(--gold-soft)}
.pl-body{padding:16px 22px 24px}
.pl-hook{font-family:'Space Grotesk';font-size:11px;font-weight:600;color:var(--gold);padding-top:12px;border-top:1px dashed var(--line);font-style:italic}
.press-panel{background:var(--ink);color:var(--panel-ink);padding:28px 26px;border-radius:4px}
.press-bar{display:flex;align-items:center;gap:8px;padding-bottom:16px;border-bottom:1px solid rgba(244,244,244,.15);margin-bottom:20px;font-family:'Space Grotesk';font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.press-live{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:blink 1.4s ease-in-out infinite}
.press-feed{display:flex;flex-direction:column;gap:14px;font-family:'Space Grotesk';font-size:12.5px;min-height:170px}
.press-feed .pfx{color:var(--gold);margin-right:6px}
.press-note{margin-top:20px;padding-top:16px;border-top:1px solid rgba(244,244,244,.12);font-size:11.5px;color:rgba(244,244,244,.45);line-height:1.6}
.slots{background:var(--bg-alt)}
.slots-head{max-width:680px;margin-bottom:56px}
.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;perspective:1400px}
.slot-card{background:var(--surface);border:1px dashed var(--gold-soft);padding:0;overflow:hidden;position:relative;transition:transform .4s var(--ease)}
.slot-card:hover{transform:translateY(-6px) rotate(-1deg)}
.slot-top{padding:26px 24px 60px;text-align:center;position:relative}
.slot-top::after{content:'COVER RESERVED';position:absolute;top:44%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);font-family:'Space Grotesk';font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--gold);border:1.5px solid var(--gold);padding:6px 14px;opacity:.75}
.slot-num{font-family:'Space Grotesk';font-size:9.5px;letter-spacing:.16em;color:var(--ink-faint);margin-bottom:10px;text-transform:uppercase}
.slot-t{font-family:'Fraunces';font-weight:700;font-size:18px}
.slot-d{font-size:12px;color:var(--ink-soft);line-height:1.6;padding:0 24px 24px;text-align:center}
.cs-hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:150px 0 60px;overflow:hidden;perspective:1600px}
.cs-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
.cs-hero-in{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.cs-hero h1{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(34px,5vw,62px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase}
.cs-hero h1 .soft{color:var(--ink-faint)}
.cs-hero .sub{margin-top:22px;font-size:16.5px;color:var(--ink-soft);max-width:520px;line-height:1.68}
.cs-hero .btn-row{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.float-stack{position:relative;height:380px;transform-style:preserve-3d}
.float-card{position:absolute;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:22px 24px;width:200px;transition:transform .2s ease-out;will-change:transform}
.float-card b{display:block;font-family:'Archivo';font-stretch:110%;font-size:30px;font-weight:800;line-height:1}
.float-card span{font-size:11.5px;color:var(--ink-faint);letter-spacing:.05em;text-transform:uppercase}
.fc-1{top:0;left:10%;z-index:3}
.fc-2{top:130px;left:36%;z-index:2}
.fc-3{top:44px;left:0%;z-index:1;background:var(--ink);color:var(--bg)}
.fc-3 span{color:rgba(244,244,244,.5)}
.fc-4{top:250px;left:24%;z-index:4}
.cs-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:56px}
.cs-tab{border:1px solid var(--line);background:transparent;color:var(--ink-soft);font-family:'Space Grotesk';font-size:12.5px;font-weight:600;letter-spacing:.05em;padding:11px 22px;transition:all .3s var(--ease)}
.cs-tab.active,.cs-tab:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.flip-card{perspective:1600px;height:440px;cursor:pointer;transition:transform .25s ease-out;will-change:transform;opacity:0;transform:translateY(28px)}
html.has-js .cs-grid.in .flip-card{animation:cardIn .75s var(--ease) forwards}
.cs-grid.in .flip-card:nth-child(1){animation-delay:.05s}
.cs-grid.in .flip-card:nth-child(2){animation-delay:.14s}
.cs-grid.in .flip-card:nth-child(3){animation-delay:.23s}
.cs-grid.in .flip-card:nth-child(4){animation-delay:.32s}
.cs-grid.in .flip-card:nth-child(5){animation-delay:.41s}
.cs-grid.in .flip-card:nth-child(6){animation-delay:.5s}
html:not(.has-js) .flip-card{opacity:1;transform:none}
.flip-inner{position:relative;width:100%;height:100%;transition:transform .9s var(--ease);transform-style:preserve-3d}
.flip-card.flipped .flip-inner{transform:rotateY(180deg)}
.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--line);background:var(--surface);padding:30px 28px;display:flex;flex-direction:column;overflow:hidden}
.flip-back{transform:rotateY(180deg);background:var(--ink);color:var(--bg)}
.flip-tag{font-family:'Space Grotesk';font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}
.flip-metric{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(40px,5vw,58px);line-height:1;letter-spacing:-.02em}
.flip-metric-label{font-size:13px;color:var(--ink-soft);margin-top:8px}
.flip-brand{font-family:'Space Grotesk';font-size:14px;font-weight:600;margin-top:20px}
.flip-hint{margin-top:auto;font-size:11.5px;color:var(--ink-faint);display:flex;align-items:center;gap:6px}
.flip-hint::after{content:'↻';font-size:14px}
.flip-back .flip-tag{color:rgba(244,244,244,.45)}
.fb-step{margin-bottom:14px}
.fb-step b{display:block;font-family:'Space Grotesk';font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,244,244,.5);margin-bottom:5px}
.fb-step p{font-size:13.5px;line-height:1.5;color:rgba(244,244,244,.85)}
.flip-back .flip-hint{color:rgba(244,244,244,.4)}
.results-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 0;margin-top:100px}
.rs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.rs-grid b{display:block;font-family:'Archivo';font-stretch:110%;font-size:clamp(28px,3.4vw,42px);font-weight:800}
.rs-grid span{font-size:12px;color:var(--ink-faint);letter-spacing:.04em}
.founder-showcase{position:relative;max-width:300px;margin-left:auto;perspective:1400px}
.founder-showcase .fd-frame{aspect-ratio:4/5;transition:transform .1s ease-out;transform-style:preserve-3d;cursor:pointer}
.founder-showcase .fd-badge{max-width:180px;text-align:right;line-height:1.4;font-size:10px}
.founder-cap{margin-top:18px;text-align:right}
.founder-cap b{display:block;font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:18px;text-transform:uppercase}
.founder-cap span{font-size:12px;color:var(--ink-faint)}
.fs-mini{position:absolute;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:14px 18px;z-index:5}
.fs-mini b{display:block;font-family:'Archivo';font-stretch:110%;font-size:20px;font-weight:800}
.fs-mini span{font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em}
.fs-mini.a{top:-22px;left:-34px}
.fs-mini.b{bottom:60px;right:-30px;background:var(--ink);color:var(--bg)}
.fs-mini.b span{color:rgba(244,244,244,.5)}
.spark-wrap{width:100%;height:64px;margin-bottom:14px}
.spark-wrap svg{width:100%;height:100%;overflow:visible}
.spark-line{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.6s var(--ease)}
.flip-card.in .spark-line{stroke-dashoffset:0}
.spark-dot{opacity:0;transition:opacity .4s var(--ease) .9s}
.flip-card.in .spark-dot{opacity:1}
.note-tag{text-align:center;font-size:12px;color:var(--ink-faint);margin-top:34px;font-family:'Space Grotesk'}
button,input{cursor:none;border:none;background:none;font-family:inherit;color:inherit}
.stg.in>*:nth-child(7){transition-delay:.42s}
.stg.in>*:nth-child(8){transition-delay:.49s}
.stg.in>*:nth-child(9){transition-delay:.56s}
.featured{background:var(--bg)}
.feat-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:box-shadow .4s var(--ease)}
.feat-card:hover{box-shadow:var(--shadow)}
.feat-visual{background:linear-gradient(135deg,var(--bg-alt),var(--line));position:relative;overflow:hidden;min-height:340px;display:flex;align-items:center;justify-content:center}
.feat-visual .fv-num{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:160px;color:transparent;-webkit-text-stroke:1.5px var(--line);transition:transform 8s linear}
.feat-card:hover .fv-num{transform:scale(1.1) rotate(4deg)}
.feat-body{padding:48px 44px;display:flex;flex-direction:column;justify-content:center}
.feat-tag{display:inline-flex;font-family:'Space Grotesk';font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border:1px solid var(--line);margin-bottom:20px;width:fit-content}
.feat-title{font-family:'Archivo';font-stretch:108%;font-size:clamp(22px,2.6vw,32px);font-weight:800;line-height:1.2;margin-bottom:16px}
.feat-desc{font-size:14.5px;color:var(--ink-soft);line-height:1.7;margin-bottom:24px}
.feat-meta{font-family:'Space Grotesk';font-size:11.5px;color:var(--ink-faint);margin-bottom:20px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:50px}
.filter-btn{font-family:'Space Grotesk';font-size:12.5px;font-weight:600;letter-spacing:.04em;padding:11px 20px;border:1px solid var(--line);border-radius:30px;color:var(--ink-soft);transition:all .3s var(--ease)}
.filter-btn:hover{border-color:var(--ink);color:var(--ink)}
.filter-btn.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.b-card.hide{display:none}
.news{background:var(--panel);color:var(--panel-ink);padding:110px 0;position:relative;overflow:hidden}
.news::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(244,244,244,.08) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000,transparent 75%)}
.news-in{text-align:center;max-width:600px;margin:0 auto;position:relative;z-index:1}
.news-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(24px,3.4vw,38px);font-weight:800;text-transform:uppercase;line-height:1.1;margin-bottom:16px}
.news-sub{font-size:14.5px;color:rgba(244,244,244,.6);line-height:1.7;margin-bottom:34px}
.news-form{display:flex;gap:10px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.news-input{flex:1;min-width:220px;padding:15px 18px;border:1px solid rgba(244,244,244,.2);background:transparent;color:#fff;font-family:'Space Grotesk';font-size:13.5px}
.news-input::placeholder{color:rgba(244,244,244,.4)}
.news-input:focus{outline:none;border-color:#fff}
.news-msg{margin-top:16px;font-family:'Space Grotesk';font-size:12.5px;color:rgba(244,244,244,.7);display:none}
.news-msg.show{display:block}
.post-hero{padding:150px 0 60px;border-bottom:1px solid var(--line)}
.post-hero .wrap{max-width:760px}
.post-tag{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:20px}
.post-hero h1{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(30px,5vw,50px);line-height:1.12;letter-spacing:-.02em}
.post-meta-row{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}
.post-author{display:flex;align-items:center;gap:12px}
.post-author-av{width:38px;height:38px;border:1px solid var(--ink);overflow:hidden;flex-shrink:0}
.post-author-av img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.post-author b{display:block;font-family:'Space Grotesk';font-size:13.5px;font-weight:600}
.post-author span{font-size:11.5px;color:var(--ink-faint)}
.post-meta-sep{width:1px;height:24px;background:var(--line)}
.post-stat{font-size:12.5px;color:var(--ink-faint);font-family:'Space Grotesk'}
.post-visual{margin:50px 0;border:1px solid var(--line);background:var(--bg-alt);padding:60px 40px;text-align:center}
.post-visual .pv-num{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(60px,10vw,120px);line-height:1;letter-spacing:-.03em}
.post-visual .pv-label{margin-top:10px;font-family:'Space Grotesk';font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.post-body{max-width:760px;margin:0 auto;padding:0 0 100px}
.post-body p{font-size:16.5px;line-height:1.85;color:var(--ink-soft);margin-bottom:22px}
.post-body p.lead{font-size:19px;color:var(--ink);font-weight:500;line-height:1.65}
.post-body h2{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:26px;letter-spacing:-.01em;margin:52px 0 18px;text-transform:uppercase;scroll-margin-top:110px}
.post-body h3{font-family:'Space Grotesk';font-size:17px;font-weight:600;margin:34px 0 12px}
.post-body strong{color:var(--ink);font-weight:600}
.post-body blockquote{border-left:2px solid var(--ink);padding-left:24px;margin:32px 0;font-family:'Archivo';font-stretch:108%;font-size:21px;font-weight:700;line-height:1.4;letter-spacing:-.01em}
.trigger-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:36px 0 44px}
.trigger-card{border:1px solid var(--line);cursor:pointer;transition:border-color .3s}
.trigger-card:hover{border-color:var(--ink)}
.trigger-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.trigger-head b{font-family:'Space Grotesk';font-size:14px;font-weight:600}
.trigger-num{font-family:'Space Grotesk';font-size:11px;color:var(--ink-faint)}
.trigger-plus{font-size:16px;color:var(--ink-faint);transition:transform .3s}
.trigger-card.open .trigger-plus{transform:rotate(45deg)}
.trigger-panel{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.trigger-card.open .trigger-panel{max-height:260px}
.trigger-panel-in{padding:0 22px 22px}
.trigger-panel-in p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;margin-bottom:0}
.demo-widget{border:1px solid var(--ink);margin:44px 0;background:var(--bg-alt)}
.demo-head{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.demo-head .dot{width:7px;height:7px;border-radius:50%;background:#1FA855}
.demo-head span{font-family:'Space Grotesk';font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.demo-body{padding:34px 26px}
.demo-toggle{display:flex;gap:8px;margin-bottom:28px}
.demo-toggle button{flex:1;border:1px solid var(--line);background:transparent;color:var(--ink-soft);font-family:'Space Grotesk';font-size:12.5px;font-weight:600;padding:11px;transition:all .25s}
.demo-toggle button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.demo-price-card{border:1px solid var(--line);background:var(--bg);padding:32px;text-align:center}
.demo-price-strike{font-family:'Archivo';font-stretch:105%;font-size:20px;color:var(--ink-faint);text-decoration:line-through;display:none}
.demo-price-strike.show{display:inline}
.demo-price-main{font-family:'Archivo';font-stretch:110%;font-size:clamp(32px,5vw,44px);font-weight:800;letter-spacing:-.02em}
.demo-price-label{margin-top:8px;font-size:13px;color:var(--ink-faint)}
.demo-question{margin-top:22px;text-align:center;font-size:13.5px;color:var(--ink-soft)}
.demo-reveal{margin-top:18px;padding:16px 20px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-faint);display:none;text-align:center}
.post-cta{border:1px solid var(--ink);padding:40px 36px;margin:56px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.post-cta h4{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:20px;text-transform:uppercase}
.post-cta p{font-size:13.5px;color:var(--ink-soft);margin:6px 0 0;max-width:400px}
.author-box{display:flex;gap:20px;padding:32px 0;border-top:1px solid var(--line);margin-top:20px}
.author-box .ab-img{width:64px;height:64px;border:1px solid var(--ink);overflow:hidden;flex-shrink:0}
.author-box .ab-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.author-box b{display:block;font-family:'Archivo';font-stretch:110%;font-size:16px;font-weight:800;text-transform:uppercase}
.author-box span{font-size:12.5px;color:var(--ink-faint)}
.author-box p{font-size:13.5px;color:var(--ink-soft);margin-top:8px;line-height:1.6}
.related-sec{border-top:1px solid var(--line);padding:80px 0}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rel-card{border:1px solid var(--line);padding:22px;transition:border-color .3s}
.rel-card:hover{border-color:var(--ink)}
.rel-tag{font-family:'Space Grotesk';font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);display:block;margin-bottom:10px}
.rel-title{font-family:'Archivo';font-stretch:106%;font-size:15px;font-weight:800;line-height:1.32}
.hero-stat-row{display:flex;justify-content:center;gap:0;margin-top:46px;flex-wrap:wrap}
.hero-stat{text-align:center;padding:0 34px;border-right:1px solid var(--line)}
.hero-stat:last-child{border-right:none}
.hero-stat b{display:block;font-family:'Archivo';font-stretch:112%;font-size:28px;font-weight:800}
.hero-stat span{font-family:'Space Grotesk';font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
#hSub,#hStat{opacity:1;transform:none}
html.has-js #hSub,html.has-js #hStat{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s cubic-bezier(.76,0,.24,1)}
.stg.in>*:nth-child(10){transition-delay:.63s}
.team{background:var(--bg)}
.team-head{max-width:700px;margin-bottom:44px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tm-card{perspective:1400px;height:300px}
.tm-card.hide{display:none}
.tm-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}
.tm-card:hover .tm-inner{transform:rotateY(180deg)}
.tm-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid var(--line);background:var(--surface);padding:26px 22px;display:flex;flex-direction:column}
.tm-front{display:flex;flex-direction:column;justify-content:flex-end}
.tm-photo{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--bg-alt),var(--line));border-radius:50%;max-width:78px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;font-family:'Archivo';font-weight:800;font-size:22px;color:var(--ink-faint)}
.tm-name{font-family:'Archivo';font-stretch:108%;font-size:17px;font-weight:800;text-transform:uppercase;margin-bottom:4px}
.tm-role{font-family:'Space Grotesk';font-size:11.5px;color:var(--ink-faint);letter-spacing:.03em}
.tm-tag{position:absolute;top:20px;right:20px;font-family:'Space Grotesk';font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--line);padding:4px 9px;border-radius:20px}
.tm-back{transform:rotateY(180deg);background:var(--ink);color:var(--bg);justify-content:center}
.tm-back .tb-lb{font-family:'Space Grotesk';font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,244,244,.5);margin-bottom:12px}
.tm-back .tb-txt{font-family:'Archivo';font-stretch:104%;font-size:15px;font-weight:600;line-height:1.4}
body.dark .tm-back{color:#0A0A0A}
body.dark .tm-back .tb-lb{color:rgba(10,10,10,.5)}
.culture{background:var(--bg-alt)}
.cul-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
.cul-card{background:var(--surface);border:1px solid var(--line);padding:36px 30px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.cul-card::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.cul-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.cul-card:hover::after{transform:scaleX(1)}
.cul-ghost{position:absolute;top:-14px;right:-4px;font-family:'Archivo';font-stretch:120%;font-size:90px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none}
.cul-name{font-family:'Archivo';font-stretch:110%;font-size:18px;font-weight:800;text-transform:uppercase;margin-bottom:10px;position:relative;z-index:1}
.cul-desc{font-size:13.5px;color:var(--ink-soft);line-height:1.68;position:relative;z-index:1}
.rev-hero{padding:150px 0 60px;border-bottom:1px solid var(--line)}
.rev-hero h1{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(32px,5vw,58px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase;max-width:820px}
.rev-hero .sub{margin-top:20px;font-size:16.5px;color:var(--ink-soft);max-width:560px;line-height:1.68}
.trust-bar{display:flex;gap:44px;margin-top:38px;flex-wrap:wrap;align-items:center}
.trust-item{display:flex;align-items:center;gap:10px}
.trust-stars{color:var(--ink);font-size:15px;letter-spacing:2px}
.trust-num{font-family:'Archivo';font-stretch:110%;font-size:22px;font-weight:800}
.trust-label{font-size:11.5px;color:var(--ink-faint);letter-spacing:.03em}
.rev-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:70px 0 44px}
.rev-tab{border:1px solid var(--line);background:transparent;color:var(--ink-soft);font-family:'Space Grotesk';font-size:12.5px;font-weight:600;letter-spacing:.05em;padding:11px 22px;transition:all .3s var(--ease)}
.rev-tab.active,.rev-tab:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rev-card{border:1px solid var(--line);padding:28px 26px;transition:transform .35s var(--ease),border-color .35s;background:var(--surface)}
.rev-card:hover{border-color:var(--ink);transform:translateY(-4px)}
.rev-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.rev-stars{color:var(--ink);font-size:13px;letter-spacing:2px}
.rev-verified{font-family:'Space Grotesk';font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1FA855;display:flex;align-items:center;gap:5px}
.rev-verified::before{content:'✓';border:1px solid #1FA855;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:9px}
.rev-quote{font-size:14.5px;color:var(--ink-soft);line-height:1.68;margin-bottom:20px}
.rev-quote strong{color:var(--ink);font-weight:600}
.rev-person{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.rev-av{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-weight:700;font-size:13px;flex-shrink:0}
.rev-person b{display:block;font-family:'Space Grotesk';font-size:13.5px;font-weight:600}
.rev-person span{font-size:11.5px;color:var(--ink-faint)}
.rev-video{grid-column:span 1;position:relative;overflow:hidden;cursor:pointer}
.rev-video-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,var(--ink) 0%,#2a2a2a 100%);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:16px}
.rev-play{width:52px;height:52px;border-radius:50%;background:rgba(244,244,244,.95);display:flex;align-items:center;justify-content:center;transition:transform .3s}
.rev-video:hover .rev-play{transform:scale(1.1)}
.rev-play::after{content:'';width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #0A0A0A;margin-left:4px}
.rev-video-tag{position:absolute;top:14px;left:14px;background:rgba(244,244,244,.95);color:#0A0A0A;font-family:'Space Grotesk';font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px}
.rev-note{text-align:center;font-size:12px;color:var(--ink-faint);margin-top:34px;font-family:'Space Grotesk'}
.platform-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0;margin-top:100px}
.platform-grid{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;align-items:center}
.platform-item{text-align:center}
.platform-item b{display:block;font-family:'Archivo';font-stretch:110%;font-size:26px;font-weight:800}
.platform-item span{font-size:11.5px;color:var(--ink-faint);letter-spacing:.03em}
.c-hero{min-height:78vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:150px 0 70px;overflow:hidden}
.c-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
.status-pill{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk';font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);padding:9px 16px 9px 12px;margin-bottom:28px}
.status-dot{width:7px;height:7px;border-radius:50%;background:#1FA855;box-shadow:0 0 0 4px rgba(31,168,85,.18);animation:statPulse 2s infinite}
.c-hero h1{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(36px,5.6vw,68px);line-height:1.03;letter-spacing:-.02em;text-transform:uppercase;max-width:920px}
.c-hero h1 .soft{color:var(--ink-faint)}
.c-hero .sub{margin-top:24px;font-size:17px;color:var(--ink-soft);max-width:540px;line-height:1.68}
.c-stat-row{display:flex;gap:44px;margin-top:44px;flex-wrap:wrap}
.c-stat b{display:block;font-family:'Archivo';font-stretch:110%;font-size:28px;font-weight:800}
.c-stat span{font-size:12px;color:var(--ink-faint);letter-spacing:.04em}
.router-sec{padding:110px 0;border-top:1px solid var(--line)}
.router-head{max-width:640px;margin:0 auto 52px;text-align:center}
.router-head .eyebrow{justify-content:center}
.router-head h2{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(26px,3.6vw,40px);letter-spacing:-.02em;text-transform:uppercase}
.router-head p{margin-top:14px;color:var(--ink-soft);font-size:15.5px;line-height:1.65}
.chat-shell{max-width:880px;margin:0 auto;background:var(--surface);border:1px solid var(--line);padding:44px 40px}
.bot-row{display:flex;gap:16px;align-items:flex-start;margin-bottom:30px}
.bot-av{width:38px;height:38px;border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-weight:700;font-size:13px;flex-shrink:0}
.bot-msg{border:1px solid var(--line);padding:15px 20px;font-size:15px;line-height:1.55;max-width:480px}
.reason-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-left:54px}
.reason-btn{background:transparent;border:1px solid var(--line);color:var(--ink);padding:17px 18px;text-align:left;font-family:'Inter';font-size:14px;font-weight:500;display:flex;align-items:center;gap:11px;transition:all .3s var(--ease)}
.reason-btn:hover{border-color:var(--ink);transform:translateY(-2px)}
.reason-btn.picked{background:var(--ink);color:var(--bg)}
.reason-btn .rnum{font-family:'Space Grotesk';font-size:11px;color:var(--ink-faint);flex-shrink:0}
.reason-btn.picked .rnum{color:var(--bg)}
.reveal-panel{margin-left:54px;margin-top:20px;display:none}
.reveal-box{border:1px solid var(--ink);padding:28px 30px}
.reveal-box h4{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:19px;line-height:1.3;margin-bottom:10px;text-transform:uppercase;letter-spacing:-.01em}
.reveal-box p{font-size:14.5px;color:var(--ink-soft);line-height:1.6;margin-bottom:20px}
.rv-form{display:flex;flex-direction:column;gap:11px}
.rv-form input,.rv-form textarea{background:transparent;border:1px solid var(--line);padding:13px 15px;color:var(--ink);font-family:'Inter';font-size:14px;transition:border-color .25s}
.rv-form input:focus,.rv-form textarea:focus{border-color:var(--ink);outline:none}
.rv-form textarea{resize:vertical;min-height:78px}
.rv-success{display:none;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#1FA855;margin-top:4px}
.rv-success.show{display:flex}
.direct-sec{padding:110px 0;border-top:1px solid var(--line)}
.direct-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:start}
.direct-cards{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line)}
.d-card{padding:24px 26px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);transition:background .3s}
.d-card:last-child{border-bottom:none}
.d-card:hover{background:var(--bg-alt)}
.d-ic{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.6;flex-shrink:0}
.d-card b{display:block;font-family:'Space Grotesk';font-size:14.5px;font-weight:600}
.d-card span,.d-card a{font-size:13.5px;color:var(--ink-soft)}
.map-frame{margin-top:26px;border:1px solid var(--line);height:220px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);font-size:13px;font-family:'Space Grotesk';letter-spacing:.05em}
.ticker-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;position:relative;background:var(--bg-alt)}
.ticker-track{display:flex;gap:0;white-space:nowrap;animation:tickerScroll 32s linear infinite}
.ticker-wrap:hover .ticker-track{animation-play-state:paused}
.tick-item{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;font-family:'Space Grotesk';font-size:12.5px;color:var(--ink-soft);border-right:1px solid var(--line)}
.tick-dot{width:6px;height:6px;border-radius:50%;background:#1FA855;flex-shrink:0}
.tick-item b{color:var(--ink);font-weight:600}
.typing-row{display:flex;gap:16px;align-items:center;margin-bottom:0}
.typing-dots{border:1px solid var(--line);padding:15px 20px;display:inline-flex;gap:5px;align-items:center}
.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);animation:typeBounce 1.1s infinite}
.typing-dots span:nth-child(2){animation-delay:.15s}
.typing-dots span:nth-child(3){animation-delay:.3s}
.fline-sec{padding:100px 0;border-top:1px solid var(--line);background:var(--bg-alt)}
.fline-grid{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;max-width:920px;margin:0 auto}
.fline-img{width:112px;height:112px;flex-shrink:0;border:1px solid var(--ink);overflow:hidden;position:relative}
.fline-img img{width:100%;height:100%;object-fit:cover;display:block}
.fline-mono{display:none;width:100%;height:100%;align-items:center;justify-content:center;font-family:'Archivo';font-weight:800;font-size:30px;background:var(--ink);color:var(--bg)}
.fline-eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}
.fline-quote{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(20px,2.6vw,28px);line-height:1.28;letter-spacing:-.01em;max-width:640px}
.fline-sub{margin-top:14px;font-size:14.5px;color:var(--ink-soft);line-height:1.6}
.fline-sign{margin-top:6px;font-family:'Space Grotesk';font-size:13px;color:var(--ink-faint)}
.fline-btn{margin-top:20px;display:inline-flex}
.legal-hero{padding:150px 0 70px;border-bottom:1px solid var(--line)}
.legal-hero .eyebrow{margin-bottom:18px}
.legal-hero h1{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:clamp(32px,4.6vw,54px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase;max-width:820px}
.legal-hero .sub{margin-top:20px;font-size:15.5px;color:var(--ink-soft);max-width:600px;line-height:1.65}
.legal-meta{display:flex;gap:28px;margin-top:28px;flex-wrap:wrap}
.legal-meta div{font-family:'Space Grotesk';font-size:11.5px;color:var(--ink-faint);letter-spacing:.04em}
.legal-meta b{color:var(--ink-soft);font-weight:600}
.legal-body{padding:80px 0 110px}
.legal-grid{display:grid;grid-template-columns:240px 1fr;gap:60px;align-items:start}
.legal-toc{position:sticky;top:110px}
.legal-toc-label{font-family:'Space Grotesk';font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:16px}
.legal-toc a{display:block;font-size:13.5px;color:var(--ink-soft);padding:8px 0;border-left:2px solid var(--line);padding-left:16px;transition:all .25s}
.legal-toc a:hover,.legal-toc a.on{color:var(--ink);border-left-color:var(--ink);font-weight:600}
.legal-toc .toc-group{margin-bottom:22px}
.legal-doc h2{font-family:'Archivo';font-stretch:110%;font-weight:800;font-size:26px;letter-spacing:-.01em;text-transform:uppercase;margin:56px 0 8px;scroll-margin-top:110px}
.legal-doc h2:first-child{margin-top:0}
.legal-doc .doc-intro{font-size:14px;color:var(--ink-faint);margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.legal-doc h3{font-family:'Space Grotesk';font-size:16px;font-weight:600;margin:30px 0 10px;scroll-margin-top:110px}
.legal-doc p{font-size:14.5px;color:var(--ink-soft);line-height:1.75;margin-bottom:14px;max-width:680px}
.legal-doc ul{margin:0 0 16px 0;padding-left:0;max-width:680px}
.legal-doc ul li{font-size:14.5px;color:var(--ink-soft);line-height:1.7;padding-left:20px;position:relative;margin-bottom:8px;list-style:none}
.legal-doc ul li::before{content:'—';position:absolute;left:0;color:var(--ink-faint)}
.legal-doc strong{color:var(--ink);font-weight:600}
.legal-doc a.inline-link{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.legal-divider{border:none;border-top:1px solid var(--line);margin:60px 0}
.legal-note{background:var(--bg-alt);border:1px solid var(--line);padding:20px 24px;margin:24px 0;max-width:680px}
.legal-note p{margin-bottom:0;font-size:13.5px}

/* ===================== PAGE: index  (body.page-home) ===================== */
body.page-home ::selection{background:var(--ink);color:var(--bg)}
body.page-home a:focus-visible,body.page-home button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-home .ic{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-home #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-home #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-home .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-home.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-home .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-home .pad{padding:140px 0}
body.page-home .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-home .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-home .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(32px,4.3vw,54px);font-weight:800;line-height:1.02;letter-spacing:-.02em;text-transform:uppercase}
body.page-home .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:520px}
body.page-home .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:120px 0 0;overflow:hidden}
body.page-home .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);animation:gridpan 16s linear infinite;pointer-events:none}
body.page-home .hero-brand{font-family:'Archivo';font-stretch:122%;font-weight:900;font-size:clamp(46px,10.6vw,158px);line-height:.96;letter-spacing:-.02em;text-align:center;text-transform:uppercase}
body.page-home .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-home .hero-sub{text-align:center;max-width:660px;margin:34px auto 0;font-size:clamp(16px,1.6vw,20px);line-height:1.65;color:var(--ink-soft);opacity:0;transform:translateY(18px)}
body.page-home .hero-cta{display:flex;gap:13px;justify-content:center;margin-top:38px;flex-wrap:wrap;opacity:0;transform:translateY(18px)}
body.page-home .stat-row{display:flex;justify-content:center;gap:0;margin-top:62px;flex-wrap:wrap;position:relative;z-index:1;opacity:0;transform:translateY(18px)}
body.page-home .stat{text-align:center;padding:0 44px;border-right:1px solid var(--line)}
body.page-home .stat-n{font-family:'Archivo';font-stretch:112%;font-size:clamp(26px,2.8vw,40px);font-weight:800;color:var(--ink)}
body.page-home .stat-l{font-family:'Space Grotesk';font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-top:7px}
body.page-home .strip{overflow:hidden;margin-top:64px;padding-bottom:46px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);position:relative;z-index:1}
body.page-home .strip-track{display:flex;gap:14px;width:max-content;animation:slide 42s linear infinite}
body.page-home .chip{display:flex;align-items:center;gap:10px;padding:15px 24px;border:1px solid var(--line);border-radius:999px;font-family:'Space Grotesk';font-size:13px;font-weight:500;color:var(--ink-soft);background:var(--surface);flex-shrink:0;transition:all .3s var(--ease)}
body.page-home .ticker{background:var(--ink);overflow:hidden;padding:15px 0;transition:background .5s var(--ease)}
body.page-home .tk-track{display:flex;width:max-content;animation:slide 28s linear infinite}
body.page-home .tk-track span{font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--bg);padding:0 26px;display:inline-flex;align-items:center;gap:26px;transition:color .5s var(--ease)}
body.page-home .tk-track span::after{content:'✦';font-size:8px;opacity:.6}
body.page-home .stg.in>*:nth-child(2){transition-delay:.1s}
body.page-home .stg.in>*:nth-child(3){transition-delay:.2s}
body.page-home .stg.in>*:nth-child(4){transition-delay:.3s}
body.page-home .stg.in>*:nth-child(5){transition-delay:.4s}
body.page-home .stg.in>*:nth-child(6){transition-delay:.5s}
body.page-home .pillars{background:var(--bg-alt)}
body.page-home .pl-head{max-width:680px;margin-bottom:64px}
body.page-home .pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
body.page-home .pl-card{background:var(--surface);border:1px solid var(--line);padding:46px 36px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
body.page-home .pl-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}
body.page-home .pl-ghost{position:absolute;top:-18px;right:-6px;font-family:'Archivo';font-stretch:120%;font-size:120px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
body.page-home .pl-ico{width:62px;height:62px;border-radius:50%;border:1px solid var(--line);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:26px;transition:all .4s var(--ease);position:relative;z-index:1}
body.page-home .pl-name{font-family:'Archivo';font-stretch:110%;font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:14px;position:relative;z-index:1}
body.page-home .pl-desc{font-size:14.5px;color:var(--ink-soft);line-height:1.72;margin-bottom:28px;position:relative;z-index:1}
body.page-home .hww{background:var(--bg)}
body.page-home .hww-left{position:sticky;top:130px}
body.page-home .hww-note{margin-top:30px;padding:22px 24px;border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}
body.page-home .tl{position:relative;padding-left:64px}
body.page-home .tl::before{content:'';position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
body.page-home .tl-fill{position:absolute;left:21px;top:8px;width:2px;background:var(--ink);height:0}
body.page-home .tl-step{position:relative;padding-bottom:66px}
body.page-home .tl-dot{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:12px;font-weight:700;transition:all .45s var(--ease)}
body.page-home .tl-step.on .tl-dot{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:scale(1.08)}
body.page-home .tl-body{opacity:.35;transform:translateX(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.page-home .tl-step.on .tl-body{opacity:1;transform:none}
body.page-home .tl-t{font-family:'Archivo';font-stretch:110%;font-size:21px;font-weight:800;text-transform:uppercase;margin-bottom:9px}
body.page-home .tl-d{font-size:14.5px;color:var(--ink-soft);line-height:1.7;max-width:480px}
body.page-home .why{background:var(--bg)}
body.page-home .why-head{margin-bottom:58px;max-width:620px}
body.page-home .wy-row{position:relative;border-top:1px solid var(--line);padding:26px 18px;overflow:hidden}
body.page-home .wy-in{position:relative;z-index:1;display:grid;grid-template-columns:52px 1fr 28px;gap:16px;align-items:start}
body.page-home .wy-n{font-family:'Space Grotesk';font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-faint);padding-top:5px;transition:color .35s}
body.page-home .wy-t{font-family:'Archivo';font-stretch:110%;font-size:19px;font-weight:800;text-transform:uppercase;transition:color .35s}
body.page-home .wy-d{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);font-size:14px;line-height:1.7;color:var(--ink-soft)}
body.page-home .wy-row:hover .wy-d{max-height:130px}
body.page-home .wy-row:hover .wy-d{color:color-mix(in srgb,var(--bg) 72%,transparent)}
body.page-home .os{background:#0A0A0A;color:#F4F4F4;border:1px solid rgba(244,244,244,.14);padding:26px 26px 30px;position:sticky;top:130px}
body.page-home .os-lb{font-family:'Space Grotesk';font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,244,244,.45);margin-bottom:12px}
body.page-home .caret{display:inline-block;width:8px;height:15px;background:#F4F4F4;margin-left:3px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
body.page-home .fd-mono{font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(244,244,244,.4)}
body.page-home .fd-name{font-family:'Archivo';font-stretch:112%;font-size:clamp(34px,4vw,50px);font-weight:800;line-height:1.02;text-transform:uppercase;margin-bottom:8px}
body.page-home .fd-role{font-family:'Space Grotesk';font-size:14px;color:var(--ink-soft);margin-bottom:30px}
body.page-home .fd-bio{font-size:16px;color:var(--ink-soft);line-height:1.8;margin-bottom:34px}
body.page-home .fd-stats{display:flex;gap:40px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:34px}
body.page-home .fs-v{font-family:'Archivo';font-stretch:108%;font-size:18px;font-weight:800;color:var(--ink);text-transform:uppercase}
body.page-home .blog-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:52px}
body.page-home .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
body.page-home .b-card{background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .4s var(--ease),border-color .3s}
body.page-home .b-card:hover{transform:translateY(-7px);border-color:var(--ink)}
body.page-home .b-card:hover .b-img span{transform:scale(1.1)}
body.page-home .b-img{aspect-ratio:16/10;overflow:hidden;position:relative;background:#0A0A0A;display:flex;align-items:center;justify-content:center}
body.page-home .b-img span{font-family:'Archivo';font-stretch:120%;font-size:86px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(244,244,244,.4);transition:transform .6s var(--ease)}
body.page-home .b-body{padding:24px}
body.page-home .b-cat{font-family:'Space Grotesk';font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:11px;color:var(--ink-faint)}
body.page-home .b-title{font-family:'Archivo';font-stretch:106%;font-size:16.5px;font-weight:800;line-height:1.35;margin-bottom:10px}
body.page-home .b-exc{font-size:13px;color:var(--ink-soft);line-height:1.65;margin-bottom:18px}
body.page-home .b-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-faint);padding-top:14px;border-top:1px solid var(--line)}
body.page-home .faq-item{border-bottom:1px solid var(--line)}
body.page-home .faq-q{width:100%;text-align:left;padding:24px 0;font-family:'Archivo';font-stretch:106%;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:18px;transition:opacity .2s}
body.page-home .faq-ico{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;transition:all .3s var(--ease);font-family:'Inter';font-weight:400}
body.page-home .faq-q.open .faq-ico{background:var(--ink);border-color:var(--ink);color:var(--bg);transform:rotate(45deg)}
body.page-home .faq-a{max-height:0;overflow:hidden;transition:max-height .42s var(--ease)}
body.page-home .faq-a.open{max-height:300px}
body.page-home .faq-a p{font-size:14.5px;color:var(--ink-soft);line-height:1.8;padding-bottom:24px}
body.page-home .cta::before{width:640px;height:640px;animation:ringgrow 6s ease-in-out infinite}
body.page-home .cta-in{text-align:center;max-width:680px;margin:0 auto;position:relative;z-index:1}
body.page-home .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,244,244,.6);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-home .cta-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(34px,5vw,60px);font-weight:900;line-height:1.02;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px}
body.page-home .cta-h em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--panel-ink)}
body.page-home footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-home .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
/* --- index responsive --- */
@media(max-width:640px){
  body.page-home #cursor{display:none}
  body.page-home{cursor:auto}
  body.page-home a,body.page-home button{cursor:pointer}
}
@media(max-width:1024px){
  body.page-home .pad{padding:100px 0}
  body.page-home .sec-tag{display:none}
  body.page-home .pl-grid,body.page-home .svc-grid,body.page-home .testi-grid,body.page-home .blog-grid{grid-template-columns:repeat(2,1fr)}
  body.page-home .hww-grid{grid-template-columns:1fr;gap:60px}
  body.page-home .hww-left{position:static}
  body.page-home .why-grid{grid-template-columns:1fr;gap:56px}
  body.page-home .os{position:static}
  body.page-home .fd-in{grid-template-columns:1fr;gap:54px}
  body.page-home .fd-img{max-width:420px;margin:0 auto}
  body.page-home .ft-grid{grid-template-columns:1fr 1fr;gap:36px}
  body.page-home .nav-links{display:none}
  body.page-home .burger{display:flex}
}
@media(max-width:640px){
  body.page-home .wrap{padding:0 22px}
  body.page-home .nav-in{padding:0 22px}
  body.page-home .hero-foot{padding:0 22px 24px;font-size:10px}
  body.page-home .pad{padding:78px 0}
  body.page-home .logo img{height:28px}
  body.page-home .pl-grid,body.page-home .svc-grid,body.page-home .testi-grid,body.page-home .blog-grid{grid-template-columns:1fr}
  body.page-home .ft-grid{grid-template-columns:1fr;gap:32px}
  body.page-home .pl-card{padding:38px 28px}
  body.page-home .chart-wrap{padding:24px 16px}
  body.page-home .reel,body.page-home .cta{padding:84px 0}
  body.page-home .reel-play{width:68px;height:68px}
  body.page-home .reel-play svg{width:24px;height:24px}
  body.page-home .hero-cta,body.page-home .cta-btns,body.page-home .fd-btns{flex-direction:column;align-items:center}
  body.page-home .fd-stats{flex-direction:column;gap:18px}
  body.page-home .stat{padding:0 20px;border-right:none}
  body.page-home .stat-row{gap:26px}
  body.page-home .tl{padding-left:52px}
  body.page-home .tl-dot{left:-52px;width:38px;height:38px}
  body.page-home .tl::before,body.page-home .tl-fill{left:18px}
}
@media(prefers-reduced-motion:reduce){
  body.page-home *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ===================== PAGE: about-us  (body.page-about) ===================== */
body.page-about ::selection{background:var(--ink);color:var(--bg)}
body.page-about a:focus-visible,body.page-about button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-about .ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-about #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-about #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-about .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-about.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-about .trail-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%)}
body.page-about .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-about .pad{padding:130px 0}
body.page-about .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-about .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-about .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(30px,4vw,50px);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
body.page-about .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:560px}
body.page-about .hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:150px 0 60px;overflow:hidden}
body.page-about .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
body.page-about .hero-in{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center}
body.page-about .hero-brand{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:clamp(30px,5.6vw,64px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase}
body.page-about .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-about .hero-sub{max-width:640px;margin:28px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--ink-soft)}
body.page-about html.has-js .stg>*{opacity:0;transform:perspective(1200px) translateY(50px) rotateX(18deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}
body.page-about .stg.in>*:nth-child(2){transition-delay:.1s}
body.page-about .stg.in>*:nth-child(3){transition-delay:.2s}
body.page-about .stg.in>*:nth-child(4){transition-delay:.3s}
body.page-about .pl-head{max-width:700px;margin-bottom:60px}
body.page-about .pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
body.page-about .pl-card{background:var(--surface);border:1px solid var(--line);padding:40px 32px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
body.page-about .pl-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}
body.page-about .pl-ghost{position:absolute;top:-16px;right:-4px;font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
body.page-about .pl-name{font-family:'Archivo';font-stretch:110%;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px;position:relative;z-index:1}
body.page-about .pl-desc{font-size:14px;color:var(--ink-soft);line-height:1.72;position:relative;z-index:1}
body.page-about .hww{background:var(--bg)}
body.page-about .hww-note{margin-top:30px;padding:22px 24px;border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}
body.page-about .tl{position:relative;padding-left:64px}
body.page-about .tl::before{content:'';position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
body.page-about .tl-fill{position:absolute;left:21px;top:8px;width:2px;background:var(--ink);height:0}
body.page-about .tl-step{position:relative;padding-bottom:62px}
body.page-about .tl-dot{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:12px;font-weight:700;transition:all .45s var(--ease)}
body.page-about .tl-step.on .tl-dot{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:scale(1.08)}
body.page-about .tl-body{opacity:.35;transform:translateX(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.page-about .tl-step.on .tl-body{opacity:1;transform:none}
body.page-about .tl-t{font-family:'Archivo';font-stretch:110%;font-size:20px;font-weight:800;text-transform:uppercase;margin-bottom:8px}
body.page-about .tl-d{font-size:14px;color:var(--ink-soft);line-height:1.7;max-width:460px}
body.page-about .fd-mono{font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(10,10,10,.4)}
body.page-about .fd-name{font-family:'Archivo';font-stretch:112%;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.02;text-transform:uppercase;margin-bottom:8px}
body.page-about .fd-role{font-family:'Space Grotesk';font-size:14px;color:var(--ink-soft);margin-bottom:26px}
body.page-about .fd-bio{font-size:15.5px;color:var(--ink-soft);line-height:1.8;margin-bottom:30px}
body.page-about .fd-stats{display:flex;gap:36px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px;flex-wrap:wrap}
body.page-about .fs-v{font-family:'Archivo';font-stretch:108%;font-size:16px;font-weight:800;color:var(--ink);text-transform:uppercase}
body.page-about .cta::before{width:640px;height:640px;animation:ringgrow 6s ease-in-out infinite}
body.page-about .cta-in{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1}
body.page-about .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,244,244,.6);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-about .cta-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(28px,4.6vw,50px);font-weight:900;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px}
body.page-about footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-about .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
/* --- about-us responsive --- */
@media(max-width:640px){
  body.page-about #cursor{display:none}
  body.page-about{cursor:auto}
  body.page-about a,body.page-about button{cursor:pointer}
}
@media(max-width:640px){
  body.page-about .trail-dot{display:none}
}
@media(max-width:1024px){
  body.page-about .pad{padding:96px 0}
  body.page-about .sec-tag{display:none}
  body.page-about .pl-grid{grid-template-columns:1fr}
  body.page-about .hww-grid,body.page-about .origin-grid,body.page-about .fd-in{grid-template-columns:1fr;gap:56px}
  body.page-about .fd-img{max-width:380px;margin:0 auto}
  body.page-about .miles-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  body.page-about .wrap{padding:0 22px}
  body.page-about .pad{padding:74px 0}
  body.page-about .cta-btns{flex-direction:column;align-items:center}
  body.page-about .tl{padding-left:52px}
  body.page-about .tl-dot{left:-52px;width:38px;height:38px}
  body.page-about .tl::before,body.page-about .tl-fill{left:18px}
  body.page-about .fd-stats{flex-direction:column;gap:16px}
}
@media(prefers-reduced-motion:reduce){
  body.page-about *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ===================== PAGE: services  (body.page-services) ===================== */
body.page-services ::selection{background:var(--ink);color:var(--bg)}
body.page-services a:focus-visible,body.page-services button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-services .ic{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-services #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-services #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-services .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-services.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-services .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-services .pad{padding:140px 0}
body.page-services .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-services .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-services .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(32px,4.3vw,54px);font-weight:800;line-height:1.02;letter-spacing:-.02em;text-transform:uppercase}
body.page-services .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:520px}
body.page-services .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:120px 0 0;overflow:hidden}
body.page-services .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);animation:gridpan 16s linear infinite;pointer-events:none}
body.page-services .hero-brand{font-family:'Archivo';font-stretch:122%;font-weight:900;font-size:clamp(46px,10.6vw,158px);line-height:.96;letter-spacing:-.02em;text-align:center;text-transform:uppercase}
body.page-services .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-services .hero-sub{text-align:center;max-width:660px;margin:34px auto 0;font-size:clamp(16px,1.6vw,20px);line-height:1.65;color:var(--ink-soft);opacity:0;transform:translateY(18px)}
body.page-services .hero-cta{display:flex;gap:13px;justify-content:center;margin-top:38px;flex-wrap:wrap;opacity:0;transform:translateY(18px)}
body.page-services .stat-row{display:flex;justify-content:center;gap:0;margin-top:62px;flex-wrap:wrap;position:relative;z-index:1;opacity:0;transform:translateY(18px)}
body.page-services .stat{text-align:center;padding:0 44px;border-right:1px solid var(--line)}
body.page-services .stat-n{font-family:'Archivo';font-stretch:112%;font-size:clamp(26px,2.8vw,40px);font-weight:800;color:var(--ink)}
body.page-services .stat-l{font-family:'Space Grotesk';font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-top:7px}
body.page-services .strip{overflow:hidden;margin-top:64px;padding-bottom:46px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);position:relative;z-index:1}
body.page-services .strip-track{display:flex;gap:14px;width:max-content;animation:slide 42s linear infinite}
body.page-services .chip{display:flex;align-items:center;gap:10px;padding:15px 24px;border:1px solid var(--line);border-radius:999px;font-family:'Space Grotesk';font-size:13px;font-weight:500;color:var(--ink-soft);background:var(--surface);flex-shrink:0;transition:all .3s var(--ease)}
body.page-services .ticker{background:var(--ink);overflow:hidden;padding:15px 0;transition:background .5s var(--ease)}
body.page-services .tk-track{display:flex;width:max-content;animation:slide 28s linear infinite}
body.page-services .tk-track span{font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--bg);padding:0 26px;display:inline-flex;align-items:center;gap:26px;transition:color .5s var(--ease)}
body.page-services .tk-track span::after{content:'✦';font-size:8px;opacity:.6}
body.page-services .stg.in>*:nth-child(2){transition-delay:.1s}
body.page-services .stg.in>*:nth-child(3){transition-delay:.2s}
body.page-services .stg.in>*:nth-child(4){transition-delay:.3s}
body.page-services .stg.in>*:nth-child(5){transition-delay:.4s}
body.page-services .stg.in>*:nth-child(6){transition-delay:.5s}
body.page-services .pillars{background:var(--bg-alt)}
body.page-services .pl-head{max-width:680px;margin-bottom:64px}
body.page-services .pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
body.page-services .pl-card{background:var(--surface);border:1px solid var(--line);padding:46px 36px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
body.page-services .pl-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}
body.page-services .pl-ghost{position:absolute;top:-18px;right:-6px;font-family:'Archivo';font-stretch:120%;font-size:120px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
body.page-services .pl-ico{width:62px;height:62px;border-radius:50%;border:1px solid var(--line);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:26px;transition:all .4s var(--ease);position:relative;z-index:1}
body.page-services .pl-name{font-family:'Archivo';font-stretch:110%;font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:14px;position:relative;z-index:1}
body.page-services .pl-desc{font-size:14.5px;color:var(--ink-soft);line-height:1.72;margin-bottom:28px;position:relative;z-index:1}
body.page-services .hww{background:var(--bg)}
body.page-services .hww-left{position:sticky;top:130px}
body.page-services .hww-note{margin-top:30px;padding:22px 24px;border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}
body.page-services .tl{position:relative;padding-left:64px}
body.page-services .tl::before{content:'';position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
body.page-services .tl-fill{position:absolute;left:21px;top:8px;width:2px;background:var(--ink);height:0}
body.page-services .tl-step{position:relative;padding-bottom:66px}
body.page-services .tl-dot{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:12px;font-weight:700;transition:all .45s var(--ease)}
body.page-services .tl-step.on .tl-dot{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:scale(1.08)}
body.page-services .tl-body{opacity:.35;transform:translateX(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.page-services .tl-step.on .tl-body{opacity:1;transform:none}
body.page-services .tl-t{font-family:'Archivo';font-stretch:110%;font-size:21px;font-weight:800;text-transform:uppercase;margin-bottom:9px}
body.page-services .tl-d{font-size:14.5px;color:var(--ink-soft);line-height:1.7;max-width:480px}
body.page-services .why{background:var(--bg)}
body.page-services .why-head{margin-bottom:58px;max-width:620px}
body.page-services .wy-row{position:relative;border-top:1px solid var(--line);padding:26px 18px;overflow:hidden}
body.page-services .wy-in{position:relative;z-index:1;display:grid;grid-template-columns:52px 1fr 28px;gap:16px;align-items:start}
body.page-services .wy-n{font-family:'Space Grotesk';font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-faint);padding-top:5px;transition:color .35s}
body.page-services .wy-t{font-family:'Archivo';font-stretch:110%;font-size:19px;font-weight:800;text-transform:uppercase;transition:color .35s}
body.page-services .wy-d{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);font-size:14px;line-height:1.7;color:var(--ink-soft)}
body.page-services .wy-row:hover .wy-d{max-height:130px}
body.page-services .wy-row:hover .wy-d{color:color-mix(in srgb,var(--bg) 72%,transparent)}
body.page-services .os{background:#0A0A0A;color:#F4F4F4;border:1px solid rgba(244,244,244,.14);padding:26px 26px 30px;position:sticky;top:130px}
body.page-services .os-lb{font-family:'Space Grotesk';font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,244,244,.45);margin-bottom:12px}
body.page-services .caret{display:inline-block;width:8px;height:15px;background:#F4F4F4;margin-left:3px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
body.page-services .fd-mono{font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(244,244,244,.4)}
body.page-services .fd-name{font-family:'Archivo';font-stretch:112%;font-size:clamp(34px,4vw,50px);font-weight:800;line-height:1.02;text-transform:uppercase;margin-bottom:8px}
body.page-services .fd-role{font-family:'Space Grotesk';font-size:14px;color:var(--ink-soft);margin-bottom:30px}
body.page-services .fd-bio{font-size:16px;color:var(--ink-soft);line-height:1.8;margin-bottom:34px}
body.page-services .fd-stats{display:flex;gap:40px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:34px}
body.page-services .fs-v{font-family:'Archivo';font-stretch:108%;font-size:18px;font-weight:800;color:var(--ink);text-transform:uppercase}
body.page-services .blog-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:52px}
body.page-services .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
body.page-services .b-card{background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .4s var(--ease),border-color .3s}
body.page-services .b-card:hover{transform:translateY(-7px);border-color:var(--ink)}
body.page-services .b-card:hover .b-img span{transform:scale(1.1)}
body.page-services .b-img{aspect-ratio:16/10;overflow:hidden;position:relative;background:#0A0A0A;display:flex;align-items:center;justify-content:center}
body.page-services .b-img span{font-family:'Archivo';font-stretch:120%;font-size:86px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(244,244,244,.4);transition:transform .6s var(--ease)}
body.page-services .b-body{padding:24px}
body.page-services .b-cat{font-family:'Space Grotesk';font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:11px;color:var(--ink-faint)}
body.page-services .b-title{font-family:'Archivo';font-stretch:106%;font-size:16.5px;font-weight:800;line-height:1.35;margin-bottom:10px}
body.page-services .b-exc{font-size:13px;color:var(--ink-soft);line-height:1.65;margin-bottom:18px}
body.page-services .b-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-faint);padding-top:14px;border-top:1px solid var(--line)}
body.page-services .faq-item{border-bottom:1px solid var(--line)}
body.page-services .faq-q{width:100%;text-align:left;padding:24px 0;font-family:'Archivo';font-stretch:106%;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:18px;transition:opacity .2s}
body.page-services .faq-ico{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;transition:all .3s var(--ease);font-family:'Inter';font-weight:400}
body.page-services .faq-q.open .faq-ico{background:var(--ink);border-color:var(--ink);color:var(--bg);transform:rotate(45deg)}
body.page-services .faq-a{max-height:0;overflow:hidden;transition:max-height .42s var(--ease)}
body.page-services .faq-a.open{max-height:300px}
body.page-services .faq-a p{font-size:14.5px;color:var(--ink-soft);line-height:1.8;padding-bottom:24px}
body.page-services .cta::before{width:640px;height:640px;animation:ringgrow 6s ease-in-out infinite}
body.page-services .cta-in{text-align:center;max-width:680px;margin:0 auto;position:relative;z-index:1}
body.page-services .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,244,244,.6);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-services .cta-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(34px,5vw,60px);font-weight:900;line-height:1.02;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px}
body.page-services .cta-h em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--panel-ink)}
body.page-services footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-services .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
body.page-services .svc-hero{min-height:100vh;display:flex;flex-direction:column;position:relative;padding:120px 0 0;overflow:hidden}
body.page-services .svc-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 42%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 42%,#000 30%,transparent 75%);animation:gridpan 16s linear infinite;pointer-events:none}
body.page-services .svc-rv{opacity:0;transform:translateY(22px);animation:svcIn_services .8s var(--ease) forwards}
/* --- services responsive --- */
@media(max-width:640px){
  body.page-services #cursor{display:none}
  body.page-services{cursor:auto}
  body.page-services a,body.page-services button{cursor:pointer}
}
@media(max-width:1024px){
  body.page-services .pad{padding:100px 0}
  body.page-services .sec-tag{display:none}
  body.page-services .pl-grid,body.page-services .svc-grid,body.page-services .testi-grid,body.page-services .blog-grid{grid-template-columns:repeat(2,1fr)}
  body.page-services .hww-grid{grid-template-columns:1fr;gap:60px}
  body.page-services .hww-left{position:static}
  body.page-services .why-grid{grid-template-columns:1fr;gap:56px}
  body.page-services .os{position:static}
  body.page-services .fd-in{grid-template-columns:1fr;gap:54px}
  body.page-services .fd-img{max-width:420px;margin:0 auto}
  body.page-services .ft-grid{grid-template-columns:1fr 1fr;gap:36px}
  body.page-services .nav-links{display:none}
  body.page-services .burger{display:flex}
}
@media(max-width:640px){
  body.page-services .wrap{padding:0 22px}
  body.page-services .nav-in{padding:0 22px}
  body.page-services .hero-foot{padding:0 22px 24px;font-size:10px}
  body.page-services .pad{padding:78px 0}
  body.page-services .logo img{height:28px}
  body.page-services .pl-grid,body.page-services .svc-grid,body.page-services .testi-grid,body.page-services .blog-grid{grid-template-columns:1fr}
  body.page-services .ft-grid{grid-template-columns:1fr;gap:32px}
  body.page-services .pl-card{padding:38px 28px}
  body.page-services .chart-wrap{padding:24px 16px}
  body.page-services .reel,body.page-services .cta{padding:84px 0}
  body.page-services .reel-play{width:68px;height:68px}
  body.page-services .reel-play svg{width:24px;height:24px}
  body.page-services .hero-cta,body.page-services .cta-btns,body.page-services .fd-btns{flex-direction:column;align-items:center}
  body.page-services .fd-stats{flex-direction:column;gap:18px}
  body.page-services .stat{padding:0 20px;border-right:none}
  body.page-services .stat-row{gap:26px}
  body.page-services .tl{padding-left:52px}
  body.page-services .tl-dot{left:-52px;width:38px;height:38px}
  body.page-services .tl::before,body.page-services .tl-fill{left:18px}
}
@media(prefers-reduced-motion:reduce){
  body.page-services *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media(max-width:900px){
  body.page-services .sd-row{grid-template-columns:1fr}
  body.page-services .sd-num{padding-top:0;margin-bottom:10px}
  body.page-services .sd-body{grid-template-columns:48px 1fr}
}
@media(max-width:900px){
  body.page-services .psvc-grid{grid-template-columns:repeat(2,1fr)}
  body.page-services .svc-modal-deliv{grid-template-columns:1fr}
}
@media(max-width:640px){
  body.page-services .psvc-grid{grid-template-columns:1fr}
  body.page-services .svc-modal-body{padding:8px 24px 40px}
  body.page-services .svc-modal-panel{border-radius:14px 14px 0 0}
}
@media(max-width:900px){
  body.page-services .proof-in{grid-template-columns:1fr;gap:36px}
}
@media(max-width:640px){
  body.page-services .proof{padding:56px 0}
  body.page-services .proof-stats{gap:20px 22px}
}

/* ===================== PAGE: service-seo  (body.page-seo) ===================== */
body.page-seo ::selection{background:var(--ink);color:var(--bg)}
body.page-seo a:focus-visible,body.page-seo button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-seo .ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-seo #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-seo #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-seo .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-seo.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-seo .trail-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%)}
body.page-seo .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-seo .pad{padding:130px 0}
body.page-seo .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-seo .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-seo .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(30px,4vw,50px);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
body.page-seo .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:560px}
body.page-seo .hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:150px 0 60px;overflow:hidden}
body.page-seo .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
body.page-seo .hero-in{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center}
body.page-seo .hero-brand{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:clamp(30px,5.6vw,64px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase}
body.page-seo .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-seo .hero-sub{max-width:640px;margin:28px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--ink-soft)}
body.page-seo html.has-js .stg>*{opacity:0;transform:perspective(1200px) translateY(50px) rotateX(18deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}
body.page-seo .stg.in>*:nth-child(2){transition-delay:.1s}
body.page-seo .stg.in>*:nth-child(3){transition-delay:.2s}
body.page-seo .stg.in>*:nth-child(4){transition-delay:.3s}
body.page-seo .pl-head{max-width:700px;margin-bottom:60px}
body.page-seo .pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
body.page-seo .pl-card{background:var(--surface);border:1px solid var(--line);padding:40px 32px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
body.page-seo .pl-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}
body.page-seo .pl-ghost{position:absolute;top:-16px;right:-4px;font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
body.page-seo .pl-name{font-family:'Archivo';font-stretch:110%;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px;position:relative;z-index:1}
body.page-seo .pl-desc{font-size:14px;color:var(--ink-soft);line-height:1.72;position:relative;z-index:1}
body.page-seo .hww{background:var(--bg)}
body.page-seo .hww-note{margin-top:30px;padding:22px 24px;border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}
body.page-seo .tl{position:relative;padding-left:64px}
body.page-seo .tl::before{content:'';position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
body.page-seo .tl-fill{position:absolute;left:21px;top:8px;width:2px;background:var(--ink);height:0}
body.page-seo .tl-step{position:relative;padding-bottom:62px}
body.page-seo .tl-dot{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:12px;font-weight:700;transition:all .45s var(--ease)}
body.page-seo .tl-step.on .tl-dot{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:scale(1.08)}
body.page-seo .tl-body{opacity:.35;transform:translateX(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.page-seo .tl-step.on .tl-body{opacity:1;transform:none}
body.page-seo .tl-t{font-family:'Archivo';font-stretch:110%;font-size:20px;font-weight:800;text-transform:uppercase;margin-bottom:8px}
body.page-seo .tl-d{font-size:14px;color:var(--ink-soft);line-height:1.7;max-width:460px}
body.page-seo .fd-mono{font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(10,10,10,.4)}
body.page-seo .fd-name{font-family:'Archivo';font-stretch:112%;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.02;text-transform:uppercase;margin-bottom:8px}
body.page-seo .fd-role{font-family:'Space Grotesk';font-size:14px;color:var(--ink-soft);margin-bottom:26px}
body.page-seo .fd-bio{font-size:15.5px;color:var(--ink-soft);line-height:1.8;margin-bottom:30px}
body.page-seo .fd-stats{display:flex;gap:36px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px;flex-wrap:wrap}
body.page-seo .fs-v{font-family:'Archivo';font-stretch:108%;font-size:16px;font-weight:800;color:var(--ink);text-transform:uppercase}
body.page-seo .cta::before{width:640px;height:640px;animation:ringgrow 6s ease-in-out infinite}
body.page-seo .cta-in{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1}
body.page-seo .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,244,244,.6);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-seo .cta-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(28px,4.6vw,50px);font-weight:900;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px}
body.page-seo footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-seo .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
body.page-seo .svc-hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;padding:150px 0 60px;position:relative;overflow:hidden}
body.page-seo .svc-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
body.page-seo .svc-symptom{padding:18px 22px;display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-soft)}
body.page-seo .process-step{position:relative;padding-bottom:44px}
body.page-seo .process-dot{position:absolute;left:-40px;top:2px;width:19px;height:19px;border-radius:50%;background:var(--bg);border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:9px;font-weight:700}
body.page-seo .deliv-card{background:var(--surface);padding:26px 22px}
body.page-seo .price-card{border:1px solid var(--line);padding:36px 30px;transition:all .3s var(--ease)}
body.page-seo .price-card.pop{border-color:var(--ink);background:var(--ink);color:var(--bg)}
body.page-seo .proof-card{border:1px solid var(--ink);padding:44px 40px;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center}
body.page-seo .faq-item{border:1px solid var(--line);margin-bottom:10px;transition:border-color .3s,background .3s}
body.page-seo .faq-q{width:100%;text-align:left;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;background:none;border:none;font-family:'Space Grotesk';font-size:15px;font-weight:600;color:var(--ink)}
body.page-seo .faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
body.page-seo .faq-a.open{max-height:220px}
body.page-seo .faq-a p{font-size:14px;color:var(--ink-soft);line-height:1.65;padding:0 24px 22px;max-width:680px}
body.page-seo .cs-cta{padding:110px 0;text-align:center;border-top:1px solid var(--line)}
body.page-seo .price-card{perspective:1200px;will-change:transform;opacity:0;transform:translateY(30px)}
body.page-seo html.has-js .pricing-grid.in .price-card{animation:svcIn_seo .7s var(--ease) forwards}
body.page-seo .price-card.pop{transform:translateY(30px) scale(1.03)}
body.page-seo .deliv-card{opacity:0;transform:translateY(22px);transition:box-shadow .3s,transform .3s}
body.page-seo html.has-js .deliv-grid.in .deliv-card{animation:svcIn_seo .6s var(--ease) forwards}
body.page-seo .process-step{opacity:0;transform:translateX(-16px)}
body.page-seo .process-dot{transition:background .3s,border-color .3s}
body.page-seo .svc-symptom{transition:background .25s,padding-left .25s}
body.page-seo .proof-card{transition:transform .4s var(--ease)}
/* --- service-seo responsive --- */
@media(max-width:640px){
  body.page-seo #cursor{display:none}
  body.page-seo{cursor:auto}
  body.page-seo a,body.page-seo button{cursor:pointer}
}
@media(max-width:640px){
  body.page-seo .trail-dot{display:none}
}
@media(max-width:1024px){
  body.page-seo .pad{padding:96px 0}
  body.page-seo .sec-tag{display:none}
  body.page-seo .pl-grid{grid-template-columns:1fr}
  body.page-seo .hww-grid,body.page-seo .origin-grid,body.page-seo .fd-in{grid-template-columns:1fr;gap:56px}
  body.page-seo .fd-img{max-width:380px;margin:0 auto}
  body.page-seo .miles-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  body.page-seo .wrap{padding:0 22px}
  body.page-seo .pad{padding:74px 0}
  body.page-seo .cta-btns{flex-direction:column;align-items:center}
  body.page-seo .tl{padding-left:52px}
  body.page-seo .tl-dot{left:-52px;width:38px;height:38px}
  body.page-seo .tl::before,body.page-seo .tl-fill{left:18px}
  body.page-seo .fd-stats{flex-direction:column;gap:16px}
}
@media(prefers-reduced-motion:reduce){
  body.page-seo *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media(max-width:860px){
  body.page-seo .svc-problem-grid{grid-template-columns:1fr}
  body.page-seo .deliv-grid{grid-template-columns:repeat(2,1fr)}
  body.page-seo .pricing-grid{grid-template-columns:1fr}
  body.page-seo .proof-card{grid-template-columns:1fr;text-align:center}
}

/* ===================== PAGE: courses  (body.page-courses) ===================== */
body.page-courses ::selection{background:var(--ink);color:var(--bg)}
body.page-courses a:focus-visible,body.page-courses button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-courses .ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-courses #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-courses #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-courses .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-courses.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-courses .trail-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%)}
body.page-courses .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-courses .pad{padding:130px 0}
body.page-courses .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-courses .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-courses .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(30px,4vw,50px);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
body.page-courses .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:540px}
body.page-courses .hero{min-height:86vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:70px 0 60px;overflow:hidden}
body.page-courses .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);animation:gridpan 16s linear infinite;pointer-events:none}
body.page-courses .hero-in{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}
body.page-courses .hero-brand{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:clamp(32px,6.4vw,74px);line-height:1.03;letter-spacing:-.02em;text-transform:uppercase}
body.page-courses .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-courses .hero-sub{max-width:620px;margin:30px auto 0;font-size:clamp(15.5px,1.5vw,18px);line-height:1.65;color:var(--ink-soft);opacity:0;transform:translateY(18px)}
body.page-courses .hero-cta{display:flex;gap:13px;justify-content:center;margin-top:36px;flex-wrap:wrap;opacity:0;transform:translateY(18px)}
body.page-courses .stat-row{display:flex;justify-content:center;gap:0;margin-top:60px;flex-wrap:wrap;position:relative;z-index:1;opacity:0;transform:translateY(18px)}
body.page-courses .stat{text-align:center;padding:0 40px;border-right:1px solid var(--line)}
body.page-courses .stat-n{font-family:'Archivo';font-stretch:112%;font-size:clamp(24px,2.6vw,36px);font-weight:800;color:var(--ink)}
body.page-courses .stat-l{font-family:'Space Grotesk';font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);margin-top:6px}
body.page-courses .strip{overflow:hidden;margin-top:60px;padding-bottom:10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);position:relative;z-index:1}
body.page-courses .strip-track{display:flex;gap:14px;width:max-content;animation:slide 38s linear infinite}
body.page-courses .chip{display:flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid var(--line);border-radius:999px;font-family:'Space Grotesk';font-size:12.5px;font-weight:500;color:var(--ink-soft);background:var(--surface);flex-shrink:0}
body.page-courses .ticker{background:var(--ink);overflow:hidden;padding:15px 0;transition:background .5s var(--ease)}
body.page-courses .tk-track{display:flex;width:max-content;animation:slide 30s linear infinite}
body.page-courses .tk-track span{font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bg);padding:0 26px;display:inline-flex;align-items:center;gap:26px;transition:color .5s var(--ease)}
body.page-courses .tk-track span::after{content:'✦';font-size:8px;opacity:.6}
body.page-courses html.has-js .stg>*{opacity:0;transform:perspective(1200px) translateY(50px) rotateX(22deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}
body.page-courses .stg.in>*:nth-child(2){transition-delay:.1s}
body.page-courses .stg.in>*:nth-child(3){transition-delay:.2s}
body.page-courses .stg.in>*:nth-child(4){transition-delay:.3s}
body.page-courses .stg.in>*:nth-child(5){transition-delay:.4s}
body.page-courses .stg.in>*:nth-child(6){transition-delay:.5s}
body.page-courses .pillars{background:var(--bg-alt)}
body.page-courses .pl-head{max-width:680px;margin-bottom:60px}
body.page-courses .pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
body.page-courses .pl-card{background:var(--surface);border:1px solid var(--line);padding:44px 34px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
body.page-courses .pl-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}
body.page-courses .pl-ghost{position:absolute;top:-16px;right:-4px;font-family:'Archivo';font-stretch:120%;font-size:104px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
body.page-courses .pl-ico{width:58px;height:58px;border-radius:50%;border:1px solid var(--line);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .4s var(--ease);position:relative;z-index:1}
body.page-courses .pl-name{font-family:'Archivo';font-stretch:110%;font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px;position:relative;z-index:1}
body.page-courses .pl-desc{font-size:14px;color:var(--ink-soft);line-height:1.72;position:relative;z-index:1}
body.page-courses .why{background:var(--bg)}
body.page-courses .why-head{margin-bottom:56px;max-width:640px}
body.page-courses .wy-row{position:relative;border-top:1px solid var(--line);padding:26px 18px;overflow:hidden}
body.page-courses .wy-in{position:relative;z-index:1;display:grid;grid-template-columns:52px 1fr 28px;gap:16px;align-items:start}
body.page-courses .wy-n{font-family:'Space Grotesk';font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-faint);padding-top:5px;transition:color .35s}
body.page-courses .wy-t{font-family:'Archivo';font-stretch:110%;font-size:18px;font-weight:800;text-transform:uppercase;transition:color .35s}
body.page-courses .wy-d{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);font-size:14px;line-height:1.7;color:var(--ink-soft)}
body.page-courses .wy-row:hover .wy-d{max-height:130px}
body.page-courses .wy-row:hover .wy-d{color:color-mix(in srgb,var(--bg) 72%,transparent)}
body.page-courses .os{background:#0A0A0A;color:#F4F4F4;border:1px solid rgba(244,244,244,.14);padding:26px 26px 30px}
body.page-courses .os-lb{font-family:'Space Grotesk';font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,244,244,.45);margin-bottom:14px}
body.page-courses .caret{display:inline-block;width:7px;height:14px;background:#F4F4F4;margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
body.page-courses .hww{background:var(--bg-alt)}
body.page-courses .hww-left{position:relative}
body.page-courses .hww-note{margin-top:30px;padding:22px 24px;border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}
body.page-courses .tl{position:relative;padding-left:64px}
body.page-courses .tl::before{content:'';position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
body.page-courses .tl-fill{position:absolute;left:21px;top:8px;width:2px;background:var(--ink);height:0}
body.page-courses .tl-step{position:relative;padding-bottom:62px}
body.page-courses .tl-dot{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:12px;font-weight:700;transition:all .45s var(--ease)}
body.page-courses .tl-step.on .tl-dot{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:scale(1.08)}
body.page-courses .tl-body{opacity:.35;transform:translateX(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.page-courses .tl-step.on .tl-body{opacity:1;transform:none}
body.page-courses .tl-t{font-family:'Archivo';font-stretch:110%;font-size:20px;font-weight:800;text-transform:uppercase;margin-bottom:8px}
body.page-courses .tl-d{font-size:14px;color:var(--ink-soft);line-height:1.7;max-width:460px}
body.page-courses .faq-item{border-bottom:1px solid var(--line)}
body.page-courses .faq-q{width:100%;text-align:left;padding:24px 0;font-family:'Archivo';font-stretch:106%;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:18px;transition:opacity .2s}
body.page-courses .faq-ico{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;transition:all .3s var(--ease);font-family:'Inter';font-weight:400}
body.page-courses .faq-q.open .faq-ico{background:var(--ink);border-color:var(--ink);color:var(--bg);transform:rotate(45deg)}
body.page-courses .faq-a{max-height:0;overflow:hidden;transition:max-height .42s var(--ease)}
body.page-courses .faq-a.open{max-height:300px}
body.page-courses .faq-a p{font-size:14.5px;color:var(--ink-soft);line-height:1.8;padding-bottom:24px}
body.page-courses .cta::before{width:640px;height:640px;animation:ringgrow 6s ease-in-out infinite}
body.page-courses .cta-in{text-align:center;max-width:680px;margin:0 auto;position:relative;z-index:1}
body.page-courses .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,244,244,.6);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-courses .cta-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(30px,4.6vw,54px);font-weight:900;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px}
body.page-courses footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1);padding:50px 0 26px;text-align:center}
body.page-courses .ft-tag{font-family:'Space Grotesk';font-size:12px;color:rgba(244,244,244,.5)}
/* --- courses responsive --- */
@media(max-width:640px){
  body.page-courses #cursor{display:none}
  body.page-courses{cursor:auto}
  body.page-courses a,body.page-courses button{cursor:pointer}
}
@media(max-width:640px){
  body.page-courses .trail-dot{display:none}
}
@media(max-width:900px){
  body.page-courses .hero-seal{display:none}
}
@media(max-width:1024px){
  body.page-courses .pad{padding:96px 0}
  body.page-courses .sec-tag{display:none}
  body.page-courses .pl-grid,body.page-courses .crs-grid,body.page-courses .oc-grid{grid-template-columns:repeat(2,1fr)}
  body.page-courses .hww-grid,body.page-courses .why-grid{grid-template-columns:1fr;gap:56px}
}
@media(max-width:640px){
  body.page-courses .wrap{padding:0 22px}
  body.page-courses .nav-in{padding:0 22px}
  body.page-courses .pad{padding:74px 0}
  body.page-courses .pl-grid,body.page-courses .crs-grid,body.page-courses .oc-grid{grid-template-columns:1fr}
  body.page-courses .hero-cta,body.page-courses .cta-btns{flex-direction:column;align-items:center}
  body.page-courses .stat{padding:0 18px;border-right:none}
  body.page-courses .stat-row{gap:22px}
  body.page-courses .tl{padding-left:52px}
  body.page-courses .tl-dot{left:-52px;width:38px;height:38px}
  body.page-courses .tl::before,body.page-courses .tl-fill{left:18px}
  body.page-courses .quiz-box{padding:36px 24px}
  body.page-courses .crs-meta{margin:0 20px}
  body.page-courses .crs-top,body.page-courses .crs-bottom{padding-left:20px;padding-right:20px}
}
@media(prefers-reduced-motion:reduce){
  body.page-courses *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ===================== PAGE: personal-branding  (body.page-branding) ===================== */
body.page-branding ::selection{background:var(--gold);color:#fff}
body.page-branding a:focus-visible,body.page-branding button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}
body.page-branding .ic{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-branding #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-branding #prog{position:fixed;top:0;left:0;height:3px;background:var(--gold);z-index:9998;width:0%}
body.page-branding .cur-dot{position:absolute;width:6px;height:6px;background:var(--gold);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-branding.hovering .cur-ring{width:64px;height:64px;border-color:var(--gold);background:var(--gold-soft)}
body.page-branding .trail-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--gold);pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%)}
body.page-branding .wrap{max-width:1240px;margin:0 auto;padding:0 40px}
body.page-branding .pad{padding:130px 0}
body.page-branding .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:12px;margin-bottom:20px}
body.page-branding .eyebrow::before{content:'';width:24px;height:1px;background:var(--gold)}
body.page-branding .h-sec{font-family:'Fraunces';font-weight:700;font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.01em}
body.page-branding .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:540px}
body.page-branding .hero{min-height:auto;position:relative;padding:150px 0 40px;overflow:hidden}
body.page-branding .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 75% 55% at 50% 20%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse 75% 55% at 50% 20%,#000 30%,transparent 78%);pointer-events:none}
body.page-branding .hero-in{position:relative;z-index:1;max-width:980px;margin:0 auto;text-align:center}
body.page-branding .hero-brand{font-family:'Fraunces';font-weight:700;font-size:clamp(34px,7vw,84px);line-height:1;letter-spacing:-.02em}
body.page-branding .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0}
body.page-branding .hero-cta{display:flex;gap:13px;justify-content:center;margin-top:36px;flex-wrap:wrap}
body.page-branding .ticker{background:var(--ink);overflow:hidden;padding:15px 0}
body.page-branding .tk-track{display:flex;width:max-content;animation:slide 30s linear infinite}
body.page-branding .tk-track span{font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bg);padding:0 26px;display:inline-flex;align-items:center;gap:26px}
body.page-branding .tk-track span::after{content:'✦';font-size:8px;opacity:.6;color:var(--gold)}
body.page-branding html.has-js .stg>*{opacity:0;transform:perspective(1200px) translateY(50px) rotateX(18deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}
body.page-branding .stg.in>*:nth-child(2){transition-delay:.1s}
body.page-branding .stg.in>*:nth-child(3){transition-delay:.2s}
body.page-branding .stg.in>*:nth-child(4){transition-delay:.3s}
body.page-branding .pillars{background:var(--bg)}
body.page-branding .pl-head{max-width:700px;margin-bottom:60px}
body.page-branding .pl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;perspective:1400px}
body.page-branding .pl-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
body.page-branding .pl-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
body.page-branding .pl-ico{width:44px;height:44px;border-radius:12px;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
body.page-branding .pl-name{font-family:'Fraunces';font-weight:700;font-size:16.5px;line-height:1.25}
body.page-branding .pl-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.6;margin-bottom:16px}
body.page-branding .why{background:var(--bg-alt)}
body.page-branding .why-head{margin-bottom:56px;max-width:640px}
body.page-branding .wy-row{position:relative;border-top:1px solid var(--line);padding:24px 16px}
body.page-branding .wy-in{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
body.page-branding .wy-n{font-family:'Fraunces';font-style:italic;font-weight:700;font-size:20px;color:var(--gold)}
body.page-branding .wy-t{font-family:'Fraunces';font-weight:700;font-size:17px;margin-bottom:6px}
body.page-branding .wy-d{font-size:13.5px;line-height:1.65;color:var(--ink-soft)}
body.page-branding .caret{display:inline-block;width:6px;height:13px;background:var(--panel-ink);margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
body.page-branding .hww{background:var(--bg)}
body.page-branding .hww-note{margin-top:26px;padding:20px 22px;border:1px solid var(--line);font-size:13px;line-height:1.7;color:var(--ink-soft);background:var(--surface)}
body.page-branding .tl{position:relative;padding-left:60px}
body.page-branding .tl::before{content:'';position:absolute;left:19px;top:6px;bottom:6px;width:2px;background:var(--line)}
body.page-branding .tl-fill{position:absolute;left:19px;top:6px;width:2px;background:var(--gold);height:0}
body.page-branding .tl-step{position:relative;padding-bottom:56px}
body.page-branding .tl-dot{position:absolute;left:-60px;top:0;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Fraunces';font-style:italic;font-weight:700;font-size:14px;transition:all .45s var(--ease)}
body.page-branding .tl-step.on .tl-dot{border-color:var(--gold);background:var(--gold);color:#fff}
body.page-branding .tl-body{opacity:.35;transition:opacity .5s var(--ease)}
body.page-branding .tl-step.on .tl-body{opacity:1}
body.page-branding .tl-t{font-family:'Fraunces';font-weight:700;font-size:19px;margin-bottom:6px}
body.page-branding .tl-d{font-size:13.5px;color:var(--ink-soft);line-height:1.65;max-width:460px}
body.page-branding .faq-item{border-bottom:1px solid var(--line)}
body.page-branding .faq-q{width:100%;text-align:left;padding:24px 0;font-family:'Fraunces';font-weight:700;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:18px}
body.page-branding .faq-ico{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:all .3s var(--ease)}
body.page-branding .faq-q.open .faq-ico{background:var(--gold);border-color:var(--gold);color:#fff;transform:rotate(45deg)}
body.page-branding .faq-a{max-height:0;overflow:hidden;transition:max-height .42s var(--ease)}
body.page-branding .faq-a.open{max-height:300px}
body.page-branding .faq-a p{font-size:14px;color:var(--ink-soft);line-height:1.8;padding-bottom:22px}
body.page-branding .cta::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--gold) 1px,transparent 1px);background-size:34px 34px;opacity:.06;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000,transparent 75%)}
body.page-branding .cta-in{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1}
body.page-branding .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-branding .cta-h{font-family:'Fraunces';font-weight:700;font-size:clamp(30px,4.6vw,52px);line-height:1.1;margin-bottom:18px}
body.page-branding .cta-h em{font-style:italic;color:var(--gold)}
body.page-branding footer{background:var(--panel);color:var(--panel-ink);border-top:1px solid rgba(244,244,244,.1);padding:44px 0 24px;text-align:center}
body.page-branding .ft-tag{font-family:'Space Grotesk';font-size:12px;color:rgba(244,244,244,.5)}
body.page-branding footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-branding .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
/* --- personal-branding responsive --- */
@media(max-width:640px){
  body.page-branding #cursor{display:none}
  body.page-branding{cursor:auto}
  body.page-branding a,body.page-branding button{cursor:pointer}
}
@media(max-width:640px){
  body.page-branding .trail-dot{display:none}
}
@media(max-width:640px){
  body.page-branding .covers{transform:scale(.78)}
}
@media(max-width:1024px){
  body.page-branding .pl-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  body.page-branding .pl-grid{grid-template-columns:1fr}
}
@media(max-width:1024px){
  body.page-branding .pad{padding:96px 0}
  body.page-branding .hww-grid,body.page-branding .why-grid,body.page-branding .pain-grid{grid-template-columns:1fr;gap:56px}
  body.page-branding .slots-grid{grid-template-columns:1fr}
  body.page-branding .phone{margin:0 auto}
}
@media(max-width:640px){
  body.page-branding .wrap{padding:0 22px}
  body.page-branding .pad{padding:74px 0}
  body.page-branding .hero-cta,body.page-branding .cta-btns{flex-direction:column;align-items:center}
  body.page-branding .tl{padding-left:48px}
  body.page-branding .tl-dot{left:-48px;width:34px;height:34px}
  body.page-branding .tl::before,body.page-branding .tl-fill{left:16px}
}
@media(prefers-reduced-motion:reduce){
  body.page-branding *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ===================== PAGE: case-studies  (body.page-cases) ===================== */
body.page-cases ::selection{background:var(--ink);color:var(--bg)}
body.page-cases a:focus-visible,body.page-cases button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-cases .ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-cases #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-cases #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-cases .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-cases.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-cases .trail-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%)}
body.page-cases .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-cases .pad{padding:130px 0}
body.page-cases .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-cases .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-cases .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(30px,4vw,50px);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
body.page-cases .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:560px}
body.page-cases .hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:150px 0 60px;overflow:hidden}
body.page-cases .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
body.page-cases .hero-in{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center}
body.page-cases .hero-brand{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:clamp(30px,5.6vw,64px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase}
body.page-cases .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-cases .hero-sub{max-width:640px;margin:28px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--ink-soft)}
body.page-cases html.has-js .stg>*{opacity:0;transform:perspective(1200px) translateY(50px) rotateX(18deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}
body.page-cases .stg.in>*:nth-child(2){transition-delay:.1s}
body.page-cases .stg.in>*:nth-child(3){transition-delay:.2s}
body.page-cases .stg.in>*:nth-child(4){transition-delay:.3s}
body.page-cases .pl-head{max-width:700px;margin-bottom:60px}
body.page-cases .pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
body.page-cases .pl-card{background:var(--surface);border:1px solid var(--line);padding:40px 32px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
body.page-cases .pl-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}
body.page-cases .pl-ghost{position:absolute;top:-16px;right:-4px;font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
body.page-cases .pl-name{font-family:'Archivo';font-stretch:110%;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px;position:relative;z-index:1}
body.page-cases .pl-desc{font-size:14px;color:var(--ink-soft);line-height:1.72;position:relative;z-index:1}
body.page-cases .hww{background:var(--bg)}
body.page-cases .hww-note{margin-top:30px;padding:22px 24px;border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}
body.page-cases .tl{position:relative;padding-left:64px}
body.page-cases .tl::before{content:'';position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
body.page-cases .tl-fill{position:absolute;left:21px;top:8px;width:2px;background:var(--ink);height:0}
body.page-cases .tl-step{position:relative;padding-bottom:62px}
body.page-cases .tl-dot{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:12px;font-weight:700;transition:all .45s var(--ease)}
body.page-cases .tl-step.on .tl-dot{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:scale(1.08)}
body.page-cases .tl-body{opacity:.35;transform:translateX(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.page-cases .tl-step.on .tl-body{opacity:1;transform:none}
body.page-cases .tl-t{font-family:'Archivo';font-stretch:110%;font-size:20px;font-weight:800;text-transform:uppercase;margin-bottom:8px}
body.page-cases .tl-d{font-size:14px;color:var(--ink-soft);line-height:1.7;max-width:460px}
body.page-cases .fd-mono{font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(10,10,10,.4)}
body.page-cases .fd-name{font-family:'Archivo';font-stretch:112%;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.02;text-transform:uppercase;margin-bottom:8px}
body.page-cases .fd-role{font-family:'Space Grotesk';font-size:14px;color:var(--ink-soft);margin-bottom:26px}
body.page-cases .fd-bio{font-size:15.5px;color:var(--ink-soft);line-height:1.8;margin-bottom:30px}
body.page-cases .fd-stats{display:flex;gap:36px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px;flex-wrap:wrap}
body.page-cases .fs-v{font-family:'Archivo';font-stretch:108%;font-size:16px;font-weight:800;color:var(--ink);text-transform:uppercase}
body.page-cases .cta::before{width:640px;height:640px;animation:ringgrow 6s ease-in-out infinite}
body.page-cases .cta-in{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1}
body.page-cases .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,244,244,.6);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-cases .cta-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(28px,4.6vw,50px);font-weight:900;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px}
body.page-cases footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-cases .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
body.page-cases .cs-cta{padding:110px 0;text-align:center}
/* --- case-studies responsive --- */
@media(max-width:640px){
  body.page-cases #cursor{display:none}
  body.page-cases{cursor:auto}
  body.page-cases a,body.page-cases button{cursor:pointer}
}
@media(max-width:640px){
  body.page-cases .trail-dot{display:none}
}
@media(max-width:1024px){
  body.page-cases .pad{padding:96px 0}
  body.page-cases .sec-tag{display:none}
  body.page-cases .pl-grid{grid-template-columns:1fr}
  body.page-cases .hww-grid,body.page-cases .origin-grid,body.page-cases .fd-in{grid-template-columns:1fr;gap:56px}
  body.page-cases .fd-img{max-width:380px;margin:0 auto}
  body.page-cases .miles-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  body.page-cases .wrap{padding:0 22px}
  body.page-cases .pad{padding:74px 0}
  body.page-cases .cta-btns{flex-direction:column;align-items:center}
  body.page-cases .tl{padding-left:52px}
  body.page-cases .tl-dot{left:-52px;width:38px;height:38px}
  body.page-cases .tl::before,body.page-cases .tl-fill{left:18px}
  body.page-cases .fd-stats{flex-direction:column;gap:16px}
}
@media(prefers-reduced-motion:reduce){
  body.page-cases *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media(max-width:960px){
  body.page-cases .cs-hero-in{grid-template-columns:1fr}
  body.page-cases .float-stack{height:280px;margin-top:20px}
  body.page-cases .float-card{width:150px;padding:16px 18px}
  body.page-cases .float-card b{font-size:22px}
  body.page-cases .fc-1{left:0}
  body.page-cases .fc-2{left:40%}
  body.page-cases .fc-3{left:14%;top:100px}
  body.page-cases .fc-4{left:50%;top:190px}
}
@media(max-width:960px){
  body.page-cases .cs-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  body.page-cases .cs-grid{grid-template-columns:1fr}
  body.page-cases .flip-card{height:auto;perspective:none}
  body.page-cases .flip-inner{transition:none;transform-style:flat;position:relative;height:auto}
  body.page-cases .flip-card.flipped .flip-inner{transform:none}
  body.page-cases .flip-front{position:relative}
  body.page-cases .flip-back{display:none}
  body.page-cases .flip-card.flipped .flip-front{display:none}
  body.page-cases .flip-card.flipped .flip-back{display:flex;position:relative;transform:none}
}
@media(max-width:700px){
  body.page-cases .rs-grid{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media(max-width:960px){
  body.page-cases .founder-showcase{margin:0 auto;max-width:220px}
  body.page-cases .fs-mini{display:none}
}

/* ===================== PAGE: blog  (body.page-blog) ===================== */
body.page-blog ::selection{background:var(--ink);color:var(--bg)}
body.page-blog a:focus-visible,body.page-blog button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-blog .ic{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-blog #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-blog #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-blog .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-blog.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-blog .trail-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%)}
body.page-blog .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-blog .pad{padding:130px 0}
body.page-blog .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-blog .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-blog .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(30px,4vw,50px);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
body.page-blog .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:560px}
body.page-blog .hero{min-height:60vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:150px 0 40px;overflow:hidden}
body.page-blog .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
body.page-blog .hero-in{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center}
body.page-blog .hero-brand{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:clamp(28px,5.2vw,58px);line-height:1.08;letter-spacing:-.02em;text-transform:uppercase}
body.page-blog .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-blog .hero-sub{max-width:600px;margin:26px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--ink-soft)}
body.page-blog .ticker{background:var(--ink);overflow:hidden;padding:14px 0}
body.page-blog .tk-track{display:flex;width:max-content;animation:slide 32s linear infinite}
body.page-blog .tk-track span{font-family:'Space Grotesk';font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);padding:0 24px;display:inline-flex;align-items:center;gap:24px}
body.page-blog .tk-track span::after{content:'✦';font-size:8px;opacity:.6}
body.page-blog html.has-js .stg>*{opacity:0;transform:perspective(1200px) translateY(50px) rotateX(16deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}
body.page-blog .stg.in>*:nth-child(2){transition-delay:.07s}
body.page-blog .stg.in>*:nth-child(3){transition-delay:.14s}
body.page-blog .stg.in>*:nth-child(4){transition-delay:.21s}
body.page-blog .stg.in>*:nth-child(5){transition-delay:.28s}
body.page-blog .stg.in>*:nth-child(6){transition-delay:.35s}
body.page-blog .blog-head{max-width:700px;margin-bottom:40px}
body.page-blog .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1600px}
body.page-blog .b-card{background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
body.page-blog .b-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
body.page-blog .b-img{aspect-ratio:16/10;background:linear-gradient(135deg,var(--bg-alt),var(--line));display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
body.page-blog .b-img span{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:70px;color:transparent;-webkit-text-stroke:1.5px var(--line);transition:transform .6s var(--ease)}
body.page-blog .b-card:hover .b-img span{transform:scale(1.12)}
body.page-blog .b-body{padding:24px 22px}
body.page-blog .b-cat{font-family:'Space Grotesk';font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);display:block;margin-bottom:12px}
body.page-blog .b-title{font-family:'Archivo';font-stretch:106%;font-size:16.5px;font-weight:800;line-height:1.32;margin-bottom:12px}
body.page-blog .b-exc{font-size:12.5px;color:var(--ink-soft);line-height:1.62;margin-bottom:18px}
body.page-blog .b-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-faint);padding-top:14px;border-top:1px solid var(--line);font-family:'Space Grotesk'}
body.page-blog footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-blog .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
/* --- blog responsive --- */
@media(max-width:640px){
  body.page-blog #cursor{display:none}
  body.page-blog{cursor:auto}
  body.page-blog a,body.page-blog button{cursor:pointer}
}
@media(max-width:640px){
  body.page-blog .trail-dot{display:none}
}
@media(max-width:1024px){
  body.page-blog .pad{padding:96px 0}
  body.page-blog .sec-tag{display:none}
  body.page-blog .feat-card{grid-template-columns:1fr}
  body.page-blog .blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  body.page-blog .wrap{padding:0 22px}
  body.page-blog .pad{padding:74px 0}
  body.page-blog .blog-grid{grid-template-columns:1fr}
  body.page-blog .feat-body{padding:32px 26px}
  body.page-blog .news-form{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  body.page-blog *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ===================== PAGE: blog-post  (body.page-post) ===================== */
body.page-post ::selection{background:var(--ink);color:var(--bg)}
body.page-post a:focus-visible,body.page-post button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-post .ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-post #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-post #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-post .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-post.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-post .trail-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%)}
body.page-post .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-post .pad{padding:130px 0}
body.page-post .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-post .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-post .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(30px,4vw,50px);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
body.page-post .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:560px}
body.page-post .hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:150px 0 60px;overflow:hidden}
body.page-post .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
body.page-post .hero-in{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center}
body.page-post .hero-brand{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:clamp(30px,5.6vw,64px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase}
body.page-post .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-post .hero-sub{max-width:640px;margin:28px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--ink-soft)}
body.page-post html.has-js .stg>*{opacity:0;transform:perspective(1200px) translateY(50px) rotateX(18deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}
body.page-post .stg.in>*:nth-child(2){transition-delay:.1s}
body.page-post .stg.in>*:nth-child(3){transition-delay:.2s}
body.page-post .stg.in>*:nth-child(4){transition-delay:.3s}
body.page-post .pl-head{max-width:700px;margin-bottom:60px}
body.page-post .pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
body.page-post .pl-card{background:var(--surface);border:1px solid var(--line);padding:40px 32px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
body.page-post .pl-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}
body.page-post .pl-ghost{position:absolute;top:-16px;right:-4px;font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
body.page-post .pl-name{font-family:'Archivo';font-stretch:110%;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px;position:relative;z-index:1}
body.page-post .pl-desc{font-size:14px;color:var(--ink-soft);line-height:1.72;position:relative;z-index:1}
body.page-post .hww{background:var(--bg)}
body.page-post .hww-note{margin-top:30px;padding:22px 24px;border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}
body.page-post .tl{position:relative;padding-left:64px}
body.page-post .tl::before{content:'';position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
body.page-post .tl-fill{position:absolute;left:21px;top:8px;width:2px;background:var(--ink);height:0}
body.page-post .tl-step{position:relative;padding-bottom:62px}
body.page-post .tl-dot{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:12px;font-weight:700;transition:all .45s var(--ease)}
body.page-post .tl-step.on .tl-dot{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:scale(1.08)}
body.page-post .tl-body{opacity:.35;transform:translateX(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.page-post .tl-step.on .tl-body{opacity:1;transform:none}
body.page-post .tl-t{font-family:'Archivo';font-stretch:110%;font-size:20px;font-weight:800;text-transform:uppercase;margin-bottom:8px}
body.page-post .tl-d{font-size:14px;color:var(--ink-soft);line-height:1.7;max-width:460px}
body.page-post .fd-mono{font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(10,10,10,.4)}
body.page-post .fd-name{font-family:'Archivo';font-stretch:112%;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.02;text-transform:uppercase;margin-bottom:8px}
body.page-post .fd-role{font-family:'Space Grotesk';font-size:14px;color:var(--ink-soft);margin-bottom:26px}
body.page-post .fd-bio{font-size:15.5px;color:var(--ink-soft);line-height:1.8;margin-bottom:30px}
body.page-post .fd-stats{display:flex;gap:36px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px;flex-wrap:wrap}
body.page-post .fs-v{font-family:'Archivo';font-stretch:108%;font-size:16px;font-weight:800;color:var(--ink);text-transform:uppercase}
body.page-post .cta::before{width:640px;height:640px;animation:ringgrow 6s ease-in-out infinite}
body.page-post .cta-in{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1}
body.page-post .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,244,244,.6);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-post .cta-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(28px,4.6vw,50px);font-weight:900;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px}
body.page-post footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-post .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
body.page-post .demo-reveal.show{display:block;animation:rvIn_post .5s var(--ease)}
/* --- blog-post responsive --- */
@media(max-width:640px){
  body.page-post #cursor{display:none}
  body.page-post{cursor:auto}
  body.page-post a,body.page-post button{cursor:pointer}
}
@media(max-width:640px){
  body.page-post .trail-dot{display:none}
}
@media(max-width:1024px){
  body.page-post .pad{padding:96px 0}
  body.page-post .sec-tag{display:none}
  body.page-post .pl-grid{grid-template-columns:1fr}
  body.page-post .hww-grid,body.page-post .origin-grid,body.page-post .fd-in{grid-template-columns:1fr;gap:56px}
  body.page-post .fd-img{max-width:380px;margin:0 auto}
  body.page-post .miles-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  body.page-post .wrap{padding:0 22px}
  body.page-post .pad{padding:74px 0}
  body.page-post .cta-btns{flex-direction:column;align-items:center}
  body.page-post .tl{padding-left:52px}
  body.page-post .tl-dot{left:-52px;width:38px;height:38px}
  body.page-post .tl::before,body.page-post .tl-fill{left:18px}
  body.page-post .fd-stats{flex-direction:column;gap:16px}
}
@media(prefers-reduced-motion:reduce){
  body.page-post *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media(max-width:640px){
  body.page-post .trigger-grid{grid-template-columns:1fr}
}
@media(max-width:860px){
  body.page-post .related-grid{grid-template-columns:1fr}
  body.page-post .post-cta{flex-direction:column;align-items:flex-start}
}

/* ===================== PAGE: team  (body.page-team) ===================== */
body.page-team ::selection{background:var(--ink);color:var(--bg)}
body.page-team a:focus-visible,body.page-team button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-team .ic{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-team #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-team #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-team .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-team.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-team .trail-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%)}
body.page-team .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-team .pad{padding:130px 0}
body.page-team .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-team .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-team .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(30px,4vw,50px);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
body.page-team .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:560px}
body.page-team .hero{min-height:78vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:150px 0 50px;overflow:hidden}
body.page-team .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
body.page-team .hero-in{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center}
body.page-team .hero-brand{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:clamp(30px,5.6vw,64px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase}
body.page-team .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-team .hero-sub{max-width:620px;margin:28px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--ink-soft)}
body.page-team html.has-js .stg>*{opacity:0;transform:perspective(1200px) translateY(50px) rotateX(16deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}
body.page-team .stg.in>*:nth-child(2){transition-delay:.07s}
body.page-team .stg.in>*:nth-child(3){transition-delay:.14s}
body.page-team .stg.in>*:nth-child(4){transition-delay:.21s}
body.page-team .stg.in>*:nth-child(5){transition-delay:.28s}
body.page-team .stg.in>*:nth-child(6){transition-delay:.35s}
body.page-team .cta::before{width:640px;height:640px;animation:ringgrow 6s ease-in-out infinite}
body.page-team .cta-in{text-align:center;max-width:680px;margin:0 auto;position:relative;z-index:1}
body.page-team .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,244,244,.6);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-team .cta-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(28px,4.6vw,50px);font-weight:900;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px}
body.page-team footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-team .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
/* --- team responsive --- */
@media(max-width:640px){
  body.page-team #cursor{display:none}
  body.page-team{cursor:auto}
  body.page-team a,body.page-team button{cursor:pointer}
}
@media(max-width:640px){
  body.page-team .trail-dot{display:none}
}
@media(max-width:1024px){
  body.page-team .pad{padding:96px 0}
  body.page-team .sec-tag{display:none}
  body.page-team .team-grid{grid-template-columns:repeat(2,1fr)}
  body.page-team .cul-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  body.page-team .wrap{padding:0 22px}
  body.page-team .pad{padding:74px 0}
  body.page-team .team-grid{grid-template-columns:1fr}
  body.page-team .cta-btns{flex-direction:column;align-items:center}
  body.page-team .hero-stat{padding:0 18px}
}
@media(prefers-reduced-motion:reduce){
  body.page-team *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ===================== PAGE: testimonials  (body.page-testi) ===================== */
body.page-testi ::selection{background:var(--ink);color:var(--bg)}
body.page-testi a:focus-visible,body.page-testi button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-testi .ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-testi #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-testi #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-testi .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-testi.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-testi .trail-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%)}
body.page-testi .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-testi .pad{padding:130px 0}
body.page-testi .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-testi .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-testi .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(30px,4vw,50px);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
body.page-testi .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:560px}
body.page-testi .hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:150px 0 60px;overflow:hidden}
body.page-testi .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
body.page-testi .hero-in{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center}
body.page-testi .hero-brand{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:clamp(30px,5.6vw,64px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase}
body.page-testi .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-testi .hero-sub{max-width:640px;margin:28px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--ink-soft)}
body.page-testi html.has-js .stg>*{opacity:0;transform:perspective(1200px) translateY(50px) rotateX(18deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}
body.page-testi .stg.in>*:nth-child(2){transition-delay:.1s}
body.page-testi .stg.in>*:nth-child(3){transition-delay:.2s}
body.page-testi .stg.in>*:nth-child(4){transition-delay:.3s}
body.page-testi .pl-head{max-width:700px;margin-bottom:60px}
body.page-testi .pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
body.page-testi .pl-card{background:var(--surface);border:1px solid var(--line);padding:40px 32px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
body.page-testi .pl-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}
body.page-testi .pl-ghost{position:absolute;top:-16px;right:-4px;font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
body.page-testi .pl-name{font-family:'Archivo';font-stretch:110%;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px;position:relative;z-index:1}
body.page-testi .pl-desc{font-size:14px;color:var(--ink-soft);line-height:1.72;position:relative;z-index:1}
body.page-testi .hww{background:var(--bg)}
body.page-testi .hww-note{margin-top:30px;padding:22px 24px;border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}
body.page-testi .tl{position:relative;padding-left:64px}
body.page-testi .tl::before{content:'';position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
body.page-testi .tl-fill{position:absolute;left:21px;top:8px;width:2px;background:var(--ink);height:0}
body.page-testi .tl-step{position:relative;padding-bottom:62px}
body.page-testi .tl-dot{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:12px;font-weight:700;transition:all .45s var(--ease)}
body.page-testi .tl-step.on .tl-dot{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:scale(1.08)}
body.page-testi .tl-body{opacity:.35;transform:translateX(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.page-testi .tl-step.on .tl-body{opacity:1;transform:none}
body.page-testi .tl-t{font-family:'Archivo';font-stretch:110%;font-size:20px;font-weight:800;text-transform:uppercase;margin-bottom:8px}
body.page-testi .tl-d{font-size:14px;color:var(--ink-soft);line-height:1.7;max-width:460px}
body.page-testi .fd-mono{font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(10,10,10,.4)}
body.page-testi .fd-name{font-family:'Archivo';font-stretch:112%;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.02;text-transform:uppercase;margin-bottom:8px}
body.page-testi .fd-role{font-family:'Space Grotesk';font-size:14px;color:var(--ink-soft);margin-bottom:26px}
body.page-testi .fd-bio{font-size:15.5px;color:var(--ink-soft);line-height:1.8;margin-bottom:30px}
body.page-testi .fd-stats{display:flex;gap:36px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px;flex-wrap:wrap}
body.page-testi .fs-v{font-family:'Archivo';font-stretch:108%;font-size:16px;font-weight:800;color:var(--ink);text-transform:uppercase}
body.page-testi .cta::before{width:640px;height:640px;animation:ringgrow 6s ease-in-out infinite}
body.page-testi .cta-in{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1}
body.page-testi .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,244,244,.6);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-testi .cta-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(28px,4.6vw,50px);font-weight:900;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px}
body.page-testi footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-testi .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
body.page-testi .cs-cta{padding:110px 0;text-align:center}
/* --- testimonials responsive --- */
@media(max-width:640px){
  body.page-testi #cursor{display:none}
  body.page-testi{cursor:auto}
  body.page-testi a,body.page-testi button{cursor:pointer}
}
@media(max-width:640px){
  body.page-testi .trail-dot{display:none}
}
@media(max-width:1024px){
  body.page-testi .pad{padding:96px 0}
  body.page-testi .sec-tag{display:none}
  body.page-testi .pl-grid{grid-template-columns:1fr}
  body.page-testi .hww-grid,body.page-testi .origin-grid,body.page-testi .fd-in{grid-template-columns:1fr;gap:56px}
  body.page-testi .fd-img{max-width:380px;margin:0 auto}
  body.page-testi .miles-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  body.page-testi .wrap{padding:0 22px}
  body.page-testi .pad{padding:74px 0}
  body.page-testi .cta-btns{flex-direction:column;align-items:center}
  body.page-testi .tl{padding-left:52px}
  body.page-testi .tl-dot{left:-52px;width:38px;height:38px}
  body.page-testi .tl::before,body.page-testi .tl-fill{left:18px}
  body.page-testi .fd-stats{flex-direction:column;gap:16px}
}
@media(prefers-reduced-motion:reduce){
  body.page-testi *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media(max-width:960px){
  body.page-testi .rev-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  body.page-testi .rev-grid{grid-template-columns:1fr}
  body.page-testi .trust-bar{gap:28px}
  body.page-testi .platform-grid{gap:32px}
}

/* ===================== PAGE: contact  (body.page-contact) ===================== */
body.page-contact ::selection{background:var(--ink);color:var(--bg)}
body.page-contact a:focus-visible,body.page-contact button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-contact .ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-contact #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-contact #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-contact .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-contact.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-contact .trail-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%)}
body.page-contact .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-contact .pad{padding:130px 0}
body.page-contact .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-contact .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-contact .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(30px,4vw,50px);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
body.page-contact .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:560px}
body.page-contact .hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:150px 0 60px;overflow:hidden}
body.page-contact .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
body.page-contact .hero-in{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center}
body.page-contact .hero-brand{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:clamp(30px,5.6vw,64px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase}
body.page-contact .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-contact .hero-sub{max-width:640px;margin:28px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--ink-soft)}
body.page-contact html.has-js .stg>*{opacity:0;transform:perspective(1200px) translateY(50px) rotateX(18deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}
body.page-contact .stg.in>*:nth-child(2){transition-delay:.1s}
body.page-contact .stg.in>*:nth-child(3){transition-delay:.2s}
body.page-contact .stg.in>*:nth-child(4){transition-delay:.3s}
body.page-contact .pl-head{max-width:700px;margin-bottom:60px}
body.page-contact .pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
body.page-contact .pl-card{background:var(--surface);border:1px solid var(--line);padding:40px 32px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
body.page-contact .pl-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}
body.page-contact .pl-ghost{position:absolute;top:-16px;right:-4px;font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
body.page-contact .pl-name{font-family:'Archivo';font-stretch:110%;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px;position:relative;z-index:1}
body.page-contact .pl-desc{font-size:14px;color:var(--ink-soft);line-height:1.72;position:relative;z-index:1}
body.page-contact .hww{background:var(--bg)}
body.page-contact .hww-note{margin-top:30px;padding:22px 24px;border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}
body.page-contact .tl{position:relative;padding-left:64px}
body.page-contact .tl::before{content:'';position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
body.page-contact .tl-fill{position:absolute;left:21px;top:8px;width:2px;background:var(--ink);height:0}
body.page-contact .tl-step{position:relative;padding-bottom:62px}
body.page-contact .tl-dot{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:12px;font-weight:700;transition:all .45s var(--ease)}
body.page-contact .tl-step.on .tl-dot{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:scale(1.08)}
body.page-contact .tl-body{opacity:.35;transform:translateX(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.page-contact .tl-step.on .tl-body{opacity:1;transform:none}
body.page-contact .tl-t{font-family:'Archivo';font-stretch:110%;font-size:20px;font-weight:800;text-transform:uppercase;margin-bottom:8px}
body.page-contact .tl-d{font-size:14px;color:var(--ink-soft);line-height:1.7;max-width:460px}
body.page-contact .fd-mono{font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(10,10,10,.4)}
body.page-contact .fd-name{font-family:'Archivo';font-stretch:112%;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.02;text-transform:uppercase;margin-bottom:8px}
body.page-contact .fd-role{font-family:'Space Grotesk';font-size:14px;color:var(--ink-soft);margin-bottom:26px}
body.page-contact .fd-bio{font-size:15.5px;color:var(--ink-soft);line-height:1.8;margin-bottom:30px}
body.page-contact .fd-stats{display:flex;gap:36px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px;flex-wrap:wrap}
body.page-contact .fs-v{font-family:'Archivo';font-stretch:108%;font-size:16px;font-weight:800;color:var(--ink);text-transform:uppercase}
body.page-contact .cta::before{width:640px;height:640px;animation:ringgrow 6s ease-in-out infinite}
body.page-contact .cta-in{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1}
body.page-contact .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,244,244,.6);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-contact .cta-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(28px,4.6vw,50px);font-weight:900;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px}
body.page-contact footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-contact .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
body.page-contact .reveal-panel.show{display:block;animation:rvIn_contact .5s var(--ease)}
/* --- contact responsive --- */
@media(max-width:640px){
  body.page-contact #cursor{display:none}
  body.page-contact{cursor:auto}
  body.page-contact a,body.page-contact button{cursor:pointer}
}
@media(max-width:640px){
  body.page-contact .trail-dot{display:none}
}
@media(max-width:1024px){
  body.page-contact .pad{padding:96px 0}
  body.page-contact .sec-tag{display:none}
  body.page-contact .pl-grid{grid-template-columns:1fr}
  body.page-contact .hww-grid,body.page-contact .origin-grid,body.page-contact .fd-in{grid-template-columns:1fr;gap:56px}
  body.page-contact .fd-img{max-width:380px;margin:0 auto}
  body.page-contact .miles-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  body.page-contact .wrap{padding:0 22px}
  body.page-contact .pad{padding:74px 0}
  body.page-contact .cta-btns{flex-direction:column;align-items:center}
  body.page-contact .tl{padding-left:52px}
  body.page-contact .tl-dot{left:-52px;width:38px;height:38px}
  body.page-contact .tl::before,body.page-contact .tl-fill{left:18px}
  body.page-contact .fd-stats{flex-direction:column;gap:16px}
}
@media(prefers-reduced-motion:reduce){
  body.page-contact *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media(max-width:860px){
  body.page-contact .reason-grid{grid-template-columns:1fr;margin-left:0}
  body.page-contact .bot-row{flex-direction:column}
  body.page-contact .bot-msg{max-width:100%}
  body.page-contact .reveal-panel{margin-left:0}
  body.page-contact .direct-grid{grid-template-columns:1fr;gap:40px}
  body.page-contact .c-stat-row{gap:28px}
  body.page-contact .chat-shell{padding:30px 22px}
}
@media(prefers-reduced-motion:reduce){
  body.page-contact .ticker-track{animation:none}
}
@media(max-width:700px){
  body.page-contact .fline-grid{grid-template-columns:1fr;text-align:center;justify-items:center}
}

/* ===================== PAGE: privacy-terms  (body.page-privacy) ===================== */
body.page-privacy ::selection{background:var(--ink);color:var(--bg)}
body.page-privacy a:focus-visible,body.page-privacy button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
body.page-privacy .ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
body.page-privacy #grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:3000;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}
body.page-privacy #prog{position:fixed;top:0;left:0;height:3px;background:var(--ink);z-index:9998;width:0%}
body.page-privacy .cur-dot{position:absolute;width:6px;height:6px;background:var(--ink);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s,background .3s}
body.page-privacy.hovering .cur-ring{width:62px;height:62px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
body.page-privacy .trail-dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%)}
body.page-privacy .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
body.page-privacy .pad{padding:130px 0}
body.page-privacy .eyebrow{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
body.page-privacy .eyebrow::before{content:'';width:28px;height:1px;background:var(--ink)}
body.page-privacy .h-sec{font-family:'Archivo';font-stretch:110%;font-size:clamp(30px,4vw,50px);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
body.page-privacy .sub-sec{font-size:16px;color:var(--ink-soft);line-height:1.72;max-width:560px}
body.page-privacy .hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:150px 0 60px;overflow:hidden}
body.page-privacy .hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
body.page-privacy .hero-in{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center}
body.page-privacy .hero-brand{font-family:'Archivo';font-stretch:120%;font-weight:900;font-size:clamp(30px,5.6vw,64px);line-height:1.06;letter-spacing:-.02em;text-transform:uppercase}
body.page-privacy .hero-brand .wd{display:inline-block;transform:translateY(112%);opacity:0;background:linear-gradient(110deg,var(--ink) 42%,color-mix(in srgb,var(--ink) 45%,var(--bg)) 50%,var(--ink) 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 7s linear infinite}
body.page-privacy .hero-sub{max-width:640px;margin:28px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--ink-soft)}
body.page-privacy html.has-js .stg>*{opacity:0;transform:perspective(1200px) translateY(50px) rotateX(18deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}
body.page-privacy .stg.in>*:nth-child(2){transition-delay:.1s}
body.page-privacy .stg.in>*:nth-child(3){transition-delay:.2s}
body.page-privacy .stg.in>*:nth-child(4){transition-delay:.3s}
body.page-privacy .pl-head{max-width:700px;margin-bottom:60px}
body.page-privacy .pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}
body.page-privacy .pl-card{background:var(--surface);border:1px solid var(--line);padding:40px 32px;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
body.page-privacy .pl-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}
body.page-privacy .pl-ghost{position:absolute;top:-16px;right:-4px;font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
body.page-privacy .pl-name{font-family:'Archivo';font-stretch:110%;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:12px;position:relative;z-index:1}
body.page-privacy .pl-desc{font-size:14px;color:var(--ink-soft);line-height:1.72;position:relative;z-index:1}
body.page-privacy .hww{background:var(--bg)}
body.page-privacy .hww-note{margin-top:30px;padding:22px 24px;border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}
body.page-privacy .tl{position:relative;padding-left:64px}
body.page-privacy .tl::before{content:'';position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--line)}
body.page-privacy .tl-fill{position:absolute;left:21px;top:8px;width:2px;background:var(--ink);height:0}
body.page-privacy .tl-step{position:relative;padding-bottom:62px}
body.page-privacy .tl-dot{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-size:12px;font-weight:700;transition:all .45s var(--ease)}
body.page-privacy .tl-step.on .tl-dot{border-color:var(--ink);background:var(--ink);color:var(--bg);transform:scale(1.08)}
body.page-privacy .tl-body{opacity:.35;transform:translateX(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.page-privacy .tl-step.on .tl-body{opacity:1;transform:none}
body.page-privacy .tl-t{font-family:'Archivo';font-stretch:110%;font-size:20px;font-weight:800;text-transform:uppercase;margin-bottom:8px}
body.page-privacy .tl-d{font-size:14px;color:var(--ink-soft);line-height:1.7;max-width:460px}
body.page-privacy .fd-mono{font-family:'Archivo';font-stretch:120%;font-size:100px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(10,10,10,.4)}
body.page-privacy .fd-name{font-family:'Archivo';font-stretch:112%;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.02;text-transform:uppercase;margin-bottom:8px}
body.page-privacy .fd-role{font-family:'Space Grotesk';font-size:14px;color:var(--ink-soft);margin-bottom:26px}
body.page-privacy .fd-bio{font-size:15.5px;color:var(--ink-soft);line-height:1.8;margin-bottom:30px}
body.page-privacy .fd-stats{display:flex;gap:36px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px;flex-wrap:wrap}
body.page-privacy .fs-v{font-family:'Archivo';font-stretch:108%;font-size:16px;font-weight:800;color:var(--ink);text-transform:uppercase}
body.page-privacy .cta::before{width:640px;height:640px;animation:ringgrow 6s ease-in-out infinite}
body.page-privacy .cta-in{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1}
body.page-privacy .cta-ey{font-family:'Space Grotesk';font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,244,244,.6);display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
body.page-privacy .cta-h{font-family:'Archivo';font-stretch:112%;font-size:clamp(28px,4.6vw,50px);font-weight:900;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px}
body.page-privacy footer{background:#050505;color:#F4F4F4;border-top:1px solid rgba(244,244,244,.1)}
body.page-privacy .ft-tag{font-size:13.5px;color:rgba(244,244,244,.55);line-height:1.7;max-width:260px;margin-bottom:24px}
/* --- privacy-terms responsive --- */
@media(max-width:640px){
  body.page-privacy #cursor{display:none}
  body.page-privacy{cursor:auto}
  body.page-privacy a,body.page-privacy button{cursor:pointer}
}
@media(max-width:640px){
  body.page-privacy .trail-dot{display:none}
}
@media(max-width:1024px){
  body.page-privacy .pad{padding:96px 0}
  body.page-privacy .sec-tag{display:none}
  body.page-privacy .pl-grid{grid-template-columns:1fr}
  body.page-privacy .hww-grid,body.page-privacy .origin-grid,body.page-privacy .fd-in{grid-template-columns:1fr;gap:56px}
  body.page-privacy .fd-img{max-width:380px;margin:0 auto}
  body.page-privacy .miles-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  body.page-privacy .wrap{padding:0 22px}
  body.page-privacy .pad{padding:74px 0}
  body.page-privacy .cta-btns{flex-direction:column;align-items:center}
  body.page-privacy .tl{padding-left:52px}
  body.page-privacy .tl-dot{left:-52px;width:38px;height:38px}
  body.page-privacy .tl::before,body.page-privacy .tl-fill{left:18px}
  body.page-privacy .fd-stats{flex-direction:column;gap:16px}
}
@media(prefers-reduced-motion:reduce){
  body.page-privacy *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media(max-width:860px){
  body.page-privacy .legal-grid{grid-template-columns:1fr}
  body.page-privacy .legal-toc{position:relative;top:0;display:flex;gap:20px;overflow-x:auto;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:20px}
  body.page-privacy .legal-toc-label{display:none}
  body.page-privacy .legal-toc .toc-group{margin-bottom:0;display:flex;gap:16px;white-space:nowrap}
  body.page-privacy .legal-toc a{border-left:none;padding:0 0 6px;border-bottom:2px solid transparent}
  body.page-privacy .legal-toc a:hover,body.page-privacy .legal-toc a.on{border-bottom-color:var(--ink);border-left:none}
}
/* ==============================================================================
   HEADER BREAKPOINT & RESPONSIVE OVERRIDE
   ============================================================================== */

/* Prevent logo, CTA button, and theme switcher from getting cut off */
.logo, .nav-r, .nav-r .btn {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

/* Tighter desktop link padding so header links fit on smaller laptops */
.nav-links a {
  padding: 8px 10px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

/* Hide desktop menu & show burger trigger at 1180px before text overflows */
@media (max-width: 1180px) {
  .nav-links {
    display: none !important;
  }
  .burger {
    display: flex !important;
  }
}
/* ==============================================================================
   MOBILE SUBMENU (ACCORDION) STYLING
   ============================================================================== */

.mob-dropdown {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--line);
}

.mob-dropdown-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.mob-dropdown-head a {
  border-bottom: none !important;
  flex: 1;
}

.mob-drop-toggle {
  font-size: 20px !important;
  color: var(--ink) !important;
  padding: 12px 18px !important;
  transition: transform 0.3s ease !important;
  cursor: pointer !important;
}

/* Rotate arrow when open */
.mob-dropdown.open .mob-drop-toggle {
  transform: rotate(180deg);
}

/* Submenu Links Drawer */
.mob-sub-links {
  display: none;
  flex-direction: column;
  padding-left: 16px;
  background: rgba(10, 10, 10, 0.03);
  border-top: 1px solid var(--line);
}

body.dark .mob-sub-links {
  background: rgba(244, 244, 244, 0.04);
}

.mob-dropdown.open .mob-sub-links {
  display: flex;
}

.mob-sub-links a {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  color: var(--ink-soft) !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid var(--line) !important;
}

.mob-sub-links a:last-child {
  border-bottom: none !important;
}

.mob-sub-links a:hover {
  color: var(--ink) !important;
  padding-left: 6px !important;
}
/* ==============================================================================
   GLOBAL SUBPAGE RESPONSIVE & OVERFLOW FIX (About, Blog, Contact, Cases)
   ============================================================================== */

/* 1. Global Page Safeguard — Stop Horizontal Scrolling & White Space */
html, body {
  overflow-x: hidden !important;
  width: 100% !important;
  position: relative;
}

.wrap {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 2. Header Cleanup on Phones (< 640px) */
@media (max-width: 640px) {
  .nav-r .btn {
    display: none !important; /* Hide 'Free Consultation' button on mobile so header fits */
  }
  .wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pad {
    padding: 70px 0 !important;
  }
}

/* 3. Universal Footer Collapse (< 860px) */
@media (max-width: 860px) {
  .ft-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .ft-bot-in {
    flex-direction: column !important;
    text-align: center !important;
    gap: 12px !important;
  }
}


/* ==============================================================================
   1. ABOUT US PAGE FIX (about-us.php)
   ============================================================================== */
@media (max-width: 900px) {
  body.page-about .origin-grid,
  body.page-about .fd-in,
  body.page-about .hww-grid,
  body.page-about .pl-grid,
  body.page-about .miles-grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  body.page-about .fd-stats {
    flex-direction: column !important;
    gap: 16px !important;
  }

  body.page-about .pull-quote {
    padding: 28px 22px !important;
  }
}


/* ==============================================================================
   2. BLOG & BLOG POST PAGE FIX (blog.php & blog-post.php)
   ============================================================================== */
@media (max-width: 900px) {
  body.page-blog .feat-card,
  body.page-blog .blog-grid,
  body.page-post .trigger-grid,
  body.page-post .related-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  body.page-blog .feat-visual {
    min-height: 200px !important;
  }

  body.page-blog .feat-body {
    padding: 28px 22px !important;
  }

  body.page-post .post-cta {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 28px 20px !important;
  }
}


/* ==============================================================================
   3. CASE STUDIES PAGE FIX (case-studies.php)
   ============================================================================== */
@media (max-width: 900px) {
  body.page-cases .cs-hero-in,
  body.page-cases .cs-grid,
  body.page-cases .rs-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* Hide overflowing floating card stack on mobile */
  body.page-cases .float-stack {
    display: none !important;
  }

  body.page-cases .flip-card {
    height: auto !important;
  }

  body.page-cases .founder-showcase {
    margin: 0 auto !important;
    max-width: 260px !important;
  }

  body.page-cases .fs-mini {
    display: none !important;
  }
}


/* ==============================================================================
   4. CONTACT PAGE FIX (contact.php)
   ============================================================================== */
@media (max-width: 900px) {
  body.page-contact .direct-grid,
  body.page-contact .reason-grid,
  body.page-contact .fline-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  body.page-contact .chat-shell {
    padding: 24px 18px !important;
  }

  body.page-contact .reason-grid,
  body.page-contact .reveal-panel {
    margin-left: 0 !important;
  }

  body.page-contact .c-stat-row {
    gap: 20px !important;
  }

  body.page-contact .bot-row {
    flex-direction: column !important;
  }
}
/* ==============================================================================
   GLOBAL LIVE MOBILE OVERFLOW & FOOTER FIX (Applies to all pages)
   ============================================================================== */

/* Stop horizontal scrolling & white right-side gap on all screens */
html, body {
  overflow-x: hidden !important;
  width: 100% !important;
  position: relative !important;
}

.wrap {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Universal Footer Fix for Mobile (< 860px) */
@media (max-width: 860px) {
  .ft-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .ft-bot-in {
    flex-direction: column !important;
    text-align: center !important;
    gap: 12px !important;
  }

  footer {
    width: 100% !important;
    overflow: hidden !important;
  }
}

/* Universal Stat Row Fix for Mobile (< 768px) */
@media (max-width: 768px) {
  .stat-row, .c-stat-row, .svc-stat-row {
    flex-direction: column !important;
    align-items: center !important;
    gap: 18px !important;
    margin-top: 36px !important;
  }

  .stat, .c-stat, .svc-stat {
    border-right: none !important;
    border-bottom: 1px solid var(--line) !important;
    padding: 12px 0 !important;
    width: 100% !important;
    max-width: 280px !important;
    text-align: center !important;
  }

  .stat:last-child, .c-stat:last-child, .svc-stat:last-child {
    border-bottom: none !important;
  }
}

/* Universal Card Grid Collapse (< 900px) */
@media (max-width: 900px) {
  .crs-grid, .oc-grid, .pl-grid, .b-grid, .cs-grid, .psvc-grid, .miles-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}
/* Ensure FAQ answer panels can expand fully for longer texts */
.faq-a.open {
  max-height: 1000px !important;
}
/* ==============================================================================
   ABOUT US PAGE (about-us.php) FAQ ACCORDION STYLING
   ============================================================================== */

body.page-about .faq-wrap {
  max-width: 860px;
  margin: 40px auto 0;
}

body.page-about .faq-item {
  border-bottom: 1px solid var(--line);
}

body.page-about .faq-q {
  width: 100%;
  text-align: left;
  padding: 22px 0;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--ink);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  cursor: pointer;
  background: none;
  border: none;
}

body.page-about .faq-ico {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--ink);
  flex-shrink: 0;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}

/* Rotate '+' icon to an 'X' when open */
body.page-about .faq-q.open .faq-ico,
body.page-about .faq-item.active .faq-ico {
  transform: rotate(45deg);
  background: var(--ink);
  color: var(--bg);
}

/* Hide FAQ answer by default */
body.page-about .faq-a {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.4s var(--ease) !important;
}

/* Reveal FAQ answer on click */
body.page-about .faq-a.open,
body.page-about .faq-item.active .faq-a {
  max-height: 1000px !important;
}

body.page-about .faq-a p {
  font-size: 14.5px;
  color: var(--ink-soft);
  line-height: 1.75;
  padding-bottom: 22px;
  margin: 0;
}
/* Force cursor dot and ring to pure white over dark sections */
body.cursor-white #cDot,
body.cursor-white .cur-dot {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

body.cursor-white #cRing,
body.cursor-white .cur-ring {
  border-color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
}
/* ==========================================================================
   HERO PHOTO INFINITE MARQUEE (Staggered Heights & Continuous Loop)
   ========================================================================== */
.hero-photo-strip {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 36px;
  margin-bottom: 24px;
  padding: 15px 0;
  display: flex;
  align-items: flex-end;
  /* Soft fade gradient on left and right edges */
  mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
}

.photo-marquee {
  display: flex;
  width: max-content;
  align-items: flex-end;
  animation: loopMarquee 38s linear infinite;
  will-change: transform;
}

/* Pause scroll on mouse hover */
.photo-marquee:hover {
  animation-play-state: paused;
}

.photo-group {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  padding-right: 24px;
}

.p-item {
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 20px;
  background: var(--surface, rgba(128, 128, 128, 0.08));
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}

.p-item:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16);
}

.p-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  user-select: none;
}

/* --- STAGGERED SIZES & ASPECT RATIOS --- */
.p-xtall {
  width: 240px;
  height: 360px;
}

.p-tall {
  width: 220px;
  height: 320px;
}

.p-med {
  width: 200px;
  height: 240px;
}

.p-sq {
  width: 210px;
  height: 210px;
}

.p-wide {
  width: 270px;
  height: 180px;
}

.p-landscape {
  width: 250px;
  height: 200px;
}

/* Continuous 60fps GPU-Accelerated Animation */
@keyframes loopMarquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

/* Tablet Responsive */
@media (max-width: 900px) {
  .p-xtall { width: 190px; height: 280px; }
  .p-tall  { width: 170px; height: 240px; }
  .p-med   { width: 160px; height: 190px; }
  .p-sq    { width: 160px; height: 160px; }
  .p-wide  { width: 220px; height: 140px; }
  .p-landscape { width: 200px; height: 150px; }
  .photo-group { gap: 16px; padding-right: 16px; }
}

/* Mobile Responsive */
@media (max-width: 640px) {
  .hero-photo-strip {
    margin-top: 20px;
    margin-bottom: 12px;
  }
  .p-xtall { width: 140px; height: 210px; border-radius: 14px; }
  .p-tall  { width: 130px; height: 190px; border-radius: 14px; }
  .p-med   { width: 120px; height: 140px; border-radius: 12px; }
  .p-sq    { width: 120px; height: 120px; border-radius: 12px; }
  .p-wide  { width: 160px; height: 110px; border-radius: 12px; }
  .p-landscape { width: 150px; height: 120px; border-radius: 12px; }
  .photo-group { gap: 12px; padding-right: 12px; }
  .photo-marquee { animation-duration: 26s; }
}
/* ==========================================================================
   ONE-FRAME HERO (Single Line Title + Subtext + Slider in One Viewport)
   ========================================================================== */
.hero {
  min-height: auto;
  padding-top: clamp(80px, 11vh, 120px);
  padding-bottom: 10px;
}

.hero-top {
  text-align: center;
}

/* Force 3PEDIA DIGITAL onto one line and scale responsively */
.hero-brand {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(2.2rem, 7.8vw, 6.8rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
  margin: 0 auto !important;
  white-space: nowrap !important;
}

.hero-brand .ln {
  display: inline-flex !important;
  gap: 0.28em;
  overflow: hidden;
}

.hero-brand .wd {
  display: inline-block;
}

/* Compact Subtitle */
.hero-sub {
  max-width: 660px !important;
  margin: clamp(10px, 1.8vh, 18px) auto 0 !important;
  font-size: clamp(13px, 1vw, 15px) !important;
  line-height: 1.5 !important;
}

/* Compact Slider Heights for 100vh Fit */
.hero-photo-strip {
  margin-top: clamp(12px, 2.2vh, 24px) !important;
  margin-bottom: clamp(10px, 1.8vh, 18px) !important;
  padding: 8px 0 !important;
}

.p-xtall {
  width: 200px;
  height: 270px;
}

.p-tall {
  width: 180px;
  height: 240px;
}

.p-med {
  width: 170px;
  height: 190px;
}

.p-sq {
  width: 170px;
  height: 170px;
}

.p-wide {
  width: 230px;
  height: 150px;
}

.p-landscape {
  width: 210px;
  height: 165px;
}

/* Mobile Adjustments */
@media (max-width: 640px) {
  .hero-brand {
    font-size: clamp(1.8rem, 8.5vw, 2.8rem) !important;
  }
  .p-xtall { width: 130px; height: 180px; }
  .p-tall  { width: 120px; height: 160px; }
  .p-med   { width: 110px; height: 130px; }
  .p-sq    { width: 110px; height: 110px; }
  .p-wide  { width: 140px; height: 95px; }
  .p-landscape { width: 130px; height: 105px; }
}