/* OmniPhi V7 | Content proposal by Akhil Jayakumar */

:root{
  /* OmniPhi desk: near-black surfaces, warm cream type, one gold (from omniphi.ai) */
  --ivory:#0A0A08; --paper:#11110F; --stone:#171714; --stone-2:#282722;
  --ink:#F4F0E8; --ink-2:#C9C3B6; --ink-3:#A39B8C;
  --night:#050504; --night-2:#141412; --night-3:#24231E;
  --gold:#C8A030; --gold-2:#E2B840; --gold-soft:#231E0F; --gold-tint:rgba(226,184,64,.1);
  --line:rgba(244,240,232,.11); --line-2:rgba(244,240,232,.065);
  --on-dark:#F4F0E8; --on-dark-2:rgba(244,240,232,.74); --on-dark-3:rgba(244,240,232,.54);
  --line-dark:rgba(244,240,232,.1);
  --print:#0C0C0A; --print-3:#6B655B; --print-line:rgba(12,12,10,.12);
  --ok:#3F7D55;
  --serif:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --sans:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --caps:'Montserrat','Plus Jakarta Sans',sans-serif;
  --phi:'Noto Serif Display',Georgia,serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --nav-h:64px; --wrap:1200px; --r:12px; --r-sm:8px;
  --ease:cubic-bezier(.2,.7,.2,1); --ease-out:cubic-bezier(.19,1,.22,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 56px)}
body{background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
::selection{background:rgba(226,184,64,.32);color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.ico{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* Type */
.eyebrow{display:inline-flex;align-items:center;gap:11px;font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:1px;background:currentColor;box-shadow:0 0 12px rgba(226,184,64,.55)}
.eyebrow.plain::before{display:none}
h1,h2,h3{font-family:var(--sans);font-weight:600;letter-spacing:-.035em;line-height:1.04}
h1{font-size:clamp(2.6rem,5.4vw,4.5rem);letter-spacing:-.045em}
h2{font-size:clamp(1.9rem,3.5vw,2.9rem)}
h2.sm{font-size:clamp(1.6rem,2.6vw,2.2rem)}
h3{font-size:1.25rem;line-height:1.2;letter-spacing:-.02em}
h1 em,h2 em{font-style:normal;color:var(--gold-2)}
.lede{font-size:clamp(1.02rem,1.3vw,1.15rem);color:var(--ink-3);line-height:1.62;max-width:560px}
.dark .lede{color:var(--on-dark-2)}
.muted{color:var(--ink-3)}
.mono{font-family:var(--mono)}
.sec-head{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(32px,4vw,52px)}
.sec-head.center{align-items:center;text-align:center}
.sec-head.row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}
.sec-head.row>div:first-child{display:flex;flex-direction:column;gap:14px}

/* Sections */
.sec{padding:clamp(64px,8vw,104px) 0;position:relative}
.sec.tight{padding:clamp(48px,6vw,72px) 0}
.sec.paper{background:var(--paper);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.sec.stone{background:var(--paper);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.sec.dark,.dark{background:var(--night);color:var(--on-dark)}
.sec.dark{background:radial-gradient(ellipse 55% 60% at 50% 0%,rgba(226,184,64,.07),transparent 70%),var(--night);border-top:1px solid var(--line-2)}
.sec.dark .eyebrow{color:var(--gold-2)}
.rule-t{border-top:1px solid var(--line)}
.rule-b{border-bottom:1px solid var(--line)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:-.005em;transition:transform .25s var(--ease),background .25s,box-shadow .25s,color .25s;white-space:nowrap}
.btn .ico{width:17px;height:17px;transition:transform .25s var(--ease)}
.btn:hover .ico{transform:translateX(3px)}
.btn-dark{background:var(--ink);color:var(--print)}
.btn-dark:hover{background:#fff}
.btn-line{border:1px solid rgba(200,160,48,.42);color:var(--ink)}
.btn-line:hover{border-color:var(--gold-2);background:rgba(226,184,64,.06)}
.btn-gold{background:var(--gold-2);color:var(--print)}
.btn-gold:hover{background:#EBC85A}
.dark .btn-line{border-color:var(--line-dark);color:var(--on-dark)}
.dark .btn-line:hover{border-color:var(--on-dark)}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;border-bottom:1px solid var(--gold);padding-bottom:4px;transition:color .25s}
.link-arrow:hover{color:var(--gold-2)}
.link-arrow .ico{width:16px;height:16px;transition:transform .25s var(--ease)}
.link-arrow:hover .ico{transform:translateX(4px)}

/* Pills / chips */
.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:5px;background:rgba(244,240,232,.04);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap}
.pill.gold{background:var(--gold-tint);border-color:rgba(226,184,64,.3);color:var(--gold-2)}
.pill.dark{background:var(--ink);border-color:var(--ink);color:var(--print)}
.dark .pill{background:rgba(244,240,232,.04);color:var(--on-dark-2)}

/* NAV */
.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:rgba(10,10,8,.78);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line-2);transition:box-shadow .3s}
.nav.scrolled{border-bottom-color:var(--line)}
.nav-in{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.brand-mark{width:26px;height:34px;color:var(--gold-2);display:grid;place-items:center;font-family:var(--phi);font-weight:500;font-size:30px;line-height:1}
.brand-txt{display:flex;flex-direction:column;line-height:1.1}
.brand-name{font-family:var(--caps);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.brand-name b{font-weight:inherit;color:var(--gold-2)}
.brand-sub{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:4px}
.nav-links{display:flex;align-items:center;gap:26px;margin-left:auto;margin-right:8px}
.nav-links a{position:relative;font-size:13.5px;font-weight:500;color:var(--ink-3);padding:6px 0;transition:color .25s}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:var(--gold-2);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease-out)}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);transform-origin:left}
.nav-links a.active{color:var(--ink)}
.nav-cta{height:38px;padding:0 15px;font-size:13px}
.burger{display:none;width:42px;height:42px;border-radius:8px;margin-left:auto;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{width:18px;height:1.8px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.nav.open .burger span:nth-child(1){transform:translateY(6.8px) rotate(45deg)}
.nav.open .burger span:nth-child(2){opacity:0}
.nav.open .burger span:nth-child(3){transform:translateY(-6.8px) rotate(-45deg)}
.mnav{display:none}
@media (max-width:940px){
  .nav-links,.nav-cta{display:none}
  .burger{display:flex}
  .mnav{display:block;position:fixed;top:var(--nav-h);left:0;right:0;background:rgba(10,10,8,.97);border-bottom:1px solid var(--line);padding:10px 20px 22px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .25s,transform .3s var(--ease);box-shadow:0 20px 40px rgba(20,18,15,.08)}
  .nav.open .mnav{opacity:1;transform:none;pointer-events:auto}
  .mnav a{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;font-size:22px;font-weight:600;letter-spacing:-.03em;border-bottom:1px solid var(--line-2)}
  .mnav a.active{color:var(--gold)}
  .mnav .btn{margin-top:18px;width:100%;justify-content:center}
}
@media (max-width:420px){.brand-sub{display:none}}

/* Page hero (inner pages) */
.phero{padding:clamp(56px,7vw,92px) 0 clamp(36px,4vw,52px)}
.phero h1{font-size:clamp(2.4rem,5vw,4rem);max-width:820px;margin:18px 0 16px}
.phero .lede{max-width:600px}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.jump{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:inline-flex}
.jump a{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;padding:12px 18px;color:var(--ink-2);border-left:1px solid var(--line);transition:background .25s,color .25s}
.jump a:first-child{border-left:0}
.jump a span{color:var(--gold-2);font-family:var(--mono);font-size:11px;font-weight:500}
.jump a:hover{background:var(--paper);color:var(--ink)}

/* Reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .rv{opacity:1;transform:none}
}

/* Next page band */
.next{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding-top:clamp(36px,5vw,56px);padding-bottom:clamp(36px,5vw,56px)}
.next p{font-family:var(--caps);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.next a.big{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:600;display:inline-flex;align-items:center;gap:16px;letter-spacing:-.04em;transition:color .3s}
.next a.big:hover{color:var(--gold-2)}
.next a.big .ico{width:.8em;height:.8em;color:var(--gold);transition:transform .3s var(--ease)}
.next a.big:hover .ico{transform:translateX(8px)}

/* Footer */
.foot{background:var(--night);color:var(--on-dark-3);font-size:13px;border-top:1px solid var(--line-2)}
.foot-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px;padding-bottom:26px}
.foot .brand-mark{width:20px;height:26px;font-size:22px}
.foot-l{display:flex;align-items:center;gap:12px;color:var(--on-dark-2)}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}
.foot-links a:hover{color:var(--on-dark)}
.foot-note{width:100%;border-top:1px solid var(--line-dark);padding-top:16px;font-size:12px}

/* ================= CREATIVE COMPONENTS (slides, stories, reels) ================= */

/* ---------- Carousel viewer ---------- */
.cv{position:relative}
.cv-frame{container-type:inline-size;position:relative;aspect-ratio:4/5;border-radius:10px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(244,240,232,.08);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;background:#eee}
.cv-frame:active{cursor:grabbing}
.cv-track{display:flex;height:100%;transition:transform .6s var(--ease);will-change:transform}
.cv-ctrl{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.cv-btns{display:flex;gap:8px}
.cv-btn{width:42px;height:42px;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;background:transparent;transition:border-color .2s,background .2s,transform .2s}
.cv-btn:hover{border-color:var(--gold-2);background:rgba(226,184,64,.06)}
.cv-btn:active{transform:scale(.94)}
.cv-btn .ico{width:18px;height:18px}
.cv-dots{display:flex;gap:5px;flex-wrap:wrap;align-items:center;height:12px}
.cv-dots button{width:14px;height:2px;border-radius:0;background:var(--stone-2);transition:width .35s var(--ease),background .3s}
.cv-dots button.on{width:30px;background:var(--gold-2)}
.cv-count{font-family:var(--mono);font-size:12.5px;color:var(--ink-3);min-width:48px;text-align:right}

/* ---------- Slide ---------- */
.sl{flex:0 0 100%;height:100%;position:relative;display:flex;flex-direction:column;padding:6.4cqw 7cqw 6cqw;overflow:hidden;font-family:var(--sans)}
.sl-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--caps);font-size:2.3cqw;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sl-brand{display:flex;align-items:center;gap:1.6cqw}
.sl-brand i{width:3.4cqw;height:4.8cqw;color:#C8A030;display:grid;place-items:center;font-family:var(--phi);font-style:normal;font-weight:500;font-size:4.6cqw}
.sl-n{font-family:var(--mono);opacity:.55;font-size:2.3cqw}
.sl-k{font-family:var(--mono);font-size:2.3cqw;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#6B5310;margin-top:6.4cqw;display:flex;align-items:center;gap:1.6cqw}
.sl-k b{font-family:var(--mono);font-weight:500;letter-spacing:0;border:1px solid currentColor;border-radius:.8cqw;padding:.4cqw 1.5cqw}
.sl-h{font-family:var(--sans);font-size:7cqw;line-height:1.04;letter-spacing:-.04em;font-weight:700;margin-top:2.4cqw}
.sl-h.lg{font-size:8.2cqw}
.sl-h.xl{font-size:9.6cqw;line-height:1.02}
.sl-h em{font-style:normal;color:#8C6A0C}
.sl-p{font-size:3.2cqw;line-height:1.45;margin-top:2.4cqw;opacity:.74;max-width:88%}
.sl-vis{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;margin:3.6cqw 0 2.6cqw;position:relative}
.sl-vis.top{align-items:flex-start}
.sl-foot{display:flex;justify-content:space-between;align-items:center;font-size:2.4cqw;font-weight:600;margin-top:auto}
.sl-steps{display:flex;gap:.9cqw}
.sl-steps span{width:5cqw;height:.5cqw;border-radius:0;background:currentColor;opacity:.16}
.sl-steps span.on{opacity:1;background:#C8A030}
.swipe{display:flex;align-items:center;gap:1.4cqw;opacity:.7}
.swipe .ico{width:3cqw;height:3cqw}
.sl-handle{opacity:.55;font-weight:500}

.t-cream{background:#F4F0E8;color:#0C0C0A}
.t-dark{background:#0C0C0A;color:#F4F0E8}
.t-dark .sl-k,.t-dark .sl-h em{color:#E2B840}
.t-dark .sl-brand i{color:#E2B840}
.t-gold{background:#E2B840;color:#0C0C0A}
.t-gold .sl-k,.t-gold .sl-h em{color:#4A3A0A}
.t-gold .sl-brand i{color:#0C0C0A}
.t-gold .sl-steps span.on{background:#0C0C0A}
.t-ink{background:#161613;color:#F4F0E8}
.t-ink .sl-k,.t-ink .sl-h em{color:#E2B840}
.t-ink .sl-brand i{color:#E2B840}
.sl-center{justify-content:center;text-align:center;align-items:center}
.sl-grid::before{content:"";position:absolute;inset:0;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:8cqw 8cqw;opacity:.045;pointer-events:none}

/* mini UI inside slides / stories (cqw based) */
.w{background:#fff;border:1px solid rgba(20,18,15,.1);border-radius:2cqw;box-shadow:0 2cqw 5cqw -1cqw rgba(20,18,15,.18);overflow:hidden;font-size:2.4cqw;color:#0C0C0A;text-align:left}
.t-dark .w,.t-ink .w,.st.dk .w{background:#1B1B18;border-color:rgba(244,240,232,.1);color:#F4F0E8}
.w-bar{display:flex;align-items:center;gap:.9cqw;padding:1.5cqw 2cqw;border-bottom:1px solid rgba(20,18,15,.08);font-size:2.1cqw;font-weight:600}
.t-dark .w-bar,.t-ink .w-bar,.st.dk .w-bar{border-color:rgba(244,240,232,.08)}
.w-bar i{width:1.3cqw;height:1.3cqw;border-radius:50%;background:currentColor;opacity:.2}
.w-bar b{margin-left:1cqw;font-weight:600;opacity:.8}
.w-bar u{margin-left:auto;text-decoration:none;font-family:var(--mono);font-weight:500;opacity:.5}
.w-b{padding:2.4cqw}
.ln{height:1.2cqw;border-radius:9px;background:currentColor;opacity:.12;margin:1.3cqw 0}
.ln.g{background:#C8A030;opacity:.6}
.tabs{display:flex;gap:.8cqw;padding:1.2cqw 1.6cqw 0;background:rgba(20,18,15,.04)}
.tabs span{padding:1cqw 2cqw;border-radius:1.2cqw 1.2cqw 0 0;font-size:2cqw;font-weight:600;opacity:.55;white-space:nowrap}
.tabs span.on{background:#fff;opacity:1}

.tt{display:inline-flex;align-items:center;gap:1.4cqw;padding:1.7cqw 2.3cqw;background:#fff;border:1px solid rgba(20,18,15,.09);border-radius:1.8cqw;font-size:2.6cqw;font-weight:600;box-shadow:0 1.2cqw 3cqw -1cqw rgba(20,18,15,.18);white-space:nowrap;color:#0C0C0A}
.tt .ico{width:3.3cqw;height:3.3cqw;color:#C8A030}
.t-dark .tt,.t-ink .tt,.st.dk .tt{background:#1B1B18;border-color:rgba(244,240,232,.12);color:#F4F0E8}
.tt.dash{border-style:dashed;box-shadow:none;background:transparent}
.tt.g{background:#C8A030;color:#fff;border-color:#C8A030}
.tt.g .ico{color:#fff}

.cs{display:flex;flex-wrap:wrap;gap:1.4cqw;justify-content:center}
.cs.l{justify-content:flex-start}
.c{display:inline-flex;align-items:center;gap:1cqw;padding:1.1cqw 2.3cqw;border-radius:99px;font-size:2.5cqw;font-weight:600;border:1px solid rgba(20,18,15,.16);background:rgba(255,255,255,.55);white-space:nowrap}
.t-dark .c,.t-ink .c,.st.dk .c{border-color:rgba(244,240,232,.18);background:rgba(244,240,232,.05)}
.c.g{background:#C8A030;border-color:#C8A030;color:#fff}
.c.k{background:#0C0C0A;border-color:#0C0C0A;color:#F4F0E8}
.c .ico{width:2.8cqw;height:2.8cqw}

/* hub (Phi at center) */
.hub{--s:1;position:relative;width:calc(74cqw*var(--s));height:calc(56cqw*var(--s));flex-shrink:0}
.hub svg.sp{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hub svg.sp line{stroke:#C8A030;stroke-width:.35;opacity:.55}
.hub svg.sp.dot line{stroke-dasharray:1 1.2;animation:dashmove 1.6s linear infinite}
.hub-c{position:absolute;left:50%;top:50%;width:calc(17cqw*var(--s,1));height:calc(17cqw*var(--s,1));transform:translate(-50%,-50%);border-radius:50%;background:#0C0C0A;color:#E2B840;display:grid;place-items:center;font-family:var(--phi);font-weight:500;font-size:calc(10cqw*var(--s,1));box-shadow:0 0 0 2cqw rgba(200,160,48,.13),0 0 0 4cqw rgba(200,160,48,.06);z-index:2}
.t-dark .hub-c,.t-ink .hub-c,.st.dk .hub-c{background:#E2B840;color:#0C0C0A}
.hub-c.you{font-family:var(--sans);font-size:3.6cqw;font-weight:800;letter-spacing:.1em;background:#fff;color:#0C0C0A;box-shadow:0 0 0 1.4cqw rgba(255,255,255,.1)}
.hub-n{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(calc(var(--x)*var(--s)*1cqw),calc(var(--y)*var(--s)*1cqw));z-index:3}
.hub .tt{padding:calc(1.4cqw*var(--s)) calc(2cqw*var(--s));font-size:calc(2.5cqw*var(--s));min-width:calc(17cqw*var(--s));justify-content:center}
.hub .tt .ico{width:calc(3.1cqw*var(--s));height:calc(3.1cqw*var(--s))}
@keyframes dashmove{to{stroke-dashoffset:-4.4}}

/* charts */
.chart{width:100%}
.chart .ax{stroke:currentColor;opacity:.15;stroke-width:.3}
.chart .up{fill:#C8A030}
.chart .dn{fill:currentColor;opacity:.7}
.chart .wick{stroke:currentColor;stroke-width:.25;opacity:.55}
.chart .eq{fill:none;stroke:#C8A030;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round}
.chart .area{fill:#C8A030;opacity:.1}
.chart .bm{fill:none;stroke:currentColor;opacity:.3;stroke-width:.5;stroke-dasharray:1.2 1}
.chart text{font-size:3px;fill:currentColor;opacity:.5;font-family:var(--mono)}
.draw .eq{stroke-dasharray:300;stroke-dashoffset:0}
.on .draw .eq,.rs.on .draw .eq,.st .draw .eq{animation:drawln 2.2s var(--ease) both}
@keyframes drawln{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}

/* code */
.code{font-family:var(--mono);font-size:2.35cqw;line-height:1.75;background:#141412;color:#EAE5DA;padding:2.6cqw 3cqw;border-radius:0;white-space:pre}
.code .k{color:#E2B840}.code .s{color:#A9C79F}.code .m{opacity:.4}.code .f{color:#EBCB6E}
.code .ln-n{opacity:.3;margin-right:2cqw}

/* sheet */
.sheet{display:grid;grid-template-columns:1.4fr 1fr 1fr;font-size:2.2cqw}
.sheet span{padding:1.2cqw 1.6cqw;border-right:1px solid rgba(20,18,15,.08);border-bottom:1px solid rgba(20,18,15,.08);font-family:var(--mono);white-space:nowrap}
.sheet span.h{font-family:var(--sans);font-weight:700;background:rgba(20,18,15,.04)}
.sheet span.hl{background:rgba(200,160,48,.16);font-weight:600}

/* order ticket */
.tk{display:grid;gap:1.3cqw}
.tk-r{display:flex;justify-content:space-between;padding:1.2cqw 1.6cqw;background:rgba(20,18,15,.04);border-radius:1.2cqw;font-size:2.3cqw}
.tk-r b{font-family:var(--mono);font-weight:500}
.tk-b{display:grid;grid-template-columns:1fr 1fr;gap:1.3cqw;margin-top:.6cqw}
.tk-b span{text-align:center;padding:1.6cqw;border-radius:1.2cqw;font-weight:700;font-size:2.4cqw;background:#0C0C0A;color:#fff}
.tk-b span+span{background:transparent;border:1px solid rgba(20,18,15,.2);color:inherit}

/* checklist */
.chk{display:grid;gap:1.2cqw;width:100%}
.chk li{display:flex;align-items:center;gap:2cqw;padding:1.8cqw 2.2cqw;border-radius:1.8cqw;background:rgba(255,255,255,.06);border:1px solid rgba(244,240,232,.09);font-size:2.9cqw;font-weight:500;transition:background .4s,opacity .4s,border-color .4s}
.chk.light li{background:#fff;border-color:rgba(20,18,15,.08)}
.chk i{width:3.6cqw;height:3.6cqw;border-radius:50%;border:1.5px solid currentColor;opacity:.4;display:grid;place-items:center;flex-shrink:0;font-style:normal;transition:all .35s}
.chk i::after{content:"";width:1.6cqw;height:.9cqw;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translate(.1cqw,-.2cqw);opacity:0}
.chk li.done i{background:#C8A030;border-color:#C8A030;opacity:1}
.chk li.done i::after{opacity:1}
.chk li.cur{border-color:rgba(226,184,64,.55)}
.chk li.cur i{border-color:#E2B840;opacity:1;border-top-color:transparent;animation:spin .8s linear infinite}
.chk[data-seq] li{opacity:.45}
.chk[data-seq] li.done,.chk[data-seq] li.cur{opacity:1}
@keyframes spin{to{transform:rotate(360deg)}}

/* prompt bar */
.prompt{display:flex;align-items:center;gap:1.8cqw;background:#fff;color:#0C0C0A;border-radius:99px;padding:1.8cqw 2.4cqw 1.8cqw 1.8cqw;font-size:3cqw;font-weight:500;box-shadow:0 1.6cqw 4cqw -1cqw rgba(20,18,15,.25);border:1px solid rgba(20,18,15,.08);width:100%}
.prompt>i{width:5.4cqw;height:5.4cqw;border-radius:50%;background:#0C0C0A;color:#E2B840;display:grid;place-items:center;font-family:var(--phi);font-style:normal;font-weight:500;font-size:4cqw;flex-shrink:0}
.prompt .go{margin-left:auto;width:5.4cqw;height:5.4cqw;border-radius:50%;background:#C8A030;color:#fff;display:grid;place-items:center;flex-shrink:0}
.prompt .go .ico{width:2.8cqw;height:2.8cqw}
.caret{display:inline-block;width:.35cqw;height:3.6cqw;background:#C8A030;margin-left:.3cqw;vertical-align:middle;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}

/* sliders */
.sld{display:grid;gap:2.2cqw;width:100%}
.sld>div{display:grid;grid-template-columns:18cqw 1fr 10cqw;align-items:center;gap:2cqw;font-size:2.6cqw;font-weight:600}
.sld .tr{height:1.2cqw;border-radius:9px;background:rgba(20,18,15,.14);position:relative}
.sld .tr b{position:absolute;left:0;top:0;bottom:0;border-radius:9px;background:#0C0C0A;width:var(--v)}
.sld .tr b::after{content:"";position:absolute;right:-1.6cqw;top:50%;width:3.2cqw;height:3.2cqw;border-radius:50%;background:#fff;border:2px solid #0C0C0A;transform:translateY(-50%)}
.sld em{font-style:normal;font-family:var(--mono);font-size:2.3cqw;text-align:right;opacity:.7}
.on .sld .tr b,.rs.on .sld .tr b{animation:sldin 1.4s var(--ease) both}
@keyframes sldin{from{width:8%}}

/* agent card */
.agent{background:#141412;color:#F4F0E8;border-radius:2.4cqw;padding:3cqw;width:100%;border:1px solid rgba(226,184,64,.25);text-align:left}
.agent-h{display:flex;align-items:center;justify-content:space-between;gap:2cqw}
.agent-h b{font-size:3.1cqw;font-weight:700}
.agent-h small{display:block;font-size:2.2cqw;opacity:.55;font-weight:500;margin-top:.4cqw}
.live{display:inline-flex;align-items:center;gap:1cqw;font-size:2.1cqw;font-weight:800;letter-spacing:.12em;color:#8FD1A3;background:rgba(143,209,163,.12);padding:.9cqw 1.8cqw;border-radius:99px}
.live::before{content:"";width:1.3cqw;height:1.3cqw;border-radius:50%;background:#8FD1A3;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(143,209,163,.6)}70%{box-shadow:0 0 0 1.6cqw rgba(143,209,163,0)}100%{box-shadow:0 0 0 0 rgba(143,209,163,0)}}
.agent-rows{display:grid;gap:1.1cqw;margin-top:2.4cqw}
.agent-rows div{display:flex;justify-content:space-between;font-size:2.4cqw;padding:1.2cqw 0;border-top:1px solid rgba(244,240,232,.08)}
.agent-rows div span{opacity:.6}
.agent-rows div b{font-weight:600;color:#E2B840}

/* compare */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;width:100%}
.cmp>div{border-radius:2cqw;padding:3cqw;border:1px solid rgba(244,240,232,.14);text-align:left}
.cmp>div.hi{background:#E2B840;color:#0C0C0A;border-color:#E2B840}
.cmp h5{font-family:var(--caps);font-size:2.3cqw;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.7;margin-bottom:2cqw}
.cmp p{font-size:4cqw;line-height:1.1;font-weight:700;letter-spacing:-.03em}
.cmp ul{margin-top:2.4cqw;display:grid;gap:1cqw;font-size:2.3cqw}
.cmp li{display:flex;gap:1.2cqw;align-items:center}
.cmp li::before{content:"";width:1.2cqw;height:1.2cqw;border-radius:50%;background:currentColor;opacity:.5}

/* flow nodes row */
.flow{display:flex;align-items:center;gap:1cqw;flex-wrap:wrap;justify-content:center}
.flow span{font-family:var(--caps);font-size:2.3cqw;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1.1cqw 1.9cqw;border-radius:99px;border:1px solid currentColor;opacity:.85}
.flow span.g{background:#C8A030;border-color:#C8A030;color:#fff;opacity:1}
.flow i{width:2.2cqw;height:1px;background:currentColor;opacity:.4}

/* staged pop animation for active slides */
.on .pop>*,.rs.on .pop>*{animation:popin .6s var(--ease) both;animation-delay:calc(var(--i,0)*.09s + .15s)}
@keyframes popin{from{opacity:0;transform:translateY(2.4cqw) scale(.96)}}
@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -1.4cqw}}

/* ---------- Stories ---------- */
.story{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;container-type:inline-size;box-shadow:0 40px 70px -30px rgba(0,0,0,.85),0 0 0 1px rgba(244,240,232,.09);transition:box-shadow .45s var(--ease)}
.story:hover{box-shadow:0 40px 70px -30px rgba(0,0,0,.85),0 0 0 1px rgba(226,184,64,.5)}
.st{position:absolute;inset:0;display:flex;flex-direction:column;padding:4.6cqw 5.4cqw 6cqw;background:#0C0C0A;color:#F4F0E8;font-family:var(--sans)}
.st.lt{background:#F4F0E8;color:#0C0C0A}
.st.gd{background:#E2B840;color:#0C0C0A}
.st-prog{display:flex;gap:1.2cqw}
.st-prog span{flex:1;height:.75cqw;border-radius:9px;background:currentColor;opacity:.25;position:relative;overflow:hidden}
.st-prog span.done{opacity:.9}
.st-prog span.cur{opacity:1;background:transparent;box-shadow:inset 0 0 0 20cqw rgba(128,128,128,.35)}
.st-prog span.cur::after{content:"";position:absolute;inset:0;background:currentColor;transform-origin:left;animation:stfill 7s linear infinite}
@keyframes stfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.st-hd{display:flex;align-items:center;gap:2.4cqw;margin-top:3.4cqw;font-size:3.5cqw;font-weight:700}
.st-hd .av{width:8cqw;height:8cqw;border-radius:50%;background:#0C0C0A;color:#E2B840;display:grid;place-items:center;font-family:var(--phi);font-size:5.6cqw;box-shadow:0 0 0 .5cqw #E2B840}
.st.dk .st-hd .av{background:#E2B840;color:#0C0C0A;box-shadow:0 0 0 .5cqw rgba(226,184,64,.35)}
.st-hd small{font-weight:400;opacity:.55}
.st-hd .x{margin-left:auto;opacity:.6;font-size:5cqw;font-weight:300;line-height:1}
.st-body{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:0}
.st-h{font-family:var(--sans);font-size:8.4cqw;line-height:1.04;font-weight:700;letter-spacing:-.04em}
.st-h em{font-style:normal;color:#E2B840}
.st.lt .st-h em{color:#8C6A0C}
.st.gd .st-h em{color:#4A3A0A}
.st-p{font-size:3.8cqw;opacity:.72;margin-top:2.6cqw;line-height:1.4}
.st-k{font-family:var(--mono);font-size:2.7cqw;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#E2B840;margin-bottom:2.6cqw}
.st.lt .st-k{color:#6B5310}
.st.gd .st-k{color:#4A3A0A}
.sticker{background:#fff;color:#0C0C0A;border-radius:3.6cqw;padding:4cqw;box-shadow:0 2cqw 5cqw -1cqw rgba(0,0,0,.35)}
.sticker-q{font-weight:800;font-size:4.2cqw;text-align:center;line-height:1.25}
.opts{display:grid;gap:2cqw;margin-top:3cqw}
.opts button{position:relative;overflow:hidden;width:100%;padding:3cqw 3.6cqw;border-radius:99px;background:#F1ECE2;font-size:3.5cqw;font-weight:700;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:background .3s,color .3s,transform .2s}
.opts button:hover{transform:scale(1.02)}
.opts button .bar{position:absolute;inset:0;background:rgba(200,160,48,.22);transform-origin:left;transform:scaleX(0);transition:transform .8s var(--ease)}
.opts button span{position:relative}
.opts button em{position:relative;font-style:normal;font-family:var(--mono);font-size:3cqw;opacity:0;transition:opacity .4s}
.opts.voted button .bar{transform:scaleX(var(--p))}
.opts.voted button em{opacity:.7}
.opts button.pick{background:#0C0C0A;color:#fff}
.opts button.pick .bar{background:rgba(226,184,64,.35)}
.quiz button{border-radius:2.4cqw;font-size:3.2cqw;font-weight:600;gap:2.4cqw;justify-content:flex-start}
.quiz button b{width:5.4cqw;height:5.4cqw;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:2.8cqw;flex-shrink:0}
.quiz button.right{background:#3F7D55;color:#fff}
.quiz button.right b{background:#fff;color:#3F7D55}
.quiz button.wrong{background:#E7D8D2;color:#8A3B2A}
.quiz-a{font-size:3.2cqw;text-align:center;margin-top:2.6cqw;font-weight:600;opacity:0;transition:opacity .4s;color:#3F7D55}
.quiz.done .quiz-a{opacity:1}
.lnk{display:inline-flex;align-items:center;gap:1.8cqw;background:#fff;color:#0C0C0A;padding:2.6cqw 4.4cqw;border-radius:99px;font-weight:800;font-size:3.6cqw;box-shadow:0 1.4cqw 4cqw -1cqw rgba(0,0,0,.35);align-self:center}
.lnk .ico{width:3.6cqw;height:3.6cqw;color:#C8A030}
.lnk.g{background:#E2B840;color:#0C0C0A}
.lnk.g .ico{color:#0C0C0A}
.st-reply{display:flex;align-items:center;gap:2.4cqw;margin-top:4cqw}
.st-reply span{flex:1;border:1px solid currentColor;opacity:.35;border-radius:99px;padding:2.4cqw 3.6cqw;font-size:3.2cqw}
.st-reply .ico{width:5.4cqw;height:5.4cqw;opacity:.8}
.float{animation:floaty 5s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.8s)}

/* ---------- Reels ---------- */
.phone{position:relative;aspect-ratio:9/16;border-radius:30px;overflow:hidden;container-type:inline-size;background:#0A0A08;box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 7px #181815,0 0 0 8px rgba(244,240,232,.14)}
.rs{position:absolute;inset:0;opacity:0;transition:opacity .35s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8cqw;text-align:center}
.rs.on{opacity:1}
.r-ui{position:absolute;inset:0;pointer-events:none;z-index:5;color:#fff;font-family:var(--sans)}
.r-ui .r-top{position:absolute;top:5cqw;left:5.5cqw;right:5.5cqw;display:flex;justify-content:space-between;font-weight:700;font-size:4.4cqw;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.r-ui .r-side{position:absolute;right:4cqw;bottom:26cqw;display:grid;gap:5cqw;justify-items:center}
.r-ui .r-side .ico{width:7cqw;height:7cqw;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}
.r-ui .r-bot{position:absolute;left:5cqw;right:18cqw;bottom:6cqw;text-align:left}
.r-ui .r-who{display:flex;align-items:center;gap:2.4cqw;font-weight:700;font-size:3.6cqw;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.r-ui .r-who i{width:7cqw;height:7cqw;border-radius:50%;background:#0C0C0A;color:#E2B840;display:grid;place-items:center;font-family:var(--phi);font-style:normal;font-size:5cqw;box-shadow:0 0 0 .4cqw #E2B840}
.r-ui .r-who span{border:1px solid rgba(255,255,255,.7);border-radius:1.6cqw;padding:.6cqw 2cqw;font-size:3cqw}
.r-ui .r-cap{font-size:3.2cqw;margin-top:2cqw;opacity:.9;text-shadow:0 1px 6px rgba(0,0,0,.5);line-height:1.35}
.r-ui.dk{color:#0C0C0A}
.r-ui.dk .r-top,.r-ui.dk .r-who,.r-ui.dk .r-cap{text-shadow:none}
.r-ui.dk .r-who span{border-color:rgba(20,18,15,.5)}
.sub{position:absolute;left:7cqw;right:7cqw;bottom:34cqw;z-index:4;text-align:center;font-weight:800;font-size:5.6cqw;line-height:1.25;color:#fff}
.sub span{background:rgba(10,9,7,.72);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.4cqw 1.8cqw;border-radius:1.4cqw}
.sub b{color:#E2B840}
.rc{display:flex;align-items:center;gap:14px;margin-top:22px}
.rplay{width:44px;height:44px;border-radius:50%;background:var(--gold-2);color:var(--print);display:grid;place-items:center;flex-shrink:0;transition:transform .2s}
.rplay:hover{transform:scale(1.06)}
.rplay .ico{width:16px;height:16px;fill:currentColor;stroke:none}
.rbar{flex:1;height:26px;position:relative;cursor:pointer}
.rbar::before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);border-radius:0;background:var(--stone-2)}
.rfill{position:absolute;left:0;top:50%;height:3px;transform:translateY(-50%);border-radius:0;background:var(--gold-2);width:0}
.rmk{position:absolute;top:50%;width:2px;height:11px;transform:translate(-50%,-50%);background:var(--ink);opacity:.35;border-radius:2px}
.rtime{font-family:var(--mono);font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.sl-center .sl-top,.sl-center .sl-foot{align-self:stretch}

/* ================= HOME ================= */
.scat{position:relative;width:76cqw;height:40cqw}
.scat .tt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(calc(var(--x)*1cqw),calc(var(--y)*1cqw)) rotate(var(--r,0deg))}

/* Hero */
.hero{padding:clamp(40px,6vw,76px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-8%;top:-10%;width:62%;height:130%;background:radial-gradient(closest-side,rgba(226,184,64,.13),transparent);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(244,240,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,232,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000,transparent 75%);pointer-events:none}
.hero-in{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(32px,5vw,72px);align-items:center;position:relative}
.hero-l h1{margin:20px 0 20px;max-width:560px;font-size:clamp(2.6rem,4.9vw,4.1rem)}
.hero-l .lede{max-width:480px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-by{display:flex;align-items:center;gap:14px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);max-width:480px}
.by-av{width:44px;height:44px;border-radius:50%;border:1px solid rgba(226,184,64,.5);color:var(--gold-2);display:grid;place-items:center;font-family:var(--caps);font-weight:700;font-size:13px;letter-spacing:.06em;flex-shrink:0}
.hero-by b{display:block;font-size:14.5px}
.hero-by small{font-size:13px;color:var(--ink-3)}

.hero-r{position:relative;padding:28px 10px 28px 28px}
.pw{background:#0E0E0C;color:var(--on-dark);border-radius:12px;box-shadow:0 60px 120px -40px rgba(0,0,0,.95),0 0 0 1px rgba(244,240,232,.1),0 0 80px -20px rgba(226,184,64,.12);overflow:hidden;font-size:13px;position:relative;z-index:1}
.pw-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line-dark)}
.pw-bar i{width:9px;height:9px;border-radius:50%;background:var(--night-3)}
.pw-bar b{margin-left:8px;font-weight:600;font-size:12.5px;color:var(--on-dark-2)}
.pw-st{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--on-dark-3);font-family:var(--mono)}
.dotl{width:7px;height:7px;border-radius:50%;background:#8FD1A3;animation:pulse 1.6s infinite}
.pw-prompt{display:flex;align-items:center;gap:11px;margin:16px 16px 0;padding:10px 10px 10px 10px;border-radius:12px;background:var(--night-2);border:1px solid var(--line-dark);min-height:50px}
.pw-phi{width:30px;height:30px;border-radius:50%;border:1px solid rgba(226,184,64,.55);color:var(--gold-2);display:grid;place-items:center;font-family:var(--phi);font-weight:500;font-size:20px;flex-shrink:0}
.pw-txt{font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden}
.pw-caret{width:2px;height:18px;background:var(--gold-2);animation:blink 1s steps(2) infinite;flex-shrink:0}
.pw-go{margin-left:auto;width:30px;height:30px;border-radius:50%;background:var(--night-3);display:grid;place-items:center;flex-shrink:0;color:var(--on-dark-2)}
.pw-go .ico{width:14px;height:14px}
.pw-main{display:grid;grid-template-columns:168px 1fr;gap:14px;padding:16px}
.pw-steps{display:grid;gap:4px}
.pw-step{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:var(--on-dark-3);transition:background .35s,color .35s}
.pw-i{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--night-2);border:1px solid var(--line-dark);transition:all .35s;flex-shrink:0}
.pw-i .ico{width:14px;height:14px}
.pw-n{font-weight:600;font-size:13px}
.pw-s{margin-left:auto;width:14px;height:14px;border-radius:50%;flex-shrink:0;position:relative}
.pw-step.cur{background:rgba(226,184,64,.1);color:var(--on-dark)}
.pw-step.cur .pw-i{background:var(--gold-2);border-color:var(--gold-2);color:var(--night)}
.pw-step.cur .pw-s{border:2px solid var(--gold-2);border-top-color:transparent;animation:spin .8s linear infinite}
.pw-step.done{color:var(--on-dark-2)}
.pw-step.done .pw-i{color:var(--gold-2)}
.pw-step.done .pw-s{background:#8FD1A3}
.pw-step.done .pw-s::after{content:"";position:absolute;left:4px;top:3.5px;width:6px;height:3.5px;border-left:1.6px solid var(--night);border-bottom:1.6px solid var(--night);transform:rotate(-45deg)}
.pw-stage{position:relative;background:var(--night-2);border:1px solid var(--line-dark);border-radius:12px;min-height:236px;overflow:hidden}
.pw-p{position:absolute;inset:0;padding:18px;opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease);display:flex;flex-direction:column}
.pw-p.on{opacity:1;transform:none}
.pw-lbl{font-family:var(--caps);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-3);margin-bottom:12px;display:flex;justify-content:space-between}
.pw-lbl em{font-style:normal;color:var(--gold-2);letter-spacing:.06em;text-transform:none;font-weight:600}
.pw-q{font-size:21px;line-height:1.2;font-weight:600;letter-spacing:-.03em}
.pw-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.pw-tags span{font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:5px;background:var(--night-3);color:var(--on-dark-2)}
.pw-src{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-dark);font-size:13px}
.pw-src i{height:5px;border-radius:9px;background:var(--night-3);position:relative;overflow:hidden}
.pw-src i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:var(--gold-2);border-radius:9px;transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease)}
.pw-p.on .pw-src i::after{transform:scaleX(1)}
.pw-p.on .pw-src:nth-of-type(3) i::after{transition-delay:.15s}.pw-p.on .pw-src:nth-of-type(4) i::after{transition-delay:.3s}.pw-p.on .pw-src:nth-of-type(5) i::after{transition-delay:.45s}
.pw-code{font-family:var(--mono);font-size:12px;line-height:1.75;white-space:pre;color:#E8E0CF}
.pw-code .k{color:var(--gold-2)}.pw-code .s{color:#A9C79F}.pw-code .f{color:#EBCB6E}.pw-code .m{opacity:.4}
.pw-chart{flex:1;color:var(--on-dark);display:flex;align-items:flex-end}
.pw-chart .chart{height:160px}
.pw-p.on .chart .eq{animation:drawln 2s var(--ease) both}
.pw-tg{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-dark);font-size:13px}
.pw-tg i{width:34px;height:19px;border-radius:99px;background:var(--night-3);position:relative;transition:background .3s}
.pw-tg i::after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:var(--on-dark-3);transition:transform .35s var(--ease),background .3s}
.pw-tg.on i{background:var(--gold-2)}
.pw-tg.on i::after{transform:translateX(15px);background:var(--night)}
.pw-agent{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px;border-radius:10px;background:var(--night);border:1px solid rgba(226,184,64,.3)}
.pw-agent b{display:block;font-size:14px}
.pw-agent small{font-size:12px;color:var(--on-dark-3)}
.pw-live{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#8FD1A3;background:rgba(143,209,163,.12);padding:4px 9px;border-radius:99px}
.pw-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#8FD1A3;animation:pulse 1.6s infinite}
.pw-spark{margin-top:auto;color:var(--on-dark)}
.pw-spark .chart{height:80px}
.pw-p.on .pw-spark .eq{animation:drawln 2.4s var(--ease) both}
.pw-foot{display:flex;align-items:center;gap:12px;padding:0 16px 16px;font-size:11.5px;color:var(--on-dark-3)}
.pw-prog{flex:1;height:4px;border-radius:9px;background:var(--night-3);overflow:hidden}
.pw-prog b{display:block;height:100%;width:0;background:var(--gold-2);transition:width .6s var(--ease)}
.fc{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;background:rgba(20,20,18,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(226,184,64,.28);border-radius:10px;padding:10px 15px 10px 12px;box-shadow:0 24px 50px -20px rgba(0,0,0,.9);animation:fcfloat 6s ease-in-out infinite}
.fc .ico{width:20px;height:20px;color:var(--gold-2)}
.fc b{display:block;font-size:13px}
.fc small{font-size:12px;color:var(--ink-3)}
.fc-1{left:-6px;bottom:-4px}
.fc-2{right:-22px;top:46%;animation-delay:-3s}
@keyframes fcfloat{0%,100%{translate:0 0}50%{translate:0 -8px}}

/* Proof strip */
.proof{background:var(--ivory);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-in{display:grid;grid-template-columns:repeat(4,1fr)}
.pf{display:flex;gap:16px;align-items:flex-start;padding:34px 28px;border-left:1px solid var(--line)}
.pf:first-child{border-left:0;padding-left:0}
.pf-ico{display:none}
.pf-n{display:flex;align-items:baseline;gap:6px;font-family:var(--caps);font-size:46px;line-height:1;font-weight:700;letter-spacing:-.03em}
.pf-n em{font-family:var(--mono);font-style:normal;font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--gold-2)}
.pf-l{display:block;font-weight:600;font-size:14.5px;margin-top:8px}
.pf small{font-size:12.5px;color:var(--ink-3)}

/* Opportunity */
.opp-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,64px);align-items:center}
.opp-l h2{margin:18px 0 18px}
.seg{display:inline-flex;margin-top:28px;padding:3px;border-radius:10px;background:var(--paper);border:1px solid var(--line);gap:2px}
.seg button{padding:8px 16px;border-radius:7px;font-size:13.5px;font-weight:600;color:var(--ink-2);transition:background .3s,color .3s}
.seg button.on{background:var(--ink);color:var(--print)}
.conv{--k:1px;position:relative;height:calc(440*var(--k));background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.conv::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(244,240,232,.08) 1px,transparent 1px);background-size:22px 22px}
.conv-lab{position:absolute;left:20px;top:18px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;transition:opacity .5s}
.conv-lab.a{color:var(--ink-3)}
.conv-lab.b{color:var(--gold-2);opacity:0}
.conv.u .conv-lab.a{opacity:0}.conv.u .conv-lab.b{opacity:1}
.cc{position:absolute;left:50%;top:50%;width:calc(118*var(--k));height:calc(42*var(--k));display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;border-radius:8px;background:var(--stone);border:1px dashed rgba(244,240,232,.22);color:var(--ink-3);transform:translate(-50%,-50%) translate(calc(var(--sx)*var(--k)),calc(var(--sy)*var(--k))) rotate(var(--sr));transition:transform 1s var(--ease),border-color .6s,box-shadow .6s,color .6s;transition-delay:calc(var(--i)*.06s);z-index:2}
.cc .ico{width:15px;height:15px;color:var(--ink-3);transition:color .6s}
.conv.u .cc{transform:translate(-50%,-50%) translate(calc(var(--ux)*var(--k)),calc(var(--uy)*var(--k))) rotate(0deg);border:1px solid rgba(226,184,64,.55);color:var(--ink);background:#1A1915;box-shadow:0 12px 30px -12px rgba(0,0,0,.8)}
.conv.u .cc .ico{color:var(--gold-2)}
.conv-phi{position:absolute;left:50%;top:50%;width:calc(84*var(--k));height:calc(84*var(--k));border-radius:50%;background:#0C0C0A;border:1px solid rgba(226,184,64,.6);color:var(--gold-2);display:grid;place-items:center;font-family:var(--phi);font-size:calc(52*var(--k));font-weight:500;transform:translate(-50%,-50%) scale(.4);opacity:0;transition:transform .8s var(--ease) .3s,opacity .5s .3s;box-shadow:0 0 0 12px rgba(226,184,64,.08),0 0 0 26px rgba(226,184,64,.035),0 0 60px rgba(226,184,64,.25);z-index:3}
.conv.u .conv-phi{transform:translate(-50%,-50%) scale(1);opacity:1}
.spk{position:absolute;left:50%;top:50%;height:1.5px;width:calc(var(--len)*var(--k));background:var(--gold);transform-origin:0 50%;transform:rotate(var(--a)) translateX(calc(var(--st)*var(--k))) scaleX(0);transition:transform .7s var(--ease);opacity:.7}
.conv.u .spk{transform:rotate(var(--a)) translateX(calc(var(--st)*var(--k))) scaleX(1);transition-delay:.7s}
.hand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(calc(var(--x)*var(--k)),calc(var(--y)*var(--k)));font-family:var(--mono);font-size:11px;color:#E8927A;background:rgba(232,146,122,.1);border:1px solid rgba(232,146,122,.25);padding:3px 8px;border-radius:4px;transition:opacity .4s;z-index:1}
.conv.u .hand{opacity:0}

/* Featured mosaic */
.mosaic{display:grid;grid-template-columns:1.25fr .8fr .8fr;grid-template-rows:auto auto;gap:18px}
.mo{position:relative;display:flex;flex-direction:column;border-radius:12px;background:var(--paper);overflow:hidden;border:1px solid var(--line);transition:border-color .45s var(--ease)}
.mo::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(226,184,64,.07),transparent 70%);opacity:0;transition:opacity .6s var(--ease);pointer-events:none}
.mo:hover{border-color:rgba(226,184,64,.45)}
.mo:hover::before{opacity:1}
.mo-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:34px 24px 20px;min-height:0}
.mo-cap{display:flex;align-items:center;gap:12px;padding:15px 20px;border-top:1px solid var(--line);background:rgba(10,10,8,.5);font-size:14px}
.mo-cap b{font-weight:600;color:var(--ink-2)}
.mo-cap .pill .ico{width:13px;height:13px}
.mo-go{width:18px;height:18px;margin-left:auto;color:var(--ink-3);transition:transform .3s var(--ease),color .3s}
.mo:hover .mo-go{transform:translate(3px,-3px);color:var(--gold-2)}
.mo-car{grid-row:1/3}
.mo-plat{grid-column:2/4}
.fan{position:relative;width:min(100%,380px);aspect-ratio:4/5.25}
.fan-c{position:absolute;left:50%;top:50%;width:74%;aspect-ratio:4/5;container-type:inline-size;border-radius:8px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.85),0 0 0 1px rgba(244,240,232,.07);transition:transform .6s var(--ease)}
.fan-c .sl{height:100%}
.f1{transform:translate(-50%,-50%) rotate(-2deg);z-index:3}
.f2{transform:translate(-50%,-50%) translate(14%,-5%) rotate(5deg);z-index:2}
.f3{transform:translate(-50%,-50%) translate(26%,-9%) rotate(10deg);z-index:1}
.mo-car:hover .f1{transform:translate(-50%,-50%) translate(-14%,3%) rotate(-5deg)}
.mo-car:hover .f2{transform:translate(-50%,-50%) translate(12%,-4%) rotate(4deg)}
.mo-car:hover .f3{transform:translate(-50%,-50%) translate(36%,-10%) rotate(12deg)}
.story.mini{width:min(100%,210px)}
.story.mini:hover{transform:none}
.phone.mini{width:min(100%,190px);border-radius:24px}
.loop3 .rs{animation:loop3 10.5s infinite}
.loop3 .rs:nth-child(2){animation-delay:3.5s}
.loop3 .rs:nth-child(3){animation-delay:7s}
@keyframes loop3{0%{opacity:0}3%,30%{opacity:1}33.3%,100%{opacity:0}}

/* Reel scene visuals shared (camera / montage / end card) */
.rs.cam{background:#1A1915;padding:0}
.rs.cam .subj{position:absolute;left:50%;bottom:0;width:66cqw;height:70cqw;transform:translateX(-50%);background:radial-gradient(circle at 50% 28%,#5A5146 0 17cqw,transparent 17.3cqw),radial-gradient(ellipse at 50% 108%,#4A423A 0 34cqw,transparent 34.3cqw);filter:blur(.4cqw);opacity:.9}
.rs.cam::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,rgba(226,184,64,.22),transparent 60%)}
.vf{position:absolute;inset:14cqw 7cqw 22cqw}
.vf i{position:absolute;width:7cqw;height:7cqw;border-color:rgba(255,255,255,.55);border-style:solid;border-width:0}
.vf i:nth-child(1){left:0;top:0;border-left-width:2px;border-top-width:2px}
.vf i:nth-child(2){right:0;top:0;border-right-width:2px;border-top-width:2px}
.vf i:nth-child(3){left:0;bottom:0;border-left-width:2px;border-bottom-width:2px}
.vf i:nth-child(4){right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}
.rec{position:absolute;top:16cqw;left:10cqw;font-family:var(--mono);font-size:3.2cqw;color:#fff;display:flex;align-items:center;gap:1.6cqw;z-index:3}
.rec::before{content:"";width:2.4cqw;height:2.4cqw;border-radius:50%;background:#E0533B;animation:blink 1s steps(2) infinite}
.rs.mont{background:#0A0A08;padding:18cqw 6cqw}
.mont-g{display:grid;gap:4cqw;width:100%}
.mont-g .w .chart{height:22cqw}
.mont-g .w{color:#F4F0E8;font-size:3cqw}
.rs.endc{background:#F4F0E8;color:#0C0C0A}
.endc-phi{width:22cqw;height:22cqw;border-radius:50%;background:transparent;color:#C8A030;display:grid;place-items:center;font-family:var(--phi);font-size:20cqw;font-weight:500;margin-bottom:5cqw}
.rs.endc p{font-size:9cqw;font-weight:700;line-height:1.05;letter-spacing:-.04em}
.rs.endc p em{color:#8C6A0C;font-style:normal}

.pl-mini{display:grid;grid-template-columns:1fr auto 1.2fr;gap:18px;align-items:center;width:100%;max-width:560px}
.pl-core{background:var(--gold-2);color:var(--print);border-radius:10px;padding:18px}
.pl-core small{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(12,12,10,.6)}
.pl-core b{display:block;font-size:17px;line-height:1.2;letter-spacing:-.025em;margin-top:8px}
.pl-arrows .ico{width:22px;height:22px;color:var(--gold-2)}
.pl-outs{display:grid;gap:7px}
.pl-outs span{display:flex;align-items:center;gap:10px;background:var(--stone);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px;font-weight:600;transition:transform .35s var(--ease),border-color .3s}
.pl-outs em{font-style:normal;width:26px;height:26px;border-radius:6px;border:1px solid rgba(226,184,64,.4);color:var(--gold-2);display:grid;place-items:center;font-size:10.5px;font-weight:800}
.mo-plat:hover .pl-outs span{transform:translateX(4px);border-color:rgba(226,184,64,.45)}
.mo-plat:hover .pl-outs span:nth-child(2){transition-delay:.04s}
.mo-plat:hover .pl-outs span:nth-child(3){transition-delay:.08s}
.mo-plat:hover .pl-outs span:nth-child(4){transition-delay:.12s}
.mo-plat:hover .pl-outs span:nth-child(5){transition-delay:.16s}
.feat-cta{display:flex;justify-content:center;margin-top:40px}

/* More (dark band) */
.more-g{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.more-c{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 26px 30px;border-radius:0;background:transparent;border:0;border-left:1px solid var(--line-dark);transition:background .4s var(--ease)}
.more-c:first-child{border-left:0}
.more-c:hover{background:rgba(226,184,64,.04)}
.more-n{font-family:var(--mono);font-size:12px;color:var(--gold-2)}
.more-c b{font-size:28px;font-weight:600;letter-spacing:-.04em;transition:color .3s}
.more-c:hover b{color:var(--gold-2)}
.more-c p{color:var(--on-dark-2);font-size:14.5px}
.more-v{display:flex;gap:8px;margin-top:14px}
.more-v{display:none!important}
.more-c .mo-go{position:absolute;right:22px;top:24px;color:var(--on-dark-3)}

@media (max-width:1020px){
  .hero-in,.opp-in{grid-template-columns:1fr}
  .hero-r{max-width:640px}
  .fc-2{display:none}
  .mosaic{grid-template-columns:1fr 1fr}
  .mo-car{grid-row:auto;grid-column:1/3}
  .mo-plat{grid-column:1/3}
}
@media (max-width:760px){
  .proof-in{grid-template-columns:1fr 1fr}
  .pf{padding:22px 14px;border-left:0;border-top:1px solid var(--line)}
  .pf:nth-child(-n+2){border-top:0}
  .pf:first-child{padding-left:14px}
  .pf-ico{display:none}
  .pf-n{font-size:36px}
  .conv{--k:.62px}
  .cc{font-size:10.5px;gap:4px}
  .cc .ico{width:11px;height:11px}
  .hand{font-size:9.5px}
  .pw-main{grid-template-columns:1fr}
  .pw-steps{grid-template-columns:repeat(6,1fr);gap:4px}
  .pw-step{flex-direction:column;gap:5px;padding:7px 2px;text-align:center}
  .pw-n{font-size:10px}
  .pw-s{display:none}
  .pw-stage{min-height:210px}
  .fc{display:none}
  .hero-r{padding:0}
  .mosaic{grid-template-columns:1fr}
  .mo-car,.mo-plat{grid-column:auto}
  .pl-mini{grid-template-columns:1fr}
  .pl-arrows{transform:rotate(90deg);justify-self:center}
  .more-g{grid-template-columns:1fr}
  .more-c{border-left:0;border-top:1px solid var(--line-dark)}
  .more-c:first-child{border-top:0}
}

/* ================= STRATEGY ================= */
/* personas */
.per-g{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.per{border-radius:12px;background:var(--paper);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:22px}
.per.dk{background:linear-gradient(160deg,rgba(226,184,64,.08),transparent 55%),var(--paper);color:var(--on-dark);border-color:rgba(226,184,64,.28)}
.per-h{display:flex;gap:16px;align-items:flex-start}
.per-av .ico{width:46px;height:46px;padding:12px;border-radius:50%;border:1px solid var(--line);color:var(--gold-2)}
.per.dk .per-av .ico{border-color:rgba(226,184,64,.4)}
.per-h h3{font-size:1.55rem;margin:8px 0 4px}
.per-h p{font-size:14.5px;color:var(--ink-3)}
.per.dk .per-h p{color:var(--on-dark-3)}
.per-q{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.per-q>div{padding:15px;border-radius:8px;background:var(--ivory);border:1px solid var(--line-2)}
.per.dk .per-q>div{background:rgba(10,10,8,.6);border-color:var(--line-dark)}
.per-q small{font-family:var(--caps);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:9px}
.per.dk .per-q small{color:var(--on-dark-3)}
.per-q small .ico{width:14px;height:14px;color:var(--gold-2)}
.per-q b{font-size:15.5px;font-weight:600;line-height:1.35;display:block}
.per-q .cs{gap:5px}
.per.dk .pill{color:var(--on-dark-2)}
.per-hook{grid-column:1/-1;background:var(--gold-soft)!important;border-color:rgba(226,184,64,.22)!important}
.per-hook b{font-size:19px;font-weight:600;letter-spacing:-.025em}
.per.dk .per-hook{background:var(--gold-2)!important;color:var(--print)}
.per.dk .per-hook small{color:rgba(12,12,10,.6)}
.per.dk .per-hook small .ico{color:var(--print)}

/* pillars */
.mix{display:flex;width:min(100%,420px);height:32px;border-radius:6px;overflow:hidden;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.04em}
.mix span{width:var(--w);display:grid;place-items:center;color:#fff;white-space:nowrap;overflow:hidden}
.mix span:nth-child(1){background:#2E2D27}.mix span:nth-child(2){background:#5A5346}.mix span:nth-child(3){background:var(--gold);color:var(--print)}.mix span:nth-child(4){background:var(--gold-2);color:var(--print)}
.pil-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pil{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:12px;background:var(--ivory);border:1px solid var(--line);transition:border-color .45s var(--ease),background .45s var(--ease)}
.pil:hover{border-color:rgba(226,184,64,.45);background:#0E0E0C}
.pil-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
.pil-n{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.pil-m{width:92px;height:56px;padding:6px;border-radius:8px;background:var(--stone);border:1px solid var(--line-2)}
.pil-m .m1{fill:none;stroke:var(--gold-2);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:0}
.pil-m .m2{fill:none;stroke:rgba(244,240,232,.3);stroke-width:2;stroke-linecap:round}
.pil-m .m3{fill:var(--gold-2)}
.pil-m rect.m1{fill:rgba(226,184,64,.28)}
.pil:hover .pil-m .m1{animation:drawln 1.2s var(--ease)}
.pil h3{font-family:var(--caps);font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}
.pil p{font-size:18px;line-height:1.25;font-weight:600;letter-spacing:-.025em;min-height:48px}
.pil .cs{gap:5px}
.pil .pill{font-size:11.5px}
.pil-bar{margin-top:auto;padding-top:14px;display:grid;gap:6px}
.pil-bar i{display:block;height:2px;border-radius:0;background:var(--stone-2);position:relative;overflow:hidden}
.pil-bar i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:var(--gold-2)}
.pil-bar em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--ink-3);font-weight:500}

/* journey */
.jr{--jp:0;border-radius:12px;background:var(--ivory);border:1px solid var(--line);padding:clamp(22px,3vw,36px)}
.jr-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.jr-line{position:absolute;left:10%;right:10%;top:28px;height:1px;background:var(--stone-2)}
.jr-line i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--jp)*100%);background:var(--gold-2);transition:width .6s var(--ease)}
.jr-track button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}
.jr-track b{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:14px;font-weight:500;background:var(--ivory);border:1px solid var(--stone-2);transition:all .4s var(--ease)}
.jr-track span{font-weight:700;font-size:14.5px;color:var(--ink-3);transition:color .3s}
.jr-track button.past b{border-color:var(--gold);color:var(--gold-2)}
.jr-track button.on b{background:var(--gold-2);border-color:var(--gold-2);color:var(--print);transform:scale(1.1);box-shadow:0 0 0 8px rgba(226,184,64,.1),0 0 40px rgba(226,184,64,.3)}
.jr-track button.on span{color:var(--ink)}
.jr-panes{position:relative;margin-top:30px;min-height:120px}
.jr-p{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.5fr .8fr;gap:18px;align-items:start;padding:22px;border-radius:10px;background:var(--paper);border:1px solid var(--line-2);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s var(--ease);pointer-events:none}
.jr-p.on{opacity:1;transform:none;pointer-events:auto;position:relative}
.jr-p small{font-family:var(--caps);display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.jr-p .pill .ico{width:13px;height:13px;color:var(--gold-2)}
.jr-ex b{font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.025em}
.jr-m{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px}
.jr-m .ico{width:18px;height:18px;color:var(--gold-2)}

/* series */
.ser-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ser{display:flex;flex-direction:column;gap:12px;padding:12px 12px 22px;border-radius:12px;background:var(--paper);border:1px solid var(--line);transition:border-color .45s var(--ease)}
.ser:hover{border-color:rgba(226,184,64,.45)}
.ser h3,.ser p,.ser-t{padding:0 8px}
.ser h3{font-size:1.3rem;margin-top:6px}
.ser p{font-size:14.5px;color:var(--ink-2)}
.ser-t{display:flex;flex-wrap:wrap;gap:6px}
.ser-t .pill .ico{width:13px;height:13px}
.ser-v{height:128px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;position:relative}
.v1{background:#0C0C0A;color:var(--gold-2);border:1px solid var(--line-2)}
.v1 span{font-family:var(--phi);font-size:64px;font-weight:500}
.v1 em{font-style:normal;font-family:var(--mono);font-size:13px;color:var(--on-dark-2);border:1px solid var(--line-dark);padding:4px 9px;border-radius:5px}
.v2{background:#0C0C0A;border:1px solid var(--line-2)}
.code-mini{font-family:var(--mono);color:#A9C79F;font-size:20px}
.ser:hover .code-mini{animation:blink 1s steps(2) 3}
.v3{background:#F4F0E8}
.one{font-family:var(--caps);font-size:58px;font-weight:800;color:var(--print);line-height:1;letter-spacing:-.04em}
.one+.one{color:var(--gold)}
.v4{background:var(--gold-2);color:var(--print)}
.v4 span{font-family:var(--caps);font-size:58px;font-weight:800;letter-spacing:-.04em}
.v5{background:#F4F0E8}
.v5 .ico{width:50px;height:50px;color:var(--print)}
.v6{background:#0C0C0A;border:1px solid var(--line-2);flex-direction:column;gap:7px}
.v6 i{display:block;height:7px;border-radius:1px;background:var(--gold-2)}
.v6 i:nth-child(1){width:130px;opacity:.9}.v6 i:nth-child(2){width:100px;opacity:.6}.v6 i:nth-child(3){width:150px;opacity:.4}.v6 i:nth-child(4){width:80px;opacity:.25}

/* measurement */
.ms{display:grid;grid-template-columns:auto 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.lp{--lpr:0deg;position:relative;width:min(400px,86vw);aspect-ratio:1}
.lp-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.lp-ring circle{fill:none;stroke:var(--line-dark);stroke-width:1}
.lp-ring .lp-arc{stroke:var(--gold-2);stroke-width:2;stroke-linecap:round;stroke-dasharray:122.5 490;transform-origin:100px 100px;transform:rotate(calc(var(--lpr) - 45deg));transition:transform .8s var(--ease)}
.lp-n{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--on-dark-3);transform:translate(-50%,-50%);transition:color .3s}
.lp-n span{width:58px;height:58px;border-radius:50%;background:var(--night);border:1px solid var(--line);display:grid;place-items:center;transition:all .4s var(--ease)}
.lp-n .ico{width:22px;height:22px}
.lp-n.on{color:var(--on-dark)}
.lp-n.on span{background:var(--gold-2);border-color:var(--gold-2);color:var(--print);transform:scale(1.1);box-shadow:0 0 0 10px rgba(226,184,64,.08),0 0 40px rgba(226,184,64,.35)}
.n0{left:50%;top:11%}.n1{left:89%;top:50%}.n2{left:50%;top:89%}.n3{left:11%;top:50%}
.lp-c{position:absolute;inset:30%;display:grid;place-items:center;text-align:center}
.lp-i{grid-area:1/1;font-size:18px;line-height:1.25;font-weight:600;letter-spacing:-.025em;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--ease)}
.lp-i.on{opacity:1;transform:none}
.score{border-radius:12px;background:var(--night-2);border:1px solid var(--line-dark);padding:28px}
.score-h{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin-bottom:18px}
.score-g{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--line-dark)}
.score-g small{font-family:var(--caps);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-3)}
.score-g span{position:relative;display:block;padding:9px 14px;border-radius:6px;font-size:14px;font-weight:600;background:var(--night-3);overflow:hidden;z-index:0}
.score-g span::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(226,184,64,.18);z-index:-1;transition:width 1.4s var(--ease)}
.score.in .score-g span::before{width:var(--w)}
.score-g span.hi::before{background:rgba(226,184,64,.45)}
.score-note{font-size:12px;color:var(--on-dark-3);margin-top:12px}

@media (max-width:1020px){
  .per-g{grid-template-columns:1fr}
  .pil-g{grid-template-columns:1fr 1fr}
  .ser-g{grid-template-columns:1fr 1fr}
  .ms{grid-template-columns:1fr;justify-items:center}
  .score{width:100%}
}
@media (max-width:640px){
  .per-q{grid-template-columns:1fr}
  .pil-g,.ser-g{grid-template-columns:1fr}
  .jr-track b{width:44px;height:44px;font-size:12px}
  .jr-line{top:22px}
  .jr-track span{font-size:11px}
  .jr-p{grid-template-columns:1fr;gap:14px}
  .lp-i{font-size:15px}
  .lp-n span{width:46px;height:46px}
}
.per-q>div:first-child{grid-column:1/-1}

.wfd{position:relative;display:flex;gap:30px;align-items:center}
.wfd::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--print);opacity:.35}
.wfd i{position:relative;width:12px;height:12px;border-radius:50%;background:var(--print)}
.wfd i.p{width:30px;height:30px;background:var(--gold);box-shadow:0 0 0 8px rgba(200,160,48,.2)}
.ser:hover .wfd i.p{animation:pulse 1.4s 2}
.per-av{flex-shrink:0}

/* ================= WORK ================= */
.wk-hero{padding-bottom:28px}

/* jump bar */
.jumpbar{position:sticky;top:var(--nav-h);z-index:50;background:rgba(10,10,8,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-2);border-top:1px solid var(--line-2)}
.jumpbar-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:9px;padding-bottom:9px}
.jumpbar-in::-webkit-scrollbar{display:none}
.jumpbar a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:7px;font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:background .2s,color .2s}
.jumpbar a .ico{width:15px;height:15px;color:var(--ink-3)}
.jumpbar a span{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);padding:0 2px}
.jumpbar a:hover{background:var(--stone)}
.jumpbar a.on{background:var(--stone);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(226,184,64,.35)}
.jumpbar a.on .ico{color:var(--gold-2)}
.jumpbar a.on span{color:var(--gold-2)}

.funnel-mini{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.funnel-mini span{padding:6px 11px;border:1px solid var(--line);border-radius:5px}
.funnel-mini .ico{width:14px;height:14px;color:var(--gold-2)}

/* carousel article */
.car{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center;padding:clamp(28px,4vw,44px) 0;border-top:1px solid var(--line)}
.car:first-of-type{border-top:0;padding-top:0}
.car.flip{grid-template-columns:minmax(0,1fr) minmax(0,500px)}
.car.flip .cv{order:2}
.car-meta{max-width:420px}
.car.flip .car-meta{justify-self:end}
.car-no{font-family:var(--caps);font-size:88px;line-height:.8;font-weight:800;letter-spacing:-.05em;color:transparent;background:linear-gradient(180deg,var(--gold-2),rgba(226,184,64,.08));-webkit-background-clip:text;background-clip:text;display:block;margin-bottom:24px}
.car-meta h3{font-size:clamp(1.5rem,2.2vw,1.95rem);line-height:1.14;letter-spacing:-.035em;margin-bottom:26px}
.car-meta dl{display:grid;gap:0;border-top:1px solid var(--line)}
.car-meta dl div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.car-meta dt{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding-top:3px}
.car-meta dd{font-size:15px;font-weight:600}
.car-hint{display:flex;align-items:center;gap:6px;margin-top:20px;font-size:13px;color:var(--ink-3)}
.car-hint .ico{width:15px;height:15px}

/* slide sub-components */
.chartbox{color:inherit}
.chartbox .chart{height:30cqw}
.nrs{display:grid;gap:.4cqw}
.nr{display:flex;gap:2cqw;align-items:flex-start;padding:1.6cqw 0;border-bottom:1px solid rgba(20,18,15,.07)}
.nr:last-child{border:0}
.nr>i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:rgba(20,18,15,.25);margin-top:1.1cqw;flex-shrink:0}
.nr>i.g{background:#C8A030}
.nr b{display:block;font-size:2.7cqw;font-weight:600;line-height:1.3}
.nr small{font-size:2.1cqw;opacity:.55}
.vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3cqw;width:100%}
.vs>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2cqw;padding:4cqw 2cqw;border-radius:2.4cqw;border:1px solid rgba(244,240,232,.14)}
.vs b{font-size:3cqw}
.vs small{font-size:2.3cqw;opacity:.6}
.vs-b{background:rgba(226,184,64,.12);border-color:rgba(226,184,64,.4)!important}
.bub{width:12cqw;height:12cqw;border-radius:3cqw;background:rgba(244,240,232,.08);display:grid;place-items:center;margin-bottom:1cqw}
.bub .ico{width:6cqw;height:6cqw;color:#F4F0E8}
.gridm{display:grid;grid-template-columns:repeat(3,3.6cqw);gap:.8cqw;margin-bottom:1cqw}
.gridm i{height:3.6cqw;border-radius:.8cqw;background:rgba(226,184,64,.35);display:grid;place-items:center;font-family:var(--phi);font-style:normal;font-size:3cqw;font-weight:500;color:#0C0C0A}
.gridm i.p{background:#E2B840}
.vs-x{font-family:var(--mono);font-size:3cqw;letter-spacing:.1em;color:#E2B840}
.orbit5{display:grid;gap:4cqw;width:100%;justify-items:center}
.chatw{width:100%}
.bb{font-size:2.5cqw;padding:1.6cqw 2.2cqw;border-radius:2cqw;background:rgba(244,240,232,.07);margin-top:1.2cqw;max-width:85%;line-height:1.35}
.bb.me{margin-left:auto;background:#E2B840;color:#0C0C0A;font-weight:600}
.w .bb{background:rgba(20,18,15,.05)}
.t-dark .w .bb,.st.dk .w .bb{background:rgba(244,240,232,.07)}
.w .bb.me{background:#E2B840;color:#0C0C0A}
.wfl{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw;width:100%}
.wfl li{display:flex;align-items:center;gap:2cqw;padding:2.2cqw;border-radius:1.8cqw;border:1px solid rgba(244,240,232,.14);font-size:2.9cqw;font-weight:600}
.wfl b{width:5cqw;height:5cqw;border-radius:50%;background:#E2B840;color:#0C0C0A;display:grid;place-items:center;font-family:var(--mono);font-size:2.4cqw;flex-shrink:0}
.gap{display:grid;grid-template-columns:1fr auto 1fr;gap:2cqw;align-items:center;width:100%}
.gap-arrows{display:grid;gap:1.4cqw}
.gap-arrows span{font-family:var(--mono);font-size:2.2cqw;padding:.8cqw 1.6cqw;border-radius:1cqw;background:rgba(224,120,90,.18);color:#F0B4A0;position:relative}
.gap-tools{display:grid;gap:1.4cqw}
.gap-tools .tt{font-size:2.4cqw}
.env{width:100%;border-radius:2.4cqw;border:1px solid rgba(226,184,64,.45);background:rgba(226,184,64,.06);overflow:hidden}
.env-bar{display:flex;align-items:center;gap:1.6cqw;padding:2cqw 2.6cqw;font-size:2.5cqw;font-weight:700;border-bottom:1px solid rgba(226,184,64,.25)}
.env-bar span{width:4.6cqw;height:4.6cqw;border-radius:50%;background:#0C0C0A;color:#E2B840;display:grid;place-items:center;font-family:var(--phi);font-size:3.4cqw;box-shadow:0 0 0 .3cqw #E2B840}
.env-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;padding:2.6cqw}
.env-g span{display:flex;flex-direction:column;align-items:center;gap:1.2cqw;padding:2.4cqw 1cqw;border-radius:1.6cqw;background:rgba(244,240,232,.05);font-size:2.4cqw;font-weight:600}
.env-g .ico{width:4cqw;height:4cqw;color:#E2B840}
.ana{display:grid;grid-template-columns:1fr auto 1fr;gap:2.4cqw;align-items:center;width:100%}
.ana .code{font-size:2.3cqw;padding:2.4cqw}
.ana-a .ico{width:4.4cqw;height:4.4cqw;color:#E2B840}
.fanin{display:grid;grid-template-columns:auto 14cqw auto;align-items:center;gap:0;width:100%;justify-content:center}
.fanin-l{display:grid;gap:1.6cqw}
.fanin-s{width:14cqw;height:36cqw}
.fanin-s path{fill:none;stroke:#0C0C0A;stroke-width:.5;opacity:.45;vector-effect:non-scaling-stroke}
.stackb{display:grid;gap:1.5cqw;width:82%}
.stackb span{display:flex;align-items:center;gap:2cqw;padding:2.2cqw 3cqw;border-radius:1.8cqw;background:rgba(255,255,255,.7);border:1px solid rgba(20,18,15,.1);font-size:2.9cqw;font-weight:600}
.stackb span .ico{width:3.6cqw;height:3.6cqw;color:#6B5310}
.stackb b{margin-top:1.4cqw;text-align:center;padding:2.8cqw;border-radius:1.8cqw;background:#0C0C0A;color:#F4F0E8;font-size:3cqw}
.iter{position:relative;display:flex;flex-direction:column;align-items:center;gap:2cqw}
.iter-c{width:22cqw;height:22cqw;border-radius:50%;border:1.5px dashed #0C0C0A;display:grid;place-items:center;margin-bottom:2cqw}
.iter-c .ico{width:9cqw;height:9cqw;animation:spin 8s linear infinite;color:#4A3A0A}
.iter .c{font-size:2.9cqw}
.tgl{display:grid;gap:1.4cqw;width:88%}
.tgl>div{display:flex;justify-content:space-between;align-items:center;padding:2.2cqw 2.8cqw;border-radius:1.8cqw;background:rgba(255,255,255,.7);border:1px solid rgba(20,18,15,.1);font-size:2.8cqw;font-weight:600}
.tgl span{display:flex;align-items:center;gap:2cqw}
.tgl span .ico{width:3.6cqw;height:3.6cqw;color:#6B5310}
.tgl i{width:7.6cqw;height:4.2cqw;border-radius:99px;background:#0C0C0A;position:relative}
.tgl i::after{content:"";position:absolute;right:.6cqw;top:.6cqw;width:3cqw;height:3cqw;border-radius:50%;background:#E2B840}
.tgl i.off{background:rgba(20,18,15,.18)}
.tgl i.off::after{right:auto;left:.6cqw;background:#fff}
.agent-spark{color:#F4F0E8;margin-top:2cqw}
.agent-spark .chart{height:10cqw}
.agent-spark .chart .eq{stroke-width:1.4}

/* stories */
.stories{display:grid;grid-template-columns:repeat(3,minmax(0,300px));gap:clamp(24px,4vw,56px) clamp(20px,3vw,44px);justify-content:center}
.stf figcaption{display:flex;align-items:baseline;gap:10px;margin-top:16px;font-size:14px}
.stf figcaption .mono{font-size:12px;color:var(--gold-2)}
.stf figcaption b{font-weight:600}
.stf figcaption small{margin-left:auto;font-size:12px;color:var(--ink-3)}
.scat.s1{width:88cqw;height:42cqw;margin:0 auto 6cqw}
.scat.s1 .tt{font-size:3.2cqw;padding:2cqw 2.8cqw}
.scat.s1 .tt .ico{width:4cqw;height:4cqw}
.s2-hub,.s3-hub{position:relative;display:flex;justify-content:center;margin:-2cqw -5cqw 4cqw}
.s2-hub .hub,.s3-hub .hub{--s:1.2}
.ftag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(calc(var(--x)*1cqw),calc(var(--y)*1cqw));font-family:var(--mono);font-size:2.8cqw;padding:.6cqw 1.8cqw;border-radius:1cqw;background:#F6E3DC;color:#9A4A33;z-index:4;animation:ftag 3s ease-in-out infinite;animation-delay:calc(var(--y)*.05s)}
@keyframes ftag{0%,100%{opacity:0;scale:.8}20%,70%{opacity:1;scale:1}}
.hub.seq .hub-n .tt{animation:hl 6s infinite;animation-delay:calc(var(--i)*1s)}
.hub.seq svg.sp line{animation:hll 6s infinite}
.hub.seq svg.sp line:nth-child(2){animation-delay:1s}.hub.seq svg.sp line:nth-child(3){animation-delay:2s}.hub.seq svg.sp line:nth-child(4){animation-delay:3s}.hub.seq svg.sp line:nth-child(5){animation-delay:4s}.hub.seq svg.sp line:nth-child(6){animation-delay:5s}
@keyframes hl{0%,15%{background:var(--hlb,#0C0C0A);color:var(--hlc,#F4F0E8);border-color:var(--hlb,#0C0C0A);transform:scale(1.06)}19%,100%{background:var(--ttb,#fff);color:var(--ttc,#0C0C0A);border-color:var(--ttl,rgba(20,18,15,.09));transform:none}}
@keyframes hll{0%,15%{opacity:1;stroke-width:.8}19%,100%{opacity:.55;stroke-width:.35}}

/* reels */
.reel{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center;padding:clamp(24px,3vw,40px) 0}
.reel+.reel{border-top:1px solid var(--line);margin-top:24px;padding-top:56px}
.reel.flip{grid-template-columns:minmax(0,1fr) minmax(0,330px)}
.reel.flip .reel-ph{order:2}
.phone{cursor:pointer}
.reel-lab{font-family:var(--mono);font-size:11.5px;color:var(--gold-2);letter-spacing:.14em;text-transform:uppercase}
.reel-info h3{font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.14;letter-spacing:-.035em;margin:12px 0 18px;max-width:560px}
.reel-tags{margin-bottom:24px}
.scn{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:600px}
.scn button{width:100%;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--paper);transition:border-color .25s,background .25s}
.scn button span{grid-row:1/3;font-family:var(--mono);font-size:12px;color:var(--ink-3);padding-top:2px}
.scn button b{font-size:14px}
.scn button small{font-size:12.5px;color:var(--ink-3);line-height:1.35}
.scn button:hover{border-color:rgba(244,240,232,.3)}
.scn button.on{background:rgba(226,184,64,.08);color:var(--ink);border-color:rgba(226,184,64,.55)}
.scn button.on span{color:var(--gold-2)}
.scn button.on small{color:var(--ink-2)}
.kv{display:flex;gap:32px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);max-width:600px}
.kv small{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}
.kv b{font-size:15px}
.cam-tag{position:absolute;top:24cqw;left:10cqw;font-size:2.8cqw;font-weight:600;color:rgba(255,255,255,.75);z-index:3;background:rgba(0,0,0,.3);padding:.8cqw 2cqw;border-radius:99px}
.rs.zoom .subj{transform:translateX(-50%) scale(1.14);transform-origin:50% 100%}
.rs.cuts{background:#0A0A08;padding:0}
.cut{position:absolute;inset:18cqw 7cqw 48cqw;opacity:0;display:flex;flex-direction:column;gap:2cqw}
.cut .w{font-size:3.2cqw;color:#F4F0E8;background:#1B1B18;border-color:rgba(244,240,232,.12)}
.cut .w-b .chart{height:30cqw}
.cut .code{font-size:3.4cqw}
.cut .bb{font-size:3.2cqw}
.cut .sheet{font-size:3cqw}
.cut .sheet span{border-color:rgba(244,240,232,.1)}
.cut .tk-r{background:rgba(244,240,232,.06);font-size:3.2cqw}
.cut .tk-b span{background:#E2B840;color:#0C0C0A;font-size:3.2cqw}
.cut .tk-b span+span{background:transparent;color:#F4F0E8;border-color:rgba(244,240,232,.3)}
.cut-n{font-family:var(--mono);font-size:3cqw;color:#E2B840}
.rs.cuts.on .cut{animation:cut 3s steps(1) infinite}
.rs.cuts.on .cut:nth-child(2){animation-delay:.5s}.rs.cuts.on .cut:nth-child(3){animation-delay:1s}.rs.cuts.on .cut:nth-child(4){animation-delay:1.5s}.rs.cuts.on .cut:nth-child(5){animation-delay:2s}.rs.cuts.on .cut:nth-child(6){animation-delay:2.5s}
.rs.cuts .cut:first-child{opacity:1}
@keyframes cut{0%{opacity:1}16.66%,100%{opacity:0}}
.rs.over{background:#0A0A08}
.over-bg{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(244,240,232,.03) 0 2px,transparent 2px 5px)}
.over-t{position:relative;z-index:2;font-family:var(--caps);font-size:10.5cqw;line-height:1;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-align:center}
.over-t em{display:block;font-style:normal;color:#E2B840}
.rs.over.on .over-t{animation:punch .6s var(--ease) both}
@keyframes punch{from{opacity:0;transform:scale(1.25)}}
.rs.flowsc{background:#0A0A08;color:#F4F0E8;padding:0}
.rs.flowsc .hub{--s:1.24;margin-top:-14cqw}
.rs.flowsc .hub{--ttb:#1B1B18;--ttc:#F4F0E8;--ttl:rgba(244,240,232,.14);--hlb:#E2B840;--hlc:#0C0C0A}
.rs.flowsc .hub .tt{background:#1B1B18;color:#F4F0E8;border-color:rgba(244,240,232,.14)}
.rs.flowsc .hub-c{background:#E2B840;color:#0C0C0A}
.rs.dkend{background:#0A0A08;color:#F4F0E8}
.rs.dkend .endc-phi{color:#E2B840}
.rs.dkend p{font-size:9.6cqw;font-weight:700;line-height:1.04;letter-spacing:-.04em}
.rs.dkend p em{color:#E2B840;font-style:normal}
.rs.dkend small{margin-top:6cqw;font-size:3.4cqw;opacity:.7}
.rs.endc.on .endc-phi,.rs.r2-end.on .endc-phi{animation:punch .7s var(--ease) both}

/* reel 2: light product UI */
.phone.lightp{background:#F4F0E8}
.rs.r2-title{background:#F4F0E8;color:#0C0C0A}
.r2-k{font-family:var(--mono);font-size:2.9cqw;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#6B5310;margin-bottom:4cqw}
.rs.r2-title p{font-family:var(--caps);font-size:11cqw;font-weight:800;line-height:1;letter-spacing:-.02em;text-transform:uppercase}
.rs.r2-title small{font-size:4.4cqw;margin-top:4cqw;opacity:.6}
.rs.r2-title.on p{animation:punch .7s var(--ease) both}
.rs.r2-app{background:#EAE5DA;padding:22cqw 5cqw 30cqw;justify-content:flex-start;color:#0C0C0A}
.app{width:100%;background:#fff;border-radius:3cqw;box-shadow:0 3cqw 8cqw -2cqw rgba(20,18,15,.25);padding:3.6cqw;text-align:left;border:1px solid rgba(20,18,15,.08)}
.app-bar{display:flex;align-items:center;gap:2cqw;font-size:3cqw;font-weight:700;margin-bottom:3.6cqw}
.app-bar span{width:6cqw;height:6cqw;border-radius:50%;background:#0C0C0A;color:#E2B840;display:grid;place-items:center;font-family:var(--phi);font-size:4.2cqw}
.app .prompt{font-size:3.3cqw;box-shadow:none;background:#FBF8F0}
.app .prompt>i{width:6cqw;height:6cqw;font-size:3.4cqw}
.typed{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;border-right:.4cqw solid #C8A030}
.rs.on .typed{animation:type 2.6s steps(29) .3s forwards}
@keyframes type{to{max-width:60cqw}}
.app-ph{margin-top:4cqw;opacity:.6}
.cursor{position:absolute;width:6cqw;height:6cqw;left:30cqw;top:70cqw;fill:#0C0C0A;stroke:#fff;stroke-width:1.2;z-index:3}
.rs.on .cursor{animation:cursor 4.5s var(--ease) both}
@keyframes cursor{0%{transform:translate(0,0)}60%{transform:translate(48cqw,-26cqw)}70%{transform:translate(48cqw,-26cqw) scale(.85)}80%,100%{transform:translate(48cqw,-26cqw)}}
.r2-stage{display:flex;align-items:center;gap:2cqw;font-size:4.6cqw;font-weight:700;letter-spacing:-.03em;margin-bottom:3.6cqw}
.r2-stage b{font-family:var(--mono);font-size:2.8cqw;font-weight:500;background:#0C0C0A;color:#E2B840;padding:.6cqw 1.8cqw;border-radius:99px}
.r2-stage em{margin-left:auto;font-family:var(--sans);font-style:normal;font-size:2.6cqw;font-weight:600;color:#6B5310}
.r2-src{display:grid;gap:2.2cqw}
.r2-src>div{display:grid;grid-template-columns:1fr 20cqw;align-items:center;gap:2cqw;font-size:3.1cqw;font-weight:600}
.r2-src span{display:flex;align-items:center;gap:1.6cqw}
.r2-src .ico{width:3.6cqw;height:3.6cqw;color:#6B5310}
.r2-src i{height:1.4cqw;border-radius:9px;background:rgba(20,18,15,.1);position:relative;overflow:hidden}
.r2-src i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:#C8A030;border-radius:9px}
.rs.on .r2-src i::after{animation:grow 1.2s var(--ease) both;animation-delay:calc(var(--i,0)*.15s + .4s)}
@keyframes grow{from{width:0}}
.app .stackb{width:100%}
.app .stackb span{font-size:3.2cqw;background:#FBF8F0}
.app .stackb b{font-size:3.3cqw}
.r2-chart{color:#0C0C0A}
.r2-chart .chart{height:38cqw}
.app .sld>div{grid-template-columns:22cqw 1fr 9cqw;font-size:3cqw}
.app .tgl{width:100%}
.app .tgl>div{font-size:3.2cqw;background:#FBF8F0}
.app .tgl i{width:9cqw;height:5cqw}
.app .tgl i::after{width:3.8cqw;height:3.8cqw}
.rs.on .tgl i::after{animation:tog .5s var(--ease) both;animation-delay:calc(var(--i,0)*.3s + .5s)}
@keyframes tog{from{right:4.6cqw;background:#fff}}
.rs.r2-end{background:#F4F0E8;color:#0C0C0A}
.rs.r2-end p{font-size:9cqw;font-weight:700;line-height:1.05;letter-spacing:-.04em}
.rs.r2-end p em{color:#8C6A0C;font-style:normal}

/* platforms */
.plat{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:stretch}
.core{padding:22px;border-radius:10px;background:var(--gold-2);color:var(--print);margin-bottom:14px}
.core small{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;opacity:.65}
.core b{display:block;font-size:20px;line-height:1.2;letter-spacing:-.03em;margin-top:8px}
.pf-list{display:grid;gap:6px}
.pf-list button{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:9px;border:1px solid var(--line-dark);text-align:left;transition:background .25s,border-color .25s}
.pf-list button em{font-style:normal;width:38px;height:38px;border-radius:8px;background:var(--night-3);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--on-dark);flex-shrink:0;transition:background .25s,color .25s}
.pf-list button b{display:block;font-size:15px}
.pf-list button small{font-size:13px;color:var(--on-dark-3)}
.pf-list button .ico{margin-left:auto;width:16px;height:16px;opacity:0;transition:opacity .25s,transform .25s}
.pf-list button:hover{border-color:rgba(244,240,232,.3)}
.pf-list button.on{background:rgba(226,184,64,.06);border-color:rgba(226,184,64,.5)}
.pf-list button.on em{background:var(--gold-2);color:var(--print)}
.pf-list button.on .ico{opacity:1;color:var(--gold-2)}
.plat-r{position:relative;min-height:520px;border-radius:12px;background:var(--night-2);border:1px solid var(--line-dark);overflow:hidden}
.plat-r::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(244,240,232,.06) 1px,transparent 1px);background-size:20px 20px}
.pane{position:absolute;inset:0;display:grid;grid-template-columns:auto 200px;gap:36px;align-items:center;justify-content:center;padding:32px;opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease),transform .45s var(--ease);pointer-events:none}
.pane.on{opacity:1;transform:none;pointer-events:auto}
.pane-note b{font-size:24px;letter-spacing:-.035em;display:block;margin-bottom:6px}
.pane-note p{color:var(--on-dark-2);font-size:14.5px}
.av{width:30px;height:30px;border-radius:50%;background:#0C0C0A;color:#E2B840;display:grid;place-items:center;font-family:var(--phi);font-weight:500;font-size:20px;flex-shrink:0}
.igpost{width:300px;background:#fff;color:var(--print);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.igp-h{display:flex;align-items:center;gap:9px;padding:10px 12px;font-size:13px}
.igp-h small{margin-left:auto;font-size:11.5px;color:var(--print-3)}
.mini-sl{container-type:inline-size;aspect-ratio:4/5}
.mini-sl .sl{height:100%}
.igp-a{display:flex;align-items:center;gap:12px;padding:10px 12px 4px}
.igp-a .ico{width:21px;height:21px}
.igp-a .dots{display:flex;gap:4px;margin:0 auto}
.igp-a .dots i{width:6px;height:6px;border-radius:50%;background:#D5D0C6}
.igp-a .dots i.on{background:#3A7BD5}
.igp-a .ico:last-child{margin-left:0}
.igp-c{font-size:12.5px;padding:4px 12px 14px;line-height:1.45}
.ttv{position:relative;width:250px;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#0D0C0A;color:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);display:flex;flex-direction:column;justify-content:center;padding:22px}
.ttv-t{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:center;gap:16px;font-size:13px;opacity:.9}
.ttv-t span{opacity:.6}
.ttv-t b{border-bottom:2px solid #fff;padding-bottom:3px}
.ttv-hook{font-weight:800;font-size:21px;line-height:1.2;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.4)}
.ttv-hook em{font-style:normal;color:#E2B840}
.ttv-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;padding-right:34px}
.ttv-apps span{aspect-ratio:1;border-radius:10px;background:#1B1B18;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1)}
.ttv-apps .ico{width:20px;height:20px;color:#E2B840}
.pane.on .ttv-apps span{animation:popin .45s var(--ease) both}
.pane.on .ttv-apps span:nth-child(2){animation-delay:.08s}.pane.on .ttv-apps span:nth-child(3){animation-delay:.16s}.pane.on .ttv-apps span:nth-child(4){animation-delay:.24s}.pane.on .ttv-apps span:nth-child(5){animation-delay:.32s}.pane.on .ttv-apps span:nth-child(6){animation-delay:.4s}
.ttv-side{position:absolute;right:12px;bottom:90px;display:grid;gap:16px}
.ttv-side .ico{width:22px;height:22px}
.ttv-b{position:absolute;left:16px;bottom:18px;right:50px;font-size:13px}
.ttv-b small{display:flex;align-items:center;gap:6px;font-size:11.5px;opacity:.8;margin-top:4px}
.ttv-b .ico{width:13px;height:13px}
.xth{width:380px;background:#000;border-radius:16px;border:1px solid #2A2A2A;padding:6px 16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.xt{display:flex;gap:11px;padding:14px 0;position:relative}
.xt+.xt{border-top:1px solid #222}
.xt:not(:last-child)::after{content:"";position:absolute;left:14.5px;top:48px;bottom:-12px;width:2px;background:#333}
.xt+.xt{border-top:0}
.xt .av{background:#0C0C0A}
.xt b{font-size:14px;color:#fff}
.xt b small{font-weight:400;color:#71767B;font-size:13px}
.xt p{font-size:14px;color:#E7E9EA;line-height:1.45;margin-top:3px}
.pane.on .xt{animation:popin .5s var(--ease) both}
.pane.on .xt:nth-child(2){animation-delay:.15s}.pane.on .xt:nth-child(3){animation-delay:.3s}
.lip{width:380px;background:#fff;color:var(--print);border-radius:12px;padding:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.lip-h{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.lip-h b{display:block;font-size:14px}
.lip-h small{font-size:12px;color:var(--print-3)}
.lip p{font-size:14px;line-height:1.5;margin-bottom:8px}
.lip-img{container-type:inline-size;margin-top:12px;border-radius:6px;background:#0C0C0A;padding:24px 10px;color:#F4F0E8}
.lip-img .flow span{font-size:2.6cqw}
.ytv{width:400px}
.yt-thumb{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0A0A08;display:flex;align-items:center;gap:22px;padding:0 30px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);border:1px solid var(--line-dark)}
.yt-phi{width:86px;height:86px;border-radius:50%;border:1.5px solid var(--gold-2);color:var(--gold-2);display:grid;place-items:center;font-family:var(--phi);font-size:62px;font-weight:500;flex-shrink:0}
.yt-thumb p{font-family:var(--caps);font-weight:800;font-size:30px;line-height:1;color:#fff;letter-spacing:-.02em;text-transform:uppercase}
.yt-thumb p em{font-style:normal;color:var(--gold-2)}
.yt-d{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:700;background:rgba(0,0,0,.8);color:#fff;padding:2px 5px;border-radius:4px}
.yt-title{display:block;font-size:15px;margin-top:12px;line-height:1.35}
.yt-m{font-size:12.5px;color:var(--on-dark-3)}

/* profile */
.prof{display:grid;grid-template-columns:1fr 380px;gap:clamp(32px,6vw,90px);align-items:center}
.prof-l h2{margin:16px 0 24px;max-width:440px}
.prof-notes{display:grid;gap:12px}
.prof-notes li{display:flex;gap:12px;align-items:center;font-size:15.5px;font-weight:500}
.prof-notes .ico{width:18px;height:18px;color:var(--gold-2)}
.igprof{background:#fff;color:var(--print);border-radius:16px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
.igpr-top{display:flex;align-items:center;gap:18px}
.igpr-av{width:68px;height:68px;border-radius:50%;background:#0C0C0A;color:#E2B840;display:grid;place-items:center;font-family:var(--phi);font-size:46px;font-weight:500;box-shadow:0 0 0 3px #fff,0 0 0 5px #E2B840;flex-shrink:0}
.igpr-top b{font-size:17px}
.igpr-btns{display:flex;gap:6px;margin-top:8px}
.igpr-btns span{font-size:13px;font-weight:600;padding:6px 16px;border-radius:8px;background:#EFEFEF}
.igpr-btns span:first-child{background:#3A7BD5;color:#fff}
.igpr-bio{margin-top:14px;font-size:13.5px;line-height:1.45}
.igpr-bio small{display:block;color:var(--print-3);font-size:12.5px}
.igpr-link{display:inline-flex;align-items:center;gap:5px;color:#2A5DA8;font-weight:600;margin-top:2px}
.igpr-link .ico{width:14px;height:14px}
.igpr-hl{display:flex;gap:12px;margin-top:16px;overflow:hidden}
.igpr-hl span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11.5px;font-weight:500}
.igpr-hl i{width:54px;height:54px;border-radius:50%;border:1.5px solid #DBDBDB;display:grid;place-items:center;font-style:normal;font-family:var(--phi);font-size:26px;color:#E2B840;background:#0C0C0A}
.igpr-hl i .ico{width:20px;height:20px}
.igpr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:16px;border-radius:6px;overflow:hidden}
.igpr-grid span{aspect-ratio:1;display:grid;place-items:center;text-align:center;padding:8px;font-weight:700;font-size:13px;line-height:1.1;letter-spacing:-.03em}
.g1{background:#F4F0E8}.g2{background:#0C0C0A;color:#E2B840;font-family:var(--phi);font-weight:500!important;font-size:40px!important}.g3{background:#E2B840}
.g4{background:#161613;color:#F4F0E8}.g5{background:#0C0C0A;color:#F4F0E8}.g6{background:#F4F0E8;color:#6B5310}

@media (max-width:1020px){
  .car,.car.flip{grid-template-columns:1fr;gap:28px}
  .car.flip .cv{order:0}
  .car .cv{max-width:500px;width:100%;margin:0 auto}
  .car-meta,.car.flip .car-meta{justify-self:center;max-width:500px;width:100%}
  .car-no{font-size:56px;margin-bottom:12px}
  .stories{grid-template-columns:repeat(2,minmax(0,300px))}
  .reel,.reel.flip{grid-template-columns:1fr}
  .reel .reel-ph,.reel.flip .reel-ph{order:0;max-width:330px;width:100%;margin:0 auto}
  .plat{grid-template-columns:1fr}
  .pane{grid-template-columns:1fr;justify-items:center;gap:20px}
  .pane-note{text-align:center}
  .plat-r{min-height:640px}
  .prof{grid-template-columns:minmax(0,1fr)}
  .prof>*{min-width:0}
}
@media (max-width:640px){
  .stories{grid-template-columns:minmax(0,300px)}
  .scn{grid-template-columns:1fr}
  .funnel-mini{display:none}
  .xth,.lip,.ytv{width:100%;max-width:340px}
  .yt-thumb p{font-size:24px}.yt-phi{width:60px;height:60px;font-size:32px}
  .igprof{padding:16px}
  .pf-list button{padding:10px}
  .plat-r{min-height:600px}
  .pane{padding:20px}
}

/* ================= EXECUTION ================= */
.legend{display:flex;gap:14px;flex-wrap:wrap}
.lgd{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.lgd{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.lgd::before{content:"";width:8px;height:8px;border-radius:1px;background:var(--c)}
.ku{--c:var(--ink)}.kc{--c:#6B655B}.kp{--c:var(--gold)}.kr{--c:#F0D27A}
.wk{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.day{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px;border-radius:10px;background:var(--paper);border:1px solid var(--line);overflow:hidden;min-height:196px;transition:border-color .4s var(--ease)}
.day::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--c)}
.day:hover{border-color:rgba(244,240,232,.26)}
.day-d{font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;color:var(--ink-3);margin-top:4px}
.day b{font-size:20px;line-height:1.15;letter-spacing:-.03em}
.day-f{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2)}
.day-f .ico{width:15px;height:15px;color:var(--gold-2)}
.day-t{margin-top:auto;font-size:12px;font-weight:600;color:var(--ink-3);padding-top:10px;border-top:1px dashed var(--line)}
.day.hot{background:linear-gradient(180deg,rgba(226,184,64,.1),transparent 70%),var(--paper);color:var(--on-dark);border-color:rgba(226,184,64,.5)}
.day.hot .day-d,.day.hot .day-t{color:var(--on-dark-3)}
.day.hot .day-f{color:var(--on-dark-2)}
.day.hot .day-t{border-color:var(--line-dark)}
.daily{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px 18px;border-radius:10px;border:1px dashed var(--line);font-size:13.5px}
.daily .ico{width:18px;height:18px;color:var(--gold-2)}
.daily span{padding:4px 10px;border-radius:5px;background:var(--stone);font-weight:600;font-size:12.5px}

/* engine */
.eng{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:0;min-height:420px}
.eng-s{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.eng-s path{fill:none;stroke:var(--gold-2);stroke-width:1;stroke-dasharray:100;stroke-dashoffset:100;opacity:.85}
.eng.inview .eng-s path{animation:engdraw 1.2s var(--ease) forwards}
.eng.inview .eng-s path:nth-child(2){animation-delay:.1s}.eng.inview .eng-s path:nth-child(3){animation-delay:.2s}.eng.inview .eng-s path:nth-child(4){animation-delay:.3s}.eng.inview .eng-s path:nth-child(5){animation-delay:.4s}.eng.inview .eng-s path:nth-child(6){animation-delay:.5s}
@keyframes engdraw{to{stroke-dashoffset:0}}
.eng-col{display:grid;gap:0;align-content:space-between;height:420px;position:relative;z-index:1;padding:14px 0;justify-items:start}
.eng-col:last-child{justify-items:end}
.eo{width:300px}
.eng-col:first-child{padding-right:1%}
.eng-col:last-child{padding-left:1%}
.eo{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:10px;background:var(--night-2);border:1px solid var(--line-dark);opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease),border-color .3s;transition-delay:var(--d)}
.eng.inview .eo{opacity:1;transform:none}
.eo:hover{border-color:rgba(226,184,64,.5)}
.eo-i{width:40px;height:40px;border-radius:8px;border:1px solid rgba(226,184,64,.45);color:var(--gold-2);display:grid;place-items:center;font-family:var(--caps);font-size:11.5px;font-weight:800;letter-spacing:.04em;flex-shrink:0}
.eo-i .ico{width:18px;height:18px}
.eo b{display:block;font-size:15px}
.eo small{font-size:13px;color:var(--on-dark-3)}
.eng-core{position:relative;z-index:1;justify-self:center;width:180px;aspect-ratio:1;border-radius:50%;background:var(--gold-2);color:var(--print);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;box-shadow:0 0 0 8px rgba(226,184,64,.1),0 0 70px rgba(226,184,64,.3)}
.eng-core small{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(12,12,10,.6)}
.eng-core b{font-size:21px;line-height:1.05;letter-spacing:-.035em;margin:6px 0}
.eng-core span{font-size:12.5px;color:rgba(12,12,10,.66)}
.eng.inview .eng-core{animation:corepulse 3s ease-in-out 1.2s infinite}
@keyframes corepulse{50%{box-shadow:0 0 0 14px rgba(226,184,64,.14),0 0 90px rgba(226,184,64,.38)}}

/* roadmap */
.tl{--tp:.25}
.tl-bar{position:relative;height:2px;border-radius:0;background:var(--stone-2);margin:0 0 34px}
.tl-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:0;background:var(--gold-2);box-shadow:0 0 12px rgba(226,184,64,.5);width:calc(var(--tp)*100%);transition:width .8s var(--ease)}
.tl-bar span{position:absolute;top:12px;font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}
.tl-bar span:last-child{right:0}
.tl-g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tl-w{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px;background:var(--ivory);border:1px solid var(--line);cursor:pointer;transition:background .45s,color .45s,border-color .45s}
.tl-w:hover{border-color:rgba(244,240,232,.26)}
.tl-w header{display:flex;justify-content:space-between;align-items:baseline}
.tl-n{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--gold-2)}
.tl-w header small{font-size:12px;color:var(--ink-3)}
.tl-w h3{font-size:1.7rem;letter-spacing:-.04em}
.tl-w ul{display:grid;gap:8px}
.tl-w li{display:flex;gap:9px;align-items:center;font-size:14px}
.tl-w li .ico{width:16px;height:16px;color:var(--ink-3);transition:color .4s}
.tl-out{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:12.5px;font-weight:600;padding:12px 0 0;border-top:1px solid var(--line)}
.tl-out .ico{width:15px;height:15px;color:var(--gold-2);flex-shrink:0}
.tl-w.past li .ico{color:var(--gold)}
.tl-w.on{background:linear-gradient(180deg,rgba(226,184,64,.1),transparent 70%),var(--paper);color:var(--on-dark);border-color:rgba(226,184,64,.5)}
.tl-w.on header small{color:var(--on-dark-3)}
.tl-w.on .tl-n{color:var(--gold-2)}
.tl-w.on li .ico{color:var(--gold-2)}
.tl-w.on .tl-out{border-color:rgba(226,184,64,.3)}
.tl-w.on li{animation:popin .5s var(--ease) both}
.tl-w.on li:nth-child(2){animation-delay:.08s}.tl-w.on li:nth-child(3){animation-delay:.16s}.tl-w.on li:nth-child(4){animation-delay:.24s}

/* light loop variant + experiment */
.lp-light .lp-ring circle{stroke:var(--line)}
.lp-light .lp-ring .lp-arc{stroke:var(--gold-2)}
.lp-light .lp-n{color:var(--ink-3)}
.lp-light .lp-n span{background:var(--ivory);border-color:var(--line)}
.lp-light .lp-n.on{color:var(--ink)}
.lp-light .lp-n.on span{background:var(--gold-2);border-color:var(--gold-2);color:var(--print)}
.lp-light .lp-i{color:var(--ink)}
.lp-c .cs{gap:5px;max-width:190px}
.exp{border-radius:12px;background:var(--paper);border:1px solid var(--line);padding:28px}
.exp-k{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2)}
.exp-k .ico{width:15px;height:15px}
.exp h3{font-size:1.55rem;margin:10px 0 18px}
.exp-v{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.exp-v>div{padding:16px;border-radius:8px;background:var(--ivory);border:1px solid var(--line)}
.exp-v>div+div{background:rgba(226,184,64,.07);border-color:rgba(226,184,64,.45)}
.exp-v small{display:block;font-family:var(--mono);font-size:11px;color:var(--gold-2);margin-bottom:8px}
.exp-v b{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.025em}
.exp-r{display:grid;gap:0;margin-top:14px}
.exp-r>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:14px}
.exp-r small{font-family:var(--caps);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-top:2px}

@media (max-width:1020px){
  .wk{grid-template-columns:repeat(3,1fr)}
  .tl-g{grid-template-columns:1fr 1fr}
  .eng{grid-template-columns:1fr;min-height:0;gap:14px}
  .eng-s{display:none}
  .eng-col{height:auto;gap:10px;padding:0!important;justify-items:stretch!important}
  .eo{width:auto}
  .eng-core{order:-1;width:180px;margin-bottom:24px}
}
@media (max-width:640px){
  .wk{grid-template-columns:1fr 1fr}
  .tl-g{grid-template-columns:1fr}
  .exp-v{grid-template-columns:1fr}
  .exp-r>div{grid-template-columns:1fr;gap:2px}
}
.lp-i .pill{font-family:var(--sans)}

/* ================= ABOUT ================= */
.ab-hero-in{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.ab-id{display:flex;gap:16px;align-items:center;padding:18px 22px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.ab-av{width:62px;height:62px;border-radius:50%;border:1px solid rgba(226,184,64,.5);color:var(--gold-2);display:grid;place-items:center;font-family:var(--caps);font-size:17px;font-weight:700;letter-spacing:.06em}
.ab-id b{display:block;font-size:16px}
.ab-id small{display:block;font-size:13px;color:var(--ink-3)}
.ab-id div>span{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;margin-top:4px}
.ab-id .ico{width:14px;height:14px;color:var(--gold-2)}

.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bx{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:12px;background:var(--paper);border:1px solid var(--line);overflow:hidden;min-height:170px;transition:border-color .4s var(--ease)}
.bx:hover{border-color:rgba(244,240,232,.24)}
.bx small{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.bx p{font-size:14.5px;color:var(--ink-2);margin-top:auto}
.span2{grid-column:span 2}.span4{grid-column:span 4;min-height:0}
.bx-big{font-family:var(--caps);font-size:clamp(3rem,6vw,4.6rem);line-height:1;letter-spacing:-.04em;font-weight:700}
.bx-mid{font-size:1.5rem;line-height:1.15;font-weight:600;letter-spacing:-.035em}
.bx-ico{position:absolute;right:22px;top:22px;width:18px;height:18px;opacity:.7}
.bx-dark{background:radial-gradient(ellipse 80% 90% at 100% 100%,rgba(226,184,64,.12),transparent 70%),var(--night-2);color:var(--on-dark);border-color:rgba(226,184,64,.3)}
.bx-dark small{color:var(--gold-2)}
.bx-dark p{color:var(--on-dark-2);position:relative;z-index:1}
.bx-dark .bx-big{position:relative;z-index:1}
.grow{position:absolute;left:0;right:0;bottom:0;height:60%}
.grow svg{width:100%;height:100%}
.grow path{fill:none;stroke:var(--gold-2);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100;opacity:.8}
.bx-dark.in .grow path{animation:engdraw 2.2s var(--ease) .3s forwards}
.bx-gold{background:var(--gold-2);border-color:var(--gold-2);color:var(--print)}
.bx-gold small{color:rgba(12,12,10,.6)}
.bx-gold p{color:rgba(12,12,10,.75)}
.bx-gold .bx-ico{color:var(--print)}
.chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.chain .si{position:relative;padding:7px 12px;border-radius:6px;background:var(--stone);border:1px solid var(--line-2);font-size:13px;font-weight:600;transition:background .35s,color .35s,border-color .35s}
.chain .si:not(:last-child)::after{content:"";position:absolute;right:-7px;top:50%;width:8px;height:1px;background:var(--gold)}
.chain .si.done{background:var(--gold-tint);border-color:rgba(226,184,64,.3);color:var(--gold-2)}
.chain .si.cur{background:var(--gold-2);border-color:var(--gold-2);color:var(--print)}
.tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.tools span{padding:8px 14px;border-radius:7px;border:1px solid var(--line);background:var(--ivory);font-weight:600;font-size:13.5px;transition:border-color .25s,color .25s}
.tools span:hover{border-color:rgba(226,184,64,.5);color:var(--gold-2)}

/* Instagram self-mockup */
.igme{display:grid;grid-template-columns:360px 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.igme-p{background:#fff;color:var(--print);border-radius:16px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
.igme-top{display:flex;align-items:center;gap:18px}
.igme-av{width:76px;height:76px;border-radius:50%;background:#181715;color:#F4F1EC;display:grid;place-items:center;font-size:24px;font-weight:600;letter-spacing:-.02em;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gold-2);flex-shrink:0}
.igme-st{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;flex:1;text-align:center}
.igme-st b{display:block;font-size:19px}
.igme-st small{font-size:11.5px;color:var(--print-3);line-height:1.2;display:block}
.igme-h{display:block;margin-top:14px;font-size:16px}
.igme-g{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:16px;border-radius:8px;overflow:hidden}
.igme-g span{position:relative;aspect-ratio:3/4;background:#E6E1D8}
.igme-g em{position:absolute;left:6px;bottom:6px;font-style:normal;font-size:11.5px;font-weight:800;color:#fff;background:rgba(0,0,0,.45);padding:2px 7px;border-radius:5px;display:flex;align-items:center;gap:4px}
.igme-g em::before{content:"";border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}
.t1{background:linear-gradient(160deg,#2A2621,#0A0A08)!important}
.t1 em{background:var(--gold-2)!important;color:var(--night)!important}
.t1 em::before{border-left-color:var(--night)!important}
.t2{background:#D8C9AE!important}.t3{background:#EDE3D0!important}.t4{background:#3A342C!important}.t5{background:#C9B48C!important}.t6{background:#5A5146!important}.t7{background:#E6DAC4!important}.t8{background:#2A2621!important}.t9{background:#D6C3A0!important}
.igme-r h2{margin:16px 0 26px;max-width:480px}
.skills{display:flex;flex-wrap:wrap;gap:10px}
.skills li{display:inline-flex;align-items:center;gap:9px;padding:10px 15px 10px 13px;border-radius:8px;background:var(--paper);border:1px solid var(--line);font-weight:600;font-size:14.5px}
.skills .ico{width:17px;height:17px;color:var(--gold-2)}

/* statement */
.stmt{padding:clamp(80px,10vw,140px) 0}
.stmt-a{font-family:var(--mono);font-size:clamp(.8rem,1.1vw,.95rem);letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-3);margin-bottom:22px}
.stmt-b{font-size:clamp(2rem,4.4vw,3.7rem);line-height:1.06;font-weight:600;letter-spacing:-.045em;max-width:1040px}
.stmt-b em{font-style:normal;color:var(--gold-2)}
.stmt-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px}
.stmt-cta .ico{width:16px;height:16px}

@media (max-width:1020px){
  .ab-hero-in{grid-template-columns:1fr;align-items:start}
  .bento{grid-template-columns:1fr 1fr}
  .span4{grid-column:span 2}
  .igme{grid-template-columns:1fr}
  .igme-p{max-width:420px}
}
@media (max-width:640px){
  .bento{grid-template-columns:1fr}
  .span2,.span4{grid-column:auto}
  .stmt-cta .btn{width:100%;justify-content:center}
  .igme-st b{font-size:16px}
}
@media (max-width:640px){.bx{min-height:0}}


/* Smallest phones: let the 5-step journey track fit (added for akhilj.ca) */
@media (max-width:400px){
  .jr-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .jr-track b{width:36px;height:36px;font-size:11px}
  .jr-line{top:18px}
  .jr-track span{font-size:11px;text-align:center;overflow-wrap:anywhere}
}

/* akhilj.ca global nav: align it with this mini-site's content width */
.gnav{--gnav-max:calc(var(--wrap) - 2 * clamp(20px,4vw,40px));--gnav-pad:clamp(20px,4vw,40px)}


/* ================= OmniPhi desk layer (2026 restyle for akhilj.ca) ================= */
/* Masked headline words (script.js wraps each word; the heading reveals as a whole) */
.mw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.16em;margin-bottom:-.16em}
.mwi{display:inline-block;transform:translateY(105%);transition:transform 1s var(--ease-out);transition-delay:calc(var(--wi,0)*.045s + var(--d,0s))}
.split.in .mwi{transform:none}
.rv.split{opacity:1;transform:none}
.split{word-spacing:.05em}
@media (prefers-reduced-motion:reduce){.mwi{transform:none}}

/* Section heads get a hairline that draws in once */
.sec-head{position:relative}
.sec .sec-head::after{content:"";position:absolute;left:0;right:0;bottom:calc(-1*clamp(16px,2vw,26px));height:1px;background:linear-gradient(90deg,rgba(226,184,64,.4),var(--line) 30%,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease-out) .2s}
.sec .sec-head.center::after{background:linear-gradient(90deg,transparent,rgba(226,184,64,.4),transparent);transform-origin:center}
.sec .sec-head.drawn::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.sec .sec-head::after{transform:none;transition:none}}

/* Reveal: slightly longer, softer rise */
.rv{transform:translateY(18px);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out);transition-delay:var(--d,0s)}

/* akhilj.ca global bar, dark on this mini-site (same layout, links and order as every page) */
.gnav{--gnav-paper:#0A0A08;--gnav-ink:#F4F0E8;--gnav-accent:#B8646C;--gnav-line:rgba(244,240,232,.08)}

/* ================= Post system: carousels, stories and reels as finished social design ================= */
/* One grid for every 4:5 slide: 6.6cqw margins, brand bar on top, progress + handle at the bottom. */
.sl.px{padding:6.6cqw;gap:0;font-family:var(--sans);isolation:isolate}
.px-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center}
.px-logo{display:flex;align-items:center;gap:1.4cqw;font-family:var(--caps);font-weight:800;font-size:2.3cqw;letter-spacing:.1em;text-transform:uppercase}
.px-logo i{font-family:var(--phi);font-style:normal;font-weight:500;font-size:4.6cqw;line-height:1;color:#C8A030;margin-top:-.6cqw}
.px-logo b{font-weight:inherit;color:#C8A030}
.px-n{font-family:var(--mono);font-size:2.1cqw;letter-spacing:.08em;opacity:.6}
.px-bot{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:4cqw;margin-top:auto;font-size:2.2cqw;font-weight:600}
.px-bot span:last-child{opacity:.6}
.px-prog{flex:1;max-width:30cqw;height:.35cqw;background:currentColor;opacity:.9;position:relative;-webkit-mask:linear-gradient(90deg,#000 calc(var(--p,.1)*100%),rgba(0,0,0,.18) 0);mask:linear-gradient(90deg,#000 calc(var(--p,.1)*100%),rgba(0,0,0,.18) 0)}
.px-swipe{display:inline-flex;align-items:center;gap:1.4cqw;font-family:var(--caps);font-weight:800;font-size:2.2cqw;letter-spacing:.1em;text-transform:uppercase;opacity:1!important}
.px-swipe .ico{width:3.4cqw;height:3.4cqw}
.px-k{position:relative;z-index:3;display:inline-flex;align-items:center;gap:1.6cqw;font-family:var(--mono);font-size:2.2cqw;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.px-k::before{content:"";width:1.2cqw;height:1.2cqw;background:currentColor}
.px-h{position:relative;z-index:3;font-family:var(--sans);font-weight:800;font-size:9.4cqw;line-height:.98;letter-spacing:-.055em;margin-top:3cqw;text-wrap:balance}
.px-h.s{font-size:7.6cqw;line-height:1.02;letter-spacing:-.05em}
.px-h.l{font-size:11.4cqw;line-height:.94}
.px-h.xl{font-size:13.2cqw;line-height:.9;letter-spacing:-.06em}
.px-h em{font-style:normal}
.px-p{position:relative;z-index:3;font-size:3.3cqw;line-height:1.38;font-weight:500;margin-top:3cqw;max-width:86%;opacity:.72}
.px-cap{font-family:var(--mono);font-size:1.9cqw;letter-spacing:.06em;opacity:.55}

/* themes */
.px-cream{background:#F4F0E8;color:#0C0C0A}
.px-cream .px-k{color:#6B5310}
.px-cream .px-h em{background:linear-gradient(transparent 60%,rgba(226,184,64,.85) 60%,rgba(226,184,64,.85) 90%,transparent 90%);padding:0 .4cqw;margin:0 -.4cqw;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.px-dark{background:#0C0C0A;color:#F4F0E8}
.px-dark .px-k,.px-dark .px-h em{color:#E2B840}
.px-dark .px-logo i,.px-dark .px-logo b,.px-photo .px-logo i,.px-photo .px-logo b{color:#E2B840}
.px-gold{background:#E2B840;color:#0C0C0A}
.px-gold .px-logo i,.px-gold .px-logo b{color:#0C0C0A}
.px-gold .px-k{color:#0C0C0A}
.px-gold .px-h em{text-decoration:underline;text-decoration-thickness:.9cqw;text-underline-offset:1.6cqw;text-decoration-color:#0C0C0A}
.px-photo{background:#0C0C0A;color:#F4F0E8}
.px-photo .px-k,.px-photo .px-h em{color:#E2B840}

/* photography: one grade for every image so the set reads as one brand */
.px-bg,.px-shot,.st-bg,.rs-bg{overflow:hidden;background:#1A1915}
.px-bg{position:absolute;inset:0;z-index:0}
.px-bg img,.px-shot img,.st-bg img,.rs-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.08) brightness(.92)}
.px-bg::after,.st-bg::after,.rs-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,10,.62) 0%,rgba(12,12,10,.08) 30%,rgba(12,12,10,.2) 50%,rgba(12,12,10,.94) 84%)}
.px-bg::before,.px-shot::before,.st-bg::before,.rs-bg::before{content:"";position:absolute;inset:0;z-index:1;background:#3A2A06;mix-blend-mode:color;opacity:.28;pointer-events:none}
.px-shot{position:relative;z-index:2;border-radius:1.2cqw;margin-top:4.4cqw}
.px-shot::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(12,12,10,.12);border-radius:inherit}
.on .px-bg img,.rs.on .rs-bg img{animation:kb 9s var(--ease) both}
@keyframes kb{from{transform:scale(1.08)}to{transform:scale(1)}}
.px-fill{flex:1}

/* cover */
.px-cover .px-h{margin-top:0}
.px-cover .px-p{opacity:.8}
.px-tag{position:relative;z-index:3;display:inline-flex;align-self:flex-start;align-items:center;gap:1.4cqw;padding:1cqw 1.8cqw;background:#E2B840;color:#0C0C0A;font-family:var(--mono);font-size:2cqw;font-weight:500;letter-spacing:.18em;text-transform:uppercase;margin-bottom:3.6cqw}

/* step slides: photo on top, big numeral overlapping, a running tool counter */
.px-step .px-shot{height:46cqw;flex-shrink:0}
.px-num{position:relative;z-index:3;font-family:var(--caps);font-weight:800;font-size:17cqw;line-height:.8;letter-spacing:-.06em;margin:-9.4cqw 0 0 -.6cqw;color:#F4F0E8;-webkit-text-stroke:.35cqw #0C0C0A;paint-order:stroke fill}
.px-step .px-k{margin-top:3.4cqw}
.px-step .px-h{margin-top:1.8cqw}
.px-step .px-p{margin-top:1.6cqw}
.px-tools{display:flex;align-items:center;gap:1.2cqw;font-family:var(--mono);font-size:2cqw;letter-spacing:.08em;text-transform:uppercase}
.px-tools i{width:3.2cqw;height:3.2cqw;border:1px solid currentColor;opacity:.3}
.px-tools i.on{background:#0C0C0A;border-color:#0C0C0A;opacity:1}
.px-tools i.on:last-of-type{background:#C8A030;border-color:#C8A030}
.px-tools b{margin-left:1cqw;font-weight:500}
.px-tools span{margin-right:1.4cqw;opacity:.6}

/* orbit: phi at the centre, six parts of the workflow on one ring */
.px-orbit{position:relative;width:62cqw;aspect-ratio:1;margin:auto}
.px-orbit::before{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid currentColor;opacity:.22}
.px-orbit::after{content:"";position:absolute;inset:30%;border-radius:50%;border:1px dashed currentColor;opacity:.14}
.px-core{position:absolute;left:50%;top:50%;width:22cqw;height:22cqw;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;font-family:var(--phi);font-size:15cqw;line-height:1;background:#0C0C0A;color:#E2B840;box-shadow:0 0 0 1.6cqw rgba(226,184,64,.14),0 0 10cqw rgba(226,184,64,.35);z-index:2}
.px-core.you{font-family:var(--caps);font-size:4.4cqw;font-weight:800;letter-spacing:.1em;background:#F4F0E8;color:#0C0C0A;box-shadow:0 0 0 1.6cqw rgba(244,240,232,.1)}
.px-orbit span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-24cqw) rotate(calc(-1*var(--a)));display:flex;flex-direction:column;align-items:center;gap:1cqw;font-family:var(--mono);font-size:2.2cqw;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.px-orbit span::before{content:"";width:1.8cqw;height:1.8cqw;border-radius:50%;background:currentColor}
.px-orbit.hot span::before{background:#E2B840;box-shadow:0 0 0 1cqw rgba(226,184,64,.18)}
.px-orbit.seq span{animation:orb 6s infinite;animation-delay:calc(var(--i)*1s)}
@keyframes orb{0%,14%{color:#E2B840}18%,100%{color:inherit}}
.px-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
.px-links line{stroke:#E2B840;stroke-width:.5;stroke-dasharray:1.2 1.4;opacity:.8}

/* type lists + tables for the comparison carousel */
.px-list{position:relative;z-index:3;display:grid;margin-top:5cqw;border-top:1px solid currentColor}
.px-list li{display:flex;align-items:baseline;gap:3cqw;padding:2.2cqw 0;border-bottom:1px solid rgba(244,240,232,.16);font-size:5cqw;font-weight:700;letter-spacing:-.04em}
.px-list li b{font-family:var(--mono);font-size:2.1cqw;font-weight:500;color:#E2B840;letter-spacing:.1em;width:6cqw}
.px-list li small{margin-left:auto;font-family:var(--mono);font-size:2cqw;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.5}
.px-chain{position:relative;z-index:3;display:flex;flex-direction:column;gap:1.3cqw;margin-top:5cqw}
.px-chain div{display:flex;align-items:center;gap:2.4cqw;font-size:3.6cqw;font-weight:700;letter-spacing:-.03em}
.px-chain div span{flex:1;padding:2.1cqw 2.6cqw;border:1px solid rgba(244,240,232,.18);border-radius:1.2cqw}
.px-chain div em{font-style:normal;font-family:var(--caps);font-weight:800;font-size:2.4cqw;letter-spacing:.1em;color:#0C0C0A;background:#E2B840;padding:1.2cqw 1.8cqw;border-radius:.8cqw}
.px-chain i{font-style:normal;font-family:var(--mono);font-size:1.9cqw;letter-spacing:.14em;text-transform:uppercase;opacity:.5;padding-left:3cqw}
.px-table{position:relative;z-index:3;display:grid;grid-template-columns:.9fr 1fr 1fr;margin-top:5cqw;font-size:2.8cqw;border-top:1px solid rgba(244,240,232,.25)}
.px-table>*{padding:2.4cqw 1.6cqw 2.4cqw 0;border-bottom:1px solid rgba(244,240,232,.14);line-height:1.25}
.px-table .h{font-family:var(--mono);font-size:1.9cqw;letter-spacing:.14em;text-transform:uppercase;opacity:.55;padding-top:2cqw}
.px-table .hl{color:#E2B840;font-weight:700}
.px-table .hd{font-family:var(--caps);font-weight:800;font-size:2.4cqw;letter-spacing:.08em;text-transform:uppercase}
.px-table .hd.hl{color:#E2B840}
.px-term{position:relative;z-index:3;display:grid;gap:2.4cqw;margin-top:5cqw}
.px-term div{border-radius:1.6cqw;padding:2.8cqw 3cqw;font-family:var(--mono);font-size:2.7cqw;line-height:1.7;background:#161613;border:1px solid rgba(244,240,232,.1)}
.px-term div.g{border-color:rgba(226,184,64,.5);background:rgba(226,184,64,.06)}
.px-term small{display:block;font-family:var(--caps);font-weight:800;font-size:2cqw;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:1cqw}
.px-term b{color:#E2B840;font-weight:500}
.px-term u{text-decoration:none;opacity:.5}

/* product UI cards (the workflow carousel) */
.px-ui{position:relative;z-index:3;margin-top:auto;margin-bottom:4cqw;background:#0C0C0A;color:#F4F0E8;border-radius:2cqw;box-shadow:0 3cqw 7cqw -2cqw rgba(12,12,10,.55);overflow:hidden;font-size:2.7cqw}
.px-ui-h{display:flex;align-items:center;gap:1.6cqw;padding:2.2cqw 2.8cqw;border-bottom:1px solid rgba(244,240,232,.09);font-weight:700;font-size:2.5cqw}
.px-ui-h i{font-family:var(--phi);font-style:normal;color:#E2B840;font-size:3.6cqw;line-height:1}
.px-ui-h u{margin-left:auto;text-decoration:none;font-family:var(--mono);font-weight:500;font-size:2cqw;opacity:.5;letter-spacing:.06em}
.px-ui-b{padding:2.8cqw}
.px-ask{display:flex;align-items:center;gap:2cqw;padding:2.4cqw 2.8cqw;border-radius:1.4cqw;background:#1A1915;border:1px solid rgba(226,184,64,.35);font-size:3.2cqw;font-weight:600}
.px-ask i{font-family:var(--phi);font-style:normal;color:#E2B840;font-size:4.4cqw;line-height:1}
.px-ask b{margin-left:auto;width:5.4cqw;height:5.4cqw;border-radius:1cqw;background:#E2B840;color:#0C0C0A;display:grid;place-items:center}
.px-ask b .ico{width:2.8cqw;height:2.8cqw}
.px-opts{display:flex;flex-wrap:wrap;gap:1.2cqw;margin-top:2.4cqw}
.px-opts span{padding:1.1cqw 2cqw;border-radius:.8cqw;border:1px solid rgba(244,240,232,.16);font-size:2.3cqw;font-weight:600;opacity:.8}
.px-opts span:first-child{border-color:#E2B840;color:#E2B840;opacity:1}
.px-rows{display:grid}
.px-rows div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2cqw;padding:1.9cqw 0;border-bottom:1px solid rgba(244,240,232,.08);font-size:2.7cqw}
.px-rows div:last-child{border-bottom:0}
.px-rows span{opacity:.7}
.px-rows b{font-family:var(--mono);font-weight:500;font-size:2.4cqw;color:#E2B840}
.px-bar{display:block;width:26cqw;height:.9cqw;background:rgba(244,240,232,.1);position:relative}
.px-bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:#E2B840}
.on .px-bar::after{animation:grow 1.2s var(--ease) both;animation-delay:calc(var(--i,0)*.12s + .2s)}
.px-ui .chart{height:24cqw}
.px-ui .chart .eq{stroke:#E2B840;stroke-width:1}
.px-ui .chart .area{fill:#E2B840;opacity:.12}
.px-ui .chart text{fill:#F4F0E8}
.px-fail{display:flex;align-items:center;justify-content:space-between;margin-top:2cqw;padding:1.8cqw 2.2cqw;border-radius:1cqw;background:rgba(232,110,90,.1);border:1px solid rgba(232,110,90,.35);color:#F0A08E;font-size:2.5cqw;font-weight:600}
.px-fail b{font-family:var(--mono);font-weight:500;font-size:2.2cqw}
.px-ok{display:inline-flex;align-items:center;gap:1cqw;font-family:var(--caps);font-weight:800;font-size:2cqw;letter-spacing:.1em;color:#8FD1A3}
.px-ok::before{content:"";width:1.4cqw;height:1.4cqw;border-radius:50%;background:#8FD1A3;animation:pulse 1.6s infinite}
.px-sw{width:6.4cqw;height:3.6cqw;border-radius:9cqw;background:#E2B840;position:relative}
.px-sw::after{content:"";position:absolute;right:.5cqw;top:.5cqw;width:2.6cqw;height:2.6cqw;border-radius:50%;background:#0C0C0A}
.px-strip{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:1cqw 2.6cqw;margin-top:5cqw;font-family:var(--mono);font-size:2.2cqw;letter-spacing:.12em;text-transform:uppercase}
.px-strip span{display:flex;align-items:center;gap:1.2cqw;opacity:.75}
.px-strip span::before{content:"";width:1cqw;height:1cqw;background:currentColor}
.px-strip span:last-child{opacity:1;color:#E2B840}
.px-cta{position:relative;z-index:3;align-self:flex-start;display:inline-flex;align-items:center;gap:1.6cqw;margin-top:5cqw;padding:2.4cqw 3.6cqw;border-radius:1.2cqw;background:#E2B840;color:#0C0C0A;font-weight:800;font-size:3cqw;letter-spacing:-.02em}
.px-cta .ico{width:3.2cqw;height:3.2cqw}
.px-gold .px-cta,.px-cream .px-cta{background:#0C0C0A;color:#F4F0E8}
.px-save{display:inline-flex;align-items:center;gap:1.4cqw}
.px-save .ico{width:3.2cqw;height:3.2cqw}
.px-big-phi{position:absolute;right:-14cqw;bottom:-22cqw;font-family:var(--phi);font-size:110cqw;line-height:.7;color:currentColor;opacity:.08;z-index:0;pointer-events:none}

/* staged entrance for the active slide */
.on .px-k,.on .px-h,.on .px-p,.on .px-ui,.on .px-list,.on .px-chain,.on .px-table,.on .px-term,.on .px-orbit,.on .px-strip,.on .px-cta{animation:pxin .8s var(--ease-out) both}
.on .px-h{animation-delay:.06s}.on .px-p{animation-delay:.14s}.on .px-ui,.on .px-list,.on .px-chain,.on .px-table,.on .px-term,.on .px-orbit{animation-delay:.2s}.on .px-cta,.on .px-strip{animation-delay:.28s}
@keyframes pxin{from{opacity:0;transform:translateY(2.4cqw)}}
@media (prefers-reduced-motion:reduce){.on .px-bg img,.rs.on .rs-bg img{animation:none}}

/* ---------- stories: full-bleed photo, native Instagram text + stickers ---------- */
.st.sx{padding:4.6cqw 5.4cqw 6cqw}
.st-bg{position:absolute;inset:0;z-index:0}
.st.sx>*:not(.st-bg){position:relative;z-index:2}
.ig-t{display:inline;font-family:var(--sans);font-weight:800;font-size:7.4cqw;line-height:1.36;letter-spacing:-.03em;background:#fff;color:#0C0C0A;padding:.6cqw 2cqw;border-radius:1.2cqw;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ig-t.g{background:#E2B840}
.ig-t.k{background:#0C0C0A;color:#F4F0E8}
.ig-tw{text-align:center;line-height:1.5}
.st-big{font-weight:800;font-size:10.4cqw;line-height:.96;letter-spacing:-.055em;text-wrap:balance}
.st-big em{font-style:normal;color:#E2B840}
.st.gd .st-big em{color:#0C0C0A;text-decoration:underline;text-decoration-thickness:1cqw;text-underline-offset:1.8cqw}
.st-mono{font-family:var(--mono);font-size:2.8cqw;letter-spacing:.18em;text-transform:uppercase;color:#E2B840;margin-bottom:3cqw;display:block}
.st.gd .st-mono{color:#0C0C0A}
.st-orbit{color:#0C0C0A;margin:4cqw auto 0}
.st-orbit.px-orbit{width:80cqw}
.st-orbit.px-orbit span{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-31cqw) rotate(calc(-1*var(--a)));font-size:2.9cqw}
.st-orbit .px-core{width:28cqw;height:28cqw;font-size:19cqw}
.sticker.q{padding:0;overflow:hidden}
.sticker.q .sticker-hd{background:linear-gradient(90deg,#E2B840,#F0D27A);color:#0C0C0A;padding:3cqw;text-align:center;font-weight:800;font-size:3.8cqw;line-height:1.25}
.sticker.q .opts{padding:3cqw;margin-top:0}
.lnk{border-radius:2.6cqw}
.st-tapc{font-family:var(--mono);font-size:2.4cqw;letter-spacing:.14em;text-transform:uppercase;opacity:.6;text-align:center;margin-top:3cqw}

/* ---------- reels: real footage scenes ---------- */
.rs.ph{padding:0;background:#0C0C0A}
.rs-bg{position:absolute;inset:0}
.rs-bg::after{background:linear-gradient(180deg,rgba(12,12,10,.4),transparent 30%,transparent 55%,rgba(12,12,10,.7))}
.rs.ph.push .rs-bg img{transform:scale(1.18);transform-origin:50% 35%}
.rs.ph.push.on .rs-bg img{animation:none}
.rs.cuts2{padding:0;background:#0C0C0A}
.cut2{position:absolute;inset:0;opacity:0}
.cut2 .rs-bg{position:absolute;inset:0}
.cut2 b{position:absolute;left:6cqw;top:16cqw;z-index:3;font-family:var(--mono);font-weight:500;font-size:3cqw;letter-spacing:.14em;text-transform:uppercase;color:#0C0C0A;background:#E2B840;padding:1cqw 2cqw}
.rs.cuts2.on .cut2{animation:cut 3s steps(1) infinite}
.rs.cuts2.on .cut2:nth-child(2){animation-delay:.5s}.rs.cuts2.on .cut2:nth-child(3){animation-delay:1s}.rs.cuts2.on .cut2:nth-child(4){animation-delay:1.5s}.rs.cuts2.on .cut2:nth-child(5){animation-delay:2s}.rs.cuts2.on .cut2:nth-child(6){animation-delay:2.5s}
.rs.cuts2 .cut2:first-child{opacity:1}
.rs.over2{padding:0}
.rs.over2 .over-t{padding:0 8cqw}
.sub span{background:none;padding:0;text-shadow:0 .4cqw 2cqw rgba(0,0,0,.9),0 0 .6cqw rgba(0,0,0,.8);font-family:var(--sans);font-weight:800;letter-spacing:-.02em}
.sub b{color:#E2B840}
.rs.flow2{background:#0C0C0A;color:#F4F0E8}
.rs.flow2 .px-orbit{width:84cqw}
.rs.flow2 .px-orbit span{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-32cqw) rotate(calc(-1*var(--a)));font-size:3cqw}
.rs.flow2 .px-core{width:30cqw;height:30cqw;font-size:20cqw}

/* reel 2 is a screen recording of the product, so it is dark like the product */
.phone.lightp{background:#0C0C0A}
.rs.r2-title{background:#0C0C0A;color:#F4F0E8}
.rs.r2-title .r2-k{color:#E2B840}
.rs.r2-app{background:#0A0A08;color:#F4F0E8}
.rs.r2-app .app{background:#141412;border-color:rgba(244,240,232,.1);color:#F4F0E8;box-shadow:0 3cqw 8cqw -2cqw rgba(0,0,0,.9)}
.rs.r2-app .app .prompt,.rs.r2-app .app .stackb span,.rs.r2-app .app .tgl>div{background:#1B1B18;color:#F4F0E8;border-color:rgba(244,240,232,.1)}
.rs.r2-app .r2-stage b{background:#E2B840;color:#0C0C0A}
.rs.r2-app .r2-stage em,.rs.r2-app .r2-src .ico,.rs.r2-app .stackb span .ico,.rs.r2-app .tgl span .ico{color:#E2B840}
.rs.r2-app .r2-src i{background:rgba(244,240,232,.1)}
.rs.r2-app .r2-src i::after{background:#E2B840}
.rs.r2-app .r2-chart{color:#F4F0E8}
.rs.r2-app .sld .tr{background:rgba(244,240,232,.14)}
.rs.r2-app .sld .tr b{background:#E2B840}
.rs.r2-app .sld .tr b::after{background:#0C0C0A;border-color:#E2B840}
.rs.r2-app .stackb b{background:#E2B840;color:#0C0C0A}
.rs.r2-app .cursor{fill:#F4F0E8;stroke:#0C0C0A}
.rs.r2-end{background:#E2B840;color:#0C0C0A}
.rs.r2-end .endc-phi{color:#0C0C0A}
.rs.r2-end p em{color:#0C0C0A;text-decoration:underline;text-decoration-thickness:.8cqw;text-underline-offset:1.4cqw}
.rs.endc{background:#0C0C0A;color:#F4F0E8}
.rs.endc .endc-phi{color:#E2B840}
.rs.endc p em{color:#E2B840}

/* platform + profile mockups use the same photography */
.ttv-bg{position:absolute;inset:0;z-index:0}
.ttv>*:not(.ttv-bg){position:relative;z-index:1}
.ttv-t,.ttv-side,.ttv-b{position:absolute!important}
.yt-thumb .yt-bg{position:absolute;inset:0;z-index:0}
.yt-thumb .yt-bg::after{background:linear-gradient(90deg,rgba(12,12,10,.2),rgba(12,12,10,.85) 60%)}
.yt-thumb>*:not(.yt-bg){position:relative;z-index:1}
.yt-thumb{justify-content:flex-end}
.yt-thumb p{text-align:right}
.yt-d{position:absolute!important}
.igpr-grid span.ph{position:relative;padding:0;color:#F4F0E8;overflow:hidden}
.igpr-grid span.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.7)}
.igpr-grid span.ph em{position:relative;font-style:normal;padding:8px}
.ph-credit{font-size:12px;color:var(--ink-3);margin-top:28px}
.ph-credit a{border-bottom:1px solid var(--line)}
.px-num.solid{color:#0C0C0A;-webkit-text-stroke:0;margin:4.6cqw 0 0 -.8cqw;font-size:15cqw}
.px-wf .px-k{margin-top:3cqw}
.px-wf .px-h{margin-top:1.6cqw}
.px-wf .px-p{margin-top:1.4cqw;opacity:.7}
.px-wf .px-ui{margin-top:auto;margin-bottom:4.4cqw}
.px-cover .px-ask{font-size:3cqw}

.px-step .px-shot{height:54cqw}
.px-num.solid{font-size:13cqw}
.px-wf .px-p{margin-bottom:3.4cqw}
.px-list.tight{margin-top:3.6cqw}
.px-list.tight li{padding:1.5cqw 0;font-size:4.2cqw}
.px-chain{gap:.8cqw;margin-top:4cqw}
.px-chain div{font-size:3.1cqw}
.px-chain div span{padding:1.5cqw 2.4cqw}
.px-chain div em{padding:.9cqw 1.6cqw}
.px-cover .px-bot{margin-top:4.4cqw}
.px-wf .px-rows div{padding:1.35cqw 0;font-size:2.5cqw}
.px-wf .px-ui-b{padding:2.2cqw 2.8cqw}
.px-wf .px-num.solid{margin-top:3.6cqw}

/* Home: the plan in 10 seconds (replaces the old deliverables strip) */
.hero-note{margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-3);max-width:480px}
.tldr{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(48px,6vw,80px) 0;background:linear-gradient(180deg,var(--paper),var(--ivory))}
.tldr-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:32px;align-items:end;margin-bottom:clamp(28px,4vw,48px)}
.tldr-h{font-size:clamp(1.5rem,2.6vw,2.2rem);max-width:760px}
.tldr-g{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.tldr-g>li{display:flex;flex-direction:column;gap:10px;padding:26px 26px 4px 0;margin-right:26px;border-right:1px solid var(--line)}
.tldr-g>li:last-child{border-right:0;margin-right:0}
.tldr-n{font-family:var(--mono);font-size:11px;color:var(--gold-2);letter-spacing:.1em}
.tldr-g>li>b{font-size:19px;font-weight:600;letter-spacing:-.025em}
.tldr-g p{font-size:14.5px;color:var(--ink-3);line-height:1.55}
.tldr-count{display:flex;gap:18px;flex-wrap:wrap}
.tldr-count span{display:flex;flex-direction:column;font-size:12.5px;color:var(--ink-3)}
.tldr-count span b{font-family:var(--caps);font-size:42px;font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.tldr-a{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--gold-2)}
.tldr-a .ico{width:14px;height:14px;transition:transform .3s var(--ease)}
.tldr-a:hover .ico{transform:translateX(4px)}
@media (max-width:1020px){.tldr-g{grid-template-columns:1fr 1fr}.tldr-g>li:nth-child(2){border-right:0;margin-right:0}.tldr-g>li:nth-child(n+3){border-top:1px solid var(--line)}.tldr-head{grid-template-columns:1fr;gap:14px}}
@media (max-width:600px){.tldr-g{grid-template-columns:1fr}.tldr-g>li{border-right:0;margin-right:0;padding-right:0;padding-bottom:22px}.tldr-g>li+li{border-top:1px solid var(--line)}}

/* About: real @wakeupakhill profile (avatar, bio and latest reel covers from the public profile, 28 Sep 2026) */
.igme-p{display:block;color:var(--print);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.igme-p:hover{transform:translateY(-4px);box-shadow:0 50px 90px -30px rgba(0,0,0,.95),0 0 0 1px rgba(226,184,64,.5)}
.igme-bar{display:flex;align-items:center;gap:6px;font-size:17px;margin-bottom:14px}
.igme-ver{width:14px;height:14px}
.igme-av{background:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #E2B840;overflow:hidden}
.igme-av img{width:100%;height:100%;object-fit:cover}
.igme-st b{font-size:18px;letter-spacing:-.02em}
.igme-bio{margin-top:14px;font-size:13.5px;line-height:1.45}
.igme-bio small{color:var(--print-3);font-size:12.5px}
.igme-bio p{margin-top:2px}
.igme-btn{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}
.igme-btn span{text-align:center;padding:7px;border-radius:8px;background:#EFEFEF;font-size:13px;font-weight:600}
.igme-btn span:first-child{background:#0095F6;color:#fff}
.igme-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border-top:1px solid #E5E5E5}
.igme-tabs i{height:2px;margin:0 30%}
.igme-tabs i.on{background:#0C0C0A}
.igme-g{margin-top:8px;border-radius:4px}
.igme-g span{aspect-ratio:3/4;background:#111;overflow:hidden}
.igme-g span img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.igme-p:hover .igme-g span img{transform:scale(1.04)}
.igme-g em{background:none!important;padding:0!important;left:auto!important;right:6px;top:6px;bottom:auto!important}
.igme-g em::before{border-left-color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.igme-cap{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:12px;color:var(--print-3)}
.igme-cap .ico{width:13px;height:13px;margin-left:auto}

/* Home: Today / With Phi, redrawn as real app windows that snap into one OmniPhi environment */
.conv{height:calc(460*var(--k));background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(226,184,64,.05),transparent 70%),#0E0E0C}
.conv::before{background-image:linear-gradient(rgba(244,240,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,232,.035) 1px,transparent 1px);background-size:calc(32*var(--k)) calc(32*var(--k))}
.cw{position:absolute;left:50%;top:50%;width:calc(140*var(--k));height:calc(92*var(--k));border-radius:calc(8*var(--k));background:#161613;border:1px solid rgba(244,240,232,.14);box-shadow:0 calc(18*var(--k)) calc(40*var(--k)) calc(-14*var(--k)) rgba(0,0,0,.9);overflow:hidden;transform:translate(-50%,-50%) translate(calc(var(--sx)*var(--k)),calc(var(--sy)*var(--k))) rotate(var(--sr));transition:transform 1.1s var(--ease-out),border-color .6s,box-shadow .6s;transition-delay:calc(var(--i)*.05s)}
.cw-h{display:flex;align-items:center;gap:calc(4*var(--k));height:calc(22*var(--k));padding:0 calc(8*var(--k));border-bottom:1px solid rgba(244,240,232,.08);font-size:calc(10.5*var(--k));color:var(--ink-2)}
.cw-h i{width:calc(5*var(--k));height:calc(5*var(--k));border-radius:50%;background:rgba(244,240,232,.2)}
.cw-h b{margin-left:calc(5*var(--k));font-weight:600}
.cw-b{padding:calc(9*var(--k)) calc(10*var(--k));height:calc(70*var(--k));display:flex;flex-direction:column;justify-content:center;gap:calc(6*var(--k))}
.cw-b svg{width:100%;height:100%}
.cw .cl{display:block;height:calc(4*var(--k));border-radius:2px;background:rgba(244,240,232,.16)}
.cw .cl.s{width:60%}
.cw .cdl rect{fill:rgba(244,240,232,.55)}
.cw .cdl rect:nth-child(2n){fill:#C8A030}
.cw .crv{fill:none;stroke:#E2B840;stroke-width:1.4;vector-effect:non-scaling-stroke}
.cw .cd{display:flex;gap:calc(5*var(--k))}
.cw .cd i{height:calc(4*var(--k));width:calc(26*var(--k));border-radius:2px;background:rgba(244,240,232,.18)}
.cw .cd i.k{background:#C8A030;width:calc(18*var(--k))}
.cw .cd i.s{background:#8FB98A;width:calc(34*var(--k))}
.cw .tk2{display:grid;grid-template-columns:1fr 1fr;gap:calc(6*var(--k))}
.cw .tk2 i{font-style:normal;text-align:center;font-size:calc(10*var(--k));font-weight:700;padding:calc(6*var(--k)) 0;border-radius:calc(4*var(--k));border:1px solid rgba(244,240,232,.18)}
.cw .tk2 i:first-child{background:#E2B840;border-color:#E2B840;color:#0C0C0A}
.cw .rk{display:grid;grid-template-columns:1.6fr 1fr;gap:calc(4*var(--k))}
.cw .rk i{height:calc(8*var(--k));background:rgba(244,240,232,.12);border-radius:2px}
.cw .rk i:nth-child(2n){background:rgba(226,184,64,.35)}
.hand{font-size:calc(11*var(--k))}
.conv-frame{position:absolute;left:50%;top:50%;width:calc(468*var(--k));height:calc(278*var(--k));transform:translate(-50%,-50%) translateY(calc(-4*var(--k))) scale(.94);border-radius:calc(12*var(--k));border:1px solid rgba(226,184,64,.55);background:rgba(10,10,8,.7);box-shadow:0 0 calc(80*var(--k)) rgba(226,184,64,.14);opacity:0;transition:opacity .6s var(--ease),transform 1s var(--ease-out)}
.conv-fh{display:flex;align-items:center;gap:calc(8*var(--k));height:calc(40*var(--k));padding:0 calc(14*var(--k));border-bottom:1px solid rgba(226,184,64,.25);font-family:var(--caps);font-weight:800;font-size:calc(11*var(--k));letter-spacing:.08em;text-transform:uppercase}
.conv-fh i{font-family:var(--phi);font-style:normal;font-weight:500;font-size:calc(20*var(--k));color:var(--gold-2);letter-spacing:0;text-transform:none}
.conv-fh span{font-family:var(--sans);font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-3);margin-left:calc(6*var(--k))}
.conv-fh em{margin-left:auto;font-style:normal;display:flex;align-items:center;gap:calc(6*var(--k));color:#8FD1A3;font-size:calc(10*var(--k))}
.conv-fh em::before{content:"";width:calc(6*var(--k));height:calc(6*var(--k));border-radius:50%;background:#8FD1A3;animation:pulse 1.6s infinite}
.conv.u .conv-frame{opacity:1;transform:translate(-50%,-50%) translateY(calc(-4*var(--k)))}
.conv.u .cw{transform:translate(-50%,-50%) translate(calc(var(--ux)*var(--k)),calc(var(--uy)*var(--k))) rotate(0deg);border-color:rgba(226,184,64,.28);box-shadow:none}
.conv-meter{position:absolute;left:20px;right:20px;bottom:16px;height:18px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-3)}
.conv-meter span{position:absolute;left:0;transition:opacity .5s}
.conv-meter b{font-family:var(--caps);font-weight:800;font-size:13px;color:var(--ink);margin-right:4px}
.conv-meter .m-b{opacity:0}.conv-meter .m-b b{color:var(--gold-2)}
.conv.u .conv-meter .m-a{opacity:0}.conv.u .conv-meter .m-b{opacity:1}
@media (max-width:760px){.conv-meter{font-size:10px}.cw-h b{margin-left:2px}}
.ab-av{overflow:hidden;border-color:#E2B840}
.ab-av img{width:100%;height:100%;object-fit:cover}