/* Popsmith — sections, charts, components */

/* ---------- Raise ticker bar ---------- */
.topstack{position:sticky;top:0;z-index:60}
.raisebar{background:var(--brown-950);color:var(--on-dark);padding-block:9px;font-size:13px}
.raisebar__inner{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:nowrap;text-align:center;min-width:0}
.raisebar__inner > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.raisebar b{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--gold-400);letter-spacing:.01em}
.raisebar .sep{opacity:.3}
.raisebar a{color:var(--gold-400);font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.raisebar a:hover{color:var(--cream-50)}

/* ---------- Header ---------- */
.header{padding-block:14px;background:rgba(46,31,17,.92);backdrop-filter:blur(12px);transition:background .28s ease,box-shadow .28s ease,padding .28s ease}
.header.is-stuck{background:rgba(46,31,17,.97);padding-block:10px;box-shadow:0 2px 0 rgba(253,246,231,.12)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand img{height:34px;width:auto}
.nav{display:flex;align-items:center;gap:26px}
.nav a{font-size:14.5px;font-weight:600;color:var(--on-dark-2)}
.nav a:hover{color:var(--cream-50)}
.header__cta{display:flex;align-items:center;gap:12px}
.nav-toggle{display:none;width:42px;height:42px;border-radius:12px;color:var(--cream-50);align-items:center;justify-content:center;border:2px solid var(--line-dark)}
.nav-toggle svg{width:20px;height:20px}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--brown-900);color:var(--on-dark);padding-top:clamp(48px,7vw,86px);padding-bottom:clamp(52px,7vw,86px);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(120% 110% at 88% 6%,rgba(239,199,94,.20),transparent 58%),radial-gradient(90% 80% at 8% 90%,rgba(217,85,63,.14),transparent 60%);pointer-events:none}
.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(30px,4.5vw,64px);align-items:start}
.hero__pill{display:inline-flex;align-items:center;gap:9px;background:rgba(239,199,94,.14);border:2px solid rgba(244,211,121,.42);color:var(--gold-300);font-size:12.5px;font-weight:600;padding:7px 15px;border-radius:var(--radius-pill);letter-spacing:.02em}
.hero__pill .dot{width:8px;height:8px;border-radius:50%;background:#5FD08A;box-shadow:0 0 0 4px rgba(95,208,138,.22)}
.hero h1{margin:18px 0 0;color:var(--cream-100)}
.hero h1 .accent{color:var(--gold-400)}
.hero__sub{margin-top:18px;max-width:52ch;color:var(--on-dark-2);font-size:clamp(15.5px,1.4vw,17px)}
.hero__bullets{margin-top:24px;padding-top:22px;border-top:2px solid var(--line-dark);display:flex;flex-direction:column;gap:12px}
.hero__bullets li{display:flex;gap:11px;font-size:14.5px;color:var(--on-dark-2);line-height:1.55}
.hero__bullets svg{width:18px;height:18px;color:var(--gold-400);flex-shrink:0;margin-top:3px}
.hero__bullets b{color:var(--cream-100);font-weight:600}
.hero__fine{margin-top:22px;display:flex;flex-direction:column;gap:9px;max-width:60ch}

.hero__panel{display:flex;flex-direction:column;gap:16px}
.hero__media{position:relative}
.hero__media .ph{aspect-ratio:16/10;border-radius:var(--radius-lg);box-shadow:var(--shadow-hard)}
.raise-chip{background:var(--cream-50);border:2.5px solid var(--brown-700);border-radius:var(--radius-pill);box-shadow:var(--shadow-hard);padding:11px 22px;text-align:center;font-family:var(--font-display);font-weight:800;font-size:clamp(16px,1.9vw,20px);color:var(--brown-800);letter-spacing:.02em;margin-top:-26px;position:relative;z-index:3;width:fit-content;margin-inline:auto}
.hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hero__stats .pcard{padding:20px 22px;text-align:center}
.hero__stats .stat__num{font-size:clamp(24px,2.9vw,33px)}
.hero__stats .stat__lbl{font-size:12.5px}

/* ---------- Email capture form ---------- */
.capture{background:var(--cream-50);border:2.5px solid var(--brown-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);padding:clamp(20px,2.6vw,28px)}
.capture--onGold{background:var(--cream-50)}
.capture__title{font-family:var(--font-display);font-weight:800;font-size:clamp(19px,2.2vw,25px);color:var(--brown-800);line-height:1.15}
.capture__sub{margin-top:8px;font-size:13.5px;color:var(--ink-2)}
.capture__form{margin-top:16px;display:flex;flex-direction:column;gap:11px}
.capture__row{display:flex;gap:11px}
.capture__row .fieldwrap{flex:1;min-width:0}
.fieldwrap{position:relative}
.capture input{width:100%;font-family:var(--font-body);font-size:15px;color:var(--brown-800);background:var(--cream-100);border:2.5px solid var(--brown-700);border-radius:var(--radius-pill);padding:13px 20px;outline:none;transition:border-color .16s ease,background .16s ease}
.capture input::placeholder{color:var(--ink-3)}
.capture input:focus{background:#fff;border-color:var(--coral)}
.capture input.err{border-color:var(--coral);background:#FDF0ED}
.capture__err{display:none;font-size:12px;color:var(--coral-dark);font-weight:600;padding-left:6px}
.capture__err.show{display:block}
.capture__consent{margin-top:12px;font-size:10.5px;line-height:1.55;color:var(--ink-3)}
.capture__consent a{text-decoration:underline;color:var(--gold-700)}
.capture__success{display:none;text-align:center;padding:8px 0 4px}
.capture.done .capture__form,.capture.done .capture__consent,.capture.done .capture__title,.capture.done .capture__sub{display:none}
.capture.done .capture__success{display:block}
.capture__success .tick{width:52px;height:52px;border-radius:50%;background:var(--gold-400);border:2.5px solid var(--brown-700);display:grid;place-items:center;margin:0 auto 14px}
.capture__success .tick svg{width:26px;height:26px;color:var(--brown-800)}
.capture__success h4{font-size:20px}
.capture__success p{margin-top:8px;font-size:13.5px;color:var(--ink-2)}
.capture__success .btn{margin-top:16px}
.capture__redirect{margin-top:12px;font-size:11.5px;color:var(--ink-3)}
.capture__redirect b{color:var(--brown-800)}

/* Klaviyo embed: let the form supply its own card styling */
.capture--klaviyo{background:transparent;border:none;box-shadow:none;padding:0}
.capture--klaviyo .klaviyo-form-XwBMw3{min-height:120px}

/* ---------- Info modal (Klaviyo capture popup) ---------- */
.modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,40px)}
.modal[hidden]{display:none}
.modal__overlay{position:absolute;inset:0;background:rgba(46,31,17,.62);backdrop-filter:blur(4px);animation:modalFade .2s ease both}
.modal__dialog{position:relative;z-index:1;width:100%;max-width:520px;max-height:calc(100vh - 2*clamp(16px,4vw,40px));overflow-y:auto;animation:modalPop .24s cubic-bezier(.2,.75,.25,1) both}
.modal__close{position:absolute;top:10px;right:10px;z-index:4;width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--cream-50);border:2.5px solid var(--brown-700);box-shadow:0 3px 0 var(--brown-700);color:var(--brown-800);transition:transform .14s ease,box-shadow .14s ease,background .16s ease}
.modal__close svg{width:18px;height:18px}
.modal__close:hover{background:var(--gold-400);transform:translateY(-2px);box-shadow:0 5px 0 var(--brown-700)}
.modal__close:active{transform:translateY(2px);box-shadow:0 1px 0 var(--brown-700)}
.modal__dialog .klaviyo-form-XwBMw3{min-height:160px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.modal-open{overflow:hidden}
@keyframes modalFade{from{opacity:0}to{opacity:1}}
@keyframes modalPop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){.modal__overlay,.modal__dialog{animation:none}}

/* ---------- Partner strip ---------- */
.partners{background:var(--cream-50);border-block:2.5px solid var(--brown-700)}
.partners__label{text-align:center;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.partners__row{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:clamp(22px,5vw,60px);flex-wrap:wrap}
.partner-name{font-family:var(--font-display);font-weight:800;font-size:clamp(15px,1.9vw,21px);color:var(--brown-700);letter-spacing:.01em;opacity:.82}
.partner-name:hover{opacity:1}

/* ---------- Opportunity ---------- */
.opp-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center;margin-top:44px}
.opp-grid .ph{aspect-ratio:4/3;border-radius:var(--radius-lg);box-shadow:var(--shadow-hard)}
.opp-points{margin-top:24px;display:flex;flex-direction:column;gap:16px}
.opp-point{display:flex;gap:14px}
.opp-point .ico{width:44px;height:44px;border-radius:13px;background:var(--gold-300);border:2.5px solid var(--brown-700);display:grid;place-items:center;flex-shrink:0;color:var(--brown-800)}
.opp-point .ico svg{width:22px;height:22px}
.opp-point h4{font-size:17px}
.opp-point p{font-size:14.5px;color:var(--ink-2);margin-top:3px}

/* ---------- Traction stat grid ---------- */
.tr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.tr-grid .pcard{padding:26px 22px}
.tr-grid .stat__num{font-size:clamp(30px,3.7vw,42px)}

/* ---------- Charts ---------- */
.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.chart-card{background:var(--cream-50);border:2.5px solid var(--brown-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);padding:clamp(22px,2.6vw,30px)}
.chart-card--gold{background:var(--gold-300)}
.chart-card__head h4{font-size:19px}
.chart-card__head p{font-size:13px;color:var(--ink-2);margin-top:5px}
.chart-note{margin-top:16px;font-size:11.5px;color:var(--ink-3);line-height:1.55}

/* Column chart */
.colchart{margin-top:40px;display:flex;align-items:flex-end;justify-content:center;gap:clamp(24px,5vw,56px);height:250px;padding-bottom:44px;position:relative}
.colchart::after{content:"";position:absolute;left:0;right:0;bottom:42px;height:2.5px;background:var(--brown-700);border-radius:2px}
.colgroup{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;flex:0 0 auto;width:clamp(74px,11vw,116px)}
.colgroup__val{flex:none;font-family:var(--font-display);font-weight:800;font-size:clamp(17px,2.1vw,25px);color:var(--brown-800);margin-bottom:10px;white-space:nowrap}
.colgroup__plot{flex:1 1 auto;width:100%;min-height:0;display:flex;align-items:flex-end}
.colgroup__bar{flex:none;display:block;width:100%;border:2.5px solid var(--brown-700);border-radius:10px 10px 0 0;border-bottom:none;transform-origin:bottom;animation:growY 1s cubic-bezier(.25,.8,.3,1) .12s both}
@keyframes growY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.colgroup__bar.gold{background:var(--gold-500)}
.colgroup__bar.coral{background:var(--coral)}
.colgroup__bar.cream{background:var(--cream-200)}
.colgroup__lbl{position:absolute;bottom:-30px;font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.colchart__delta{position:absolute;top:-16px;right:0;z-index:2;background:var(--gold-400);border:2.5px solid var(--brown-700);border-radius:var(--radius-pill);padding:5px 14px;font-family:var(--font-display);font-weight:800;font-size:13.5px;color:var(--brown-800);box-shadow:0 3px 0 var(--brown-700)}

/* Radial / donut */
.radials{margin-top:24px;display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap}
.radial{text-align:center}
.radial svg{width:clamp(110px,15vw,140px);height:clamp(110px,15vw,140px);transform:rotate(-90deg)}
.radial .track{fill:none;stroke:var(--cream-200);stroke-width:13}
.radial .prog{fill:none;stroke-width:13;stroke-linecap:round;stroke-dashoffset:var(--dash);animation:dashIn 1.15s cubic-bezier(.25,.8,.3,1) .12s both}
@keyframes dashIn{from{stroke-dashoffset:314.16}to{stroke-dashoffset:var(--dash)}}
.radial .prog.gold{stroke:var(--gold-500)}
.radial .prog.coral{stroke:var(--coral)}
.radial__wrap{position:relative;display:inline-block}
.radial__num{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:clamp(23px,3vw,30px);color:var(--brown-800)}
.radial__lbl{margin-top:10px;font-size:13px;font-weight:600;color:var(--ink-2);max-width:19ch;margin-inline:auto;line-height:1.4}

/* Horizontal bars */
.hbars{margin-top:22px;display:flex;flex-direction:column;gap:15px}
.hbar{display:grid;grid-template-columns:132px 1fr 86px;align-items:center;gap:13px}
.hbar__name{font-size:13.5px;font-weight:600;color:var(--ink-2)}
.hbar__track{display:block;height:20px;border:2.5px solid var(--brown-700);border-radius:var(--radius-pill);background:var(--cream-100);overflow:hidden}
.hbar__fill{display:block;height:100%;border-radius:var(--radius-pill);transform-origin:left;animation:growX 1s cubic-bezier(.25,.8,.3,1) .12s both}
@keyframes growX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hbar__fill.gold{background:var(--gold-500)}
.hbar__fill.coral{background:var(--coral)}
.hbar__val{font-family:var(--font-display);font-weight:800;font-size:14.5px;text-align:right;color:var(--brown-800)}

/* ---------- Quote (O'Leary) ---------- */
.quote-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,4vw,48px);align-items:center}
.quote-block blockquote{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,3.2vw,38px);line-height:1.16;color:#fff}
.quote-block .who{margin-top:18px;font-size:15px;font-weight:600;color:var(--ink-2)}
.quote-block .fine{margin-top:16px;max-width:62ch}
.quote-grid .ph{aspect-ratio:4/5;border-radius:var(--radius-lg);box-shadow:var(--shadow-hard)}

/* ---------- Expansion cards ---------- */
.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;align-items:start}
.exp-card h3{font-size:22px;text-align:center}
.exp-card p{margin-top:9px;font-size:14px;color:var(--ink-2);text-align:center}
.exp-card .ph{margin-top:20px;aspect-ratio:4/3;border-radius:var(--radius);box-shadow:none}
.swatches{margin-top:18px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.swatch{display:inline-block;width:36px;height:36px;border-radius:50%;border:2.5px solid var(--brown-700)}
.exp-foot{margin-top:30px;text-align:center;max-width:80ch;margin-inline:auto;font-size:14.5px;color:var(--ink-2)}
/* Product shots on white/cream — show the full image, no crop */
.ph--product>img{object-fit:contain;background:#fff}
/* Popper colorway strip (replaces the round color swatches) */
.exp-colors{margin-top:14px;border-radius:var(--radius);overflow:hidden;border:2.5px solid var(--brown-700)}
.exp-colors img{width:100%;height:auto;display:block}

/* ---------- Press ---------- */
.press-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.press-media{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.press-media .ph{aspect-ratio:1/1;border-radius:var(--radius)}
.press-media .ph:first-child{grid-column:1/-1;aspect-ratio:16/9}
.press-media .ph:last-child{grid-column:1/-1;aspect-ratio:16/9}
.press-logos__label{margin-top:26px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.press-logos{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.plogo{color:#141414;opacity:1;font-size:16px;line-height:1;white-space:nowrap}
.plogo--bold{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:15.5px}
.plogo--serif{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:.02em}
.plogo--serif-i{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:700;font-size:18px}
.plogo--script{font-family:'Baloo 2',cursive;font-weight:600;font-size:16px}
/* Drop-in real logos later: <img class="plogo plogo--img" src="assets/logos/press/xxx.svg" alt="…"> */
.plogo--img{display:inline-block;height:26px;width:auto;opacity:1;filter:none}

/* ---------- Roadmap ---------- */
.road{margin-top:48px;position:relative}
.road__line{display:block;position:absolute;top:13px;left:6%;right:6%;height:0;border-top:3px dashed var(--brown-700);opacity:.55}
.road__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
.road-item{display:flex;flex-direction:column;align-items:center}
.road-item__dot{display:block;width:26px;height:26px;border-radius:50%;background:var(--brown-800);border:3px solid var(--gold-300);position:relative;z-index:2}
.road-item .pcard{margin-top:20px;width:100%;padding:22px 20px;text-align:center}
.road-item h4{font-size:18px}
.road-item p{margin-top:8px;font-size:13.5px;color:var(--ink-2)}
.road-item .ph{margin-top:16px;aspect-ratio:4/3;border-radius:14px;box-shadow:none}

/* ---------- Team ---------- */
.team-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,4vw,56px);align-items:center}
.team-grid .ph{aspect-ratio:1/1;border-radius:var(--radius-lg);box-shadow:var(--shadow-hard)}

/* ---------- Perks ---------- */
.perk-block{margin-top:40px}
.perk-block__label{font-family:var(--font-display);font-weight:800;font-size:13.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--brown-700);display:flex;align-items:center;gap:12px}
.perk-block__label::after{content:"";flex:1;height:2.5px;background:var(--brown-700);opacity:.28;border-radius:2px}
.perk-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.perk-grid--2{grid-template-columns:repeat(2,1fr);max-width:760px}
.perk-card{display:flex;flex-direction:column}
.perk-card__name{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.09em;text-transform:uppercase;color:var(--brown-700)}
.perk-card__bonus{margin-top:10px;font-family:var(--font-display);font-weight:800;font-size:clamp(26px,3.2vw,36px);line-height:1;color:var(--coral)}
.perk-card__bonus small{font-size:14px;font-weight:700;color:var(--ink-3);display:block;margin-top:5px;letter-spacing:0;text-transform:none}
.perk-card__desc{margin-top:12px;font-size:13.5px;color:var(--ink-2);flex:1}
.perk-card .btn{margin-top:18px}

/* ---------- Terms ---------- */
.terms-wrap{margin-top:40px;background:var(--cream-50);border:2.5px solid var(--brown-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);overflow:hidden}
.terms-head{padding:20px 26px;background:var(--gold-300);border-bottom:2.5px solid var(--brown-700);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.terms-head h3{font-size:22px}
.terms-head .dl{font-size:13px;font-weight:600;color:var(--ink-2)}
.terms-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.term{padding:22px 26px;border-right:2px solid var(--line);border-bottom:2px solid var(--line)}
.term:nth-child(4n){border-right:none}
.term__k{font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.term__v{margin-top:7px;font-family:var(--font-display);font-weight:800;font-size:clamp(19px,2.2vw,25px);color:var(--coral);line-height:1.1}
.terms-foot{padding:16px 26px}

/* ---------- Final CTA ---------- */
.final{background:var(--brown-900);color:var(--on-dark);position:relative;overflow:hidden}
.final::before{content:"";position:absolute;inset:0;background-image:radial-gradient(90% 90% at 50% 0%,rgba(239,199,94,.22),transparent 62%);pointer-events:none}
.final__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);align-items:center}
.final h2{color:var(--cream-100)}
.final p{margin-top:16px;color:var(--on-dark-2);font-size:clamp(15.5px,1.5vw,18px)}
.final__list{margin-top:22px;display:flex;flex-direction:column;gap:11px}
.final__list li{display:flex;gap:11px;font-size:14.5px;color:var(--on-dark-2)}
.final__list svg{width:18px;height:18px;color:var(--gold-400);flex-shrink:0;margin-top:3px}
/* Keep the capture box's own text dark inside the dark final section (was inheriting .final p) */
.final .capture__sub{color:var(--ink-2)}
.final .capture__consent{color:var(--ink-3)}
.final .capture__success p{color:var(--ink-2)}

/* ---------- Footer ---------- */
.footer{background:var(--brown-950);color:var(--on-dark-2);padding-block:52px 30px}
.footer__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
.footer .brand img{height:36px}
.footer__brand p{margin-top:16px;font-size:13.5px;max-width:36ch}
.footer h4{color:var(--cream-100);font-family:var(--font-display);font-size:14px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:13px}
.footer ul{display:flex;flex-direction:column;gap:9px}
.footer ul a{font-size:13.5px;color:var(--on-dark-2)}
.footer ul a:hover{color:var(--gold-400)}
.footer__legal{margin-top:36px;padding-top:24px;border-top:2px solid var(--line-dark)}
.footer__legal .disc{font-size:11.5px;line-height:1.7;color:rgba(253,246,231,.5)}
.footer__legal .disc strong{color:rgba(253,246,231,.78)}
.footer__legal .disc p+p{margin-top:11px}
.footer__bottom{margin-top:26px;padding-top:20px;border-top:2px solid var(--line-dark);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--on-dark-3)}

/* ---------- Sticky mobile CTA ---------- */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(46,31,17,.96);backdrop-filter:blur(10px);border-top:2.5px solid var(--gold-500);padding:11px var(--gutter);display:none;align-items:center;justify-content:space-between;gap:14px;transform:translateY(100%);transition:transform .3s ease}
.sticky-cta.show{transform:translateY(0)}
.sticky-cta .t1{color:var(--cream-50);font-family:var(--font-display);font-weight:800;font-size:15px}
.sticky-cta .t2{color:var(--on-dark-2);font-size:11.5px}

/* ---------- Responsive ---------- */
@media (max-width:900px){
.raisebar__mid,.raisebar .sep{display:none}
}
@media (max-width:980px){
.nav{display:none}
.header__cta .btn-outline-cream{display:none}
.nav-toggle{display:flex}
.hero__grid,.opp-grid,.quote-grid,.press-grid,.team-grid,.final__grid,.chart-grid{grid-template-columns:1fr}
.tr-grid,.perk-grid{grid-template-columns:repeat(2,1fr)}
.perk-grid--2{max-width:none}
.road__grid{grid-template-columns:repeat(2,1fr);gap:26px}
.road__line{display:none}
.terms-grid{grid-template-columns:repeat(2,1fr)}
.term:nth-child(2n){border-right:none}
.term:nth-child(4n){border-right:none}
.footer__top{grid-template-columns:1fr 1fr}
.sticky-cta{display:flex}
.quote-grid .ph{aspect-ratio:16/10}
}
@media (max-width:620px){
body{font-size:15.5px}
.tr-grid,.exp-grid,.perk-grid,.press-media,.road__grid{grid-template-columns:1fr}
.terms-grid{grid-template-columns:1fr}
.term{border-right:none}
.footer__top{grid-template-columns:1fr;gap:24px}
.raisebar__inner{gap:10px;font-size:11.5px}
.raisebar .sep,.raisebar__mid{display:none}
.hero__stats{grid-template-columns:1fr 1fr}
.capture__row{flex-direction:column}
.hbar{grid-template-columns:100px 1fr 66px;gap:9px}
.colchart{gap:18px}
.press-media .ph:first-child{aspect-ratio:16/10}
}

/* ---------- Retail partner logos ---------- */
.partners__row--logos{gap:clamp(28px,6vw,72px)}
.partner-logo{height:clamp(24px,3.4vw,40px);width:auto;object-fit:contain;filter:none;opacity:1}

/* ---------- Hero commercial video ---------- */
.hero-video{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;border:2.5px solid var(--brown-700);box-shadow:var(--shadow-hard);background:var(--brown-950)}
.hero-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hero-video__sound{position:absolute;left:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;background:rgba(46,31,17,.72);backdrop-filter:blur(6px);color:var(--cream-50);border:2px solid rgba(253,246,231,.35);border-radius:var(--radius-pill);padding:9px 15px;font-family:var(--font-display);font-weight:800;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;transition:background .18s ease,transform .18s ease}
.hero-video__sound:hover{background:rgba(46,31,17,.9);transform:translateY(-2px)}
.hero-video__sound svg{width:17px;height:17px}
.hero-video__sound .ico-sound{display:none}
.hero-video__sound[data-muted="false"] .ico-muted{display:none}
.hero-video__sound[data-muted="false"] .ico-sound{display:block}
.hero-video__sound[data-muted="false"] .hero-video__soundtxt{display:none}

/* Play/pause + restart controls */
.hero-video__ctrls{position:absolute;right:14px;bottom:14px;z-index:3;display:flex;align-items:center;gap:8px}
.hero-video__ctrl{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:rgba(46,31,17,.72);backdrop-filter:blur(6px);color:var(--cream-50);border:2px solid rgba(253,246,231,.35);border-radius:50%;transition:background .18s ease,transform .18s ease}
.hero-video__ctrl:hover{background:rgba(46,31,17,.9);transform:translateY(-2px)}
.hero-video__ctrl svg{width:19px;height:19px}
.hero-video__ctrl .ico-play{display:none}
.hero-video__ctrl[data-playing="false"] .ico-pause{display:none}
.hero-video__ctrl[data-playing="false"] .ico-play{display:block}

/* ---------- Business model ---------- */
.model-grid{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.model-card{display:flex;flex-direction:column;gap:14px}
.model-card__num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--gold-300);border:2.5px solid var(--brown-700);font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--brown-800)}
.model-card h4{font-size:19px}
.model-card p{margin-top:6px;font-size:14px;color:var(--ink-2)}
.model-foot{margin-top:28px;text-align:center;max-width:66ch;margin-inline:auto;font-family:var(--font-display);font-weight:700;font-size:clamp(16px,1.8vw,20px);color:var(--brown-700)}

/* ---------- Expansion (full designed images) ---------- */
.exp-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-hard)}
.exp-img img{width:100%;height:auto;display:block}

/* ---------- Single press collage ---------- */
.press-media--single{grid-template-columns:1fr}
.press-media--single .ph{aspect-ratio:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);background:none;border:none}
.press-media--single .ph img{position:static;height:auto;object-fit:contain}
/* Portrait GIF (Oprah clip) — constrain so it doesn't dominate the row */
.press-media--gif{max-width:360px;margin-inline:auto;width:100%}
.press-media.press-media--gif .ph{aspect-ratio:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);border:2.5px solid var(--brown-700);background:var(--brown-950)}
.press-media.press-media--gif .ph img{position:static;width:100%;height:auto;object-fit:contain}

/* ---------- Why we're raising list ---------- */
.raise-list{margin-top:16px;display:flex;flex-direction:column;gap:11px}
.raise-list li{display:flex;gap:11px;font-size:14.5px;color:var(--ink-2);line-height:1.5}
.raise-list svg{width:19px;height:19px;color:var(--coral);flex-shrink:0;margin-top:3px}
#raising .ph{aspect-ratio:4/3;border-radius:var(--radius-lg);box-shadow:var(--shadow-hard)}

/* ---------- Advisor bubble ---------- */
.advisor{margin-top:26px;display:flex;align-items:center;gap:16px;background:var(--cream-50);border:2.5px solid var(--brown-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);padding:16px 20px;max-width:440px}
.advisor__avatar{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--gold-400);border:2.5px solid var(--brown-700);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--brown-800);letter-spacing:.02em;overflow:hidden}
.advisor__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.advisor__body{display:flex;flex-direction:column;line-height:1.3}
.advisor__name{font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--brown-800)}
.advisor__role{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--coral);margin-top:2px}
.advisor__note{font-size:13.5px;color:var(--ink-2);margin-top:2px}

/* ---------- O'Leary name (readable on brown) ---------- */
.section--brown .quote-block .who{color:var(--gold-300)}

/* ---------- Compact amount-based perks ---------- */
.perk-grid--compact{grid-template-columns:repeat(5,1fr);gap:12px}
.perk-grid--compact .perk-card{padding:18px 16px}
.perk-grid--compact .perk-card__name{font-size:13px}
.perk-grid--compact .perk-card__bonus{font-size:clamp(20px,2.2vw,26px)}
.perk-grid--compact .perk-card__bonus small{font-size:12px;margin-top:3px}
.perk-grid--compact .perk-card__desc{font-size:12.5px;margin-top:10px}
.perk-grid--compact .perk-card .btn{margin-top:14px}

/* ---------- Roadmap cards: uniform height ---------- */
.road__grid{align-items:stretch}
.road-item{height:100%}
.road-item .pcard{height:100%;display:flex;flex-direction:column}
.road-item .ph{margin-top:auto}

/* ---------- Scroll movement (parallax) ---------- */
[data-parallax]{will-change:transform}
.float-pop{position:absolute;z-index:1;pointer-events:none;user-select:none;opacity:.5}
.float-pop--1{top:8%;right:0;width:min(46%,540px)}
@media (max-width:980px){
  .model-grid{grid-template-columns:repeat(2,1fr)}
  .perk-grid--compact{grid-template-columns:repeat(3,1fr)}
  .float-pop{display:none}
}
@media (max-width:620px){
  .model-grid{grid-template-columns:1fr}
  .perk-grid--compact{grid-template-columns:1fr}
  .partners__row--logos{gap:26px}
}
@media (prefers-reduced-motion:reduce){
  [data-parallax]{transform:none!important}
}

[id]{scroll-margin-top:112px}