/* Palette + type mirror trygtm's marketing tokens (style direction only) */
:root{
  --canvas:#fff; --box:#f5f5f4; --box-2:#ebebe9;
  --ink:#0b0b0d; --ink-2:#56565f; --ink-3:#65656e; --ink-4:#a9a9b2;
  --ink-canvas:#09090b; --ink-box:#131316; --ink-box-2:#1b1b1f;
  --on-ink:#f7f7f5; --on-ink-2:#f7f7f5a8; --on-ink-3:#f7f7f58f;
  --line:#0b0b0d17; --line-2:#0b0b0d0d; --line-ink:#ffffff1a;
  --violet:#6a5cff; --blue:#1d84f0; --pink:#e438c9; --green:#1a9a4a; --red:#e2382f;
  --r-xs:6px; --r-sm:10px; --r-md:16px; --r-lg:22px; --r-xl:28px; --r-2xl:36px;
  --shell:1180px; --gutter:clamp(1.25rem,4vw,2.5rem);
  --section:clamp(5rem,11vw,10rem); --section-tight:clamp(3.5rem,7vw,6rem);
  --ease-out:cubic-bezier(.23,1,.32,1); --ease-soft:cubic-bezier(.2,.8,.2,1); --ease-sheet:cubic-bezier(.32,.72,0,1); --dur-reveal:.58s; --dur-fast:.2s;
  --shadow-sm:0 1px 2px #14141e0f,0 1px 1px #14141e0a;
  --shadow:0 6px 18px -6px #14141e24,0 2px 6px -2px #14141e0f;
  --shadow-lg:0 24px 60px -24px #14141e47,0 8px 24px -12px #14141e1f;
  --shadow-xl:0 48px 110px -40px #14141e66,0 20px 48px -24px #14141e29;
  --display:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"Sometype Mono","SF Mono",Menlo,Consolas,monospace;
  --nav-h:84px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 var(--gutter)}
.mute{color:var(--ink-3)}
.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px}
.display{font:700 clamp(2.6rem,6vw,5.4rem)/1.05 var(--display);letter-spacing:-.045em}
.display .l1,.display .l2{display:block}
.display .l2{color:var(--ink-3)}
.display--md{font-size:clamp(2.6rem,6vw,5rem)}
.h2{font:700 clamp(2.1rem,4.6vw,3.5rem)/1.04 var(--display);letter-spacing:-.034em;max-width:16ch}
.lead{font-size:clamp(1.05rem,1.4vw,1.19rem);line-height:1.5;color:var(--ink-2);max-width:40rem}
.note{margin-top:40px;font-size:15px;color:var(--ink-2)}


/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;font:600 15px/1 var(--sans);transition:transform .16s var(--ease-out),background .16s,box-shadow .16s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn .arr{transition:transform .16s var(--ease-out)}
.btn:hover .arr{transform:translateX(3px)}
.btn--ink{background:var(--ink);color:#fff;box-shadow:var(--shadow-sm),inset 0 1px 0 #ffffff26}
.btn--ink:hover{background:#26262b}
.btn--soft{background:var(--box);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn--soft:hover{background:var(--box-2)}
.btn--white{background:#fff;color:var(--ink)}
.btn--white:hover{background:#ececec}
.btn--ghost{background:#ffffff14;color:var(--on-ink);box-shadow:inset 0 0 0 1px var(--line-ink)}
.btn--sm{height:38px;padding:0 16px;font-size:14px}
.btn--block{width:100%}

/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;padding:10px 12px 0;pointer-events:none;transform:translate3d(0,0,0);transition:transform .38s var(--ease-sheet),opacity .28s ease;opacity:1}
.nav.is-hidden{transform:translate3d(0,-120%,0);opacity:0}
.nav__shell{pointer-events:auto;max-width:72rem;margin:0 auto;border-radius:999px;background:linear-gradient(#fffffff7,#ffffffed);-webkit-backdrop-filter:blur(28px) saturate(1.8);backdrop-filter:blur(28px) saturate(1.8);box-shadow:inset 0 1px #fff,0 0 0 1px #0a0a0a12,0 1px 2px #180c040d,0 22px 48px -26px #180c043d;transition:border-radius .28s var(--ease-soft),box-shadow .28s var(--ease-soft),background .28s,transform .28s var(--ease-soft)}
.nav.is-scrolled .nav__shell{box-shadow:inset 0 1px #fff,0 0 0 1px #0a0a0a14,0 1px 2px #180c040d,0 18px 40px -22px #180c0450}
.nav.is-compact .nav__shell{transform:scale(.985)}
.nav.is-open .nav__shell{border-radius:28px}
.nav__bar{height:56px;display:flex;align-items:center;gap:12px;padding:0 8px 0 18px;transition:height .28s var(--ease-soft)}
.nav.is-compact .nav__bar{height:50px}
.nav__logo{display:inline-flex;flex:none;align-items:center}
.nav__logo img{height:24px;width:auto;transition:height .28s var(--ease-soft)}
.nav.is-compact .nav__logo img{height:22px}
.nav__links{display:flex;align-items:center;gap:2px;margin:0 auto;font:500 13.5px var(--sans);color:var(--ink-2)}
.nav__pill{padding:8px 12px;border-radius:999px;color:var(--ink-2);transition:color var(--dur-fast) ease,background var(--dur-fast) ease,box-shadow var(--dur-fast) ease}
.nav__pill:hover{color:var(--ink);background:#ffffffcc;box-shadow:inset 0 0 0 1px #0a0a0a0f}
.nav__pill.is-active,.nav__links a.is-active{color:var(--ink);font-weight:600;background:#ffffffd9;box-shadow:inset 0 0 0 1px #0a0a0a12}
.nav__cta{margin-left:0;flex:none}
.nav__burger{display:none;margin-left:auto;background:none;border:0;width:40px;height:40px;padding:10px;cursor:pointer;border-radius:999px}
.nav__burger:hover{background:#0a0a0a08}
.nav__burger span{display:block;height:2px;background:var(--ink);margin:5px 0;transform-origin:center;transition:transform .28s var(--ease-soft),opacity .2s}
.nav__burger[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
.nav__burger[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav__burger[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.nav__mobile{display:none;flex-direction:column;gap:2px;padding:4px 14px 16px;border-top:1px solid transparent;max-height:0;opacity:0;overflow:hidden;transition:max-height .42s var(--ease-sheet),opacity .28s ease,padding .28s ease,border-color .28s}
.nav.is-open .nav__mobile{display:flex;max-height:70vh;opacity:1;border-top-color:var(--line);padding-top:10px;overflow:auto}
.nav__mobile[hidden]{display:none!important}
.nav.is-open .nav__mobile[hidden]{display:flex!important}
.nav__mobile a:not(.btn){padding:12px 10px;font:600 17px var(--display);border-radius:14px;color:var(--ink-2);transition:background var(--dur-fast) ease,color var(--dur-fast) ease}
.nav__mobile a:not(.btn):hover,.nav__mobile a.is-active{background:#0a0a0a08;color:var(--ink)}
.nav__mobile .btn{margin-top:10px}

/* hero */
.hero{position:relative;padding:calc(var(--nav-h) + clamp(4rem,9vw,7rem)) 0 0;text-align:center;overflow:hidden}
.aurora{position:absolute;inset:-20% -10% auto;height:640px;pointer-events:none;
  background:radial-gradient(40% 50% at 18% 20%,#45c4f933,transparent 70%),radial-gradient(35% 45% at 55% 0%,#7d5cff26,transparent 70%),radial-gradient(40% 50% at 88% 15%,#ff3fe12e,transparent 70%);
  filter:blur(20px);animation:aurora-drift 18s ease-in-out infinite alternate}
@keyframes aurora-drift{to{transform:translate3d(2%,3%,0) scale(1.05)}}
.grid-bg{position:absolute;inset:0 0 auto;height:720px;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(60% 70% at 50% 30%,#000,transparent);mask-image:radial-gradient(60% 70% at 50% 30%,#000,transparent)}
.hero__inner{position:relative;display:flex;flex-direction:column;align-items:center}
.hero .display{max-width:15ch}
.hero .lead{margin-top:24px}
.hero__ctas{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:32px}
.trust{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:13px;color:var(--ink-3)}
.trust li::before{content:"✓";color:var(--green);margin-right:6px;font-weight:700}
.hero__shot{position:relative;margin:clamp(3rem,6vw,4.5rem) 0 0;width:min(100%,980px)}
.marquee{margin-top:clamp(4rem,8vw,6rem);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee__track{display:flex;gap:64px;width:max-content;animation:marquee-x 42s linear infinite;font:600 17px var(--display);letter-spacing:-.02em;color:var(--ink-3)}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marquee-x{to{transform:translateX(calc(-50% - 32px))}}

/* sections */
.section{padding:var(--section) 0}
.problem__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.problem .h2{position:sticky;top:calc(var(--nav-h) + 40px)}
.problem__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.problem__list li{display:flex;gap:16px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);font:600 clamp(1.05rem,1.6vw,1.3rem)/1.35 var(--display);letter-spacing:-.015em}
.x{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fbe4e2;color:var(--red);font-size:11px;transform:translateY(2px)}
.kicker{margin-top:clamp(4rem,8vw,6rem);font:700 clamp(1.6rem,3.2vw,2.5rem)/1.15 var(--display);letter-spacing:-.03em;max-width:none}

/* how — sticky steps */
.how__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,6vw,5rem);margin-top:clamp(2.5rem,5vw,4rem)}
.steps{list-style:none;margin:0;padding:0}
.step{display:flex;gap:24px;padding:clamp(2rem,9vh,5.5rem) 0;border-top:1px solid var(--line);opacity:.35;transition:opacity .4s var(--ease-out)}
.step:last-child{border-bottom:1px solid var(--line)}
.step.is-active{opacity:1}
.step__n{font:500 12px/2.4 var(--mono);color:var(--ink-3);letter-spacing:.08em}
.step h3{font:700 clamp(1.5rem,2.4vw,2rem)/1.1 var(--display);letter-spacing:-.03em}
.step p{margin-top:10px;color:var(--ink-2);max-width:30rem}
.how__panel{position:relative}
.panel{position:sticky;top:calc(var(--nav-h) + 8vh);aspect-ratio:4/3.4;border-radius:var(--r-xl);background:var(--ink-canvas);overflow:hidden;box-shadow:var(--shadow-xl)}
.panel__glow{position:absolute;inset:-30%;background:radial-gradient(35% 35% at 30% 30%,#45c4f940,transparent 70%),radial-gradient(35% 35% at 75% 65%,#ff3fe133,transparent 70%);filter:blur(30px);animation:aurora-drift 14s ease-in-out infinite alternate}
.panel__screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.5rem,3vw,2.5rem);color:var(--on-ink);opacity:0;transform:translateY(16px) scale(.98);transition:opacity .5s var(--ease-out),transform .6s var(--ease-out)}
.panel__screen.is-active{opacity:1;transform:none}
.panel__screen .pill{position:absolute;top:24px;left:24px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:#ffffff12;box-shadow:inset 0 0 0 1px var(--line-ink);color:var(--on-ink-2)}
.pill--live{color:#8fe6b4!important}
.panel__screen .big{font:800 clamp(6rem,14vw,11rem)/.85 var(--display);letter-spacing:-.06em;background:linear-gradient(180deg,#fff,#ffffff33);-webkit-background-clip:text;background-clip:text;color:transparent}
.panel__screen .lbl{margin-top:12px;font:700 22px var(--display);letter-spacing:-.02em;color:var(--on-ink-2)}

/* is this for your shop? */
.fit__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.fit .lead{margin-top:22px}
.fit .btn{margin-top:32px}
.fit__card{background:var(--ink);color:var(--on-ink);border-radius:var(--r-xl);padding:clamp(1.75rem,3vw,2.5rem);box-shadow:var(--shadow-xl)}
.fit__label{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-3)}
.fit__card .checks{margin:20px 0 0;font-size:16px;gap:0}
.fit__card .checks li{padding:16px 0;border-top:1px solid var(--line-ink)}
.fit__card .checks li:first-child{border-top:0}
.checks{list-style:none;padding:0;display:grid;line-height:1.45}
.checks li{display:flex;gap:12px}
.checks li::before{content:"✓";color:#8fe6b4;font-weight:700}

/* faq */
.faq{background:var(--box);border-top:1px solid var(--line)}
.faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.faq__title{position:sticky;top:calc(var(--nav-h) + 40px)}
.faq__list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font:600 17px/1.4 var(--sans);letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary i{flex:none;position:relative;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
summary i::before,summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .25s var(--ease-out)}
summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
details p{padding:0 48px 24px 0;color:var(--ink-2)}

/* final */
.final{position:relative;background:var(--ink-canvas);color:var(--on-ink);overflow:hidden;padding-top:var(--section)}
.aurora--dark{inset:0 -10% auto;height:100%;background:radial-gradient(35% 45% at 25% 30%,#45c4f930,transparent 70%),radial-gradient(30% 40% at 55% 20%,#7d5cff30,transparent 70%),radial-gradient(35% 45% at 80% 35%,#ff3fe12a,transparent 70%)}
.final__inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.final .display .l2{color:#ffffff66}
.final .display .l1,.final .display .l2{display:inline}
.final .lead{color:var(--on-ink-2);margin-top:22px}
.note--dark{color:var(--on-ink-3);font-size:14px;margin-top:24px}

.footer{position:relative;margin-top:var(--section);padding-top:40px;padding-bottom:40px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;border-top:1px solid var(--line-ink);font-size:14px;color:var(--on-ink-2)}
.footer img{height:22px;width:auto}
.footer a:hover{color:#fff}
.footer__legal{margin-left:auto;color:var(--on-ink-3)}

/* reveal (Motion-style fade-up) */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity var(--dur-reveal) var(--ease-soft),transform var(--dur-reveal) var(--ease-soft);transition-delay:var(--d,0s);will-change:opacity,transform}
.js .reveal.in{opacity:1;transform:none}
.js [data-split] .w{display:inline-block;opacity:0;transform:translateY(36%);transition:opacity .65s var(--ease-soft),transform .75s var(--ease-soft);transition-delay:calc(var(--i)*42ms)}
.js [data-split].in .w{opacity:1;transform:none}

/* responsive */
@media (max-width:900px){
  .nav__links,.nav__cta{display:none}
  .nav__burger{display:block}
  .problem__grid,.how__grid,.fit__grid,.faq__grid{grid-template-columns:1fr}
  .problem .h2,.faq__title{position:static}
  .how__panel{display:none}
  .step{opacity:1;padding:28px 0}
}
@media (prefers-reduced-motion:reduce){
  .js .reveal,.js [data-split] .w{opacity:1!important;transform:none!important;transition:none}
  .aurora,.panel__glow,.marquee__track{animation:none}
}
.work__sub{margin-top:18px}

/* hero visual — abstract product stage (fictional shop) */
.stage{position:relative;height:clamp(440px,48vw,600px);border-radius:var(--r-2xl);background:var(--ink-canvas);overflow:hidden;box-shadow:var(--shadow-xl);isolation:isolate}
.stage__glow{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(30% 40% at 28% 35%,#45c4f938,transparent 70%),radial-gradient(28% 38% at 50% 70%,#7d5cff33,transparent 70%),radial-gradient(30% 40% at 75% 30%,#ff3fe12e,transparent 70%);filter:blur(30px);animation:aurora-drift 16s ease-in-out infinite alternate}
.stage__grid{position:absolute;inset:0;z-index:-1;opacity:.6;background-image:radial-gradient(#ffffff14 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 80% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 80% at 50% 50%,#000,transparent)}
.mock-phone{position:absolute;left:50%;top:9%;width:clamp(230px,24vw,290px);aspect-ratio:9/19;transform:translateX(-50%);border-radius:40px;background:#0f0f12;border:7px solid #1f1f24;box-shadow:0 0 0 1px #ffffff14,0 40px 80px -30px #000,0 0 80px -20px #7d5cff55;overflow:hidden;text-align:left;color:#f7f7f5}
.mp__notch{position:absolute;top:8px;left:50%;width:76px;height:20px;transform:translateX(-50%);border-radius:20px;background:#000;z-index:3}
.mp__bar{display:flex;justify-content:space-between;align-items:center;padding:38px 16px 10px}
.mp__logo{font:800 12px var(--display);letter-spacing:.18em}
.mp__menu{display:grid;gap:4px}.mp__menu i{display:block;width:16px;height:1.5px;background:#f7f7f5b0}
.mp__hero{margin:4px 10px 0;padding:18px 14px 16px;border-radius:18px;background:linear-gradient(160deg,#2a2a31 0%,#16161a 60%),#16161a;position:relative;overflow:hidden}
.mp__hero::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(#7d5cff55,transparent 70%)}
.mp__chip{display:inline-block;font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#1a9a4a26;color:#8fe6b4}
.mp__h{margin-top:12px;font:700 21px/1.05 var(--display);letter-spacing:-.03em}
.mp__btn{display:block;margin-top:14px;text-align:center;padding:10px;border-radius:999px;background:#fff;color:#0b0b0d;font:600 12px var(--sans)}
.mp__stars{display:block;margin-top:10px;text-align:center;font-size:10px;color:#febc2e;letter-spacing:1px}.mp__stars em{font-style:normal;color:#f7f7f58a;letter-spacing:0;margin-left:4px}
.mp__label{margin:14px 16px 8px;font:500 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#f7f7f56b}
.mp__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 10px}
.mp__gallery i{aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,#2c2c33,#1a1a1f)}
.mp__gallery i:nth-child(2){background:linear-gradient(135deg,#34304a,#1a1a1f)}.mp__gallery i:nth-child(4){background:linear-gradient(135deg,#21323a,#1a1a1f)}.mp__gallery i:nth-child(6){background:linear-gradient(135deg,#3a2636,#1a1a1f)}
.mp__barbers{display:flex;gap:8px;padding:0 16px}.mp__barbers i{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3a3a42,#222227);box-shadow:0 0 0 2px #0f0f12,0 0 0 3px #ffffff1f}
.mp__sticky{position:absolute;left:10px;right:10px;bottom:12px;padding:11px;border-radius:999px;text-align:center;background:#fff;color:#0b0b0d;font:600 12px var(--sans);box-shadow:0 10px 30px -8px #000}
.float{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;text-align:left;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink);box-shadow:var(--shadow-lg),inset 0 1px 0 #fff;animation:float 7s ease-in-out infinite;font-size:13px;line-height:1.25}
.float b{display:block;font:600 13px var(--sans)}.float small{display:block;margin-top:2px;font-size:12px;color:var(--ink-2)}
.float__ic{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-weight:700;font-size:13px}
.float__ic--green{background:#e4f6ea;color:var(--green)}.float__ic--g{background:#e9f2fd;color:var(--blue);font-family:var(--display)}
.stars{color:#e8a10c!important;letter-spacing:1px}
.float--book{left:8%;top:16%}
.float--review{left:11%;bottom:18%;animation-delay:-2s}
.float--week{right:7%;top:12%;display:block;width:200px;animation-delay:-4s}
.fw__head small{margin-top:1px}
.fw__bars{display:flex;align-items:flex-end;gap:6px;height:64px;margin-top:12px}
.fw__bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#7d5cff,#45c4f9)}
.fw__bars i:nth-child(-n+3){background:#0b0b0d1f}
.fw__days{display:flex;gap:6px;margin-top:6px}.fw__days span{flex:1;text-align:center;font:500 9px var(--mono);color:var(--ink-3)}
.float--ads{right:10%;bottom:20%;animation-delay:-5.5s}
.dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #1a9a4a26;animation:status 2s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes status{50%{box-shadow:0 0 0 7px #1a9a4a10}}
@media (max-width:900px){
  .stage{height:560px;border-radius:var(--r-xl)}
  .mock-phone{top:6%;width:220px}
  .float{padding:9px 11px;font-size:12px}.float b{font-size:12px}.float small{font-size:11px}
  .float__ic{width:26px;height:26px}
  .float--book{left:3%;top:9%}
  .float--review{left:3%;bottom:7%}
  .float--week{right:3%;top:44%;width:150px;padding:10px}
  .fw__bars{height:44px}
  .float--ads{display:none}
}
@media (prefers-reduced-motion:reduce){.float,.stage__glow,.dot{animation:none}}


/* ===== multi-page additions ===== */
.nav__links a[aria-current=page]{color:var(--ink);font-weight:600}
.nav__mobile a[aria-current=page]{color:var(--ink)}
.footer__nav{display:flex;gap:20px;flex-wrap:wrap}
.get{background:var(--box);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.get__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:clamp(2.5rem,5vw,4rem)}
.get__head .eyebrow{width:100%;margin-bottom:0}
.get .h2{max-width:20ch}
.kicker.shell{max-width:var(--shell)}
.get__more{flex:none}
/* bento grid */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bcard{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);padding:24px 26px 28px;box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--line-2);transition:box-shadow .3s var(--ease-out),opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out)}
.bcard:hover{box-shadow:var(--shadow),inset 0 0 0 1px var(--line)}
.bcard__n{margin-top:22px;font:500 12px var(--mono);letter-spacing:.08em;color:var(--ink-3)}
.bcard h3{margin-top:8px;font:700 clamp(1.25rem,1.7vw,1.45rem)/1.15 var(--display);letter-spacing:-.025em}
.bcard p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.bcard--ink{background:var(--ink);color:var(--on-ink);box-shadow:var(--shadow-lg)}
.bcard--ink p,.bcard--ink .bcard__n{color:var(--on-ink-2)}
/* mini visuals */
.viz{position:relative;height:120px;border-radius:var(--r-md);background:var(--box);box-shadow:inset 0 0 0 1px var(--line-2);display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden}
.bcard--ink .viz{background:var(--ink-box);box-shadow:inset 0 0 0 1px var(--line-ink)}
.viz__btn{position:relative;z-index:1;padding:10px 26px;border-radius:999px;background:var(--ink);color:#fff;font:600 13px var(--sans);box-shadow:var(--shadow)}
.viz__btn--sm{padding:7px 16px;font-size:12px}
.viz__ring{position:absolute;width:44px;height:44px;border-radius:50%;left:calc(50% + 14px);top:calc(50% - 4px);background:#7d5cff26;box-shadow:0 0 0 1px #7d5cff40;animation:tap 2.4s var(--ease-out) infinite}
@keyframes tap{0%{transform:scale(.4);opacity:0}30%{opacity:1}100%{transform:scale(1.4);opacity:0}}
.viz--gallery{display:grid;grid-template-columns:repeat(3,38px);grid-auto-rows:38px;gap:6px;align-content:center;justify-content:center}
.viz--gallery i{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#dcdcda,#c9c9c6)}
.viz--gallery i:nth-child(2){background:linear-gradient(135deg,#d9d4ff,#b9b0ff)}.viz--gallery i:nth-child(4){background:linear-gradient(135deg,#cbe9fb,#9fd6f5)}.viz--gallery i:nth-child(6){background:linear-gradient(135deg,#fbd3f3,#f2a8e5)}
.viz--search{flex-direction:column;gap:12px}
.viz__bar{display:flex;align-items:center;gap:10px;width:72%;height:38px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--line)}
.viz__bar b{font:700 14px var(--display);color:var(--blue)}
.viz__bar i{flex:1;height:7px;border-radius:4px;background:linear-gradient(90deg,#0b0b0d2e 55%,transparent 55%)}
.viz__pin{width:14px;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--red);box-shadow:0 0 0 5px #e2382f1f}
.viz--reviews{gap:14px}
.viz__stars{font-size:20px;letter-spacing:2px;color:#e8a10c}
.viz--barbers i{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e2e2df,#cfcfcb);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line)}
.viz--barbers i:nth-child(2){background:linear-gradient(135deg,#d9d4ff,#b9b0ff)}.viz--barbers i:nth-child(3){background:linear-gradient(135deg,#cbe9fb,#9fd6f5)}.viz--barbers i:nth-child(4){background:linear-gradient(135deg,#fbd3f3,#f2a8e5)}
.viz--bars{align-items:flex-end;gap:7px;padding:18px 24px}
.viz--bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#7d5cff,#45c4f9)}
.viz--bars i:nth-child(-n+3){background:#ffffff1f}
@media (max-width:1000px){.bento{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.bento{grid-template-columns:1fr}.viz{height:104px}}
@media (prefers-reduced-motion:reduce){.viz__ring{animation:none;opacity:.6;transform:none}}
/* page hero (inner pages) */
.phero{position:relative;padding:calc(var(--nav-h) + clamp(4rem,9vw,7rem)) 0 clamp(3.5rem,7vw,6rem);overflow:hidden;border-bottom:1px solid var(--line)}
.phero__inner{position:relative}
.display--page{font-size:clamp(2.4rem,5.4vw,4.6rem);max-width:18ch}
.phero .lead{margin-top:24px}
.phero .hero__ctas{justify-content:flex-start}
.h2--wide{max-width:22ch}
/* services grid */
.svc__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.svc{display:flex;flex-direction:column;background:var(--box);border-radius:var(--r-xl);padding:clamp(1.75rem,3vw,2.5rem);box-shadow:inset 0 0 0 1px var(--line-2)}
.svc--ink{background:var(--ink);color:var(--on-ink);box-shadow:var(--shadow-xl)}
.svc__n{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.svc--ink .svc__n,.svc--ink .svc__what,.svc--ink .svc__inc li,.svc--ink .svc__fit{color:var(--on-ink-2)}
.svc__h{margin-top:40px;font:700 clamp(1.6rem,2.6vw,2.2rem)/1.08 var(--display);letter-spacing:-.03em}
.svc__what{margin-top:12px;color:var(--ink-2);font-size:16px}
.svc__inc{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px;font-size:15px}
.svc__inc li{display:flex;gap:10px;color:var(--ink-2)}
.svc__inc li::before{content:"✓";color:var(--green);font-weight:700}
.svc--ink .svc__inc li::before{color:#8fe6b4}
.svc__fit{margin-top:auto;padding-top:28px;font-size:14px;color:var(--ink-2)}
.svc__fit span{display:block;margin-bottom:6px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.svc--ink .svc__fit span{color:var(--on-ink-3)}
/* grey band (jdlo "start with one" pattern) */
.band{background:var(--box);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.band__body .btn{margin-top:28px}
/* about */
.story__grid{display:grid;grid-template-columns:.5fr 1.5fr;gap:clamp(2rem,6vw,6rem)}
.story .lead{margin-top:24px}
.princ__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(2rem,4vw,3rem)}
.princ{background:#fff;border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--line-2)}
.princ__n{font:500 12px var(--mono);letter-spacing:.08em;color:var(--ink-3)}
.princ p{margin-top:28px;font:600 clamp(1.1rem,1.6vw,1.3rem)/1.35 var(--display);letter-spacing:-.015em}
.founder__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.founder__photo{margin:0;border-radius:var(--r-xl);overflow:hidden;background:var(--box);box-shadow:var(--shadow-lg);aspect-ratio:4/5}
.founder__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.founder__photo picture{display:block;height:100%}
.founder .lead{margin-top:22px}
.founder__sign{margin-top:28px;font:500 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
/* faq page */
.faq--page{padding-top:calc(var(--nav-h) + clamp(4rem,9vw,7rem));border-top:0}
/* contact */
.contact{position:relative;padding:calc(var(--nav-h) + clamp(3rem,7vw,5rem)) 0 var(--section);overflow:hidden}
.contact__grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.contact__text{position:sticky;top:calc(var(--nav-h) + 40px)}
.contact .lead{margin-top:24px}
.contact__alt{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.contact__alt a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.contact__card{background:#fff;border-radius:var(--r-xl);padding:8px;box-shadow:var(--shadow-xl),inset 0 0 0 1px var(--line-2);overflow:hidden}
.calendly-inline-widget{min-width:300px;height:720px;border-radius:calc(var(--r-xl) - 8px);overflow:hidden}
.contact__open{display:block;text-align:center;padding:14px;font-size:14px;color:var(--ink-2)}
.final--slim{padding-top:0}
.contact .display--page{font-size:clamp(2.4rem,4.2vw,3.7rem)}
.contact__ig{margin-top:12px;font-size:15px}
.contact__ig a,.fpanel a{display:inline-flex;align-items:center;gap:8px}
.contact__ig a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
/* trygtm-style footer panel */
.fpanel-wrap{position:relative;margin-top:var(--section);padding:0 12px}
.final--slim .fpanel-wrap{margin-top:0;padding-top:56px}
.fpanel{position:relative;max-width:72rem;margin:0 auto;border-radius:2rem 2rem 0 0;border-top:1px solid #ffffff1a;background:#ffffff04 radial-gradient(35% 128px at 50% 0%,#ffffff14,transparent);padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,4vw,3rem) 0;color:var(--on-ink-2);text-align:left}
.fpanel__glow{position:absolute;top:0;left:50%;width:33%;height:1px;transform:translate(-50%,-50%);border-radius:999px;background:#ffffff66;filter:blur(2px)}
.fpanel__grid{display:grid;grid-template-columns:1fr 2fr;gap:2.5rem}
.fpanel__brand img{height:30px;width:auto}
.fpanel__tag{margin-top:18px;max-width:22rem;font-size:15px;line-height:1.6;color:var(--on-ink-2)}
.fpanel__loc{margin-top:18px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-3)}
.fpanel__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.fpanel h3{font:600 12px var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--on-ink)}
.fpanel ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.fpanel ul a{font-size:14px;color:var(--on-ink-2);transition:color .3s}
.fpanel ul a:hover{color:var(--on-ink)}
.fpanel__bar{margin-top:clamp(2.5rem,5vw,3.5rem);padding:22px 0 28px;border-top:1px solid #ffffff12;font-size:13px;color:var(--on-ink-3)}
@media (max-width:900px){.fpanel__grid{grid-template-columns:1fr}.fpanel__cols{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.fpanel__cols{grid-template-columns:1fr}}
@media (max-width:900px){
  .svc__grid,.band__grid,.story__grid,.princ__grid,.founder__grid,.contact__grid{grid-template-columns:1fr}
  .contact__text{position:static}
  .calendly-inline-widget{height:1060px}
  .contact__card{padding:0;border-radius:var(--r-lg)}
  .founder__photo{max-width:420px}
}

/* ===== 404 / legal ===== */
.phero--center{text-align:center}
.phero--center .phero__inner{display:flex;flex-direction:column;align-items:center}
.phero--center .display--page{max-width:16ch}
.phero--center .hero__ctas{justify-content:center}
.phero--full{min-height:calc(100svh - 40px);display:flex;align-items:center;border-bottom:0}
.phero--full .phero__inner{width:100%}
.phero--legal{padding-bottom:clamp(2.5rem,5vw,4rem)}
.phero--legal .lead{font-size:14px;font-family:var(--mono);color:var(--ink-3);margin-top:16px}
.legal{padding-top:clamp(2.5rem,5vw,4rem)}
.prose{max-width:44rem;color:var(--ink-2);font-size:16px;line-height:1.7}
.prose h2{margin:2.4em 0 .6em;font:700 1.35rem/1.25 var(--display);letter-spacing:-.02em;color:var(--ink)}
.prose p+p{margin-top:1em}
.prose ul{padding-left:1.2em;margin:.8em 0 0}
.prose li+li{margin-top:.5em}
.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.fpanel__bar{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center}
.fpanel__legal{display:flex;gap:20px}
.fpanel__legal a{color:var(--on-ink-3);transition:color .3s}
.fpanel__legal a:hover{color:var(--on-ink)}
/* ===== sticky mobile CTA ===== */
.mcta{display:none}
@media (max-width:768px){
  .mcta{position:fixed;z-index:60;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:999px;background:var(--ink);color:#fff;font:600 16px var(--sans);box-shadow:0 18px 40px -12px #0b0b0d73,0 0 0 1px #ffffff1a inset;
    transform:translateY(calc(100% + 24px + env(safe-area-inset-bottom,0px)));opacity:0;pointer-events:none;transition:transform .45s var(--ease-out),opacity .3s var(--ease-out)}
  .mcta.is-on{transform:none;opacity:1;pointer-events:auto}
}
@media (prefers-reduced-motion:reduce){.mcta{transition:none}}
/* ===== cookie notice ===== */
.cnote{position:fixed;z-index:70;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:300px;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border-radius:16px;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--line);font-size:13px;line-height:1.4;color:var(--ink-2);opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}
.cnote.in{opacity:1;transform:none}
.cnote a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.cnote button{flex:none;height:32px;padding:0 14px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 13px var(--sans);cursor:pointer}
@media (max-width:768px){.cnote{left:12px;right:12px;max-width:none;bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
/* ===== Calendly loading skeleton ===== */
.contact__card{position:relative}
.cal-skel{position:absolute;inset:8px 8px auto;height:720px;z-index:2;display:flex;flex-direction:column;align-items:center;padding:48px 32px;border-radius:calc(var(--r-xl) - 8px);background:#fff;transition:opacity .4s var(--ease-out)}
.contact__card.is-loaded .cal-skel{opacity:0;pointer-events:none}
.cal-skel__head{display:grid;justify-items:center;gap:12px;width:100%}
.cal-skel__head i,.cal-skel__grid i{display:block;border-radius:8px;background:linear-gradient(90deg,var(--box) 25%,var(--box-2) 50%,var(--box) 75%);background-size:200% 100%;animation:skel 1.4s ease-in-out infinite}
.cal-skel__head i:first-child{width:40%;height:14px}.cal-skel__head i:last-child{width:62%;height:24px}
.cal-skel__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;width:min(100%,340px);margin-top:56px}
.cal-skel__grid i{aspect-ratio:1;border-radius:50%}
.cal-skel__spin{margin-top:40px;width:28px;height:28px;border-radius:50%;border:2.5px solid var(--box-2);border-top-color:var(--ink);animation:spin .8s linear infinite}
@keyframes skel{to{background-position:-200% 0}}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:900px){.cal-skel{inset:0 0 auto;height:1060px;border-radius:var(--r-lg)}}
@media (prefers-reduced-motion:reduce){.cal-skel__head i,.cal-skel__grid i{animation:none}.cal-skel__spin{animation-duration:2s}}

/* ---- a11y: skip link, visible focus ---- */
.skip{position:fixed;z-index:100;left:12px;top:-60px;padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;font:600 14px var(--sans);text-decoration:none}
.skip:focus{top:12px}
main:focus{outline:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.btn:focus-visible,.cnote button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.cnote{max-width:340px;flex-wrap:wrap}
.cnote p{margin:0;flex:1 1 180px}
.cnote__acts{display:flex;gap:8px}
.cnote button.cnote__no{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
@media (prefers-reduced-motion:reduce){.cnote{transition:none}}
.contact__legal{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.contact__legal a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}

/* ===== v2 collision rebuild ===== */
.nav__links a.is-active,.nav__mobile a.is-active{color:var(--ink);font-weight:600}
.nav__cta{margin-left:auto}
.page-hero{position:relative;padding:calc(var(--nav-h) + clamp(4rem,9vw,7rem)) 0 clamp(3.5rem,7vw,5.5rem);overflow:hidden;border-bottom:1px solid var(--line)}
.page-hero .lead{margin-top:22px}
.page-hero--contact{border-bottom:0;padding-bottom:var(--section)}
.page-hero--contact .contact__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:start}

/* bay mock (home hero) */
.bay-mock{border-radius:var(--r-2xl);background:var(--ink-canvas);color:var(--on-ink);padding:clamp(1.25rem,3vw,1.75rem);box-shadow:var(--shadow-xl);text-align:left;overflow:hidden;position:relative}
.bay-mock::before{content:"";position:absolute;inset:-30% -10% auto;height:70%;background:radial-gradient(40% 50% at 20% 40%,#45c4f933,transparent 70%),radial-gradient(35% 45% at 80% 20%,#ff3fe122,transparent 70%);pointer-events:none}
.bay-mock__top{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.bay-pill{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:#ffffff12;box-shadow:inset 0 0 0 1px var(--line-ink);color:var(--on-ink-2)}
.bay-status{font:500 13px var(--sans);color:#8fe6b4}
.bay-mock__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bay-card{background:#ffffff0d;border:1px solid var(--line-ink);border-radius:var(--r-md);padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-height:150px}
.bay-card--ok{background:#1a9a4a14;border-color:#1a9a4a44}
.bay-card header{display:flex;justify-content:space-between;gap:8px;font:600 14px var(--sans)}
.bay-card header span{font:500 11px var(--mono);color:var(--on-ink-3)}
.bay-card p{font-size:13.5px;line-height:1.45;color:var(--on-ink-2);margin:0;flex:1}
.bay-card footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--on-ink-3)}
.tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#ffffff14;font:600 11px var(--sans)}
.tag--warn{background:#e2382f26;color:#ffb4ae}
.tag--ok{background:#1a9a4a33;color:#8fe6b4}
.bay-mock__bar{position:relative;margin-top:14px;padding:14px 16px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid var(--line-ink);display:flex;align-items:center;justify-content:space-between;gap:16px}
.bay-mock__bar em{display:block;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-3);font-style:normal}
.bay-mock__bar strong{font:700 15px var(--display);letter-spacing:-.02em}
.bay-bars{display:flex;align-items:flex-end;gap:6px;height:44px;width:min(220px,40%)}
.bay-bars i{flex:1;height:var(--h);border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#7d5cff,#45c4f9)}

.offer-band{background:var(--box);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(2rem,4vw,3rem)}
.offer-card{background:#fff;border-radius:var(--r-lg);padding:24px 26px 28px;box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--line-2)}
.offer-n{font:500 12px var(--mono);letter-spacing:.08em;color:var(--ink-3)}
.offer-card h3,.svc-card h3,.proof-card h3,.leak-card h3,.price-card h3{margin-top:14px;font:700 clamp(1.2rem,1.8vw,1.45rem)/1.15 var(--display);letter-spacing:-.025em}
.offer-card p,.svc-card p,.proof-card p,.leak-card p,.price-card>p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--ink-2)}

.proof__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.proof__cards{display:grid;gap:12px}
.proof-card{background:var(--box);border-radius:var(--r-lg);padding:22px 24px;box-shadow:inset 0 0 0 1px var(--line-2)}
.founding{background:var(--box);border-radius:var(--r-xl);padding:clamp(2rem,4vw,3rem);box-shadow:inset 0 0 0 1px var(--line-2)}

.fit__list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:0}
.fit__list li{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line-ink);font-size:16px;line-height:1.45;color:var(--on-ink)}
.fit__list li:first-child{border-top:0}
.fit__list li::before{content:"✓";color:#8fe6b4;font-weight:700}

.leak-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.leak-card{background:var(--box);border-radius:var(--r-lg);padding:24px;box-shadow:inset 0 0 0 1px var(--line-2)}

.feature-rows{margin-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--line)}
.feature-row{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}
.feature-row>span{font:500 12px/2 var(--mono);letter-spacing:.08em;color:var(--ink-3)}
.feature-row h3{font:700 clamp(1.25rem,2vw,1.6rem)/1.15 var(--display);letter-spacing:-.025em}
.feature-row p{margin-top:8px;color:var(--ink-2);max-width:42rem}

.svc-grid,.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(1rem,3vw,2rem)}
.svc-card{background:var(--box);border-radius:var(--r-xl);padding:clamp(1.5rem,3vw,2.25rem);box-shadow:inset 0 0 0 1px var(--line-2);display:flex;flex-direction:column}
.svc-card ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.svc-card ul li{display:flex;gap:10px;font-size:14px;color:var(--ink-2)}
.svc-card ul li::before{content:"✓";color:var(--green);font-weight:700}

.note-card{background:#fff;border-radius:var(--r-lg);padding:20px 24px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-sm);color:var(--ink-2);font-size:15px;line-height:1.55}
.note-card a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}

.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.price-card{background:#fff;border-radius:var(--r-xl);padding:clamp(1.5rem,3vw,2rem);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--line-2);display:flex;flex-direction:column}
.price-card--featured{background:var(--ink);color:var(--on-ink);box-shadow:var(--shadow-xl)}
.price-card--featured .eyebrow,.price-card--featured p,.price-card--featured li{color:var(--on-ink-2)}
.price-card--featured h3{color:#fff}
.price-tag{margin:18px 0 8px;font:800 clamp(1.6rem,2.4vw,2rem)/1 var(--display);letter-spacing:-.03em;color:var(--ink);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.price-card--featured .price-tag{color:#fff}
.tbd{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#e438c918;color:var(--pink);vertical-align:middle}
.price-card--featured .tbd{background:#ff3fe133;color:#ffb3ec}
.price-card ul{list-style:none;margin:16px 0 24px;padding:0;display:grid;gap:8px;flex:1}
.price-card ul li{display:flex;gap:10px;font-size:14px;color:var(--ink-2)}
.price-card ul li::before{content:"✓";color:var(--green);font-weight:700}
.price-card--featured ul li::before{color:#8fe6b4}

.contact__cal{background:#fff;border-radius:var(--r-xl);padding:8px;box-shadow:var(--shadow-xl),inset 0 0 0 1px var(--line-2);overflow:hidden}
.cal-fallback{text-align:center;padding:12px;font-size:14px;color:var(--ink-2)}
.cal-fallback a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.calendly-inline-widget{min-width:300px;height:720px;border-radius:calc(var(--r-xl) - 8px);overflow:hidden}

/* new footer */
.foot{background:var(--ink-canvas);color:var(--on-ink);margin-top:0;padding:clamp(3rem,7vw,5rem) 0 0}
.final + .foot{margin-top:0}
.foot__panel{display:grid;grid-template-columns:1.2fr 1.8fr;gap:clamp(2rem,5vw,4rem);padding-bottom:clamp(2.5rem,5vw,3.5rem)}
.foot__brand img{height:26px;width:auto}
.foot__brand p{margin-top:16px;max-width:28rem;font-size:14px;line-height:1.55;color:var(--on-ink-2)}
.foot__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.foot__cols h4{font:600 12px var(--sans);letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px}
.foot__cols ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.foot__cols a{font-size:14px;color:var(--on-ink-2)}
.foot__cols a:hover{color:#fff}
.foot__bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 0 28px;border-top:1px solid #ffffff12;font-size:13px;color:var(--on-ink-3)}

.final{padding-bottom:var(--section)}

@media (max-width:900px){
  .bay-mock__grid,.offer-grid,.leak-grid,.proof__grid,.svc-grid,.ai-grid,.price-grid,.foot__panel,.page-hero--contact .contact__grid{grid-template-columns:1fr}
  .bay-mock__bar{flex-direction:column;align-items:stretch}
  .bay-bars{width:100%}
  .foot__cols{grid-template-columns:1fr 1fr}
  .feature-row{grid-template-columns:48px 1fr}
  .calendly-inline-widget{height:1060px}
  .nav__cta{display:none}
}
@media (max-width:560px){
  .foot__cols{grid-template-columns:1fr}
  .bay-card{min-height:0}
}

/* ===== v3 copy rebuild ===== */
.trust-line{margin-top:22px;max-width:40rem;font-size:14px;line-height:1.55;color:var(--ink-3);text-align:center}
.plain-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.plain-list li{display:flex;gap:10px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.plain-list li::before{content:"✓";color:var(--green);font-weight:700;flex:none}
.leak-stack{display:grid;gap:clamp(2rem,5vw,3.5rem)}
.leak-block{padding-bottom:clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}
.leak-block:last-child{border-bottom:0;padding-bottom:0}
.book-block{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.h3{font:700 clamp(1.15rem,1.6vw,1.35rem)/1.2 var(--display);letter-spacing:-.02em;margin:0 0 4px}
.proof__grid--simple{grid-template-columns:1fr;max-width:40rem}
.faq--page .faq__list{border-top:1px solid var(--line)}
.nav__links{gap:18px;font-size:13.5px}
@media (max-width:1100px){
  .nav__links{gap:14px;font-size:13px}
}

/* ===== v3 footer nest ===== */
.final{padding-bottom:0}
.final > .final__inner{padding-bottom:var(--section)}
.final.final--slim{padding-bottom:0}
.final .fpanel-wrap{margin-top:0}
.section.final > .final__inner{padding-bottom:clamp(2.5rem,5vw,4rem)}

/* ===== motion polish (JT-inspired, our code) ===== */
.btn{transition:transform var(--dur-fast) var(--ease-soft),background var(--dur-fast) ease,box-shadow var(--dur-fast) ease,filter var(--dur-fast) ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn .arr{transition:transform var(--dur-fast) var(--ease-soft)}
.btn:hover .arr{transform:translateX(3px)}
.bcard,.card,.leak-block,.offer-card,.proof__item{transition:transform .28s var(--ease-soft),box-shadow .28s var(--ease-soft)}
@media (hover:hover){
  .bcard:hover,.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--line)}
}
.nav__cta.btn:hover{transform:translateY(-1px)}
body{padding-top:0}
.hero,.page-hero{scroll-margin-top:88px}
@media (prefers-reduced-motion:reduce){
  .nav,.nav__shell,.nav__bar,.nav__logo img,.nav__mobile,.btn,.bcard,.card{transition:none!important;transform:none!important}
  .nav.is-hidden{transform:none;opacity:1}
}

/* pill nav clearance */
:root{--nav-h:84px}

.book-frame{width:100%;min-height:720px;border:0;border-radius:calc(var(--r-xl) - 8px);background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.04),0 24px 48px -28px rgba(15,23,42,.18)}
@media (max-width:720px){.book-frame{min-height:920px}}