:root{
  --black:#050507;--black2:#0a0a0f;--ivory:#f7f3ec;--muted:#aaa7a3;--gold:#d6ab62;--gold2:#f0d39e;--violet:#7357ff;
  --line:rgba(255,255,255,.12);--glass:rgba(7,7,10,.58);--max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--ivory);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
button,input,select,textarea{font:inherit} button{cursor:pointer} a{color:inherit;text-decoration:none}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:78px;padding:max(16px,env(safe-area-inset-top)) clamp(18px,4vw,52px) 0;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;transition:.35s}
.site-header.scrolled{background:linear-gradient(180deg,rgba(5,5,7,.92),rgba(5,5,7,0));backdrop-filter:blur(4px)}
.brand,.nav-invite{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:760;letter-spacing:-.02em}
.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(214,171,98,.7);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);font-size:10px;letter-spacing:.06em;color:var(--gold2)}
.brand-word{font-size:18px}.brand-word span,.footer-brand span{color:var(--gold)}
.nav-invite{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(214,171,98,.55);background:rgba(5,5,7,.48);color:var(--ivory);border-radius:999px;padding:11px 15px;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(12px)}
.hero{position:relative;min-height:100svh;overflow:hidden;background:#050507}
.video-stage{position:absolute;inset:0;overflow:hidden;background:#050507}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;transition:opacity .4s ease;filter:saturate(1.03) contrast(1.04)}.hero-video.active{opacity:1}
.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.04) 32%,rgba(0,0,0,.28) 56%,rgba(3,3,6,.94) 92%,#050507 100%)}
.hero-inner{position:relative;z-index:4;min-height:100svh;display:flex;flex-direction:column;padding:calc(92px + env(safe-area-inset-top)) 20px calc(32px + env(safe-area-inset-bottom));max-width:680px;margin:0 auto}.hero-spacer{height:5vh}
.countdown-wrap{align-self:center;display:flex;flex-direction:column;align-items:center;min-width:min(72vw,315px);padding:10px 14px 11px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(0,0,0,.30);backdrop-filter:blur(9px);box-shadow:0 18px 60px rgba(0,0,0,.26)}
.count-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(12px,3.4vw,15px);font-weight:950;letter-spacing:.22em;color:rgba(255,255,255,.92);margin:0 0 6px;text-shadow:0 2px 12px rgba(0,0,0,.9)}.count-platform-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;border:1px solid currentColor;background:rgba(3,3,6,.62);box-shadow:0 0 18px color-mix(in srgb,currentColor 28%,transparent);transition:opacity .18s ease,transform .24s cubic-bezier(.2,.82,.2,1),color .22s ease}.count-platform-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.count-platform-icon .icon-fill{fill:currentColor;stroke:none}.count-platform-icon.is-instagram{color:#e779d9}.count-platform-icon.is-tiktok{color:#66e9df}.count-platform-icon.is-facebook{color:#78a7ff}.count-platform-icon.platform-swap{opacity:0;transform:scale(.68) rotate(-8deg)}.countdown{font-size:clamp(35px,10.5vw,57.4px);line-height:.9;font-weight:950;letter-spacing:-.065em;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.95),0 0 28px rgba(214,171,98,.20);font-variant-numeric:tabular-nums;transition:opacity .14s,transform .14s}.countdown.tick{opacity:.42;transform:scale(.97)}
.hero-copy{margin-top:auto;padding-bottom:46px;text-align:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:.22em;margin-bottom:12px}.lock-dot{font-size:8px;color:var(--gold)}
.hero h1{margin:0 auto;max-width:660px;text-shadow:0 4px 30px rgba(0,0,0,.92)}.hero-question-stack{display:flex;flex-direction:column;align-items:center;gap:10px}.hero-question{font-size:clamp(24px,6.6vw,43px);line-height:.96;font-weight:950;letter-spacing:-.042em;color:#f7f3ec}.hero-question strong{color:var(--gold2);font-weight:950}.hero-consequence{display:block;max-width:560px;font-size:clamp(13px,3.4vw,20px);line-height:1.15;font-weight:900;letter-spacing:.035em;color:rgba(255,255,255,.82)}
.hero-consequence-alt{max-width:680px;font-size:clamp(13.75px,3.75vw,21.25px);line-height:1.22;letter-spacing:.015em}.hero-consequence-alt strong{color:#f3d38c;font-weight:950}
.hero-copy p{font-size:clamp(19px,5.2vw,25px);line-height:1.32;color:rgba(255,255,255,.92);margin:16px 0 20px;text-shadow:0 2px 16px rgba(0,0,0,.9)}.hero-copy p strong{color:#fff}
.primary-cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(240,211,158,.76);border-radius:14px;padding:17px 21px;background:linear-gradient(100deg,rgba(214,171,98,.20),rgba(115,87,255,.22));color:#fff;font-weight:950;letter-spacing:.075em;font-size:14px;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 10px 36px rgba(115,87,255,.14);transition:.25s;min-width:min(100%,340px)}.primary-cta:hover{transform:translateY(-2px);border-color:var(--gold2);box-shadow:0 16px 50px rgba(115,87,255,.22)}.primary-cta span{color:var(--gold2);font-size:18px;margin-left:9px}
.hero-meta{margin-top:12px;font-size:11.5px;line-height:1.35;letter-spacing:.035em;color:rgba(255,255,255,.70);font-weight:650}
.hero-app-proof{display:inline-flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 17px;padding:9px 13px 10px;border:1px solid rgba(214,171,98,.24);border-radius:12px;background:rgba(4,4,7,.38);backdrop-filter:blur(9px);box-shadow:0 10px 30px rgba(0,0,0,.16)}.hero-app-proof strong{font-size:10.5px;line-height:1.2;letter-spacing:.13em;color:var(--gold2);font-weight:950}.hero-app-proof span{font-size:11.5px;line-height:1.2;color:rgba(255,255,255,.76);font-weight:700;letter-spacing:.01em}
.sound-toggle{position:absolute;right:16px;bottom:78px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(0,0,0,.36);color:#fff;padding:8px 11px;font-size:10px;font-weight:800;display:flex;gap:6px;align-items:center;backdrop-filter:blur(8px)}
.scene-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:7px}.dot{width:24px;height:4px;border:0;border-radius:6px;background:rgba(255,255,255,.24);padding:0;transition:.25s}.dot.active{background:var(--gold2);width:38px}
.scroll-cue{position:absolute;z-index:6;left:50%;bottom:4px;transform:translateX(-50%);font-size:24px;color:rgba(255,255,255,.45)}
.section{position:relative;padding:clamp(88px,15vw,170px) 20px;border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.section-inner{position:relative;z-index:2;max-width:var(--max);margin:auto}.narrow{max-width:820px;text-align:center}.split{display:grid;grid-template-columns:1fr;gap:55px;align-items:center}.section-kicker{font-size:12px;font-weight:900;letter-spacing:.25em;color:var(--gold);margin-bottom:16px}.section h2{font-size:clamp(42px,10vw,86px);line-height:.95;letter-spacing:-.055em;margin:0;font-weight:900}.section h2 span{color:var(--gold2)}.lead{font-size:clamp(18px,4.5vw,24px);line-height:1.45;color:#bbb7b1;max-width:740px;margin:24px auto 0}.center{text-align:center}.micro{font-size:17px;color:#aaa;margin-top:20px}.micro strong{color:#fff}
.problem{background:radial-gradient(circle at 50% 30%,rgba(115,87,255,.08),transparent 40%),#060609}.risk-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:42px auto 48px;max-width:780px}.risk-grid span{border:1px solid rgba(255,255,255,.14);padding:12px 15px;border-radius:999px;color:#d7d4d0;font-weight:850;font-size:13px;letter-spacing:.09em;background:rgba(255,255,255,.025)}.statement{font-size:clamp(25px,6vw,42px);line-height:1.15;margin:0}.statement strong{color:var(--gold2)}
.shadow{background:radial-gradient(circle at 72% 49%,rgba(115,87,255,.055),transparent 25%),linear-gradient(180deg,#07070a,#050507)}
.shadow-copy{position:relative;z-index:4}.shadow-visual-wrap{position:relative;display:grid;place-items:center;min-width:0}.shadow-visual{height:min(82vw,520px);width:min(82vw,520px);max-width:100%;position:relative;display:grid;place-items:center;isolation:isolate;cursor:pointer;touch-action:manipulation}
.audience-halo{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(214,171,98,.10),rgba(115,87,255,.035) 44%,transparent 68%);filter:blur(18px);opacity:.25;transform:scale(.72);transition:opacity 1s ease,transform 1.15s cubic-bezier(.22,.8,.2,1)}
.core{position:relative;z-index:8;width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 45% 35%,rgba(214,171,98,.26),rgba(214,171,98,.065) 62%,rgba(5,5,7,.95));border:1px solid rgba(214,171,98,.68);box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 15px 55px rgba(0,0,0,.45);font-size:10px;letter-spacing:.17em;color:#c9c1b5;transition:transform .85s cubic-bezier(.22,.8,.2,1),box-shadow .85s ease}.core span{margin-bottom:11px}.core strong{color:#fff;font-size:12px;letter-spacing:.13em}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.105);border-radius:50%;transition:width 1.1s cubic-bezier(.22,.8,.2,1),height 1.1s cubic-bezier(.22,.8,.2,1),border-color .8s ease,opacity .8s ease,transform 1.1s ease}.orbit-1{width:205px;height:205px}.orbit-2{width:285px;height:285px}.orbit-3{width:365px;height:365px}.orbit-4{width:440px;height:440px;opacity:.15;border-style:dashed}
.visible-audience,.hidden-audience{position:absolute;inset:0;z-index:5;pointer-events:none}.audience-node{position:absolute;left:50%;top:50%;width:var(--size,6px);height:var(--size,6px);margin-left:calc(var(--size,6px)/-2);margin-top:calc(var(--size,6px)/-2);border-radius:999px;background:var(--node-color,#fff);box-shadow:0 0 14px color-mix(in srgb,var(--node-color,#fff) 72%,transparent);transform:rotate(var(--angle)) translateX(var(--radius)) scale(.65);opacity:0;transition:opacity .55s ease var(--delay),transform .9s cubic-bezier(.22,.8,.2,1) var(--delay)}
.visible-audience .audience-node{opacity:.72;transform:rotate(var(--angle)) translateX(var(--radius)) scale(1)}.hidden-audience .audience-node{filter:saturate(1.08)}
.shadow-label{position:absolute;z-index:7;bottom:1.5%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:950;letter-spacing:.30em;color:#73706c;transition:color .8s ease,letter-spacing .8s ease,text-shadow .8s ease}
.shadow-reveal-btn{margin-top:32px;display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(214,171,98,.48);border-radius:999px;background:rgba(214,171,98,.045);color:#eee9e0;padding:13px 17px;font-size:11px;font-weight:950;letter-spacing:.14em;transition:transform .25s,border-color .25s,background .25s}.shadow-reveal-btn:hover{transform:translateY(-2px);border-color:rgba(240,211,158,.78);background:rgba(214,171,98,.085)}.shadow-btn-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px rgba(214,171,98,.8)}.shadow-btn-arrow{font-size:16px;color:var(--gold2);transition:transform .35s ease}.shadow-after-copy{margin:17px 0 0;color:var(--gold2);font-size:16px;font-weight:820;opacity:0;transform:translateY(8px);transition:opacity .6s ease .25s,transform .6s ease .25s}.shadow-mobile-tap{display:none}
.shadow-visual.revealed .audience-halo{opacity:1;transform:scale(1.18)}.shadow-visual.revealed .core{transform:scale(.90);box-shadow:0 0 45px rgba(214,171,98,.12),0 15px 55px rgba(0,0,0,.55)}.shadow-visual.revealed .orbit-1{width:220px;height:220px;border-color:rgba(255,255,255,.12)}.shadow-visual.revealed .orbit-2{width:320px;height:320px;border-color:rgba(214,171,98,.13)}.shadow-visual.revealed .orbit-3{width:415px;height:415px;border-color:rgba(115,87,255,.14)}.shadow-visual.revealed .orbit-4{width:500px;height:500px;opacity:.52;border-color:rgba(255,255,255,.095)}.shadow-visual.revealed .hidden-audience .audience-node{opacity:var(--opacity,.82);transform:rotate(var(--angle)) translateX(var(--radius)) scale(1)}.shadow-visual.revealed .shadow-label{color:var(--gold2);letter-spacing:.22em;text-shadow:0 0 20px rgba(214,171,98,.25)}.shadow.reveal-active .shadow-after-copy{opacity:1;transform:none}.shadow.reveal-active .shadow-btn-arrow{transform:rotate(180deg)}

.ownership{background:radial-gradient(circle at 50% 20%,rgba(214,171,98,.07),transparent 36%),#050507;text-align:center}.value-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:52px;text-align:left}.value-card{position:relative;padding:25px 25px 22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.012));min-height:184px;overflow:hidden;outline:none;cursor:pointer;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}.value-card:before{content:"";position:absolute;inset:-35% 55% 65% -15%;background:radial-gradient(circle,rgba(214,171,98,.16),transparent 68%);opacity:0;transform:scale(.75);transition:opacity .35s ease,transform .45s ease;pointer-events:none}.value-card b{position:relative;z-index:2;font-size:10px;letter-spacing:.15em;color:var(--gold);transition:color .28s ease}.value-card h3{position:relative;z-index:2;font-size:22px;margin:18px 0 8px}.value-card p{position:relative;z-index:2;font-size:14px;line-height:1.55;color:#999;margin:0;transition:color .28s ease}.value-payoff{position:absolute;z-index:2;left:25px;right:25px;bottom:18px;color:var(--gold2);font-size:13px;font-weight:900;letter-spacing:.02em;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease}.value-payoff span{display:inline-block;margin-left:5px;transition:transform .28s ease}.value-card:hover,.value-card:focus-visible,.value-card.active{transform:translateY(-5px);border-color:rgba(214,171,98,.65);background:linear-gradient(150deg,rgba(214,171,98,.085),rgba(115,87,255,.025));box-shadow:0 18px 46px rgba(0,0,0,.26),0 0 28px rgba(214,171,98,.05)}.value-card:hover:before,.value-card:focus-visible:before,.value-card.active:before{opacity:1;transform:scale(1)}.value-card:hover p,.value-card:focus-visible p,.value-card.active p{color:#b9b4ad}.value-card:hover .value-payoff,.value-card:focus-visible .value-payoff,.value-card.active .value-payoff{opacity:1;transform:none}.value-card:hover .value-payoff span,.value-card:focus-visible .value-payoff span,.value-card.active .value-payoff span{transform:translateX(4px)}.value-card.active b{color:var(--gold2)}.value-hint{margin:18px 0 0;color:#777;font-size:11px;letter-spacing:.04em}.value-hint span{color:#b8b2aa;font-weight:800}
.categories{background:#08080c}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:45px}.category{min-height:112px;text-align:left;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);color:#fff;padding:18px;transition:.25s}.category small{display:block;color:#7c7975;font-weight:850;margin-bottom:28px}.category strong{font-size:16px}.category:hover,.category.active{border-color:rgba(214,171,98,.65);background:linear-gradient(140deg,rgba(214,171,98,.11),rgba(115,87,255,.05));transform:translateY(-2px)}.category-detail{margin-top:16px;border-left:2px solid var(--gold);padding:20px 20px 20px 24px;background:rgba(255,255,255,.025);border-radius:0 14px 14px 0}.category-detail span{font-size:11px;letter-spacing:.22em;font-weight:900;color:var(--gold)}.category-detail p{font-size:17px;line-height:1.55;color:#ccc;margin:8px 0 0;max-width:760px}
.invitation{min-height:85svh;display:flex;align-items:center;background:#050507}.invitation-glow{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(115,87,255,.14),rgba(214,171,98,.06) 35%,transparent 67%);left:50%;top:50%;transform:translate(-50%,-50%);filter:blur(10px)}.selective-line{margin:36px auto 30px;font-size:9px;letter-spacing:.14em;color:#87837e;display:flex;align-items:center;justify-content:center}.selective-line span{height:1px;max-width:60px;flex:1;background:rgba(255,255,255,.15);margin:0 12px}.large{padding:19px 28px;font-size:14px}.confidential{font-size:12px;color:#706d69;margin-top:14px}
footer{border-top:1px solid rgba(255,255,255,.08);padding:38px 22px 50px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;color:#777;font-size:11px;max-width:var(--max);margin:auto}.footer-brand-wrap{display:grid;gap:8px}.footer-brand{color:#fff;font-weight:800;font-size:16px}.footer-family{color:#777;line-height:1.5}.footer-family a{color:#a7a29b;font-weight:800;transition:color .2s ease}.footer-family a:hover{color:var(--gold2)}.footer-right{text-align:right}.footer-email{color:#bdb8b0;font-weight:750;line-height:1.8}.footer-email:hover{color:var(--gold2)}.footer-copyright{margin-top:6px;color:rgba(255,255,255,.16);font-size:8px;font-weight:400;font-style:italic;line-height:1.35;letter-spacing:.015em;white-space:nowrap}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}

@media (min-width:700px){.value-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:.9fr 1.1fr}.section-kicker{font-size:12px}}
@media (min-width:980px){.hero-inner{max-width:none;margin:0;padding-left:7vw;padding-right:7vw;align-items:flex-start}.video-stage{left:46%;width:54%;}.video-stage:before{content:"";position:absolute;z-index:3;left:0;top:0;bottom:0;width:22%;background:linear-gradient(90deg,#050507,transparent)}.hero-copy{text-align:left;width:43%;padding-bottom:10vh}.hero-app-proof{align-items:flex-start}.hero h1{margin-left:0}.hero-question-stack{align-items:flex-start}.hero-question{font-size:clamp(34px,3.4vw,54px)}.hero-consequence{font-size:clamp(15px,1.4vw,21px);text-align:left}.hero-consequence-alt{font-size:clamp(16.25px,1.44vw,21.25px);max-width:680px}.hero-copy p{font-size:22px}.countdown-wrap{position:absolute;right:8vw;top:19vh;align-self:auto}.countdown{font-size:clamp(35px,3.5vw,53.2px)}.sound-toggle{right:4vw}.scene-dots{left:73%;}.value-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(6,1fr)}.category{min-height:140px}.category strong{font-size:15px}.shadow-visual{height:520px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.reveal{opacity:1;transform:none}.hero-video,.countdown{transition:none}}

@media (max-width:520px){
  .site-header{height:72px;padding-top:max(14px,env(safe-area-inset-top));}
  .brand-word{font-size:16px}.brand-mark{width:34px;height:34px}
  .nav-invite{font-size:10px;padding:10px 12px}
  .hero-inner{padding-left:14px;padding-right:14px}
  .hero-spacer{height:3.5vh}
  .countdown-wrap{min-width:min(74vw,310px)}
  .hero-copy{padding-bottom:50px}
  .eyebrow{font-size:11.5px;letter-spacing:.19em}
  .primary-cta{width:min(92vw,350px);font-size:14px;padding:17px 18px}
  .section{padding-left:18px;padding-right:18px}
  .lead{font-size:19px}
  .selective-line{font-size:9.5px;line-height:1.5;letter-spacing:.10em}
}

@media (hover:hover) and (pointer:fine){.shadow-visual{transition:transform .22s ease-out}.shadow-visual:hover .core{border-color:rgba(240,211,158,.88)}}
@media (max-width:699px){
  .shadow .split{gap:28px}.shadow-copy{text-align:left}.shadow-visual-wrap{margin-top:4px}.shadow-visual{height:min(94vw,430px);width:min(94vw,430px)}
  .core{width:116px;height:116px}.orbit-1{width:180px;height:180px}.orbit-2{width:250px;height:250px}.orbit-3{width:320px;height:320px}.orbit-4{width:380px;height:380px}
  .shadow-visual.revealed .orbit-1{width:195px;height:195px}.shadow-visual.revealed .orbit-2{width:275px;height:275px}.shadow-visual.revealed .orbit-3{width:350px;height:350px}.shadow-visual.revealed .orbit-4{width:415px;height:415px}
  .shadow-reveal-btn{display:none}.shadow-mobile-tap{display:inline-flex;margin-top:6px;align-items:center;gap:10px;border:0;background:none;color:#d7d0c6;font-weight:900;font-size:11px;letter-spacing:.16em;padding:12px 16px}.shadow-mobile-tap span{color:var(--gold2);font-size:18px}.shadow-after-copy{font-size:17px;margin-top:18px}
  .shadow-label{bottom:-1%;font-size:9px}
}
@media (prefers-reduced-motion:reduce){.audience-node,.audience-halo,.core,.orbit,.shadow-after-copy,.shadow-btn-arrow{transition:none!important}}

@media (max-width:699px){.value-card{min-height:176px}.value-payoff{opacity:.18}.value-card.active .value-payoff{opacity:1}.value-hint{font-size:11.5px}.footer-family{max-width:260px}footer{align-items:flex-start}.footer-right{font-size:10.5px}}
@media (max-width:520px){footer{flex-direction:column;gap:18px}.footer-right{text-align:left}.footer-family{max-width:none}.value-card{padding:23px;min-height:174px}.value-payoff{left:23px;right:23px;bottom:17px}}

@media (max-width:520px){.hero-app-proof{max-width:92vw;margin-bottom:15px;padding:9px 12px}.hero-app-proof strong{font-size:10.3px;letter-spacing:.11em}.hero-app-proof span{font-size:11.8px}}


/* V6 — Risk section: controlled-access story + moving platform field */
.problem{min-height:100svh;display:flex;align-items:center;background:radial-gradient(circle at 50% 38%,rgba(115,87,255,.09),transparent 32%),radial-gradient(circle at 50% 58%,rgba(214,171,98,.055),transparent 38%),#060609;isolation:isolate}
.risk-content{position:relative;z-index:3;max-width:900px}
.problem h2{font-size:clamp(42px,8.2vw,82px)}
.platform-field{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.78}
 .platform-mark{position:absolute;width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);background:rgba(8,8,12,.55);border-radius:20px;backdrop-filter:blur(11px);color:rgba(255,255,255,.72);box-shadow:0 14px 46px rgba(0,0,0,.38);will-change:transform,opacity;transition:opacity .25s ease,filter .25s ease,border-color .25s ease,background .25s ease}
.platform-mark svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}.platform-mark svg .fill{fill:currentColor;stroke:none}
.pm-instagram{left:9%;top:23%}.pm-youtube{right:9%;top:27%}.pm-tiktok{left:11%;bottom:24%}.pm-x{right:12%;bottom:21%}.pm-facebook{left:4%;top:49%}.pm-snap{right:5%;top:52%}
.problem.risk-triggered .platform-mark{opacity:.2;filter:grayscale(1) blur(.25px);border-color:rgba(255,255,255,.06)}
.problem.risk-triggered .platform-mark:nth-child(2n){opacity:.08}
.risk-console{width:min(100%,620px);margin:42px auto 22px;padding:22px 24px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 28px 90px rgba(0,0,0,.34);backdrop-filter:blur(12px);text-align:left;transition:border-color .3s,box-shadow .3s,transform .3s}
.problem.risk-triggered .risk-console{border-color:rgba(214,171,98,.48);box-shadow:0 28px 100px rgba(0,0,0,.46),0 0 50px rgba(214,171,98,.05);transform:translateY(-2px)}
.risk-console-top,.risk-access-row{display:flex;align-items:center;justify-content:space-between}.risk-console-label{font-size:10px;font-weight:950;letter-spacing:.2em;color:#8f8b85}.risk-live{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:900;letter-spacing:.13em;color:#b4b0aa}.risk-live i{width:7px;height:7px;border-radius:50%;background:#6ee7a1;box-shadow:0 0 14px rgba(110,231,161,.75)}
.risk-console-count{font-size:clamp(36px,7vw,60px);font-weight:950;letter-spacing:-.055em;line-height:1;margin:19px 0 22px;color:#fff;font-variant-numeric:tabular-nums}.risk-console-count small{display:block;margin-top:7px;font-size:10px;letter-spacing:.2em;color:var(--gold2)}
.risk-access-row{padding-top:16px;border-top:1px solid rgba(255,255,255,.09);font-size:11px;font-weight:850;letter-spacing:.12em;color:#777}.risk-access-row strong{color:#78e3a3;font-size:13px;transition:color .2s}.problem.risk-triggered .risk-access-row strong{color:var(--gold2)}
.risk-meter{height:5px;margin-top:12px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}.risk-meter span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#6ee7a1,var(--gold2));border-radius:inherit;transition:width .5s cubic-bezier(.2,.8,.2,1),background .3s}.problem.risk-triggered .risk-meter span{background:linear-gradient(90deg,#d65e62,var(--gold2))}
.risk-impact{min-height:21px;margin-top:13px;font-size:13px;line-height:1.5;color:#a8a49e;transition:opacity .2s}.risk-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px auto 42px;max-width:800px}.risk-grid button{border:1px solid rgba(255,255,255,.14);padding:12px 15px;border-radius:999px;color:#d7d4d0;font-weight:900;font-size:12px;letter-spacing:.09em;background:rgba(255,255,255,.025);transition:.22s}.risk-grid button:hover,.risk-grid button.active{border-color:rgba(214,171,98,.72);background:rgba(214,171,98,.09);color:#fff;transform:translateY(-2px)}
.risk-statement{margin-top:12px}.risk-bridge{display:inline-flex;align-items:center;gap:9px;margin-top:42px;font-size:10px;font-weight:950;letter-spacing:.2em;color:#8e8a84;transition:.2s}.risk-bridge span{font-size:18px;color:var(--gold2)}.risk-bridge:hover{color:#fff}
@media (max-width:699px){
  .problem{min-height:auto;padding-top:105px;padding-bottom:105px}
  .platform-field{opacity:.54}.platform-mark{width:48px;height:48px;border-radius:15px}.platform-mark svg{width:27px;height:27px}
  .pm-instagram{left:2%;top:18%}.pm-youtube{right:2%;top:22%}.pm-tiktok{left:3%;bottom:19%}.pm-x{right:3%;bottom:17%}.pm-facebook{left:1%;top:48%}.pm-snap{right:1%;top:51%}
  .risk-console{margin-top:30px;padding:20px 18px}.risk-console-count{font-size:clamp(38px,12vw,52px)}.risk-grid{gap:8px;margin-top:18px;margin-bottom:34px}.risk-grid button{font-size:10.5px;padding:11px 13px}.risk-impact{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){.platform-mark,.risk-console,.risk-meter span,.risk-grid button{transition:none!important}}

/* V6 — Shadow copy refinement */
.shadow-copy h2{max-width:780px}

/* V7 — SEO/GEO visible details section */
.details{background:radial-gradient(circle at 50% 10%,rgba(214,171,98,.06),transparent 34%),#07070a}
.details-list{margin:42px auto 0;max-width:860px;text-align:left;border-top:1px solid rgba(255,255,255,.12)}
.details-list details{border-bottom:1px solid rgba(255,255,255,.12);transition:background .25s ease}
.details-list details[open]{background:rgba(255,255,255,.025)}
.details-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 4px;font-size:clamp(17px,3.6vw,22px);line-height:1.25;font-weight:850;color:#f4f0e9;cursor:pointer}
.details-list summary::-webkit-details-marker{display:none}
.details-list summary span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid rgba(214,171,98,.42);border-radius:50%;color:var(--gold2);font-size:20px;font-weight:500;transition:transform .25s ease,background .25s ease}
.details-list details[open] summary span{transform:rotate(45deg);background:rgba(214,171,98,.10)}
.details-list details p{margin:0;padding:0 52px 23px 4px;max-width:760px;color:#aaa6a0;font-size:clamp(15px,3vw,18px);line-height:1.6}
@media(max-width:520px){.details-list{margin-top:32px}.details-list summary{padding:20px 2px}.details-list details p{padding-right:8px}}


/* V8 — Impact, economics, outcome, FOMO refinement */
.economics-punch{margin:34px auto 42px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font-weight:950;line-height:1.02;letter-spacing:-.035em}
.economics-punch span{font-size:clamp(24px,5vw,43px);color:#f5f1ea}
.economics-punch strong{font-size:clamp(23px,4.8vw,42px);color:var(--gold2);text-shadow:0 0 30px rgba(214,171,98,.08)}
.outcome-rail{margin:40px auto 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;color:#88837d;font-size:11px;font-weight:950;letter-spacing:.15em;text-align:center}
.outcome-rail span,.outcome-rail strong{padding:10px 13px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.022)}
.outcome-rail strong{color:var(--gold2);border-color:rgba(214,171,98,.38);background:rgba(214,171,98,.055)}
.outcome-rail i{font-style:normal;color:rgba(214,171,98,.58);font-size:16px}
@media(max-width:520px){
  .economics-punch{margin:29px auto 34px;gap:7px}.economics-punch span{font-size:25px}.economics-punch strong{font-size:25px;max-width:350px}
  .outcome-rail{gap:7px;font-size:9.7px;letter-spacing:.10em;margin-top:32px}.outcome-rail span,.outcome-rail strong{padding:9px 10px}.outcome-rail i{font-size:13px}
}

/* V11: proof signal beneath hero CTA — visible, premium, still concise */
.hero-proof{max-width:520px;margin:14px auto 0;color:rgba(255,255,255,.96);font-weight:850;letter-spacing:.015em}
.hero-proof-pop{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:1px solid rgba(214,171,98,.48);border-radius:999px;background:linear-gradient(95deg,rgba(214,171,98,.11),rgba(115,87,255,.09),rgba(214,171,98,.09));box-shadow:0 10px 36px rgba(0,0,0,.28),0 0 0 rgba(214,171,98,0);overflow:hidden;opacity:0;transform:translateY(10px) scale(.985);animation:proofPopIn .75s cubic-bezier(.2,.85,.2,1) 1.8s forwards,proofGlow 3.6s ease-in-out 2.7s infinite}
.hero-proof-pop:after{content:"";position:absolute;inset:-30% auto -30% -30%;width:25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);animation:proofSheen 5.2s ease-in-out 3s infinite}
.hero-proof-dot{width:8px;height:8px;border-radius:50%;background:var(--gold2);box-shadow:0 0 16px rgba(240,211,158,.72);flex:0 0 auto}
@keyframes proofPopIn{to{opacity:1;transform:none}}
@keyframes proofGlow{0%,100%{border-color:rgba(214,171,98,.38);box-shadow:0 10px 36px rgba(0,0,0,.28),0 0 0 rgba(214,171,98,0)}50%{border-color:rgba(240,211,158,.72);box-shadow:0 12px 42px rgba(0,0,0,.30),0 0 28px rgba(214,171,98,.10)}}
@keyframes proofSheen{0%,68%{left:-35%;opacity:0}73%{opacity:1}88%{left:118%;opacity:.75}100%{left:118%;opacity:0}}
@media (min-width:980px){.hero-proof{margin-left:0;margin-right:0;max-width:520px}.hero-proof-pop{justify-content:flex-start}}
@media (max-width:520px){.hero-proof-pop{max-width:94vw;padding:12px 14px;font-size:12px;line-height:1.35;text-align:left;gap:9px}.hero-proof-dot{width:7px;height:7px}}
@media (prefers-reduced-motion:reduce){.hero-proof-pop{opacity:1;transform:none;animation:none}.hero-proof-pop:after{animation:none}}


/* V10 — Risk section motion is now visibly intentional */
.risk-console{opacity:.86;transform:translateY(12px) scale(.988)}
.problem.risk-in-view .risk-console{animation:riskConsoleEnter .75s cubic-bezier(.22,.8,.2,1) forwards}
.risk-live i{animation:riskLivePulse 1.35s ease-in-out infinite}
.risk-meter span{width:0}
.problem.risk-in-view .risk-meter span{width:100%}
.risk-interaction-hint{margin:16px auto -7px;font-size:9.5px;font-weight:950;letter-spacing:.20em;color:#716d67;opacity:0;transform:translateY(7px)}
.problem.risk-in-view .risk-interaction-hint{animation:riskHintIn .5s ease 1.25s forwards}
.problem.risk-in-view .risk-grid button{animation:riskPillCue .68s ease both}
.problem.risk-in-view .risk-grid button:nth-child(1){animation-delay:1.35s}.problem.risk-in-view .risk-grid button:nth-child(2){animation-delay:1.48s}.problem.risk-in-view .risk-grid button:nth-child(3){animation-delay:1.61s}.problem.risk-in-view .risk-grid button:nth-child(4){animation-delay:1.74s}.problem.risk-in-view .risk-grid button:nth-child(5){animation-delay:1.87s}.problem.risk-in-view .risk-grid button:nth-child(6){animation-delay:2.00s}
.risk-console.risk-hit{animation:riskHit .34s ease both!important}
.problem.risk-triggered .risk-live i{background:#d65e62;box-shadow:0 0 18px rgba(214,94,98,.75)}
.problem.risk-zero .risk-console{border-color:rgba(214,94,98,.58);box-shadow:0 28px 100px rgba(0,0,0,.5),0 0 55px rgba(214,94,98,.07)}
.problem.risk-zero .risk-console-count{opacity:.42;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(214,94,98,.55)}
.platform-mark{animation:platformBreathe 4.6s ease-in-out infinite}
.platform-mark:nth-child(2n){animation-delay:-1.8s}.platform-mark:nth-child(3n){animation-delay:-3.1s}
@keyframes riskConsoleEnter{0%{opacity:0;transform:translateY(22px) scale(.98);filter:blur(3px)}100%{opacity:1;transform:none;filter:none}}
@keyframes riskLivePulse{0%,100%{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1.18)}}
@keyframes riskHintIn{to{opacity:1;transform:none}}
@keyframes riskPillCue{0%{opacity:.35;transform:translateY(8px);border-color:rgba(255,255,255,.08)}65%{opacity:1;transform:translateY(-2px);border-color:rgba(214,171,98,.48)}100%{opacity:1;transform:none;border-color:rgba(255,255,255,.14)}}
@keyframes riskHit{0%{transform:translateY(-2px)}38%{transform:translateY(-2px) scale(.991);filter:brightness(1.18)}100%{transform:translateY(-2px);filter:none}}
@keyframes platformBreathe{0%,100%{box-shadow:0 14px 46px rgba(0,0,0,.38);border-color:rgba(255,255,255,.10);background:rgba(8,8,12,.52)}50%{box-shadow:0 16px 58px rgba(115,87,255,.11);border-color:rgba(214,171,98,.25);background:rgba(12,12,18,.64)}}
@media(max-width:699px){.risk-interaction-hint{font-size:9px;letter-spacing:.15em;margin-top:13px}.platform-mark{animation-duration:5.4s}}
@media(prefers-reduced-motion:reduce){.risk-live i,.platform-mark,.problem.risk-in-view .risk-console,.problem.risk-in-view .risk-grid button,.problem.risk-in-view .risk-interaction-hint,.risk-console.risk-hit{animation:none!important}.risk-console{opacity:1;transform:none}.risk-meter span{width:100%}.risk-interaction-hint{opacity:1;transform:none}}


/* V12 — proof statement gets a true scroll-triggered spotlight */
.hero-proof-pop{
  max-width:620px;
  margin-top:16px;
  padding:15px 20px;
  border:1.5px solid rgba(240,211,158,.72);
  background:
    radial-gradient(circle at 12% 50%,rgba(240,211,158,.15),transparent 34%),
    linear-gradient(100deg,rgba(214,171,98,.15),rgba(115,87,255,.10) 52%,rgba(214,171,98,.12));
  color:#fff;
  font-size:13.5px;
  line-height:1.32;
  font-weight:950;
  letter-spacing:.015em;
  box-shadow:0 16px 48px rgba(0,0,0,.36),0 0 0 rgba(240,211,158,0);
  opacity:.18;
  transform:translateY(14px) scale(.94);
  filter:saturate(.8) brightness(.82);
  animation:none;
  overflow:hidden;
}
.hero-proof-pop:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 8% 50%,rgba(240,211,158,.24),transparent 31%);
  opacity:.45;
  pointer-events:none;
}
.hero-proof-pop:after{
  content:"";
  position:absolute;
  top:-45%;bottom:-45%;left:-42%;width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,244,219,.42),transparent);
  transform:skewX(-17deg);
  opacity:0;
  animation:none;
  pointer-events:none;
}
.hero-proof-pop.proof-visible{
  animation:proofSpotlightIn .9s cubic-bezier(.18,.88,.2,1) forwards, proofSpotlightGlow 3.8s ease-in-out 1.05s infinite;
}
.hero-proof-pop.proof-visible:after{animation:proofSpotlightSweep 1.05s ease .16s 1 both}
.hero-proof-pop .hero-proof-dot{
  width:10px;height:10px;
  background:var(--gold2);
  box-shadow:0 0 0 5px rgba(240,211,158,.08),0 0 24px rgba(240,211,158,.92);
  position:relative;z-index:2;
}
.hero-proof-pop > span:last-child{position:relative;z-index:2;text-shadow:0 2px 14px rgba(0,0,0,.7)}
@keyframes proofSpotlightIn{
  0%{opacity:.18;transform:translateY(14px) scale(.94);filter:saturate(.8) brightness(.82)}
  58%{opacity:1;transform:translateY(-2px) scale(1.035);filter:saturate(1.08) brightness(1.18);box-shadow:0 20px 58px rgba(0,0,0,.40),0 0 42px rgba(240,211,158,.22)}
  100%{opacity:1;transform:none;filter:none;box-shadow:0 16px 48px rgba(0,0,0,.36),0 0 26px rgba(240,211,158,.10)}
}
@keyframes proofSpotlightSweep{
  0%{left:-42%;opacity:0}
  20%{opacity:.9}
  78%{opacity:.72}
  100%{left:118%;opacity:0}
}
@keyframes proofSpotlightGlow{
  0%,100%{border-color:rgba(240,211,158,.54);box-shadow:0 16px 48px rgba(0,0,0,.36),0 0 18px rgba(240,211,158,.06)}
  50%{border-color:rgba(255,229,177,.92);box-shadow:0 18px 54px rgba(0,0,0,.38),0 0 36px rgba(240,211,158,.17)}
}
@media (min-width:980px){.hero-proof-pop{font-size:14px;padding:16px 21px}}
@media (max-width:520px){
  .hero-proof-pop{max-width:95vw;font-size:13px;padding:14px 15px;border-radius:18px;line-height:1.35}
  .hero-proof-pop .hero-proof-dot{width:9px;height:9px;flex:0 0 auto}
}
@media (prefers-reduced-motion:reduce){
  .hero-proof-pop,.hero-proof-pop.proof-visible{opacity:1;transform:none;filter:none;animation:none}
  .hero-proof-pop:after,.hero-proof-pop.proof-visible:after{display:none;animation:none}
}

/* V12 — readable looping 50M → 0 risk countdown */
.risk-console-count{transition:color .22s ease,text-shadow .22s ease,opacity .22s ease;}
.risk-console-count.risk-count-step{animation:riskCountStep .34s cubic-bezier(.2,.82,.2,1)}
.risk-console-count.risk-count-zero{color:#ff777b;text-shadow:0 0 28px rgba(214,94,98,.20)}
.risk-console.risk-auto-zero{border-color:rgba(214,94,98,.40);box-shadow:0 28px 100px rgba(0,0,0,.50),0 0 46px rgba(214,94,98,.05)}
@keyframes riskCountStep{
  0%{opacity:.38;transform:translateY(5px) scale(.975);filter:blur(1.5px)}
  55%{opacity:1;transform:translateY(-1px) scale(1.012);filter:none}
  100%{opacity:1;transform:none;filter:none}
}
@media (prefers-reduced-motion:reduce){.risk-console-count.risk-count-step{animation:none}}


/* V14 — mobile story-flow tightening + automatic Shadow Followers reveal */
@media (max-width:699px){
  /* Reduce the dead zone between Risk and Shadow Followers while preserving a deliberate pause. */
  .problem{padding-bottom:52px}
  .problem .risk-bridge{margin-top:30px}
  .shadow{padding-top:58px}
  .shadow:before{
    content:"";
    position:absolute;
    left:50%; top:0;
    width:min(72vw,320px); height:84px;
    transform:translateX(-50%);
    background:radial-gradient(ellipse at 50% 0%,rgba(214,171,98,.09),rgba(115,87,255,.035) 38%,transparent 72%);
    pointer-events:none;
  }
}

/* The reveal is now scroll-led. Replay controls remain secondary. */
.shadow-reveal-btn,.shadow-mobile-tap{opacity:.66}
.shadow.reveal-active .shadow-reveal-btn,.shadow.reveal-active .shadow-mobile-tap{opacity:.9}
.shadow-scroll-cue{
  margin-top:18px;
  color:#77736e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.shadow-visual.auto-reveal-start .core{animation:shadowCoreArrival .8s cubic-bezier(.2,.82,.2,1)}
.shadow-visual.auto-reveal-start .orbit{animation-play-state:running}
@keyframes shadowCoreArrival{
  0%{transform:scale(.82);filter:brightness(.72)}
  58%{transform:scale(1.04);filter:brightness(1.16)}
  100%{transform:scale(.90);filter:none}
}
@media (prefers-reduced-motion:reduce){
  .shadow-visual.auto-reveal-start .core{animation:none}
}


/* V15 — clearer app possibility, richer platform ecosystem, visible-vs-hidden audience toggle */
.risk-app-tease{
  margin:14px auto -6px;
  color:var(--gold2);
  font-size:clamp(14px,2.6vw,18px);
  line-height:1.35;
  font-weight:850;
  letter-spacing:.015em;
  font-style:italic;
  opacity:.9;
  text-shadow:0 0 24px rgba(214,171,98,.08);
}

/* Make the platform ecosystem visible enough to register without stealing the headline. */
.platform-field{opacity:.92}
.platform-mark{color:rgba(255,255,255,.82);border-color:rgba(255,255,255,.18);background:rgba(9,9,14,.68)}
.pm-threads{left:18%;top:12%}.pm-twitch{right:20%;top:14%}.pm-linkedin{left:18%;bottom:11%}.pm-reddit{right:19%;bottom:10%}
.problem.risk-statement-focus .platform-mark{opacity:.34;filter:saturate(.75) brightness(.78)}
.problem.risk-statement-focus .platform-mark:nth-child(2n){opacity:.25}

/* The center is now an explicit comparison control. */
.shadow-core-toggle{appearance:none;font:inherit;cursor:pointer;padding:0;color:inherit}
.shadow-core-toggle:focus-visible{outline:2px solid var(--gold2);outline-offset:5px}
.shadow-core-toggle strong{transition:opacity .24s ease,transform .34s cubic-bezier(.2,.82,.2,1),color .3s ease}
.shadow-visual.hidden-focus .core{
  transform:scale(.94);
  border-color:rgba(115,87,255,.68);
  background:radial-gradient(circle at 48% 34%,rgba(115,87,255,.23),rgba(115,87,255,.065) 60%,rgba(5,5,7,.96));
  box-shadow:0 0 48px rgba(115,87,255,.15),0 15px 55px rgba(0,0,0,.56)
}
.shadow-visual.hidden-focus .core strong{color:#d8d0ff}
.shadow-visual.hidden-focus .visible-audience{opacity:.18;filter:grayscale(.8)}
.shadow-visual.hidden-focus .hidden-audience .audience-node{
  opacity:min(1,calc(var(--opacity,.82) + .14));
  transform:rotate(var(--angle)) translateX(var(--radius)) scale(1.18);
  box-shadow:0 0 20px color-mix(in srgb,var(--node-color,#fff) 82%,transparent)
}
.shadow-visual.hidden-focus .orbit-2,.shadow-visual.hidden-focus .orbit-3,.shadow-visual.hidden-focus .orbit-4{border-color:rgba(115,87,255,.25)}
.shadow-visual.hidden-focus .audience-halo{opacity:1;transform:scale(1.28);background:radial-gradient(circle,rgba(115,87,255,.16),rgba(214,171,98,.045) 46%,transparent 70%)}
.shadow-visual.hidden-focus .shadow-label{color:#d8d0ff;text-shadow:0 0 24px rgba(115,87,255,.30)}
.shadow-compare-hint{position:absolute;z-index:9;left:50%;bottom:-6.5%;transform:translateX(-50%);white-space:nowrap;color:#77736e;font-size:9px;font-weight:950;letter-spacing:.16em;opacity:0;transition:opacity .5s ease .35s,color .25s ease}
.shadow.reveal-active .shadow-compare-hint{opacity:.78}
.shadow-visual.hidden-focus .shadow-compare-hint{color:#a59bdd}

@media (max-width:699px){
  .platform-field{opacity:.72}
  .platform-mark{width:50px;height:50px;border-radius:15px;color:rgba(255,255,255,.88)}
  .pm-instagram{left:1%;top:15%}.pm-youtube{right:1%;top:19%}.pm-tiktok{left:2%;bottom:21%}.pm-x{right:2%;bottom:19%}.pm-facebook{left:0;top:42%}.pm-snap{right:0;top:45%}
  .pm-threads{left:18%;top:8%}.pm-twitch{right:18%;top:9%}.pm-linkedin{left:17%;bottom:8%}.pm-reddit{right:17%;bottom:7%}
  .risk-app-tease{margin-top:11px;font-size:15px}
  .shadow-compare-hint{bottom:-4.5%;font-size:8.5px;letter-spacing:.12em}
}
@media (prefers-reduced-motion:reduce){
  .shadow-visual.hidden-focus .hidden-audience .audience-node{transition:none!important}
}


/* V17 — mini social-platform glyphs plus a materially denser hidden audience */
.audience-logo{
  display:grid;
  place-items:center;
  border-radius:50%;
  background:color-mix(in srgb,var(--node-color,#fff) 14%,rgba(4,4,8,.92));
  border:1px solid color-mix(in srgb,var(--node-color,#fff) 48%,transparent);
  color:var(--node-color,#fff);
  box-shadow:0 0 13px color-mix(in srgb,var(--node-color,#fff) 42%,transparent),0 2px 8px rgba(0,0,0,.45);
  overflow:hidden;
}
.audience-logo svg{width:72%;height:72%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.audience-logo svg .logo-fill{fill:currentColor;stroke:none}
.visible-audience .audience-logo{z-index:2;opacity:.92;filter:saturate(.85) brightness(1.05)}
.hidden-audience .audience-logo{filter:saturate(.94) brightness(.95)}
.shadow-visual.revealed .hidden-audience .audience-logo{opacity:var(--opacity,.86)}
.shadow-visual.hidden-focus .hidden-audience .audience-logo{
  opacity:min(1,calc(var(--opacity,.86) + .10));
  transform:rotate(var(--angle)) translateX(var(--radius)) rotate(calc(-1 * var(--angle))) scale(1.10);
  box-shadow:0 0 17px color-mix(in srgb,var(--node-color,#fff) 62%,transparent),0 2px 10px rgba(0,0,0,.48)
}
.visible-audience .audience-logo,.shadow-visual.revealed .hidden-audience .audience-logo{
  transform:rotate(var(--angle)) translateX(var(--radius)) rotate(calc(-1 * var(--angle))) scale(1)
}
.shadow-visual:not(.revealed) .hidden-audience .audience-logo{
  transform:rotate(var(--angle)) translateX(var(--radius)) rotate(calc(-1 * var(--angle))) scale(.35)
}
@media (max-width:699px){
  .audience-logo{border-width:.8px}
  .audience-logo svg{width:74%;height:74%;stroke-width:1.8}
}
@media (prefers-reduced-motion:reduce){
  .audience-logo{transition:none!important}
}


/* V18 — stronger Opportunity label plus interaction cue before the cards */
.ownership .section-kicker{
  font-size:clamp(15px,3.8vw,18px);
  letter-spacing:.23em;
  margin-bottom:18px;
  text-shadow:0 0 22px rgba(214,171,98,.14);
}
.ownership .value-hint{
  margin:0 auto 14px;
  color:#8d8881;
  font-size:12px;
  line-height:1.35;
  letter-spacing:.055em;
}
.ownership .value-hint span{color:var(--gold2);font-weight:950}
.ownership .value-hint::after{content:"  ↓";color:var(--gold2);font-weight:950}
.ownership .value-grid{margin-top:16px}
@media (min-width:700px){
  .ownership .value-hint{font-size:12.5px;margin-bottom:18px}
  .ownership .value-grid{margin-top:20px}
}


/* V19 — platform-specific hero labels, provocative opening question, dramatic visible-vs-hidden audience comparison */
.shadow-visual:not(.revealed) .hidden-audience{visibility:hidden}
.shadow-visual.revealed .hidden-audience{visibility:visible}
.shadow-visual:not(.revealed) .hidden-audience .audience-logo{opacity:0!important;transform:rotate(var(--angle)) translateX(var(--radius)) rotate(calc(-1 * var(--angle))) scale(.12)!important}
.shadow-visual:not(.revealed) .visible-audience{opacity:1;filter:none}
.shadow-visual.revealed.hidden-focus .visible-audience{opacity:.10;filter:grayscale(.88) blur(.15px)}
.shadow-visual:not(.revealed) .audience-halo{opacity:.18;transform:scale(.68)}
.shadow-visual:not(.revealed) .orbit-3,.shadow-visual:not(.revealed) .orbit-4{opacity:.16}
.shadow-visual:not(.revealed) .shadow-compare-hint{opacity:0}
.shadow-visual.revealed .shadow-compare-hint{opacity:.82}
@media(max-width:520px){
  .count-label{gap:7px;letter-spacing:.18em}
  .count-platform-icon{width:20px;height:20px;border-radius:6px}
  .count-platform-icon svg{width:14px;height:14px}
  .hero-question-stack{gap:9px}
  .hero-question{font-size:clamp(23px,6.25vw,31px)}
  .hero-consequence{max-width:330px;font-size:clamp(12px,3.2vw,15px);letter-spacing:.025em}
  .hero-consequence-alt{max-width:365px;font-size:clamp(13.1px,3.6vw,16.9px)}
}
@media(prefers-reduced-motion:reduce){.count-platform-icon{transition:none!important}}

/* V19 QA: keep the decorative scroll chevron from blocking the mobile scene selector. */
.scroll-cue{pointer-events:none}


/* V20 — compact opportunity selector grid + dynamic detail panel */
.ownership .value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.ownership .value-card{appearance:none;-webkit-appearance:none;text-align:left;min-height:104px;padding:17px 16px 15px;border-radius:18px;display:flex;flex-direction:column;justify-content:flex-start}
.ownership .value-card b{font-size:10px;letter-spacing:.18em}
.ownership .value-card h3{font-size:18px;line-height:1.03;margin:14px 0 0;max-width:11ch}
.ownership .value-card.active h3,.ownership .value-card:hover h3,.ownership .value-card:focus-visible h3{color:#fff}
.ownership .value-card p,.ownership .value-card .value-payoff{display:none!important}
.ownership .value-detail{margin-top:14px;padding:22px 20px 20px;border:1px solid rgba(214,171,98,.30);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(214,171,98,.06) 45%,rgba(115,87,255,.03));text-align:left;box-shadow:0 16px 48px rgba(0,0,0,.22),0 0 30px rgba(214,171,98,.05)}
.ownership .value-detail-eyebrow{font-size:10px;letter-spacing:.22em;color:#938b82;font-weight:900;margin-bottom:12px}
.ownership .value-detail-header{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.ownership .value-detail-index{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 10px;border-radius:999px;border:1px solid rgba(214,171,98,.34);background:rgba(214,171,98,.08);font-size:12px;font-weight:950;letter-spacing:.16em;color:var(--gold2)}
.ownership .value-detail-title{margin:0;font-size:29px;line-height:1;letter-spacing:-.03em}
.ownership .value-detail-copy{margin:14px 0 0;color:#b8b2ab;font-size:15px;line-height:1.6;max-width:52ch}
.ownership .value-detail-payoff{margin-top:16px;color:var(--gold2);font-size:14px;font-weight:950;letter-spacing:.14em}
.ownership .value-card.active{transform:translateY(-4px) scale(1.01)}
@media (min-width:700px){
  .ownership .value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .ownership .value-card{min-height:110px;padding:18px 18px 16px}
  .ownership .value-card h3{font-size:19px}
  .ownership .value-detail{margin-top:18px;padding:24px 24px 22px}
}
@media (max-width:520px){
  .ownership .value-grid{gap:10px}
  .ownership .value-card{min-height:96px;padding:16px 14px 14px;border-radius:16px}
  .ownership .value-card h3{font-size:16px;margin-top:12px}
  .ownership .value-detail{padding:20px 17px 18px}
  .ownership .value-detail-title{font-size:25px}
  .ownership .value-detail-copy{font-size:14px}
}