/* salas.works — shared site styles (linked by every page) */
:root{
  --ink:#0f1b38; --ink-2:#0b1430; --navy:#0f1b38;
  --paper:#ffffff; --cream:#f3f7ff; --cream-2:#e6effb;
  --muted:#5b6786; --muted-2:#97a0c0; --line:#e2e9f7; --line-2:#d3ddf2;
  --teal:#2f6bff; --teal-2:#5b8cff; --teal-deep:#1d52d6;
  --amber:#1e9bf0; --amber-2:#57b8f7; --amber-deep:#0b74c4;
  --on-dark:#dfe8fb; --on-dark-dim:#9fb0d4; --dark-line:#25345f; --dark-line-2:#33457a;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--cream)}
body{font-family:'Hanken Grotesk',sans-serif;color:var(--ink);background:transparent;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
/* ambient atmosphere: two soft color fields drifting behind every page.
   html carries the page background so these can paint behind all content;
   the global prefers-reduced-motion rule freezes them. */
body::before,body::after{content:"";position:fixed;z-index:-1;border-radius:50%;pointer-events:none}
body::before{width:min(64vw,940px);height:min(64vw,940px);left:-14%;top:-16%;background:radial-gradient(circle,rgba(47,107,255,.13),transparent 65%);animation:amb-a 36s ease-in-out infinite alternate}
body::after{width:min(58vw,860px);height:min(58vw,860px);right:-16%;bottom:-20%;background:radial-gradient(circle,rgba(30,155,240,.11),transparent 65%);animation:amb-b 44s ease-in-out infinite alternate}
@keyframes amb-a{to{transform:translate3d(10vw,8vh,0) scale(1.18)}}
@keyframes amb-b{to{transform:translate3d(-9vw,-10vh,0) scale(.92)}}
/* topographic ripple field (injected by app.js when motion is on) — the same
   ring language as the hero panel, pulsing slowly across the page ground */
.topo{position:fixed;inset:0;z-index:-1;pointer-events:none}
.topo i{position:absolute;inset:-22%;
  background:repeating-radial-gradient(circle at var(--x) var(--y),rgba(37,92,224,.12) 0 1.3px,transparent 1.3px var(--p,26px));
  -webkit-mask:radial-gradient(56% 50% at var(--x) var(--y),#000,transparent 76%);
  mask:radial-gradient(56% 50% at var(--x) var(--y),#000,transparent 76%);
  transform-origin:var(--x) var(--y);
  animation:topo-pulse 22s ease-in-out infinite alternate}
@keyframes topo-pulse{from{transform:scale(1);opacity:.7}to{transform:scale(1.16);opacity:1}}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',sans-serif;color:var(--ink);line-height:1.03;letter-spacing:-.025em;font-weight:800}
.serif{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:0}
.mono{font-family:'JetBrains Mono',monospace}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 30px}
::selection{background:var(--amber);color:var(--ink)}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:'Bricolage Grotesque';font-weight:600;font-size:1.02rem;padding:.95rem 1.8rem;min-height:50px;border-radius:100px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;cursor:pointer;border:none}
.btn-pri{background:linear-gradient(135deg,var(--teal),var(--teal-deep));color:#fff;box-shadow:0 14px 32px -12px rgba(47,107,255,.55)}
.btn-pri:hover{transform:translateY(-2px);box-shadow:0 22px 44px -12px rgba(47,107,255,.7)}
.btn-amber{background:linear-gradient(135deg,var(--amber-deep),var(--amber));color:#fff;box-shadow:0 14px 32px -12px rgba(11,116,196,.5)}
.btn-amber:hover{transform:translateY(-2px);box-shadow:0 22px 46px -12px rgba(11,116,196,.62)}
.btn-ghost{background:var(--paper);color:var(--ink);border:1.5px solid var(--line-2)}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal-deep);transform:translateY(-2px)}
/* Book Now: highlighted CTA with a soft violet ring */
.btn-book{box-shadow:0 0 0 4px rgba(87,184,247,.22),0 14px 32px -12px rgba(47,107,255,.55)}
.btn-book:hover{box-shadow:0 0 0 5px rgba(87,184,247,.3),0 22px 44px -12px rgba(47,107,255,.7)}
.eyebrow{font-family:'JetBrains Mono';font-weight:500;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal-deep)}
.pill{display:inline-flex;align-items:center;gap:.5rem;font-family:'JetBrains Mono';font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);background:rgba(47,107,255,.1);border:1px solid rgba(47,107,255,.28);padding:.4rem .8rem;border-radius:100px;font-weight:500}
.pill .pp{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(47,107,255,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,107,255,.5)}70%{box-shadow:0 0 0 10px rgba(47,107,255,0)}100%{box-shadow:0 0 0 0 rgba(47,107,255,0)}}

/* header */
header{position:fixed;top:0;left:0;right:0;z-index:60;transition:.3s}
header.scrolled{background:rgba(243,247,255,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo{display:flex;align-items:center;gap:.6rem;font-family:'Bricolage Grotesque';font-weight:800;font-size:1.36rem;color:var(--ink);letter-spacing:-.03em}
.logo .mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(150deg,var(--teal-2),var(--teal-deep));box-shadow:0 6px 18px -6px rgba(47,107,255,.7)}
.logo .dot{color:var(--teal-deep)}
.navlinks{display:flex;align-items:center;gap:1.7rem}
.navlinks a{font-weight:500;font-size:.96rem;color:var(--muted);transition:.2s}
.navlinks a:hover{color:var(--ink)}
.navlinks a.active{color:var(--ink);font-weight:600}
.navlinks a.btn{color:var(--cream)}
.menutoggle{display:none;background:none;border:none;cursor:pointer;padding:8px;min-width:44px;min-height:44px}

/* page top offset (sub-pages start under the fixed header) */
.page-first{padding-top:128px}

/* hero */
.hero{padding:150px 0 70px;position:relative;overflow:hidden;
  background:radial-gradient(1100px 600px at 88% -10%,rgba(47,107,255,.12),transparent 60%),
  radial-gradient(760px 520px at -5% 110%,rgba(30,155,240,.10),transparent 58%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(2.7rem,6.2vw,4.9rem);margin:1.1rem 0 1.3rem;letter-spacing:-.035em}
.hero h1 .amber{color:var(--amber-deep)}
.hero h1 .serif{color:var(--amber-deep)}
.hero p.lead{font-size:1.2rem;color:var(--muted);max-width:44ch;margin-bottom:2rem}
.hero p.lead b{color:var(--ink);font-weight:600}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
.hero-cta .btn{font-size:1.06rem}
.callnote{margin-top:1.4rem;display:flex;align-items:center;gap:.55rem;font-family:'JetBrains Mono';font-size:.84rem;color:var(--muted-2)}
.callnote a{color:var(--teal-deep);font-weight:600}
.callnote .pp{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(47,107,255,.7);animation:pulse 2s infinite;flex:0 0 auto}

/* hero media */
.hero-media{position:relative}
.hero-photo{border-radius:22px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 50px 90px -50px rgba(13,25,55,.55);aspect-ratio:600/337;background:var(--cream-2)}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.transcript{position:absolute;left:-22px;bottom:-26px;width:min(330px,84%);background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 30px 60px -28px rgba(13,25,55,.5)}
.transcript .th{display:flex;align-items:center;gap:.5rem;font-family:'JetBrains Mono';font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:.6rem}
.transcript .th .pp{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(47,107,255,.6);animation:pulse 2s infinite}
.transcript p{font-size:.95rem;color:var(--ink);line-height:1.5;font-style:italic}
.transcript .cap{margin-top:.6rem;font-family:'JetBrains Mono';font-size:.66rem;color:var(--muted-2);font-style:normal}

/* glassy hero (Apple-glass / futuristic) */
.hero-glass{padding:122px 0 40px;background:radial-gradient(900px 620px at 50% -16%,rgba(47,107,255,.16),transparent 62%),linear-gradient(180deg,#e9f0ff 0%,rgba(243,247,255,0) 92%);position:relative;isolation:isolate;overflow:hidden}
/* hero orbs: slow drifting light, desktop only — on short mobile sections
   they cross the section edge and get visibly sheared by overflow:hidden */
@media(min-width:741px){
.hero-glass::before,.hero-glass::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.hero-glass::before{width:680px;height:680px;left:-150px;top:-230px;background:radial-gradient(circle,rgba(47,107,255,.18),transparent 64%);animation:orb-a 26s ease-in-out infinite alternate}
.hero-glass::after{width:560px;height:560px;right:-130px;top:-40px;background:radial-gradient(circle,rgba(30,155,240,.15),transparent 64%);animation:orb-b 32s ease-in-out infinite alternate}
}
@keyframes orb-a{to{transform:translate3d(130px,90px,0) scale(1.14)}}
@keyframes orb-b{to{transform:translate3d(-120px,-80px,0) scale(.92)}}
.hero-glass .wrap{max-width:1080px}
.hero-panel{position:relative;overflow:hidden;border-radius:34px;padding:78px 36px 60px;text-align:center;
  background:radial-gradient(120% 130% at 50% -20%,rgba(91,140,255,.16),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.42));
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 50px 110px -56px rgba(13,25,55,.45),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(10px)}
.hero-panel::before{content:"";position:absolute;inset:-2px;z-index:0;pointer-events:none;opacity:.8;
  background:repeating-radial-gradient(circle at 50% 16%,rgba(37,92,224,.2) 0 1.4px,transparent 1.4px 26px);
  -webkit-mask:radial-gradient(75% 66% at 50% 16%,#000,transparent 76%);mask:radial-gradient(75% 66% at 50% 16%,#000,transparent 76%)}
.hero-panel>*{position:relative;z-index:1}
.hero-badges{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}
.gpill{display:inline-flex;align-items:center;gap:.45rem;font-family:'JetBrains Mono';font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--teal-deep);background:rgba(255,255,255,.62);border:1px solid rgba(47,107,255,.2);padding:.45rem .8rem;border-radius:100px;backdrop-filter:blur(6px)}
.gpill svg{stroke:var(--teal-deep);flex:0 0 auto}
.gpill .pp{width:8px;height:8px;border-radius:50%;background:#15c05f;box-shadow:0 0 0 0 rgba(21,192,95,.6);animation:pulse-g 2s infinite}
@keyframes pulse-g{0%{box-shadow:0 0 0 0 rgba(21,192,95,.5)}70%{box-shadow:0 0 0 9px rgba(21,192,95,0)}100%{box-shadow:0 0 0 0 rgba(21,192,95,0)}}
.hero-panel h1{font-size:clamp(2.6rem,6.6vw,5.1rem);letter-spacing:-.04em;line-height:1.02;margin:0 auto .95rem;max-width:15ch}
.hero-panel h1 .accent{background:linear-gradient(115deg,var(--teal),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-panel .lead{font-size:1.2rem;color:var(--muted);max-width:52ch;margin:0 auto 2.1rem}
.hero-panel .hero-cta{justify-content:center}
.hero-panel .callnote{justify-content:center;margin-top:1.5rem}
.btn-lg{font-size:1.12rem;padding:1.1rem 2.15rem;min-height:58px}
.btn-glass{background:rgba(255,255,255,.55);color:var(--ink);border:1px solid rgba(255,255,255,.85);box-shadow:0 14px 30px -16px rgba(13,25,55,.35);backdrop-filter:blur(8px)}
.btn-glass:hover{transform:translateY(-2px);border-color:var(--teal);color:var(--teal-deep)}
/* mobile: the box frame adds nothing at near-full width — go borderless,
   content sits directly on the living ground */
@media(max-width:740px){.hero-panel{padding:54px 0 44px;border:0;border-radius:0;background:radial-gradient(120% 110% at 50% -20%,rgba(91,140,255,.14),transparent 60%);box-shadow:none;backdrop-filter:none}}

/* stat strip (reworked) */
.strip{background:linear-gradient(180deg,var(--paper),#f9fbff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip .wrap{display:grid;grid-template-columns:repeat(5,1fr);padding:0}
.stat{padding:30px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.45rem;border-left:1px solid var(--line);transition:background .25s}
.stat:first-child{border-left:none}
.stat:hover{background:rgba(47,107,255,.045)}
.stat .si{width:38px;height:38px;border-radius:11px;background:rgba(47,107,255,.1);display:grid;place-items:center;margin-bottom:.1rem}
.stat .si svg{stroke:var(--teal-deep)}
.stat .num{font-family:'Bricolage Grotesque';font-weight:800;font-size:clamp(1.55rem,2.3vw,2.05rem);color:var(--ink);line-height:1;letter-spacing:-.02em}
.stat .num .unit{color:var(--amber-deep)}
.stat .lbl{font-family:'JetBrains Mono';font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);line-height:1.3}

section.block{padding:92px 0}
.sec-head{max-width:720px;margin-bottom:46px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.split{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.sec-head h2{font-size:clamp(2.1rem,4.6vw,3.2rem);margin:.7rem 0}
.sec-head h2 .serif,.sec-head h2 .amber{color:var(--amber-deep)}
.sec-head p{color:var(--muted);font-size:1.06rem;max-width:48ch}

/* trade cards */
.trades{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.trade{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:30px 28px;transition:transform .3s,border-color .3s,box-shadow .3s}
.trade:hover{transform:translateY(-6px);border-color:var(--teal);box-shadow:0 30px 60px -38px rgba(13,25,55,.4)}
.trade .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px}
.trade .tag{display:inline-block;margin:-4px 0 10px;font-family:'JetBrains Mono';font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-deep);background:rgba(47,107,255,.1);border:1px solid rgba(47,107,255,.28);padding:.25rem .6rem;border-radius:100px}
.trade.t1 .ic{background:rgba(30,155,240,.14)}
.trade.t2 .ic{background:rgba(47,107,255,.14)}
.trade.t3 .ic{background:rgba(13,25,55,.07)}
.trade h3{font-size:1.4rem;margin-bottom:.5rem}
.trade p{color:var(--muted);font-size:.97rem;margin-bottom:1rem}
.trade ul{list-style:none;display:flex;flex-direction:column;gap:.45rem}
.trade li{font-family:'JetBrains Mono';font-size:.78rem;color:var(--teal-deep);display:flex;align-items:center;gap:.5rem}
.trade li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--amber);flex:0 0 auto}

/* key features — clean hairline grid */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 40px 90px -60px rgba(13,25,55,.4)}
.feat-cell{background:var(--paper);padding:34px 30px;transition:background .25s}
.feat-cell:hover{background:#f7faff}
.feat-cell .ic{width:46px;height:46px;border-radius:13px;background:rgba(47,107,255,.1);display:grid;place-items:center;margin-bottom:16px}
.feat-cell .ic svg{stroke:var(--teal-deep)}
.feat-cell h3{font-size:1.18rem;margin-bottom:.4rem}
.feat-cell p{color:var(--muted);font-size:.95rem;line-height:1.55}

/* integrate with your tools */
.tools-card{position:relative;overflow:hidden;border-radius:30px;padding:48px 44px;
  background:radial-gradient(120% 130% at 50% -20%,rgba(91,140,255,.16),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.42));
  border:1px solid rgba(255,255,255,.8);box-shadow:0 50px 110px -56px rgba(13,25,55,.45),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(10px)}
.tools-card .sec-head{margin-bottom:30px}
.tools-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.tool-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;flex:1 1 150px;max-width:210px;
  padding:22px 10px;background:var(--paper);border:1px solid var(--line);border-radius:18px;transition:transform .25s,box-shadow .25s,border-color .25s}
.tool-tile:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 22px 44px -26px rgba(13,25,55,.45)}
.tool-tile .ti{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;
  font-family:'Bricolage Grotesque';font-weight:800;font-size:1.15rem;box-shadow:0 8px 18px -8px rgba(13,25,55,.5)}
.tool-tile span{font-family:'JetBrains Mono';font-size:.7rem;letter-spacing:.02em;color:var(--muted);text-align:center;line-height:1.3}
.tools-ask{margin-top:28px;text-align:center;background:rgba(47,107,255,.06);border:1px solid var(--line);border-radius:20px;padding:32px 30px}
.tools-ask h3{font-size:1.35rem;margin-bottom:.5rem}
.tools-ask p{color:var(--muted);font-size:1.02rem;line-height:1.6;max-width:62ch;margin:0 auto 1.4rem}
.tools-ask p b{color:var(--ink);font-weight:700}

/* why it's worth it — value band with inline benefit row */
.worth{position:relative;overflow:hidden;border-radius:30px;padding:52px 46px;
  background:radial-gradient(120% 140% at 50% -30%,rgba(91,140,255,.14),transparent 62%),linear-gradient(180deg,var(--paper),#f5f8ff);
  border:1px solid var(--line);box-shadow:0 40px 90px -60px rgba(13,25,55,.4)}
.worth .sec-head{margin-bottom:34px}
.worth-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.worth-item{display:flex;align-items:center;gap:.9rem;padding:6px 26px}
.worth-item + .worth-item{border-left:1px solid var(--line)}
.worth-item .wi{width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:rgba(47,107,255,.1);display:grid;place-items:center}
.worth-item .wi svg{stroke:var(--teal-deep)}
.worth-item h3{font-size:1rem;line-height:1.3;letter-spacing:-.01em}

/* hear it for yourself — audio sample carousel */
.hear-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.hear-head .sec-head{margin-bottom:0;max-width:none}
.hear-nav{display:flex;gap:10px;flex:0 0 auto}
.hear-arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);
  display:grid;place-items:center;cursor:pointer;transition:border-color .2s,transform .2s,opacity .2s}
.hear-arrow:hover{border-color:var(--ink);transform:translateY(-1px)}
.hear-arrow:disabled{opacity:.35;cursor:default;transform:none}
.hear-arrow svg{stroke:currentColor}
.hear-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:22px;overflow-x:auto;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 14px;margin:0 -2px;
  scrollbar-width:none;-ms-overflow-style:none}
.hear-track::-webkit-scrollbar{display:none}
.hear-card{scroll-snap-align:start}
.hear-media{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;
  background:linear-gradient(155deg,#23408f,#0b1430);box-shadow:0 30px 60px -42px rgba(13,25,55,.5)}
.hear-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.02);display:block}
.hear-media.is-empty img{display:none}
/* living portrait: video fades in over the still while its sample plays / on hover */
.hear-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.02);opacity:0;transition:opacity .6s ease}
.hear-media.is-live video{opacity:1}
.hear-card:nth-child(2) .hear-media{background:linear-gradient(155deg,#2b4ea0,#0c1838)}
.hear-card:nth-child(3) .hear-media{background:linear-gradient(155deg,#1d52d6,#0b1430)}
.hear-card:nth-child(4) .hear-media{background:linear-gradient(155deg,#33457a,#0b1430)}
.hear-card:nth-child(5) .hear-media{background:linear-gradient(155deg,#3a5bb0,#0c1838)}
.hear-card:nth-child(6) .hear-media{background:linear-gradient(155deg,#22407f,#0b1430)}
.hear-media::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,20,48,.04) 30%,rgba(11,20,48,.78) 100%)}
.hear-cat{position:absolute;left:18px;bottom:58px;z-index:2;color:#fff;font-family:'Bricolage Grotesque';
  font-weight:800;font-size:1.45rem;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.hear-play{position:absolute;left:18px;bottom:18px;z-index:3;display:inline-flex;align-items:center;gap:.5rem;
  padding:.5rem .9rem;border-radius:100px;cursor:pointer;color:#fff;
  background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.32);
  font-family:'JetBrains Mono';font-size:.74rem;letter-spacing:.02em;transition:background .2s}
.hear-play:hover{background:rgba(255,255,255,.28)}
.hear-play svg{stroke:#fff;fill:none;flex:0 0 auto}
.hear-play.is-playing{background:rgba(47,107,255,.55);border-color:rgba(255,255,255,.5)}
.hear-play.is-missing{opacity:.85}
.hear-lang{position:absolute;right:14px;top:14px;z-index:3;display:flex;gap:2px;padding:3px;border-radius:100px;
  background:rgba(11,20,48,.42);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25)}
.hl-btn{border:none;background:none;cursor:pointer;color:rgba(255,255,255,.75);border-radius:100px;
  font-family:'JetBrains Mono';font-size:.66rem;font-weight:500;letter-spacing:.04em;padding:.3rem .6rem;transition:background .2s,color .2s}
.hl-btn.is-on{background:#fff;color:var(--ink)}
.hear-desc{color:var(--muted);font-size:.92rem;line-height:1.55;margin-top:16px;padding:0 2px}
.hear-cta{display:flex;justify-content:center;margin-top:34px}
@media(max-width:560px){
  .hear-head{flex-direction:column;align-items:flex-start;gap:18px}
  .hear-track{grid-auto-columns:minmax(82%,82%)}
  .hear-cat{font-size:1.3rem}
}

/* work rows: site preview (left) + transcript card (right) */
.work-rows{display:flex;flex-direction:column;gap:42px;max-width:1040px;margin:0 auto}
.work-row{display:grid;grid-template-columns:1.45fr 1fr;gap:32px;align-items:center}
.site-frame{display:block;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -42px rgba(13,25,55,.5);transition:transform .3s,box-shadow .3s,border-color .3s}
.site-frame:hover{transform:translateY(-4px);border-color:var(--teal);box-shadow:0 42px 72px -42px rgba(13,25,55,.6)}
.site-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--cream)}
.site-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2);flex:0 0 auto}
.site-bar em{margin-left:10px;font-family:'JetBrains Mono';font-size:.66rem;color:var(--muted-2);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-shot{aspect-ratio:16/10;overflow:hidden;background:var(--cream-2)}
.site-shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.site-meta{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-top:1px solid var(--line)}
.site-name{font-family:'Bricolage Grotesque';font-weight:700;color:var(--ink);font-size:1.05rem}
.site-name small{display:block;font-family:'JetBrains Mono';font-size:.7rem;color:var(--muted-2);font-weight:400;margin-top:.12rem}
.site-meta .go{font-family:'JetBrains Mono';font-size:.76rem;color:var(--teal-deep);white-space:nowrap}
.site-frame:hover .go{color:var(--amber-deep)}
.tr-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 24px 50px -36px rgba(13,25,55,.45)}
.tr-card .tr-top{display:flex;align-items:center;gap:.5rem;font-family:'JetBrains Mono';font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:.85rem}
.tr-card .tr-top .pp{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(47,107,255,.6);animation:pulse 2s infinite}
.tr-card .tr-line{font-family:'Instrument Serif',serif;font-style:italic;font-size:1.28rem;line-height:1.42;color:var(--ink)}
.tr-thread{display:flex;flex-direction:column;gap:8px}
.tr-msg{max-width:88%;padding:9px 13px;font-size:.92rem;line-height:1.42;color:var(--ink)}
.tr-msg.caller{align-self:flex-start;background:var(--cream-2);border-radius:13px 13px 13px 4px}
.tr-msg.ai{align-self:flex-end;background:rgba(47,107,255,.12);border-radius:13px 13px 4px 13px}
.tr-card .tr-cap{margin-top:.85rem;font-family:'JetBrains Mono';font-size:.66rem;color:var(--muted-2)}

/* how-it-works flow (vertical alternating rows) */
.flow{display:flex;flex-direction:column;gap:64px;max-width:1060px;margin:0 auto}
.flow-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.flow-row:nth-child(odd) .flow-visual{order:-1}
.flow-text .stepn{display:inline-flex;align-items:center;gap:.55rem;font-family:'JetBrains Mono';font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep)}
.flow-text .stepn b{font-family:'Bricolage Grotesque';font-size:1rem;color:var(--amber-deep)}
.flow-text h3{font-size:clamp(1.6rem,3vw,2.15rem);margin:.5rem 0 .85rem;font-weight:800;line-height:1.05}
.flow-text h3 .serif{color:var(--amber-deep)}
.flow-text p{color:var(--muted);font-size:1.02rem;margin-bottom:.9rem}
.flow-text p b{color:var(--ink);font-weight:600}
.flow-list{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin:.2rem 0 1.1rem}
.flow-list li{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink);font-size:.97rem}
.flow-list li svg{stroke:var(--teal-deep);flex:0 0 auto;margin-top:3px}
.flow-tag{display:inline-flex;align-items:center;gap:.45rem;font-family:'JetBrains Mono';font-size:.72rem;color:var(--teal-deep);background:rgba(47,107,255,.1);border:1px solid rgba(47,107,255,.28);padding:.4rem .8rem;border-radius:100px}

.flow-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 30px 60px -44px rgba(13,25,55,.45)}
.flow-card.dark{background:linear-gradient(165deg,#1b2f5e,#0b1430);border-color:var(--dark-line-2);color:var(--on-dark)}
.flow-card .fc-top{display:flex;align-items:center;gap:.5rem;font-family:'JetBrains Mono';font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:1rem}
.flow-card.dark .fc-top{color:var(--teal-2)}
.fc-top .pp{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(47,107,255,.6);animation:pulse 2s infinite}
.fc-q{margin-bottom:.7rem}
.fc-q .who{font-family:'JetBrains Mono';font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:.25rem}
.fc-bubble{padding:11px 14px;font-size:.96rem;line-height:1.45;color:var(--ink)}
.fc-bubble.caller{background:var(--cream-2);border-radius:13px 13px 13px 4px}
.fc-bubble.ai{background:rgba(47,107,255,.12);border-radius:13px 13px 4px 13px}
.fc-cap{margin-top:.6rem;font-family:'JetBrains Mono';font-size:.64rem;color:var(--muted-2)}
.fc-sms{background:rgba(255,255,255,.05);border:1px solid var(--dark-line);border-radius:14px;padding:15px;color:#fff;font-size:.96rem;line-height:1.5}
.fc-sms .lbl{font-family:'JetBrains Mono';font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:.5rem}
.fc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.fc-chip{font-family:'JetBrains Mono';font-size:.66rem;color:var(--on-dark-dim);background:rgba(255,255,255,.05);border:1px solid var(--dark-line);border-radius:100px;padding:.35rem .7rem}
.fc-note{margin-top:12px;font-family:'JetBrains Mono';font-size:.62rem;color:var(--on-dark-dim)}

/* reception section (light) */
.reception{background:radial-gradient(820px 520px at 86% -12%,rgba(47,107,255,.14),transparent 60%),radial-gradient(620px 420px at -2% 112%,rgba(30,155,240,.10),transparent 60%),var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:30px;overflow:hidden;padding:56px 0}
.reception .wrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center}
.reception .eyebrow{color:var(--teal-deep)}
.reception h2{color:var(--ink);font-size:clamp(2rem,4.4vw,3rem);margin:.7rem 0 1.1rem}
.reception h2 .amber{color:var(--amber-deep)}
.reception .sub{color:var(--muted);font-size:1.06rem;max-width:42ch;margin-bottom:1.7rem}
.feats{display:flex;flex-direction:column;gap:1.1rem}
.feat{display:flex;gap:.9rem;align-items:flex-start}
.feat .fi{width:30px;height:30px;border-radius:9px;background:rgba(47,107,255,.12);display:grid;place-items:center;flex:0 0 auto;margin-top:2px}
.feat .fi svg{stroke:var(--teal-deep)}
.feat h4{color:var(--ink);font-size:1.08rem;font-weight:700;margin-bottom:.15rem}
.feat p{color:var(--muted);font-size:.93rem;line-height:1.5}

/* dashboard sample (client-end preview) */
.dash-wrap{display:flex;flex-direction:column}
.dash-mock{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -46px rgba(13,25,55,.5)}
.dm-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--cream)}
.dm-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2);flex:0 0 auto}
.dm-bar em{margin-left:10px;font-family:'JetBrains Mono';font-size:.64rem;color:var(--muted-2);font-style:normal}
.dm-body{padding:18px}
.dm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.dm-kpi{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:12px 13px}
.dm-kpi span{font-family:'JetBrains Mono';font-size:.56rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-2);display:block;margin-bottom:.35rem}
.dm-kpi b{font-family:'Bricolage Grotesque';font-weight:800;font-size:1.5rem;color:var(--ink);line-height:1}
.dm-kpi b small{font-size:.62rem;color:var(--teal-deep);font-weight:700;margin-left:.1rem}
.dm-chart{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px}
.dm-ch-head{display:flex;justify-content:space-between;align-items:baseline;font-family:'JetBrains Mono';font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-2);margin-bottom:10px}
.dm-ch-head b{color:var(--teal-deep)}
.dm-bars{display:flex;align-items:flex-end;gap:6px;height:64px}
.dm-bars span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--teal-2),var(--teal))}
.dm-bars span:last-child{background:linear-gradient(180deg,var(--amber-2),var(--amber))}
.dm-list{display:flex;flex-direction:column}
.dm-li{display:flex;align-items:center;gap:.6rem;font-size:.86rem;color:var(--ink);padding:.5rem .2rem;border-bottom:1px solid var(--line)}
.dm-li:last-child{border-bottom:none}
.dm-li .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);flex:0 0 auto}
.dm-li .dot.amber{background:var(--amber)}
.dm-li em{margin-left:auto;font-family:'JetBrains Mono';font-size:.72rem;color:var(--muted-2);font-style:normal}
.dash-cap{margin-top:14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.dash-cap .note{font-family:'JetBrains Mono';font-size:.62rem;color:var(--muted-2)}
.dash-cap a{font-family:'JetBrains Mono';font-size:.78rem;color:var(--teal-deep);font-weight:600}
.dash-cap a:hover{color:var(--amber-deep)}

/* dark stat tiles — reused inside How It Works step 3 */
.recv-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.recv-tile{background:rgba(255,255,255,.04);border:1px solid var(--dark-line);border-radius:12px;padding:13px 8px;text-align:center}
.recv-tile b{display:block;font-family:'Bricolage Grotesque';font-weight:800;font-size:1.28rem;color:var(--amber-2)}
.recv-tile span{font-family:'JetBrains Mono';font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-dark-dim)}

/* problems accordion */
.prob{border-top:1px solid var(--line)}
.pitem{border-bottom:1px solid var(--line);transition:.3s}
.pitem.open{background:linear-gradient(100deg,rgba(47,107,255,.07),transparent)}
.phead{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:24px 16px;cursor:pointer;width:100%;text-align:left;background:none;border:none;font:inherit;color:inherit}
.phead .idx{font-family:'JetBrains Mono';font-size:.8rem;color:var(--teal-deep)}
.phead .q{font-family:'Bricolage Grotesque';font-weight:700;font-size:clamp(1.1rem,2.4vw,1.55rem);color:var(--ink)}
.pitem.open .phead .q{color:var(--teal-deep)}
.phead .toggle{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;transition:.3s;flex:0 0 auto}
.pitem.open .phead .toggle{background:var(--teal);border-color:var(--teal);transform:rotate(45deg)}
.phead .toggle svg{stroke:var(--ink);transition:.3s}
.pitem.open .phead .toggle svg{stroke:#fff}
.pbody{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1)}
.pbody-inner{padding:0 16px 28px 62px;max-width:62ch}
.pbody .fix-label{font-family:'JetBrains Mono';font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:.5rem}
.pbody h4{font-family:'Bricolage Grotesque';font-size:1.2rem;color:var(--ink);margin-bottom:.4rem;font-weight:700}
.pbody p{color:var(--muted);font-size:1.02rem}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{padding:32px 30px;background:var(--paper);border:1px solid var(--line);border-radius:20px;transition:transform .3s,border-color .3s}
.step:hover{transform:translateY(-5px);border-color:var(--teal)}
.step .n{font-family:'JetBrains Mono';font-size:.78rem;color:var(--teal-deep);margin-bottom:1rem}
.step .ic{width:50px;height:50px;border-radius:14px;background:rgba(47,107,255,.12);display:grid;place-items:center;margin-bottom:15px}
.step h3{font-size:1.35rem;margin-bottom:.5rem}
.step p{color:var(--muted);font-size:.97rem}
.step .free{display:inline-block;margin-top:1rem;font-family:'JetBrains Mono';font-size:.7rem;color:var(--amber-deep);border:1px solid rgba(30,155,240,.4);padding:.25rem .6rem;border-radius:6px}

/* pricing */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:18px;margin-bottom:22px}
.tier{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:30px 26px;display:flex;flex-direction:column;transition:transform .3s,border-color .3s;position:relative}
.tier:hover{transform:translateY(-4px);border-color:var(--teal)}
.tier.feat{border-color:var(--teal);box-shadow:0 30px 60px -40px rgba(47,107,255,.5)}
.tier .pop{position:absolute;top:-11px;left:26px;font-family:'JetBrains Mono';font-size:.62rem;color:#fff;background:var(--teal-deep);padding:.24rem .6rem;border-radius:6px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.tier .vol{font-family:'JetBrains Mono';font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep)}
.tier .nm{font-family:'Bricolage Grotesque';font-weight:700;font-size:1.3rem;color:var(--ink);margin:.5rem 0}
.tier .pr{font-family:'Bricolage Grotesque';font-weight:800;font-size:2.2rem;color:var(--ink);line-height:1}
.tier .pr span{font-size:.9rem;color:var(--muted-2);font-weight:500}
.tier .calls{font-size:1.02rem;color:var(--ink);font-weight:600;line-height:1.15;margin-top:.7rem}
.tier .calls b{font-family:'Bricolage Grotesque';font-weight:800;font-size:1.6rem;color:var(--teal-deep);letter-spacing:-.02em}
.tier .incl{font-family:'JetBrains Mono';font-size:.66rem;line-height:1.45;color:var(--muted-2);margin-top:.45rem}
.tier .desc{color:var(--muted);font-size:.92rem;margin:.7rem 0 1.3rem;flex-grow:1}
.tier .btn{width:100%}
.web-card{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;background:linear-gradient(120deg,#16274f,#0b1430);color:var(--on-dark);border:1px solid var(--dark-line-2);border-radius:20px;padding:26px 34px}
.web-card .wp{font-family:'Bricolage Grotesque';font-weight:800;font-size:2.5rem;color:var(--amber-2);line-height:1}
.web-card .wp span{font-size:.82rem;color:var(--on-dark-dim);font-weight:500;display:block;font-family:'JetBrains Mono'}
.web-card .wt h4{font-family:'Bricolage Grotesque';font-size:1.25rem;color:#fff;margin-bottom:.2rem}
.web-card .wt p{color:var(--on-dark-dim);font-size:.94rem}
.price-note{text-align:center;font-family:'JetBrains Mono';font-size:.82rem;color:var(--muted-2);margin-top:18px}
.price-note b{color:var(--teal-deep)}
.price-note a{color:var(--teal-deep);font-weight:600}

/* final / book */
.final{background:radial-gradient(700px 460px at 50% -20%,rgba(47,107,255,.16),transparent 60%),linear-gradient(160deg,#16274f,#0b1430);color:var(--on-dark);border:1px solid var(--dark-line-2);border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}
.final .l{padding:58px 50px}
.final .l .eyebrow{color:var(--teal-2)}
.final .l h2{color:#fff;font-size:clamp(2rem,4vw,2.9rem);margin:.6rem 0 1rem}
.final .l h2 .serif,.final .l h2 .amber{color:var(--amber-2)}
.final .l p{color:var(--on-dark-dim);font-size:1.05rem;margin-bottom:1.4rem;max-width:38ch}
.phoneline{display:inline-flex;align-items:center;gap:.6rem;font-family:'Bricolage Grotesque';font-weight:800;font-size:1.7rem;color:#fff;margin:.3rem 0 1rem}
.phoneline svg{stroke:var(--teal-2)}
.micro{font-family:'JetBrains Mono';font-size:.8rem;color:var(--on-dark-dim);margin-top:1.1rem;line-height:1.8}
.micro b{color:var(--teal-2)}
.final form{padding:52px 48px;background:rgba(255,255,255,.03);border-left:1px solid var(--dark-line);display:flex;flex-direction:column;gap:14px}
.final form label{font-family:'JetBrains Mono';font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--on-dark-dim)}
.final form input,.final form select{width:100%;padding:.9rem 1rem;min-height:50px;border-radius:12px;border:1px solid var(--dark-line-2);background:rgba(11,20,48,.6);color:#fff;font-family:'Hanken Grotesk';font-size:1rem;margin-top:.3rem}
.final form input::placeholder{color:#8893b5}
.final form input:focus,.final form select:focus{outline:none;border-color:var(--teal-2)}
.final form .btn{width:100%;margin-top:.4rem}
.formnote{font-family:'JetBrains Mono';font-size:.72rem;color:var(--muted-2);text-align:center}

/* booking page — Cal.com official inline embed (transparent, blends with page) */
.cal-embed{max-width:1040px;margin:0 auto}
#cal-inline{width:100%;min-height:640px}
#cal-inline iframe{width:100%!important;border:0}

/* booking page (legacy custom calendar layout — kept for reference) */
.booker{display:grid;grid-template-columns:.82fr 1.3fr .88fr;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 40px 90px -50px rgba(13,25,55,.5)}
.bk-info{padding:30px 28px;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--cream),var(--paper))}
.bk-info .bk-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(150deg,var(--teal-2),var(--teal-deep));margin-bottom:16px}
.bk-info h3{font-size:1.5rem;margin:.4rem 0 1.1rem}
.bk-meta{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.3rem}
.bk-meta li{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.92rem}
.bk-meta li svg{stroke:var(--teal-deep);flex:0 0 auto}
.bk-host{font-family:'JetBrains Mono';font-size:.72rem;color:var(--muted-2);border-top:1px solid var(--line);padding-top:14px;margin-bottom:14px}
.bk-alt{display:flex;flex-direction:column;gap:.55rem}
.bk-alt a{display:inline-flex;align-items:center;gap:.4rem;font-family:'JetBrains Mono';font-size:.76rem;color:var(--teal-deep);font-weight:600;cursor:pointer}
.bk-alt a:hover{color:var(--amber-deep)}
.bk-cal{padding:26px 24px;border-right:1px solid var(--line)}
.bk-cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.bk-cal-head b{font-family:'Bricolage Grotesque';font-size:1.1rem;color:var(--ink)}
.bk-nav{display:flex;gap:6px}
.bk-nav button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--paper);cursor:pointer;display:grid;place-items:center;color:var(--ink);font-size:1rem}
.bk-nav button:hover{border-color:var(--ink)}
.bk-dow{display:grid;grid-template-columns:repeat(7,1fr)}
.bk-dow span{text-align:center;font-family:'JetBrains Mono';font-size:.58rem;color:var(--muted-2);text-transform:uppercase;padding:6px 0}
.bk-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.bk-grid button{aspect-ratio:1;border:none;background:none;border-radius:9px;font-family:'JetBrains Mono';font-size:.84rem;color:var(--ink);cursor:pointer}
.bk-grid button:hover:not(:disabled){background:rgba(47,107,255,.12)}
.bk-grid button:disabled{color:var(--line-2);cursor:default}
.bk-grid button.sel{background:var(--navy);color:var(--cream);font-weight:600}
.bk-tz{margin-top:14px;font-family:'JetBrains Mono';font-size:.64rem;color:var(--muted-2)}
.bk-side{padding:26px 24px;display:flex;flex-direction:column}
.bk-day{font-family:'Bricolage Grotesque';font-weight:700;font-size:1rem;margin-bottom:12px;color:var(--ink)}
.bk-times{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:206px;overflow:auto}
.bk-times button{padding:.65rem;border:1px solid var(--line-2);border-radius:11px;background:var(--paper);font-family:'JetBrains Mono';font-size:.84rem;color:var(--ink);cursor:pointer}
.bk-times button:hover{border-color:var(--teal)}
.bk-times button.sel{border-color:var(--teal);background:rgba(47,107,255,.1);font-weight:600}
.bk-empty{color:var(--muted-2);font-size:.86rem;padding:.4rem 0}
.bk-form{display:flex;flex-direction:column;gap:10px;padding:0;background:none;border:none}
.bk-form label{font-family:'JetBrains Mono';font-size:.64rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-2)}
.bk-form input,.bk-form select,.bk-form textarea{width:100%;padding:.7rem .85rem;border:1px solid var(--line-2);border-radius:10px;background:var(--paper);color:var(--ink);font-family:'Hanken Grotesk';font-size:.95rem;margin-top:.25rem}
.bk-form input:focus,.bk-form select:focus,.bk-form textarea:focus{outline:none;border-color:var(--teal)}
.bk-form textarea{resize:vertical;min-height:58px}
.bk-form .btn{width:100%;margin-top:.3rem}
.bk-form .btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}

/* simple intake form (questionnaire) */
.intake{max-width:680px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:38px 36px;box-shadow:0 40px 90px -54px rgba(13,25,55,.45);display:flex;flex-direction:column;gap:16px}
.intake .fld label{display:block;font-family:'JetBrains Mono';font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-2);margin-bottom:.35rem}
.intake input,.intake select,.intake textarea{width:100%;padding:.8rem .95rem;border:1px solid var(--line-2);border-radius:11px;background:var(--paper);color:var(--ink);font-family:'Hanken Grotesk';font-size:1rem}
.intake textarea{resize:vertical;min-height:80px}
.intake input:focus,.intake select:focus,.intake textarea:focus{outline:none;border-color:var(--teal)}
.intake .btn{width:100%;margin-top:.4rem}
.intake .formnote{margin-top:.2rem}

/* CTA band (home) */
.cta-band{background:radial-gradient(700px 420px at 50% -30%,rgba(47,107,255,.18),transparent 60%),linear-gradient(160deg,#16274f,#0b1430);border:1px solid var(--dark-line-2);border-radius:30px;padding:58px 40px;text-align:center;color:var(--on-dark);position:relative;isolation:isolate;overflow:hidden}
/* scroll-linked depth: a second glow drifting slower than the page (JS sets --drift) */
.cta-band::before{content:"";position:absolute;inset:-45% -12%;background:radial-gradient(620px 400px at 72% 18%,rgba(47,107,255,.2),transparent 64%);transform:translateY(var(--drift,0px));will-change:transform;pointer-events:none;z-index:-1}
/* …and a third that slowly breathes on its own */
.cta-band::after{content:"";position:absolute;inset:-32%;background:radial-gradient(46% 40% at 28% 78%,rgba(91,140,255,.17),transparent 70%);animation:band-breathe 13s ease-in-out infinite alternate;pointer-events:none;z-index:-1}
@keyframes band-breathe{from{transform:translate3d(0,0,0) scale(1);opacity:.65}to{transform:translate3d(5%,-7%,0) scale(1.16);opacity:1}}
.cta-band h2{color:#fff;font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:.7rem}
.cta-band h2 .serif{color:var(--amber-2)}
.cta-band p{color:var(--on-dark-dim);max-width:46ch;margin:0 auto 1.6rem}
.cta-band .row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.cta-band .btn-ghost{background:transparent;color:#fff;border-color:var(--dark-line-2)}
.cta-band .btn-ghost:hover{border-color:var(--teal-2)}

footer{padding:58px 0 30px;border-top:1px solid var(--line);margin-top:40px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;margin-bottom:36px}
footer h4{color:var(--ink);font-family:'JetBrains Mono';font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}
footer a{display:block;color:var(--muted);margin-bottom:.55rem;transition:.2s;font-size:.95rem}
footer a:hover{color:var(--teal-deep)}
footer p{color:var(--muted)}
.foot-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:'JetBrains Mono';font-size:.78rem;color:var(--muted-2)}

/* motion: only hide pre-animation when JS+motion active */
.motion [data-reveal]{opacity:0}
.motion [data-reveal][data-stagger]{opacity:1}
.motion [data-stagger]>*{opacity:0}
/* scroll-scrubbed panels (entrance driven by scroll position, not time) */
[data-scrub]{will-change:transform,opacity}
/* page scroll progress hairline */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--amber-2));transform-origin:0 50%;transform:scaleX(0);z-index:70;pointer-events:none}
.motion .hero [data-anim]{opacity:0}
.motion .transcript{opacity:0}

@media(max-width:940px){
  .hero .wrap,.reception .wrap,.final{grid-template-columns:1fr}
  .hero{padding-top:130px}
  .hero-media{margin-top:30px}
  .transcript{left:0}
  .steps,.tiers,.trades,.work-row,.flow-row{grid-template-columns:1fr}
  .feat-grid{grid-template-columns:1fr}
  .tools-card{padding:36px 22px}
  .tools-ask{padding:26px 20px}
  .worth{padding:34px 22px}
  .worth-row{grid-template-columns:repeat(2,1fr);gap:24px 0}
  .worth-item{padding:4px 16px}
  .worth-item + .worth-item{border-left:0}
  .worth-item:nth-child(even){border-left:1px solid var(--line)}
  .flow-row .flow-visual{order:0}
  .booker{grid-template-columns:1fr}
  .bk-info,.bk-cal{border-right:none;border-bottom:1px solid var(--line)}
  .sec-head.split{flex-direction:column;align-items:flex-start}
  .web-card{grid-template-columns:1fr;text-align:center;gap:14px;justify-items:center}
  .navlinks{display:none}
  .navlinks.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:var(--paper);padding:24px 30px;gap:1.2rem;border-top:1px solid var(--line);box-shadow:0 30px 50px -30px rgba(13,25,55,.4)}
  .menutoggle{display:block}
  .final form{border-left:none;border-top:1px solid var(--dark-line)}
  .final .l,form{padding-left:28px;padding-right:28px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:24px}
  .strip .wrap{grid-template-columns:repeat(2,1fr)}
  .stat{border-left:none;border-top:1px solid var(--line);padding:24px 12px}
  .stat:last-child{grid-column:1 / -1}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto!important}
}