@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#07080d;--panel:#0e1119;--line:#ffffff1c;--text:#eef1f6;--muted:#798196;--blue:#5a92ff;--coral:#ff7b54;--mint:#33d6a6;--violet:#9b8cff;--font:"Manrope",system-ui,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{font:inherit}.story{background:radial-gradient(circle at 50% 45%,#5a92ff12,transparent 35%),var(--bg);position:fixed;inset:0;overflow:hidden}.atmosphere{pointer-events:none;background:radial-gradient(circle at 20% 30%,#33d6a60d,#0000 24%),radial-gradient(circle at 84% 74%,#9b8cff0f,#0000 24%);animation:16s ease-in-out infinite alternate drift;position:absolute;inset:-15%}.viewport{position:absolute;inset:0 0 138px;overflow:hidden}.camera{transform-origin:0 0;width:3600px;height:1450px;transition:transform 1.25s cubic-bezier(.62,.02,.24,1);position:absolute;top:0;left:0}.world{width:3600px;height:1450px;position:relative}.crowd-zone{width:800px;height:760px;position:absolute;top:220px;left:100px}.crowd-floor{background:radial-gradient(#ffffff09,#0000 64%);border-bottom:1px solid #ffffff0f;border-radius:50%;position:absolute;inset:40px 0 0}.crowd{position:absolute;inset:0;overflow:visible}.person{--tone:#70798b;left:var(--x);top:var(--y);background:var(--tone);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 12%,transparent);opacity:.72;animation:arrive 2.4s ease var(--delay) both;will-change:transform,opacity;border-radius:50%;transition:background .7s,box-shadow .7s,opacity .7s;position:absolute}.person:before{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tone) 48%,transparent));opacity:0;width:13px;height:1px;transition:opacity .3s;position:absolute;top:3px;right:8px}.person:after{content:"";background:inherit;border-radius:3px;width:4px;height:8px;position:absolute;top:8px;left:2px}.person.kind-0{--kind:var(--coral)}.person.kind-1{--kind:var(--blue)}.person.kind-2{--kind:var(--violet)}.person.kind-3{--kind:var(--mint)}.tally{gap:3px;display:grid;position:absolute;top:-16px;left:0}.tally strong{letter-spacing:-.055em;color:#0000;background:linear-gradient(#fff,#8992a6) text;font-size:72px;font-weight:300;line-height:.9}.tally span{color:#697286;font:9px var(--mono);letter-spacing:.17em;text-transform:uppercase}.signal-cloud,.cohort-label{opacity:0;transition:opacity .8s,transform .8s}.sig{border:1px solid var(--line);color:#a5adbd;font:8px var(--mono);white-space:nowrap;background:#0d1018e6;border-radius:99px;padding:8px 10px;position:absolute;box-shadow:0 12px 30px #0000003b}.sig:before{content:"";background:var(--blue);width:5px;height:5px;box-shadow:0 0 8px var(--blue);border-radius:50%;margin-right:7px;display:inline-block}.sig-source{top:162px;left:38px}.sig-device{top:100px;left:555px}.sig-return{top:250px;left:295px}.sig-history{top:430px;left:70px}.sig-cart{top:390px;left:515px}.sig-tabs{top:575px;left:330px}.sig-campaign{top:555px;left:600px}.sig-time{top:665px;left:178px}.sig-loyalty{top:690px;left:535px}.sig-more{border-style:dashed;top:65px;left:315px}.sig-more:before{background:var(--mint);box-shadow:0 0 8px var(--mint)}.cohort-label{z-index:3;font:8px var(--mono);background:#07080dd1;border-left:2px solid;gap:2px;padding:7px 9px;display:grid;position:absolute}.cohort-label b{font-size:10px}.cohort-label span{color:#697286}.cohort-maya{color:var(--coral);top:290px;left:90px}.cohort-james{color:var(--blue);top:245px;left:540px}.cohort-sophie{color:var(--violet);top:555px;left:190px}.cohort-noah{color:var(--mint);top:505px;left:585px}.current-store{width:390px;height:540px;position:absolute;top:390px;left:1030px}.store-sign{text-align:center;gap:4px;display:grid;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.store-sign span{letter-spacing:.06em;font-size:24px;font-weight:600}.store-sign small{color:#727b8f;font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase}.store-building{background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #ffffff29;border-radius:150px 150px 15px 15px;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 90px #0000004d}.store-grid{opacity:.5;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.store-door{background:#080b11;border:1px solid #5a92ff40;border-bottom:0;border-radius:72px 72px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:145px;height:220px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 55px #5a92ff1a}.store-door:after{content:"";filter:blur(12px);opacity:0;background:#5a92ff4d;border-radius:50%;width:26px;height:26px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.store-door span{font:9px var(--mono);letter-spacing:.14em}.store-door i{background:var(--blue);width:34px;height:1px;box-shadow:0 0 12px var(--blue)}.store-note{color:#5f687b;font:8px var(--mono);letter-spacing:.14em;white-space:nowrap;position:absolute;bottom:-42px;left:50%;transform:translate(-50%)}.device-fork{opacity:0;width:420px;height:700px;transition:opacity .7s;position:absolute;top:340px;left:1470px}.fork-trunk,.fork-line{transform-origin:0;background:#5a92ff59;height:1px;position:absolute;overflow:hidden}.fork-trunk:after,.fork-line:after{content:"";background:linear-gradient(90deg,#0000,#8fb2ff,#0000);position:absolute;inset:-1px;transform:translate(-100%)}.fork-trunk{width:100px;top:350px;left:0}.fork-line{width:180px;top:350px;left:98px}.mobile-line{transform:rotate(-36deg)}.desktop-line{transform:rotate(36deg)}.device-gate{border:1px solid var(--line);background:#0e1119f0;border-radius:12px;grid-template-columns:45px 1fr;align-content:center;gap:2px 10px;width:170px;height:110px;padding:16px;display:grid;position:absolute;left:250px}.mobile-gate{top:125px}.desktop-gate{bottom:125px}.device-gate>span{color:var(--blue);grid-row:1/3;align-self:center;font-size:30px}.device-gate b{font-size:13px}.device-gate small{color:#667084;font:8px var(--mono)}.only-context{color:#5d6679;width:200px;font:8px/1.6 var(--mono);letter-spacing:.1em;text-align:center;position:absolute;top:392px;left:82px}.same-pages{opacity:0;width:720px;height:1020px;transition:opacity .7s;position:absolute;top:190px;left:1910px}.same-page{position:absolute}.mobile-page{top:90px;left:0}.desktop-page{bottom:40px;right:0}.phone-shell{background:#11151d;border:1px solid #ffffff2b;border-radius:35px;width:245px;height:480px;padding:12px;box-shadow:0 35px 80px #00000061}.phone-shell>i{z-index:3;background:#07090d;border-radius:0 0 12px 12px;width:78px;height:16px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.browser-shell{background:#11151d;border:1px solid #ffffff2b;border-radius:13px;width:500px;height:315px;overflow:hidden;box-shadow:0 35px 80px #00000061}.browser-shell>header{align-items:center;gap:5px;height:30px;padding:0 10px;display:flex}.browser-shell>header i{background:#525967;border-radius:50%;width:6px;height:6px}.browser-shell>header span{color:#6e7789;font:7px var(--mono);background:#202530;border-radius:5px;margin:auto;padding:5px 70px}.store-ui{color:#171717;background:#f3efe7;height:100%;display:grid}.phone-shell .store-ui{border-radius:25px;grid-template:38px 42% 1fr/1fr;overflow:hidden}.browser-shell .store-ui{grid-template:36px 1fr/46% 54%;height:285px}.store-ui>header{border-bottom:1px solid #d4cec5;grid-column:1/-1;align-items:center;padding:0 13px;font-size:8px;font-weight:700;display:flex}.store-ui>header em{color:#77716b;margin:auto;font-style:normal;font-weight:400}.store-ui>header b{margin-left:auto}.product-shot{background:#ddd7cd;place-items:center;display:grid;position:relative;overflow:hidden}.product-shot:before{content:"";background:#c6d3e5;border-radius:50%;width:210px;height:210px;position:absolute}.shoe{z-index:2;filter:drop-shadow(0 18px 12px #0003);width:180px;height:80px;position:relative;transform:rotate(-9deg)}.shoe i{background:linear-gradient(150deg,#f7f4ee,#999b9c 58%,#25272b 60%);border-radius:65% 22% 25% 30%/68% 50% 40% 34%;width:125px;height:56px;position:absolute;top:5px;left:27px;transform:skew(-12deg)}.shoe b{background:linear-gradient(#fff 0 55%,#323436 57%);border-radius:40%;width:168px;height:19px;position:absolute;bottom:5px;left:7px;transform:skew(-14deg)}.phone-shell .shoe{transform:rotate(-9deg)scale(.72)}.generic-copy{flex-direction:column;justify-content:center;padding:28px;display:flex}.phone-shell .generic-copy{justify-content:flex-start;padding:19px}.generic-copy small{color:#77716b;font:7px var(--mono);letter-spacing:.1em}.generic-copy h3{letter-spacing:-.04em;margin:13px 0 8px;font:400 30px/.98 Georgia,serif}.phone-shell .generic-copy h3{font-size:26px}.generic-copy p{color:#77716b;margin:0 0 15px;font-size:8px;line-height:1.5}.generic-copy button{color:#fff;background:#171717;border:0;min-height:36px;font-size:8px}.page-label{color:#687185;font:8px var(--mono);letter-spacing:.14em;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.same-verdict{gap:10px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.same-verdict span{color:#bd755f;font:7px var(--mono);text-align:center;letter-spacing:.08em;background:#ff7b540f;border:1px solid #ff7b5438;border-radius:99px;padding:7px 9px}.resultflow-tree{opacity:0;width:1000px;height:1250px;transition:opacity .9s;position:absolute;top:100px;left:2520px}.rf-entry{align-items:center;gap:13px;width:235px;display:flex;position:absolute;top:600px;left:-170px}.rf-entry small{color:#697286;font:8px var(--mono);letter-spacing:.12em}.rf-entry i{background:linear-gradient(90deg,var(--blue),transparent);flex:1;height:1px}.rf-core{flex-direction:column;justify-content:center;align-items:center;gap:13px;width:160px;height:160px;display:flex;position:absolute;top:530px;left:90px}.rf-core>div,.rf-core>div:before,.rf-core>div:after{border:1px solid #5a92ff40;border-radius:50%}.rf-core>div{place-items:center;width:104px;height:104px;display:grid;position:relative}.rf-core>div:before,.rf-core>div:after{content:"";position:absolute;inset:14px}.rf-core>div:after{border-style:dashed;animation:9s linear infinite orbit;inset:29px}.rf-core span{z-index:2;background:radial-gradient(circle at 35% 30%,#91b3ff,#3d71d9 46%,#151a24 72%);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid;position:relative;box-shadow:0 0 30px #5a92ff66}.rf-core>b{color:#657084;font:7px/1.45 var(--mono);text-align:center;letter-spacing:.1em}.model-decision{text-align:center;background:#0e1119e6;border:1px solid #5a92ff33;border-radius:8px;width:225px;padding:10px 12px;position:absolute;top:713px;left:58px}.model-decision small{color:#5f6a80;font:7px var(--mono);letter-spacing:.1em;margin-bottom:5px;display:block}.model-decision span{color:#aeb8cc;font:8px var(--mono)}.tree-trunk{background:linear-gradient(90deg,var(--blue),#5a92ff59);width:145px;height:2px;position:absolute;top:610px;left:250px}.tree-rail{background:linear-gradient(var(--coral),var(--blue),var(--violet),var(--mint));width:2px;height:915px;position:absolute;top:157px;left:393px}.tree-branch{background:#ffffff3b;width:135px;height:1px;position:absolute;left:395px}.branch-1{top:157px}.branch-2{top:462px}.branch-3{top:767px}.branch-4{top:1072px}.tree-branch:after{content:"";background:linear-gradient(90deg,#0000,#fff,#0000);animation:2s linear infinite flow;position:absolute;inset:-1px}.leaf{border:1px solid var(--line);opacity:0;background:#10131b;border-radius:14px;width:390px;height:245px;transition:opacity .65s,transform .8s;position:absolute;left:530px;overflow:hidden;transform:translate(-20px);box-shadow:0 28px 75px #00000057}.leaf-maya{top:35px}.leaf-james{top:340px}.leaf-sophie{top:645px}.leaf-noah{top:950px}.leaf-person{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:62px;padding:11px 14px;display:flex}.leaf-person>span{background:#222735;border-radius:50%;place-items:center;width:37px;height:37px;font-size:11px;display:grid}.leaf-person p{gap:3px;margin:0;display:grid}.leaf-person b{font-size:11px}.leaf-person small{color:#6a7387;font:8px var(--mono)}.leaf-page{color:#171717;background:#f1ede5;height:183px;padding:21px 25px}.leaf-page>small{color:var(--accent);font:7px var(--mono);letter-spacing:.1em}.leaf-page h3{letter-spacing:-.035em;max-width:315px;margin:10px 0 8px;font:400 26px/1 Georgia,serif}.leaf-page p{color:#716b65;font:7px var(--mono);margin:0 0 14px}.leaf-page button{color:#fff;background:#171717;border:0;width:100%;min-height:35px;font-size:8px}.checkout{--accent:var(--coral)}.research{--accent:var(--blue)}.loyalty{--accent:var(--violet)}.confidence{--accent:var(--mint)}.story[data-scene="1"] .current-store,.story[data-scene="1"] .device-fork,.story[data-scene="1"] .same-pages,.story[data-scene="1"] .resultflow-tree{opacity:0}.story[data-scene="2"] .current-store,.story[data-scene="3"] .device-fork,.story[data-scene="4"] .device-fork,.story[data-scene="3"] .same-pages,.story[data-scene="4"] .same-pages{opacity:1}.story[data-scene="4"] .same-verdict{animation:.65s cubic-bezier(.2,.8,.2,1) stamp}.story[data-scene="1"] .person,.story[data-scene="2"] .person,.story[data-scene="3"] .person{animation:stream-to-store var(--duration) linear var(--delay) infinite}.story[data-scene="1"] .person:before,.story[data-scene="2"] .person:before,.story[data-scene="3"] .person:before{opacity:.62}.story[data-scene="2"] .store-door,.story[data-scene="3"] .store-door{animation:2s ease-in-out infinite door-pulse}.story[data-scene="2"] .store-door:after,.story[data-scene="3"] .store-door:after{animation:1.35s ease-in-out infinite entry-glow}.story[data-scene="3"] .fork-trunk:after,.story[data-scene="4"] .fork-trunk:after{animation:1.7s linear infinite path-flow}.story[data-scene="3"] .mobile-line:after,.story[data-scene="4"] .mobile-line:after{animation:1.7s linear .25s infinite path-flow}.story[data-scene="3"] .desktop-line:after,.story[data-scene="4"] .desktop-line:after{animation:1.7s linear .7s infinite path-flow}.story[data-scene="3"] .mobile-gate,.story[data-scene="4"] .mobile-gate{animation:2.4s ease-in-out .25s infinite gate-pulse}.story[data-scene="3"] .desktop-gate,.story[data-scene="4"] .desktop-gate{animation:2.4s ease-in-out 1.15s infinite gate-pulse}.story[data-scene="4"] .phone-shell{animation:2.8s ease-in-out .2s infinite page-pulse}.story[data-scene="4"] .browser-shell{animation:2.8s ease-in-out 1.25s infinite page-pulse}.story[data-scene="5"] .signal-cloud,.story[data-scene="6"] .signal-cloud{opacity:1}.story[data-scene="6"] .person{--tone:var(--kind);opacity:.92;box-shadow:0 0 0 3px color-mix(in srgb,var(--kind) 15%,transparent)}.story[data-scene="6"] .cohort-label{opacity:1;transform:translateY(-5px)}.story[data-scene="7"] .signal-cloud,.story[data-scene="7"] .cohort-label{opacity:1}.story[data-scene="7"] .person{--tone:var(--kind)}.story[data-scene="7"] .resultflow-tree,.story[data-scene="8"] .resultflow-tree,.story[data-scene="9"] .resultflow-tree,.story[data-scene="10"] .resultflow-tree,.story[data-scene="11"] .resultflow-tree,.story[data-scene="12"] .resultflow-tree,.story[data-scene="13"] .resultflow-tree{opacity:1}.story[data-scene="8"] .leaf,.story[data-scene="9"] .leaf,.story[data-scene="10"] .leaf,.story[data-scene="11"] .leaf,.story[data-scene="12"] .leaf,.story[data-scene="13"] .leaf{opacity:1;transform:none}.story[data-scene="9"] .leaf:not(.leaf-maya),.story[data-scene="10"] .leaf:not(.leaf-james),.story[data-scene="11"] .leaf:not(.leaf-sophie),.story[data-scene="12"] .leaf:not(.leaf-noah){opacity:.12;filter:blur(1px)}.finale{z-index:18;text-align:center;opacity:0;visibility:hidden;background:radial-gradient(circle,#07080ddb,#07080df5);flex-direction:column;justify-content:center;align-items:center;padding:30px;transition:opacity .8s,visibility .8s;display:flex;position:absolute;inset:0 0 126px}.story[data-scene="13"] .finale{opacity:1;visibility:visible}.finale p{color:#687185;font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}.finale h2{letter-spacing:-.055em;max-width:1100px;margin:0;font-size:clamp(2.6rem,5.6vw,6rem);font-weight:500;line-height:.98}.finale h2 em{color:#929aac;font-family:Georgia,serif;font-weight:400}.finale a{color:#07100d;background:var(--mint);border-radius:4px;gap:40px;margin-top:35px;padding:14px 18px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.caption{z-index:24;color:#e2e5eb;text-align:center;opacity:0;width:min(850px,100% - 210px);font-size:clamp(16px,1.8vw,25px);font-weight:400;transition:opacity .35s,transform .5s;position:absolute;bottom:88px;left:50%;transform:translate(-50%)translateY(6px)}.caption.in{opacity:1;transform:translate(-50%)}.controls{z-index:25;justify-content:center;align-items:center;gap:17px;height:48px;display:flex;position:absolute;bottom:22px;left:30px;right:30px}.arrow,.home-control{border:1px solid var(--line);color:#dce0e8;cursor:pointer;background:#ffffff0b;border-radius:50%;place-items:center;width:44px;height:44px;text-decoration:none;transition:background .2s,border-color .2s;display:grid}.arrow:hover,.home-control:hover{background:#ffffff1a;border-color:#ffffff38}.arrow:disabled{opacity:.17;cursor:default}.home-control{color:#7b8497;width:30px;height:30px;margin-left:-8px;font-size:16px}.dots{gap:7px;display:flex}.dots button{cursor:pointer;background:#343b49;border:0;border-radius:50%;width:6px;height:6px;padding:0;transition:transform .3s,background .3s}.dots button.active{background:#eef1f6;transform:scale(1.45)}.count{color:#657084;font:9px var(--mono)}.hint{z-index:24;color:#4d5566;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;position:absolute;bottom:40px;right:30px}@keyframes arrive{0%{opacity:0;transform:translate(-35px,18px)}to{opacity:.72;transform:none}}@keyframes stream-to-store{0%{opacity:0;transform:translate(0)scale(.82)}8%{opacity:.72}82%{opacity:.72}to{opacity:0;transform:translate(calc(1120px - var(--x)),calc(600px - var(--y))) scale(.24)}}@keyframes door-pulse{0%,to{border-color:#5a92ff40;box-shadow:0 0 55px #5a92ff1a}50%{border-color:#5a92ff9e;box-shadow:0 0 75px #5a92ff3d,inset 0 0 35px #5a92ff12}}@keyframes entry-glow{0%,to{opacity:.12;transform:translate(-50%)scale(.7)}50%{opacity:1;transform:translate(-50%)scale(1.65)}}@keyframes path-flow{to{transform:translate(100%)}}@keyframes gate-pulse{0%,to{border-color:var(--line);transform:scale(1);box-shadow:0 0 #5a92ff00}45%{border-color:#5a92ff9e;transform:scale(1.025);box-shadow:0 0 32px #5a92ff2e}}@keyframes page-pulse{0%,to{box-shadow:0 35px 80px #00000061}48%{box-shadow:0 35px 80px #00000061,0 0 0 2px #5a92ff66,0 0 42px #5a92ff38}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}70%{transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes drift{to{transform:translate(2%,1%)scale(1.04)}}@media (width<=700px){.viewport{inset:0 0 128px}.caption{width:calc(100% - 36px);font-size:16px;bottom:78px}.controls{gap:9px;bottom:16px;left:10px;right:10px}.hint,.count{display:none}.dots{gap:5px}.dots button{width:5px;height:5px}.arrow{width:40px;height:40px}.home-control{width:29px;height:29px;margin-left:-4px}.finale{inset:0 0 116px}.finale h2{font-size:clamp(2.25rem,11vw,4rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}