/* Cocoon V214 production bundle. Concatenated in source cascade order. */

/* --- assets/css/styles.min.css --- */
:root{--plum:#160621;--plum2:#28113c;--lav:#b965ff;--lav2:#e0b8ff;--cream:#fff7ef;--text:#fff7f4;--muted:rgba(255,247,244,.78);--glass:rgba(47,18,73,.42);--line:rgba(215,150,255,.35);--shadow:0 24px 80px rgba(0,0,0,.42);--header:72px;--controls:78px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--plum)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--plum);overflow-x:hidden}body.is-auto-scrolling{scroll-behavior:smooth}a{color:inherit}button,input,textarea{font:inherit}.skip-link{position:fixed;z-index:999;left:1rem;top:-5rem;background:#fff;color:#1c082d;padding:.75rem 1rem;border-radius:999px}.skip-link:focus{top:1rem}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,3rem);background:linear-gradient(180deg,rgba(18,6,30,.75),rgba(18,6,30,0));backdrop-filter:blur(14px);pointer-events:none}.brand,.top-nav{pointer-events:auto}.brand img{height:36px;width:auto;display:block}.top-nav{display:flex;align-items:center;gap:.5rem}.top-nav a{font-size:.88rem;text-decoration:none;color:rgba(255,255,255,.76);padding:.55rem .75rem;border-radius:999px}.top-nav a:hover,.top-nav a:focus-visible{color:#fff;background:rgba(255,255,255,.08)}.nav-cta{background:rgba(185,101,255,.22)!important;border:1px solid rgba(185,101,255,.32)}.scene-progress{position:fixed;z-index:52;right:clamp(1rem,3vw,2rem);top:calc(var(--header)+.75rem);display:flex;align-items:center;gap:.75rem;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(22,6,33,.38);backdrop-filter:blur(16px);box-shadow:0 10px 34px rgba(0,0,0,.18);font-size:.75rem;letter-spacing:.12em}.bar{display:block;width:88px;height:4px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.bar span{display:block;height:100%;width:9%;border-radius:999px;background:linear-gradient(90deg,var(--lav),#fff)}.intro-gate{min-height:100svh;display:grid;place-items:center;padding:calc(var(--header)+2rem) 1.2rem calc(var(--controls)+2rem);background:radial-gradient(circle at 20% 30%,rgba(185,101,255,.38),transparent 28%),linear-gradient(130deg,#180727 0,#2a1240 48%,#0f0618 100%)}.intro-card{width:min(760px,100%);padding:clamp(1.5rem,5vw,4rem);border:1px solid rgba(255,255,255,.14);border-radius:34px;background:linear-gradient(140deg,rgba(255,255,255,.11),rgba(255,255,255,.04));box-shadow:var(--shadow);backdrop-filter:blur(22px);text-align:center}.intro-card img{height:56px;margin-bottom:1.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--lav2);font-weight:700;margin:0 0 .8rem}.intro-card h1,.scene-content h2,.content-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:.98;letter-spacing:-.04em}.intro-card h1{font-size:clamp(2.5rem,7vw,6rem);margin:.2rem 0 1rem}.intro-card p{color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.85rem 1.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#8f37ff,#d995ff);color:#fff;border-color:transparent;box-shadow:0 10px 30px rgba(185,101,255,.3)}.secondary{background:rgba(255,255,255,.08);color:#fff}.intro-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}.microcopy,.trust-line{font-size:.9rem!important;color:rgba(255,255,255,.62)!important}.story-scene{position:relative;min-height:100svh;display:grid;align-items:center;padding:calc(var(--header)+1.2rem) clamp(1rem,5vw,5rem) calc(var(--controls)+1.2rem);overflow:hidden;isolation:isolate}.bg{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#160621}.bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--bg-pos,center);transform:scale(1.01);opacity:1}.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,4,28,.32) 0,rgba(16,4,28,.20) 32%,rgba(16,4,28,.08) 58%,rgba(16,4,28,.02) 100%),linear-gradient(0deg,rgba(10,2,16,.28),transparent 35%,rgba(10,2,16,.16));pointer-events:none}.story-scene::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 23% 50%,rgba(185,101,255,.08),transparent 32%);pointer-events:none}.story-scene::after{display:none}.scene-content{width:min(620px,44vw);padding:clamp(.9rem,2.4vw,1.7rem);border-radius:30px;background:linear-gradient(135deg,rgba(25,8,39,.52),rgba(25,8,39,.12));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);box-shadow:0 20px 70px rgba(0,0,0,.22);opacity:.98}.scene-content h2{font-size:clamp(2.15rem,4.7vw,4.85rem);margin:.2rem 0 1rem;text-wrap:balance}.scene-content p{font-size:clamp(.98rem,1.25vw,1.15rem);line-height:1.55;color:var(--muted);margin:.8rem 0}.scene-content .subhead{font-size:clamp(1.1rem,2vw,1.55rem);line-height:1.35;color:#fff}.scene-ui{position:absolute;right:clamp(1rem,5vw,5rem);top:50%;transform:translateY(-50%);width:min(500px,40vw);min-height:270px;pointer-events:none}.scene-ui span{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:130px;min-height:42px;padding:.68rem .92rem;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 0 18px rgba(255,255,255,.04);backdrop-filter:blur(18px);font-size:.84rem;color:rgba(255,255,255,.86);opacity:0;transform:translateY(16px) scale(.96);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.9,.2,1)}.story-scene.is-active .scene-ui span{opacity:1;transform:translateY(0) scale(1)}.scene-ui span:nth-child(1){transition-delay:.15s}.scene-ui span:nth-child(2){transition-delay:.35s}.scene-ui span:nth-child(3){transition-delay:.55s}.scene-ui span:nth-child(4){transition-delay:.75s}.scene-ui span:nth-child(5){transition-delay:.95s}.scene-ui span:nth-child(6){transition-delay:1.1s}.cards-soft span:nth-child(1),.fragments span:nth-child(1){right:5%;top:4%}.cards-soft span:nth-child(2),.fragments span:nth-child(2){right:28%;top:28%}.cards-soft span:nth-child(3),.fragments span:nth-child(3){right:2%;top:52%}.cards-soft span:nth-child(4),.fragments span:nth-child(4){right:35%;top:74%}.fragments span:nth-child(5){right:50%;top:10%}.fragments span:nth-child(6){right:8%;top:78%}.fragments span{border-color:rgba(255,178,120,.26);background:linear-gradient(145deg,rgba(255,179,119,.13),rgba(105,47,139,.08))}.layer-path span,.progress-steps span,.call-flow span{position:relative;margin:0 0 1rem auto;width:max-content;max-width:260px}.layer-path,.progress-steps,.call-flow{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.layer-path::before,.progress-steps::before,.call-flow::before{content:"";position:absolute;right:120px;top:35px;bottom:40px;width:2px;background:linear-gradient(var(--lav),rgba(255,255,255,.1));filter:drop-shadow(0 0 10px var(--lav))}.chips,.status-pills,.permission-rings,.summary-stack,.final-loop{display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-end;gap:1rem}.chips span,.status-pills span,.permission-rings span,.summary-stack span,.final-loop span{position:relative!important}.relationship-orbs span{border-radius:999px;min-width:110px;min-height:110px;text-align:center}.relationship-orbs span:nth-child(1){right:38%;top:0}.relationship-orbs span:nth-child(2){right:5%;top:18%}.relationship-orbs span:nth-child(3){right:38%;top:40%}.relationship-orbs span:nth-child(4){right:0;top:62%}.relationship-orbs span:nth-child(5){right:54%;top:70%}.permission-rings span{border-radius:999px;border-color:rgba(221,181,255,.42)}.summary-stack span{position:relative!important;width:300px;justify-content:flex-start}.summary-stack span::before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-right:.65rem;background:rgba(185,101,255,.3)}.price-card{display:flex;align-items:baseline;gap:.7rem;margin:1.4rem 0;padding:1rem 1.1rem;width:max-content;max-width:100%;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}.price-card strong{font-size:clamp(2rem,4vw,3.4rem);line-height:1}.price-card span{color:rgba(255,255,255,.68)}.content-section{padding:clamp(4rem,9vw,8rem) clamp(1.2rem,7vw,7rem);background:#fff7ef;color:#271238}.content-grid,.waitlist-card{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(280px,1.25fr);gap:clamp(2rem,6vw,6rem);max-width:1180px;margin:0 auto}.content-section h2{font-size:clamp(2.4rem,5vw,5rem);margin:.2rem 0 1rem}.content-section p{font-size:1.08rem;line-height:1.75;color:rgba(39,18,56,.76)}.content-section .eyebrow{color:#7b32b5}.faq-section{background:#f7ecff}.faq-section details{max-width:900px;margin:1rem 0;padding:1.1rem 1.2rem;border-radius:18px;background:#fff;border:1px solid rgba(75,34,112,.12)}.faq-section summary{cursor:pointer;font-weight:700}.waitlist-section{background:linear-gradient(135deg,#1b082c,#35184d);color:#fff}.waitlist-card{align-items:start;padding:clamp(1.2rem,4vw,3rem);border:1px solid rgba(255,255,255,.13);border-radius:34px;background:rgba(255,255,255,.065);box-shadow:var(--shadow)}.waitlist-section p{color:rgba(255,255,255,.76)}.waitlist-form{display:grid;gap:.85rem}.waitlist-form label{display:grid;gap:.4rem;font-size:.9rem;color:rgba(255,255,255,.72)}.waitlist-form input,.waitlist-form textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:.85rem 1rem;background:rgba(255,255,255,.1);color:#fff;outline:none}.waitlist-form input:focus,.waitlist-form textarea:focus{border-color:rgba(216,164,255,.72);box-shadow:0 0 0 4px rgba(185,101,255,.14)}.honeypot{position:absolute!important;left:-10000px!important}.form-message{min-height:1.5rem;font-size:.95rem!important}.form-message.success{color:#d9ffd9!important}.form-message.error{color:#ffd0d0!important}.control-bar{position:fixed;z-index:60;left:50%;bottom:1rem;transform:translateX(-50%);width:min(980px,calc(100% - 2rem));display:grid;grid-template-columns:auto auto auto auto auto 1fr;align-items:center;gap:.5rem;padding:.6rem;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(18,6,30,.72);box-shadow:0 20px 70px rgba(0,0,0,.35);backdrop-filter:blur(22px)}.control-bar button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;border-radius:16px;padding:.55rem .75rem;cursor:pointer}.control-bar button:hover,.control-bar button:focus-visible{background:rgba(185,101,255,.28);outline:none}.control-bar p{margin:0;padding:0 .5rem;color:rgba(255,255,255,.86);font-size:.92rem;line-height:1.35}.scene-5 .bg{background-position:center}.scene-6 .bg,.scene-7 .bg,.scene-11 .bg{background-position:65% center}.scene-8 .bg,.scene-10 .bg{background-position:62% center}.scene-9 .bg{background-position:center}.story-scene.is-active .bg{animation:slowPush 16s ease-out forwards}@keyframes slowPush{from{transform:scale(1.01)}to{transform:scale(1.055)}}@media (max-width:900px){:root{--header:62px;--controls:112px}.top-nav a:not(.nav-cta){display:none}.story-scene{min-height:100svh;padding:calc(var(--header)+1rem) 1rem calc(var(--controls)+1.2rem);align-items:end}.bg{background-image:linear-gradient(180deg,rgba(14,4,23,.22),rgba(14,4,23,.46) 42%,rgba(14,4,23,.92) 78%),var(--bg);background-position:65% center}.story-scene::after{left:-44vw;width:86vw;opacity:.48}.scene-content{width:100%;padding:1.05rem;border-radius:24px;background:rgba(25,8,39,.64)}.scene-content h2{font-size:clamp(2rem,11vw,3.5rem)}.scene-content p{font-size:.98rem;line-height:1.5}.scene-content .subhead{font-size:1.08rem}.scene-ui{display:none}.scene-progress{top:.8rem;right:1rem}.control-bar{grid-template-columns:auto auto auto auto auto;bottom:.5rem;border-radius:20px}.control-bar p{grid-column:1/-1;order:-1;font-size:.86rem;padding:.25rem}.content-grid,.waitlist-card{grid-template-columns:1fr}.content-section{padding:4rem 1.1rem}.intro-card{text-align:left}.intro-actions{justify-content:flex-start}.scene-5 .bg{background-position:72% center}.scene-6 .bg,.scene-7 .bg,.scene-11 .bg{background-position:70% center}.scene-8 .bg,.scene-10 .bg{background-position:65% center}.scene-9 .bg{background-position:64% center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-scene.is-active .bg{animation:none}.scene-ui span,.button{transition:none!important}.control-bar{backdrop-filter:none}.bg{transform:none!important}}.scene-1{--bg-pos:center center}.scene-2{--bg-pos:center center}.scene-3{--bg-pos:center center}.scene-4{--bg-pos:center center}.scene-5{--bg-pos:center center}.scene-6{--bg-pos:center center}.scene-7{--bg-pos:center center}.scene-8{--bg-pos:center center}.scene-9{--bg-pos:center center}.scene-10{--bg-pos:center center}.scene-11{--bg-pos:center center}@media (max-width:768px){.bg::after{background:linear-gradient(180deg,rgba(16,4,28,.45) 0,rgba(16,4,28,.22) 44%,rgba(16,4,28,.68) 100%)}.scene-4,.scene-6,.scene-7,.scene-11{--bg-pos:68% center}.scene-5,.scene-8,.scene-9,.scene-10{--bg-pos:58% center}}:root{--header:76px;--controls:70px}.site-header{height:var(--header);background:linear-gradient(180deg,rgba(16,5,27,.72),rgba(16,5,27,.10) 70%,rgba(16,5,27,0))}.brand img{height:52px;max-width:180px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.28))}.scene-progress{top:calc(var(--header)+.55rem)}.story-scene{min-height:100svh;height:100svh;padding:calc(var(--header)+.5rem) clamp(1rem,5vw,5rem) calc(var(--controls)+.75rem)}.scene-content{width:min(590px,42vw);padding:clamp(.95rem,2.1vw,1.55rem)}.scene-content h1,.scene-content h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}.scene-content h1{font-size:clamp(2.45rem,4.7vw,5.25rem);margin:.1rem 0 .95rem}.scene-content h2{font-size:clamp(2.2rem,4.25vw,4.8rem);margin:.1rem 0 .95rem}.scene-content p{font-size:clamp(.96rem,1.12vw,1.08rem);line-height:1.52}.scene-content .subhead{font-size:clamp(1.08rem,1.65vw,1.38rem);line-height:1.34}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.15rem}.scene-content .microcopy{margin-top:.75rem;font-size:.86rem!important}.scene-ui{top:50%;width:min(430px,34vw)}.scene-ui span{font-size:.82rem;min-height:38px;min-width:120px;padding:.58rem .82rem;border-radius:17px}.control-bar{bottom:.8rem;width:min(1040px,calc(100% - 2.4rem));grid-template-columns:auto auto auto auto auto minmax(220px,1fr);gap:.42rem;padding:.45rem .55rem;border-radius:999px;background:linear-gradient(135deg,rgba(23,7,35,.82),rgba(38,14,58,.66));border:1px solid rgba(229,190,255,.20);box-shadow:0 16px 54px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.035)}.control-bar button{min-width:38px;min-height:38px;border-radius:999px;padding:.45rem .7rem;background:rgba(255,255,255,.075);border-color:rgba(230,194,255,.18)}.control-bar p{font-size:.93rem;color:rgba(255,250,255,.9);padding:0 .85rem;white-space:normal}.bg::after{background:linear-gradient(90deg,rgba(16,4,28,.22) 0,rgba(16,4,28,.12) 38%,rgba(16,4,28,.03) 68%,rgba(16,4,28,0) 100%),linear-gradient(0deg,rgba(10,2,16,.20),transparent 34%,rgba(10,2,16,.10))}.content-section{scroll-margin-top:var(--header)}@media (max-width:900px){:root{--header:66px;--controls:116px}.brand img{height:44px;max-width:148px}.story-scene{height:auto;min-height:100svh;padding:calc(var(--header)+.75rem) 1rem calc(var(--controls)+1rem);align-items:end}.scene-content{width:100%;max-height:none;padding:1rem;border-radius:24px}.scene-content h1,.scene-content h2{font-size:clamp(2.05rem,10vw,3.45rem)}.scene-content .subhead{font-size:1.06rem}.hero-actions{gap:.55rem}.control-bar{width:calc(100% - 1rem);bottom:.5rem;grid-template-columns:auto auto auto auto auto;border-radius:22px}.control-bar p{grid-column:1/-1;order:-1;font-size:.86rem;line-height:1.35;padding:.2rem .55rem}.scene-progress{top:.8rem;right:.85rem}}:root{--header:76px;--controls:84px}.site-header{height:var(--header);padding:0 clamp(1.1rem,3vw,2.6rem);background:linear-gradient(180deg,rgba(13,3,22,.62),rgba(13,3,22,.18) 58%,rgba(13,3,22,0))}.brand{display:flex;align-items:center;min-width:72px}.brand img{height:58px!important;width:auto;max-width:210px;object-fit:contain;filter:drop-shadow(0 14px 34px rgba(0,0,0,.34))}.story-scene{height:100svh;min-height:720px;padding:calc(var(--header)+.45rem) clamp(1rem,5vw,5rem) calc(var(--controls)+.65rem)}.scene-1 .scene-content{width:min(640px,42vw);padding:clamp(1rem,2vw,1.55rem)}.scene-content h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.01;letter-spacing:-.048em;text-wrap:balance;font-size:clamp(2.7rem,4.35vw,5.05rem);margin:.05rem 0 .85rem}.scene-1 .scene-content p{max-width:560px}.scene-1 .scene-content .subhead{font-size:clamp(1.1rem,1.65vw,1.42rem)}.hero-actions{display:flex;gap:.72rem;flex-wrap:wrap;margin-top:1.05rem}.hero-actions .button{min-height:42px;padding:.72rem 1.08rem}.microcopy{margin-top:.7rem!important;font-size:.82rem!important}.control-bar{bottom:1rem;width:min(1080px,calc(100% - 3rem));grid-template-columns:auto auto auto auto auto minmax(260px,1fr);gap:.44rem;padding:.46rem .52rem;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055));border:1px solid rgba(236,210,255,.26);box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(92,37,134,.32);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%)}.control-bar::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.18),transparent 28%),linear-gradient(90deg,rgba(185,101,255,.14),transparent 42%,rgba(255,178,120,.08))}.control-bar button{position:relative;z-index:1;min-width:38px;min-height:38px;border-radius:999px;padding:.44rem .72rem;background:rgba(27,8,44,.42);border:1px solid rgba(255,255,255,.16);color:rgba(255,250,255,.94);box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.control-bar button:hover,.control-bar button:focus-visible{background:rgba(185,101,255,.24);border-color:rgba(229,190,255,.34);box-shadow:0 0 0 4px rgba(185,101,255,.11),inset 0 1px 0 rgba(255,255,255,.14)}.control-bar p{position:relative;z-index:1;color:rgba(255,250,255,.88);font-size:.94rem;line-height:1.35;padding:0 .85rem;text-shadow:0 1px 12px rgba(0,0,0,.24)}.section-jump{position:fixed;z-index:70;right:clamp(1rem,2.5vw,2rem);bottom:calc(var(--controls)+1.25rem);display:flex;flex-direction:column;align-items:flex-end;gap:.65rem}.jump-toggle{width:52px;height:52px;border-radius:999px;border:1px solid rgba(238,206,255,.28);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);display:grid;place-items:center;gap:0;cursor:pointer}.jump-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:rgba(255,250,255,.92);box-shadow:0 0 12px rgba(206,145,255,.55);margin:2px 0}.jump-panel{position:absolute;right:0;bottom:62px;width:min(310px,calc(100vw - 2rem));max-height:min(560px,70vh);overflow:auto;padding:.65rem;border:1px solid rgba(236,210,255,.22);border-radius:24px;background:linear-gradient(145deg,rgba(28,8,45,.86),rgba(51,19,76,.70));box-shadow:0 28px 88px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);opacity:0;transform:translateY(10px) scale(.98);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.section-jump.is-open .jump-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.jump-panel a{display:block;text-decoration:none;color:rgba(255,250,255,.86);padding:.68rem .78rem;border-radius:16px;font-size:.92rem;border:1px solid transparent}.jump-panel a:hover,.jump-panel a:focus-visible,.jump-panel a.is-current{background:rgba(255,255,255,.09);border-color:rgba(229,190,255,.16);color:#fff;outline:none}@media(max-width:900px){:root{--header:66px;--controls:128px}.brand img{height:48px!important;max-width:160px}.story-scene{height:auto;min-height:100svh;padding:calc(var(--header)+.75rem) 1rem calc(var(--controls)+1rem);align-items:end}.scene-1 .scene-content,.scene-content{width:100%;padding:1rem;border-radius:24px}.scene-content h1,.scene-content h2{font-size:clamp(2.05rem,10vw,3.45rem)}.control-bar{width:calc(100% - 1rem);bottom:.5rem;grid-template-columns:auto auto auto auto auto;border-radius:24px;padding:.5rem}.control-bar p{grid-column:1/-1;order:-1;padding:.25rem .45rem;font-size:.86rem}.section-jump{right:.8rem;bottom:calc(var(--controls)+.9rem)}.jump-toggle{width:48px;height:48px}}body:not(.story-started) .scene-progress,body:not(.story-started) .control-bar,body:not(.story-started) .section-jump{opacity:0;pointer-events:none;transform:translateY(10px)}body.story-started .scene-progress,body.story-started .control-bar,body.story-started .section-jump{opacity:1;pointer-events:auto;transition:opacity .35s ease,transform .35s ease}.landing-hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:center;padding:calc(var(--header)+1rem) clamp(1.1rem,5vw,5.2rem) clamp(2.5rem,6vh,5rem);background:radial-gradient(circle at 82% 24%,rgba(190,103,255,.28),transparent 36%),radial-gradient(circle at 28% 84%,rgba(255,130,80,.14),transparent 35%),linear-gradient(135deg,#12031f 0,#1b0830 44%,#2a0d3b 100%);color:#fff;isolation:isolate}.landing-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,1,13,.12),rgba(7,1,13,.28)),radial-gradient(circle at 62% 48%,rgba(255,255,255,.08),transparent 30%);z-index:-2}.hero-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.hero-arc{position:absolute;border-radius:50%;border:1px solid rgba(209,149,255,.28);box-shadow:0 0 54px rgba(175,87,255,.24),inset 0 0 48px rgba(167,80,255,.10)}.hero-arc-one{width:58vw;height:58vw;left:-25vw;top:10vh}.hero-arc-two{width:72vw;height:72vw;right:-34vw;bottom:-28vw;border-color:rgba(255,211,163,.18)}.hero-glow{position:absolute;right:12vw;top:18vh;width:28vw;height:28vw;border-radius:50%;background:radial-gradient(circle,rgba(180,91,255,.22),transparent 64%);filter:blur(16px)}.hero-inner{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(320px,640px) minmax(280px,1fr);gap:clamp(2rem,7vw,8rem);align-items:center}.hero-copy .eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(216,171,255,.82);font-weight:800;margin:0 0 1rem}.hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.1rem,6vw,6.9rem);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0 0 1.2rem;max-width:780px;text-wrap:balance}.hero-subhead{font-size:clamp(1.22rem,2vw,1.75rem);line-height:1.35;font-weight:760;color:#d7a7ff;max-width:690px;margin:0 0 1rem}.hero-support{font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.55;color:rgba(255,250,255,.88);max-width:620px;margin:0 0 1.25rem}.hero-start-note{margin-top:1rem;color:rgba(255,250,255,.72);font-size:.94rem}.hero-proof{position:relative;min-height:500px}.proof-card{position:absolute;width:min(420px,34vw);padding:1.25rem 1.35rem;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.07));border:1px solid rgba(236,211,255,.24);box-shadow:0 30px 88px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.19);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.proof-card span{display:inline-flex;padding:.34rem .65rem;border-radius:999px;background:rgba(187,100,255,.18);border:1px solid rgba(229,190,255,.24);color:#ddb7ff;text-transform:uppercase;font-size:.72rem;font-weight:850;letter-spacing:.08em;margin-bottom:.8rem}.proof-card strong{display:block;font-size:1.45rem;line-height:1.1;margin-bottom:.4rem;color:#fff}.proof-card p{margin:0;color:rgba(255,250,255,.82);line-height:1.36}.proof-card-one{right:7%;top:4%}.proof-card-two{left:2%;top:38%}.proof-card-three{right:0;bottom:5%}.scene-outcome-graphics{position:absolute;inset:0;z-index:5;pointer-events:none}.scene-outcome-card{position:absolute;width:min(38vw,600px);height:auto;opacity:0;transform:translateY(16px);filter:drop-shadow(0 24px 36px rgba(0,0,0,.35));transition:opacity 1s ease,transform 1s cubic-bezier(.2,.75,.22,1);will-change:opacity,transform;z-index:5}.scene-outcome-card.is-visible{opacity:.98;transform:translateY(0)}.outcome-mum{right:5%;top:12%;width:min(34vw,540px)}.outcome-tina{right:2%;top:33%;width:min(34vw,540px)}.outcome-voicemail{left:55%;top:60%;width:min(32vw,500px)}.outcome-unknown{right:6%;bottom:12%;width:min(32vw,500px)}.outcome-chris{left:54%;top:18%;width:min(33vw,520px)}.scene-1 .bg::after{background:linear-gradient(90deg,rgba(16,4,28,.24) 0,rgba(16,4,28,.14) 38%,rgba(16,4,28,.04) 66%,rgba(16,4,28,0) 100%),linear-gradient(0deg,rgba(10,2,16,.25),transparent 38%,rgba(10,2,16,.08))}@media (max-width:1100px){.hero-inner{grid-template-columns:1fr;gap:2rem}.hero-proof{min-height:290px}.proof-card{width:min(420px,44vw)}.proof-card-one{left:0;right:auto;top:0}.proof-card-two{left:auto;right:0;top:72px}.proof-card-three{left:10%;right:auto;bottom:0}}@media (max-width:900px){body:not(.story-started) .control-bar{display:none}.landing-hero{align-items:flex-end;padding:calc(var(--header)+1rem) 1.05rem 2.2rem}.hero-inner{display:block}.hero-copy h1{font-size:clamp(2.6rem,12vw,4.3rem)}.hero-subhead{font-size:1.18rem}.hero-support{font-size:1rem}.hero-proof{display:none}.hero-start-note{font-size:.88rem}.story-scene.scene-1{min-height:118svh}.scene-outcome-card{width:min(86vw,470px);left:50%;right:auto;transform:translate(-50%,20px) scale(.96)}.scene-outcome-card.is-visible{transform:translate(-50%,0) scale(1)}.outcome-mum{top:38%;width:min(84vw,450px)}.outcome-tina{top:50%;width:min(88vw,480px)}.outcome-cold{top:63%;width:min(88vw,480px)}.outcome-doctor{top:76%;bottom:auto;width:min(86vw,465px)}}@media (max-width:520px){.scene-outcome-card{filter:drop-shadow(0 18px 30px rgba(0,0,0,.42))}.outcome-mum{top:43%}.outcome-tina{top:55%}.outcome-cold{top:68%}.outcome-doctor{top:81%}.story-scene.scene-1{min-height:132svh}}:root{--header:88px;--controls:84px}.site-header{height:var(--header);padding:0 clamp(1rem,3.2vw,3.4rem);background:linear-gradient(180deg,rgba(15,3,26,.88),rgba(15,3,26,.38) 55%,rgba(15,3,26,0));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand img{height:62px!important;width:auto;max-width:180px;object-fit:contain}.top-nav{gap:.35rem}.top-nav a{font-size:.92rem;padding:.62rem .86rem;color:rgba(255,250,255,.76)}.top-nav .nav-cta{padding:.72rem 1rem;background:rgba(185,101,255,.22)!important;border-color:rgba(226,188,255,.26)!important}body.hero-active .scene-progress,body.hero-active .control-bar,body.hero-active .section-jump{opacity:0!important;pointer-events:none!important;transform:translateY(10px)!important}body.hero-active .site-header{background:linear-gradient(180deg,rgba(15,3,26,.86),rgba(15,3,26,.22) 64%,rgba(15,3,26,0))}.landing-hero{min-height:100svh;align-items:center;padding:calc(var(--header)+.6rem) clamp(1.25rem,5vw,5.4rem) clamp(2.2rem,5vh,4.2rem);background:radial-gradient(circle at 80% 18%,rgba(175,89,255,.22),transparent 32%),radial-gradient(circle at 35% 82%,rgba(255,142,94,.11),transparent 36%),linear-gradient(135deg,#090011 0,#160421 39%,#230a34 72%,#14031f 100%)}.landing-hero::before{background:radial-gradient(ellipse at 71% 48%,rgba(202,133,255,.12),transparent 38%),linear-gradient(90deg,rgba(5,0,10,.08),rgba(5,0,10,.20))}.hero-arc{border-color:rgba(216,155,255,.20);box-shadow:0 0 52px rgba(171,82,255,.18),inset 0 0 52px rgba(171,82,255,.08)}.hero-arc-one{width:60vw;height:60vw;left:-30vw;top:5vh}.hero-arc-two{width:68vw;height:68vw;right:-24vw;bottom:-30vw;border-color:rgba(255,202,154,.13)}.hero-inner{grid-template-columns:minmax(360px,720px) minmax(320px,1fr);gap:clamp(2.2rem,8vw,9rem);align-items:center}.hero-copy{max-width:760px}.hero-copy .eyebrow{margin-bottom:1.05rem;color:rgba(219,178,255,.82);font-size:.82rem;letter-spacing:.24em}.hero-copy h1{font-size:clamp(3.45rem,5.45vw,6.25rem);line-height:.96;letter-spacing:-.06em;max-width:760px;margin-bottom:1.35rem}.hero-subhead{font-size:clamp(1.22rem,1.62vw,1.64rem);line-height:1.38;max-width:710px;color:#d9aaff;margin-bottom:1.05rem}.hero-support{font-size:clamp(1rem,1.08vw,1.12rem);max-width:590px;color:rgba(255,250,255,.82)}.hero-actions{margin-top:1.25rem;gap:.8rem}.hero-actions .button{min-height:48px;padding:.82rem 1.25rem}.hero-start-note{margin-top:1rem;color:rgba(255,250,255,.62)}.hero-statement{position:relative;min-height:min(520px,56vh);display:grid;place-items:center}.cocoon-orb{position:absolute;inset:auto 0 auto auto;right:2vw;top:50%;width:min(42vw,560px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;opacity:.78}.orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(226,174,255,.18);box-shadow:0 0 70px rgba(178,91,255,.20),inset 0 0 70px rgba(178,91,255,.08)}.orb-ring-one{transform:rotate(-18deg) scaleX(1.18) scaleY(.72)}.orb-ring-two{transform:rotate(24deg) scaleX(.74) scaleY(1.18);border-color:rgba(255,198,150,.12)}.orb-core{position:absolute;inset:28%;border-radius:50%;background:radial-gradient(circle,rgba(230,190,255,.30),rgba(176,83,255,.18) 28%,transparent 68%);filter:blur(8px)}.statement-panel{position:relative;width:min(470px,35vw);margin-left:auto;padding:1.55rem 1.65rem;border:1px solid rgba(236,211,255,.16);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));box-shadow:0 34px 92px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}.statement-kicker{margin:0 0 .9rem;color:rgba(218,176,255,.78);text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:850}.statement-line{margin:.2rem 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,2.7vw,3.05rem);line-height:1.02;color:#fff7ef;letter-spacing:-.04em}.statement-line.muted{color:#d7a7ff}.statement-small{margin:1rem 0 0;color:rgba(255,250,255,.76);line-height:1.5;font-size:1.02rem}.hero-proof,.proof-card{display:none!important}.control-bar{z-index:80;bottom:1.05rem;width:min(1040px,calc(100% - 3rem));grid-template-columns:auto auto auto auto auto minmax(260px,1fr)}.scene-progress{z-index:70;top:calc(var(--header)+.45rem)}.section-jump{z-index:90}@media(max-width:1100px){:root{--header:78px}.brand img{height:56px!important}.hero-inner{grid-template-columns:1fr;gap:1.8rem}.hero-statement{min-height:210px;display:block}.cocoon-orb{right:-14vw;width:min(70vw,520px);opacity:.55}.statement-panel{width:min(560px,100%);margin:1.2rem 0 0}}@media(max-width:900px){:root{--header:72px;--controls:128px}.site-header{padding:0 1rem}.brand img{height:54px!important;max-width:150px}.top-nav a:not(.nav-cta){display:none}.top-nav .nav-cta{padding:.58rem .85rem;font-size:.86rem}.landing-hero{align-items:flex-start;padding:calc(var(--header)+1rem) 1.05rem 2.25rem}.hero-copy h1{font-size:clamp(3rem,13.2vw,4.75rem);line-height:.96;margin-bottom:1rem}.hero-subhead{font-size:1.16rem;line-height:1.38}.hero-support{font-size:1rem;line-height:1.52}.hero-actions .button{min-height:44px;padding:.72rem 1rem}.microcopy{font-size:.84rem!important}.hero-statement{display:none}}@media(max-width:520px){.hero-copy h1{font-size:clamp(2.65rem,12vw,4.1rem)}.hero-copy .eyebrow{font-size:.72rem}}.hero-copy h1{font-size:clamp(2.75rem,4.7vw,5.05rem)!important;line-height:.99!important;max-width:700px!important}.scene-content h2{font-size:clamp(2.45rem,4.7vw,5.05rem)!important;line-height:.99!important}.scene-1 .scene-content h2{font-size:clamp(2.45rem,4.7vw,5.05rem)!important;max-width:680px}.scene-1 .scene-outcome-graphics{z-index:8}.scene-1 .scene-outcome-card{opacity:0;filter:drop-shadow(0 20px 34px rgba(0,0,0,.42))}.scene-1 .scene-outcome-card.is-visible{opacity:.94}.scene-1 .outcome-mum{right:12%;top:13.5%;width:min(22.5vw,360px)}.scene-1 .outcome-tina{right:3.5%;top:30.5%;width:min(25.5vw,410px)}.scene-1 .outcome-cold{right:23%;top:50.5%;width:min(25.5vw,410px)}.scene-1 .outcome-doctor{right:8.5%;top:66.5%;bottom:auto;width:min(23.5vw,380px)}@media (max-width:1200px){.scene-1 .outcome-mum{right:10%;width:min(25vw,360px)}.scene-1 .outcome-tina{right:2%;width:min(28vw,400px)}.scene-1 .outcome-cold{right:20%;width:min(28vw,400px)}.scene-1 .outcome-doctor{right:6%;width:min(26vw,380px)}}@media (max-width:900px){.hero-copy h1,.scene-content h2,.scene-1 .scene-content h2{font-size:clamp(2.4rem,11vw,3.65rem)!important}.scene-1 .scene-outcome-card{left:50%;right:auto;width:min(78vw,390px);filter:drop-shadow(0 16px 28px rgba(0,0,0,.45))}.scene-1 .outcome-mum{top:43%;width:min(76vw,370px)}.scene-1 .outcome-tina{top:54%;width:min(80vw,390px)}.scene-1 .outcome-cold{top:66%;width:min(80vw,390px)}.scene-1 .outcome-doctor{top:78%;width:min(78vw,380px)}.story-scene.scene-1{min-height:132svh}}@media (max-width:520px){.scene-1 .outcome-mum{top:45%}.scene-1 .outcome-tina{top:57%}.scene-1 .outcome-cold{top:70%}.scene-1 .outcome-doctor{top:83%}.story-scene.scene-1{min-height:142svh}}@media (min-width:901px){.landing-hero .hero-copy h1{font-size:clamp(3rem,5.35vw,6.1rem)}.scene-1 .scene-content{width:min(620px,43vw)}.outcome-mum{right:10%;top:12%;width:min(25vw,410px)!important}.outcome-tina{right:3.5%;top:31%;width:min(28vw,455px)!important}.outcome-cold{right:22%;top:52%;width:min(28vw,455px)!important}.outcome-doctor{right:7%;bottom:14%;width:min(25vw,410px)!important}}@media (max-width:900px){:root{--header:76px;--controls:104px}html,body{overflow-x:hidden}.site-header{height:76px;padding:.45rem 1.05rem;background:linear-gradient(180deg,rgba(13,3,22,.92),rgba(13,3,22,.58));backdrop-filter:blur(18px)}.brand img{height:54px!important;max-width:150px;object-fit:contain}.top-nav .nav-cta{padding:.52rem 1rem;font-size:.9rem}.landing-hero{min-height:auto;align-items:flex-start;padding:calc(var(--header)+1.3rem) 1.15rem 2.8rem;overflow:hidden}.landing-hero::before{background:linear-gradient(180deg,rgba(10,2,18,.15),rgba(10,2,18,.34)),radial-gradient(circle at 72% 26%,rgba(185,101,255,.15),transparent 36%)}.hero-inner{display:block;width:100%}.hero-copy{max-width:100%}.hero-copy .eyebrow{font-size:.68rem;margin:0 0 .65rem;letter-spacing:.18em}.hero-copy h1{font-size:clamp(2.65rem,10.8vw,3.8rem)!important;line-height:.98;letter-spacing:-.055em;margin:0 0 1.05rem;max-width:94vw}.hero-subhead{font-size:1.18rem;line-height:1.38;margin-bottom:1rem}.hero-support{font-size:1rem;line-height:1.55}.hero-actions{gap:.65rem;margin-top:1.25rem}.hero-actions .button{padding:.82rem 1.05rem;font-size:.95rem}.microcopy,.hero-start-note{font-size:.88rem;line-height:1.45}.hero-statement{display:none!important}.hero-arc-one{width:92vw;height:92vw;left:-50vw;top:12vh;opacity:.7}.hero-arc-two{width:120vw;height:120vw;right:-78vw;bottom:-52vw;opacity:.55}.scene-progress{display:none!important}.section-jump{display:none!important}.control-bar{left:.75rem;right:.75rem;bottom:max(.65rem,env(safe-area-inset-bottom));transform:none;width:auto;display:grid;grid-template-columns:auto auto auto auto;gap:.38rem;padding:.52rem;border-radius:22px;background:linear-gradient(135deg,rgba(25,8,39,.86),rgba(62,23,74,.76))}.control-bar button{min-width:42px;min-height:42px;padding:.45rem .62rem}.control-bar p{grid-column:1/-1;order:-1;font-size:.84rem;line-height:1.28;max-height:2.7em;overflow:hidden;text-align:center;padding:.15rem .35rem}.story-scene.scene-1{display:block;min-height:auto;padding:calc(var(--header)+1rem) 1rem calc(var(--controls)+3.6rem);overflow:hidden}.scene-1 .bg img{object-position:66% center}.scene-1 .scene-content{position:relative;z-index:6;width:100%;padding:1rem .98rem;border-radius:24px;background:linear-gradient(180deg,rgba(26,8,40,.76),rgba(26,8,40,.50));box-shadow:0 18px 44px rgba(0,0,0,.22)}.scene-1 .scene-content h2{font-size:clamp(2.15rem,10.4vw,3.45rem);line-height:1.02;margin-bottom:.75rem}.scene-1 .scene-content .subhead{font-size:1.05rem;line-height:1.34;margin-bottom:.7rem}.scene-1 .scene-content p{font-size:.94rem;line-height:1.46}.scene-1 .scene-content .hero-actions{display:flex;margin-top:.9rem}.scene-1 .scene-content .button{font-size:.9rem;padding:.72rem .9rem}.scene-1 .scene-content .microcopy{font-size:.78rem!important}.scene-1 .scene-outcome-graphics{position:relative;z-index:7;inset:auto;display:grid;gap:.55rem;margin:1rem auto 0;width:min(100%,370px);padding-bottom:.6rem}.scene-1 .scene-outcome-card{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:370px!important;margin:0 auto;opacity:0;transform:translateY(12px) scale(.985)!important;filter:drop-shadow(0 16px 26px rgba(0,0,0,.34))}.scene-1 .scene-outcome-card.is-visible{opacity:.98;transform:translateY(0) scale(1)!important}.scene-1 .outcome-doctor{margin-bottom:.75rem}.story-scene:not(.scene-1){padding-bottom:calc(var(--controls)+1.6rem)}}@media (max-width:420px){.hero-copy h1{font-size:clamp(2.35rem,10.4vw,3.2rem)!important}.hero-subhead{font-size:1.05rem}.hero-support{font-size:.94rem}.hero-actions .button{width:100%;justify-content:center}.scene-1 .scene-content h2{font-size:clamp(2rem,10vw,3rem)}.scene-1 .scene-outcome-graphics{width:min(100%,345px)}.control-bar{left:.55rem;right:.55rem}}@media (min-width:901px){.scene-1 .outcome-doctor{right:31%!important;top:34.5%!important;bottom:auto!important;width:min(22vw,360px)!important;z-index:2}.scene-1 .outcome-tina{z-index:3}.scene-1 .outcome-mum{z-index:4}.scene-1 .outcome-cold{z-index:2}}@media (min-width:901px){.scene-1 .scene-outcome-card{width:clamp(355px,23.25vw,420px)!important;max-width:420px!important;filter:drop-shadow(0 22px 36px rgba(0,0,0,.40))}.scene-1 .outcome-mum{right:12.6%!important;top:12.8%!important;z-index:4!important}.scene-1 .outcome-tina{right:3.8%!important;top:31.1%!important;z-index:5!important}.scene-1 .outcome-doctor{right:32.5%!important;top:31.2%!important;bottom:auto!important;z-index:4!important}.scene-1 .outcome-cold{right:21.7%!important;top:52.2%!important;z-index:3!important}}@media (min-width:901px) and (max-width:1280px){.scene-1 .scene-outcome-card{width:clamp(300px,25vw,360px)!important}.scene-1 .outcome-mum{right:9.5%!important;top:13%!important}.scene-1 .outcome-tina{right:2.4%!important;top:32%!important}.scene-1 .outcome-doctor{right:32%!important;top:32%!important}.scene-1 .outcome-cold{right:19%!important;top:53%!important}}.section-jump{position:fixed!important;z-index:90!important;right:clamp(.85rem,1.5vw,1.35rem)!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.46rem!important;width:38px!important;padding:.52rem .35rem!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(26,8,40,.66),rgba(22,6,33,.42))!important;border:1px solid rgba(242,221,255,.24)!important;box-shadow:0 18px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;opacity:1;pointer-events:auto}.section-jump .jump-toggle{display:none!important}.section-jump .jump-home{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:999px!important;border:1px solid rgba(229,192,255,.38)!important;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.22),rgba(185,101,255,.18) 48%,rgba(20,6,35,.54))!important;color:#fff!important;text-decoration:none!important;font-size:15px!important;line-height:1!important;box-shadow:0 0 18px rgba(185,101,255,.25)!important}.section-jump .jump-panel{position:static!important;opacity:1!important;pointer-events:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.58rem!important;width:auto!important;min-width:0!important;padding:.2rem 0 .15rem!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}.section-jump .jump-panel a{position:relative!important;display:block!important;width:9px!important;height:9px!important;min-height:0!important;padding:0!important;border-radius:999px!important;background:rgba(255,255,255,.20)!important;border:1px solid rgba(244,224,255,.34)!important;box-shadow:none!important;font-size:0!important;color:transparent!important;overflow:visible!important;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease!important}.section-jump .jump-panel a:hover,.section-jump .jump-panel a:focus-visible{transform:scale(1.35)!important;background:rgba(224,184,255,.88)!important;border-color:rgba(255,255,255,.82)!important;box-shadow:0 0 18px rgba(185,101,255,.50)!important;outline:none!important}.section-jump .jump-panel a.is-current{width:10px!important;height:10px!important;background:linear-gradient(135deg,#8f37ff,#e0b8ff)!important;border-color:rgba(255,255,255,.78)!important;box-shadow:0 0 18px rgba(185,101,255,.72)!important}.section-jump .jump-panel a::after{content:attr(aria-label);position:absolute;right:calc(100%+.85rem);top:50%;transform:translateY(-50%) translateX(8px);opacity:0;pointer-events:none;white-space:nowrap;padding:.42rem .62rem;border-radius:999px;background:rgba(18,5,30,.82);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.88);font-size:.72rem;letter-spacing:0;box-shadow:0 12px 30px rgba(0,0,0,.22);transition:opacity .18s ease,transform .18s ease}.section-jump .jump-panel a:hover::after,.section-jump .jump-panel a:focus-visible::after{opacity:1;transform:translateY(-50%) translateX(0)}body.hero-active .section-jump{opacity:0!important;pointer-events:none!important;transform:translateY(-50%) translateX(12px)!important}@media (max-width:900px){.section-jump{display:none!important}.scene-1 .scene-outcome-card{max-width:355px!important}}.scene-2 .scene-content{z-index:7}.scene2-graphics{position:absolute;inset:0;z-index:6;pointer-events:none}.scene2-card{position:absolute;width:clamp(305px,21.2vw,390px);height:auto;opacity:0;transform:translateY(18px) scale(.965);filter:drop-shadow(0 22px 36px rgba(0,0,0,.40));transition:opacity .72s ease,transform .72s cubic-bezier(.2,.76,.2,1),filter .72s ease;will-change:opacity,transform}.scene2-card.is-visible{opacity:.94;transform:translateY(0) scale(1)}.scene2-missed{left:42.8%;top:15.5%}.scene2-message{right:7.2%;top:16.5%}.scene2-appointment{right:5.6%;top:36.8%}.scene2-callback{left:44.6%;top:45.7%}.scene2-decision{right:15.4%;top:58.6%}@media (min-width:901px) and (max-width:1280px){.scene2-card{width:clamp(280px,23vw,340px)}.scene2-missed{left:42%;top:16%}.scene2-message{right:5%;top:17%}.scene2-appointment{right:4%;top:38%}.scene2-callback{left:43%;top:47%}.scene2-decision{right:12%;top:61%}}@media (max-width:900px){.story-scene.scene-2{display:block;min-height:auto;padding:calc(var(--header)+1rem) 1rem calc(var(--controls)+3.6rem);overflow:hidden}.scene-2 .scene-content{position:relative;z-index:7;width:100%}.scene-2 .bg img{object-position:64% center}.scene2-graphics{position:relative;z-index:7;inset:auto;display:grid;gap:.55rem;margin:1rem auto 0;width:min(100%,360px);padding-bottom:.7rem}.scene2-card{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:360px!important;margin:0 auto;opacity:0;transform:translateY(12px) scale(.985)!important;filter:drop-shadow(0 16px 26px rgba(0,0,0,.34))}.scene2-card.is-visible{opacity:.98;transform:translateY(0) scale(1)!important}}@media (max-width:420px){.scene2-graphics{width:min(100%,345px)}}.scene3-graphics{position:absolute;inset:0;z-index:7;pointer-events:none}.scene3-card{position:absolute;width:clamp(345px,25.5vw,510px);height:auto;opacity:0;transform:translateY(18px) scale(.965);filter:drop-shadow(0 22px 38px rgba(0,0,0,.42));transition:opacity .72s ease,transform .72s cubic-bezier(.2,.76,.2,1),filter .72s ease;will-change:opacity,transform}.scene3-card.is-visible{opacity:.98;transform:translateY(0) scale(1)}.scene3-outside{right:7.4vw;top:18%}.scene3-layer{right:7.1vw;top:33.5%}.scene3-rep{right:7.7vw;top:49.5%}.scene3-matters{right:8.8vw;top:66%}@media (max-width:1300px){.scene3-card{width:clamp(320px,28vw,440px)}.scene3-outside{right:6.6vw;top:19%}.scene3-layer{right:6.1vw;top:35%}.scene3-rep{right:6.6vw;top:51%}.scene3-matters{right:7.2vw;top:67%}}@media (max-width:900px){.scene3-graphics{position:relative;z-index:7;inset:auto;display:grid;gap:.55rem;margin:1rem auto 0;width:min(100%,360px);padding-bottom:.7rem}.scene3-card{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:360px!important;margin:0 auto;opacity:0;transform:translateY(12px) scale(.985)!important;filter:drop-shadow(0 16px 26px rgba(0,0,0,.34))}.scene3-card.is-visible{opacity:.98;transform:translateY(0) scale(1)!important}}@media (max-width:430px){.scene3-graphics{width:min(100%,345px)}}.story-scene{scroll-margin-top:0}body.is-auto-scrolling .story-scene.is-active .scene-content,body.is-auto-scrolling .story-scene.is-active .scene3-card,body.is-auto-scrolling .story-scene.is-active .scene2-card,body.is-auto-scrolling .story-scene.is-active .scene-outcome-card{transition-duration:.95s!important}@media (min-width:901px){.scene3-graphics{position:absolute!important;inset:auto!important;z-index:7!important;pointer-events:none!important;left:58%!important;top:34%!important;width:min(680px,38vw)!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:1rem 1.05rem!important;align-items:start!important}.scene3-card{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:340px!important;justify-self:center!important}.scene3-outside{grid-column:1;grid-row:1}.scene3-layer{grid-column:2;grid-row:1}.scene3-rep{grid-column:1;grid-row:2}.scene3-matters{grid-column:2;grid-row:2}}@media (min-width:901px) and (max-width:1280px){.scene3-graphics{left:55%!important;top:35%!important;width:min(620px,43vw)!important;gap:.82rem!important}.scene3-card{max-width:300px!important}}.section-jump,.section-jump *{pointer-events:auto!important}.section-jump .jump-panel a{cursor:pointer!important}.section-jump .jump-home{cursor:pointer!important}@media (min-width:901px){.scene-3 .scene3-graphics{left:51.5%!important;top:39.5%!important;width:min(760px,44vw)!important;gap:1.1rem 1.15rem!important}.scene-3 .scene3-card{max-width:370px!important;transform:translateY(20px) scale(.965)!important}.scene-3 .scene3-card.is-visible{transform:translateY(0) scale(1)!important}}@media (min-width:901px) and (max-width:1280px){.scene-3 .scene3-graphics{left:49.5%!important;top:40.5%!important;width:min(700px,47vw)!important;gap:.9rem!important}.scene-3 .scene3-card{max-width:335px!important}}.section-jump{pointer-events:auto!important}.section-jump .jump-panel a{cursor:pointer!important;min-width:18px!important;min-height:18px!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important}.section-jump .jump-panel a::before{content:'';width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.20);border:1px solid rgba(244,224,255,.34);transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}.section-jump .jump-panel a:hover::before,.section-jump .jump-panel a:focus-visible::before{transform:scale(1.35);background:rgba(224,184,255,.88);border-color:rgba(255,255,255,.82);box-shadow:0 0 18px rgba(185,101,255,.50)}.section-jump .jump-panel a.is-current::before{width:10px;height:10px;background:linear-gradient(135deg,#8f37ff,#e0b8ff);border-color:rgba(255,255,255,.78);box-shadow:0 0 18px rgba(185,101,255,.72)}@media (min-width:901px){.scene-3 .scene3-graphics{left:47.5%!important;top:43.5%!important;width:min(850px,48vw)!important;gap:1rem 1.15rem!important;align-items:center!important}.scene-3 .scene3-card{height:clamp(124px,7.2vw,148px)!important;width:auto!important;max-width:none!important;object-fit:contain!important;justify-self:start!important}.scene-3 .scene3-layer,.scene-3 .scene3-matters{justify-self:start!important}}@media (min-width:901px) and (max-width:1280px){.scene-3 .scene3-graphics{left:46%!important;top:44.5%!important;width:min(760px,51vw)!important;gap:.86rem .9rem!important}.scene-3 .scene3-card{height:clamp(108px,8vw,126px)!important}}.section-jump,.section-jump .jump-panel,.section-jump .jump-panel a,.section-jump .jump-home{box-sizing:border-box!important}.section-jump .jump-panel a{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;color:transparent!important;font-size:0!important;line-height:0!important;text-indent:-9999px!important;white-space:nowrap!important;outline:none!important;text-decoration:none!important;cursor:pointer!important}.section-jump .jump-panel a::after{content:none!important;display:none!important}.section-jump .jump-panel a::before{content:''!important;display:block!important;width:9px!important;height:9px!important;min-width:9px!important;min-height:9px!important;border-radius:999px!important;background:rgba(255,255,255,.20)!important;border:1px solid rgba(244,224,255,.36)!important;box-shadow:none!important;transform:none!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important}.section-jump .jump-panel a:hover::before,.section-jump .jump-panel a:focus-visible::before{transform:scale(1.32)!important;background:rgba(224,184,255,.86)!important;border-color:rgba(255,255,255,.82)!important;box-shadow:0 0 18px rgba(185,101,255,.56)!important}.section-jump .jump-panel a.is-current::before{width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;background:linear-gradient(135deg,#8f37ff,#e0b8ff)!important;border-color:rgba(255,255,255,.78)!important;box-shadow:0 0 18px rgba(185,101,255,.72)!important}.section-jump .jump-panel a.is-current:hover::before{transform:scale(1.32)!important}@media (min-width:901px){.scene-4 .scene4-graphics{position:absolute;z-index:7;pointer-events:none;left:44.8%;top:20.5%;width:min(1000px,54vw);height:min(620px,58vh)}.scene-4 .scene4-card{position:absolute;width:clamp(280px,19.5vw,390px);height:auto;opacity:0;transform:translateY(18px) scale(.965);filter:drop-shadow(0 22px 36px rgba(0,0,0,.42));transition:opacity .76s ease,transform .76s cubic-bezier(.2,.76,.2,1),filter .76s ease;will-change:opacity,transform}.scene-4 .scene4-card.is-visible{opacity:.98;transform:translateY(0) scale(1)}.scene-4 .scene4-people{left:60.5%;top:0}.scene-4 .scene4-availability{left:13.5%;top:12.5%}.scene-4 .scene4-tone{left:72.5%;top:28%}.scene-4 .scene4-boundaries{left:9.5%;top:46%}.scene-4 .scene4-routines{left:73.8%;top:55%}.scene-4 .scene4-rules{left:34.5%;top:73%;width:clamp(320px,22vw,450px)}.scene-4 .scene4-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:.9;pointer-events:none}.scene-4 .scene4-line{fill:none;stroke:rgba(205,132,255,.74);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:760;stroke-dashoffset:760;opacity:0;filter:drop-shadow(0 0 10px rgba(184,91,255,.84));transition:opacity .5s ease,stroke-dashoffset 1.35s cubic-bezier(.2,.72,.16,1)}.scene-4 .scene4-line.is-visible{opacity:.78;stroke-dashoffset:0}.scene-4 .scene4-node{fill:rgba(224,184,255,.92);opacity:0;filter:drop-shadow(0 0 14px rgba(194,115,255,.95));transform-origin:center;transition:opacity .5s ease,transform .8s ease}.scene-4 .scene4-node.is-visible{opacity:1;transform:scale(1.25)}}@media (min-width:901px) and (max-width:1280px){.scene-4 .scene4-graphics{left:43%;top:25%;width:min(860px,58vw);height:min(560px,55vh)}.scene-4 .scene4-card{width:clamp(235px,21vw,320px)}.scene-4 .scene4-rules{width:clamp(275px,24vw,360px)}}@media (max-width:900px){.scene4-graphics{position:relative;z-index:7;inset:auto;display:grid;gap:.55rem;margin:1rem auto 0;width:min(100%,370px);padding-bottom:.7rem}.scene4-connections{display:none}.scene4-card{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:370px!important;margin:0 auto;opacity:0;transform:translateY(12px) scale(.985)!important;filter:drop-shadow(0 16px 26px rgba(0,0,0,.34));transition:opacity .72s ease,transform .72s cubic-bezier(.2,.76,.2,1),filter .72s ease}.scene4-card.is-visible{opacity:.98;transform:translateY(0) scale(1)!important}}@media (max-width:430px){.scene4-graphics{width:min(100%,345px)}}@media (min-width:901px){.scene-4 .scene4-graphics{left:46.5%!important;top:23.5%!important;width:min(760px,48vw)!important;height:min(555px,57vh)!important;overflow:visible!important}.scene-4 .scene4-card{width:clamp(245px,18.4vw,315px)!important;height:auto!important;max-width:none!important}.scene-4 .scene4-people{left:52%!important;top:2%!important}.scene-4 .scene4-availability{left:8%!important;top:13%!important}.scene-4 .scene4-tone{left:52%!important;top:30%!important}.scene-4 .scene4-boundaries{left:8%!important;top:47%!important}.scene-4 .scene4-routines{left:52%!important;top:56%!important}.scene-4 .scene4-rules{left:28%!important;top:68%!important;width:clamp(295px,22vw,390px)!important}.scene-4 .scene4-connections{left:0!important;top:0!important;width:100%!important;height:100%!important}}@media (min-width:901px) and (max-width:1300px){.scene-4 .scene4-graphics{left:48%!important;width:min(680px,46vw)!important}.scene-4 .scene4-card{width:clamp(225px,18vw,285px)!important}.scene-4 .scene4-rules{width:clamp(265px,22vw,340px)!important;left:24%!important;top:67%!important}.scene-4 .scene4-people,.scene-4 .scene4-tone,.scene-4 .scene4-routines{left:50%!important}.scene-4 .scene4-availability,.scene-4 .scene4-boundaries{left:5%!important}}@media (min-width:901px){.scene-4 .scene4-connections{display:none!important}.scene-4 .scene4-graphics{left:42.8%!important;top:24.5%!important;width:min(850px,49vw)!important;height:min(560px,58vh)!important;overflow:visible!important}.scene-4 .scene4-card{width:clamp(235px,17.2vw,305px)!important;height:auto!important;max-width:none!important}.scene-4 .scene4-people{left:54%!important;top:0!important}.scene-4 .scene4-availability{left:10%!important;top:12%!important}.scene-4 .scene4-tone{left:52%!important;top:28%!important}.scene-4 .scene4-boundaries{left:8%!important;top:43%!important}.scene-4 .scene4-routines{left:52%!important;top:52%!important}.scene-4 .scene4-rules{left:28%!important;top:68%!important;width:clamp(285px,21vw,365px)!important}.scene-5 .scene5-graphics{position:absolute;z-index:7;pointer-events:none;left:43.5%;top:16.5%;width:min(940px,52vw);height:min(650px,70vh);overflow:visible}.scene-5 .scene5-card{position:absolute;width:clamp(245px,18vw,345px);height:auto;opacity:0;transform:translateY(18px) scale(.965);filter:drop-shadow(0 22px 38px rgba(0,0,0,.42));transition:opacity .76s ease,transform .76s cubic-bezier(.2,.76,.2,1),filter .76s ease;will-change:opacity,transform}.scene-5 .scene5-card.is-visible{opacity:.98;transform:translateY(0) scale(1)}.scene-5 .scene5-allow{left:40%;top:2%;width:clamp(255px,19vw,360px)}.scene-5 .scene5-important{left:68%;top:21%;width:clamp(230px,17vw,325px)}.scene-5 .scene5-ask{left:22%;top:28%;width:clamp(230px,17vw,325px)}.scene-5 .scene5-canwait{left:18%;top:57%;width:clamp(225px,16.5vw,315px)}.scene-5 .scene5-unknown{left:58%;top:58%;width:clamp(235px,17.5vw,335px);opacity:.92}}@media (min-width:901px) and (max-width:1300px){.scene-4 .scene4-graphics{left:44%!important;width:min(720px,48vw)!important}.scene-4 .scene4-card{width:clamp(215px,17.5vw,270px)!important}.scene-4 .scene4-rules{width:clamp(255px,21vw,320px)!important;left:25%!important;top:68%!important}.scene-5 .scene5-graphics{left:45%;width:min(760px,50vw)}.scene-5 .scene5-card{width:clamp(215px,17vw,290px)}.scene-5 .scene5-allow{width:clamp(225px,18vw,305px);left:38%}.scene-5 .scene5-important{left:65%}.scene-5 .scene5-unknown{left:56%}}@media (max-width:900px){.scene5-graphics{position:relative;z-index:7;inset:auto;display:grid;gap:.55rem;margin:1rem auto 0;width:min(100%,370px);padding-bottom:.7rem}.scene5-card{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:370px!important;margin:0 auto;opacity:0;transform:translateY(12px) scale(.985)!important;filter:drop-shadow(0 16px 26px rgba(0,0,0,.34));transition:opacity .72s ease,transform .72s cubic-bezier(.2,.76,.2,1),filter .72s ease}.scene5-card.is-visible{opacity:.98;transform:translateY(0) scale(1)!important}}@media (max-width:430px){.scene5-graphics{width:min(100%,345px)}}@media (min-width:901px){.scene-6 .permission-rings{display:none!important}.scene-6 .scene6-graphics{position:absolute;z-index:7;pointer-events:none;left:45%;top:18%;width:min(920px,51vw);height:min(660px,70vh);overflow:visible}.scene-6 .scene6-card{position:absolute;height:auto;max-width:none;opacity:0;transform:translateY(18px) scale(.965);filter:drop-shadow(0 24px 42px rgba(0,0,0,.44));transition:opacity .78s ease,transform .78s cubic-bezier(.2,.76,.2,1),filter .78s ease;will-change:opacity,transform}.scene-6 .scene6-card.is-visible{opacity:.98;transform:translateY(0) scale(1)}.scene-6 .scene6-permission{left:34%;top:24%;width:clamp(210px,16.5vw,300px);z-index:4}.scene-6 .scene6-answer{left:10%;top:4%;width:clamp(155px,12.5vw,230px);z-index:3}.scene-6 .scene6-make{left:66%;top:5%;width:clamp(155px,12.5vw,230px);z-index:3}.scene-6 .scene6-summary{left:5%;top:48%;width:clamp(155px,12vw,220px);z-index:2}.scene-6 .scene6-escalate{left:66%;top:48%;width:clamp(170px,13.5vw,245px);z-index:2}.scene-6 .scene6-preferences{left:31%;top:72%;width:clamp(265px,22vw,405px);z-index:3}}@media (min-width:901px) and (max-width:1300px){.scene-6 .scene6-graphics{left:45.5%;width:min(760px,50vw);height:min(620px,68vh)}.scene-6 .scene6-permission{left:35%;top:25%;width:clamp(185px,16vw,250px)}.scene-6 .scene6-answer{left:10%;top:5%;width:clamp(140px,12vw,190px)}.scene-6 .scene6-make{left:67%;top:5%;width:clamp(140px,12vw,190px)}.scene-6 .scene6-summary{left:6%;top:49%;width:clamp(140px,12vw,190px)}.scene-6 .scene6-escalate{left:66%;top:49%;width:clamp(150px,13vw,205px)}.scene-6 .scene6-preferences{left:30%;top:73%;width:clamp(235px,22vw,330px)}}@media (max-width:900px){.scene-6 .permission-rings{display:none!important}.scene6-graphics{position:relative;z-index:7;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:1rem auto 0;width:min(100%,370px);padding-bottom:.7rem}.scene6-card{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:370px!important;margin:0 auto;opacity:0;transform:translateY(12px) scale(.985)!important;filter:drop-shadow(0 16px 26px rgba(0,0,0,.34));transition:opacity .72s ease,transform .72s cubic-bezier(.2,.76,.2,1),filter .72s ease}.scene6-card.is-visible{opacity:.98;transform:translateY(0) scale(1)!important}.scene6-permission,.scene6-preferences{grid-column:1/-1;width:min(100%,360px)!important}}@media (max-width:430px){.scene6-graphics{width:min(100%,345px)}}@media (min-width:901px){.scene-6 .scene6-graphics{left:43.5%!important;top:13.5%!important;width:min(1010px,55vw)!important;height:min(710px,72vh)!important;overflow:visible!important}.scene-6 .scene6-lines{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}.scene-6 .scene6-line{fill:none;stroke:rgba(202,120,255,.55);stroke-width:.36;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(190,100,255,.75));opacity:0;stroke-dasharray:48;stroke-dashoffset:48}.scene-6.is-active .scene6-line{animation:scene6Draw 1.25s cubic-bezier(.2,.76,.2,1) forwards,scene6Pulse 2.8s ease-in-out 1.25s infinite}.scene-6.is-active .line-answer{animation-delay:2.05s,3.3s}.scene-6.is-active .line-make{animation-delay:2.25s,3.5s}.scene-6.is-active .line-summary{animation-delay:2.45s,3.7s}.scene-6.is-active .line-escalate{animation-delay:2.65s,3.9s}.scene-6.is-active .line-preferences{animation-delay:2.85s,4.1s}.scene-6.is-active .line-phone{animation-delay:3.05s,4.3s}@keyframes scene6Draw{to{opacity:.72;stroke-dashoffset:0}}@keyframes scene6Pulse{0%,100%{opacity:.38}50%{opacity:.82}}.scene-6 .scene6-card{z-index:3}.scene-6 .scene6-permission{left:34%!important;top:23%!important;width:clamp(270px,20vw,360px)!important;z-index:5}.scene-6 .scene6-answer{left:9%!important;top:1%!important;width:clamp(205px,14vw,270px)!important;z-index:4}.scene-6 .scene6-make{left:66%!important;top:2%!important;width:clamp(205px,14vw,270px)!important;z-index:4}.scene-6 .scene6-summary{left:5%!important;top:45%!important;width:clamp(205px,14vw,270px)!important;z-index:3}.scene-6 .scene6-escalate{left:66%!important;top:45%!important;width:clamp(220px,15vw,290px)!important;z-index:3}.scene-6 .scene6-preferences{left:28%!important;top:70%!important;width:clamp(350px,27vw,500px)!important;z-index:4}}@media (min-width:901px) and (max-width:1300px){.scene-6 .scene6-graphics{left:43%!important;top:16%!important;width:min(820px,54vw)!important;height:min(620px,68vh)!important}.scene-6 .scene6-permission{left:35%!important;top:25%!important;width:clamp(220px,18vw,285px)!important}.scene-6 .scene6-answer{left:8%!important;top:3%!important;width:clamp(170px,13.5vw,220px)!important}.scene-6 .scene6-make{left:65%!important;top:4%!important;width:clamp(170px,13.5vw,220px)!important}.scene-6 .scene6-summary{left:4%!important;top:47%!important;width:clamp(170px,13.5vw,220px)!important}.scene-6 .scene6-escalate{left:65%!important;top:48%!important;width:clamp(180px,14.5vw,235px)!important}.scene-6 .scene6-preferences{left:28%!important;top:72%!important;width:clamp(285px,25vw,380px)!important}}@media (max-width:900px){.scene6-lines{display:none!important}}@media (min-width:901px){.scene-6 .scene6-graphics{left:41.8%!important;top:12.2%!important;width:min(1080px,58vw)!important;height:min(735px,74vh)!important;overflow:visible!important}.scene-6 .scene6-lines{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;overflow:visible!important}.scene-6 .scene6-line{fill:none!important;stroke:rgba(198,115,255,.34)!important;stroke-width:.22!important;stroke-linecap:round!important;stroke-dasharray:56!important;stroke-dashoffset:56!important;opacity:0!important;filter:drop-shadow(0 0 6px rgba(190,95,255,.42))!important}.scene-6.is-active .scene6-line{animation:scene6DrawSoft 1.05s cubic-bezier(.18,.72,.18,1) forwards,scene6PulseSoft 3.4s ease-in-out 1.05s infinite!important}.scene-6.is-active .line-answer{animation-delay:4.10s,5.15s!important}.scene-6.is-active .line-make{animation-delay:6.30s,7.35s!important}.scene-6.is-active .line-summary{animation-delay:8.50s,9.55s!important}.scene-6.is-active .line-escalate{animation-delay:10.70s,11.75s!important}.scene-6.is-active .line-preferences{animation-delay:12.90s,13.95s!important}@keyframes scene6DrawSoft{to{opacity:.56!important;stroke-dashoffset:0!important}}@keyframes scene6PulseSoft{0%,100%{opacity:.25}50%{opacity:.55}}.scene-6 .scene6-card{z-index:4!important}.scene-6 .scene6-permission{left:35.5%!important;top:23.5%!important;width:clamp(300px,22vw,395px)!important;z-index:7!important;filter:drop-shadow(0 18px 36px rgba(88,24,132,.36))!important}.scene-6.is-active .scene6-permission.is-visible{animation:scene6PermissionBreath 3.2s ease-in-out 1.1s infinite}@keyframes scene6PermissionBreath{0%,100%{filter:drop-shadow(0 18px 36px rgba(88,24,132,.34))}50%{filter:drop-shadow(0 22px 48px rgba(190,88,255,.56))}}.scene-6 .scene6-answer{left:11%!important;top:1%!important;width:clamp(230px,15.8vw,305px)!important;z-index:5!important}.scene-6 .scene6-make{left:69%!important;top:2%!important;width:clamp(230px,15.8vw,305px)!important;z-index:5!important}.scene-6 .scene6-summary{left:6%!important;top:45.5%!important;width:clamp(225px,15.5vw,295px)!important;z-index:5!important}.scene-6 .scene6-escalate{left:68.5%!important;top:46%!important;width:clamp(240px,16.5vw,315px)!important;z-index:5!important}.scene-6 .scene6-preferences{left:30.5%!important;top:70%!important;width:clamp(390px,30vw,545px)!important;z-index:6!important}}@media (min-width:901px) and (max-width:1300px){.scene-6 .scene6-graphics{left:42.5%!important;top:15%!important;width:min(880px,55vw)!important;height:min(650px,69vh)!important}.scene-6 .scene6-permission{left:35.5%!important;top:24%!important;width:clamp(245px,19.8vw,310px)!important}.scene-6 .scene6-answer{left:9%!important;top:2%!important;width:clamp(188px,14.8vw,238px)!important}.scene-6 .scene6-make{left:68%!important;top:3%!important;width:clamp(188px,14.8vw,238px)!important}.scene-6 .scene6-summary{left:5%!important;top:47%!important;width:clamp(188px,14.8vw,238px)!important}.scene-6 .scene6-escalate{left:67%!important;top:47.5%!important;width:clamp(198px,15.5vw,250px)!important}.scene-6 .scene6-preferences{left:29%!important;top:72%!important;width:clamp(320px,27vw,410px)!important}}@media (max-width:900px){.scene-6 .scene6-lines{display:none!important}}@media (min-width:901px){.scene-6 .scene6-graphics{left:41.5%!important;top:14.8%!important;width:min(1060px,57vw)!important;height:min(705px,72vh)!important;overflow:visible!important}.scene-6 .scene6-lines{z-index:2!important;opacity:.9!important}.scene-6 .scene6-line{stroke:rgba(201,125,255,.28)!important;stroke-width:.18!important;stroke-dasharray:58!important;stroke-dashoffset:58!important;filter:drop-shadow(0 0 5px rgba(190,95,255,.35))!important}.scene-6.is-active .scene6-line{animation:scene6DrawFinal 1.05s cubic-bezier(.18,.72,.18,1) forwards,scene6PulseFinal 3.6s ease-in-out 1.05s infinite!important}.scene-6.is-active .line-answer{animation-delay:4.10s,5.20s!important}.scene-6.is-active .line-make{animation-delay:6.30s,7.40s!important}.scene-6.is-active .line-summary{animation-delay:8.50s,9.60s!important}.scene-6.is-active .line-escalate{animation-delay:10.70s,11.80s!important}.scene-6.is-active .line-preferences{animation-delay:12.90s,14.00s!important}@keyframes scene6DrawFinal{to{opacity:.50!important;stroke-dashoffset:0!important}}@keyframes scene6PulseFinal{0%,100%{opacity:.22}50%{opacity:.46}}.scene-6 .scene6-card{z-index:5!important}.scene-6 .scene6-permission{left:33.5%!important;top:27.5%!important;width:clamp(315px,22.8vw,410px)!important;z-index:8!important}.scene-6 .scene6-answer{left:8.5%!important;top:8.5%!important;width:clamp(238px,16.3vw,315px)!important}.scene-6 .scene6-make{left:65.5%!important;top:9.5%!important;width:clamp(238px,16.3vw,315px)!important}.scene-6 .scene6-summary{left:9.5%!important;top:42.5%!important;width:clamp(235px,16vw,305px)!important}.scene-6 .scene6-escalate{left:63.5%!important;top:43.5%!important;width:clamp(248px,17vw,325px)!important}.scene-6 .scene6-preferences{left:28.5%!important;top:63.5%!important;width:clamp(410px,31vw,565px)!important;z-index:7!important}}@media (min-width:901px) and (max-width:1300px){.scene-6 .scene6-graphics{left:41.8%!important;top:16%!important;width:min(900px,56vw)!important;height:min(650px,70vh)!important}.scene-6 .scene6-permission{left:33.5%!important;top:28%!important;width:clamp(255px,20.5vw,325px)!important}.scene-6 .scene6-answer{left:7.5%!important;top:8%!important;width:clamp(198px,15.5vw,250px)!important}.scene-6 .scene6-make{left:65%!important;top:9%!important;width:clamp(198px,15.5vw,250px)!important}.scene-6 .scene6-summary{left:8.5%!important;top:43%!important;width:clamp(198px,15.5vw,250px)!important}.scene-6 .scene6-escalate{left:63.5%!important;top:44%!important;width:clamp(206px,16.2vw,262px)!important}.scene-6 .scene6-preferences{left:27.5%!important;top:64%!important;width:clamp(345px,28vw,435px)!important}}@media (min-width:901px){.scene-7 .scene7-graphics{position:absolute;left:44.5%;top:15%;width:min(980px,53vw);height:min(650px,70vh);pointer-events:none;z-index:4}.scene-7 .scene7-card{position:absolute;opacity:0;transform:translateY(16px) scale(.965);transition:opacity .78s ease,transform .85s cubic-bezier(.18,.78,.2,1);filter:drop-shadow(0 18px 40px rgba(48,12,78,.34));will-change:transform,opacity}.scene-7 .scene7-card.is-visible{opacity:.98;transform:translateY(0) scale(1)}.scene-7 .scene7-handled{left:4%;top:4%;width:clamp(335px,25vw,500px)}.scene-7 .scene7-saved{left:47%;top:27%;width:clamp(330px,24vw,490px)}.scene-7 .scene7-no-action{left:10%;top:43%;width:clamp(330px,24vw,485px)}.scene-7 .scene7-important{left:43%;top:58%;width:clamp(335px,25vw,500px)}.scene-7 .scene7-all-clear{left:16%;top:72%;width:clamp(360px,28vw,560px);z-index:5}}@media (min-width:901px) and (max-width:1300px){.scene-7 .scene7-graphics{left:43.5%;top:18%;width:min(890px,55vw);height:min(610px,68vh)}.scene-7 .scene7-handled{left:3%;top:3%;width:clamp(285px,23vw,380px)}.scene-7 .scene7-saved{left:43%;top:26%;width:clamp(275px,23vw,370px)}.scene-7 .scene7-no-action{left:8%;top:43%;width:clamp(275px,23vw,370px)}.scene-7 .scene7-important{left:39%;top:58%;width:clamp(285px,23vw,390px)}.scene-7 .scene7-all-clear{left:15%;top:72%;width:clamp(305px,27vw,430px)}}@media (max-width:900px){.scene-7 .scene7-graphics{position:relative;z-index:5;width:min(100%,420px);margin:1.25rem auto 7rem;display:grid;gap:.55rem;padding:0 .25rem}.scene-7 .scene7-card{position:relative;width:100%;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .7s ease,transform .75s cubic-bezier(.18,.78,.2,1);filter:drop-shadow(0 12px 28px rgba(48,12,78,.32))}.scene-7 .scene7-card.is-visible{opacity:.98;transform:translateY(0) scale(1)}}@media (min-width:901px){.scene-8 .scene8-graphics{position:absolute;left:43.5%;top:13%;width:min(1010px,56vw);height:min(680px,72vh);pointer-events:none;z-index:4}.scene-8 .scene8-card{position:absolute;opacity:0;transform:translateY(18px) scale(.965);transition:opacity .78s ease,transform .86s cubic-bezier(.18,.78,.2,1);filter:drop-shadow(0 18px 40px rgba(48,12,78,.34));will-change:transform,opacity;z-index:5}.scene-8 .scene8-card.is-visible{opacity:.98;transform:translateY(0) scale(1)}.scene-8 .scene8-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;opacity:.9}.scene-8 .scene8-line{fill:none;stroke:rgba(212,126,255,.62);stroke-width:2.1;stroke-linecap:round;stroke-dasharray:620;stroke-dashoffset:620;opacity:0;filter:drop-shadow(0 0 9px rgba(197,95,255,.58))}.scene-8 .scene8-line.is-visible{animation:scene8Draw 1.1s cubic-bezier(.18,.72,.18,1) forwards,scene8Pulse 3.5s ease-in-out 1.1s infinite}@keyframes scene8Draw{to{opacity:.56;stroke-dashoffset:0}}@keyframes scene8Pulse{0%,100%{opacity:.22}50%{opacity:.50}}.scene-8 .scene8-incoming{left:1%;top:0;width:clamp(390px,28vw,570px)}.scene-8 .scene8-caller{left:42%;top:13%;width:clamp(390px,28vw,570px)}.scene-8 .scene8-rules{left:4%;top:34%;width:clamp(390px,28vw,570px)}.scene-8 .scene8-details{left:41%;top:48%;width:clamp(390px,28vw,570px)}.scene-8 .scene8-clear{left:20%;top:69%;width:clamp(440px,32vw,650px);z-index:6}}@media (min-width:901px) and (max-width:1300px){.scene-8 .scene8-graphics{left:43%;top:16%;width:min(900px,56vw);height:min(625px,70vh)}.scene-8 .scene8-incoming{left:0;top:1%;width:clamp(305px,26vw,420px)}.scene-8 .scene8-caller{left:41%;top:13%;width:clamp(305px,26vw,420px)}.scene-8 .scene8-rules{left:3%;top:35%;width:clamp(305px,26vw,420px)}.scene-8 .scene8-details{left:40%;top:49%;width:clamp(305px,26vw,420px)}.scene-8 .scene8-clear{left:18%;top:70%;width:clamp(350px,31vw,490px)}}@media (max-width:900px){.scene-8 .scene8-graphics{position:relative;z-index:5;width:min(100%,430px);margin:1.25rem auto 7rem;display:grid;gap:.55rem;padding:0 .25rem}.scene-8 .scene8-lines{display:none!important}.scene-8 .scene8-card{position:relative;width:100%;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .7s ease,transform .75s cubic-bezier(.18,.78,.2,1);filter:drop-shadow(0 12px 28px rgba(48,12,78,.32))}.scene-8 .scene8-card.is-visible{opacity:.98;transform:translateY(0) scale(1)}}@media (min-width:901px){.scene-9 .scene9-graphics{position:absolute;left:43.5%;top:13.5%;width:min(1010px,56vw);height:min(680px,72vh);pointer-events:none;z-index:4}.scene-9 .scene9-card{position:absolute;opacity:0;transform:translateY(18px) scale(.965);transition:opacity .78s ease,transform .86s cubic-bezier(.18,.78,.2,1);filter:drop-shadow(0 18px 40px rgba(48,12,78,.34));will-change:transform,opacity;z-index:5}.scene-9 .scene9-card.is-visible{opacity:.98;transform:translateY(0) scale(1)}.scene-9 .scene9-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;opacity:.86}.scene-9 .scene9-line{fill:none;stroke:rgba(212,126,255,.56);stroke-width:2;stroke-linecap:round;stroke-dasharray:620;stroke-dashoffset:620;opacity:0;filter:drop-shadow(0 0 9px rgba(197,95,255,.52))}.scene-9 .scene9-line.is-visible{animation:scene9Draw 1.1s cubic-bezier(.18,.72,.18,1) forwards,scene9Pulse 3.7s ease-in-out 1.1s infinite}@keyframes scene9Draw{to{opacity:.50;stroke-dashoffset:0}}@keyframes scene9Pulse{0%,100%{opacity:.20}50%{opacity:.44}}.scene-9 .scene9-ask{left:0;top:0;width:clamp(380px,27vw,555px)}.scene-9 .scene9-confirm{left:42%;top:13%;width:clamp(380px,27vw,555px)}.scene-9 .scene9-calling{left:5%;top:34%;width:clamp(380px,27vw,555px)}.scene-9 .scene9-trying{left:41%;top:48%;width:clamp(380px,27vw,555px)}.scene-9 .scene9-result{left:20%;top:69%;width:clamp(435px,32vw,640px);z-index:6}}@media (min-width:901px) and (max-width:1300px){.scene-9 .scene9-graphics{left:43%;top:16%;width:min(900px,56vw);height:min(625px,70vh)}.scene-9 .scene9-ask{left:0;top:1%;width:clamp(300px,26vw,415px)}.scene-9 .scene9-confirm{left:41%;top:13%;width:clamp(300px,26vw,415px)}.scene-9 .scene9-calling{left:3%;top:35%;width:clamp(300px,26vw,415px)}.scene-9 .scene9-trying{left:40%;top:49%;width:clamp(300px,26vw,415px)}.scene-9 .scene9-result{left:18%;top:70%;width:clamp(350px,31vw,490px)}}@media (max-width:900px){.scene-9 .scene9-graphics{position:relative;z-index:5;width:min(100%,430px);margin:1.25rem auto 7rem;display:grid;gap:.55rem;padding:0 .25rem}.scene-9 .scene9-lines{display:none!important}.scene-9 .scene9-card{position:relative;width:100%;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .7s ease,transform .75s cubic-bezier(.18,.78,.2,1);filter:drop-shadow(0 12px 28px rgba(48,12,78,.32))}.scene-9 .scene9-card.is-visible{opacity:.98;transform:translateY(0) scale(1)}}.scene-10 .scene10-graphics{position:absolute;left:47%;top:13%;width:min(860px,50vw);height:min(585px,64vh);z-index:7;pointer-events:none}.scene-10 .scene10-card{position:absolute;display:block;height:auto;opacity:0;filter:drop-shadow(0 20px 42px rgba(0,0,0,.30));transform:translateY(16px) scale(.965);transition:opacity .72s ease,transform .82s cubic-bezier(.18,.82,.18,1),filter .82s ease;will-change:opacity,transform}.scene-10 .scene10-card.is-visible{opacity:.985;transform:translateY(0) scale(1)}.scene-10 .scene10-lines{position:absolute;inset:0;overflow:visible;opacity:.42;z-index:0}.scene-10 .scene10-line{fill:none;stroke:rgba(205,105,255,.44);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:8 14;stroke-dashoffset:320;opacity:0;filter:drop-shadow(0 0 8px rgba(198,100,255,.46))}.scene-10 .scene10-line.is-visible{animation:scene10Draw 1.05s cubic-bezier(.18,.72,.18,1) forwards,scene10Pulse 3.7s ease-in-out 1.05s infinite}@keyframes scene10Draw{to{opacity:.34;stroke-dashoffset:0}}@keyframes scene10Pulse{0%,100%{opacity:.14}50%{opacity:.30}}.scene-10 .scene10-who{left:10%;top:0;width:clamp(355px,25vw,430px);z-index:2}.scene-10 .scene10-what{left:15%;top:18%;width:clamp(345px,24vw,410px);z-index:3}.scene-10 .scene10-outcome{left:10%;top:36%;width:clamp(355px,25vw,430px);z-index:4}.scene-10 .scene10-attention{left:15%;top:54%;width:clamp(355px,25vw,430px);z-index:5}.scene-10 .scene10-summary{left:2%;top:68%;width:clamp(440px,34vw,560px);z-index:6}.scene-10 .scene10-summary.is-visible{filter:drop-shadow(0 24px 54px rgba(187,78,255,.38)) drop-shadow(0 0 22px rgba(217,150,255,.25))}@media (max-width:1180px){.scene-10 .scene10-graphics{left:45%;top:16%;width:min(760px,54vw);height:min(560px,63vh)}.scene-10 .scene10-who,.scene-10 .scene10-outcome{width:clamp(300px,27vw,375px)}.scene-10 .scene10-what{width:clamp(290px,26vw,360px)}.scene-10 .scene10-attention{width:clamp(300px,27vw,375px)}.scene-10 .scene10-summary{width:clamp(370px,39vw,485px);left:2%;top:68%}}@media (max-width:900px){.scene-10 .scene10-graphics{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;display:flex;flex-direction:column;gap:.45rem;margin-top:.75rem;z-index:9}.scene-10 .scene10-lines{display:none!important}.scene-10 .scene10-card{position:relative;left:auto!important;top:auto!important;width:min(100%,420px)!important;margin-inline:auto;opacity:0;transform:translateY(14px) scale(.985)}.scene-10 .scene10-card.is-visible{opacity:.97;transform:translateY(0) scale(1)}.scene-10 .scene10-summary{width:min(100%,460px)!important}}.scene-11 .scene-content.final-panel{width:min(610px,42vw);padding:clamp(1.1rem,2.6vw,2rem)}.scene-11 .scene-content.final-panel h2{font-size:clamp(3rem,5.4vw,5.7rem);line-height:.92;margin-bottom:1.15rem}.scene-11 .scene-content.final-panel .subhead{max-width:560px}.scene-11 .price-card-final{display:flex;align-items:flex-end;justify-content:flex-start;gap:.62rem;width:min(430px,100%);padding:1.05rem 1.25rem 1.08rem;margin:1.55rem 0 1.25rem;border-radius:28px;background:radial-gradient(circle at 22% 20%,rgba(213,151,255,.22),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.155),rgba(255,255,255,.052));border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 60px rgba(0,0,0,.22),0 0 28px rgba(186,92,255,.10),inset 0 0 24px rgba(255,255,255,.04)}.scene-11 .price-card-final .price-label{align-self:center;font-size:clamp(1rem,1.25vw,1.15rem);color:rgba(255,255,255,.76);letter-spacing:.01em;margin-right:.18rem}.scene-11 .price-card-final strong{display:flex;align-items:flex-start;font-size:clamp(3.35rem,5.8vw,5.25rem);letter-spacing:-.065em;line-height:.78;color:#fff;text-shadow:0 0 26px rgba(208,126,255,.18)}.scene-11 .price-card-final .price-currency{font-size:.58em;line-height:1;margin:.08em .02em 0 0;color:#fff}.scene-11 .price-card-final .price-term{font-size:clamp(1rem,1.25vw,1.14rem);color:rgba(255,255,255,.68);white-space:nowrap;align-self:center;margin-left:.1rem}.scene-11 .final-cta{min-width:min(360px,100%);justify-content:center;font-size:1.05rem}.scene-11 .scene11-graphics{position:absolute;left:63%;top:22%;width:min(650px,36vw);height:min(520px,58vh);z-index:8;pointer-events:none}.scene-11 .scene11-card{position:absolute;display:block;width:clamp(340px,25vw,475px);height:auto;opacity:0;filter:drop-shadow(0 22px 46px rgba(0,0,0,.32)) drop-shadow(0 0 20px rgba(199,93,255,.18));transform:translateY(18px) scale(.965);transition:opacity .78s ease,transform .86s cubic-bezier(.18,.82,.18,1),filter .86s ease;will-change:opacity,transform}.scene-11 .scene11-card.is-visible{opacity:.985;transform:translateY(0) scale(1)}.scene-11 .scene11-handles{right:2%;top:0}.scene-11 .scene11-protects{right:13%;top:31%}.scene-11 .scene11-control{right:0;top:62%}.scene-11 .scene11-card.is-visible:nth-child(2){filter:drop-shadow(0 24px 52px rgba(0,0,0,.32)) drop-shadow(0 0 24px rgba(208,110,255,.26))}.scene-11 .scene11-card.is-visible:nth-child(3){filter:drop-shadow(0 24px 52px rgba(0,0,0,.34)) drop-shadow(0 0 24px rgba(208,110,255,.28))}@media (max-width:1180px){.scene-11 .scene11-graphics{left:59%;top:24%;width:min(560px,40vw)}.scene-11 .scene11-card{width:clamp(280px,27vw,380px)}.scene-11 .scene11-protects{right:8%;top:32%}.scene-11 .scene11-control{right:0;top:62%}}@media (max-width:900px){.scene-11 .scene-content.final-panel{width:100%}.scene-11 .scene-content.final-panel h2{font-size:clamp(2.7rem,13vw,4rem)}.scene-11 .price-card-final{width:100%;gap:.5rem;padding:1rem 1.1rem}.scene-11 .price-card-final strong{font-size:clamp(3.2rem,18vw,4.6rem)}.scene-11 .scene11-graphics{position:relative;left:auto;top:auto;width:100%;height:auto;display:flex;flex-direction:column;gap:.45rem;margin-top:.8rem;z-index:9}.scene-11 .scene11-card{position:relative;right:auto!important;top:auto!important;width:min(100%,420px)!important;margin-inline:auto;opacity:0;transform:translateY(14px) scale(.985)}.scene-11 .scene11-card.is-visible{opacity:.96;transform:translateY(0) scale(1)}.scene-11 .trust-line{margin-bottom:.2rem}}@media (min-width:901px){.landing-hero{padding-left:clamp(4.25rem,6.2vw,7rem)!important;padding-right:clamp(4.25rem,6.2vw,7rem)!important}.landing-hero .hero-inner{width:min(1760px,100%)!important;max-width:1760px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:minmax(520px,700px) minmax(420px,1fr)!important;gap:clamp(4rem,7vw,9rem)!important;align-items:center!important}.landing-hero .hero-copy{max-width:700px!important;min-width:0!important;transform:none!important}.landing-hero .hero-copy h1{font-size:clamp(3.6rem,4.95vw,5.85rem)!important;line-height:.98!important;max-width:700px!important;margin-left:0!important}.landing-hero .hero-subhead{max-width:690px!important}.landing-hero .hero-support{max-width:660px!important}.landing-hero .hero-statement{min-width:0!important}.landing-hero .statement-panel{max-width:620px!important;margin-left:auto!important}}@media (min-width:901px) and (max-width:1280px){.landing-hero{padding-left:clamp(2.2rem,4vw,4rem)!important;padding-right:clamp(2.2rem,4vw,4rem)!important}.landing-hero .hero-inner{grid-template-columns:minmax(440px,620px) minmax(360px,1fr)!important;gap:clamp(2.5rem,5vw,5rem)!important}.landing-hero .hero-copy h1{font-size:clamp(3.1rem,4.8vw,4.75rem)!important}}@media (max-width:900px){.landing-hero{padding-left:1.25rem!important;padding-right:1.25rem!important}}@media (min-width:901px){.story-scene{height:100svh!important;min-height:0!important;padding-top:calc(var(--header)+.85rem)!important;padding-bottom:calc(var(--controls)+.85rem)!important;padding-left:clamp(3rem,5vw,5.6rem)!important;padding-right:clamp(3rem,5vw,5.6rem)!important;overflow:hidden!important}.story-scene .scene-content{width:min(620px,42.5vw)!important;max-height:calc(100svh - var(--header) - var(--controls) - 2.1rem)!important;padding:clamp(1rem,2vw,1.55rem)!important}.story-scene .scene-content h2{font-size:clamp(2.6rem,min(4.65vw,8.1svh),4.85rem)!important;line-height:.96!important;margin-bottom:clamp(.55rem,1.2svh,1rem)!important}.story-scene .scene-content .subhead{font-size:clamp(1.03rem,min(1.55vw,3.1svh),1.42rem)!important;line-height:1.34!important}.story-scene .scene-content p{font-size:clamp(.92rem,min(1.12vw,2.45svh),1.08rem)!important;line-height:1.48!important;margin:.65rem 0!important}.story-scene .hero-actions{gap:.65rem!important;margin-top:.8rem!important;flex-wrap:wrap!important}.story-scene .button{min-height:42px!important;padding:.72rem 1.05rem!important}}@media (min-width:901px) and (max-height:760px){:root{--header:76px;--controls:72px}.site-header{height:var(--header)!important}.brand img{height:52px!important}.scene-progress{top:calc(var(--header)+.35rem)!important}.control-bar{bottom:.85rem!important;min-height:52px!important;padding:.45rem .55rem!important}.section-jump{right:.75rem!important;transform:translateY(-47%) scale(.92)!important;transform-origin:right center!important}.story-scene{padding-top:calc(var(--header)+.45rem)!important;padding-bottom:calc(var(--controls)+.45rem)!important}.story-scene .scene-content{width:min(590px,41vw)!important;padding:1rem!important}.story-scene .scene-content h2{font-size:clamp(2.35rem,min(4.25vw,8svh),4.25rem)!important}.story-scene .scene-content .subhead{font-size:clamp(.98rem,min(1.36vw,3svh),1.24rem)!important}.story-scene .scene-content p{font-size:clamp(.86rem,min(1vw,2.35svh),1rem)!important;line-height:1.42!important}.scene-outcome-card{width:min(25vw,390px)!important}.scene-1 .outcome-mum{right:9%!important;top:11%!important;width:min(25vw,400px)!important}.scene-1 .outcome-tina{right:3%!important;top:30%!important;width:min(27vw,430px)!important}.scene-1 .outcome-cold{right:22%!important;top:50%!important;width:min(27vw,430px)!important}.scene-1 .outcome-doctor{right:11%!important;bottom:12%!important;width:min(25vw,400px)!important}.scene2-card{width:clamp(245px,18.5vw,330px)!important}.scene2-missed{top:13%!important}.scene2-message{top:14%!important}.scene2-appointment{top:34%!important}.scene2-callback{top:43%!important}.scene2-decision{top:57%!important}.scene3-graphics{left:55%!important;top:31%!important;width:min(680px,40vw)!important;gap:.75rem!important}.scene3-card{max-width:300px!important}.scene-4 .scene4-graphics{left:44%!important;top:17%!important;width:min(840px,52vw)!important;height:min(560px,64svh)!important}.scene-4 .scene4-card{width:clamp(210px,17vw,300px)!important}.scene-4 .scene4-rules{width:clamp(255px,21vw,360px)!important;top:69%!important}.scene-5 .scene5-graphics{left:44%!important;top:14%!important;width:min(840px,52vw)!important;height:min(560px,64svh)!important}.scene-5 .scene5-card{width:clamp(195px,15.5vw,280px)!important}.scene-5 .scene5-allow{width:clamp(210px,16.5vw,300px)!important}.scene-6 .scene6-graphics{left:44%!important;top:12%!important;width:min(860px,52vw)!important;height:min(580px,66svh)!important}.scene-6 .scene6-permission{width:clamp(200px,16vw,280px)!important;top:23%!important}.scene-6 .scene6-answer,.scene-6 .scene6-make,.scene-6 .scene6-summary{width:clamp(145px,11vw,200px)!important}.scene-6 .scene6-escalate{width:clamp(155px,12vw,215px)!important}.scene-6 .scene6-preferences{width:clamp(245px,20vw,360px)!important;top:70%!important}.scene-7 .scene7-graphics{left:44%!important;top:13%!important;width:min(900px,53vw)!important;height:min(570px,66svh)!important}.scene-7 .scene7-card{width:clamp(270px,21vw,390px)!important}.scene-7 .scene7-all-clear{width:clamp(310px,25vw,455px)!important;top:70%!important}.scene-8 .scene8-graphics,.scene-9 .scene9-graphics{left:43.5%!important;top:12%!important;width:min(900px,54vw)!important;height:min(570px,66svh)!important}.scene-8 .scene8-card,.scene-9 .scene9-card{width:clamp(285px,22vw,405px)!important}.scene-8 .scene8-clear,.scene-9 .scene9-result{width:clamp(330px,27vw,480px)!important;top:68%!important}.scene-10 .scene10-graphics{left:48%!important;top:10%!important;width:min(780px,47vw)!important;height:min(560px,65svh)!important}.scene-10 .scene10-who,.scene-10 .scene10-outcome,.scene-10 .scene10-attention{width:clamp(300px,22vw,380px)!important}.scene-10 .scene10-what{width:clamp(285px,21vw,360px)!important}.scene-10 .scene10-summary{width:clamp(360px,29vw,500px)!important;top:67%!important}.scene-11 .scene-content.final-panel{width:min(560px,39vw)!important}.scene-11 .scene-content.final-panel h2{font-size:clamp(2.8rem,min(4.6vw,8svh),4.7rem)!important}.scene-11 .price-card-final{padding:.85rem 1rem!important;margin:1rem 0!important;width:min(390px,100%)!important}.scene-11 .price-card-final strong{font-size:clamp(3rem,5vw,4.35rem)!important}.scene-11 .scene11-graphics{left:64%!important;top:20%!important;width:min(560px,34vw)!important;height:min(470px,55svh)!important}.scene-11 .scene11-card{width:clamp(280px,21vw,390px)!important}}@media (min-width:901px) and (max-width:1280px){.story-scene{padding-left:clamp(2.25rem,4vw,4rem)!important;padding-right:clamp(2.25rem,4vw,4rem)!important}.story-scene .scene-content{width:min(560px,43vw)!important}}.nav-toggle{display:none;pointer-events:auto;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;width:46px;height:46px;align-items:center;justify-content:center;gap:4px;flex-direction:column;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:rgba(255,255,255,.86);transition:transform .22s ease,opacity .22s ease}.site-header.nav-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.nav-open .nav-toggle span:nth-child(2){opacity:0}.site-header.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width:900px){:root{--header:86px;--controls:112px}html,body{overflow-x:hidden!important}.site-header{height:var(--header)!important;padding:.55rem 1rem!important;background:linear-gradient(180deg,rgba(13,3,22,.96),rgba(13,3,22,.86))!important;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}.brand img{height:56px!important;max-width:150px!important}.nav-toggle{display:flex!important}.top-nav{margin-left:auto;gap:.55rem!important;align-items:center!important}.top-nav a:not(.nav-cta){display:none!important}.top-nav .nav-cta{display:inline-flex!important;align-items:center;min-height:42px;padding:.55rem 1rem!important;font-size:.92rem!important;white-space:nowrap;background:rgba(185,101,255,.24)!important;border-color:rgba(226,188,255,.30)!important}.site-header.nav-open .top-nav{position:absolute;right:1rem;top:calc(var(--header) - .35rem);display:grid!important;width:min(230px,calc(100vw - 2rem));padding:.65rem;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(24,7,38,.94);box-shadow:0 22px 60px rgba(0,0,0,.38);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.site-header.nav-open .top-nav a{display:block!important;text-align:left;padding:.72rem .9rem!important;border-radius:14px;font-size:.98rem!important}.site-header.nav-open .top-nav .nav-cta{text-align:center;background:linear-gradient(135deg,#8f37ff,#d995ff)!important;color:#fff!important;justify-content:center;margin-top:.15rem}.landing-hero{min-height:auto!important;padding:calc(var(--header)+1.7rem) 1.15rem 2.4rem!important;align-items:flex-start!important;overflow:visible!important}.hero-inner{display:block!important;width:100%!important}.hero-copy{max-width:100%!important;padding-top:0!important;transform:none!important}.hero-copy h1{font-size:clamp(2.35rem,10vw,3.38rem)!important;line-height:1!important;letter-spacing:-.055em!important;margin:0 0 1rem!important;max-width:100%!important}.hero-subhead{font-size:1.06rem!important;line-height:1.42!important;margin-bottom:.9rem!important}.hero-support{font-size:.97rem!important;line-height:1.52!important;margin-bottom:.85rem!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:.7rem!important;margin-top:1.15rem!important}.hero-actions .button{width:100%!important;min-height:54px!important;font-size:1rem!important}.microcopy,.hero-start-note{font-size:.9rem!important;line-height:1.45!important}.story-scene{height:auto!important;min-height:100svh!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;padding:calc(var(--header)+1rem) 1rem calc(var(--controls)+1rem)!important;overflow:visible!important}.story-scene .bg{position:absolute!important;inset:0!important;height:100%!important;overflow:hidden!important;background:#160621!important}.story-scene .bg img{height:100%!important;width:100%!important;object-fit:cover!important;object-position:var(--mobile-bg-pos,var(--bg-pos,center center))!important;transform:none!important}.story-scene .bg::after{background:linear-gradient(180deg,rgba(13,3,22,.18) 0,rgba(13,3,22,.20) 34%,rgba(13,3,22,.78) 69%,rgba(13,3,22,.94) 100%),linear-gradient(90deg,rgba(13,3,22,.30),rgba(13,3,22,.06) 48%,rgba(13,3,22,.18))!important}.scene-1{--mobile-bg-pos:61% center}.scene-2{--mobile-bg-pos:57% center}.scene-3{--mobile-bg-pos:66% center}.scene-4{--mobile-bg-pos:68% center}.scene-5{--mobile-bg-pos:60% center}.scene-6{--mobile-bg-pos:66% center}.scene-7{--mobile-bg-pos:66% center}.scene-8{--mobile-bg-pos:58% center}.scene-9{--mobile-bg-pos:58% center}.scene-10{--mobile-bg-pos:58% center}.scene-11{--mobile-bg-pos:64% center}.story-scene .scene-content{position:relative!important;z-index:10!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:1rem!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(25,8,39,.76),rgba(25,8,39,.46))!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.story-scene .scene-content h1,.story-scene .scene-content h2{font-size:clamp(2.15rem,9.4vw,3.25rem)!important;line-height:1!important;margin:0 0 .8rem!important;max-width:100%!important}.story-scene .scene-content .subhead{font-size:1.02rem!important;line-height:1.35!important;margin:.55rem 0!important}.story-scene .scene-content p{font-size:.94rem!important;line-height:1.45!important;margin:.55rem 0!important}.scene-outcome-graphics,.scene2-graphics,.scene3-graphics,.scene4-graphics,.scene5-graphics,.scene6-graphics,.scene7-graphics,.scene8-graphics,.scene9-graphics,.scene10-graphics,.scene11-graphics{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:410px!important;height:auto!important;min-height:0!important;margin:1rem auto 0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.42rem!important;z-index:9!important;pointer-events:none!important;overflow:visible!important;padding:0!important}.scene-outcome-card,.scene2-card,.scene3-card,.scene4-card,.scene5-card,.scene6-card,.scene7-card,.scene8-card,.scene9-card,.scene10-card,.scene11-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;transform:translateY(12px) scale(.985)!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.38))!important}.scene-outcome-card.is-visible,.scene2-card.is-visible,.scene3-card.is-visible,.scene4-card.is-visible,.scene5-card.is-visible,.scene6-card.is-visible,.scene7-card.is-visible,.scene8-card.is-visible,.scene9-card.is-visible,.scene10-card.is-visible,.scene11-card.is-visible{transform:translateY(0) scale(1)!important;opacity:.97!important}.scene4-rules,.scene5-allow,.scene6-permission,.scene6-preferences,.scene7-all-clear,.scene8-clear,.scene9-result,.scene10-summary,.scene11-control{grid-column:1/-1!important;width:100%!important;max-width:100%!important}.scene6-graphics,.scene10-graphics{max-width:390px!important}.scene6-card,.scene10-card{max-height:145px!important;object-fit:contain!important}.scene-outcome-graphics{max-width:390px!important}.scene-outcome-card{max-height:118px!important;object-fit:contain!important}.section-jump{display:none!important}.scene-progress{top:calc(var(--header)+.55rem)!important;right:.85rem!important;transform:scale(.86);transform-origin:top right;opacity:.94}body.hero-active .scene-progress{display:none!important}.control-bar{width:calc(100% - 1rem)!important;left:.5rem!important;right:.5rem!important;bottom:calc(.55rem+env(safe-area-inset-bottom))!important;grid-template-columns:repeat(4,1fr)!important;gap:.45rem!important;padding:.55rem!important;border-radius:22px!important;min-height:0!important}.control-bar p{grid-column:1/-1!important;order:-1!important;font-size:.86rem!important;line-height:1.34!important;padding:.15rem .4rem .25rem!important;white-space:normal!important}.control-bar button{min-width:0!important;width:100%!important;min-height:48px!important;padding:.5rem .55rem!important;border-radius:999px!important}}@media (max-width:420px){.top-nav .nav-cta{font-size:.86rem!important;padding:.52rem .82rem!important}.nav-toggle{width:42px;height:42px}.brand img{height:52px!important;max-width:132px!important}.hero-copy h1{font-size:clamp(2.2rem,9.4vw,3.05rem)!important}.story-scene .scene-content h1,.story-scene .scene-content h2{font-size:clamp(2rem,8.8vw,3rem)!important}.scene-outcome-graphics,.scene2-graphics,.scene3-graphics,.scene4-graphics,.scene5-graphics,.scene6-graphics,.scene7-graphics,.scene8-graphics,.scene9-graphics,.scene10-graphics,.scene11-graphics{max-width:365px!important;gap:.35rem!important}}.landing-hero{background-color:#12031f!important;background-image:linear-gradient(90deg,rgba(10,2,18,.92) 0,rgba(16,5,28,.78) 34%,rgba(20,7,35,.42) 61%,rgba(20,7,35,.18) 100%),url('../images/hero-brand-c-bg.webp')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}.landing-hero::before{background:radial-gradient(circle at 28% 82%,rgba(177,83,255,.16),transparent 34%),linear-gradient(180deg,rgba(8,1,14,.10),rgba(8,1,14,.24))!important}.landing-hero .hero-backdrop{display:none!important}.landing-hero .cocoon-orb{display:none!important}@media (max-width:900px){.landing-hero{background-image:linear-gradient(180deg,rgba(9,2,16,.74) 0,rgba(13,3,22,.62) 42%,rgba(13,3,22,.88) 100%),url('../images/hero-brand-c-bg.webp')!important;background-position:62% top!important;background-size:auto 100%,cover!important}}@media (min-width:901px){.scene-1 .scene-outcome-card{width:min(25vw,390px)!important;filter:drop-shadow(0 24px 46px rgba(0,0,0,.40)) drop-shadow(0 0 20px rgba(197,91,255,.16))!important}.scene-1 .outcome-protected{right:5.5%!important;top:14%!important;width:min(26vw,410px)!important;z-index:5}.scene-1 .outcome-rules{right:18%!important;top:31.5%!important;width:min(25vw,390px)!important;z-index:6}.scene-1 .outcome-noise{right:4%!important;top:48.5%!important;width:min(27vw,430px)!important;z-index:7}.scene-1 .outcome-calm{right:13%!important;bottom:10.5%!important;width:min(26vw,410px)!important;z-index:8}}@media (max-width:900px){.scene-1 .scene-outcome-graphics{max-width:390px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.38rem!important}.scene-1 .scene-outcome-card{object-fit:contain!important;max-height:122px!important}.scene-1 .outcome-calm{grid-column:1/-1!important;max-height:132px!important}}.scene-1 .scene-outcome-graphics.scene1-timed-overlays{position:absolute!important;left:auto!important;right:clamp(2rem,6vw,6rem)!important;top:61%!important;bottom:auto!important;width:clamp(260px,23vw,405px)!important;max-width:405px!important;height:clamp(125px,13vw,205px)!important;min-height:0!important;margin:0!important;display:block!important;z-index:8!important;pointer-events:none!important;overflow:visible!important;padding:0!important;transform:translateY(-50%)}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;opacity:0!important;transform:translate3d(24px,10px,0) scale(.94)!important;filter:drop-shadow(0 16px 32px rgba(0,0,0,.22)) drop-shadow(0 0 14px rgba(182,101,255,.12))!important;transition:opacity .55s ease,transform .70s cubic-bezier(.18,.82,.18,1),filter .70s ease!important;will-change:opacity,transform}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card.is-visible{opacity:.85!important;transform:translate3d(0,0,0) scale(.96)!important;filter:drop-shadow(0 18px 38px rgba(0,0,0,.25)) drop-shadow(0 0 18px rgba(195,105,255,.16))!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .outcome-protected-final.is-visible{opacity:.85!important;transform:translate3d(0,0,0) scale(1)!important}@media (min-width:901px) and (max-width:1280px){.scene-1 .scene-outcome-graphics.scene1-timed-overlays{right:clamp(1.25rem,4vw,4rem)!important;top:62%!important;width:clamp(245px,28vw,360px)!important;height:clamp(118px,15vw,185px)!important}}@media (max-width:900px){.scene-1 .scene-outcome-graphics.scene1-timed-overlays{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:min(100%,310px)!important;max-width:310px!important;height:160px!important;margin:1rem auto 0!important;display:block!important;transform:none!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card{width:100%!important;height:auto!important;transform:translateY(10px) scale(.95)!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card.is-visible{opacity:.85!important;transform:translateY(0) scale(.98)!important}}body.gateway-locked{overflow:hidden}body.gateway-locked .site-header,body.gateway-locked .scene-progress,body.gateway-locked main,body.gateway-locked .story-controls,body.gateway-locked .scene-rail,body.gateway-locked footer{filter:blur(14px);pointer-events:none;user-select:none}.dev-gateway{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 20% 20%,rgba(160,78,255,.26),transparent 34%),linear-gradient(135deg,rgba(11,3,23,.96),rgba(33,8,38,.94) 55%,rgba(9,4,18,.97));backdrop-filter:blur(12px)}body:not(.gateway-locked) .dev-gateway{display:none}.dev-gateway-panel{width:min(440px,100%);padding:2rem;border-radius:28px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:0 24px 80px rgba(0,0,0,.45);color:#fff;text-align:center}.dev-gateway-logo{width:96px;height:auto;margin:0 auto 1.15rem;display:block}.dev-gateway-panel h2{font-family:var(--font-display,serif);font-size:clamp(2rem,4vw,2.75rem);line-height:1;margin:0 0 .7rem;color:#fff}.dev-gateway-panel p{margin:.35rem 0 1rem;color:rgba(255,255,255,.76)}.dev-gateway-panel input{width:100%;height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;padding:0 1.1rem;margin:.55rem 0 .8rem;font-size:1rem;outline:none}.dev-gateway-panel input::placeholder{color:rgba(255,255,255,.48)}.dev-gateway-panel input:focus{border-color:rgba(206,139,255,.72);box-shadow:0 0 0 4px rgba(165,93,255,.18)}.dev-gateway-panel button{width:100%;height:52px;border:0;border-radius:999px;background:linear-gradient(135deg,#8f42ff,#cf78ff);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 14px 36px rgba(143,66,255,.32)}.dev-gateway-error{min-height:1.2em;color:#ffb6d4!important;font-weight:600}.scene-1 .scene-outcome-graphics.scene1-timed-overlays{right:clamp(3rem,8vw,9rem)!important;top:47%!important;width:clamp(230px,19vw,330px)!important;max-width:330px!important;height:clamp(112px,10.6vw,168px)!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card.is-visible{opacity:.85!important;transform:translate3d(0,0,0) scale(.94)!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .outcome-protected-final.is-visible{opacity:.85!important;transform:translate3d(0,0,0) scale(.96)!important}@media (min-width:901px) and (max-width:1280px){.scene-1 .scene-outcome-graphics.scene1-timed-overlays{right:clamp(2rem,5vw,4rem)!important;top:48%!important;width:clamp(220px,24vw,300px)!important;height:clamp(108px,13vw,155px)!important}}@media (min-width:901px){.scene-1 .scene-outcome-graphics.scene1-timed-overlays{position:absolute!important;left:auto!important;right:clamp(17rem,23.5vw,28rem)!important;top:43.5%!important;bottom:auto!important;width:clamp(294px,22.5vw,398px)!important;max-width:398px!important;height:clamp(115px,9.75vw,165px)!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;z-index:12!important;pointer-events:none!important;transform:none!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;opacity:0!important;transform:translate3d(18px,10px,0) scale(.965)!important;filter:drop-shadow(0 18px 34px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(185,101,255,.14))!important;transition:opacity .58s ease,transform .72s cubic-bezier(.18,.82,.18,1),filter .72s ease!important;will-change:opacity,transform!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card.is-visible{opacity:.85!important;transform:translate3d(0,0,0) scale(1)!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .outcome-protected-final.is-visible{opacity:.85!important;transform:translate3d(0,0,0) scale(1)!important}}@media (min-width:901px) and (max-width:1280px){.scene-1 .scene-outcome-graphics.scene1-timed-overlays{right:clamp(9rem,17vw,16rem)!important;top:44.5%!important;width:clamp(275px,27.5vw,358px)!important;max-width:358px!important}}@media (max-width:900px){.scene-1 .scene-outcome-graphics.scene1-timed-overlays{display:block!important;max-width:413px!important;width:min(100%,413px)!important}}@media (min-width:901px){.scene-6 .scene6-lines{display:none!important}.scene-6 .scene6-answer,.scene-6 .scene6-make,.scene-6 .scene6-summary{display:none!important}.scene-6 .scene6-graphics{left:48%!important;top:13%!important;width:min(920px,50vw)!important;height:min(620px,68vh)!important}.scene-6 .scene6-card{filter:drop-shadow(0 24px 56px rgba(0,0,0,.34)) drop-shadow(0 0 26px rgba(210,110,255,.28))!important}.scene-6 .scene6-permission{left:31%!important;top:20%!important;width:clamp(300px,20vw,390px)!important;z-index:6!important}.scene-6 .scene6-preferences{left:18%!important;top:65%!important;width:clamp(420px,31vw,610px)!important;z-index:7!important}.scene-6 .scene6-escalate{left:66%!important;top:38%!important;width:clamp(230px,16vw,315px)!important;z-index:5!important}}@media (max-width:900px){.scene-6 .scene6-answer,.scene-6 .scene6-make,.scene-6 .scene6-summary{display:none!important}.scene-6 .scene6-graphics{max-width:430px!important;grid-template-columns:1fr!important}.scene-6 .scene6-card{max-height:none!important}}@media (min-width:901px){.scene-1 .scene-outcome-graphics.scene1-timed-overlays{position:absolute!important;left:auto!important;right:clamp(1.2rem,4.6vw,5.2rem)!important;top:52%!important;width:min(720px,43vw)!important;max-width:720px!important;height:min(560px,58svh)!important;max-height:560px!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;z-index:12!important;pointer-events:none!important;transform:translateY(-50%)!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card{position:absolute!important;inset:auto!important;width:clamp(320px,21vw,420px)!important;max-width:420px!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;opacity:0!important;transform:translate3d(26px,18px,0) scale(.965)!important;filter:drop-shadow(0 20px 36px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(185,101,255,.16))!important;transition:opacity .55s ease,transform .72s cubic-bezier(.18,.82,.18,1),filter .72s ease!important;will-change:opacity,transform!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card.is-visible{opacity:.90!important;transform:translate3d(0,0,0) scale(1)!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .outcome-tina{left:15%;top:0;z-index:1}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .outcome-mum{left:0;top:19%;z-index:2}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .outcome-voicemail{left:20%;top:38%;z-index:3}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .outcome-unknown{left:6%;top:57%;z-index:4}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .outcome-chris{left:24%;top:76%;z-index:5}}@media (min-width:901px) and (max-width:1280px){.scene-1 .scene-outcome-graphics.scene1-timed-overlays{right:clamp(.75rem,3vw,2.5rem)!important;top:53%!important;width:min(540px,44vw)!important;height:min(450px,54svh)!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card{width:clamp(280px,28vw,360px)!important;max-width:360px!important}}@media (max-width:900px){.scene-1 .scene-outcome-graphics.scene1-timed-overlays{display:grid!important;grid-template-columns:1fr!important;gap:.32rem!important;width:min(100%,430px)!important;max-width:430px!important;height:auto!important;margin:.8rem auto 0!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;opacity:0!important;transform:translateY(12px) scale(.98)!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card.is-visible{opacity:.90!important;transform:translateY(0) scale(1)!important}}.scene-1 .scene-outcome-graphics.scene1-timed-overlays{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:8!important;pointer-events:none!important;transform:none!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card{position:absolute!important;width:clamp(240px,18vw,330px)!important;height:auto!important;inset:auto!important;opacity:0!important;transform:translateY(18px)!important;transition:opacity .9s ease-out,transform .9s ease-out!important;filter:drop-shadow(0 18px 30px rgba(0,0,0,.25))!important}.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card.is-visible{opacity:1!important;transform:translateY(0)!important}.scene-1 .outcome-mum{left:54%!important;top:14%!important}.scene-1 .outcome-tina{right:5%!important;top:27%!important}.scene-1 .outcome-unknown{right:4%!important;top:46%!important}.scene-1 .outcome-voicemail{left:52%!important;bottom:14%!important}.scene-1 .outcome-chris{right:7%!important;bottom:7%!important}@media(max-width:900px){.scene-1 .scene-outcome-graphics.scene1-timed-overlays .scene-outcome-card{width:220px!important}}body .story-scene.scene-1>.scene1-notification-layer.scene-outcome-graphics.scene1-timed-overlays{position:absolute!important;inset:0!important;left:0!important;right:auto!important;top:0!important;bottom:auto!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;pointer-events:none!important;z-index:9!important;transform:none!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-notification-card{position:absolute!important;inset:auto!important;width:clamp(350px,23vw,455px)!important;max-width:455px!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;opacity:0!important;transform:translate3d(0,16px,0)!important;transition:opacity 1.1s ease-out,transform 1.1s cubic-bezier(.18,.82,.18,1)!important;filter:drop-shadow(0 18px 32px rgba(0,0,0,.36)) drop-shadow(0 0 14px rgba(185,101,255,.14))!important;will-change:opacity,transform!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-notification-card.is-visible{opacity:1!important;transform:translate3d(0,0,0)!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-tina{left:53.5%!important;top:10.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-unknown{right:5.2%!important;top:23.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-mum{left:49.5%!important;top:46.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-voicemail{right:8%!important;top:53.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-chris{left:57.5%!important;bottom:9.5%!important}@media (min-width:901px) and (max-width:1280px){body .story-scene.scene-1>.scene1-notification-layer .scene1-notification-card{width:clamp(300px,27vw,360px)!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-tina{left:51%!important;top:12%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-unknown{right:4%!important;top:27%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-mum{left:47%!important;top:48%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-voicemail{right:5%!important;top:57%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-chris{left:55%!important;bottom:10%!important}}@media (max-width:900px){body .story-scene.scene-1>.scene1-notification-layer.scene-outcome-graphics.scene1-timed-overlays{position:relative!important;inset:auto!important;width:min(100%,440px)!important;height:auto!important;margin:1rem auto 0!important;display:grid!important;gap:.45rem!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-notification-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important}}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-tina{top:14.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-unknown{top:27.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-mum{top:50.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-voicemail{top:57.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-chris{bottom:5.5%!important}@media (min-width:901px) and (max-width:1280px){body .story-scene.scene-1>.scene1-notification-layer .scene1-note-tina{top:16%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-unknown{top:31%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-mum{top:52%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-voicemail{top:61%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-chris{bottom:6%!important}}body .story-scene.scene-1>.scene1-notification-layer .scene1-notification-card{opacity:0 !important}body .story-scene.scene-1>.scene1-notification-layer .scene1-notification-card.is-visible{opacity:.90!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-tina{top:16.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-unknown{top:29.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-mum{top:52.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-voicemail{top:59.5%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-chris{bottom:3.5%!important}@media (min-width:901px) and (max-width:1280px){body .story-scene.scene-1>.scene1-notification-layer .scene1-note-tina{top:18%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-unknown{top:33%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-mum{top:54%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-voicemail{top:63%!important}body .story-scene.scene-1>.scene1-notification-layer .scene1-note-chris{bottom:4%!important}}.scene-2 .scene2-text-moments{position:absolute!important;left:55.5%!important;top:15.5%!important;width:min(560px,36vw)!important;height:min(560px,62vh)!important;z-index:8!important;pointer-events:none!important;display:block!important;margin:0!important;padding:0!important;overflow:visible!important}.scene-2 .scene2-thought{position:absolute!important;width:min(520px,100%)!important;max-width:none!important;margin:0!important;opacity:0;transform:translateY(14px);transition:opacity 1.05s ease,transform 1.05s cubic-bezier(.18,.78,.18,1);filter:drop-shadow(0 14px 34px rgba(0,0,0,.34));text-shadow:0 2px 12px rgba(0,0,0,.42)}.scene-2 .scene2-thought.is-visible{opacity:.82!important;transform:translateY(0)!important}.scene-2 .scene2-thought span{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.65rem,2.55vw,3.35rem);line-height:.98;letter-spacing:-.035em;color:rgba(255,247,239,.86);font-weight:500}.scene-2 .scene2-thought strong{display:block;margin-top:.26rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.9rem,3.05vw,4.05rem);line-height:.94;letter-spacing:-.045em;color:rgba(255,247,239,.82);font-weight:500;text-shadow:0 0 10px rgba(255,255,255,.18),0 2px 10px rgba(0,0,0,.46),0 0 18px rgba(188,105,255,.12)}.scene-2 .scene2-thought::before{content:"";display:block;width:clamp(44px,4vw,76px);height:1px;margin:0 0 .58rem .1rem;background:linear-gradient(90deg,rgba(224,184,255,.72),rgba(224,184,255,0));box-shadow:0 0 12px rgba(185,101,255,.24)}.scene-2 .scene2-thought-unknown{left:4%!important;top:0!important}.scene-2 .scene2-thought-call{left:13%!important;top:34%!important}.scene-2 .scene2-thought-work{left:0!important;top:68%!important}.scene-2 .scene2-thought-call strong,.scene-2 .scene2-thought-work strong{font-size:clamp(1.75rem,2.75vw,3.45rem)}@media (max-width:1180px){.scene-2 .scene2-text-moments{left:52%!important;top:19%!important;width:min(540px,43vw)!important;height:min(520px,58vh)!important}.scene-2 .scene2-thought-unknown{left:5%!important;top:0!important}.scene-2 .scene2-thought-call{left:8%!important;top:35%!important}.scene-2 .scene2-thought-work{left:0!important;top:69%!important}}@media (max-width:900px){.scene-2 .scene2-text-moments{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;max-width:480px!important;margin:1rem auto 5.8rem!important;display:grid!important;gap:.8rem!important}.scene-2 .scene2-thought{position:relative!important;left:auto!important;top:auto!important;width:100%!important;padding:.85rem 1rem!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(25,8,39,.46),rgba(25,8,39,.12));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);transform:translateY(12px)!important}.scene-2 .scene2-thought.is-visible{transform:translateY(0)!important}.scene-2 .scene2-thought span{font-size:clamp(1.55rem,8vw,2.3rem)!important}.scene-2 .scene2-thought strong{font-size:clamp(1.8rem,9vw,2.85rem)!important}}@media (min-width:901px){.scene-3 .scene3-graphics.scene3-mechanism{position:absolute!important;left:53%!important;top:19%!important;width:min(640px,40vw)!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:clamp(.55rem,1.05vw,.95rem)!important;z-index:8!important;pointer-events:none!important;overflow:visible!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:min(100%,600px)!important;max-width:none!important;height:auto!important;display:block!important;margin:0!important;justify-self:auto!important;opacity:0;transform:translateY(18px) scale(.975)!important;filter:drop-shadow(0 20px 42px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(189,118,255,.16))!important;transition:opacity .9s ease,transform .95s cubic-bezier(.18,.78,.2,1),filter .9s ease!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-card.is-visible{opacity:.96!important;transform:translateY(0) scale(1)!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-step-check{margin-left:clamp(1rem,2.3vw,2.6rem)!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-step-next{margin-left:clamp(.35rem,1.15vw,1.2rem)!important}}@media (min-width:901px) and (max-width:1280px){.scene-3 .scene3-graphics.scene3-mechanism{left:52%!important;top:22%!important;width:min(500px,41vw)!important;gap:.48rem!important}}@media (max-width:900px){.scene-3 .scene3-graphics.scene3-mechanism{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:min(100%,430px)!important;max-width:430px!important;display:flex!important;flex-direction:column!important;gap:.45rem!important;margin:1rem auto 6.5rem!important;padding:0!important;z-index:9!important;pointer-events:none!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;opacity:0;transform:translateY(14px) scale(.985)!important;filter:drop-shadow(0 14px 28px rgba(0,0,0,.36))!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-card.is-visible{opacity:.96!important;transform:translateY(0) scale(1)!important}}@media (min-width:901px){.scene-3 .scene3-graphics.scene3-mechanism{position:absolute!important;left:55.5%!important;top:17.5%!important;width:min(440px,31vw)!important;max-width:440px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:clamp(.45rem,.8vw,.72rem)!important;z-index:8!important;pointer-events:none!important;overflow:visible!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;height:auto!important;display:block!important;margin:0!important;opacity:0!important;transform:translateY(10px) scale(.985)!important;filter:drop-shadow(0 16px 34px rgba(0,0,0,.34)) drop-shadow(0 0 14px rgba(189,118,255,.13))!important;transition:opacity 1.15s ease,transform 1.05s cubic-bezier(.18,.78,.2,1),filter 1.05s ease!important;will-change:opacity,transform!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-card.is-visible{opacity:.90!important;transform:translateY(0) scale(1)!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-step-in{margin-left:0!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-step-check{margin-left:clamp(1.1rem,2vw,2rem)!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-step-next{margin-left:clamp(.35rem,1vw,1rem)!important}}@media (min-width:901px) and (max-width:1500px){.scene-3 .scene3-graphics.scene3-mechanism{left:55%!important;top:16.5%!important;width:min(385px,29vw)!important;gap:.48rem!important}}@media (min-width:901px) and (max-height:820px){.scene-3 .scene3-graphics.scene3-mechanism{top:15.5%!important;width:min(360px,27vw)!important;gap:.42rem!important}}@media (min-width:901px) and (max-height:720px){.scene-3 .scene3-graphics.scene3-mechanism{top:14.5%!important;width:min(330px,25vw)!important;gap:.36rem!important}}@media (max-width:900px){.scene-3 .scene3-graphics.scene3-mechanism .scene3-card.is-visible{opacity:.90!important}}@media (min-width:901px){.scene-3 .scene3-graphics.scene3-mechanism{position:absolute!important;left:56%!important;top:28%!important;width:min(540px,34vw)!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;z-index:8!important;pointer-events:none!important;overflow:visible!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-card{position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;height:auto!important;display:block!important;margin:0!important;opacity:0!important;transform:translateY(18px) scale(.985)!important;filter:drop-shadow(0 20px 42px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(189,118,255,.14))!important;transition:opacity .95s ease,transform 1s cubic-bezier(.18,.78,.2,1),filter 1s ease!important;will-change:opacity,transform!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-card.is-visible{opacity:.90!important;transform:translateY(0) scale(1)!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-step-in,.scene-3 .scene3-graphics.scene3-mechanism .scene3-step-check,.scene-3 .scene3-graphics.scene3-mechanism .scene3-step-next{margin-left:0!important}}@media (min-width:901px) and (max-width:1500px){.scene-3 .scene3-graphics.scene3-mechanism{left:56%!important;top:27%!important;width:min(470px,33vw)!important}}@media (min-width:901px) and (max-height:780px){.scene-3 .scene3-graphics.scene3-mechanism{top:25%!important;width:min(430px,31vw)!important}}@media (max-width:900px){.scene-3 .scene3-graphics.scene3-mechanism{position:relative!important;width:min(100%,430px)!important;max-width:430px!important;height:245px!important;margin:1rem auto 6.5rem!important;padding:0!important;display:block!important;z-index:9!important;pointer-events:none!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-card{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;opacity:0!important;transform:translateY(14px) scale(.985)!important;filter:drop-shadow(0 14px 28px rgba(0,0,0,.36))!important;transition:opacity .95s ease,transform 1s cubic-bezier(.18,.78,.2,1)!important}.scene-3 .scene3-graphics.scene3-mechanism .scene3-card.is-visible{opacity:.90!important;transform:translateY(0) scale(1)!important}}@media (min-width:901px){.scene-4 .scene4-context-cards{position:absolute!important;left:45.5%!important;top:15.5%!important;width:min(900px,52vw)!important;height:min(660px,65svh)!important;z-index:8!important;pointer-events:none!important;overflow:visible!important;display:block!important;max-width:none!important;margin:0!important;padding:0!important}.scene-4 .scene4-context-card{position:absolute!important;width:clamp(360px,28vw,510px)!important;max-width:none!important;height:auto!important;margin:0!important;opacity:0!important;transform:translateY(18px) scale(.965)!important;filter:drop-shadow(0 22px 42px rgba(0,0,0,.36)) drop-shadow(0 0 16px rgba(196,110,255,.14))!important;transition:opacity .78s ease,transform .86s cubic-bezier(.18,.82,.18,1),filter .86s ease!important;will-change:opacity,transform!important}.scene-4 .scene4-context-card.is-visible{opacity:.96!important;transform:translateY(0) scale(1)!important}.scene-4 .scene4-people{left:9%!important;top:0!important}.scene-4 .scene4-availability{left:26%!important;top:24%!important}.scene-4 .scene4-preferences{left:9%!important;top:48%!important}.scene-4 .scene4-remember{left:26%!important;top:72%!important}}@media (min-width:901px) and (max-width:1300px){.scene-4 .scene4-context-cards{left:45%!important;top:17%!important;width:min(760px,52vw)!important;height:min(610px,63svh)!important}.scene-4 .scene4-context-card{width:clamp(300px,27vw,420px)!important}.scene-4 .scene4-people{left:6%!important;top:0!important}.scene-4 .scene4-availability{left:23%!important;top:24%!important}.scene-4 .scene4-preferences{left:6%!important;top:48%!important}.scene-4 .scene4-remember{left:23%!important;top:72%!important}}@media (max-width:900px){.scene-4 .scene4-context-cards{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:430px!important;height:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:.45rem!important;margin:1rem auto 7rem!important;z-index:9!important;overflow:visible!important;pointer-events:none!important}.scene-4 .scene4-context-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;height:auto!important;opacity:0!important;transform:translateY(14px) scale(.985)!important;filter:drop-shadow(0 12px 26px rgba(0,0,0,.35))!important;transition:opacity .72s ease,transform .78s cubic-bezier(.18,.82,.18,1)!important}.scene-4 .scene4-context-card.is-visible{opacity:.96!important;transform:translateY(0) scale(1)!important}}@media (min-width:901px){.scene-6 .scene6-lines,.scene-6 .scene6-answer,.scene-6 .scene6-make,.scene-6 .scene6-summary,.scene-6 .scene6-escalate,.scene-6 .scene6-preferences,.scene-6 .scene6-permission{display:none!important}.scene-6 .scene6-graphics.scene6-permission-cards{position:absolute!important;left:50%!important;top:14%!important;width:min(880px,48vw)!important;height:min(610px,64vh)!important;z-index:8!important;pointer-events:none!important;overflow:visible!important}.scene-6 .scene6-permission-card{position:absolute!important;display:block!important;width:clamp(360px,30vw,540px)!important;height:auto!important;opacity:0!important;filter:drop-shadow(0 22px 48px rgba(0,0,0,.34)) drop-shadow(0 0 22px rgba(210,110,255,.20))!important;transform:translateY(18px) scale(.965)!important;transition:opacity .78s ease,transform .86s cubic-bezier(.18,.82,.18,1),filter .86s ease!important;will-change:opacity,transform!important}.scene-6 .scene6-permission-card.is-visible{opacity:.90!important;transform:translateY(0) scale(1)!important}.scene-6 .scene6-know{left:6%!important;top:0!important;z-index:3!important}.scene-6 .scene6-remember{left:20%!important;top:30%!important;z-index:4!important}.scene-6 .scene6-do{left:8%!important;top:60%!important;z-index:5!important}}@media (max-width:900px){.scene-6 .scene6-lines,.scene-6 .scene6-answer,.scene-6 .scene6-make,.scene-6 .scene6-summary,.scene-6 .scene6-escalate,.scene-6 .scene6-preferences,.scene-6 .scene6-permission{display:none!important}.scene-6 .scene6-graphics.scene6-permission-cards{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:430px!important;height:auto!important;margin:1rem auto 0!important;display:grid!important;grid-template-columns:1fr!important;gap:.45rem!important;z-index:9!important}.scene-6 .scene6-permission-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:100%!important;height:auto!important;opacity:0!important;transform:translateY(12px) scale(.985)!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.38))!important}.scene-6 .scene6-permission-card.is-visible{opacity:.9!important;transform:translateY(0) scale(1)!important}}@media (min-width:901px){.scene-7 .scene7-graphics.scene7-quiet-states{position:absolute!important;left:50%!important;top:16%!important;width:min(850px,48vw)!important;height:min(620px,66svh)!important;z-index:8!important;pointer-events:none!important;overflow:visible!important}.scene-7 .scene7-quiet-card{position:absolute!important;width:clamp(360px,30vw,540px)!important;height:auto!important;opacity:0!important;transform:translateY(18px) scale(.965)!important;filter:drop-shadow(0 22px 44px rgba(0,0,0,.32)) drop-shadow(0 0 18px rgba(205,125,255,.15))!important;transition:opacity .82s ease,transform .9s cubic-bezier(.18,.82,.18,1)!important}.scene-7 .scene7-quiet-card.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}.scene-7 .scene7-handled{left:6%!important;top:0!important}.scene-7 .scene7-saved{left:20%!important;top:34%!important}.scene-7 .scene7-important{left:4%!important;top:68%!important}}@media (min-width:901px) and (max-width:1300px){.scene-7 .scene7-graphics.scene7-quiet-states{left:49%!important;top:17%!important;width:min(700px,48vw)!important}.scene-7 .scene7-quiet-card{width:clamp(310px,29vw,430px)!important}}@media (max-width:900px){.scene-7 .scene7-graphics.scene7-quiet-states{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;max-width:430px!important;margin:1rem auto 0!important;display:flex!important;flex-direction:column!important;gap:.45rem!important}.scene-7 .scene7-quiet-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;opacity:0!important;transform:translateY(12px) scale(.985)!important}.scene-7 .scene7-quiet-card.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}}@media (min-width:901px){.scene-5 .scene5-graphics.scene5-priority-cards{position:absolute!important;left:51%!important;top:15%!important;width:min(860px,48vw)!important;height:min(640px,66svh)!important;z-index:8!important;pointer-events:none!important;overflow:visible!important}.scene-5 .scene5-priority-card{position:absolute!important;width:clamp(360px,29vw,520px)!important;height:auto!important;opacity:0!important;transform:translateY(18px) scale(.965)!important;filter:drop-shadow(0 22px 46px rgba(0,0,0,.35)) drop-shadow(0 0 18px rgba(200,120,255,.16))!important;transition:opacity .8s ease,transform .9s cubic-bezier(.18,.82,.18,1)!important}.scene-5 .scene5-priority-card.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}.scene-5 .scene5-people{left:8%!important;top:0!important}.scene-5 .scene5-attention{left:20%!important;top:34%!important}.scene-5 .scene5-allow{left:5%!important;top:68%!important}}@media (max-width:900px){.scene-5 .scene5-graphics.scene5-priority-cards{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:430px!important;height:auto!important;margin:1rem auto 0!important;display:flex!important;flex-direction:column!important;gap:.45rem!important}.scene-5 .scene5-priority-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;opacity:0!important;transform:translateY(12px) scale(.985)!important}.scene-5 .scene5-priority-card.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}}@media (min-width:901px){.scene-8 .scene8-graphics.scene8-representative-flow{position:absolute!important;left:50%!important;top:15%!important;width:min(850px,48vw)!important;height:min(640px,66svh)!important;z-index:8!important;pointer-events:none!important;overflow:visible!important}.scene-8 .scene8-flow-card{position:absolute!important;width:clamp(360px,30vw,540px)!important;height:auto!important;opacity:0!important;transform:translateY(18px) scale(.965)!important;filter:drop-shadow(0 22px 46px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(205,120,255,.16))!important;transition:opacity .82s ease,transform .9s cubic-bezier(.18,.82,.18,1)!important}.scene-8 .scene8-flow-card.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}.scene-8 .scene8-incoming{left:5%!important;top:0!important}.scene-8 .scene8-context{left:18%!important;top:34%!important}.scene-8 .scene8-response{left:4%!important;top:68%!important}}@media (min-width:901px) and (max-width:1300px){.scene-8 .scene8-graphics.scene8-representative-flow{left:49%!important;top:17%!important;width:min(700px,48vw)!important}.scene-8 .scene8-flow-card{width:clamp(310px,29vw,430px)!important}}@media (max-width:900px){.scene-8 .scene8-graphics.scene8-representative-flow{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;max-width:430px!important;margin:1rem auto 0!important;display:flex!important;flex-direction:column!important;gap:.45rem!important}.scene-8 .scene8-flow-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;opacity:0!important;transform:translateY(12px) scale(.985)!important}.scene-8 .scene8-flow-card.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}}@media (min-width:901px){.scene-9 .scene9-graphics.scene9-delegation-flow{position:absolute!important;left:50%!important;top:15%!important;width:min(850px,48vw)!important;height:min(640px,66svh)!important;z-index:8!important;pointer-events:none!important;overflow:visible!important}.scene-9 .scene9-flow-card{position:absolute!important;width:clamp(370px,30vw,540px)!important;height:auto!important;opacity:0!important;transform:translateY(18px) scale(.965)!important;filter:drop-shadow(0 22px 46px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(205,120,255,.16))!important;transition:opacity .82s ease,transform .9s cubic-bezier(.18,.82,.18,1)!important}.scene-9 .scene9-flow-card.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}.scene-9 .scene9-ask{left:5%!important;top:0!important}.scene-9 .scene9-handle{left:18%!important;top:34%!important}.scene-9 .scene9-result{left:3%!important;top:68%!important}}@media (min-width:901px) and (max-width:1300px){.scene-9 .scene9-graphics.scene9-delegation-flow{left:49%!important;top:17%!important;width:min(700px,48vw)!important}.scene-9 .scene9-flow-card{width:clamp(315px,29vw,430px)!important}}@media (max-width:900px){.scene-9 .scene9-graphics.scene9-delegation-flow{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;max-width:430px!important;margin:1rem auto 0!important;display:flex!important;flex-direction:column!important;gap:.45rem!important}.scene-9 .scene9-flow-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;opacity:0!important;transform:translateY(12px) scale(.985)!important}.scene-9 .scene9-flow-card.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}}.scene-10 .scene10-graphics.scene10-clarity-flow{position:absolute!important;left:48%!important;top:20%!important;width:min(820px,48vw)!important;height:min(500px,58vh)!important;z-index:8!important;pointer-events:none!important;overflow:visible!important}.scene-10 .scene10-clarity-flow .scene10-card{position:absolute!important;left:0!important;top:6%!important;width:min(790px,46vw)!important;max-width:none!important;height:auto!important;opacity:0!important;object-fit:contain!important;filter:drop-shadow(0 24px 54px rgba(0,0,0,.34)) drop-shadow(0 0 22px rgba(205,112,255,.16))!important;transform:translateY(16px) scale(.965)!important;transition:opacity .76s ease,transform .86s cubic-bezier(.18,.82,.18,1),filter .86s ease!important;will-change:opacity,transform!important}.scene-10 .scene10-clarity-flow .scene10-card.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}.scene-10 .scene10-clarity-flow .scene10-summary{left:-2%!important;top:0!important;width:min(840px,49vw)!important;filter:drop-shadow(0 28px 64px rgba(0,0,0,.36)) drop-shadow(0 0 30px rgba(205,112,255,.22))!important}.scene-10 .scene10-clarity-flow .scene10-summary.is-visible{opacity:.94!important;transform:translateY(0) scale(1.01)!important}.scene-10 .scene10-lines{display:none!important}@media (max-width:1180px){.scene-10 .scene10-graphics.scene10-clarity-flow{left:47%!important;top:23%!important;width:min(690px,50vw)!important}.scene-10 .scene10-clarity-flow .scene10-card{width:min(660px,49vw)!important}.scene-10 .scene10-clarity-flow .scene10-summary{width:min(700px,51vw)!important}}@media (max-width:900px){.scene-10 .scene10-graphics.scene10-clarity-flow{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:430px!important;height:auto!important;min-height:190px!important;margin:1rem auto 6.5rem!important;display:block!important}.scene-10 .scene10-clarity-flow .scene10-card,.scene-10 .scene10-clarity-flow .scene10-summary{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important}}.scene-10 .scene10-graphics.scene10-clarity-flow{left:48%;top:24%;width:min(760px,45vw);height:min(430px,48vh)}.scene-10 .scene10-clarity-flow .scene10-card{left:0 !important;top:0 !important;width:clamp(520px,42vw,700px) !important;max-width:100%}.scene-10 .scene10-clarity-flow .scene10-summary{width:clamp(470px,37.5vw,620px) !important;left:3.5% !important;top:0 !important}@media (max-width:1180px){.scene-10 .scene10-graphics.scene10-clarity-flow{left:47%;top:25%;width:min(700px,48vw);height:min(400px,48vh)}.scene-10 .scene10-clarity-flow .scene10-card{width:clamp(430px,44vw,590px) !important}.scene-10 .scene10-clarity-flow .scene10-summary{width:clamp(390px,39vw,525px) !important;left:3% !important}}@media (max-width:900px){.scene-10 .scene10-graphics.scene10-clarity-flow{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:.75rem}.scene-10 .scene10-clarity-flow .scene10-card,.scene-10 .scene10-clarity-flow .scene10-summary{position:relative !important;left:auto !important;top:auto !important;width:min(100%,560px) !important}}.scene-4 .scene-content h2{max-width:9.5ch}.scene-4 .scene4-context-cards,.scene-4 .scene4-context-card{display:none!important}.scene-4 .scene4-context-pills{position:absolute;left:62%;top:31%;width:min(560px,31vw);height:min(180px,25vh);z-index:8;pointer-events:none}.scene-4 .scene4-pill{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:clamp(118px,8.8vw,170px);height:clamp(40px,3vw,52px);padding:0 clamp(1rem,1.6vw,1.5rem);border-radius:999px;background:linear-gradient(135deg,rgba(92,55,70,.62),rgba(80,42,76,.42));border:1px solid rgba(231,179,255,.34);color:rgba(255,247,244,.92);font-size:clamp(.88rem,1vw,1.02rem);font-weight:500;letter-spacing:-.01em;text-align:center;backdrop-filter:blur(14px);box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 0 18px rgba(255,255,255,.045),0 0 20px rgba(185,101,255,.07);opacity:0;transform:translateY(14px) scale(.965);transition:opacity .7s ease,transform .78s cubic-bezier(.18,.82,.18,1),box-shadow .78s ease;will-change:opacity,transform}.scene-4 .scene4-pill.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}.scene-4 .scene4-pill-people{left:0;top:0}.scene-4 .scene4-pill-availability{left:34%;top:0}.scene-4 .scene4-pill-tone{left:68%;top:0}.scene-4 .scene4-pill-boundaries{left:21%;top:58%}.scene-4 .scene4-pill-routines{left:55%;top:58%}@media (min-width:901px) and (max-width:1300px){.scene-4 .scene4-context-pills{left:59%;top:31%;width:min(500px,36vw)}.scene-4 .scene4-pill{min-width:clamp(105px,10vw,150px)}}@media (max-width:900px){.scene-4 .scene4-context-pills{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:440px!important;height:auto!important;margin:1rem auto 7rem!important;display:flex!important;flex-wrap:wrap!important;gap:.55rem!important;justify-content:center!important;z-index:9!important}.scene-4 .scene4-pill{position:relative!important;left:auto!important;top:auto!important;min-width:138px!important;flex:0 1 auto!important;opacity:0!important;transform:translateY(12px) scale(.985)!important}.scene-4 .scene4-pill.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}}.scene-4 .scene4-context-pills{display:none!important}@media (min-width:901px){.scene-4 .scene4-context-cards-new{position:absolute!important;left:50%!important;top:18%!important;width:min(820px,47vw)!important;height:min(560px,62svh)!important;z-index:8!important;pointer-events:none!important;overflow:visible!important}.scene-4 .scene4-new-card{position:absolute!important;width:clamp(370px,29vw,520px)!important;height:auto!important;opacity:0!important;transform:translateY(18px) scale(.965)!important;filter:drop-shadow(0 22px 46px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(205,120,255,.16))!important;transition:opacity .8s ease,transform .9s cubic-bezier(.18,.82,.18,1)!important}.scene-4 .scene4-new-card.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}.scene-4 .scene4-people-new{left:0;top:0}.scene-4 .scene4-availability-new{left:24%;top:27%}.scene-4 .scene4-tone-new{left:0;top:54%}.scene-4 .scene4-boundaries-new{left:24%;top:81%}}@media (max-width:900px){.scene-4 .scene4-context-cards-new{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;max-width:430px!important;margin:1rem auto 7rem!important;display:flex!important;flex-direction:column!important;gap:.45rem!important}.scene-4 .scene4-new-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;opacity:0!important;transform:translateY(12px) scale(.985)!important}.scene-4 .scene4-new-card.is-visible{opacity:.92!important;transform:translateY(0) scale(1)!important}}@media (min-width:901px){.scene-4 .scene4-context-cards-new{left:53%!important;top:16%!important;width:min(700px,39vw)!important;height:min(500px,55svh)!important}.scene-4 .scene4-new-card{width:clamp(300px,22vw,390px)!important}.scene-4 .scene4-people-new{left:2%!important;top:0!important}.scene-4 .scene4-availability-new{left:34%!important;top:18%!important}.scene-4 .scene4-tone-new{left:2%!important;top:42%!important}.scene-4 .scene4-boundaries-new{left:34%!important;top:60%!important}}@media (min-width:901px) and (max-width:1300px){.scene-4 .scene4-context-cards-new{left:51%!important;top:18%!important;width:min(620px,43vw)!important}.scene-4 .scene4-new-card{width:clamp(270px,23vw,350px)!important}}@media (min-width:901px){.scene-4 .scene4-context-cards-new{left:55%!important;top:14%!important;width:min(620px,34vw)!important;height:min(520px,60svh)!important}.scene-4 .scene4-new-card{width:clamp(280px,20vw,350px)!important}.scene-4 .scene4-people-new{left:0!important;top:0!important}.scene-4 .scene4-availability-new{left:38%!important;top:16%!important}.scene-4 .scene4-tone-new{left:0!important;top:40%!important}.scene-4 .scene4-boundaries-new{left:38%!important;top:56%!important}}.scene-11 .scene11-graphics{display:none!important}@media (min-width:901px){.scene-11 .scene11-text-moments{position:absolute;left:62%;top:30%;width:min(560px,34vw);z-index:8;pointer-events:none}.scene-11 .scene11-moment,.scene-11 .scene11-final-hold{position:absolute;left:0;top:0;width:100%;opacity:0;transform:translateY(22px);transition:opacity 1.1s ease,transform 1.2s cubic-bezier(.18,.82,.18,1);text-shadow:0 8px 30px rgba(0,0,0,.45),0 0 30px rgba(185,101,255,.18)}.scene-11 .scene11-moment.is-visible,.scene-11 .scene11-final-hold.is-visible{opacity:1!important;transform:translateY(0)!important}.scene-11 .scene11-moment span{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,4vw,4.5rem);line-height:.98;letter-spacing:-.04em;color:rgba(255,247,239,.96)}.scene-11 .scene11-moment small{display:block;margin-top:.7rem;font-family:Inter,system-ui,sans-serif;font-size:clamp(1rem,1.5vw,1.35rem);color:rgba(255,255,255,.72)}.scene-11 .scene11-final-hold{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,5vw,5.5rem);line-height:.9;letter-spacing:-.05em;color:#fff}}@media (max-width:900px){.scene-11 .scene11-text-moments{position:relative;width:100%;height:260px;margin-top:1rem;z-index:9}.scene-11 .scene11-moment,.scene-11 .scene11-final-hold{position:absolute;width:100%}.scene-11 .scene11-moment span{font-size:2.4rem;font-family:Georgia,"Times New Roman",serif}.scene-11 .scene11-moment small{color:rgba(255,255,255,.75)}}@media (min-width:901px){.scene-11 .scene11-text-moments{left:58%!important;top:18%!important;width:min(620px,36vw)!important;height:min(600px,65svh)!important}.scene-11 .scene11-moment,.scene-11 .scene11-final-hold{position:absolute!important;left:0!important;width:100%!important}.scene-11 .scene11-moment span{font-size:clamp(2rem,3.2vw,3.8rem)!important}.scene-11 .scene11-moment small{margin-top:.35rem!important;font-size:clamp(.95rem,1.2vw,1.2rem)!important}.scene-11 .scene11-moment:nth-child(1){top:0!important}.scene-11 .scene11-moment:nth-child(2){top:28%!important}.scene-11 .scene11-moment:nth-child(3){top:56%!important}.scene-11 .scene11-final-hold{top:84%!important;font-size:clamp(2.4rem,4vw,4.4rem)!important}}@media (max-width:900px){.scene-11 .scene11-text-moments{height:520px!important}.scene-11 .scene11-moment:nth-child(1){top:0!important}.scene-11 .scene11-moment:nth-child(2){top:30%!important}.scene-11 .scene11-moment:nth-child(3){top:60%!important}.scene-11 .scene11-final-hold{top:82%!important}}.control-bar{height:58px!important;padding:.45rem .7rem!important;gap:.45rem!important;border-radius:999px!important;background:rgba(18,8,31,.58)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(18px)!important;box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 0 24px rgba(255,255,255,.04)!important}.control-bar button{min-width:38px!important;height:38px!important;padding:.35rem .8rem!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:rgba(255,255,255,.9)!important;font-size:.88rem!important}.control-bar button:hover,.control-bar button:focus-visible{background:rgba(185,101,255,.22)!important}.control-bar p{font-size:.88rem!important;color:rgba(255,255,255,.72)!important;margin-left:.6rem!important}@media(max-width:900px){.control-bar{height:auto!important;min-height:54px!important;padding:.4rem!important}.control-bar p{display:none!important}}.site-header .brand img{height:28px!important;width:auto!important;object-fit:contain!important}@media(max-width:900px){.site-header .brand img{height:24px!important}}
/* Mobile stabilisation pass - 2026-07-08 */
@media (max-width:900px){
  :root{--header:76px;--controls:64px;}
  html,body{width:100%;max-width:100%;overflow-x:hidden;}
  body{padding-bottom:env(safe-area-inset-bottom);}
  .site-header{height:var(--header)!important;padding:0 1rem!important;background:rgba(14,4,23,.78)!important;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);border-radius:0 0 22px 22px;}
  .brand img{height:21px!important;max-width:142px;width:auto;}
  .top-nav{gap:.45rem!important;}
  .top-nav a:not(.nav-cta){display:none!important;}
  .top-nav .nav-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:.5rem 1rem!important;font-size:.9rem!important;white-space:nowrap;background:rgba(185,101,255,.28)!important;border:1px solid rgba(218,171,255,.36)!important;}
  .nav-toggle{display:inline-flex!important;width:46px;height:46px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);align-items:center;justify-content:center;flex-direction:column;gap:5px;}
  .nav-toggle span{display:block;width:20px;height:2px;border-radius:99px;background:#fff;}
  .site-header.nav-open{height:auto!important;padding-bottom:.8rem!important;align-items:flex-start;}
  .site-header.nav-open .top-nav{position:absolute;top:calc(var(--header) - 4px);left:1rem;right:1rem;display:grid!important;grid-template-columns:1fr;gap:.35rem;padding:.75rem;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(18,6,30,.94);box-shadow:0 18px 60px rgba(0,0,0,.45);}
  .site-header.nav-open .top-nav a{display:flex!important;justify-content:center;}
  .scene-progress{display:none!important;}
  .landing-hero{min-height:100dvh!important;height:auto!important;align-items:flex-start!important;padding:calc(var(--header) + 1.35rem) 1rem calc(var(--controls) + 1.8rem)!important;}
  .hero-copy{max-width:100%!important;width:100%!important;}
  .hero-copy h1{font-size:clamp(2.55rem,12vw,3.35rem)!important;line-height:.95!important;letter-spacing:-.045em!important;margin:0 0 1rem!important;max-width:100%!important;}
  .hero-subhead{font-size:1.05rem!important;line-height:1.42!important;margin-bottom:.95rem!important;}
  .hero-support{font-size:.98rem!important;line-height:1.48!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;margin-top:1.2rem!important;}
  .hero-actions .button{width:100%!important;min-height:56px!important;border-radius:999px!important;}
  .hero-start-note{font-size:.9rem!important;line-height:1.35!important;margin-top:.85rem!important;}
  .hero-statement,.hero-backdrop{opacity:.5!important;}
  .story-scene{height:100dvh!important;min-height:680px!important;max-height:none!important;display:block!important;position:relative!important;padding:var(--header) 0 var(--controls)!important;overflow:hidden!important;}
  .bg img{object-fit:cover!important;width:100%!important;height:100%!important;transform:none!important;}
  .bg::after{background:linear-gradient(180deg,rgba(11,2,18,.30) 0%,rgba(11,2,18,.26) 28%,rgba(11,2,18,.58) 60%,rgba(11,2,18,.90) 100%),linear-gradient(90deg,rgba(11,2,18,.80) 0%,rgba(11,2,18,.36) 46%,rgba(11,2,18,.20) 100%)!important;}
  .scene-1{--bg-pos:64% center;}.scene-2{--bg-pos:62% center;}.scene-3{--bg-pos:66% center;}.scene-4{--bg-pos:67% center;}.scene-5{--bg-pos:64% center;}.scene-6{--bg-pos:66% center;}.scene-7{--bg-pos:66% center;}.scene-8{--bg-pos:66% center;}.scene-9{--bg-pos:66% center;}.scene-10{--bg-pos:66% center;}.scene-11{--bg-pos:68% center;}
  .scene-content{position:absolute!important;left:0!important;right:0!important;bottom:calc(var(--controls) + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:28dvh!important;overflow:hidden!important;padding:1rem 1.25rem 1.08rem!important;border-radius:22px 22px 0 0!important;background:linear-gradient(180deg,rgba(40,10,55,.76),rgba(18,3,28,.92))!important;border:1px solid rgba(255,255,255,.11)!important;border-bottom:0!important;box-shadow:0 -18px 60px rgba(0,0,0,.42)!important;backdrop-filter:blur(16px)!important;z-index:12!important;}
  .scene-content h1,.scene-content h2{font-size:clamp(2rem,9vw,2.85rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:0 0 .5rem!important;max-width:100%!important;}
  .scene-content p{font-size:.96rem!important;line-height:1.42!important;margin:.35rem 0!important;max-width:100%!important;}
  .scene-content .subhead{font-size:1.02rem!important;line-height:1.35!important;}
  .scene-content .microcopy,.scene-content .scene-kicker,.scene-content .price-card{display:none!important;}
  .scene-content.final-panel{max-height:31dvh!important;}
  .scene-11 .scene-content.final-panel .small-note{display:none!important;}
  .scene-outcome-graphics,.scene2-graphics,.scene3-graphics,.scene4-graphics,.scene5-graphics,.scene6-graphics,.scene7-graphics,.scene8-graphics,.scene9-graphics,.scene10-graphics,.scene11-text-moments{position:absolute!important;left:0!important;right:0!important;top:calc(var(--header) + 42%);transform:translateY(-50%)!important;width:100%!important;height:42dvh!important;min-height:270px!important;max-height:390px!important;z-index:8!important;pointer-events:none!important;}
  .scene11-text-moments{display:none!important;}
  .scene3-card,.scene4-new-card,.scene5-card,.scene6-card,.scene7-card,.scene8-card,.scene9-card,.scene10-card{position:absolute!important;left:50%!important;top:50%!important;width:min(88vw,360px)!important;max-width:360px!important;height:auto!important;max-height:132px!important;object-fit:contain!important;transform:translate(-50%,-50%) scale(.96)!important;margin:0!important;opacity:0!important;transition:opacity .45s ease,transform .45s ease!important;}
  .scene3-card.is-visible,.scene4-new-card.is-visible,.scene5-card.is-visible,.scene6-card.is-visible,.scene7-card.is-visible,.scene8-card.is-visible,.scene9-card.is-visible,.scene10-card.is-visible{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .scene3-card:nth-child(1),.scene4-new-card:nth-child(1),.scene5-card:nth-child(1),.scene6-card:nth-child(1),.scene7-card:nth-child(1),.scene8-card:nth-child(1),.scene9-card:nth-child(1),.scene10-card:nth-child(1){z-index:1!important;}
  .scene3-card:nth-child(2),.scene4-new-card:nth-child(2),.scene5-card:nth-child(2),.scene6-card:nth-child(2),.scene7-card:nth-child(2),.scene8-card:nth-child(2),.scene9-card:nth-child(2),.scene10-card:nth-child(2){z-index:2!important;}
  .scene3-card:nth-child(3),.scene4-new-card:nth-child(3),.scene5-card:nth-child(3),.scene6-card:nth-child(3),.scene7-card:nth-child(3),.scene8-card:nth-child(3),.scene9-card:nth-child(3),.scene10-card:nth-child(3){z-index:3!important;}
  .scene4-new-card:nth-child(4),.scene10-card:nth-child(4){z-index:4!important;}
  .scene1-notification-layer{top:calc(var(--header) + 42%)!important;height:48dvh!important;}
  .scene1-notification-card{position:absolute!important;width:min(86vw,350px)!important;max-height:72px!important;object-fit:contain!important;}
  .scene1-note-mum{left:7%!important;top:0!important;}.scene1-note-tina{left:7%!important;top:78px!important;}.scene1-note-unknown{left:7%!important;top:176px!important;}.scene1-note-chris{left:7%!important;top:270px!important;}.scene1-note-voicemail{left:7%!important;top:350px!important;}
  .scene2-text-moments{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.8rem!important;align-content:center!important;padding:0 1rem!important;height:44dvh!important;}
  .scene2-thought{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;min-height:132px!important;padding:1rem!important;border-radius:18px!important;opacity:0!important;}
  .scene2-thought.is-visible{opacity:1!important;}
  .scene2-thought h3{font-size:clamp(1.25rem,7vw,2rem)!important;line-height:.96!important;}
  .scene2-thought p{font-size:clamp(1.45rem,8vw,2.25rem)!important;line-height:.92!important;}
  .scene2-thought-work{grid-column:1/2!important;}
  .control-bar{position:fixed!important;left:.6rem!important;right:.6rem!important;bottom:calc(.45rem + env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important;min-height:56px!important;display:grid!important;grid-template-columns:42px 1fr 42px 42px!important;gap:.45rem!important;align-items:center!important;padding:.45rem!important;border-radius:18px!important;background:rgba(15,4,25,.86)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 10px 40px rgba(0,0,0,.45)!important;backdrop-filter:blur(18px)!important;z-index:90!important;}
  .control-bar button{min-width:0!important;height:42px!important;padding:0 .55rem!important;border-radius:13px!important;font-size:.86rem!important;white-space:nowrap!important;}
  .control-bar button[data-replay]{display:none!important;}
  .control-bar button[data-mute]{font-size:0!important;}
  .control-bar button[data-mute]::before{content:'Audio';font-size:.78rem;}
  .control-bar button[data-play]{font-weight:700!important;}
  .control-bar p{grid-column:1/-1!important;order:-1!important;max-height:2.7em!important;overflow:hidden!important;margin:0!important;padding:.25rem .35rem .15rem!important;font-size:.82rem!important;line-height:1.28!important;color:rgba(255,255,255,.82)!important;text-align:left!important;}
}
@media (max-width:430px){
  .top-nav .nav-cta{min-height:40px!important;padding:.45rem .85rem!important;font-size:.84rem!important;}
  .brand img{height:19px!important;max-width:132px!important;}
  .scene-content h1,.scene-content h2{font-size:clamp(1.85rem,8.7vw,2.45rem)!important;}
  .scene-content p{font-size:.92rem!important;}
  .scene3-card,.scene4-new-card,.scene5-card,.scene6-card,.scene7-card,.scene8-card,.scene9-card,.scene10-card{width:min(92vw,358px)!important;max-height:124px!important;}
  .scene2-thought{min-height:116px!important;}
}


/* MOBILE DEDICATED SCENE SYSTEM v2 - do not squeeze desktop layout */
@media (max-width:900px){
  :root{--header:86px;--controls:76px}
  html,body{overflow-x:hidden;background:#12031f}
  .site-header{height:86px!important;padding:0 1.05rem!important;background:rgba(14,3,24,.92)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-radius:0 0 20px 20px!important;pointer-events:auto!important}
  .brand img{height:28px!important;max-width:142px!important;object-fit:contain!important}
  .top-nav{position:static!important;display:flex!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 0 auto!important;gap:.55rem!important;pointer-events:auto!important;max-width:none!important;width:auto!important;transform:none!important;opacity:1!important;visibility:visible!important}
  .top-nav a:not(.nav-cta){display:none!important}
  .top-nav .nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:48px!important;padding:0 1.05rem!important;border-radius:999px!important;background:rgba(142,68,201,.42)!important;border:1px solid rgba(220,168,255,.36)!important;color:#fff!important;font-size:.95rem!important;white-space:nowrap!important}
  .nav-toggle{display:inline-flex!important;position:relative!important;margin-left:.15rem!important;width:48px!important;height:48px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.06)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important}
  .nav-toggle span{display:block!important;width:20px!important;height:2px!important;background:rgba(255,255,255,.88)!important;border-radius:99px!important}
  .site-header.nav-open .top-nav{position:absolute!important;left:.75rem!important;right:.75rem!important;top:92px!important;display:grid!important;grid-template-columns:1fr!important;padding:.8rem!important;border-radius:22px!important;background:rgba(18,5,30,.96)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 20px 60px rgba(0,0,0,.45)!important}
  .site-header.nav-open .top-nav a{display:block!important;text-align:center!important;padding:.8rem!important}
  .landing-hero{min-height:100svh!important;padding:104px 1rem calc(110px + env(safe-area-inset-bottom))!important;display:flex!important;align-items:flex-end!important;overflow:hidden!important}
  .hero-inner{display:block!important;width:100%!important;padding:0!important}
  .hero-copy{width:100%!important;max-width:none!important;padding:1rem!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(25,8,39,.72),rgba(25,8,39,.32))!important;border:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;max-height:calc(100svh - 190px)!important;overflow:hidden!important}
  .hero-copy .eyebrow{display:none!important}
  .hero-copy h1{font-size:clamp(2.1rem,10.6vw,3.15rem)!important;line-height:.96!important;letter-spacing:-.045em!important;margin:0 0 .8rem!important;max-width:100%!important}
  .hero-subhead{font-size:1rem!important;line-height:1.45!important;margin:.5rem 0!important;color:rgba(235,207,255,.96)!important;font-weight:650!important}
  .hero-support{display:none!important}
  .hero-actions{display:grid!important;gap:.7rem!important;margin-top:1rem!important}
  .hero-actions .button{width:100%!important;min-height:56px!important}
  .hero-statement,.hero-start-note{display:none!important}
  .microcopy{font-size:.86rem!important;margin-top:.8rem!important}

  main{overflow:hidden!important}
  .story-scene{height:100svh!important;min-height:100svh!important;display:block!important;position:relative!important;padding:0!important;overflow:hidden!important;scroll-snap-align:start!important;contain:layout paint!important}
  .story-scene .bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-4!important;overflow:hidden!important;background:#12031f!important}
  .story-scene .bg img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--mobile-bg-pos,62% center)!important;transform:none!important;opacity:1!important}
  .story-scene .bg::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(11,2,20,.05) 0%,rgba(11,2,20,.18) 30%,rgba(11,2,20,.50) 58%,rgba(11,2,20,.92) 100%),linear-gradient(90deg,rgba(12,2,22,.70) 0%,rgba(12,2,22,.18) 46%,rgba(12,2,22,.28) 100%)!important;pointer-events:none!important}
  .scene-1{--mobile-bg-pos:58% center}.scene-2{--mobile-bg-pos:58% center}.scene-3{--mobile-bg-pos:62% center}.scene-4{--mobile-bg-pos:62% center}.scene-5{--mobile-bg-pos:58% center}.scene-6{--mobile-bg-pos:62% center}.scene-7{--mobile-bg-pos:64% center}.scene-8{--mobile-bg-pos:62% center}.scene-9{--mobile-bg-pos:61% center}.scene-10{--mobile-bg-pos:61% center}.scene-11{--mobile-bg-pos:62% center}

  .story-scene .scene-content{position:absolute!important;left:.7rem!important;right:.7rem!important;bottom:calc(var(--controls) + .85rem + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:31svh!important;margin:0!important;padding:1rem 1.05rem!important;border-radius:24px 24px 18px 18px!important;background:linear-gradient(135deg,rgba(31,8,43,.84),rgba(23,5,34,.62))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 -10px 45px rgba(0,0,0,.38)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;overflow:hidden!important;z-index:20!important}
  .story-scene .scene-content h1,.story-scene .scene-content h2{font-size:clamp(1.7rem,7.8vw,2.45rem)!important;line-height:.98!important;letter-spacing:-.055em!important;margin:0 0 .48rem!important;max-width:100%!important;text-wrap:balance!important}
  .story-scene .scene-content .subhead{font-size:.98rem!important;line-height:1.34!important;margin:.25rem 0!important;color:rgba(255,247,244,.92)!important;font-weight:520!important}
  .story-scene .scene-content p{font-size:.89rem!important;line-height:1.38!important;margin:.35rem 0!important;color:rgba(255,247,244,.76)!important}
  .story-scene .scene-content p:not(.subhead):nth-of-type(n+3){display:none!important}
  .story-scene .scene-content .button,.story-scene .scene-content .price-card,.story-scene .scene-content .trust-line{display:none!important}
  .scene-11 .scene-content .price-card,.scene-11 .scene-content .final-cta{display:flex!important}.scene-11 .scene-content .price-card{padding:.55rem .8rem!important;margin:.55rem 0!important}.scene-11 .scene-content .final-cta{min-height:46px!important;justify-content:center!important}.scene-11 .scene-content .trust-line{display:none!important}

  .scene-outcome-graphics,.scene2-graphics,.scene3-graphics,.scene4-graphics,.scene5-graphics,.scene6-graphics,.scene7-graphics,.scene8-graphics,.scene9-graphics,.scene10-graphics,.scene11-text-moments{position:absolute!important;left:50%!important;top:calc(var(--header) + 1.4rem)!important;right:auto!important;bottom:auto!important;width:calc(100vw - 1.6rem)!important;max-width:380px!important;height:calc(100svh - var(--header) - var(--controls) - 35svh - 2.6rem)!important;min-height:210px!important;margin:0!important;padding:0!important;z-index:12!important;display:block!important;transform:translateX(-50%)!important;overflow:visible!important;pointer-events:none!important}
  .scene11-text-moments{display:none!important}
  .timed-scene-card,.scene-outcome-card{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:min(190px,28svh)!important;object-fit:contain!important;margin:0!important;opacity:0!important;transform:translate(-50%,-50%) translateY(14px) scale(.96)!important;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)!important;filter:drop-shadow(0 18px 38px rgba(0,0,0,.48)) drop-shadow(0 0 16px rgba(189,118,255,.16))!important;z-index:1!important}
  .timed-scene-card.is-visible,.scene-outcome-card.is-visible{opacity:.96!important;transform:translate(-50%,-50%) translateY(0) scale(1)!important;z-index:3!important}
  .scene-2 .scene2-text-moments{top:calc(var(--header) + 1.2rem)!important;height:calc(100svh - var(--header) - var(--controls) - 34svh - 2.2rem)!important;max-width:360px!important}
  .scene-2 .scene2-thought{position:absolute!important;left:50%!important;top:50%!important;width:100%!important;max-width:330px!important;padding:1rem!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(25,8,39,.58),rgba(25,8,39,.22))!important;border:1px solid rgba(255,255,255,.09)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;opacity:0!important;transform:translate(-50%,-50%) translateY(14px) scale(.96)!important}
  .scene-2 .scene2-thought.is-visible{opacity:.92!important;transform:translate(-50%,-50%) translateY(0) scale(1)!important}
  .scene-2 .scene2-thought span{font-size:clamp(1.2rem,6.2vw,1.85rem)!important;line-height:1.02!important}.scene-2 .scene2-thought strong{font-size:clamp(1.55rem,8vw,2.4rem)!important;line-height:.95!important}
  .scene-1 .scene-outcome-graphics{max-width:340px!important}.scene-1 .scene-outcome-card{max-height:118px!important;width:100%!important}
  .scene-4 .timed-scene-card,.scene-5 .timed-scene-card,.scene-6 .timed-scene-card,.scene-7 .timed-scene-card,.scene-8 .timed-scene-card,.scene-9 .timed-scene-card{max-height:min(158px,23svh)!important;width:min(100%,360px)!important}.scene-10 .timed-scene-card{max-height:min(150px,22svh)!important;width:min(100%,340px)!important}.scene-3 .timed-scene-card{max-height:min(150px,22svh)!important;width:min(100%,350px)!important}
  .section-jump,.scene-progress{display:none!important}
  .control-bar{position:fixed!important;z-index:80!important;left:.55rem!important;right:.55rem!important;bottom:calc(.55rem + env(safe-area-inset-bottom))!important;width:auto!important;min-height:0!important;display:grid!important;grid-template-columns:44px 1fr 44px 44px!important;gap:.42rem!important;padding:.5rem!important;border-radius:22px!important;background:rgba(20,5,32,.86)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -10px 40px rgba(0,0,0,.42)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
  .control-bar p{grid-column:1/-1!important;order:-1!important;margin:0!important;padding:.2rem .35rem .35rem!important;font-size:.78rem!important;line-height:1.25!important;color:rgba(255,247,244,.78)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
  .control-bar button{min-width:0!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:999px!important;font-size:.78rem!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .control-bar [data-replay]{display:none!important}.control-bar [data-play]{font-size:.86rem!important;font-weight:700!important}.control-bar [data-mute]{font-size:0!important}.control-bar [data-mute]::before{content:"♪";font-size:1rem!important}.control-bar [data-prev],.control-bar [data-next]{font-size:1.45rem!important}
}
@media (max-width:430px){
  :root{--header:82px;--controls:72px}
  .site-header{height:82px!important;padding:0 .9rem!important}.brand img{height:26px!important;max-width:130px!important}.top-nav .nav-cta{height:44px!important;padding:0 .9rem!important;font-size:.9rem!important}.nav-toggle{width:44px!important;height:44px!important}
  .story-scene .scene-content{left:.55rem!important;right:.55rem!important;padding:.9rem!important;max-height:32svh!important}.story-scene .scene-content h1,.story-scene .scene-content h2{font-size:clamp(1.55rem,7.9vw,2.18rem)!important}.story-scene .scene-content .subhead{font-size:.92rem!important}.story-scene .scene-content p{font-size:.84rem!important}
  .scene-outcome-graphics,.scene2-graphics,.scene3-graphics,.scene4-graphics,.scene5-graphics,.scene6-graphics,.scene7-graphics,.scene8-graphics,.scene9-graphics,.scene10-graphics,.scene11-text-moments{width:calc(100vw - 1.2rem)!important;max-width:360px!important;top:calc(var(--header) + 1rem)!important;height:calc(100svh - var(--header) - var(--controls) - 36svh - 1.9rem)!important;min-height:190px!important}
  .timed-scene-card,.scene-outcome-card{max-height:min(155px,23svh)!important}.scene-4 .timed-scene-card,.scene-5 .timed-scene-card,.scene-6 .timed-scene-card,.scene-7 .timed-scene-card,.scene-8 .timed-scene-card,.scene-9 .timed-scene-card{max-height:min(145px,21svh)!important}.scene-1 .scene-outcome-card{max-height:104px!important}.control-bar{left:.4rem!important;right:.4rem!important;bottom:calc(.4rem + env(safe-area-inset-bottom))!important;padding:.42rem!important}.control-bar button{height:39px!important;min-height:39px!important}.control-bar p{font-size:.73rem!important}
}

/* MOBILE HARDENING V3 - true mobile scene mode */
@media (max-width: 900px){
  html{scroll-snap-type:y proximity;scroll-padding-top:0;overflow-x:hidden;}
  body{overflow-x:hidden;background:#08000f;}
  .site-header{height:72px!important;padding:0 1rem!important;background:rgba(12,2,20,.92)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;border-radius:0 0 22px 22px!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
  .brand img{height:30px!important;max-width:145px!important;width:auto!important;}
  .top-nav{display:flex!important;margin-left:auto!important;}
  .top-nav a:not(.nav-cta){display:none!important;}
  .top-nav .nav-cta{display:inline-flex!important;min-height:42px!important;padding:.6rem .95rem!important;border-radius:999px!important;font-size:.9rem!important;white-space:nowrap!important;}
  .nav-toggle{width:46px!important;height:46px!important;margin-left:.45rem!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.18)!important;}

  .landing-hero{min-height:100svh!important;height:auto!important;padding:calc(72px + 1.3rem) 1rem 2rem!important;align-items:start!important;overflow:hidden!important;}
  .hero-inner{display:block!important;}
  .hero-copy{max-width:100%!important;padding-top:.7rem!important;}
  .hero-copy h1{font-size:clamp(2.35rem,12vw,3.55rem)!important;line-height:.98!important;letter-spacing:-.055em!important;margin:.4rem 0 1rem!important;}
  .hero-subhead{font-size:1.03rem!important;line-height:1.42!important;margin-bottom:.85rem!important;}
  .hero-support{font-size:.96rem!important;line-height:1.48!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:.7rem!important;margin-top:1rem!important;}
  .hero-actions .button{width:100%!important;min-height:52px!important;}
  .hero-statement{display:none!important;}

  .story-scene{position:relative!important;height:100svh!important;min-height:100svh!important;max-height:100svh!important;display:block!important;padding:0!important;overflow:hidden!important;scroll-snap-align:start;scroll-snap-stop:always;background:#09000f!important;}
  .story-scene .bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;overflow:hidden!important;background:#09000f!important;}
  .story-scene .bg img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--mobile-bg-pos, 62% center)!important;transform:none!important;opacity:1!important;}
  .story-scene .bg::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(8,0,14,.08) 0%,rgba(8,0,14,.32) 42%,rgba(8,0,14,.76) 72%,rgba(8,0,14,.96) 100%),linear-gradient(90deg,rgba(20,3,34,.74) 0%,rgba(20,3,34,.26) 30%,rgba(20,3,34,.08) 100%)!important;}
  .story-scene::before{content:""!important;position:absolute!important;left:-34vw!important;top:6svh!important;width:76vw!important;height:76vw!important;border:1px solid rgba(197,111,255,.30)!important;border-radius:50%!important;box-shadow:0 0 42px rgba(150,69,255,.22)!important;background:transparent!important;z-index:2!important;pointer-events:none!important;opacity:.7!important;}
  .story-scene::after{display:none!important;}

  .scene-1{--mobile-bg-pos:62% center}.scene-2{--mobile-bg-pos:66% center}.scene-3{--mobile-bg-pos:70% center}.scene-4{--mobile-bg-pos:70% center}.scene-5{--mobile-bg-pos:56% center}.scene-6{--mobile-bg-pos:68% center}.scene-7{--mobile-bg-pos:68% center}.scene-8{--mobile-bg-pos:67% center}.scene-9{--mobile-bg-pos:63% center}.scene-10{--mobile-bg-pos:66% center}.scene-11{--mobile-bg-pos:70% center}

  .scene-content{position:absolute!important;z-index:12!important;left:.75rem!important;right:.75rem!important;bottom:calc(86px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:32svh!important;overflow:hidden!important;margin:0!important;padding:1rem 1.05rem!important;border-radius:24px 24px 0 0!important;background:linear-gradient(180deg,rgba(42,8,55,.90),rgba(23,3,32,.90))!important;border:1px solid rgba(219,169,255,.18)!important;box-shadow:0 -18px 54px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
  .scene-content h1,.scene-content h2{font-size:clamp(1.65rem,8.4vw,2.45rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:0 0 .52rem!important;max-width:100%!important;}
  .scene-content p{font-size:.94rem!important;line-height:1.36!important;margin:.35rem 0!important;color:rgba(255,255,255,.84)!important;}
  .scene-content .subhead{font-size:1rem!important;line-height:1.34!important;color:rgba(255,255,255,.95)!important;}
  .scene-content .price-card,.scene-content .final-cta,.scene-content .trust-line{display:none!important;}

  .scene-outcome-graphics,
  .scene2-text-moments,
  .scene3-graphics,
  .scene4-graphics,
  .scene5-priority-graphics,
  .scene6-permission-graphics,
  .scene7-quiet-flow,
  .scene8-representative-flow,
  .scene9-delegation-flow,
  .scene10-clarity-flow,
  .scene11-text-moments{position:absolute!important;inset:72px 0 calc(86px + 30svh) 0!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;display:block!important;overflow:hidden!important;transform:none!important;pointer-events:none!important;z-index:8!important;}

  .timed-scene-card,.scene-outcome-card{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;width:min(82vw,330px)!important;max-width:min(82vw,330px)!important;min-width:0!important;height:auto!important;max-height:118px!important;object-fit:contain!important;margin:0!important;opacity:0!important;transform:translate(-50%,-50%) translateY(12px) scale(.96)!important;transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1)!important;filter:drop-shadow(0 16px 34px rgba(0,0,0,.50)) drop-shadow(0 0 14px rgba(185,101,255,.22))!important;z-index:3!important;}
  .timed-scene-card.is-visible,.scene-outcome-card.is-visible{opacity:.96!important;transform:translate(-50%,-50%) translateY(0) scale(1)!important;}

  .scene-1 .scene-outcome-card{width:min(84vw,350px)!important;max-width:min(84vw,350px)!important;max-height:92px!important;}
  .scene-2 .scene2-text-moments{inset:72px 0 calc(86px + 31svh) 0!important;}
  .scene-2 .scene2-thought{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:min(74vw,300px)!important;max-width:min(74vw,300px)!important;min-height:0!important;padding:.88rem!important;border-radius:20px!important;opacity:0!important;transform:translate(-50%,-50%) translateY(12px) scale(.96)!important;background:linear-gradient(135deg,rgba(34,8,47,.70),rgba(31,8,43,.35))!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;}
  .scene-2 .scene2-thought.is-visible{opacity:.94!important;transform:translate(-50%,-50%) translateY(0) scale(1)!important;}
  .scene-2 .scene2-thought span{font-size:clamp(1rem,5.1vw,1.45rem)!important;line-height:1.05!important;}
  .scene-2 .scene2-thought strong{font-size:clamp(1.2rem,6.4vw,1.9rem)!important;line-height:1.02!important;}

  .scene-4 .timed-scene-card,.scene-5 .timed-scene-card,.scene-6 .timed-scene-card,.scene-7 .timed-scene-card,.scene-8 .timed-scene-card,.scene-9 .timed-scene-card,.scene-10 .timed-scene-card{width:min(86vw,350px)!important;max-width:min(86vw,350px)!important;max-height:116px!important;}
  .scene-11 .scene11-text-moments{display:none!important;}

  .control-bar{position:fixed!important;z-index:90!important;left:.65rem!important;right:.65rem!important;bottom:calc(.55rem + env(safe-area-inset-bottom))!important;width:auto!important;min-height:0!important;display:grid!important;grid-template-columns:42px 1fr 42px 42px!important;gap:.4rem!important;padding:.45rem!important;border-radius:22px!important;background:rgba(13,2,22,.92)!important;border:1px solid rgba(226,188,255,.18)!important;box-shadow:0 -12px 38px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;transform:none!important;}
  .control-bar button{min-width:0!important;width:42px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:16px!important;font-size:0!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.13)!important;}
  .control-bar button[data-prev]::before{content:'‹';font-size:1.5rem}.control-bar button[data-next]::before{content:'›';font-size:1.5rem}.control-bar button[data-play]{font-size:.78rem!important;width:auto!important}.control-bar button[data-replay]{display:none!important}.control-bar button[data-mute]::before{content:'♪';font-size:1rem}.control-bar p{grid-column:1/-1!important;order:-1!important;margin:0!important;padding:.12rem .4rem .28rem!important;font-size:.78rem!important;line-height:1.26!important;color:rgba(255,255,255,.76)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .section-jump,.scene-progress{display:none!important;}
}
@media (max-width: 430px){
  .scene-content{bottom:calc(82px + env(safe-area-inset-bottom))!important;max-height:31svh!important;padding:.9rem .95rem!important;}
  .scene-content h1,.scene-content h2{font-size:clamp(1.55rem,8.6vw,2.2rem)!important;}
  .scene-content p{font-size:.9rem!important;line-height:1.34!important;}
  .scene-content .subhead{font-size:.94rem!important;}
  .scene-outcome-graphics,.scene2-text-moments,.scene3-graphics,.scene4-graphics,.scene5-priority-graphics,.scene6-permission-graphics,.scene7-quiet-flow,.scene8-representative-flow,.scene9-delegation-flow,.scene10-clarity-flow{inset:72px 0 calc(82px + 30svh) 0!important;}
  .timed-scene-card,.scene-outcome-card{width:min(84vw,318px)!important;max-width:min(84vw,318px)!important;max-height:104px!important;}
}

/* MOBILE GRAPHIC PLACEMENT FINAL FIX */
@media(max-width:900px){
  /* All animated visual layers get their own centred stage */
  .scene-outcome-graphics,
  .scene1-timed-overlays,
  .scene2-graphics,
  .scene3-graphics,
  .scene4-graphics,
  .scene5-graphics,
  .scene6-graphics,
  .scene7-graphics,
  .scene8-graphics,
  .scene9-graphics,
  .scene10-graphics,
  .scene11-text-moments{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:96px!important;
    bottom:auto!important;
    width:100%!important;
    height:46vh!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    display:block!important;
    transform:none!important;
    overflow:hidden!important;
    z-index:6!important;
  }

  /* Default graphic card behaviour: one centred hero graphic */
  .timed-scene-card,
  .scene-outcome-card,
  .scene2-thought{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(86vw,350px)!important;
    max-width:350px!important;
    height:auto!important;
    max-height:150px!important;
    margin:0!important;
    opacity:0!important;
    transform:translate(-50%,-50%) scale(.94)!important;
    object-fit:contain!important;
    transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)!important;
  }

  .timed-scene-card.is-visible,
  .scene-outcome-card.is-visible,
  .scene2-thought.is-visible{
    opacity:.96!important;
    transform:translate(-50%,-50%) scale(1)!important;
    z-index:10!important;
  }

  /* Individual scenes with wide cards */
  .scene3-card,
  .scene4-new-card,
  .scene5-card,
  .scene6-card,
  .scene7-card,
  .scene8-card,
  .scene9-card,
  .scene10-card{
    width:min(88vw,360px)!important;
    max-width:360px!important;
    max-height:145px!important;
  }

  /* Prevent old grid/stack layouts from fighting mobile */
  .scene4-context-cards-new,
  .scene5-priority-cards,
  .scene6-permission-cards,
  .scene7-quiet-states,
  .scene8-representative-flow,
  .scene9-delegation-flow,
  .scene10-clarity-flow{
    display:block!important;
    grid-template-columns:none!important;
    flex-direction:initial!important;
  }

  /* Text moment scene */
  .scene2-text-moments{
    height:46vh!important;
  }
  .scene2-thought{
    padding:1rem!important;
    border-radius:22px!important;
    background:rgba(25,8,39,.72)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    backdrop-filter:blur(14px)!important;
  }
  .scene2-thought span{font-size:1.2rem!important}
  .scene2-thought strong{font-size:1.8rem!important;line-height:1!important}

  /* Scene 11 should not show floating statements over final message */
  .scene11-text-moments{display:none!important}

  /* Keep copy and controls separate */
  .story-scene .scene-content{
    bottom:84px!important;
    max-height:31vh!important;
    overflow:hidden!important;
  }

  /* First scene notifications are intentionally smaller */
  .scene-1 .scene-outcome-card{
    width:min(84vw,340px)!important;
    max-height:100px!important;
  }
}


/* MOBILE V5 - isolated renderer */
@media(max-width:900px){
  html{scroll-snap-type:y mandatory!important;overflow-x:hidden!important;}
  body{overflow-x:hidden!important;}
  .story-scene{height:100svh!important;min-height:100svh!important;max-height:100svh!important;display:block!important;overflow:hidden!important;position:relative!important;scroll-snap-align:start!important;}
  .story-scene .bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;}
  .story-scene .bg img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;}

  /* One dedicated graphic stage */
  .scene-outcome-graphics,
  .scene1-timed-overlays,
  .scene2-graphics,
  .scene3-graphics,
  .scene4-graphics,
  .scene5-graphics,
  .scene6-graphics,
  .scene7-graphics,
  .scene8-graphics,
  .scene9-graphics,
  .scene10-graphics{
    position:absolute!important;
    left:0!important;
    top:72px!important;
    width:100%!important;
    height:45svh!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    display:block!important;
    overflow:hidden!important;
    z-index:5!important;
    pointer-events:none!important;
    transform:none!important;
  }

  /* Every graphic occupies exactly the same mobile stage */
  .timed-scene-card,
  .scene-outcome-card,
  .scene2-thought{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:86vw!important;
    max-width:360px!important;
    height:auto!important;
    max-height:150px!important;
    margin:0!important;
    opacity:0!important;
    transform:translate(-50%,-50%) scale(.94)!important;
    transition:opacity .65s ease,transform .65s ease!important;
    z-index:1!important;
  }
  .timed-scene-card.is-visible,
  .scene-outcome-card.is-visible,
  .scene2-thought.is-visible{
    opacity:1!important;
    transform:translate(-50%,-50%) scale(1)!important;
    z-index:5!important;
  }

  /* Kill every old desktop placement */
  .scene1-notification-layer *,
  .scene4-context-cards-new *,
  .scene5-priority-cards *,
  .scene6-permission-cards *,
  .scene7-quiet-states *,
  .scene8-representative-flow *,
  .scene9-delegation-flow *,
  .scene10-clarity-flow *{
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
  }

  /* Text scene */
  .scene2-thought{
    width:80vw!important;
    padding:1rem!important;
    border-radius:20px!important;
    background:rgba(25,8,39,.82)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    backdrop-filter:blur(16px)!important;
  }

  /* Copy panel */
  .scene-content{
    position:absolute!important;
    left:.75rem!important;
    right:.75rem!important;
    bottom:84px!important;
    width:auto!important;
    max-height:30svh!important;
    overflow:hidden!important;
    padding:1rem!important;
    z-index:20!important;
    border-radius:24px!important;
  }
  .scene-content h1,.scene-content h2{
    font-size:clamp(1.7rem,8vw,2.4rem)!important;
    line-height:1!important;
    margin:0 0 .5rem!important;
  }
  .scene-content p{
    font-size:.9rem!important;
    line-height:1.35!important;
  }
  .scene-content p:not(.subhead){display:none!important;}

  /* final scene uses copy only */
  .scene-11 .scene11-text-moments{display:none!important;}

  /* compact controls */
  .control-bar{
    position:fixed!important;
    left:.5rem!important;
    right:.5rem!important;
    bottom:.5rem!important;
    width:auto!important;
    display:grid!important;
    grid-template-columns:42px 1fr 42px 42px!important;
    z-index:100!important;
    border-radius:22px!important;
  }
  .control-bar p{
    grid-column:1/-1!important;
    order:-1!important;
    font-size:.75rem!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .control-bar [data-replay]{display:none!important;}
}

/* V72 navigation and editorial link refinement */
.top-nav a,.content-section a{text-decoration:none;}
.content-section a:hover{opacity:.72;}
.nav-dropdown{position:relative;}
.nav-dropdown>button{font:inherit;font-size:.88rem;color:rgba(255,255,255,.76);background:none;border:0;padding:.55rem .75rem;border-radius:999px;cursor:pointer;}
.nav-dropdown:hover>button,.nav-dropdown:focus-within>button{color:#fff;background:rgba(255,255,255,.08);}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + .5rem);right:0;min-width:280px;padding:.6rem;border-radius:20px;background:rgba(18,6,30,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(224,184,255,.18);box-shadow:0 18px 60px rgba(0,0,0,.4);}
.nav-dropdown.is-open .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid;}
.nav-dropdown-menu a{display:block!important;border-radius:14px!important;}
.nav-dropdown-menu a:hover{background:rgba(255,255,255,.08);}

.editorial-link{text-decoration:none;color:inherit;border-bottom:1px solid rgba(224,184,255,.35);transition:border-color .2s ease,opacity .2s ease}.editorial-link:hover{border-color:rgba(224,184,255,.9);opacity:.95}

/* V73 navigation correction */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown>button{font:inherit;color:rgba(255,255,255,.76);background:none;border:0;padding:.55rem .75rem;border-radius:999px;cursor:pointer}
.nav-dropdown>button:hover,.nav-dropdown:focus-within>button{color:#fff;background:rgba(255,255,255,.08)}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + .6rem);right:0;min-width:280px;padding:.5rem;border-radius:20px;background:rgba(18,6,30,.98);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 60px rgba(0,0,0,.45)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid}
.nav-dropdown-menu a{display:block!important;text-decoration:none!important;color:rgba(255,255,255,.8)!important}
.nav-dropdown-menu a:hover{background:rgba(255,255,255,.08);color:#fff!important}
.editorial-link,a.editorial-link{text-decoration:none!important;color:inherit!important}
.editorial-link:hover,a.editorial-link:hover{color:#b965ff!important}

/* V73 real navigation and editorial link correction */
.nav-dropdown{position:relative}
.nav-dropdown>button{font:inherit;font-size:.88rem;color:rgba(255,255,255,.76);background:none;border:0;padding:.55rem .75rem;border-radius:999px;cursor:pointer}
.nav-dropdown>button:hover,.nav-dropdown>button:focus-visible{color:#fff;background:rgba(255,255,255,.08)}
.nav-dropdown-menu{position:absolute;right:0;top:calc(100% + .5rem);min-width:290px;padding:.6rem;border-radius:20px;background:rgba(22,6,33,.96);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown-menu a{display:block!important;white-space:normal!important}
.seo-related-links a,.content-section a:not(.button),.how-final a:not(.how-button){color:inherit;text-decoration:none;border-bottom:1px solid rgba(185,101,255,.35);transition:border-color .2s,opacity .2s}
.seo-related-links a:hover,.content-section a:not(.button),.how-final a:not(.how-button):hover{border-color:rgba(185,101,255,.9)}

/* V73.2 scene graphic polish */
.scene-1 .scene-ui,.scene-2 .scene-ui,.scene-3 .scene-ui{transform:translate(4%,-50%) scale(.90)!important;}
.scene-1 .scene-ui span,.scene-2 .scene-ui span,.scene-3 .scene-ui span{backdrop-filter:blur(22px)!important;}
.scene-2 .scene-ui span:nth-child(n+2),.scene-3 .scene-ui span:nth-child(n+2){opacity:.55;}
.scene-1 .scene-ui span:nth-child(1){transition-delay:.25s!important}
.scene-1 .scene-ui span:nth-child(2){transition-delay:.55s!important}
.scene-1 .scene-ui span:nth-child(3){transition-delay:.85s!important}
.scene-2 .scene-ui span:nth-child(n+2){transform:translate(8px,0) scale(.96)!important;}
.scene-3 .scene-ui{transform:translate(8%,-50%) scale(.88)!important;}
.scene-3 .scene-ui span:nth-child(1){opacity:1;}
.scene-3 .scene-ui span:nth-child(n+2){opacity:.35;}
@media (max-width:900px){
 .scene-1 .scene-ui,.scene-2 .scene-ui,.scene-3 .scene-ui{transform:translateY(-50%) scale(.96)!important;}
}

/* V73.3 interaction, editorial pathways and scene 3 layout */
@media (min-width:901px){
  /* bridge the visual gap between trigger and menu so hover cannot fall through */
  .nav-dropdown::after{
    content:"";
    position:absolute;
    left:-14px;
    right:-14px;
    top:100%;
    height:18px;
    pointer-events:auto;
  }
  .nav-dropdown-menu{
    top:calc(100% + .35rem)!important;
    background:rgba(22,6,33,.78)!important;
    -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
    backdrop-filter:blur(22px) saturate(125%)!important;
    border-color:rgba(224,184,255,.20)!important;
    box-shadow:0 22px 65px rgba(0,0,0,.38),0 0 30px rgba(164,89,255,.09)!important;
  }
  .nav-dropdown.is-open .nav-dropdown-menu,
  .nav-dropdown:hover .nav-dropdown-menu,
  .nav-dropdown:focus-within .nav-dropdown-menu{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
  }

  /* Scene 3: preserve the sequential reveal, but let all three resolved states coexist */
  .scene-3 .scene3-graphics{
    position:absolute!important;
    left:auto!important;
    right:4.2vw!important;
    top:13vh!important;
    width:min(43vw,760px)!important;
    height:64vh!important;
    transform:none!important;
    overflow:visible!important;
  }
  .scene-3 .scene3-card{
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:clamp(300px,29vw,510px)!important;
    max-width:510px!important;
    max-height:none!important;
    opacity:0!important;
    transform:translateY(18px) scale(.95)!important;
    transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1)!important;
    filter:drop-shadow(0 16px 36px rgba(0,0,0,.42)) drop-shadow(0 0 13px rgba(185,101,255,.18))!important;
  }
  .scene-3 .scene3-card.is-visible,
  .scene-3 .scene3-card.has-arrived{
    opacity:.96!important;
    transform:translateY(0) scale(1)!important;
  }
  .scene-3 .scene3-card:nth-child(1){left:0!important;top:0!important;z-index:3!important;}
  .scene-3 .scene3-card:nth-child(2){right:0!important;top:21vh!important;z-index:4!important;}
  .scene-3 .scene3-card:nth-child(3){left:2.8vw!important;bottom:0!important;z-index:5!important;}
}

/* Homepage exploration module: coded editorial navigation with real spacing */
.cocoon-explore{
  width:min(1180px,calc(100% - 48px));
  margin:clamp(42px,6vw,88px) auto;
  padding:clamp(26px,4vw,48px);
  border:1px solid rgba(224,184,255,.14);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(45,18,67,.84),rgba(21,7,33,.92));
  box-shadow:0 25px 70px rgba(0,0,0,.24);
}
.cocoon-explore .explore-heading{max-width:700px;margin-bottom:28px;}
.cocoon-explore .explore-heading h2{margin:0 0 9px;font-size:clamp(1.65rem,3vw,2.4rem);}
.cocoon-explore .explore-heading p{margin:0;color:rgba(255,255,255,.70);line-height:1.6;}
.cocoon-explore .explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.cocoon-explore .explore-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:150px;
  padding:22px 22px 24px;
  border:1px solid rgba(224,184,255,.14)!important;
  border-radius:22px;
  background:rgba(255,255,255,.055);
  color:#fff!important;
  text-decoration:none!important;
  transition:transform .22s ease,background .22s ease,border-color .22s ease;
}
.cocoon-explore .explore-card strong{font-size:1rem;line-height:1.35;}
.cocoon-explore .explore-card span{color:rgba(255,255,255,.65);line-height:1.55;}
.cocoon-explore .explore-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.085);border-color:rgba(224,184,255,.30)!important;}
@media(max-width:820px){
  .cocoon-explore{width:calc(100% - 28px);padding:24px 18px;border-radius:24px;}
  .cocoon-explore .explore-grid{grid-template-columns:1fr;}
  .cocoon-explore .explore-card{min-height:0;}
}


/* V73.4 definitive Scene 3 desktop layout */
@media (min-width: 901px) {
  .story-scene.scene-3 .scene3-mechanism {
    position: absolute !important;
    left: auto !important;
    right: 3.2vw !important;
    top: 14vh !important;
    width: min(31vw, 470px) !important;
    height: 66vh !important;
    transform: none !important;
    overflow: visible !important;
    display: block !important;
  }

  .story-scene.scene-3 .scene3-card {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 470px !important;
    height: auto !important;
    max-height: 19vh !important;
    object-fit: contain !important;
    opacity: 0 !important;
    transform: translate3d(22px, 14px, 0) scale(.96) !important;
    transition: opacity .5s ease, transform .62s cubic-bezier(.22,.8,.2,1) !important;
    filter: drop-shadow(0 15px 28px rgba(0,0,0,.38)) drop-shadow(0 0 12px rgba(181,104,255,.16)) !important;
  }

  .story-scene.scene-3 .scene3-card.is-visible,
  .story-scene.scene-3 .scene3-card.has-arrived {
    opacity: .96 !important;
    transform: translate3d(0,0,0) scale(1) !important;
  }

  .story-scene.scene-3 .scene3-card:nth-child(1) {
    top: 0 !important;
    z-index: 3 !important;
  }

  .story-scene.scene-3 .scene3-card:nth-child(2) {
    top: 22vh !important;
    z-index: 4 !important;
  }

  .story-scene.scene-3 .scene3-card:nth-child(3) {
    top: 44vh !important;
    z-index: 5 !important;
  }
}

/* V75 — smoother scene transitions and persistent graphics */
html.is-auto-scrolling{scroll-snap-type:none!important;scroll-behavior:auto!important}
body.is-auto-scrolling{scroll-behavior:auto!important}
.story-scene .bg,.story-scene .bg img,.story-scene .scene-content{will-change:opacity,filter,transform}
.story-scene .bg{transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),filter 1.05s cubic-bezier(.22,.61,.36,1)}
.story-scene .bg img{transition:transform 1.65s cubic-bezier(.22,.61,.36,1),opacity 1.05s ease}
.story-scene .scene-content{transition:opacity .9s cubic-bezier(.22,.61,.36,1),filter .9s ease,translate .9s cubic-bezier(.22,.61,.36,1)}
.story-scene.is-transitioning-out .bg{opacity:.72;filter:saturate(.9) brightness(.88)}
.story-scene.is-transitioning-out .scene-content{opacity:.42;filter:blur(2px);translate:0 -8px}
.story-scene.is-transitioning-in .bg{animation:cocoonSceneFadeIn 1.15s cubic-bezier(.22,.61,.36,1) both}
.story-scene.is-transitioning-in .bg img{animation:cocoonSceneImageSettle 1.55s cubic-bezier(.22,.61,.36,1) both}
.story-scene.is-transitioning-in .scene-content{animation:cocoonSceneContentIn 1.05s .12s cubic-bezier(.22,.61,.36,1) both}
@keyframes cocoonSceneFadeIn{from{opacity:.58;filter:saturate(.88) brightness(.84)}to{opacity:1;filter:none}}
@keyframes cocoonSceneImageSettle{from{transform:scale(1.035)}to{transform:scale(1.01)}}
@keyframes cocoonSceneContentIn{from{opacity:0;filter:blur(5px);translate:0 18px}to{opacity:.98;filter:none;translate:0 0}}
.timed-scene-card.has-arrived,.scene-outcome-card.has-arrived{opacity:1!important;visibility:visible!important}
@media (prefers-reduced-motion:reduce){.story-scene .bg,.story-scene .bg img,.story-scene .scene-content{animation:none!important;transition:none!important}html.is-auto-scrolling{scroll-behavior:auto!important}}


/* V82.2 Global Typography Alignment */
:root{
 --cocoon-display:'Playfair Display', Georgia, serif;
 --cocoon-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
h1,h2,h3,.hero-title,.section-title,.display-title{
 font-family:var(--cocoon-display)!important;
 letter-spacing:-0.03em;
}
.hero-label,.eyebrow,.section-label,.kicker{
 font-family:var(--cocoon-body)!important;
 font-size:14px!important;
 line-height:1.2!important;
 letter-spacing:.18em!important;
 font-weight:600!important;
}
.hero-subtitle,.hero-copy,.hero-description,.intro-copy{
 font-family:var(--cocoon-body)!important;
 font-size:24px!important;
 line-height:1.55!important;
 max-width:620px;
 font-weight:400;
}
.section-copy,.body-copy,.card-copy{
 font-family:var(--cocoon-body)!important;
 font-size:18px!important;
 line-height:1.7!important;
}
@media(max-width:900px){
 .hero-subtitle,.hero-copy,.hero-description,.intro-copy{
  font-size:18px!important;
  line-height:1.55!important;
 }
 .section-copy,.body-copy,.card-copy{
  font-size:16px!important;
 }
}


/* V82.3 Hero Component Normalisation - actual component overrides */
:root{
 --hero-heading-size:clamp(64px,6vw,92px);
 --hero-heading-line:0.95;
 --hero-copy-size:22px;
 --hero-copy-line:1.55;
 --hero-copy-width:620px;
}

.hero-title,
.story-hero h1,
.hero h1,
.display-title{
 font-family:var(--cocoon-display)!important;
 font-size:var(--hero-heading-size)!important;
 line-height:var(--hero-heading-line)!important;
 letter-spacing:-0.04em!important;
}

.hero-subtitle,
.hero-copy,
.story-hero .hero-copy,
.hero-description,
.intro-copy{
 font-family:var(--cocoon-body)!important;
 font-size:var(--hero-copy-size)!important;
 line-height:var(--hero-copy-line)!important;
 max-width:var(--hero-copy-width)!important;
 letter-spacing:0!important;
}

.hero-label,
.eyebrow,
.section-label,
.kicker{
 margin-bottom:24px!important;
}

.hero-title + .hero-subtitle,
.hero-title + .hero-copy{
 margin-top:28px!important;
}

@media(max-width:900px){
 .hero-title,
 .story-hero h1,
 .hero h1,
 .display-title{
  font-size:48px!important;
  line-height:1!important;
 }
 .hero-subtitle,
 .hero-copy,
 .story-hero .hero-copy,
 .hero-description,
 .intro-copy{
  font-size:18px!important;
  line-height:1.55!important;
 }
}

/* V82.5 — story audio introduction */
.story-audio-intro{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.story-audio-intro.is-open{opacity:1;visibility:visible;pointer-events:auto}.story-audio-backdrop{position:absolute;inset:0;background:rgba(8,0,18,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.story-audio-card{position:relative;width:min(520px,calc(100vw - 40px));padding:38px 38px 30px;border:1px solid rgba(205,168,255,.3);border-radius:30px;background:linear-gradient(145deg,rgba(39,12,58,.98),rgba(20,5,31,.98));box-shadow:0 28px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);text-align:center;color:#fff;transform:translateY(14px) scale(.98);transition:transform .35s cubic-bezier(.22,.8,.22,1)}.story-audio-intro.is-open .story-audio-card{transform:translateY(0) scale(1)}.story-audio-close{position:absolute;top:16px;right:18px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:rgba(255,255,255,.78);font-size:24px;line-height:1;cursor:pointer}.story-audio-close:hover{background:rgba(255,255,255,.13);color:#fff}.story-audio-icon{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8b5ff 0,#a25fff 30%,#6330b7 68%,#30144b 100%);box-shadow:0 0 0 9px rgba(171,112,255,.08),0 16px 38px rgba(122,62,190,.4)}.speaker-shape{font-size:30px;font-weight:700}.speaker-wave{position:absolute;width:94px;height:94px;border:1px solid rgba(207,170,255,.4);border-radius:50%;animation:audioIntroPulse 2.2s ease-out infinite}.story-audio-kicker{margin:0 0 10px;color:#bd8dff;font-size:13px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.story-audio-card h2{margin:0 auto 14px;font-family:"Playfair Display",Georgia,serif;font-size:clamp(34px,4vw,46px);line-height:1.04;font-weight:500;letter-spacing:-.025em}.story-audio-card>p:not(.story-audio-kicker){max-width:430px;margin:0 auto 26px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.55}.story-volume-control{display:grid;grid-template-columns:42px 58px minmax(140px,1fr) 44px;align-items:center;gap:10px;margin:0 auto 26px;padding:13px 15px;border:1px solid rgba(211,181,255,.2);border-radius:18px;background:rgba(255,255,255,.055)}.story-volume-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(211,181,255,.25);border-radius:50%;background:rgba(151,85,238,.18);color:#fff;font-size:18px;cursor:pointer}.story-volume-control label{color:rgba(255,255,255,.78);font-size:14px;font-weight:600;text-align:left}.story-volume-control input[type=range]{width:100%;accent-color:#a865ff;cursor:pointer}.story-volume-control output{color:#d9c0ff;font-size:13px;font-variant-numeric:tabular-nums}.story-audio-start{width:100%;justify-content:center;margin-bottom:10px}.story-audio-muted-start{border:0;background:none;color:rgba(255,255,255,.58);font:inherit;font-size:14px;cursor:pointer;padding:8px 12px}.story-audio-muted-start:hover{color:#fff}.story-audio-intro.is-closing{opacity:0}.story-audio-intro.is-closing .story-audio-card{transform:translateY(8px) scale(.985)}body.story-audio-dialog-open{overflow:hidden}@keyframes audioIntroPulse{0%{transform:scale(.78);opacity:0}28%{opacity:.7}100%{transform:scale(1.12);opacity:0}}@media(max-width:640px){.story-audio-intro{padding:16px}.story-audio-card{padding:32px 20px 24px;border-radius:24px}.story-audio-card h2{font-size:34px}.story-audio-card>p:not(.story-audio-kicker){font-size:16px}.story-volume-control{grid-template-columns:40px 1fr 42px}.story-volume-control label{display:none}}@media(prefers-reduced-motion:reduce){.speaker-wave{animation:none}.story-audio-intro,.story-audio-card{transition:none}}

/* V83.1 Hero spacing and CTA refinement */
.landing-hero{
 padding-top:calc(var(--header) + 3.2rem);
}
.hero-copy h1{
 max-width:700px;
}
.hero-actions .button{
 min-height:42px;
 padding:.7rem 1.05rem;
 font-size:.98rem;
}
.hero-actions{
 gap:.65rem;
}

/* V138 desktop navigation dropdown spacing fix */
@media (min-width:1281px){
  html .site-header .nav-dropdown-menu,
  html .site-header .nav-dropdown-menu.nav-dropdown-menu--wide{
    min-width:360px!important;
    padding:14px!important;
    gap:6px!important;
  }
  html .site-header .nav-dropdown-menu a{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:6px!important;
    padding:13px 15px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  html .site-header .nav-dropdown-menu a strong{
    display:block!important;
    width:100%!important;
    color:#fff!important;
    font-weight:750!important;
    line-height:1.22!important;
  }
  html .site-header .nav-dropdown-menu a span{
    display:block!important;
    width:100%!important;
    color:rgba(255,255,255,.64)!important;
    font-size:.9rem!important;
    line-height:1.45!important;
  }
}


/* --- assets/css/mobile-v6.css --- */

/* Cocoon Mobile V6 isolated renderer - loaded last */
@media(max-width:900px){
html,body{overflow-x:hidden!important}
.story-scene{position:relative!important;height:100svh!important;min-height:100svh!important;max-height:100svh!important;overflow:hidden!important;display:block!important;padding:0!important}
.story-scene .bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important}
.story-scene .bg img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}

/* one clean visual stage */
.scene-outcome-graphics,
.scene1-timed-overlays,
.scene2-graphics,
.scene3-graphics,
.scene4-graphics,
.scene5-graphics,
.scene6-graphics,
.scene7-graphics,
.scene8-graphics,
.scene9-graphics,
.scene10-graphics,
.scene11-text-moments{
 position:absolute!important;
 left:0!important;
 top:70px!important;
 width:100%!important;
 height:42vh!important;
 z-index:5!important;
 overflow:hidden!important;
 transform:none!important;
 display:block!important;
}

/* every animated object uses the same stage */
.timed-scene-card,
.scene-outcome-card,
.scene2-thought{
 position:absolute!important;
 left:50%!important;
 top:50%!important;
 right:auto!important;
 bottom:auto!important;
 width:86vw!important;
 max-width:350px!important;
 max-height:150px!important;
 height:auto!important;
 opacity:0!important;
 transform:translate(-50%,-50%) scale(.92)!important;
 transition:opacity .6s ease,transform .6s ease!important;
 margin:0!important;
}
.timed-scene-card.is-visible,
.scene-outcome-card.is-visible,
.scene2-thought.is-visible{
 opacity:1!important;
 transform:translate(-50%,-50%) scale(1)!important;
}

/* kill all previous scene card layouts */
.scene4-new-card,.scene5-priority-card,.scene6-permission-card,.scene7-quiet-card,.scene8-flow-card,.scene9-flow-card,.scene10-clarity-card{
 left:50%!important;
 top:50%!important;
 right:auto!important;
 bottom:auto!important;
 position:absolute!important;
}

/* copy */
.scene-content{
 position:absolute!important;
 left:.75rem!important;
 right:.75rem!important;
 bottom:82px!important;
 width:auto!important;
 max-height:30vh!important;
 overflow:hidden!important;
 z-index:20!important;
 padding:1rem!important;
 border-radius:24px!important;
 background:rgba(24,5,35,.88)!important;
}
.scene-content h1,.scene-content h2{
 font-size:clamp(1.7rem,8vw,2.5rem)!important;
 line-height:1!important;
 margin:0 0 .5rem!important;
}
.scene-content p{font-size:.9rem!important;line-height:1.35!important}
.scene-content p:not(.subhead){display:none!important}

/* hide floating ending text */
.scene11-text-moments{display:none!important}

/* mobile controls */
.control-bar{
 position:fixed!important;
 left:.5rem!important;
 right:.5rem!important;
 bottom:.5rem!important;
 width:auto!important;
 z-index:100!important;
 grid-template-columns:42px 1fr 42px 42px!important;
}
.control-bar p{
 grid-column:1/-1!important;
 order:-1!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
}
.control-bar [data-replay]{display:none!important}
}


/* V11 final-state stack for notification scenes */
@media(max-width:900px){
.scene-1 .scene-outcome-card.is-visible{transform:translate(-50%,0)!important;opacity:.94!important}
.scene-1 .scene-outcome-card:nth-child(1).is-visible{top:8%!important}
.scene-1 .scene-outcome-card:nth-child(2).is-visible{top:24%!important}
.scene-1 .scene-outcome-card:nth-child(3).is-visible{top:40%!important}
.scene-1 .scene-outcome-card:nth-child(4).is-visible{top:56%!important}
.scene-1 .scene-outcome-card:nth-child(5).is-visible{top:72%!important}
}


/* V12 graphic state machine presentation */
@media(max-width:900px){
 .timed-scene-card.has-arrived,.scene-outcome-card.has-arrived{opacity:1!important;}
 .timed-scene-card.has-arrived:not(.is-visible),.scene-outcome-card.has-arrived:not(.is-visible){opacity:.96!important;}
}

/* V13 scene 1 notification stack positioning */
@media(max-width:900px){
  .scene-1 .scene-outcome-graphics,
  .scene-1 .scene1-timed-overlays{
    top:78px!important;
    height:330px!important;
    overflow:visible!important;
  }
  .scene-1 .scene-outcome-card{
    width:min(86vw,350px)!important;
    max-width:350px!important;
    max-height:82px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
  .scene-1 .scene-outcome-card.has-arrived{
    opacity:.94!important;
  }
  .scene-1 .scene-outcome-card:nth-child(1){top:10px!important;}
  .scene-1 .scene-outcome-card:nth-child(2){top:82px!important;}
  .scene-1 .scene-outcome-card:nth-child(3){top:154px!important;}
  .scene-1 .scene-outcome-card:nth-child(4){top:226px!important;}
  .scene-1 .scene-outcome-card:nth-child(5){top:298px!important;}
  .scene-1 .scene-content{bottom:82px!important;max-height:27svh!important;}
}

/* V14 Scene 1 notification stack - final override */
@media(max-width:900px){
 .scene-1 .scene-outcome-graphics,
 .scene-1 .scene1-timed-overlays{
   top:76px!important;
   height:360px!important;
   overflow:visible!important;
   z-index:30!important;
 }
 .scene-1 .scene-outcome-card{
   left:50%!important;
   width:min(86vw,350px)!important;
   max-width:350px!important;
   max-height:78px!important;
   transform:translateX(-50%)!important;
   opacity:0!important;
   z-index:1!important;
 }
 .scene-1 .scene-outcome-card.is-visible,
 .scene-1 .scene-outcome-card.has-arrived{
   opacity:.96!important;
 }
 .scene-1 .scene-outcome-card:nth-child(1){top:0!important;z-index:1!important}
 .scene-1 .scene-outcome-card:nth-child(2){top:72px!important;z-index:2!important}
 .scene-1 .scene-outcome-card:nth-child(3){top:144px!important;z-index:3!important}
 .scene-1 .scene-outcome-card:nth-child(4){top:216px!important;z-index:4!important}
 .scene-1 .scene-outcome-card:nth-child(5){top:288px!important;z-index:5!important}
 .scene-1 .scene-content{bottom:82px!important;z-index:10!important}
}


/* --- assets/css/mobile-v7.css --- */

/* Cocoon Mobile V7 - component specific animation layer */
@media(max-width:900px){

/* reset only graphic components */
.scene-outcome-graphics,
.scene2-text-moments,
.scene3-mechanism,
.scene4-context-cards-new,
.scene5-priority-cards,
.scene6-permission-cards,
.scene7-quiet-states,
.scene8-representative-flow,
.scene9-delegation-flow,
.scene10-clarity-flow{
 position:absolute!important;
 left:0!important;
 top:90px!important;
 width:100%!important;
 height:42vh!important;
 overflow:hidden!important;
 transform:none!important;
 display:block!important;
 pointer-events:none!important;
 z-index:15!important;
}

/* base animation only */
.scene-outcome-card,
.scene2-thought,
.scene3-card,
.scene4-new-card,
.scene5-priority-card,
.scene6-permission-card,
.scene7-quiet-card,
.scene8-flow-card,
.scene9-flow-card,
.scene10-clarity-card{
 position:absolute!important;
 left:50%!important;
 top:50%!important;
 right:auto!important;
 bottom:auto!important;
 width:86vw!important;
 max-width:360px!important;
 height:auto!important;
 max-height:150px!important;
 margin:0!important;
 opacity:0!important;
 transform:translate(-50%,-50%) translateY(22px) scale(.96)!important;
 transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)!important;
 z-index:1!important;
}

.scene-outcome-card.is-visible,
.scene2-thought.is-visible,
.scene3-card.is-visible,
.scene4-new-card.is-visible,
.scene5-priority-card.is-visible,
.scene6-permission-card.is-visible,
.scene7-quiet-card.is-visible,
.scene8-flow-card.is-visible,
.scene9-flow-card.is-visible,
.scene10-clarity-card.is-visible{
 opacity:1!important;
 transform:translate(-50%,-50%) translateY(0) scale(1)!important;
 z-index:5!important;
}

/* Scene-specific final sizing */
.scene-1 .scene-outcome-card{max-height:100px!important;width:84vw!important}
.scene-2 .scene2-thought{width:78vw!important;max-width:330px!important;padding:1rem!important;border-radius:20px!important;background:rgba(25,8,39,.78)!important;border:1px solid rgba(255,255,255,.12)!important}
.scene-3 .scene3-card{max-height:145px!important;width:86vw!important}
.scene-4 .scene4-new-card,.scene-5 .scene5-priority-card,.scene-6 .scene6-permission-card{max-height:130px!important}
.scene-7 .scene7-quiet-card,.scene-8 .scene8-flow-card,.scene-9 .scene9-flow-card{max-height:130px!important}
.scene-10 .scene10-clarity-card{max-height:130px!important}

/* Remove legacy positioning hooks */
.scene4-context-cards-new .scene4-new-card,
.scene5-priority-cards .scene5-priority-card,
.scene6-permission-cards .scene6-permission-card,
.scene7-quiet-states .scene7-quiet-card,
.scene8-representative-flow .scene8-flow-card,
.scene9-delegation-flow .scene9-flow-card,
.scene10-clarity-flow .scene10-clarity-card{
 right:auto!important;
 bottom:auto!important;
 margin:0!important;
}
}

/* V9 initial state fix */
@media(max-width:900px){.timed-scene-card,.scene-outcome-card{will-change:opacity,transform!important}.timed-scene-card:not(.is-visible),.scene-outcome-card:not(.is-visible){opacity:0!important}}


/* --- assets/css/mobile-v15.css --- */

/* Cocoon Mobile V15 - Scene 1 notification stack layout fix */
@media (max-width: 900px){
  .scene-1 .scene-outcome-graphics.scene1-notification-layer{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(var(--header, 88px) + 22px)!important;
    bottom:auto!important;
    width:100%!important;
    height:calc(100svh - var(--header, 88px) - 345px)!important;
    min-height:350px!important;
    max-height:420px!important;
    overflow:visible!important;
    z-index:18!important;
    pointer-events:none!important;
    transform:none!important;
    display:block!important;
  }

  .scene-1 .scene-outcome-card.scene1-notification-card{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(88vw, 340px)!important;
    max-width:340px!important;
    height:auto!important;
    max-height:none!important;
    opacity:0!important;
    margin:0!important;
    filter:drop-shadow(0 14px 22px rgba(0,0,0,.36))!important;
    transform:translate(-50%, 10px) scale(.985)!important;
    transition:opacity .46s ease, transform .54s cubic-bezier(.18,.82,.22,1)!important;
    will-change:opacity,transform!important;
    z-index:2!important;
  }

  .scene-1 .scene-outcome-card.scene1-notification-card.is-visible,
  .scene-1 .scene-outcome-card.scene1-notification-card.has-arrived{
    opacity:.98!important;
    transform:translate(-50%, 0) scale(1)!important;
  }

  .scene-1 .scene-outcome-card.scene1-note-mum{top:0!important;}
  .scene-1 .scene-outcome-card.scene1-note-tina{top:clamp(62px, 8.6vh, 76px)!important;}
  .scene-1 .scene-outcome-card.scene1-note-unknown{top:clamp(124px, 17.2vh, 152px)!important;}
  .scene-1 .scene-outcome-card.scene1-note-voicemail{top:clamp(186px, 25.8vh, 228px)!important;}
  .scene-1 .scene-outcome-card.scene1-note-chris{top:clamp(248px, 34.4vh, 304px)!important;}

  .scene-1 .scene-content{
    z-index:24!important;
  }

  /* keep cards from being vertically centred by older mobile renderers */
  .scene-1 .scene-outcome-card.scene1-notification-card.is-visible,
  .scene-1 .scene-outcome-card.scene1-notification-card.has-arrived{
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
  }
}

@media (max-width: 390px){
  .scene-1 .scene-outcome-card.scene1-notification-card{
    width:min(87vw, 326px)!important;
  }
  .scene-1 .scene-outcome-card.scene1-note-tina{top:clamp(58px, 8.2vh, 72px)!important;}
  .scene-1 .scene-outcome-card.scene1-note-unknown{top:clamp(116px, 16.4vh, 144px)!important;}
  .scene-1 .scene-outcome-card.scene1-note-voicemail{top:clamp(174px, 24.6vh, 216px)!important;}
  .scene-1 .scene-outcome-card.scene1-note-chris{top:clamp(232px, 32.8vh, 288px)!important;}
}


/* --- assets/css/mobile-v16.css --- */
/* Cocoon Mobile V16 - Scene 1 final notification stack placement */
@media (max-width: 900px){
  html body .story-scene.scene-1{
    overflow:hidden!important;
  }

  html body .story-scene.scene-1 .scene-outcome-graphics.scene1-notification-layer{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100svh!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    pointer-events:none!important;
    transform:none!important;
    display:block!important;
    z-index:18!important;
  }

  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    position:absolute!important;
    left:18px!important;
    right:auto!important;
    bottom:auto!important;
    width:calc(100vw - 36px)!important;
    max-width:380px!important;
    height:auto!important;
    max-height:66px!important;
    object-fit:contain!important;
    object-position:left top!important;
    margin:0!important;
    opacity:0!important;
    z-index:21!important;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))!important;
    transform:translate3d(0,10px,0) scale(.985)!important;
    transition:opacity .34s ease, transform .42s cubic-bezier(.18,.82,.22,1)!important;
    will-change:opacity,transform!important;
  }

  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card.is-visible,
  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card.has-arrived{
    opacity:.98!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }

  /* Fixed mobile stack. These values deliberately keep all 5 cards above the copy panel. */
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-mum{
    top:calc(var(--header, 92px) + 28px)!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-tina{
    top:calc(var(--header, 92px) + 94px)!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-unknown{
    top:calc(var(--header, 92px) + 160px)!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-voicemail{
    top:calc(var(--header, 92px) + 226px)!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-chris{
    top:calc(var(--header, 92px) + 292px)!important;
  }

  html body .story-scene.scene-1 .scene-content{
    z-index:24!important;
    bottom:calc(var(--control-height, 86px) + 16px + env(safe-area-inset-bottom, 0px))!important;
  }
}

@media (max-width: 390px){
  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    left:14px!important;
    width:calc(100vw - 28px)!important;
    max-height:62px!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-mum{top:calc(var(--header, 90px) + 24px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-tina{top:calc(var(--header, 90px) + 87px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-unknown{top:calc(var(--header, 90px) + 150px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-voicemail{top:calc(var(--header, 90px) + 213px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-chris{top:calc(var(--header, 90px) + 276px)!important;}
}

@media (max-height: 720px) and (max-width: 900px){
  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    max-height:54px!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-mum{top:calc(var(--header, 82px) + 18px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-tina{top:calc(var(--header, 82px) + 72px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-unknown{top:calc(var(--header, 82px) + 126px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-voicemail{top:calc(var(--header, 82px) + 180px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-chris{top:calc(var(--header, 82px) + 234px)!important;}
}


/* --- assets/css/mobile-v17.css --- */
/* Cocoon Mobile V17 - final Scene 1 notification stack lift/tighten */
@media (max-width: 900px){
  /* The stack was correct but sitting too low, causing Chris to tuck under the copy panel. */
  html body .story-scene.scene-1 .scene-outcome-graphics.scene1-notification-layer{
    transform:translate3d(0,-58px,0)!important;
    z-index:20!important;
  }

  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    left:22px!important;
    width:calc(100vw - 52px)!important;
    max-width:340px!important;
    max-height:64px!important;
    z-index:22!important;
  }

  html body .story-scene.scene-1 .scene-content{
    z-index:30!important;
  }

  html body .story-scene.scene-1 .control-bar,
  html body .control-bar{
    z-index:55!important;
  }
}

@media (max-width: 390px){
  html body .story-scene.scene-1 .scene-outcome-graphics.scene1-notification-layer{
    transform:translate3d(0,-54px,0)!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    left:20px!important;
    width:calc(100vw - 46px)!important;
    max-height:62px!important;
  }
}

@media (max-height: 740px) and (max-width: 900px){
  html body .story-scene.scene-1 .scene-outcome-graphics.scene1-notification-layer{
    transform:translate3d(0,-48px,0)!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    max-height:56px!important;
  }
}

@media (min-height: 850px) and (max-width: 900px){
  html body .story-scene.scene-1 .scene-outcome-graphics.scene1-notification-layer{
    transform:translate3d(0,-64px,0)!important;
  }
}


/* --- assets/css/mobile-v18.css --- */
/* Cocoon Mobile V18 - Scene 1 final stack geometry
   Purpose: keep the working sequential animation, but force the final 5 notification
   cards into one compact safe stack above the copy panel on mobile. */
@media (max-width: 900px){
  html body .story-scene.scene-1{
    overflow:hidden!important;
  }

  html body .story-scene.scene-1 .scene-outcome-graphics.scene1-notification-layer{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100svh!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    transform:none!important;
    pointer-events:none!important;
    display:block!important;
    z-index:32!important;
  }

  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(88vw,350px)!important;
    max-width:min(88vw,350px)!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0!important;
    opacity:0!important;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.36)) drop-shadow(0 0 12px rgba(185,101,255,.16))!important;
    transform:translate3d(-50%,10px,0) scale(.985)!important;
    transition:opacity .34s ease, transform .42s cubic-bezier(.18,.82,.22,1)!important;
    will-change:opacity,transform!important;
    z-index:34!important;
  }

  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card.is-visible,
  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card.has-arrived{
    opacity:.98!important;
    transform:translate3d(-50%,0,0) scale(1)!important;
  }

  /* Deliberate final stack: tight enough for Android mobile viewport, clear of copy. */
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-mum{top:clamp(112px,14svh,124px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-tina{top:clamp(177px,22svh,194px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-unknown{top:clamp(242px,30svh,264px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-voicemail{top:clamp(307px,38svh,334px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-chris{top:clamp(372px,46svh,404px)!important;}

  /* Keep the copy beneath the notification stack, but give the stack more room. */
  html body .story-scene.scene-1 .scene-content{
    z-index:24!important;
    padding:.82rem .95rem!important;
    bottom:calc(var(--control-height, 78px) + 12px + env(safe-area-inset-bottom, 0px))!important;
    max-height:25svh!important;
  }
  html body .story-scene.scene-1 .scene-content h2{
    font-size:clamp(1.85rem,7.3vw,2.18rem)!important;
    line-height:.94!important;
    margin-bottom:.48rem!important;
  }
  html body .story-scene.scene-1 .scene-content .subhead{
    font-size:clamp(.92rem,4vw,1rem)!important;
    line-height:1.28!important;
    margin:0!important;
  }
}

@media (max-width: 390px){
  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    width:min(87vw,338px)!important;
    max-width:min(87vw,338px)!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-mum{top:108px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-tina{top:173px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-unknown{top:238px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-voicemail{top:303px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-chris{top:368px!important;}
}

@media (max-height: 760px) and (max-width: 900px){
  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    width:min(84vw,326px)!important;
    max-width:min(84vw,326px)!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-mum{top:98px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-tina{top:156px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-unknown{top:214px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-voicemail{top:272px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-chris{top:330px!important;}
  html body .story-scene.scene-1 .scene-content h2{
    font-size:clamp(1.65rem,6.9vw,2rem)!important;
  }
  html body .story-scene.scene-1 .scene-content .subhead{
    font-size:.88rem!important;
  }
}


/* --- assets/css/mobile-v19.css --- */
/* Cocoon Mobile V19 - Scene 1 notification stack lift
   Focused adjustment only: keep V18 animation, lift the final mobile stack so all five
   notifications sit clearly above the copy panel/control bar. Desktop untouched. */
@media (max-width: 900px){
  html body .story-scene.scene-1 .scene-outcome-graphics.scene1-notification-layer{
    z-index:36!important;
  }

  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    width:min(86vw,342px)!important;
    max-width:min(86vw,342px)!important;
  }

  /* Lift the whole stack and tighten the row spacing. */
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-mum{top:clamp(86px,10.8svh,104px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-tina{top:clamp(146px,18.0svh,164px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-unknown{top:clamp(206px,25.2svh,224px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-voicemail{top:clamp(266px,32.4svh,284px)!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-chris{top:clamp(326px,39.6svh,344px)!important;}

  html body .story-scene.scene-1 .scene-content{
    z-index:28!important;
  }
}

@media (max-width: 390px){
  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    width:min(85vw,330px)!important;
    max-width:min(85vw,330px)!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-mum{top:82px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-tina{top:140px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-unknown{top:198px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-voicemail{top:256px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-chris{top:314px!important;}
}

@media (max-height: 760px) and (max-width: 900px){
  html body .story-scene.scene-1 .scene-outcome-card.scene1-notification-card{
    width:min(82vw,318px)!important;
    max-width:min(82vw,318px)!important;
  }
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-mum{top:72px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-tina{top:126px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-unknown{top:180px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-voicemail{top:234px!important;}
  html body .story-scene.scene-1 .scene-outcome-card.scene1-note-chris{top:288px!important;}
}


/* --- assets/css/mobile-v20.css --- */
/* Cocoon Mobile V20 - scenes 2-10 mobile graphic stacks
   Builds from the working Scene 1 model: graphics animate in sequentially and remain in place.
   Desktop is untouched. */
@media (max-width: 900px){
  /* Full-scene graphic layers for scenes after Scene 1 */
  html body .story-scene.scene-2 .scene2-text-moments,
  html body .story-scene.scene-3 .scene3-mechanism,
  html body .story-scene.scene-4 .scene4-context-cards-new,
  html body .story-scene.scene-5 .scene5-priority-cards,
  html body .story-scene.scene-6 .scene6-permission-cards,
  html body .story-scene.scene-7 .scene7-quiet-states,
  html body .story-scene.scene-8 .scene8-representative-flow,
  html body .story-scene.scene-9 .scene9-delegation-flow,
  html body .story-scene.scene-10 .scene10-clarity-flow{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100svh!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    pointer-events:none!important;
    transform:none!important;
    display:block!important;
    z-index:32!important;
  }

  /* Common mobile card presentation: no desktop coords, no old translate(-50%,-50%) centering */
  html body .story-scene.scene-3 .scene3-card,
  html body .story-scene.scene-4 .scene4-new-card,
  html body .story-scene.scene-5 .scene5-priority-card,
  html body .story-scene.scene-6 .scene6-permission-card,
  html body .story-scene.scene-7 .scene7-quiet-card,
  html body .story-scene.scene-8 .scene8-flow-card,
  html body .story-scene.scene-9 .scene9-flow-card,
  html body .story-scene.scene-10 .scene10-clarity-card{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
    width:min(86vw,342px)!important;
    max-width:min(86vw,342px)!important;
    height:82px!important;
    max-height:82px!important;
    object-fit:fill!important;
    object-position:center center!important;
    opacity:0!important;
    transform:translate3d(-50%,10px,0) scale(.985)!important;
    transition:opacity .34s ease, transform .42s cubic-bezier(.18,.82,.22,1)!important;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.36)) drop-shadow(0 0 12px rgba(185,101,255,.16))!important;
    z-index:34!important;
    will-change:opacity,transform!important;
  }

  html body .story-scene.scene-3 .scene3-card.is-visible,
  html body .story-scene.scene-3 .scene3-card.has-arrived,
  html body .story-scene.scene-4 .scene4-new-card.is-visible,
  html body .story-scene.scene-4 .scene4-new-card.has-arrived,
  html body .story-scene.scene-5 .scene5-priority-card.is-visible,
  html body .story-scene.scene-5 .scene5-priority-card.has-arrived,
  html body .story-scene.scene-6 .scene6-permission-card.is-visible,
  html body .story-scene.scene-6 .scene6-permission-card.has-arrived,
  html body .story-scene.scene-7 .scene7-quiet-card.is-visible,
  html body .story-scene.scene-7 .scene7-quiet-card.has-arrived,
  html body .story-scene.scene-8 .scene8-flow-card.is-visible,
  html body .story-scene.scene-8 .scene8-flow-card.has-arrived,
  html body .story-scene.scene-9 .scene9-flow-card.is-visible,
  html body .story-scene.scene-9 .scene9-flow-card.has-arrived,
  html body .story-scene.scene-10 .scene10-clarity-card.is-visible,
  html body .story-scene.scene-10 .scene10-clarity-card.has-arrived{
    opacity:.98!important;
    transform:translate3d(-50%,0,0) scale(1)!important;
  }

  /* Mobile-cropped image sources to remove transparent canvas padding */
  html body .scene3-step-in{content:url('../images/cards/mobile/scene3-something-comes-in-mobile.webp')!important;}
  html body .scene3-step-check{content:url('../images/cards/mobile/scene3-cocoon-checks-mobile.webp')!important;}
  html body .scene3-step-next{content:url('../images/cards/mobile/scene3-what-happens-next-mobile.webp')!important;}
  html body .scene4-people-new{content:url('../images/cards/mobile/scene4-people-new-mobile.webp')!important;}
  html body .scene4-availability-new{content:url('../images/cards/mobile/scene4-availability-new-mobile.webp')!important;}
  html body .scene4-tone-new{content:url('../images/cards/mobile/scene4-tone-new-mobile.webp')!important;}
  html body .scene4-boundaries-new{content:url('../images/cards/mobile/scene4-boundaries-new-mobile.webp')!important;}
  html body .scene5-people{content:url('../images/cards/mobile/scene5-who-matters-mobile.webp')!important;}
  html body .scene5-attention{content:url('../images/cards/mobile/scene5-deserves-attention-mobile.webp')!important;}
  html body .scene5-allow{content:url('../images/cards/mobile/scene5-always-allow-mobile.webp')!important;}
  html body .scene6-know{content:url('../images/cards/mobile/scene6-know-permission-mobile.webp')!important;}
  html body .scene6-remember{content:url('../images/cards/mobile/scene6-remember-permission-mobile.webp')!important;}
  html body .scene6-do{content:url('../images/cards/mobile/scene6-can-do-permission-mobile.webp')!important;}
  html body .scene7-handled{content:url('../images/cards/mobile/scene7-handled-quietly-mobile.webp')!important;}
  html body .scene7-saved{content:url('../images/cards/mobile/scene7-saved-later-mobile.webp')!important;}
  html body .scene7-important{content:url('../images/cards/mobile/scene7-important-only-mobile.webp')!important;}
  html body .scene8-incoming{content:url('../images/cards/mobile/scene8-incoming-conversation-mobile.webp')!important;}
  html body .scene8-context{content:url('../images/cards/mobile/scene8-understands-context-mobile.webp')!important;}
  html body .scene8-response{content:url('../images/cards/mobile/scene8-responds-for-you-mobile.webp')!important;}
  html body .scene9-ask{content:url('../images/cards/mobile/scene9-ask-cocoon-mobile.webp')!important;}
  html body .scene9-handle{content:url('../images/cards/mobile/scene9-handles-mobile.webp')!important;}
  html body .scene9-result{content:url('../images/cards/mobile/scene9-result-back-mobile.webp')!important;}
  html body .scene10-who{content:url('../images/cards/mobile/scene10-who-called-new-mobile.webp')!important;}
  html body .scene10-what{content:url('../images/cards/mobile/scene10-what-happened-new-mobile.webp')!important;}
  html body .scene10-attention{content:url('../images/cards/mobile/scene10-what-needs-you-new-mobile.webp')!important;}
  html body .scene10-summary{content:url('../images/cards/mobile/scene10-summary-ready-new-mobile.webp')!important;}

  /* Three-card scene stacks */
  html body .story-scene.scene-3 .scene3-card:nth-child(1),
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(1),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(1),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(1),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(1),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(1){top:clamp(112px,14svh,132px)!important;}
  html body .story-scene.scene-3 .scene3-card:nth-child(2),
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(2),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(2),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(2),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(2),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(2){top:clamp(220px,27svh,246px)!important;}
  html body .story-scene.scene-3 .scene3-card:nth-child(3),
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(3),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(3),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(3),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(3),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(3){top:clamp(328px,40svh,360px)!important;}

  /* Four-card scenes need a tighter geometry */
  html body .story-scene.scene-4 .scene4-new-card,
  html body .story-scene.scene-10 .scene10-clarity-card{
    width:min(84vw,330px)!important;
    max-width:min(84vw,330px)!important;
    height:68px!important;
    max-height:68px!important;
  }
  html body .story-scene.scene-4 .scene4-new-card:nth-child(1),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(1){top:clamp(104px,12svh,116px)!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(2),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(2){top:clamp(188px,22svh,204px)!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(3),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(3){top:clamp(272px,32svh,292px)!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(4),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(4){top:clamp(356px,42svh,380px)!important;}

  /* Scene 2 uses text cards, not images. Keep them centred and stacked in the same safe zone. */
  html body .story-scene.scene-2 .scene2-thought{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(78vw,318px)!important;
    max-width:min(78vw,318px)!important;
    min-height:74px!important;
    height:auto!important;
    padding:.88rem 1rem!important;
    margin:0!important;
    border-radius:20px!important;
    background:rgba(42,12,52,.72)!important;
    border:1px solid rgba(232,183,255,.18)!important;
    box-shadow:0 18px 36px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.12)!important;
    opacity:0!important;
    transform:translate3d(-50%,10px,0) scale(.985)!important;
    transition:opacity .34s ease, transform .42s cubic-bezier(.18,.82,.22,1)!important;
    z-index:34!important;
  }
  html body .story-scene.scene-2 .scene2-thought.is-visible,
  html body .story-scene.scene-2 .scene2-thought.has-arrived{
    opacity:.96!important;
    transform:translate3d(-50%,0,0) scale(1)!important;
  }
  html body .story-scene.scene-2 .scene2-thought:nth-child(1){top:clamp(118px,15svh,136px)!important;}
  html body .story-scene.scene-2 .scene2-thought:nth-child(2){top:clamp(228px,29svh,254px)!important;}
  html body .story-scene.scene-2 .scene2-thought:nth-child(3){top:clamp(338px,43svh,372px)!important;}
  html body .story-scene.scene-2 .scene2-thought span{font-size:clamp(.9rem,3.6vw,1rem)!important;line-height:1.05!important;display:block!important;}
  html body .story-scene.scene-2 .scene2-thought strong{font-size:clamp(1.55rem,7vw,2.15rem)!important;line-height:.94!important;display:block!important;}

  /* Keep mobile copy panels above controls, below graphics */
  html body .story-scene.scene-2 .scene-content,
  html body .story-scene.scene-3 .scene-content,
  html body .story-scene.scene-4 .scene-content,
  html body .story-scene.scene-5 .scene-content,
  html body .story-scene.scene-6 .scene-content,
  html body .story-scene.scene-7 .scene-content,
  html body .story-scene.scene-8 .scene-content,
  html body .story-scene.scene-9 .scene-content,
  html body .story-scene.scene-10 .scene-content{
    z-index:28!important;
  }
}

@media (max-height: 760px) and (max-width: 900px){
  html body .story-scene.scene-3 .scene3-card,
  html body .story-scene.scene-5 .scene5-priority-card,
  html body .story-scene.scene-6 .scene6-permission-card,
  html body .story-scene.scene-7 .scene7-quiet-card,
  html body .story-scene.scene-8 .scene8-flow-card,
  html body .story-scene.scene-9 .scene9-flow-card{
    width:min(82vw,318px)!important;
    max-width:min(82vw,318px)!important;
    height:70px!important;
    max-height:70px!important;
  }
  html body .story-scene.scene-3 .scene3-card:nth-child(1),
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(1),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(1),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(1),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(1),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(1){top:92px!important;}
  html body .story-scene.scene-3 .scene3-card:nth-child(2),
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(2),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(2),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(2),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(2),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(2){top:184px!important;}
  html body .story-scene.scene-3 .scene3-card:nth-child(3),
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(3),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(3),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(3),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(3),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(3){top:276px!important;}

  html body .story-scene.scene-4 .scene4-new-card,
  html body .story-scene.scene-10 .scene10-clarity-card{
    width:min(80vw,310px)!important;
    max-width:min(80vw,310px)!important;
    height:58px!important;
    max-height:58px!important;
  }
  html body .story-scene.scene-4 .scene4-new-card:nth-child(1),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(1){top:86px!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(2),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(2){top:158px!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(3),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(3){top:230px!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(4),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(4){top:302px!important;}

  html body .story-scene.scene-2 .scene2-thought{width:min(78vw,302px)!important;min-height:64px!important;padding:.72rem .85rem!important;}
  html body .story-scene.scene-2 .scene2-thought:nth-child(1){top:94px!important;}
  html body .story-scene.scene-2 .scene2-thought:nth-child(2){top:184px!important;}
  html body .story-scene.scene-2 .scene2-thought:nth-child(3){top:274px!important;}
}


/* --- assets/css/mobile-v21.css --- */
/* Cocoon Mobile V21 - preserve card aspect ratios
   V20 fixed the sequencing/stacking. This pass removes image distortion by
   allowing each graphic to keep its intrinsic height while retaining a common
   visual width per scene group. Desktop remains untouched. */
@media (max-width: 900px){
  /* Never stretch image cards vertically on mobile. Width can be controlled;
     height must follow the original artwork ratio. */
  html body .story-scene.scene-3 .scene3-card,
  html body .story-scene.scene-4 .scene4-new-card,
  html body .story-scene.scene-5 .scene5-priority-card,
  html body .story-scene.scene-6 .scene6-permission-card,
  html body .story-scene.scene-7 .scene7-quiet-card,
  html body .story-scene.scene-8 .scene8-flow-card,
  html body .story-scene.scene-9 .scene9-flow-card,
  html body .story-scene.scene-10 .scene10-clarity-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
  }

  /* Scene 3 cards have a taller natural aspect ratio, so they need a slightly
     narrower common width and wider vertical spacing. */
  html body .story-scene.scene-3 .scene3-card{
    width:min(76vw,300px)!important;
    max-width:min(76vw,300px)!important;
  }
  html body .story-scene.scene-3 .scene3-card:nth-child(1){top:clamp(106px,13svh,122px)!important;}
  html body .story-scene.scene-3 .scene3-card:nth-child(2){top:clamp(250px,30svh,270px)!important;}
  html body .story-scene.scene-3 .scene3-card:nth-child(3){top:clamp(394px,47svh,418px)!important;}

  /* Standard three-card scenes can keep a broader width now that height is not forced. */
  html body .story-scene.scene-5 .scene5-priority-card,
  html body .story-scene.scene-6 .scene6-permission-card,
  html body .story-scene.scene-7 .scene7-quiet-card,
  html body .story-scene.scene-8 .scene8-flow-card,
  html body .story-scene.scene-9 .scene9-flow-card{
    width:min(84vw,330px)!important;
    max-width:min(84vw,330px)!important;
  }
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(1),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(1),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(1),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(1),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(1){top:clamp(112px,14svh,132px)!important;}
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(2),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(2),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(2),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(2),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(2){top:clamp(242px,29svh,266px)!important;}
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(3),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(3),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(3),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(3),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(3){top:clamp(372px,44svh,400px)!important;}

  /* Four-card scenes need a narrower common width so natural heights fit above copy. */
  html body .story-scene.scene-4 .scene4-new-card,
  html body .story-scene.scene-10 .scene10-clarity-card{
    width:min(74vw,292px)!important;
    max-width:min(74vw,292px)!important;
  }
  html body .story-scene.scene-4 .scene4-new-card:nth-child(1),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(1){top:clamp(104px,12svh,116px)!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(2),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(2){top:clamp(220px,25svh,238px)!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(3),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(3){top:clamp(336px,38svh,360px)!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(4),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(4){top:clamp(452px,51svh,482px)!important;}
}

@media (max-height: 760px) and (max-width: 900px){
  html body .story-scene.scene-3 .scene3-card{
    width:min(70vw,278px)!important;
    max-width:min(70vw,278px)!important;
  }
  html body .story-scene.scene-3 .scene3-card:nth-child(1){top:88px!important;}
  html body .story-scene.scene-3 .scene3-card:nth-child(2){top:214px!important;}
  html body .story-scene.scene-3 .scene3-card:nth-child(3){top:340px!important;}

  html body .story-scene.scene-5 .scene5-priority-card,
  html body .story-scene.scene-6 .scene6-permission-card,
  html body .story-scene.scene-7 .scene7-quiet-card,
  html body .story-scene.scene-8 .scene8-flow-card,
  html body .story-scene.scene-9 .scene9-flow-card{
    width:min(78vw,306px)!important;
    max-width:min(78vw,306px)!important;
    height:auto!important;
    max-height:none!important;
  }
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(1),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(1),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(1),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(1),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(1){top:92px!important;}
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(2),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(2),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(2),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(2),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(2){top:204px!important;}
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(3),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(3),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(3),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(3),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(3){top:316px!important;}

  html body .story-scene.scene-4 .scene4-new-card,
  html body .story-scene.scene-10 .scene10-clarity-card{
    width:min(68vw,268px)!important;
    max-width:min(68vw,268px)!important;
    height:auto!important;
    max-height:none!important;
  }
  html body .story-scene.scene-4 .scene4-new-card:nth-child(1),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(1){top:82px!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(2),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(2){top:184px!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(3),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(3){top:286px!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(4),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(4){top:388px!important;}
}


/* --- assets/css/mobile-v24.css --- */
/* Cocoon Mobile V24 - scenes 2-11 final safe-stack pass
   Built from the stable V21 base. No safe-zone JS positioning. No desktop changes.
   This layer uses fixed, predictable mobile stack bands so graphics stay above copy. */
@media (max-width: 900px){
  html,body{overflow-x:hidden!important;}
  html body .story-scene{height:100svh!important;min-height:100svh!important;overflow:hidden!important;position:relative!important;}
  html body .story-scene .bg,html body .story-scene .bg img{height:100%!important;}

  /* Full mobile graphic canvases for all post-Scene-1 visual layers. */
  html body .story-scene.scene-2 .scene2-text-moments,
  html body .story-scene.scene-3 .scene3-mechanism,
  html body .story-scene.scene-4 .scene4-context-cards-new,
  html body .story-scene.scene-5 .scene5-priority-cards,
  html body .story-scene.scene-6 .scene6-permission-cards,
  html body .story-scene.scene-7 .scene7-quiet-states,
  html body .story-scene.scene-8 .scene8-representative-flow,
  html body .story-scene.scene-9 .scene9-delegation-flow,
  html body .story-scene.scene-10 .scene10-clarity-flow,
  html body .story-scene.scene-11 .scene11-text-moments{
    position:absolute!important;
    inset:0!important;
    left:0!important;top:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:100svh!important;min-height:0!important;max-height:none!important;
    display:block!important;overflow:visible!important;pointer-events:none!important;
    transform:none!important;margin:0!important;padding:0!important;z-index:34!important;
  }

  /* Shared card image treatment: aspect ratio preserved, no stretching, no old desktop coords. */
  html body .story-scene.scene-3 .scene3-card,
  html body .story-scene.scene-4 .scene4-new-card,
  html body .story-scene.scene-5 .scene5-priority-card,
  html body .story-scene.scene-6 .scene6-permission-card,
  html body .story-scene.scene-7 .scene7-quiet-card,
  html body .story-scene.scene-8 .scene8-flow-card,
  html body .story-scene.scene-9 .scene9-flow-card,
  html body .story-scene.scene-10 .scene10-clarity-card{
    position:absolute!important;
    left:50%!important;right:auto!important;bottom:auto!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    object-fit:contain!important;object-position:center center!important;
    margin:0!important;display:block!important;
    opacity:0!important;
    transform:translate3d(-50%,10px,0) scale(.985)!important;
    transition:opacity .38s ease,transform .46s cubic-bezier(.18,.82,.22,1)!important;
    filter:drop-shadow(0 12px 22px rgba(0,0,0,.38)) drop-shadow(0 0 14px rgba(185,101,255,.18))!important;
    z-index:36!important;will-change:opacity,transform!important;
  }
  html body .story-scene.scene-3 .scene3-card.is-visible,
  html body .story-scene.scene-3 .scene3-card.has-arrived,
  html body .story-scene.scene-4 .scene4-new-card.is-visible,
  html body .story-scene.scene-4 .scene4-new-card.has-arrived,
  html body .story-scene.scene-5 .scene5-priority-card.is-visible,
  html body .story-scene.scene-5 .scene5-priority-card.has-arrived,
  html body .story-scene.scene-6 .scene6-permission-card.is-visible,
  html body .story-scene.scene-6 .scene6-permission-card.has-arrived,
  html body .story-scene.scene-7 .scene7-quiet-card.is-visible,
  html body .story-scene.scene-7 .scene7-quiet-card.has-arrived,
  html body .story-scene.scene-8 .scene8-flow-card.is-visible,
  html body .story-scene.scene-8 .scene8-flow-card.has-arrived,
  html body .story-scene.scene-9 .scene9-flow-card.is-visible,
  html body .story-scene.scene-9 .scene9-flow-card.has-arrived,
  html body .story-scene.scene-10 .scene10-clarity-card.is-visible,
  html body .story-scene.scene-10 .scene10-clarity-card.has-arrived{
    opacity:.97!important;
    transform:translate3d(-50%,0,0) scale(1)!important;
  }

  /* Use cropped mobile graphics to remove transparent canvas padding. */
  html body .scene3-step-in{content:url('../images/cards/mobile/scene3-something-comes-in-mobile.webp')!important;}
  html body .scene3-step-check{content:url('../images/cards/mobile/scene3-cocoon-checks-mobile.webp')!important;}
  html body .scene3-step-next{content:url('../images/cards/mobile/scene3-what-happens-next-mobile.webp')!important;}
  html body .scene4-people-new{content:url('../images/cards/mobile/scene4-people-new-mobile.webp')!important;}
  html body .scene4-availability-new{content:url('../images/cards/mobile/scene4-availability-new-mobile.webp')!important;}
  html body .scene4-tone-new{content:url('../images/cards/mobile/scene4-tone-new-mobile.webp')!important;}
  html body .scene4-boundaries-new{content:url('../images/cards/mobile/scene4-boundaries-new-mobile.webp')!important;}
  html body .scene5-people{content:url('../images/cards/mobile/scene5-who-matters-mobile.webp')!important;}
  html body .scene5-attention{content:url('../images/cards/mobile/scene5-deserves-attention-mobile.webp')!important;}
  html body .scene5-allow{content:url('../images/cards/mobile/scene5-always-allow-mobile.webp')!important;}
  html body .scene6-know{content:url('../images/cards/mobile/scene6-know-permission-mobile.webp')!important;}
  html body .scene6-remember{content:url('../images/cards/mobile/scene6-remember-permission-mobile.webp')!important;}
  html body .scene6-do{content:url('../images/cards/mobile/scene6-can-do-permission-mobile.webp')!important;}
  html body .scene7-handled{content:url('../images/cards/mobile/scene7-handled-quietly-mobile.webp')!important;}
  html body .scene7-saved{content:url('../images/cards/mobile/scene7-saved-later-mobile.webp')!important;}
  html body .scene7-important{content:url('../images/cards/mobile/scene7-important-only-mobile.webp')!important;}
  html body .scene8-incoming{content:url('../images/cards/mobile/scene8-incoming-conversation-mobile.webp')!important;}
  html body .scene8-context{content:url('../images/cards/mobile/scene8-understands-context-mobile.webp')!important;}
  html body .scene8-response{content:url('../images/cards/mobile/scene8-responds-for-you-mobile.webp')!important;}
  html body .scene9-ask{content:url('../images/cards/mobile/scene9-ask-cocoon-mobile.webp')!important;}
  html body .scene9-handle{content:url('../images/cards/mobile/scene9-handles-mobile.webp')!important;}
  html body .scene9-result{content:url('../images/cards/mobile/scene9-result-back-mobile.webp')!important;}
  html body .scene10-who{content:url('../images/cards/mobile/scene10-who-called-new-mobile.webp')!important;}
  html body .scene10-what{content:url('../images/cards/mobile/scene10-what-happened-new-mobile.webp')!important;}
  html body .scene10-attention{content:url('../images/cards/mobile/scene10-what-needs-you-new-mobile.webp')!important;}
  html body .scene10-summary{content:url('../images/cards/mobile/scene10-summary-ready-new-mobile.webp')!important;}

  /* Scene 3 is naturally taller, so it gets a narrower stack. */
  html body .story-scene.scene-3 .scene3-card{width:min(70vw,276px)!important;max-width:min(70vw,276px)!important;}
  html body .story-scene.scene-3 .scene3-card:nth-child(1){top:clamp(112px,13svh,126px)!important;}
  html body .story-scene.scene-3 .scene3-card:nth-child(2){top:clamp(246px,29svh,264px)!important;}
  html body .story-scene.scene-3 .scene3-card:nth-child(3){top:clamp(380px,45svh,402px)!important;}

  /* Standard 3-card scenes: fit into the safe visual band above copy. */
  html body .story-scene.scene-5 .scene5-priority-card,
  html body .story-scene.scene-6 .scene6-permission-card,
  html body .story-scene.scene-7 .scene7-quiet-card,
  html body .story-scene.scene-8 .scene8-flow-card,
  html body .story-scene.scene-9 .scene9-flow-card{
    width:min(80vw,316px)!important;max-width:min(80vw,316px)!important;
  }
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(1),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(1),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(1),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(1),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(1){top:clamp(118px,14svh,136px)!important;}
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(2),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(2),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(2),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(2),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(2){top:clamp(254px,30svh,276px)!important;}
  html body .story-scene.scene-5 .scene5-priority-card:nth-child(3),
  html body .story-scene.scene-6 .scene6-permission-card:nth-child(3),
  html body .story-scene.scene-7 .scene7-quiet-card:nth-child(3),
  html body .story-scene.scene-8 .scene8-flow-card:nth-child(3),
  html body .story-scene.scene-9 .scene9-flow-card:nth-child(3){top:clamp(390px,46svh,416px)!important;}

  /* Four-card scenes: smaller cards and tighter stack to avoid the copy panel. */
  html body .story-scene.scene-4 .scene4-new-card,
  html body .story-scene.scene-10 .scene10-clarity-card{
    width:min(64vw,252px)!important;max-width:min(64vw,252px)!important;
  }
  html body .story-scene.scene-4 .scene4-new-card:nth-child(1),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(1){top:clamp(106px,12svh,116px)!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(2),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(2){top:clamp(208px,24svh,222px)!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(3),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(3){top:clamp(310px,36svh,328px)!important;}
  html body .story-scene.scene-4 .scene4-new-card:nth-child(4),
  html body .story-scene.scene-10 .scene10-clarity-card:nth-child(4){top:clamp(412px,48svh,434px)!important;}

  /* Scene 2 text cards. */
  html body .story-scene.scene-2 .scene2-text-moments{display:block!important;}
  html body .story-scene.scene-2 .scene2-thought{
    position:absolute!important;left:50%!important;right:auto!important;bottom:auto!important;
    width:min(78vw,318px)!important;max-width:min(78vw,318px)!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:.82rem 1rem!important;border-radius:20px!important;
    background:rgba(42,12,52,.74)!important;border:1px solid rgba(232,183,255,.2)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;
    opacity:0!important;transform:translate3d(-50%,10px,0) scale(.985)!important;
    transition:opacity .38s ease,transform .46s cubic-bezier(.18,.82,.22,1)!important;z-index:36!important;
  }
  html body .story-scene.scene-2 .scene2-thought.is-visible,
  html body .story-scene.scene-2 .scene2-thought.has-arrived{opacity:.97!important;transform:translate3d(-50%,0,0) scale(1)!important;}
  html body .story-scene.scene-2 .scene2-thought:nth-child(1){top:clamp(126px,15svh,140px)!important;}
  html body .story-scene.scene-2 .scene2-thought:nth-child(2){top:clamp(254px,30svh,278px)!important;}
  html body .story-scene.scene-2 .scene2-thought:nth-child(3){top:clamp(382px,45svh,416px)!important;}
  html body .story-scene.scene-2 .scene2-thought span{display:block!important;font-size:clamp(.9rem,3.6vw,1rem)!important;line-height:1.05!important;}
  html body .story-scene.scene-2 .scene2-thought strong{display:block!important;font-size:clamp(1.5rem,7vw,2.05rem)!important;line-height:.94!important;}

  /* Scene 11 now has mobile moments again. */
  html body .story-scene.scene-11 .scene11-text-moments{display:block!important;}
  html body .story-scene.scene-11 .scene11-moment{
    position:absolute!important;left:50%!important;right:auto!important;bottom:auto!important;
    width:min(78vw,318px)!important;max-width:min(78vw,318px)!important;margin:0!important;
    padding:.82rem 1rem!important;border-radius:20px!important;
    background:rgba(42,12,52,.74)!important;border:1px solid rgba(232,183,255,.2)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;
    opacity:0!important;transform:translate3d(-50%,10px,0) scale(.985)!important;
    transition:opacity .38s ease,transform .46s cubic-bezier(.18,.82,.22,1)!important;z-index:36!important;
  }
  html body .story-scene.scene-11 .scene11-moment.is-visible,
  html body .story-scene.scene-11 .scene11-moment.has-arrived{opacity:.97!important;transform:translate3d(-50%,0,0) scale(1)!important;}
  html body .story-scene.scene-11 .scene11-moment:nth-child(1){top:clamp(126px,15svh,140px)!important;}
  html body .story-scene.scene-11 .scene11-moment:nth-child(2){top:clamp(254px,30svh,278px)!important;}
  html body .story-scene.scene-11 .scene11-moment:nth-child(3){top:clamp(382px,45svh,416px)!important;}
  html body .story-scene.scene-11 .scene11-moment span{display:block!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(1.45rem,6.2vw,2.05rem)!important;line-height:.98!important;letter-spacing:-.04em!important;}
  html body .story-scene.scene-11 .scene11-moment small{display:block!important;margin-top:.38rem!important;font-size:.86rem!important;line-height:1.25!important;color:rgba(255,255,255,.76)!important;}

  /* Copy panels stay below the graphic band. */
  html body .story-scene.scene-2 .scene-content,
  html body .story-scene.scene-3 .scene-content,
  html body .story-scene.scene-4 .scene-content,
  html body .story-scene.scene-5 .scene-content,
  html body .story-scene.scene-6 .scene-content,
  html body .story-scene.scene-7 .scene-content,
  html body .story-scene.scene-8 .scene-content,
  html body .story-scene.scene-9 .scene-content,
  html body .story-scene.scene-10 .scene-content,
  html body .story-scene.scene-11 .scene-content{
    position:absolute!important;left:12px!important;right:12px!important;bottom:82px!important;width:auto!important;max-width:none!important;
    z-index:46!important;max-height:27svh!important;overflow:hidden!important;
    padding:.95rem 1.05rem!important;border-radius:24px!important;
  }
  html body .story-scene.scene-2 .scene-content h2,
  html body .story-scene.scene-3 .scene-content h2,
  html body .story-scene.scene-4 .scene-content h2,
  html body .story-scene.scene-5 .scene-content h2,
  html body .story-scene.scene-6 .scene-content h2,
  html body .story-scene.scene-7 .scene-content h2,
  html body .story-scene.scene-8 .scene-content h2,
  html body .story-scene.scene-9 .scene-content h2,
  html body .story-scene.scene-10 .scene-content h2,
  html body .story-scene.scene-11 .scene-content h2{font-size:clamp(1.62rem,7vw,2.5rem)!important;line-height:.96!important;margin:0 0 .5rem!important;}
  html body .story-scene.scene-2 .scene-content .subhead,
  html body .story-scene.scene-3 .scene-content .subhead,
  html body .story-scene.scene-4 .scene-content .subhead,
  html body .story-scene.scene-5 .scene-content .subhead,
  html body .story-scene.scene-6 .scene-content .subhead,
  html body .story-scene.scene-7 .scene-content .subhead,
  html body .story-scene.scene-8 .scene-content .subhead,
  html body .story-scene.scene-9 .scene-content .subhead,
  html body .story-scene.scene-10 .scene-content .subhead,
  html body .story-scene.scene-11 .scene-content .subhead{font-size:clamp(.98rem,4vw,1.16rem)!important;line-height:1.28!important;margin:0!important;}
  html body .story-scene.scene-2 .scene-content>p:not(.subhead),
  html body .story-scene.scene-3 .scene-content>p:not(.subhead),
  html body .story-scene.scene-4 .scene-content>p:not(.subhead),
  html body .story-scene.scene-5 .scene-content>p:not(.subhead),
  html body .story-scene.scene-6 .scene-content>p:not(.subhead),
  html body .story-scene.scene-7 .scene-content>p:not(.subhead),
  html body .story-scene.scene-8 .scene-content>p:not(.subhead),
  html body .story-scene.scene-9 .scene-content>p:not(.subhead),
  html body .story-scene.scene-10 .scene-content>p:not(.subhead),
  html body .story-scene.scene-11 .scene-content>p:not(.subhead),
  html body .story-scene.scene-11 .scene-content .price-card,
  html body .story-scene.scene-11 .scene-content .final-cta,
  html body .story-scene.scene-11 .scene-content .trust-line{display:none!important;}

  /* Cleaner control bar: compact, not stealing graphics/copy space. */
  html body .control-bar{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;z-index:88!important;height:58px!important;min-height:58px!important;padding:6px!important;border-radius:28px!important;display:grid!important;grid-template-columns:46px 1fr 46px 46px!important;gap:8px!important;align-items:center!important;background:linear-gradient(135deg,rgba(43,14,56,.76),rgba(23,7,31,.88))!important;border:1px solid rgba(232,183,255,.24)!important;box-shadow:0 18px 42px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.13)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
  html body .control-bar p,html body .control-bar [data-replay]{display:none!important;}
  html body .control-bar button{width:100%!important;height:46px!important;min-width:0!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font-size:1.08rem!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;}
  html body .control-bar [data-play]{font-size:.98rem!important;font-weight:800!important;background:linear-gradient(135deg,rgba(139,61,207,.86),rgba(77,28,102,.94))!important;box-shadow:0 0 28px rgba(168,92,255,.22),inset 0 1px 0 rgba(255,255,255,.16)!important;}

  @media (max-height:760px){
    html body .story-scene.scene-3 .scene3-card{width:min(66vw,252px)!important;}
    html body .story-scene.scene-3 .scene3-card:nth-child(1){top:92px!important;}
    html body .story-scene.scene-3 .scene3-card:nth-child(2){top:214px!important;}
    html body .story-scene.scene-3 .scene3-card:nth-child(3){top:336px!important;}
    html body .story-scene.scene-5 .scene5-priority-card,
    html body .story-scene.scene-6 .scene6-permission-card,
    html body .story-scene.scene-7 .scene7-quiet-card,
    html body .story-scene.scene-8 .scene8-flow-card,
    html body .story-scene.scene-9 .scene9-flow-card{width:min(76vw,296px)!important;}
    html body .story-scene.scene-5 .scene5-priority-card:nth-child(1),
    html body .story-scene.scene-6 .scene6-permission-card:nth-child(1),
    html body .story-scene.scene-7 .scene7-quiet-card:nth-child(1),
    html body .story-scene.scene-8 .scene8-flow-card:nth-child(1),
    html body .story-scene.scene-9 .scene9-flow-card:nth-child(1){top:96px!important;}
    html body .story-scene.scene-5 .scene5-priority-card:nth-child(2),
    html body .story-scene.scene-6 .scene6-permission-card:nth-child(2),
    html body .story-scene.scene-7 .scene7-quiet-card:nth-child(2),
    html body .story-scene.scene-8 .scene8-flow-card:nth-child(2),
    html body .story-scene.scene-9 .scene9-flow-card:nth-child(2){top:218px!important;}
    html body .story-scene.scene-5 .scene5-priority-card:nth-child(3),
    html body .story-scene.scene-6 .scene6-permission-card:nth-child(3),
    html body .story-scene.scene-7 .scene7-quiet-card:nth-child(3),
    html body .story-scene.scene-8 .scene8-flow-card:nth-child(3),
    html body .story-scene.scene-9 .scene9-flow-card:nth-child(3){top:340px!important;}
    html body .story-scene.scene-4 .scene4-new-card,
    html body .story-scene.scene-10 .scene10-clarity-card{width:min(60vw,232px)!important;}
    html body .story-scene.scene-4 .scene4-new-card:nth-child(1),
    html body .story-scene.scene-10 .scene10-clarity-card:nth-child(1){top:86px!important;}
    html body .story-scene.scene-4 .scene4-new-card:nth-child(2),
    html body .story-scene.scene-10 .scene10-clarity-card:nth-child(2){top:176px!important;}
    html body .story-scene.scene-4 .scene4-new-card:nth-child(3),
    html body .story-scene.scene-10 .scene10-clarity-card:nth-child(3){top:266px!important;}
    html body .story-scene.scene-4 .scene4-new-card:nth-child(4),
    html body .story-scene.scene-10 .scene10-clarity-card:nth-child(4){top:356px!important;}
    html body .story-scene.scene-2 .scene2-thought,html body .story-scene.scene-11 .scene11-moment{width:min(76vw,302px)!important;padding:.72rem .85rem!important;}
    html body .story-scene.scene-2 .scene2-thought:nth-child(1),html body .story-scene.scene-11 .scene11-moment:nth-child(1){top:94px!important;}
    html body .story-scene.scene-2 .scene2-thought:nth-child(2),html body .story-scene.scene-11 .scene11-moment:nth-child(2){top:184px!important;}
    html body .story-scene.scene-2 .scene2-thought:nth-child(3),html body .story-scene.scene-11 .scene11-moment:nth-child(3){top:274px!important;}
    html body .story-scene.scene-2 .scene-content,html body .story-scene.scene-3 .scene-content,html body .story-scene.scene-4 .scene-content,html body .story-scene.scene-5 .scene-content,html body .story-scene.scene-6 .scene-content,html body .story-scene.scene-7 .scene-content,html body .story-scene.scene-8 .scene-content,html body .story-scene.scene-9 .scene-content,html body .story-scene.scene-10 .scene-content,html body .story-scene.scene-11 .scene-content{bottom:76px!important;max-height:25svh!important;padding:.82rem .95rem!important;}
    html body .control-bar{height:54px!important;min-height:54px!important;grid-template-columns:42px 1fr 42px 42px!important;}
    html body .control-bar button{height:42px!important;}
  }
}


/* --- assets/css/mobile-v25.css --- */
/* Cocoon Mobile V25 - scene-by-scene baseline pass
   Keeps Scene 1 locked, fixes Scene 2 spacing, slims control bar, and lets V25 JS own mobile scene transitions. */
@media (max-width: 900px){
  html body.mobile-v25-active .story-scene{height:100svh!important;min-height:100svh!important;overflow:hidden!important;}

  /* Scene 2: lock the three thought cards into a clean, evenly-spaced stack. */
  html body.mobile-v25-active .story-scene.scene-2 .scene2-thought{width:min(78vw,318px)!important;max-width:min(78vw,318px)!important;}
  html body.mobile-v25-active .story-scene.scene-2 .scene2-thought:nth-child(1){top:clamp(122px,15svh,140px)!important;}
  html body.mobile-v25-active .story-scene.scene-2 .scene2-thought:nth-child(2){top:clamp(252px,30svh,272px)!important;}
  html body.mobile-v25-active .story-scene.scene-2 .scene2-thought:nth-child(3){top:clamp(404px,49svh,430px)!important;}

  /* Slightly slimmer mobile control bar. */
  html body.mobile-v25-active .control-bar{
    left:14px!important;right:14px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 7px)!important;
    height:50px!important;min-height:50px!important;padding:5px!important;
    border-radius:25px!important;
    grid-template-columns:40px 1fr 40px 40px!important;
    gap:6px!important;
    background:linear-gradient(135deg,rgba(47,16,62,.72),rgba(20,6,28,.9))!important;
    border:1px solid rgba(232,183,255,.22)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.13)!important;
  }
  html body.mobile-v25-active .control-bar button{
    height:40px!important;border-radius:20px!important;font-size:1rem!important;
  }
  html body.mobile-v25-active .control-bar [data-play]{font-size:.92rem!important;}

  /* Lower the copy panels a touch now the controls are slimmer. */
  html body.mobile-v25-active .story-scene.scene-2 .scene-content,
  html body.mobile-v25-active .story-scene.scene-3 .scene-content,
  html body.mobile-v25-active .story-scene.scene-4 .scene-content,
  html body.mobile-v25-active .story-scene.scene-5 .scene-content,
  html body.mobile-v25-active .story-scene.scene-6 .scene-content,
  html body.mobile-v25-active .story-scene.scene-7 .scene-content,
  html body.mobile-v25-active .story-scene.scene-8 .scene-content,
  html body.mobile-v25-active .story-scene.scene-9 .scene-content,
  html body.mobile-v25-active .story-scene.scene-10 .scene-content,
  html body.mobile-v25-active .story-scene.scene-11 .scene-content{
    bottom:66px!important;
  }

  @media (max-height:760px){
    html body.mobile-v25-active .story-scene.scene-2 .scene2-thought:nth-child(1){top:106px!important;}
    html body.mobile-v25-active .story-scene.scene-2 .scene2-thought:nth-child(2){top:228px!important;}
    html body.mobile-v25-active .story-scene.scene-2 .scene2-thought:nth-child(3){top:366px!important;}
  }
}


/* --- assets/css/mobile-v26.css --- */
/* Cocoon Mobile V26 — focused pass: hero buttons, Scene 3 stack, slim controls.
   Loaded after V25. Desktop untouched. */
@media (max-width: 900px){
  html,body{overflow-x:hidden!important;}
  body.mobile-v26-active .landing-hero,
  body .landing-hero{
    height:auto!important;
    min-height:100svh!important;
    overflow:visible!important;
    display:block!important;
    align-items:flex-start!important;
    padding:calc(var(--header,76px) + .75rem) 1rem calc(env(safe-area-inset-bottom,0px) + 1rem)!important;
  }
  body .landing-hero .hero-inner{display:block!important;width:100%!important;}
  body .landing-hero .hero-copy{
    width:100%!important;max-width:none!important;
    max-height:none!important;overflow:visible!important;
    padding:1rem!important;margin:0!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(25,8,39,.74),rgba(25,8,39,.36))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 18px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  }
  body .landing-hero .hero-copy .eyebrow{display:none!important;}
  body .landing-hero .hero-copy h1{
    font-size:clamp(2.08rem,9.85vw,3.05rem)!important;
    line-height:.97!important;letter-spacing:-.05em!important;
    margin:0 0 .75rem!important;max-width:100%!important;
  }
  body .landing-hero .hero-subhead{
    font-size:.98rem!important;line-height:1.38!important;margin:.35rem 0 .7rem!important;
    color:rgba(235,207,255,.96)!important;font-weight:680!important;
  }
  body .landing-hero .hero-support{display:none!important;}
  body .landing-hero .hero-actions{
    display:grid!important;grid-template-columns:1fr!important;gap:.52rem!important;margin:.82rem 0 0!important;
    position:relative!important;z-index:5!important;
  }
  body .landing-hero .hero-actions .button,
  body .landing-hero .hero-actions button{
    width:100%!important;min-height:48px!important;padding:.72rem .9rem!important;border-radius:999px!important;
    font-size:.95rem!important;display:flex!important;align-items:center!important;justify-content:center!important;
    position:relative!important;z-index:6!important;pointer-events:auto!important;
  }
  body .landing-hero .microcopy,
  body .landing-hero .hero-start-note{display:none!important;}

  /* Scene 3: explicit mobile stack. Keeps aspect ratio, prevents copy overlap. */
  body.mobile-v26-active .story-scene.scene-3 .scene3-mechanism,
  body .story-scene.scene-3 .scene3-mechanism{
    position:absolute!important;inset:0!important;width:100%!important;height:100svh!important;
    display:block!important;overflow:visible!important;pointer-events:none!important;z-index:36!important;
  }
  body.mobile-v26-active .story-scene.scene-3 .scene3-card,
  body .story-scene.scene-3 .scene3-card{
    position:absolute!important;left:50%!important;right:auto!important;bottom:auto!important;
    width:min(70vw,292px)!important;max-width:min(70vw,292px)!important;height:auto!important;max-height:none!important;
    object-fit:contain!important;object-position:center!important;margin:0!important;
    opacity:0!important;transform:translate3d(-50%,10px,0) scale(.985)!important;
    transition:opacity .38s ease,transform .46s cubic-bezier(.18,.82,.22,1)!important;
    filter:drop-shadow(0 12px 22px rgba(0,0,0,.38)) drop-shadow(0 0 14px rgba(185,101,255,.18))!important;
    z-index:38!important;will-change:opacity,transform!important;
  }
  body.mobile-v26-active .story-scene.scene-3 .scene3-card.has-arrived,
  body.mobile-v26-active .story-scene.scene-3 .scene3-card.is-visible,
  body .story-scene.scene-3 .scene3-card.has-arrived,
  body .story-scene.scene-3 .scene3-card.is-visible{
    opacity:.97!important;transform:translate3d(-50%,0,0) scale(1)!important;
  }
  body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(1),
  body .story-scene.scene-3 .scene3-card:nth-child(1){top:clamp(112px,14svh,128px)!important;}
  body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(2),
  body .story-scene.scene-3 .scene3-card:nth-child(2){top:clamp(240px,29svh,262px)!important;}
  body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(3),
  body .story-scene.scene-3 .scene3-card:nth-child(3){top:clamp(368px,44svh,396px)!important;}

  /* Slenderer, cleaner mobile controls. */
  body.mobile-v26-active .control-bar,
  body .control-bar{
    left:14px!important;right:14px!important;width:auto!important;transform:none!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 6px)!important;
    height:46px!important;min-height:46px!important;padding:4px!important;border-radius:24px!important;
    display:grid!important;grid-template-columns:38px 1fr 38px 38px!important;gap:6px!important;align-items:center!important;
    background:linear-gradient(135deg,rgba(50,17,65,.72),rgba(18,5,27,.92))!important;
    border:1px solid rgba(232,183,255,.20)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.12)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  }
  body.mobile-v26-active .control-bar p,
  body.mobile-v26-active .control-bar [data-replay],
  body .control-bar p,
  body .control-bar [data-replay]{display:none!important;}
  body.mobile-v26-active .control-bar button,
  body .control-bar button{
    height:38px!important;min-height:38px!important;min-width:0!important;width:100%!important;
    padding:0!important;border-radius:20px!important;font-size:1rem!important;line-height:1!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.15)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;color:#fff!important;
  }
  body.mobile-v26-active .control-bar [data-play],
  body .control-bar [data-play]{font-size:.88rem!important;font-weight:800!important;background:linear-gradient(135deg,rgba(144,56,213,.9),rgba(78,25,101,.94))!important;}
  body.mobile-v26-active .control-bar [data-mute],
  body .control-bar [data-mute]{font-size:0!important;}
  body.mobile-v26-active .control-bar [data-mute]::before,
  body .control-bar [data-mute]::before{content:'♪';font-size:1rem!important;line-height:1!important;}

  /* Keep copy panels below the graphics and above the slimmer controls. */
  body.mobile-v26-active .story-scene.scene-3 .scene-content,
  body .story-scene.scene-3 .scene-content{
    bottom:58px!important;max-height:25svh!important;padding:.88rem 1rem!important;z-index:46!important;
  }
  body.mobile-v26-active .story-scene.scene-3 .scene-content h2,
  body .story-scene.scene-3 .scene-content h2{
    font-size:clamp(1.72rem,7.5vw,2.55rem)!important;line-height:.96!important;margin:0 0 .45rem!important;
  }
  body.mobile-v26-active .story-scene.scene-3 .scene-content .subhead,
  body .story-scene.scene-3 .scene-content .subhead{
    font-size:clamp(.98rem,4vw,1.12rem)!important;line-height:1.28!important;margin:0!important;
  }
  body.mobile-v26-active .story-scene.scene-3 .scene-content>p:not(.subhead),
  body .story-scene.scene-3 .scene-content>p:not(.subhead){display:none!important;}

  @media (max-height:760px){
    body.mobile-v26-active .story-scene.scene-3 .scene3-card,
    body .story-scene.scene-3 .scene3-card{width:min(66vw,258px)!important;max-width:min(66vw,258px)!important;}
    body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(1),
    body .story-scene.scene-3 .scene3-card:nth-child(1){top:96px!important;}
    body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(2),
    body .story-scene.scene-3 .scene3-card:nth-child(2){top:212px!important;}
    body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(3),
    body .story-scene.scene-3 .scene3-card:nth-child(3){top:328px!important;}
    body.mobile-v26-active .story-scene.scene-3 .scene-content,
    body .story-scene.scene-3 .scene-content{bottom:56px!important;max-height:24svh!important;}
  }
}


/* --- assets/css/mobile-v27.css --- */
/* Cocoon Mobile V27 — Scene 3 spacing tune only.
   Keeps Scene 1 locked, Scene 2 locked, hero/control fixes from V26.
   Goal: pull Scene 3 mechanism cards into a tighter safe stack above copy panel. */
@media (max-width: 900px){
  body.mobile-v26-active .story-scene.scene-3 .scene3-card,
  body .story-scene.scene-3 .scene3-card{
    width:min(64vw,264px)!important;
    max-width:min(64vw,264px)!important;
    height:auto!important;
    object-fit:contain!important;
  }

  body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(1),
  body .story-scene.scene-3 .scene3-card:nth-child(1){
    top:clamp(104px,12svh,118px)!important;
  }
  body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(2),
  body .story-scene.scene-3 .scene3-card:nth-child(2){
    top:clamp(222px,27svh,236px)!important;
  }
  body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(3),
  body .story-scene.scene-3 .scene3-card:nth-child(3){
    top:clamp(340px,41svh,358px)!important;
  }

  /* Give Scene 3 copy a little more separation from the third card without changing global panels. */
  body.mobile-v26-active .story-scene.scene-3 .scene-content,
  body .story-scene.scene-3 .scene-content{
    bottom:58px!important;
    max-height:23svh!important;
  }
}

@media (max-width: 900px) and (max-height: 760px){
  body.mobile-v26-active .story-scene.scene-3 .scene3-card,
  body .story-scene.scene-3 .scene3-card{
    width:min(60vw,238px)!important;
    max-width:min(60vw,238px)!important;
  }
  body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(1),
  body .story-scene.scene-3 .scene3-card:nth-child(1){top:94px!important;}
  body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(2),
  body .story-scene.scene-3 .scene3-card:nth-child(2){top:204px!important;}
  body.mobile-v26-active .story-scene.scene-3 .scene3-card:nth-child(3),
  body .story-scene.scene-3 .scene3-card:nth-child(3){top:314px!important;}
}


/* --- assets/css/mobile-v28.css --- */
/* Cocoon Mobile V28 — focused adjustment for the screenshoted Quiet Confidence scene.
   Keep V27 hero/scene 3 work and Scene 1/2 locked. Desktop untouched. */
@media (max-width: 900px){
  /* Scene shown in the latest screenshot: Quiet confidence / scene-7.
     Slightly reduce card scale and lift the stack so the copy panel has clean breathing room. */
  body .story-scene.scene-7 .scene7-quiet-card,
  body.mobile-v26-active .story-scene.scene-7 .scene7-quiet-card{
    width:min(74vw,292px)!important;
    max-width:min(74vw,292px)!important;
    height:auto!important;
    object-fit:contain!important;
  }

  body .story-scene.scene-7 .scene7-quiet-card:nth-child(1),
  body.mobile-v26-active .story-scene.scene-7 .scene7-quiet-card:nth-child(1){
    top:clamp(104px,12.5svh,124px)!important;
  }
  body .story-scene.scene-7 .scene7-quiet-card:nth-child(2),
  body.mobile-v26-active .story-scene.scene-7 .scene7-quiet-card:nth-child(2){
    top:clamp(230px,27.5svh,254px)!important;
  }
  body .story-scene.scene-7 .scene7-quiet-card:nth-child(3),
  body.mobile-v26-active .story-scene.scene-7 .scene7-quiet-card:nth-child(3){
    top:clamp(356px,42.5svh,384px)!important;
  }

  /* Keep the copy card above the control bar and reduce its footprint a touch. */
  body .story-scene.scene-7 .scene-content,
  body.mobile-v26-active .story-scene.scene-7 .scene-content{
    bottom:70px!important;
    max-height:23svh!important;
    padding:.82rem 1rem .88rem!important;
  }
  body .story-scene.scene-7 .scene-content h2,
  body.mobile-v26-active .story-scene.scene-7 .scene-content h2{
    font-size:clamp(1.78rem,8vw,2.08rem)!important;
    line-height:.94!important;
    margin-bottom:.46rem!important;
  }
  body .story-scene.scene-7 .scene-content .subhead,
  body.mobile-v26-active .story-scene.scene-7 .scene-content .subhead{
    font-size:clamp(1rem,4.35vw,1.18rem)!important;
    line-height:1.24!important;
  }
}

@media (max-width: 900px) and (max-height: 760px){
  body .story-scene.scene-7 .scene7-quiet-card,
  body.mobile-v26-active .story-scene.scene-7 .scene7-quiet-card{
    width:min(70vw,274px)!important;
    max-width:min(70vw,274px)!important;
  }
  body .story-scene.scene-7 .scene7-quiet-card:nth-child(1),
  body.mobile-v26-active .story-scene.scene-7 .scene7-quiet-card:nth-child(1){top:88px!important;}
  body .story-scene.scene-7 .scene7-quiet-card:nth-child(2),
  body.mobile-v26-active .story-scene.scene-7 .scene7-quiet-card:nth-child(2){top:192px!important;}
  body .story-scene.scene-7 .scene7-quiet-card:nth-child(3),
  body.mobile-v26-active .story-scene.scene-7 .scene7-quiet-card:nth-child(3){top:296px!important;}
  body .story-scene.scene-7 .scene-content,
  body.mobile-v26-active .story-scene.scene-7 .scene-content{
    bottom:66px!important;
    max-height:22svh!important;
    padding:.72rem .92rem .78rem!important;
  }
}


/* --- assets/css/mobile-v29.css --- */
/* Cocoon Mobile V29 — Scene 10 clarity cards + slimmer icon controls.
   Scene 1/2/3 locked. Desktop untouched. */
@media (max-width: 900px){
  /* Scene 10: keep all four clarity cards visible, undistorted and clear of the copy panel. */
  body .story-scene.scene-10 .scene10-clarity-flow,
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-flow{
    z-index:36!important;
    overflow:visible!important;
  }
  body .story-scene.scene-10 .scene10-attention,
  body.mobile-v26-active .story-scene.scene-10 .scene10-attention{
    content:url('../images/cards/mobile/scene10-what-needs-you-new-mobile.webp')!important;
  }
  body .story-scene.scene-10 .scene10-clarity-card,
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card{
    width:min(58vw,230px)!important;
    max-width:min(58vw,230px)!important;
    height:auto!important;
    object-fit:contain!important;
    transform:translate3d(-50%,8px,0) scale(.985)!important;
  }
  body .story-scene.scene-10 .scene10-clarity-card.is-visible,
  body .story-scene.scene-10 .scene10-clarity-card.has-arrived,
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card.is-visible,
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card.has-arrived{
    opacity:.97!important;
    transform:translate3d(-50%,0,0) scale(1)!important;
  }
  body .story-scene.scene-10 .scene10-clarity-card:nth-child(1),
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card:nth-child(1){top:clamp(104px,12.5svh,116px)!important;}
  body .story-scene.scene-10 .scene10-clarity-card:nth-child(2),
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card:nth-child(2){top:clamp(204px,24.5svh,218px)!important;}
  body .story-scene.scene-10 .scene10-clarity-card:nth-child(3),
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card:nth-child(3){top:clamp(304px,36.5svh,320px)!important;}
  body .story-scene.scene-10 .scene10-clarity-card:nth-child(4),
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card:nth-child(4){top:clamp(404px,48.5svh,422px)!important;}

  body .story-scene.scene-10 .scene-content,
  body.mobile-v26-active .story-scene.scene-10 .scene-content{
    bottom:58px!important;
    max-height:23svh!important;
    padding:.78rem .98rem .84rem!important;
  }
  body .story-scene.scene-10 .scene-content h2,
  body.mobile-v26-active .story-scene.scene-10 .scene-content h2{
    font-size:clamp(1.65rem,7.1vw,2.08rem)!important;
    line-height:.94!important;
    margin-bottom:.42rem!important;
  }
  body .story-scene.scene-10 .scene-content .subhead,
  body.mobile-v26-active .story-scene.scene-10 .scene-content .subhead{
    font-size:clamp(.96rem,4.15vw,1.1rem)!important;
    line-height:1.22!important;
  }

  /* Slimmer mobile control bar with icon-only play/pause. */
  body .control-bar,
  body.mobile-v26-active .control-bar{
    left:18px!important;
    right:18px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 6px)!important;
    height:42px!important;
    min-height:42px!important;
    padding:4px!important;
    border-radius:22px!important;
    grid-template-columns:34px 1fr 34px 34px!important;
    gap:6px!important;
    background:linear-gradient(135deg,rgba(50,17,65,.70),rgba(18,5,27,.92))!important;
    border:1px solid rgba(232,183,255,.18)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.12)!important;
  }
  body .control-bar button,
  body.mobile-v26-active .control-bar button{
    height:34px!important;
    min-height:34px!important;
    border-radius:18px!important;
    font-size:.96rem!important;
    padding:0!important;
  }
  body .control-bar [data-play],
  body.mobile-v26-active .control-bar [data-play]{
    font-size:0!important;
    font-weight:800!important;
    letter-spacing:0!important;
    background:linear-gradient(135deg,rgba(144,56,213,.9),rgba(78,25,101,.95))!important;
  }
  body .control-bar [data-play]::before,
  body.mobile-v26-active .control-bar [data-play]::before{
    content:'▶';
    font-size:1rem!important;
    line-height:1!important;
  }
  body .control-bar [data-play][data-mobile-playing="true"]::before,
  body.mobile-v26-active .control-bar [data-play][data-mobile-playing="true"]::before{
    content:'❚❚';
    font-size:.9rem!important;
    letter-spacing:-.08em!important;
  }
}
@media (max-width: 900px) and (max-height: 760px){
  body .story-scene.scene-10 .scene10-clarity-card,
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card{
    width:min(54vw,214px)!important;
    max-width:min(54vw,214px)!important;
  }
  body .story-scene.scene-10 .scene10-clarity-card:nth-child(1),
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card:nth-child(1){top:82px!important;}
  body .story-scene.scene-10 .scene10-clarity-card:nth-child(2),
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card:nth-child(2){top:170px!important;}
  body .story-scene.scene-10 .scene10-clarity-card:nth-child(3),
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card:nth-child(3){top:258px!important;}
  body .story-scene.scene-10 .scene10-clarity-card:nth-child(4),
  body.mobile-v26-active .story-scene.scene-10 .scene10-clarity-card:nth-child(4){top:346px!important;}
  body .story-scene.scene-10 .scene-content,
  body.mobile-v26-active .story-scene.scene-10 .scene-content{
    bottom:54px!important;
    max-height:22svh!important;
    padding:.7rem .9rem .76rem!important;
  }
  body .control-bar,
  body.mobile-v26-active .control-bar{
    left:18px!important;right:18px!important;height:40px!important;min-height:40px!important;
    grid-template-columns:32px 1fr 32px 32px!important;
  }
  body .control-bar button,
  body.mobile-v26-active .control-bar button{height:32px!important;min-height:32px!important;}
}


/* --- assets/css/mobile-v30.css --- */
/* Cocoon Mobile V30 — Scene 11 polish + icon-only control buttons.
   Builds on V29. Scene 1 locked. Desktop untouched. */
@media (max-width: 900px){
  /* Scene 11: slightly smaller, cleaner final text moments with more breathing room. */
  body .story-scene.scene-11 .scene11-text-moments,
  body.mobile-v26-active .story-scene.scene-11 .scene11-text-moments{
    display:block!important;
    z-index:36!important;
    pointer-events:none!important;
  }
  body .story-scene.scene-11 .scene11-moment,
  body.mobile-v26-active .story-scene.scene-11 .scene11-moment{
    width:min(73vw,292px)!important;
    max-width:min(73vw,292px)!important;
    padding:.72rem .88rem!important;
    border-radius:18px!important;
    background:rgba(42,12,52,.72)!important;
    border:1px solid rgba(232,183,255,.18)!important;
    box-shadow:0 14px 28px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.11)!important;
  }
  body .story-scene.scene-11 .scene11-moment:nth-child(1),
  body.mobile-v26-active .story-scene.scene-11 .scene11-moment:nth-child(1){top:clamp(112px,13.5svh,124px)!important;}
  body .story-scene.scene-11 .scene11-moment:nth-child(2),
  body.mobile-v26-active .story-scene.scene-11 .scene11-moment:nth-child(2){top:clamp(228px,27svh,244px)!important;}
  body .story-scene.scene-11 .scene11-moment:nth-child(3),
  body.mobile-v26-active .story-scene.scene-11 .scene11-moment:nth-child(3){top:clamp(344px,40.5svh,364px)!important;}
  body .story-scene.scene-11 .scene11-moment span,
  body.mobile-v26-active .story-scene.scene-11 .scene11-moment span{
    font-size:clamp(1.25rem,5.55vw,1.72rem)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }
  body .story-scene.scene-11 .scene11-moment small,
  body.mobile-v26-active .story-scene.scene-11 .scene11-moment small{
    margin-top:.26rem!important;
    font-size:clamp(.76rem,3.2vw,.86rem)!important;
    line-height:1.22!important;
  }
  body .story-scene.scene-11 .scene-content,
  body.mobile-v26-active .story-scene.scene-11 .scene-content{
    bottom:54px!important;
    max-height:25svh!important;
    padding:.82rem .98rem .88rem!important;
  }

  /* Control bar: true icon-only controls, slimmer and cleaner. */
  body .control-bar,
  body.mobile-v26-active .control-bar{
    left:20px!important;
    right:20px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 6px)!important;
    height:38px!important;
    min-height:38px!important;
    padding:4px!important;
    border-radius:20px!important;
    grid-template-columns:32px 1fr 32px 32px!important;
    gap:6px!important;
  }
  body .control-bar button,
  body.mobile-v26-active .control-bar button{
    height:30px!important;
    min-height:30px!important;
    border-radius:16px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
  }
  body .control-bar [data-play],
  body.mobile-v26-active .control-bar [data-play],
  body .control-bar [data-mute],
  body.mobile-v26-active .control-bar [data-mute]{
    font-size:0!important;
    color:transparent!important;
    text-shadow:none!important;
    overflow:hidden!important;
  }
  body .control-bar [data-play]::before,
  body.mobile-v26-active .control-bar [data-play]::before{
    content:'▶';
    display:block!important;
    color:#fff!important;
    font-size:.98rem!important;
    line-height:1!important;
    transform:translateX(1px);
  }
  body .control-bar [data-play][data-mobile-playing="true"]::before,
  body.mobile-v26-active .control-bar [data-play][data-mobile-playing="true"]::before{
    content:'❚❚';
    font-size:.82rem!important;
    letter-spacing:-.08em!important;
    transform:none!important;
  }
  body .control-bar [data-mute]::before,
  body.mobile-v26-active .control-bar [data-mute]::before{
    content:'♪';
    display:block!important;
    color:#fff!important;
    font-size:.95rem!important;
    line-height:1!important;
  }
}

@media (max-width: 900px) and (max-height: 760px){
  body .story-scene.scene-11 .scene11-moment,
  body.mobile-v26-active .story-scene.scene-11 .scene11-moment{
    width:min(70vw,276px)!important;
    padding:.62rem .78rem!important;
  }
  body .story-scene.scene-11 .scene11-moment:nth-child(1),
  body.mobile-v26-active .story-scene.scene-11 .scene11-moment:nth-child(1){top:96px!important;}
  body .story-scene.scene-11 .scene11-moment:nth-child(2),
  body.mobile-v26-active .story-scene.scene-11 .scene11-moment:nth-child(2){top:190px!important;}
  body .story-scene.scene-11 .scene11-moment:nth-child(3),
  body.mobile-v26-active .story-scene.scene-11 .scene11-moment:nth-child(3){top:284px!important;}
  body .story-scene.scene-11 .scene-content,
  body.mobile-v26-active .story-scene.scene-11 .scene-content{
    bottom:50px!important;
    max-height:24svh!important;
    padding:.72rem .88rem .78rem!important;
  }
  body .control-bar,
  body.mobile-v26-active .control-bar{
    height:36px!important;
    min-height:36px!important;
    grid-template-columns:30px 1fr 30px 30px!important;
  }
  body .control-bar button,
  body.mobile-v26-active .control-bar button{height:28px!important;min-height:28px!important;}
}


/* --- assets/css/mobile-v31.css --- */
/* Cocoon Mobile V31 — polished mobile control bar only.
   Keeps current scene/animation work intact. Desktop untouched. */
@media (max-width: 900px){
  body .control-bar,
  body.mobile-v26-active .control-bar{
    position:fixed!important;
    z-index:120!important;
    left:18px!important;
    right:18px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 7px)!important;
    height:46px!important;
    min-height:46px!important;
    width:auto!important;
    display:grid!important;
    grid-template-columns:38px 1fr 38px 38px!important;
    align-items:center!important;
    gap:7px!important;
    padding:5px!important;
    border-radius:999px!important;
    background:
      linear-gradient(180deg, rgba(86,52,108,.50), rgba(22,8,34,.82)),
      radial-gradient(circle at 42% 0%, rgba(202,136,255,.20), transparent 58%)!important;
    border:1px solid rgba(233,197,255,.20)!important;
    box-shadow:
      0 14px 36px rgba(0,0,0,.48),
      inset 0 1px 0 rgba(255,255,255,.13),
      inset 0 -1px 0 rgba(0,0,0,.24)!important;
    backdrop-filter:blur(18px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;
    transform:none!important;
  }

  body .control-bar p,
  body.mobile-v26-active .control-bar p,
  body .control-bar [data-replay],
  body.mobile-v26-active .control-bar [data-replay]{
    display:none!important;
  }

  body .control-bar button,
  body.mobile-v26-active .control-bar button{
    position:relative!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
    line-height:1!important;
    color:transparent!important;
    text-shadow:none!important;
    overflow:hidden!important;
    background:linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045))!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 6px 16px rgba(0,0,0,.22)!important;
    transition:transform .18s ease, background .18s ease, box-shadow .18s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body .control-bar button:active,
  body.mobile-v26-active .control-bar button:active{
    transform:scale(.96)!important;
    background:rgba(185,101,255,.24)!important;
  }

  body .control-bar [data-play],
  body.mobile-v26-active .control-bar [data-play]{
    border-radius:999px!important;
    background:
      linear-gradient(135deg, rgba(150,54,255,.98), rgba(184,76,255,.94) 48%, rgba(115,45,157,.98))!important;
    border:1px solid rgba(236,199,255,.30)!important;
    box-shadow:
      0 8px 22px rgba(144,55,255,.30),
      inset 0 1px 0 rgba(255,255,255,.24),
      inset 0 -8px 18px rgba(54,16,74,.20)!important;
  }

  /* Draw the play icon as geometry instead of relying on font glyphs. */
  body .control-bar [data-play]::before,
  body.mobile-v26-active .control-bar [data-play]::before{
    content:''!important;
    display:block!important;
    width:0!important;
    height:0!important;
    border-top:7px solid transparent!important;
    border-bottom:7px solid transparent!important;
    border-left:11px solid rgba(255,255,255,.96)!important;
    transform:translateX(2px)!important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.24))!important;
  }
  body .control-bar [data-play]::after,
  body.mobile-v26-active .control-bar [data-play]::after{
    content:none!important;
  }

  /* Draw pause with two bars when the mobile timeline is running. */
  body .control-bar [data-play][data-mobile-playing="true"]::before,
  body.mobile-v26-active .control-bar [data-play][data-mobile-playing="true"]::before{
    content:''!important;
    width:5px!important;
    height:15px!important;
    border:none!important;
    border-radius:2px!important;
    background:rgba(255,255,255,.96)!important;
    transform:translateX(-4px)!important;
    box-shadow:8px 0 0 rgba(255,255,255,.96)!important;
  }

  body .control-bar [data-prev]::before,
  body.mobile-v26-active .control-bar [data-prev]::before{
    content:'‹'!important;
    display:block!important;
    color:rgba(255,255,255,.92)!important;
    font-size:1.95rem!important;
    line-height:.85!important;
    transform:translateY(-1px)!important;
  }
  body .control-bar [data-next]::before,
  body.mobile-v26-active .control-bar [data-next]::before{
    content:'›'!important;
    display:block!important;
    color:rgba(255,255,255,.92)!important;
    font-size:1.95rem!important;
    line-height:.85!important;
    transform:translateY(-1px)!important;
  }
  body .control-bar [data-mute]::before,
  body.mobile-v26-active .control-bar [data-mute]::before{
    content:'♪'!important;
    display:block!important;
    color:rgba(255,255,255,.88)!important;
    font-size:1rem!important;
    line-height:1!important;
    transform:translateY(-1px)!important;
  }

  body .control-bar [data-prev],
  body.mobile-v26-active .control-bar [data-prev],
  body .control-bar [data-next],
  body.mobile-v26-active .control-bar [data-next],
  body .control-bar [data-mute],
  body.mobile-v26-active .control-bar [data-mute]{
    background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04))!important;
  }
}

@media (max-width: 430px){
  body .control-bar,
  body.mobile-v26-active .control-bar{
    left:14px!important;
    right:14px!important;
    height:44px!important;
    min-height:44px!important;
    grid-template-columns:36px 1fr 36px 36px!important;
    gap:6px!important;
    padding:4px!important;
  }
  body .control-bar button,
  body.mobile-v26-active .control-bar button{
    height:34px!important;
    min-height:34px!important;
  }
}

@media (max-width: 900px) and (max-height: 720px){
  body .control-bar,
  body.mobile-v26-active .control-bar{
    bottom:calc(env(safe-area-inset-bottom,0px) + 5px)!important;
    height:42px!important;
    min-height:42px!important;
  }
  body .control-bar button,
  body.mobile-v26-active .control-bar button{
    height:32px!important;
    min-height:32px!important;
  }
}


/* --- assets/css/mobile-v33.css --- */
/* Cocoon Mobile V33 — control bar polish only.
   Built on the last working mobile timeline package. No scene animation logic changes. */
@media (max-width: 900px){
  body .control-bar,
  body.mobile-v26-active .control-bar{
    position:fixed!important;
    z-index:140!important;
    left:18px!important;
    right:18px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;
    width:auto!important;
    height:48px!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:40px minmax(126px,1fr) 40px 40px!important;
    align-items:center!important;
    gap:8px!important;
    padding:5px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 50% 0%, rgba(193,92,255,.28), transparent 52%),
      linear-gradient(180deg, rgba(78,43,96,.52), rgba(19,7,30,.82))!important;
    border:1px solid rgba(226,190,255,.22)!important;
    box-shadow:
      0 18px 38px rgba(0,0,0,.46),
      0 0 0 1px rgba(92,37,120,.18),
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 -1px 0 rgba(0,0,0,.26)!important;
    backdrop-filter:blur(20px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.25)!important;
    transform:none!important;
  }

  body .control-bar p,
  body.mobile-v26-active .control-bar p,
  body .control-bar [data-replay],
  body.mobile-v26-active .control-bar [data-replay]{
    display:none!important;
  }

  body .control-bar button,
  body.mobile-v26-active .control-bar button{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.15)!important;
    background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.045))!important;
    color:transparent!important;
    font-size:0!important;
    line-height:1!important;
    text-shadow:none!important;
    overflow:hidden!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      0 6px 16px rgba(0,0,0,.22)!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:transform .16s ease, background .16s ease, box-shadow .16s ease, border-color .16s ease!important;
  }

  body .control-bar button:active,
  body.mobile-v26-active .control-bar button:active{
    transform:scale(.965)!important;
    background:linear-gradient(180deg, rgba(188,91,255,.32), rgba(117,53,157,.18))!important;
  }

  body .control-bar [data-play],
  body.mobile-v26-active .control-bar [data-play]{
    height:38px!important;
    border-radius:999px!important;
    background:
      radial-gradient(circle at 48% 0%, rgba(255,255,255,.18), transparent 46%),
      linear-gradient(135deg, #a23cff 0%, #bd5dff 48%, #6d287f 100%)!important;
    border:1px solid rgba(245,211,255,.34)!important;
    box-shadow:
      0 9px 22px rgba(155,61,255,.30),
      inset 0 1px 0 rgba(255,255,255,.25),
      inset 0 -10px 20px rgba(51,14,67,.22)!important;
  }

  body .control-bar [data-play]::before,
  body.mobile-v26-active .control-bar [data-play]::before{
    content:''!important;
    width:0!important;
    height:0!important;
    border-top:7px solid transparent!important;
    border-bottom:7px solid transparent!important;
    border-left:11px solid rgba(255,255,255,.98)!important;
    transform:translateX(2px)!important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))!important;
  }

  body .control-bar [data-play][data-mobile-playing="true"]::before,
  body.mobile-v26-active .control-bar [data-play][data-mobile-playing="true"]::before{
    width:5px!important;
    height:15px!important;
    border:0!important;
    border-radius:2px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:8px 0 0 rgba(255,255,255,.98), 0 1px 2px rgba(0,0,0,.22)!important;
    transform:translateX(-4px)!important;
  }

  body .control-bar [data-prev]::before,
  body.mobile-v26-active .control-bar [data-prev]::before,
  body .control-bar [data-next]::before,
  body.mobile-v26-active .control-bar [data-next]::before{
    display:block!important;
    color:rgba(255,255,255,.94)!important;
    font-size:1.72rem!important;
    line-height:.8!important;
    font-weight:500!important;
    transform:translateY(-1px)!important;
  }
  body .control-bar [data-prev]::before,
  body.mobile-v26-active .control-bar [data-prev]::before{ content:'‹'!important; }
  body .control-bar [data-next]::before,
  body.mobile-v26-active .control-bar [data-next]::before{ content:'›'!important; }
  body .control-bar [data-mute]::before,
  body.mobile-v26-active .control-bar [data-mute]::before{
    content:'♪'!important;
    display:block!important;
    color:rgba(255,255,255,.90)!important;
    font-size:1rem!important;
    line-height:1!important;
    transform:translateY(-1px)!important;
  }
}

@media (max-width: 430px){
  body .control-bar,
  body.mobile-v26-active .control-bar{
    left:14px!important;
    right:14px!important;
    height:46px!important;
    min-height:46px!important;
    grid-template-columns:38px minmax(118px,1fr) 38px 38px!important;
    gap:7px!important;
    padding:4px!important;
  }
  body .control-bar button,
  body.mobile-v26-active .control-bar button,
  body .control-bar [data-play],
  body.mobile-v26-active .control-bar [data-play]{
    height:36px!important;
    min-height:36px!important;
  }
}

@media (max-width: 380px){
  body .control-bar,
  body.mobile-v26-active .control-bar{
    left:10px!important;
    right:10px!important;
    grid-template-columns:36px minmax(104px,1fr) 36px 36px!important;
    gap:6px!important;
  }
}


/* --- assets/css/mobile-v35.css --- */
/* Cocoon Mobile V35 — simple clean control bar only. No scene/layout/JS changes. */
@media (max-width: 900px){
  body .control-bar,
  body.mobile-v26-active .control-bar{
    position:fixed!important;
    z-index:160!important;
    left:50%!important;
    right:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;
    width:min(292px, calc(100vw - 36px))!important;
    height:48px!important;
    min-height:48px!important;
    padding:5px 8px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:40px 54px 40px 40px!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    border-radius:999px!important;
    overflow:visible!important;
    transform:translateX(-50%)!important;
    background:rgba(22,8,31,.72)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:
      0 14px 34px rgba(0,0,0,.42),
      inset 0 1px 0 rgba(255,255,255,.12),
      inset 0 -1px 0 rgba(0,0,0,.34)!important;
    backdrop-filter:blur(18px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;
  }

  body .control-bar p,
  body.mobile-v26-active .control-bar p,
  body .control-bar [data-replay],
  body.mobile-v26-active .control-bar [data-replay]{
    display:none!important;
  }

  body .control-bar button,
  body.mobile-v26-active .control-bar button{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    width:40px!important;
    height:38px!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.055)!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-shadow:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
    overflow:hidden!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:transform .14s ease, background .14s ease, border-color .14s ease!important;
  }

  body .control-bar button:active,
  body.mobile-v26-active .control-bar button:active{
    transform:scale(.94)!important;
    background:rgba(255,255,255,.10)!important;
  }

  body .control-bar [data-play],
  body.mobile-v26-active .control-bar [data-play]{
    width:54px!important;
    height:38px!important;
    background:linear-gradient(180deg, rgba(190,105,255,.52), rgba(109,38,151,.48))!important;
    border-color:rgba(238,206,255,.30)!important;
    box-shadow:
      0 0 18px rgba(174,75,255,.24),
      inset 0 1px 0 rgba(255,255,255,.18)!important;
  }

  body .control-bar [data-play]::before,
  body.mobile-v26-active .control-bar [data-play]::before{
    content:''!important;
    width:0!important;
    height:0!important;
    border-top:6px solid transparent!important;
    border-bottom:6px solid transparent!important;
    border-left:9px solid rgba(255,255,255,.96)!important;
    transform:translateX(1px)!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body .control-bar [data-play][data-mobile-playing="true"]::before,
  body.mobile-v26-active .control-bar [data-play][data-mobile-playing="true"]::before{
    width:4px!important;
    height:14px!important;
    border:0!important;
    border-radius:2px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:7px 0 0 rgba(255,255,255,.96)!important;
    transform:translateX(-3.5px)!important;
  }

  body .control-bar [data-prev]::before,
  body.mobile-v26-active .control-bar [data-prev]::before,
  body .control-bar [data-next]::before,
  body.mobile-v26-active .control-bar [data-next]::before,
  body .control-bar [data-mute]::before,
  body.mobile-v26-active .control-bar [data-mute]::before{
    display:block!important;
    color:rgba(255,255,255,.88)!important;
    line-height:1!important;
    font-weight:500!important;
    text-shadow:none!important;
    transform:none!important;
  }

  body .control-bar [data-prev]::before,
  body.mobile-v26-active .control-bar [data-prev]::before{content:'‹'!important;font-size:1.75rem!important;transform:translateY(-1px)!important;}
  body .control-bar [data-next]::before,
  body.mobile-v26-active .control-bar [data-next]::before{content:'›'!important;font-size:1.75rem!important;transform:translateY(-1px)!important;}
  body .control-bar [data-mute]::before,
  body.mobile-v26-active .control-bar [data-mute]::before{content:'♪'!important;font-size:1rem!important;opacity:.92!important;}
}

@media (max-width: 380px){
  body .control-bar,
  body.mobile-v26-active .control-bar{
    width:min(272px, calc(100vw - 28px))!important;
    grid-template-columns:38px 50px 38px 38px!important;
    gap:8px!important;
    padding:5px 7px!important;
  }
  body .control-bar button,
  body.mobile-v26-active .control-bar button{width:38px!important;height:36px!important;}
  body .control-bar [data-play],
  body.mobile-v26-active .control-bar [data-play]{width:50px!important;height:36px!important;}
}


/* --- assets/css/mobile-v43-controlbar.css --- */
/* Cocoon Mobile V43 — final simple control bar + horizontal containment. */
@media (max-width: 900px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.gateway-locked .control-bar{display:none!important;}

  html body .control-bar,
  html body.mobile-v26-active .control-bar{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;
    transform:translate3d(-50%,0,0)!important;
    z-index:240!important;
    width:236px!important;
    max-width:calc(100vw - 30px)!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:5px 7px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:38px 46px 38px 38px!important;
    gap:9px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg, rgba(32,13,42,.82), rgba(13,4,22,.88))!important;
    border:1px solid rgba(255,255,255,.15)!important;
    box-shadow:
      0 14px 34px rgba(0,0,0,.48),
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.35)!important;
    backdrop-filter:blur(18px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  }

  html body .control-bar p,
  html body.mobile-v26-active .control-bar p,
  html body .control-bar [data-replay],
  html body.mobile-v26-active .control-bar [data-replay]{
    display:none!important;
  }

  html body .control-bar button,
  html body.mobile-v26-active .control-bar button{
    -webkit-appearance:none!important;
    appearance:none!important;
    position:relative!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.055)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-indent:0!important;
    text-shadow:none!important;
    overflow:hidden!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  html body .control-bar [data-play],
  html body.mobile-v26-active .control-bar [data-play]{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:38px!important;
    border-radius:999px!important;
    border-color:rgba(228,176,255,.30)!important;
    background:linear-gradient(180deg, rgba(132,54,176,.70), rgba(72,24,97,.74))!important;
    box-shadow:0 0 18px rgba(169,78,226,.14), inset 0 1px 0 rgba(255,255,255,.16)!important;
  }

  html body .control-bar button::before,
  html body .control-bar button::after,
  html body.mobile-v26-active .control-bar button::before,
  html body.mobile-v26-active .control-bar button::after{
    content:""!important;
    position:absolute!important;
    display:block!important;
    box-sizing:border-box!important;
    pointer-events:none!important;
  }

  /* prev / next */
  html body .control-bar [data-prev]::before,
  html body.mobile-v26-active .control-bar [data-prev]::before,
  html body .control-bar [data-next]::before,
  html body.mobile-v26-active .control-bar [data-next]::before{
    width:10px!important;
    height:10px!important;
    top:50%!important;
    left:50%!important;
    border-top:2px solid rgba(255,248,255,.92)!important;
    border-right:2px solid rgba(255,248,255,.92)!important;
    border-left:0!important;
    border-bottom:0!important;
    background:transparent!important;
  }
  html body .control-bar [data-prev]::before,
  html body.mobile-v26-active .control-bar [data-prev]::before{transform:translate(-38%,-50%) rotate(225deg)!important;}
  html body .control-bar [data-next]::before,
  html body.mobile-v26-active .control-bar [data-next]::before{transform:translate(-62%,-50%) rotate(45deg)!important;}
  html body .control-bar [data-prev]::after,
  html body .control-bar [data-next]::after,
  html body.mobile-v26-active .control-bar [data-prev]::after,
  html body.mobile-v26-active .control-bar [data-next]::after{display:none!important;}

  /* play */
  html body .control-bar [data-play]::before,
  html body.mobile-v26-active .control-bar [data-play]::before{
    width:0!important;
    height:0!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-38%,-50%)!important;
    border-top:7px solid transparent!important;
    border-bottom:7px solid transparent!important;
    border-left:11px solid rgba(255,248,255,.96)!important;
    border-right:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .control-bar [data-play]::after,
  html body.mobile-v26-active .control-bar [data-play]::after{display:none!important;}

  /* pause */
  html body .control-bar [data-play][data-mobile-playing="true"]::before,
  html body.mobile-v26-active .control-bar [data-play][data-mobile-playing="true"]::before{
    width:4px!important;
    height:15px!important;
    left:calc(50% - 4px)!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    border:0!important;
    border-radius:2px!important;
    background:rgba(255,248,255,.96)!important;
    box-shadow:8px 0 0 rgba(255,248,255,.96)!important;
  }

  /* speaker */
  html body .control-bar [data-mute]::before,
  html body.mobile-v26-active .control-bar [data-mute]::before{
    width:14px!important;
    height:14px!important;
    left:8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    background:rgba(255,247,255,.90)!important;
    clip-path:polygon(0 38%,38% 38%,100% 4%,100% 96%,38% 62%,0 62%)!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body .control-bar [data-mute]::after,
  html body.mobile-v26-active .control-bar [data-mute]::after{
    width:8px!important;
    height:14px!important;
    left:19px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    border:2px solid rgba(255,247,255,.76)!important;
    border-left:0!important;
    border-top-color:transparent!important;
    border-bottom-color:transparent!important;
    border-radius:0 14px 14px 0!important;
    background:transparent!important;
  }
  html body .control-bar [data-mute][data-muted="true"]::after,
  html body.mobile-v26-active .control-bar [data-mute][data-muted="true"]::after{
    width:17px!important;
    height:2px!important;
    left:8px!important;
    top:50%!important;
    transform:translateY(-50%) rotate(-38deg)!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(255,247,255,.95)!important;
  }

  @media (max-width:380px){
    html body .control-bar,
    html body.mobile-v26-active .control-bar{
      width:224px!important;
      grid-template-columns:36px 44px 36px 36px!important;
      gap:8px!important;
      padding:5px 6px!important;
    }
    html body .control-bar button,
    html body.mobile-v26-active .control-bar button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;}
    html body .control-bar [data-play],
    html body.mobile-v26-active .control-bar [data-play]{width:44px!important;min-width:44px!important;}
  }
}


/* --- assets/css/mobile-v44-controlbar-clean.css --- */
/* Cocoon Mobile V44 — clean control chevrons (removes V43 border-artifacts). */
@media (max-width: 900px){
  html body .control-bar,
  html body.mobile-v26-active .control-bar{
    width:236px!important;
    height:48px!important;
    min-height:48px!important;
    padding:5px 7px!important;
    grid-template-columns:38px 46px 38px 38px!important;
    gap:9px!important;
  }

  html body .control-bar button,
  html body.mobile-v26-active .control-bar button{
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-indent:-9999px!important;
    overflow:hidden!important;
  }

  html body .control-bar button::before,
  html body .control-bar button::after,
  html body.mobile-v26-active .control-bar button::before,
  html body.mobile-v26-active .control-bar button::after{
    text-indent:0!important;
    pointer-events:none!important;
  }

  /* Previous / next are now clean glyphs, not border-drawn chevrons. */
  html body .control-bar [data-prev]::before,
  html body.mobile-v26-active .control-bar [data-prev]::before,
  html body .control-bar [data-next]::before,
  html body.mobile-v26-active .control-bar [data-next]::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:9px!important;
    height:9px!important;
    border:0!important;
    border-top:2px solid rgba(255,248,255,.95)!important;
    border-right:2px solid rgba(255,248,255,.95)!important;
    background:transparent!important;
    box-shadow:none!important;
    clip-path:none!important;
  }
  html body .control-bar [data-prev]::before,
  html body.mobile-v26-active .control-bar [data-prev]::before{
    transform:translate(-36%,-50%) rotate(225deg)!important;
  }
  html body .control-bar [data-next]::before,
  html body.mobile-v26-active .control-bar [data-next]::before{
    transform:translate(-64%,-50%) rotate(45deg)!important;
  }
  html body .control-bar [data-prev]::after,
  html body .control-bar [data-next]::after,
  html body.mobile-v26-active .control-bar [data-prev]::after,
  html body.mobile-v26-active .control-bar [data-next]::after{
    content:""!important;
    display:none!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  /* Extra hard reset for any old text glyphs injected by earlier mobile scripts. */
  html body .control-bar [data-prev],
  html body .control-bar [data-next],
  html body.mobile-v26-active .control-bar [data-prev],
  html body.mobile-v26-active .control-bar [data-next]{
    color:transparent!important;
    text-shadow:none!important;
  }

  @media (max-width:380px){
    html body .control-bar,
    html body.mobile-v26-active .control-bar{
      width:224px!important;
      grid-template-columns:36px 44px 36px 36px!important;
      gap:8px!important;
      padding:5px 6px!important;
    }
  }
}


/* --- assets/css/footer-shared.css --- */
.site-footer{position:relative;z-index:3;background:#100419;color:#fff;padding:70px clamp(22px,6vw,90px) 28px;font-family:Arial,sans-serif}.site-footer *{box-sizing:border-box}.site-footer__inner{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:70px;max-width:1400px;margin:0 auto}.site-footer__brand img{width:150px;height:auto}.site-footer__brand p{max-width:360px;color:rgba(255,255,255,.62);line-height:1.6}.site-footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.site-footer__links h2{font:600 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#cbb1ff;margin:0 0 18px}.site-footer__links a{display:block;color:rgba(255,255,255,.68);text-decoration:none;margin:0 0 12px;font-size:14px}.site-footer__links a:hover{color:#fff}.site-footer__base{max-width:1400px;margin:52px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.46);font-size:12px}@media(max-width:820px){.site-footer{padding:54px 22px 92px}.site-footer__inner{grid-template-columns:1fr;gap:46px}.site-footer__links{grid-template-columns:1fr 1fr;gap:32px}.site-footer__base{align-items:flex-start;flex-direction:column;margin-top:38px}}@media(max-width:480px){.site-footer__links{grid-template-columns:1fr}}
/* V74 corporate provenance — restrained legal treatment */
.site-footer__company{
  max-width: 1680px;
  margin: 0 auto;
  padding: 22px clamp(24px,5vw,96px) 0;
  border-top: 1px solid rgba(214,190,255,.12);
  color: rgba(245,239,251,.68);
  font-size: .82rem;
  line-height: 1.55;
}
.site-footer__company p{margin:0 0 4px}
.site-footer__company strong{color:rgba(255,255,255,.9);font-weight:600}
@media (max-width:720px){
  .site-footer__company{padding-top:18px;font-size:.76rem}
}

/* V74.1 — visible but restrained company provenance */
.site-footer__company{
  max-width:1400px;
  margin:46px auto 0;
  padding:24px 0 0;
  border-top:1px solid rgba(214,190,255,.14);
  color:rgba(245,239,251,.72);
  font-size:.84rem;
  line-height:1.6;
}
.site-footer__company-label{
  display:block;
  margin-bottom:8px;
  color:#cbb1ff;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.site-footer__company p{margin:0 0 4px}
.site-footer__company strong{color:#fff;font-weight:600}
@media(max-width:820px){
  .site-footer__company{margin-top:36px;padding-top:20px;font-size:.78rem}
}

/* V91 expanded footer */
.site-footer__links--expanded{align-items:start}

/* V213 legal/footer */
.footer-cookie-settings{appearance:none;display:block;border:0;background:none;padding:0;color:rgba(255,255,255,.68);font:inherit;font-size:14px;text-align:left;cursor:pointer;margin:0 0 12px;opacity:1}.footer-cookie-settings:hover,.footer-cookie-settings:focus-visible{opacity:1;text-decoration:underline}.site-footer__base{flex-wrap:wrap;gap:8px 18px}.site-footer__base span:last-child{max-width:920px;line-height:1.45}


/* --- assets/css/mobile-nav-v110.css --- */
/* V110 — real mobile/tablet navigation override for story + standard pages */
.site-header .nav-toggle{display:none;}
@media (max-width:1180px){
  body.nav-lock{overflow:hidden!important;}
  .site-header{
    position:fixed!important;left:0!important;right:0!important;top:0!important;
    z-index:2147483000!important;height:72px!important;min-height:72px!important;
    padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    background:rgba(14,4,23,.96)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;
    border-radius:0 0 20px 20px!important;box-shadow:0 14px 44px rgba(0,0,0,.30)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;overflow:visible!important;
  }
  .site-header .brand{position:relative!important;z-index:2147483002!important;display:flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;}
  .site-header .brand img{height:26px!important;width:auto!important;max-width:168px!important;object-fit:contain!important;display:block!important;}
  .site-header .nav-toggle{
    display:inline-flex!important;position:relative!important;z-index:2147483002!important;flex:0 0 auto!important;
    width:46px!important;height:46px!important;margin-left:auto!important;align-items:center!important;justify-content:center!important;
    flex-direction:column!important;gap:5px!important;padding:0!important;border:1px solid rgba(255,255,255,.18)!important;
    border-radius:999px!important;background:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
    cursor:pointer!important;pointer-events:auto!important;
  }
  .site-header .nav-toggle span{display:block!important;width:20px!important;height:2px!important;margin:0!important;border-radius:999px!important;background:#fff!important;transition:transform .2s ease,opacity .2s ease!important;}
  .site-header.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)!important;}
  .site-header.nav-open .nav-toggle span:nth-child(2){opacity:0!important;}
  .site-header.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important;}

  .site-header .top-nav,
  .standard-page .site-header .top-nav{
    display:none!important;position:fixed!important;left:14px!important;right:14px!important;top:84px!important;width:auto!important;max-width:none!important;
    max-height:calc(100dvh - 104px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;
    margin:0!important;padding:14px!important;border-radius:24px!important;background:rgba(18,6,30,.985)!important;
    border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 26px 86px rgba(0,0,0,.56)!important;
    backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;
    opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;z-index:2147483001!important;
  }
  .site-header.nav-open .top-nav,
  .standard-page .site-header.nav-open .top-nav{display:flex!important;}

  .site-header .top-nav>a,
  .site-header .nav-dropdown>button,
  .standard-page .site-header .top-nav>a,
  .standard-page .site-header .nav-dropdown>button{
    width:100%!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:14px 16px!important;margin:0!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.075)!important;
    background:rgba(255,255,255,.045)!important;color:rgba(255,255,255,.90)!important;font-family:"DM Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:15px!important;line-height:1.2!important;font-weight:650!important;text-align:left!important;text-decoration:none!important;white-space:normal!important;box-shadow:none!important;cursor:pointer!important;
  }
  .site-header .top-nav>a:hover,.site-header .top-nav>a:focus-visible,.site-header .nav-dropdown>button:hover,.site-header .nav-dropdown>button:focus-visible,.site-header .nav-dropdown.is-open>button{background:rgba(255,255,255,.10)!important;color:#fff!important;}
  .site-header .nav-dropdown{display:block!important;width:100%!important;position:relative!important;margin:0!important;padding:0!important;}
  .site-header .nav-dropdown>button::after{content:"+";display:block!important;font-size:20px!important;line-height:1!important;color:#d8bdff!important;margin-left:14px!important;}
  .site-header .nav-dropdown.is-open>button::after{content:"–";}
  .site-header .nav-dropdown-menu,.site-header .nav-dropdown-menu.nav-dropdown-menu--wide{
    position:static!important;display:none!important;width:100%!important;min-width:0!important;margin:7px 0 9px!important;padding:8px!important;gap:4px!important;
    border-radius:18px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
  }
  .site-header .nav-dropdown-menu::before{display:none!important;content:none!important;}
  .site-header .nav-dropdown.is-open .nav-dropdown-menu{display:grid!important;}
  .site-header .nav-dropdown-menu a{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;padding:12px 13px!important;border-radius:13px!important;background:transparent!important;border:0!important;color:rgba(255,255,255,.82)!important;font-size:14px!important;line-height:1.3!important;font-weight:600!important;text-decoration:none!important;text-align:left!important;white-space:normal!important;}
  .site-header .nav-dropdown-menu a:hover,.site-header .nav-dropdown-menu a:focus-visible,.site-header .nav-dropdown-menu a[aria-current="page"]{background:rgba(255,255,255,.08)!important;color:#fff!important;}
  .site-header .nav-dropdown-menu a strong{color:#fff!important;font-size:14px!important;font-weight:750!important;line-height:1.25!important;}
  .site-header .nav-dropdown-menu a span{display:block!important;color:rgba(255,255,255,.60)!important;font-size:12.5px!important;line-height:1.35!important;}
  .site-header .top-nav .nav-cta{justify-content:center!important;text-align:center!important;margin-top:6px!important;color:#fff!important;background:linear-gradient(135deg,#8f37ff,#b77cff)!important;border-color:rgba(219,184,255,.30)!important;box-shadow:0 12px 34px rgba(113,59,224,.32)!important;}
}
@media (min-width:1181px){.site-header .nav-toggle{display:none!important;}}


/* --- assets/css/nav-dropdown-global-v140.css --- */
/* V140 — global navigation dropdown typography/spacing fix
   Applies to the shared header include on every page, not only homepage. */
.site-header .nav-dropdown-menu,
.site-header .nav-dropdown-menu.nav-dropdown-menu--wide{
  row-gap: 4px;
}
.site-header .nav-dropdown-menu a{
  white-space: normal !important;
}
.site-header .nav-dropdown-menu--wide{
  min-width: 390px;
}
.site-header .nav-dropdown-menu--wide a{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  padding: 14px 16px !important;
  line-height: 1.25 !important;
}
.site-header .nav-dropdown-menu--wide a strong,
.site-header .nav-dropdown-menu--wide a span{
  display: block !important;
  width: 100% !important;
}
.site-header .nav-dropdown-menu--wide a strong{
  margin: 0 !important;
  font: 650 14px/1.25 "DM Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: #fff !important;
}
.site-header .nav-dropdown-menu--wide a span{
  margin: 0 !important;
  font: 400 12px/1.45 "DM Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: rgba(255,255,255,.64) !important;
}
@media (max-width: 820px){
  .site-header .nav-dropdown-menu--wide{
    min-width: 0 !important;
  }
}


/* --- assets/css/recent-pages-mobile-v134.css --- */
/* V134 recent public pages mobile optimisation pass
   Focus: Pricing, Availability, Get Cocoon and Features hub. */

@media (max-width: 980px) {
  html, body { overflow-x: hidden; }

  /* Shared modern page shells */
  .pricing-shell,
  .availability-shell,
  .features-shell,
  .gc-shell,
  .founder-shell {
    width: min(100% - 32px, 1120px) !important;
  }

  /* FEATURES HUB */
  .features-hero {
    padding: 92px 0 54px !important;
    min-height: auto !important;
  }
  .features-hero-grid,
  .features-intro-grid,
  .features-split,
  .features-split--reverse {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .features-hero-copy { order: 1; }
  .features-hero-visual { order: 2; }
  .features-hero h1,
  .features-hero-title {
    max-width: 780px !important;
    font-size: clamp(48px, 12vw, 74px) !important;
    line-height: .95 !important;
    letter-spacing: -.06em !important;
  }
  .features-hero p,
  .features-hero-lead {
    max-width: 680px !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
  }
  .features-hero-card,
  .features-hero-figure,
  .features-image {
    width: 100% !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 28px !important;
    overflow: hidden !important;
  }
  .features-hero-figure img,
  .features-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }
  .features-hero-figure figcaption {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: calc(100% - 28px) !important;
    margin: -44px auto 0 !important;
    padding: 18px 18px !important;
    border-radius: 22px !important;
  }
  .features-hero-figure figcaption strong {
    font-size: clamp(24px, 6vw, 34px) !important;
    line-height: 1.02 !important;
  }
  .features-hero-figure figcaption span {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
  .features-section,
  .features-intro,
  .features-map,
  .features-final {
    padding: 58px 0 !important;
  }
  .features-split--reverse .features-image { order: 2; }
  .features-split--reverse .features-copy { order: 1; }
  .features-card-grid,
  .features-wide-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }

  /* PRICING */
  .pricing-hero {
    padding: 92px 0 58px !important;
  }
  .pricing-hero__grid,
  .pricing-plan-grid,
  .pricing-dark-grid,
  .pricing-faq-grid,
  .gc-pricing__grid--with-visual {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .pricing-hero h1 {
    font-size: clamp(48px, 12vw, 72px) !important;
    line-height: .96 !important;
  }
  .pricing-lead { font-size: 18px !important; }
  .pricing-hero__side,
  .pricing-card--hero,
  .pricing-hero-image {
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .pricing-hero-image { border-radius: 28px !important; overflow: hidden !important; }
  .pricing-hero-image img { width: 100% !important; aspect-ratio: 16/9 !important; object-fit: cover !important; }
  .pricing-card--hero { margin-top: -28px !important; position: relative !important; z-index: 2 !important; }
  .pricing-included-grid { grid-template-columns: 1fr 1fr !important; }

  /* AVAILABILITY */
  .availability-hero {
    padding: 92px 0 58px !important;
  }
  .availability-hero__grid,
  .availability-panel,
  .availability-faq {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .availability-hero h1 {
    font-size: clamp(48px, 12vw, 72px) !important;
    line-height: .96 !important;
  }
  .availability-lead { font-size: 18px !important; }
  .availability-hero__side {
    max-width: 680px !important;
    justify-self: stretch !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .availability-hero-image { border-radius: 28px !important; overflow: hidden !important; }
  .availability-hero__side .availability-status-card {
    margin: -28px 16px 0 !important;
    padding: 24px !important;
    border-radius: 26px !important;
  }
  .availability-grid { grid-template-columns: 1fr 1fr !important; }

  /* GET COCOON / DOWNLOAD */
  .gc-hero,
  .gc-section,
  .gc-final,
  .gc-store-preview { padding-top: 64px !important; padding-bottom: 64px !important; }
  .gc-hero__grid,
  .gc-pricing__grid,
  .gc-download-grid,
  .gc-confidence-grid,
  .gc-faq-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .gc-hero h1,
  .gc-heading h2,
  .gc-final h2 {
    font-size: clamp(44px, 11vw, 68px) !important;
    line-height: .98 !important;
  }
  .gc-preview-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }

  /* Founder floating trigger on mobile/tablet */
  .founder-offer-trigger,
  .cfp107-trigger,
  .cfp-trigger,
  [class*="founder"][class*="trigger"] {
    right: 14px !important;
    bottom: 14px !important;
    transform: scale(.92) !important;
    transform-origin: right bottom !important;
  }
}

@media (max-width: 640px) {
  .pricing-shell,
  .availability-shell,
  .features-shell,
  .gc-shell,
  .founder-shell {
    width: min(100% - 26px, 1120px) !important;
  }

  /* Keep fixed header from eating first fold on recent pages */
  .features-hero,
  .pricing-hero,
  .availability-hero,
  .gc-hero {
    padding-top: 86px !important;
  }

  /* Mobile typography */
  .features-hero h1,
  .features-hero-title,
  .pricing-hero h1,
  .availability-hero h1,
  .gc-hero h1 {
    font-size: clamp(42px, 14vw, 58px) !important;
    line-height: .96 !important;
    letter-spacing: -.055em !important;
  }
  .features-section h2,
  .features-intro h2,
  .features-map h2,
  .features-final h2,
  .pricing-section h2,
  .pricing-final h2,
  .availability-section h2,
  .availability-final h2,
  .gc-heading h2,
  .gc-final h2 {
    font-size: clamp(34px, 10vw, 48px) !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
  }
  .features-lead,
  .pricing-lead,
  .availability-lead,
  .gc-lead,
  .gc-section p {
    font-size: 17px !important;
    line-height: 1.5 !important;
  }

  /* Mobile grids become single column */
  .features-card-grid,
  .features-wide-grid,
  .pricing-included-grid,
  .availability-grid,
  .gc-preview-grid,
  .gc-benefits-grid,
  .gc-included-grid {
    grid-template-columns: 1fr !important;
  }

  /* Mobile image/card sizing */
  .features-hero-figure,
  .features-image,
  .pricing-hero-image,
  .availability-hero-image,
  .gc-visual,
  .gc-price-visual {
    border-radius: 22px !important;
  }
  .features-hero-figure figcaption {
    width: calc(100% - 20px) !important;
    margin-top: -32px !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }
  .features-hero-figure figcaption strong {
    font-size: 24px !important;
  }
  .features-hero-figure figcaption span {
    font-size: 13px !important;
  }
  .availability-hero__side .availability-status-card,
  .pricing-card--hero {
    margin: 14px 0 0 !important;
  }

  /* Buttons and store buttons */
  .features-actions,
  .pricing-actions,
  .availability-actions,
  .gc-actions,
  .gc-store-actions,
  .pricing-store-actions,
  .availability-store-actions {
    align-items: stretch !important;
  }
  .features-btn,
  .pricing-button,
  .availability-button,
  .gc-button,
  .gc-store-button,
  .pricing-store-button,
  .availability-store-button {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Prevent hero copy dipping below viewport awkwardly */
  .features-hero-grid,
  .pricing-hero__grid,
  .availability-hero__grid,
  .gc-hero__grid {
    gap: 24px !important;
  }

  /* Keep floating founder trigger out of the browser chrome area */
  .founder-offer-trigger,
  .cfp107-trigger,
  .cfp-trigger,
  [class*="founder"][class*="trigger"] {
    bottom: max(14px, env(safe-area-inset-bottom)) !important;
    right: 12px !important;
    max-width: calc(100vw - 24px) !important;
  }
}


/* --- assets/css/visual-readability-v142.css --- */
/* V142 visual readability pass: recent feature/page templates */
/* Purpose: lift contrast on deep purple sections, align body sizing, and stop secondary copy fading into section backgrounds. */

/* Baseline readable body copy on recent customer pages */
.features-page p,
.features-page li,
.incoming-feature p,
.incoming-feature li,
.relationship-feature p,
.relationship-feature li,
.permission-feature p,
.permission-feature li {
  font-size: 18px !important;
  line-height: 1.64 !important;
}

/* Standard paragraph colour on light/mist sections */
.features-page .features-lead,
.features-page .features-intro p,
.features-page .features-copy p,
.features-page .features-mini p,
.features-page .features-card p,
.incoming-feature .incoming-lead,
.incoming-feature .incoming-intro p,
.incoming-feature .incoming-copy p,
.incoming-feature .incoming-card p,
.incoming-feature .incoming-faq details p,
.relationship-feature .relationship-lead,
.relationship-feature .relationship-intro p,
.relationship-feature .relationship-copy p,
.relationship-feature .relationship-card p,
.relationship-feature .relationship-faq details p,
.permission-feature .permission-lead,
.permission-feature .permission-intro p,
.permission-feature .permission-copy p,
.permission-feature .permission-card p,
.permission-feature .permission-faq details p {
  color: #5d5166 !important;
}

/* Dark/deep sections: avoid low-opacity grey-purple text. */
.features-page .features-section--dark p,
.features-page .features-section--dark li,
.features-page .features-section--dark .features-lead,
.features-page .features-section--dark .features-card p,
.features-page .features-final p,
.incoming-feature .incoming-section--deep p,
.incoming-feature .incoming-section--deep li,
.incoming-feature .incoming-section--deep .incoming-lead,
.incoming-feature .incoming-section--deep .incoming-card p,
.incoming-feature .incoming-final p,
.relationship-feature .relationship-section--deep p,
.relationship-feature .relationship-section--deep li,
.relationship-feature .relationship-section--deep .relationship-lead,
.relationship-feature .relationship-section--deep .relationship-card p,
.relationship-feature .relationship-final p,
.permission-feature .permission-section--deep p,
.permission-feature .permission-section--deep li,
.permission-feature .permission-section--deep .permission-lead,
.permission-feature .permission-section--deep .permission-card p,
.permission-feature .permission-final p {
  color: rgba(255, 249, 255, .90) !important;
}

/* Dark/deep section headings and card headings stay bright white. */
.features-page .features-section--dark h2,
.features-page .features-section--dark h3,
.features-page .features-final h2,
.incoming-feature .incoming-section--deep h2,
.incoming-feature .incoming-section--deep h3,
.incoming-feature .incoming-final h2,
.relationship-feature .relationship-section--deep h2,
.relationship-feature .relationship-section--deep h3,
.relationship-feature .relationship-final h2,
.permission-feature .permission-section--deep h2,
.permission-feature .permission-section--deep h3,
.permission-feature .permission-final h2 {
  color: #fff !important;
}

/* Keep card body copy readable without inflating small labels. */
.features-page .features-card p,
.features-page .features-mini p,
.incoming-feature .incoming-card p,
.relationship-feature .relationship-card p,
.permission-feature .permission-card p,
.permission-feature .permission-control span,
.permission-feature .permission-faq details p,
.relationship-feature .relationship-faq details p,
.incoming-feature .incoming-faq details p {
  font-size: 16px !important;
  line-height: 1.58 !important;
}

/* Lists in dark sections need stronger bullets and more left-side air. */
.relationship-feature .relationship-list,
.permission-feature .permission-list,
.incoming-feature .incoming-list {
  gap: 14px !important;
}
.relationship-feature .relationship-section--deep .relationship-list li,
.permission-feature .permission-section--deep .permission-list li,
.incoming-feature .incoming-section--deep .incoming-list li {
  color: rgba(255,249,255,.90) !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
}
.relationship-feature .relationship-section--deep .relationship-list li::before,
.permission-feature .permission-section--deep .permission-list li::before,
.incoming-feature .incoming-section--deep .incoming-list li::before {
  background: #d7bbff !important;
  box-shadow: 0 0 18px rgba(215,187,255,.72) !important;
}

/* Section heading scale consistency across the new feature pages. */
.features-page .features-copy h2,
.features-page .features-intro h2,
.features-page .features-map-header h2,
.incoming-feature .incoming-intro h2,
.incoming-feature .incoming-copy h2,
.incoming-feature .incoming-centre h2,
.relationship-feature .relationship-intro h2,
.relationship-feature .relationship-copy h2,
.relationship-feature .relationship-centre h2,
.permission-feature .permission-intro h2,
.permission-feature .permission-copy h2,
.permission-feature .permission-centre h2 {
  font-size: clamp(38px, 4.8vw, 66px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.043em !important;
}

/* Card heading consistency. */
.features-page .features-card h3,
.features-page .features-mini h3,
.incoming-feature .incoming-card h3,
.relationship-feature .relationship-card h3,
.permission-feature .permission-card h3,
.permission-feature .permission-control strong {
  font-size: clamp(24px, 2.2vw, 30px) !important;
  line-height: 1.08 !important;
}

/* Deep-section cards need enough contrast but still feel premium. */
.features-page .features-section--dark .features-card,
.incoming-feature .incoming-section--deep .incoming-card,
.relationship-feature .relationship-section--deep .relationship-card,
.permission-feature .permission-section--deep .permission-card {
  background: rgba(255,255,255,.105) !important;
  border-color: rgba(255,255,255,.20) !important;
}

/* Hero notes/captions: readable but not oversized. */
.features-page .features-visual span,
.incoming-feature .incoming-note span,
.relationship-feature .relationship-note span,
.permission-feature .permission-note span {
  color: rgba(255,249,255,.86) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

/* Mobile: prevent hero and section type from overwhelming the viewport. */
@media (max-width: 640px) {
  .features-page p,
  .features-page li,
  .incoming-feature p,
  .incoming-feature li,
  .relationship-feature p,
  .relationship-feature li,
  .permission-feature p,
  .permission-feature li {
    font-size: 16.5px !important;
    line-height: 1.62 !important;
  }
  .features-page .features-hero h1,
  .incoming-feature .incoming-hero h1,
  .relationship-feature .relationship-hero h1,
  .permission-feature .permission-hero h1 {
    font-size: clamp(42px, 12vw, 52px) !important;
    line-height: .98 !important;
  }
  .features-page .features-copy h2,
  .features-page .features-intro h2,
  .features-page .features-map-header h2,
  .incoming-feature .incoming-intro h2,
  .incoming-feature .incoming-copy h2,
  .incoming-feature .incoming-centre h2,
  .relationship-feature .relationship-intro h2,
  .relationship-feature .relationship-copy h2,
  .relationship-feature .relationship-centre h2,
  .permission-feature .permission-intro h2,
  .permission-feature .permission-copy h2,
  .permission-feature .permission-centre h2 {
    font-size: clamp(34px, 10vw, 44px) !important;
  }
}


/* --- assets/css/waitlist-v212.css --- */
/* V212 — UK launch waitlist: global CTA, modal and page form */
#cocoon-founder-popup-v111{display:none!important}
body.gateway-locked .cocoon-waitlist{display:none!important}
.cocoon-waitlist{font-family:"DM Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff}
.cocoon-waitlist *{box-sizing:border-box}
.cw-trigger{position:fixed;right:22px;bottom:22px;z-index:2147482500;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border:1px solid rgba(218,190,255,.54);border-radius:999px;background:linear-gradient(135deg,#160820,#35114f);color:#fff;font:800 12px/1 "DM Sans",Inter,sans-serif;letter-spacing:.085em;text-transform:uppercase;box-shadow:0 18px 44px rgba(20,6,31,.35),inset 0 1px 0 rgba(255,255,255,.07);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;pointer-events:auto}
.cw-trigger::before{content:"";width:8px;height:8px;border-radius:50%;background:#d9baff;box-shadow:0 0 16px rgba(204,153,255,.68)}
.cw-trigger:hover,.cw-trigger:focus-visible{transform:translateY(-2px);border-color:rgba(230,211,255,.88);box-shadow:0 22px 54px rgba(20,6,31,.44),0 0 0 4px rgba(167,96,255,.10)}
.cw-trigger[hidden]{display:none!important}
.cw-modal{position:fixed;inset:0;z-index:2147482600;display:grid;place-items:center;padding:22px;opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease}
.cw-modal[hidden]{display:grid!important;opacity:0;visibility:hidden;pointer-events:none}
.cw-backdrop{position:absolute;inset:0;border:0;background:rgba(9,2,15,.79);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer}
.cw-card{position:relative;width:min(900px,calc(100vw - 34px));max-height:calc(100dvh - 36px);overflow:auto;display:grid;grid-template-columns:.92fr 1.08fr;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:radial-gradient(circle at 18% 8%,rgba(185,121,255,.25),transparent 35%),linear-gradient(135deg,#1c092a 0%,#2f1045 58%,#180720 100%);box-shadow:0 38px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.07)}
.cw-close{position:absolute;right:16px;top:16px;z-index:5;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(7,3,12,.42);color:#fff;font:300 25px/1 sans-serif;cursor:pointer}
.cw-copy{position:relative;padding:52px 34px 44px 42px;overflow:hidden}
.cw-copy::after{content:"";position:absolute;width:310px;height:310px;left:-150px;bottom:-180px;border:1px solid rgba(208,171,255,.22);border-radius:50%;box-shadow:0 0 72px rgba(146,74,255,.12) inset;pointer-events:none}
.cw-kicker{margin:0 0 18px;color:#d9bdff;font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.cw-copy h2{max-width:440px;margin:0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(42px,4.5vw,62px);font-weight:500;line-height:.98;letter-spacing:-.052em;color:#fff}
.cw-copy>p:not(.cw-kicker){max-width:430px;margin:20px 0 0;color:rgba(255,255,255,.76);font-size:16px;line-height:1.55}
.cw-founder{margin-top:28px;padding:18px 19px;border:1px solid rgba(218,190,255,.20);border-radius:20px;background:rgba(255,255,255,.055)}
.cw-founder span{display:block;margin-bottom:6px;color:#d9bdff;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.cw-founder strong{display:block;color:#fff;font-size:19px;line-height:1.25}
.cw-founder small{display:block;margin-top:8px;color:rgba(255,255,255,.62);font-size:12px;line-height:1.45}
.cw-world{margin-top:22px!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.11);font-size:13px!important;color:rgba(255,255,255,.64)!important}
.cw-world a{color:#e6d3ff;text-decoration:none;border-bottom:1px solid rgba(230,211,255,.36)}
.cw-form-wrap{padding:34px;background:rgba(255,255,255,.045);border-left:1px solid rgba(255,255,255,.10);display:flex;align-items:center}
.cw-form{width:100%;display:grid;gap:14px}
.cw-form label{display:grid;gap:7px;color:rgba(255,255,255,.74);font-size:12px;font-weight:750;letter-spacing:.02em}
.cw-form input[type=text],.cw-form input[type=email],.cw-form input[type=tel]{width:100%;height:52px;padding:0 15px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(8,3,13,.34);color:#fff;font:500 16px/1.2 "DM Sans",Inter,sans-serif;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.cw-form input::placeholder{color:rgba(255,255,255,.32)}
.cw-form input:focus{border-color:rgba(209,170,255,.76);box-shadow:0 0 0 4px rgba(167,96,255,.10);background:rgba(8,3,13,.46)}
.cw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cw-check{display:flex!important;grid-template-columns:none!important;gap:10px!important;align-items:flex-start;color:rgba(255,255,255,.68)!important;font-size:12px!important;font-weight:500!important;line-height:1.45!important;letter-spacing:0!important}
.cw-check input{width:17px;height:17px;margin:1px 0 0;accent-color:#a64dff;flex:0 0 auto}
.cw-check a{color:#e5d3ff}
.cw-submit{min-height:54px;border:0;border-radius:999px;background:linear-gradient(135deg,#8c37ff,#b56dff);color:#fff;font:850 14px/1 "DM Sans",Inter,sans-serif;box-shadow:0 16px 36px rgba(131,58,238,.30);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}
.cw-submit:hover,.cw-submit:focus-visible{transform:translateY(-1px);box-shadow:0 20px 44px rgba(131,58,238,.38)}
.cw-submit:disabled{opacity:.62;cursor:wait;transform:none}
.cw-privacy{margin:0;color:rgba(255,255,255,.48);font-size:11px;line-height:1.45;text-align:center}
.cw-privacy a{color:rgba(229,211,255,.86)}
.cw-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.cw-status{display:none;padding:14px 15px;border-radius:15px;font-size:13px;line-height:1.45}
.cw-status.is-visible{display:block}
.cw-status.is-success{background:rgba(96,214,170,.10);border:1px solid rgba(96,214,170,.28);color:#dcfff2}
.cw-status.is-error{background:rgba(255,125,135,.09);border:1px solid rgba(255,125,135,.24);color:#ffe1e4}
.cw-success{display:none;text-align:center;padding:26px 6px}
.cw-success.is-visible{display:block}
.cw-success .cw-success-mark{width:62px;height:62px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(151,244,206,.35);background:rgba(96,214,170,.12);color:#bcf8df;font-size:26px}
.cw-success h3{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:36px;font-weight:500;letter-spacing:-.04em;color:#fff}
.cw-success p{margin:12px auto 0;max-width:420px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.55}
body.cw-modal-open{overflow:hidden!important}
/* Shared page CTA enhancement */
a[href="/waitlist/"][data-waitlist-open],button[data-waitlist-open]{cursor:pointer}
@media(max-width:760px){
  .cw-trigger{right:12px;bottom:12px;min-height:44px;padding:0 14px;font-size:10px}
  .cw-modal{padding:10px}
  .cw-card{grid-template-columns:1fr;width:min(100%,520px);max-height:calc(100dvh - 20px);border-radius:26px}
  .cw-copy{padding:42px 22px 24px}
  .cw-copy h2{font-size:42px}
  .cw-copy>p:not(.cw-kicker){font-size:15px;margin-top:15px}
  .cw-founder{margin-top:20px}
  .cw-world{margin-top:17px!important;padding-top:16px}
  .cw-form-wrap{padding:22px;border-left:0;border-top:1px solid rgba(255,255,255,.10)}
  .cw-form-row{grid-template-columns:1fr}
  .cw-close{right:10px;top:10px}
}
@media(max-height:720px) and (min-width:761px){.cw-card{grid-template-columns:1fr 1.15fr}.cw-copy{padding-top:38px;padding-bottom:34px}.cw-copy h2{font-size:46px}.cw-founder{margin-top:20px}.cw-form-wrap{padding:26px}}

/* V213 waitlist consent refinement */
.cw-consent-group{margin:4px 0 2px;padding:14px 14px 10px;border:1px solid rgba(102,60,131,.13);border-radius:18px;background:rgba(111,54,160,.045)}.cw-consent-title{margin:0 0 8px!important;font-size:11px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase;color:#6d4a7b!important}.cw-success small{display:block;margin-top:10px;color:rgba(255,255,255,.62);font-size:12px;line-height:1.45}.wl212-form-card .cw-success small{color:rgba(255,255,255,.68)}


/* --- assets/css/cookie-consent-v213.css --- */
.cc213{position:fixed;z-index:2147482500;left:18px;right:18px;bottom:18px;font-family:"DM Sans",Inter,system-ui,sans-serif;color:#f9f4ff}.cc213[hidden],.cc213 [hidden]{display:none!important}.cc213-banner,.cc213-settings{width:min(1100px,100%);margin:0 auto;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:rgba(20,7,31,.965);box-shadow:0 26px 90px rgba(0,0,0,.48);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.cc213-banner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:22px 24px}.cc213-kicker{margin:0 0 7px;color:#d8bcff;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.cc213 h2{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:25px;line-height:1.08;font-weight:500;letter-spacing:-.035em}.cc213-copy p:not(.cc213-kicker){margin:9px 0 0;max-width:760px;color:rgba(255,255,255,.70);font-size:13px;line-height:1.5}.cc213 a{display:inline-block;margin-top:7px;color:#d9c4ff;font-size:12px;font-weight:750}.cc213-actions,.cc213-settings-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.cc213-btn,.cc213-link{appearance:none;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.065);color:#fff;padding:11px 15px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.cc213-btn--primary{border-color:rgba(217,187,255,.30);background:linear-gradient(135deg,#8f37ff,#b777ff);box-shadow:0 12px 32px rgba(114,51,211,.28)}.cc213-link{border:0;background:none;color:#d9c4ff;padding-inline:8px}.cc213-settings{max-width:680px;padding:24px}.cc213-settings-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.cc213-close{appearance:none;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:25px;line-height:1;cursor:pointer}.cc213-options{display:grid;gap:10px;margin:20px 0}.cc213-options label{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:14px 15px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.04)}.cc213-options strong,.cc213-options small{display:block}.cc213-options strong{font-size:14px}.cc213-options small{margin-top:3px;color:rgba(255,255,255,.58);font-size:11.5px;line-height:1.4}.cc213-options input{width:20px;height:20px;accent-color:#a45cff}.cookie-consent-open{padding-bottom:0}.pp-inline-button{appearance:none;border:0;background:none;padding:0;color:#7b32d4;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}@media(max-width:760px){.cc213{left:10px;right:10px;bottom:10px}.cc213-banner{grid-template-columns:1fr;padding:18px}.cc213-actions{justify-content:flex-start}.cc213 h2{font-size:22px}.cc213-settings{padding:18px}.cc213-settings-actions{justify-content:flex-start}.cc213-options label{gap:12px}}