/* ===========================================================================
   BarberOne Content · /content
   Self-contained sheet. Tokens from ARCHITECTURE §2 (app.css / tier.css).
   Black stage, rationed gold, native system type, photography as texture.
   =========================================================================== */
:root{
  --bg:#000; --bg2:#070708; --card:#0c0c0c; --card2:#101012; --fill:#1c1c1e;
  --text:#fff; --sec:#8e8e93; --sec2:#636366;
  --border:rgba(255,255,255,.08); --border2:rgba(255,255,255,.14);
  --gold:#d4af37; --gold-soft:rgba(212,175,55,.14);
  --green:#34c759; --blue:#0a84ff; --red:#ff453a;
  --f:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.32,.72,0,1);
  --gut:clamp(20px,5vw,40px);
  --max:1180px;
  --secpad:clamp(96px,14vh,168px);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{background:#000;scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }
body{
  background:radial-gradient(70% 55% at 70% 38%,#0d0c0a 0%,#040404 55%,#000 100%) fixed;
  background-color:#000;
  color:var(--text);font-family:var(--f);-webkit-font-smoothing:antialiased;
  font-size:16px;line-height:1.5;overflow-x:hidden;
}
[hidden]{display:none!important;}
img{max-width:100%;display:block;}
picture{display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
ul,ol{list-style:none;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px;}
.nowrap{white-space:nowrap;}
.gold{color:var(--gold);}

.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");}

.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--gold);color:#0a0a0a;padding:10px 14px;border-radius:10px;font-weight:700;}
.skip:focus{top:12px;}

.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut);}
.wrap.narrow{max-width:760px;}

/* ---- type ---- */
.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:18px;}
h1{font-size:clamp(34px,6vw,58px);font-weight:800;letter-spacing:-.03em;line-height:1.04;}
h2{font-size:clamp(30px,4.6vw,48px);font-weight:800;letter-spacing:-.028em;line-height:1.06;max-width:17ch;text-wrap:balance;}
h2.wide{max-width:24ch;}
h3{font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.25;}
.lead{font-size:clamp(16px,2.1vw,19px);color:#c9c9c9;line-height:1.55;margin-top:20px;max-width:620px;}
.caption{font-size:12.5px;color:var(--sec2);line-height:1.5;margin-top:18px;}

/* ---- CTA ---- */
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 24px;border-radius:13px;
  background:var(--gold);color:#0a0a0a;font-size:16px;font-weight:700;letter-spacing:-.005em;white-space:nowrap;
  box-shadow:0 12px 40px rgba(212,175,55,.22);transition:transform .12s var(--ease),box-shadow .25s,background .2s,border-color .2s;}
.cta:hover{box-shadow:0 14px 48px rgba(212,175,55,.32);}
.cta:active{transform:scale(.98);}
.cta.ghost{background:transparent;border:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:none;}
.cta.ghost:hover{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.04);}
.cta.sm{padding:9px 15px;font-size:13.5px;border-radius:11px;}
.cta.big{padding:17px 28px;font-size:16.5px;}

/* ---- nav ---- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .35s ease,border-color .35s ease,backdrop-filter .35s;
  border-bottom:1px solid transparent;padding-top:env(safe-area-inset-top);}
.nav.solid{background:rgba(6,6,7,.72);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom-color:var(--border);}
.nav__in{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px var(--gut);transition:padding .35s var(--ease);}
.nav.solid .nav__in{padding-block:11px;}
.brand{display:inline-flex;align-items:center;}
.brand img{height:22px;width:auto;}
.links{display:flex;align-items:center;gap:22px;font-size:14px;}
.links .txt{color:var(--sec);transition:color .15s;}
.links .txt:hover,.links .txt[aria-current="page"]{color:#fff;}
.pricechip{border:1px solid rgba(212,175,55,.4);color:var(--gold);border-radius:100px;padding:6px 13px;font-size:13px;font-weight:600;white-space:nowrap;}
@media (max-width:820px){
  .links{gap:10px;}
  .links .txt{display:none;}
}
@media (max-width:380px){ .pricechip{display:none;} }

/* ---- reveal ---- */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.js .rv.in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){ .js .rv{opacity:1;transform:none;transition:none;} }

.sec{padding-block:var(--secpad);position:relative;}

/* =========================================================================
   1 · COVER
   ========================================================================= */
.cover{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;}
.cover__media{position:absolute;inset:0;z-index:-2;background:#0a0908;}
.cover__poster,.cover__poster img,.cover__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cover__poster img{object-position:50% 40%;filter:saturate(.95) brightness(.78);}
.cover__film{object-position:50% 40%;opacity:0;transition:opacity 1.2s ease;filter:saturate(.95) brightness(.78);}
.cover__film.on{opacity:1;}
.cover__vig{position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 80% at 55% 40%,transparent 30%,rgba(0,0,0,.45) 70%,rgba(0,0,0,.85) 100%);}
.cover__fade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 38%,rgba(0,0,0,.72) 72%,#000 100%);}
.cover__in{width:100%;padding-bottom:28px;}
.cover__in h1{max-width:12ch;font-size:clamp(40px,7.4vw,84px);text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.35);}
.cover__in .lead{color:#e2e2e2;margin-top:18px;}
.cover__in .row{margin-top:30px;}
.cover__shops{border-top:1px solid rgba(255,255,255,.1);padding-block:16px calc(16px + env(safe-area-inset-bottom));}
.cover__shops p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:rgba(255,255,255,.62);}
.cover__shops a{transition:color .15s;white-space:nowrap;}
.cover__shops a:hover{color:#fff;}
.cover__shops i{font-style:normal;color:var(--sec2);}
.cover__shot{white-space:nowrap;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-right:4px;}
@media (max-width:760px){
  .cover__in{padding-bottom:22px;}
  .cover__in .row .cta{flex:1 1 auto;}
  .cover__shops p{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);}
  .cover__shops p::-webkit-scrollbar{display:none;}
}

/* =========================================================================
   2 · THE GAP
   ========================================================================= */
.trap{font-size:clamp(19px,2.6vw,24px);color:#fff;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin-bottom:22px;max-width:30ch;}
.story{margin-top:34px;display:grid;gap:16px;font-size:clamp(17px,2.1vw,20px);line-height:1.55;color:#bdbdc2;max-width:36em;}
.story .hit{color:#fff;font-weight:600;}
.story--after{margin-top:0;}
.story .shift{color:#fff;font-weight:700;font-size:clamp(20px,2.8vw,26px);letter-spacing:-.015em;line-height:1.3;}

.phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.6vw,34px);margin:clamp(56px,9vh,96px) auto 0;max-width:980px;}
.ph{background:#0b0b0c;border:1px solid var(--border2);border-radius:30px;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.6);position:relative;}
.ph__bar{height:18px;display:flex;justify-content:center;align-items:center;}
.ph__bar span{width:64px;height:5px;border-radius:9px;background:#1e1e20;}
.ph__shot{position:relative;aspect-ratio:4/3.4;border-radius:18px;overflow:hidden;background:#141416;margin-top:4px;}
.ph__shot picture,.ph__shot img{width:100%;height:100%;object-fit:cover;}
.ph__shot--dark::before,.ph__shot--flash::before{content:"";position:absolute;inset:0;}
.ph__shot--dark::before{background:
  radial-gradient(40% 30% at 62% 38%,rgba(120,110,80,.28),transparent 70%),
  radial-gradient(25% 40% at 30% 70%,rgba(40,40,36,.9),transparent 70%),
  linear-gradient(160deg,#35322a 0%,#1c1b18 60%,#26241f 100%);filter:blur(1.5px) saturate(.55);}
.ph__shot--dark::after{content:"";position:absolute;left:24%;top:42%;width:38%;height:40%;border-radius:40% 40% 10% 10%;background:linear-gradient(180deg,#403d34,#141412);opacity:.85;filter:blur(2px);}
.ph__shot--flash::before{background:
  radial-gradient(18% 16% at 58% 34%,rgba(255,255,245,.95),rgba(255,250,220,.55) 35%,transparent 70%),
  radial-gradient(60% 50% at 50% 40%,rgba(160,170,150,.35),transparent 70%),
  linear-gradient(180deg,#565a50 0%,#34372f 55%,#24261f 100%);filter:saturate(.65) contrast(1.1) blur(.8px);}
.ph__shot--flash::after{content:"";position:absolute;left:8%;right:8%;bottom:-6%;height:46%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#3c3d36,#1b1c18);filter:blur(1.5px);}
.ph__stamp{position:absolute;left:10px;bottom:10px;z-index:2;font-size:10.5px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.75);background:rgba(0,0,0,.55);padding:4px 8px;border-radius:7px;filter:none;}
.ph__stamp--gold{color:#0a0a0a;background:var(--gold);}
.ph__body{padding:14px 8px 10px;display:grid;gap:3px;}
.ph__body b{font-size:14.5px;font-weight:700;letter-spacing:-.01em;}
.ph__body > span{font-size:12px;color:var(--sec);}
.ph__body em{font-style:normal;font-size:11.5px;color:var(--sec2);margin-top:8px;}
.ph__body em.gold{color:var(--gold);font-weight:600;}
.ph__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;}
.ph__thumbs i,.ph__t{aspect-ratio:1;border-radius:8px;background:#19191b;overflow:hidden;}
.ph__t img{width:100%;height:100%;object-fit:cover;}
.ph--dim .ph__thumbs i:nth-child(2){background:#141415;}
.ph--dim .ph__thumbs i:nth-child(3){background:#101011;}
.ph--dim .ph__body b{color:#cfcfd4;}
.ph--dim{opacity:.82;}
.ph--you{border-color:rgba(212,175,55,.45);box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 0 1px rgba(212,175,55,.12),0 20px 70px rgba(212,175,55,.08);transform:translateY(-14px);}
.gap .caption{text-align:center;margin:26px auto 0;max-width:560px;}
.gap .story--after{margin-top:clamp(56px,9vh,96px);}
@media (max-width:760px){
  .phones{grid-template-columns:1fr;gap:10px;margin-top:48px;}
  .ph{display:grid;grid-template-columns:38% 1fr;gap:0 14px;align-items:center;border-radius:20px;padding:8px;}
  .ph__bar{display:none;}
  .ph__shot{aspect-ratio:1;margin:0;border-radius:14px;}
  .ph__body{padding:4px 4px 4px 0;}
  .ph__thumbs{gap:4px;margin-top:8px;}
  .ph__thumbs i,.ph__t{border-radius:6px;}
  .ph__body em{margin-top:6px;}
  .ph__stamp{left:6px;bottom:6px;font-size:9.5px;padding:3px 6px;}
  .ph--you{transform:none;}
  .gap .caption{text-align:left;margin-top:14px;}
}

/* =========================================================================
   3 · WHAT YOU GET
   ========================================================================= */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(40px,6vh,64px);}
.stat{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 20px;}
.stat dt{font-size:clamp(28px,3.4vw,38px);font-weight:800;letter-spacing:-.025em;color:var(--gold);line-height:1;}
.stat dd{font-size:13.5px;color:var(--sec);margin-top:8px;line-height:1.4;}
.duties{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:14px;}
.duty{grid-column:span 2;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px 22px 26px;}
.duty:nth-child(4),.duty:nth-child(5){grid-column:span 3;}
.duty__n{display:block;font-size:12px;letter-spacing:.14em;color:var(--sec2);font-weight:600;margin-bottom:18px;}
.duty p{color:var(--sec);font-size:14.5px;line-height:1.55;margin-top:8px;}
.trineg{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:34px;font-size:15px;color:#d6d6da;font-weight:500;}
.trineg span{display:inline-flex;align-items:center;gap:9px;}
.trineg span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none;}
@media (max-width:900px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .duties{grid-template-columns:1fr;}
  .duty,.duty:nth-child(4),.duty:nth-child(5){grid-column:auto;}
  .trineg{flex-direction:column;}
}

/* =========================================================================
   4 · THE WORK
   ========================================================================= */
.work{padding-bottom:calc(var(--secpad) * .7);}
.client{margin-top:clamp(64px,10vh,110px);}
.client__head{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:10px 28px;margin-bottom:20px;}
.client__n{font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:600;margin-bottom:6px;}
.client h3{font-size:clamp(24px,3.2vw,34px);font-weight:800;letter-spacing:-.022em;line-height:1.08;}
.client__meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;color:var(--sec);text-align:right;}
.client__meta span:first-child{color:#fff;font-weight:600;}
.strip__ctl{display:flex;gap:8px;}
.strip__btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border2);color:#fff;font-size:17px;display:grid;place-items:center;transition:border-color .2s,background .2s,opacity .2s;}
.strip__btn:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05);}
.strip__btn[disabled]{opacity:.3;cursor:default;}
.strip{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;
  padding-inline:max(var(--gut), calc((100vw - var(--max)) / 2 + var(--gut)));scroll-padding-inline:max(var(--gut), calc((100vw - var(--max)) / 2 + var(--gut)));}
.strip::-webkit-scrollbar{display:none;}
.strip:focus-visible{outline-offset:-2px;}
.frame{flex:none;height:clamp(300px,52vh,480px);aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:var(--card2);scroll-snap-align:start;position:relative;}
.frame.is-land{aspect-ratio:3/2;}
.frame picture,.frame img{width:100%;height:100%;object-fit:cover;}
.frame img{transition:transform 1.2s var(--ease);}
@media (hover:hover){ .frame:hover img{transform:scale(1.03);} }
@media (max-width:760px){
  .client__head{grid-template-columns:1fr;align-items:start;}
  .client__meta{align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap;gap:2px 10px;}
  .client__meta span+span::before{content:"· ";color:var(--sec2);}
  .strip__ctl{display:none;}
  .frame{height:min(64vh,420px);}
  .frame.is-land{height:auto;aspect-ratio:3/2;width:86vw;align-self:center;}
  .strip{align-items:center;}
}
.work > .caption{margin-top:40px;}

/* =========================================================================
   5 · FILMS
   ========================================================================= */
.films__grid{display:grid;grid-template-columns:3.16fr 1fr;gap:16px;margin-top:clamp(40px,6vh,64px);align-items:start;}
.film{position:relative;display:block;border-radius:16px;overflow:hidden;background:var(--card2);border:1px solid var(--border);isolation:isolate;}
.film--wide{aspect-ratio:16/9;}
.film--tall{aspect-ratio:9/16;}
.film__pic,.film__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.film__pic img{transition:transform 1.4s var(--ease),filter .4s;filter:brightness(.82);}
.film:hover .film__pic img{transform:scale(1.035);filter:brightness(.92);}
.film__scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72) 100%);}
.film__play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;display:grid;place-items:center;
  background:rgba(10,10,10,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(212,175,55,.85);color:var(--gold);
  transition:transform .3s var(--ease),background .3s;}
.film__play svg{margin-left:3px;}
.film:hover .film__play{transform:scale(1.08);background:rgba(212,175,55,.92);color:#0a0a0a;}
.film__cap{position:absolute;left:18px;bottom:16px;right:18px;display:flex;flex-direction:column;gap:2px;}
.film__cap b{font-size:16px;font-weight:700;}
.film__cap span{font-size:12.5px;color:rgba(255,255,255,.7);}
@media (max-width:760px){
  .films__grid{grid-template-columns:1fr;gap:14px;}
  .film--tall{width:62%;justify-self:center;}
  .film__play{width:58px;height:58px;margin:-29px 0 0 -29px;}
}

/* =========================================================================
   6 · HOW IT RUNS
   ========================================================================= */
.months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(48px,7vh,76px);position:relative;}
.months::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(212,175,55,.25) 70%,rgba(212,175,55,0));}
.mo{position:relative;padding-top:38px;padding-right:12px;}
.mo__dot{position:absolute;top:0;left:0;width:15px;height:15px;border-radius:50%;background:#000;border:2px solid var(--gold);box-shadow:0 0 0 5px rgba(212,175,55,.1);}
.mo:first-child .mo__dot{background:var(--gold);}
.mo__k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:10px;}
.mo h3{font-size:clamp(19px,2.2vw,22px);}
.mo p:last-child{color:var(--sec);font-size:15px;line-height:1.6;margin-top:10px;max-width:34ch;}
@media (max-width:760px){
  .months{grid-template-columns:1fr;gap:34px;padding-left:34px;}
  .months::before{left:7px;right:auto;top:6px;bottom:6px;width:1px;height:auto;background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.2));}
  .mo{padding-top:0;}
  .mo__dot{left:-34px;top:1px;}
}

/* =========================================================================
   7 · PRO
   ========================================================================= */
.plans{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;margin-top:clamp(40px,6vh,64px);align-items:stretch;}
.plan{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:30px 28px;display:flex;flex-direction:column;}
.plan--pro{background:linear-gradient(180deg,rgba(212,175,55,.07),rgba(212,175,55,0) 55%),var(--card2);border-color:rgba(212,175,55,.38);}
.plan__tag{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sec);font-weight:600;}
.plan--pro .plan__tag{color:var(--gold);}
.plan__price{display:flex;align-items:baseline;gap:6px;margin-top:14px;}
.plan__price b{font-size:40px;font-weight:800;letter-spacing:-.03em;color:#fff;}
.plan__price span{color:var(--sec);font-size:14px;}
.plan__line{font-size:clamp(20px,2.4vw,24px);font-weight:700;letter-spacing:-.015em;line-height:1.25;margin-top:14px;min-height:48px;display:flex;align-items:center;}
.ticks{display:grid;gap:11px;margin:24px 0 28px;}
.ticks li{position:relative;padding-left:30px;font-size:15px;color:#d4d4d8;line-height:1.45;}
.ticks li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--gold-soft);}
.ticks li::after{content:"";position:absolute;left:7px;top:6px;width:5px;height:9px;border:solid var(--gold);border-width:0 2px 2px 0;transform:rotate(45deg);}
.ticks b{color:#fff;font-weight:600;}
.plan .row,.plan > .cta{margin-top:auto;}
.plan > .cta{align-self:flex-start;}
.more{font-size:15px;font-weight:600;color:#fff;padding:12px 6px;border-bottom:1px solid transparent;transition:color .15s;}
.more:hover{color:var(--gold);}
@media (max-width:860px){ .plans{grid-template-columns:1fr;} .plan--pro{order:-1;} }

/* =========================================================================
   8 · THE OFFER
   ========================================================================= */
.dream{display:grid;gap:10px;text-wrap:balance;font-size:clamp(20px,3vw,28px);font-weight:600;letter-spacing:-.015em;line-height:1.3;color:#9c9ca3;text-align:center;margin-bottom:clamp(56px,9vh,96px);}
.dream p:first-child{color:#fff;}
.dream .hit{color:var(--gold);font-weight:700;}
.offer__card{text-align:center;background:linear-gradient(180deg,rgba(212,175,55,.06),transparent 70%),var(--card);border:1px solid var(--border);border-radius:24px;padding:clamp(40px,6vw,64px) clamp(22px,5vw,56px);}
.offer__card h2{margin:0 auto;max-width:18ch;}
.offer__price{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:26px;}
.offer__price b{font-size:clamp(56px,9vw,80px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--gold);}
.offer__price span{font-size:17px;color:var(--sec);}
.ticks--c{max-width:440px;margin:30px auto 24px;text-align:left;}
.offer__note{font-size:14px;color:var(--sec);margin-bottom:26px;}

/* =========================================================================
   9 · FAQ
   ========================================================================= */
.qas{margin-top:clamp(34px,5vh,52px);border-top:1px solid var(--border);}
.qa{border-bottom:1px solid var(--border);}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 2px;font-size:clamp(16px,2vw,18px);font-weight:600;letter-spacing:-.005em;}
.qa summary::-webkit-details-marker{display:none;}
.qa summary i{flex:none;position:relative;width:26px;height:26px;border-radius:50%;border:1px solid var(--border2);transition:transform .35s var(--ease),border-color .2s;}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.6px;margin:-.8px 0 0 -5px;background:var(--gold);border-radius:2px;transition:transform .35s var(--ease);}
.qa summary i::after{transform:rotate(90deg);}
.qa[open] summary i{transform:rotate(180deg);border-color:rgba(212,175,55,.45);}
.qa[open] summary i::after{transform:rotate(0deg);}
.qa summary:hover{color:#fff;}
.qa p{color:var(--sec);font-size:15.5px;line-height:1.65;padding:0 42px 24px 2px;max-width:62ch;}

/* =========================================================================
   10 · BOOK
   ========================================================================= */
.book{padding-bottom:calc(var(--secpad) * .8);}
.book__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,90px);align-items:start;}
.book__copy h2{max-width:14ch;}
.steps{display:grid;gap:12px;margin-top:34px;}
.steps li{display:flex;align-items:center;gap:14px;font-size:15px;color:#d6d6da;}
.steps b{font-size:12px;letter-spacing:.12em;color:var(--gold);font-weight:700;width:26px;}
.book__box{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:clamp(24px,3.4vw,36px);box-shadow:0 30px 80px rgba(0,0,0,.5);}
.form{display:grid;gap:16px;}
.field{display:grid;gap:7px;position:relative;}
.field label{font-size:13px;color:var(--sec);font-weight:500;}
.field input{width:100%;font:inherit;font-size:16px;color:#fff;background:var(--card2);border:1px solid var(--border2);border-radius:12px;padding:14px 15px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none;}
.field input::placeholder{color:var(--sec2);}
.field input:focus{outline:none;border-color:rgba(212,175,55,.7);box-shadow:0 0 0 3px rgba(212,175,55,.14);}
.field input[aria-invalid="true"]{border-color:rgba(255,69,58,.7);}
.combo{position:relative;}
.combo__list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#121214;border:1px solid var(--border2);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.6);max-height:300px;overflow-y:auto;}
.combo__list li{padding:11px 14px;cursor:pointer;display:grid;gap:1px;border-bottom:1px solid var(--border);}
.combo__list li:last-child{border-bottom:0;}
.combo__list li[aria-selected="true"],.combo__list li:hover{background:#1c1c1e;}
.combo__list .c-name{font-size:14.5px;font-weight:600;}
.combo__list .c-sub{font-size:12px;color:var(--sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.combo__list .c-none{font-size:13px;color:var(--gold);}
.picked{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--gold-soft);border:1px solid rgba(212,175,55,.35);border-radius:12px;padding:12px 14px;}
.picked div{display:grid;gap:1px;min-width:0;}
.picked b{font-size:15px;}
.picked span{font-size:12px;color:#c9c0a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.picked button{font-size:13px;color:var(--gold);font-weight:600;padding:6px 4px;flex:none;}
.form.is-picked .combo{display:none;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form .cta{width:100%;margin-top:6px;}
.form .cta[disabled]{opacity:.6;cursor:progress;}
.form__msg{font-size:13.5px;min-height:1px;color:var(--sec);}
.form__msg.err{color:#ff8a80;}
.form__msg a{color:var(--gold);text-decoration:underline;}
.form__small{font-size:12.5px;color:var(--sec2);text-align:center;margin-top:-6px;}
.sent{text-align:center;padding:24px 6px;outline:none;}
.sent__tick{width:56px;height:56px;border-radius:50%;display:inline-grid;place-items:center;background:var(--gold);color:#0a0a0a;box-shadow:0 12px 40px rgba(212,175,55,.3);animation:pop .6s var(--ease);}
@keyframes pop{0%{transform:scale(.3);opacity:0;}60%{transform:scale(1.1);opacity:1;}100%{transform:scale(1);}}
@media (prefers-reduced-motion: reduce){ .sent__tick{animation:none;} }
.sent h3{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:18px;}
.sent p{color:#c9c9c9;font-size:15.5px;line-height:1.55;margin:10px auto 0;max-width:34ch;}
.sent .sent__mail{font-size:13.5px;color:var(--sec);}
.sent .sent__mail a{color:var(--gold);text-decoration:underline;word-break:break-word;}
.sent .sent__close{color:#fff;font-weight:600;margin-top:18px;}
@media (max-width:860px){ .book__grid{grid-template-columns:1fr;} }

/* ---- footer ---- */
.foot{border-top:1px solid var(--border);padding-block:34px calc(96px + env(safe-area-inset-bottom));}
.foot__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 30px;}
.foot .brand img{height:18px;opacity:.9;}
.foot__links{display:flex;gap:20px;font-size:14px;}
.foot__links a{color:var(--sec);}
.foot__links a:hover,.foot__links a[aria-current="page"]{color:#fff;}
.foot__legal{font-size:12.5px;color:var(--sec2);width:100%;}
.foot__legal a{color:var(--sec);}
.foot__legal a:hover{color:#fff;}
@media (min-width:861px){ .foot{padding-bottom:40px;} .foot__legal{width:auto;} }

/* ---- mobile dock (appears after the cover, hides at the form) ---- */
.dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:45;display:none;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 9px 9px 16px;border-radius:16px;background:rgba(14,14,15,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border2);
  font-size:13.5px;color:var(--sec);transform:translateY(140%);transition:transform .5s var(--ease);}
.dock b{color:#fff;font-weight:700;}
.dock__go{background:var(--gold);color:#0a0a0a;font-weight:700;font-size:14px;padding:11px 14px;border-radius:11px;white-space:nowrap;}
.dock.show{transform:none;}
@media (max-width:860px){ .dock{display:flex;} }