:root{color-scheme:dark;--ink:#f5f7fa;--muted:#9aa3af;--blue:#9bd2f4;--line:#ffffff20}
#story *{box-sizing:border-box}#story,#story{margin:0;width:100%;height:100%;overflow:hidden;background:#030405;color:var(--ink)}#story{font-family:'Open Sans',sans-serif;overscroll-behavior:none}#story button,#story a{-webkit-tap-highlight-color:transparent}#story button{font:inherit;color:inherit;cursor:pointer}#story a{color:inherit;text-decoration:none}#story button:focus-visible,#story a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}#story button:disabled{opacity:.3;cursor:default}
#story header{position:absolute;z-index:5;left:5.8%;right:5.8%;top:28px;height:48px;display:flex;align-items:center;justify-content:space-between}#story .logo{width:145px;height:auto;display:block;filter: drop-shadow(0 0 1px white);} #story .study{font-family:Rajdhani,sans-serif;letter-spacing:.15em;text-transform:uppercase;font-size:12px;color:#8d959e}#story .study b{font-weight:500;color:#e5e8eb;margin-left:12px}#story .compare{font-size:11px;color:#a3aab3;display:flex;gap:16px;align-items:center}#story .compare:hover{color:white}
#story .stage-layout{position:absolute;inset:100px 0 105px;isolation:isolate;overflow:hidden}#story .copy-stage{position:absolute;z-index:2;left:7%;top:17%;width:37%;max-width:495px}#story .eyebrow{font:500 12px Rajdhani,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#a0adbb;margin:0 0 25px;display:flex;gap:12px;align-items:center}#story .eyebrow:before{content:'';height:1px;width:28px;background:#70a5cf}#story .copy-stack{position:relative}#story .copy{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s}#story .copy.active{opacity:1;visibility:visible}#story .copy h1,#story .copy h2{font:600 clamp(30px,3.35vw,58px)/1.13 Montserrat,sans-serif;letter-spacing:-.045em;margin:0 0 28px}#story .copy h2{font-size:clamp(28px,3.15vw,54px)}#story .copy p{font-size:clamp(13px,1.08vw,16px);line-height:1.8;color:#bac0c9;margin:0;max-width:350px}#story .copy p.small{font-size:11px;color:#777f89;line-height:1.75;max-width:290px;margin-top:22px}#story .result{padding-top:7px}#story .result strong{font:500 clamp(36px,3.5vw,56px)/1.1 Montserrat,sans-serif;letter-spacing:-.05em;color:#eaf5ff}#story .result p{margin-top:12px;font-size:11px;line-height:1.65;color:#9aa4b1}
#story .visual{position:absolute;z-index:1;width:min(69vw,1100px);aspect-ratio:4/3;right:1%;top:50%;transform:translateY(-50%);pointer-events:none}#story .visual canvas{position:absolute;width:100%;height:100%;inset:0}#story .light{position:absolute;inset:-18% -5% -3%;background:radial-gradient(ellipse 43% 56% at 49% 49%,#c5dcf214 0%,#97b6dc09 44%,transparent 76%);filter:blur(18px)}#story .floor{position:absolute;left:13%;right:19%;top:83%;height:10%;background:radial-gradient(ellipse,#b5d5f916,transparent 67%);filter:blur(9px)}#story .platforms{position:absolute;inset:0;opacity:0;transition:opacity .4s ease}#story .platforms.active{opacity:1}#story .platforms span{position:absolute;top:var(--y);left:73%;font:500 clamp(9px,.8vw,13px) 'Open Sans',sans-serif;white-space:nowrap;color:#bbc8d6;display:flex;align-items:center;gap:9px}#story .platforms span:before{content:'';display:block;width:18px;height:1px;background:var(--c)}
#story .story-controls{position:absolute;z-index:5;bottom:28px;left:5.8%;right:5.8%;border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}#story .instruction{display:flex;align-items:center;gap:14px;color:#9ea7b1;font-size:10px}#story .scroll-icon{color:#d2dce6;font-size:20px}#story .scene-nav{display:flex;align-items:center;gap:4px}#story .scene-nav button{border:0;background:transparent;padding:14px 5px;min-height:44px}#story .scene-nav button span{display:block;width:25px;height:2px;background:#41454b;transition:background .3s,width .3s}#story .scene-nav button[aria-current] span{width:42px;background:#b4dafa}#story .counter{font:500 12px Rajdhani,sans-serif;margin-left:17px;letter-spacing:.08em;color:#707984}#story .counter b{color:#d9e2ec;font-weight:500}#story .controls{display:flex;align-items:center;gap:8px}#story .controls button{border:1px solid #ffffff23;background:#ffffff03;width:38px;height:38px;border-radius:50%;font-size:18px;transition:background .2s}#story .controls button:hover:not(:disabled){background:#ffffff12}#story .controls #play{width:auto;border-radius:24px;padding:0 16px;font-size:10px;margin-right:7px;display:flex;gap:16px;align-items:center}#story .controls #play span{font-size:18px}#story .loading{position:absolute;z-index:4;inset:0;background:#030405ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .35s}#story .loading p{font-size:12px;color:#a8b7c7}#story .loading>span{width:90px;height:1px;background:linear-gradient(90deg,transparent,#a7d7f7,transparent);animation:breathe 1.3s infinite alternate}#story .ready .loading{opacity:0;pointer-events:none}#story .nojs{position:fixed;z-index:10;bottom:100px;left:7%}@keyframes breathe{from{opacity:.25}to{opacity:1}}
@media(min-width:1600px){#story .copy-stage{top:20%}#story .visual{right:5%}}
@media(max-width:900px){#story header{left:6%;right:6%;top:20px}#story .logo{width:125px}#story .study{display:none}#story .compare{font-size:10px}#story .stage-layout{inset:85px 0 135px}#story .copy-stage{left:8%;top:4%;width:84%;max-width:none}#story .eyebrow{font-size:10px;margin-bottom:18px}#story .copy h1,#story .copy h2{font-size:clamp(28px,5.5vw,43px);line-height:1.12;letter-spacing:-.04em;max-width:90%;margin-bottom:16px}#story .copy h1 br,#story .copy h2 br{display:none}#story .copy h1 br:after,#story .copy h2 br:after{content:' '}#story .copy h1,#story .copy h2{max-width:410px}#story .copy p{font-size:12px;max-width:340px;line-height:1.65}#story .copy p.small{display:none}#story .result{padding-top:0}#story .result strong{font-size:32px}#story .result p{font-size:9px;margin-top:5px}#story .visual{width:min(120vw,calc((100svh - 220px)*.92));right:50%;top:auto;bottom:6%;transform:translateX(50%);max-height:none;aspect-ratio:4/3}#story .platforms span{font-size:8px;gap:5px}#story .platforms span:before{width:10px}#story .light{inset:-25% 0 -8%}#story .story-controls{bottom:20px;left:6%;right:6%;padding-top:14px;gap:9px;display:grid;grid-template-columns:1fr auto}#story .instruction{grid-column:1/-1;width:100%;font-size:9px;gap:9px}#story .scroll-icon{font-size:14px}#story .scene-nav{gap:1px}#story .scene-nav button{padding:14px 2px}#story .scene-nav button span{width:14px}#story .scene-nav button[aria-current] span{width:22px}#story .counter{font-size:10px;margin-left:10px}#story .controls{gap:5px}#story .controls #play{padding:0 11px;gap:8px;font-size:9px;margin:0}#story .controls button{width:32px;height:32px}#story .platforms span{left:72%}}
@media(max-width:900px) and (max-height:700px){#story .stage-layout{inset:80px 0 120px}#story .eyebrow{margin-bottom:12px}#story .copy h1,#story .copy h2{font-size:27px;margin-bottom:10px}#story .visual{bottom:1%}#story .copy p{font-size:10px;max-width:290px}#story .result strong{font-size:25px}#story .result p{font-size:8px}}
@media(prefers-reduced-motion:reduce){#story *,#story *:before,#story *:after{animation:none!important;transition:none!important}}

/* Approved homepage type and marker treatment, on the fixed preview text anchor. */
:root{--f-h:"Montserrat","Helvetica Neue",Arial,sans-serif;--f-b:"Open Sans","Helvetica Neue",Arial,sans-serif;--f-l:"Rajdhani","Arial Narrow",sans-serif;--t-lead:clamp(16px,1.25vw,18px);--t-fig:clamp(36px,3.6vw,56px)}
#story{-webkit-font-smoothing:antialiased}
#story .copy-stage{top:calc(17% + 47px)}
#story .copy{transition:none;opacity:0;visibility:hidden}
#story .copy.active,#story .copy.changing{opacity:1;visibility:visible}
#story .copy .hl{font:800 clamp(24px,2.4vw,40px)/1.02 var(--f-h);letter-spacing:-.03em;text-wrap:balance;color:#f5f7fa;overflow:hidden;padding-bottom:.1em;margin:0 0 -.1em;max-width:none}
#story .copy .hl .iw{color:inherit;background:linear-gradient(rgba(79,152,206,.45),rgba(79,152,206,.45)) left 62%/0% 34% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em .2em;margin:0 -.06em;transition:background-size .6s cubic-bezier(.16,1,.3,1)}
#story .copy .hl.lit .iw{background-size:100% 34%;transition:background-size var(--marker-duration,.6s) cubic-bezier(.16,1,.3,1) .1s}
#story .copy .lead,#story .copy .who{font:400 var(--t-lead)/1.45 var(--f-b);color:#b4bbc5;margin:16px 0 0;max-width:34ch;text-wrap:pretty}
#story .copy .who{margin-top:8px}
#story .copy .ctr{position:static;display:flex;flex-direction:column;margin-top:28px;max-width:none}
#story .copy .num{margin:0;max-width:none;font:800 var(--t-fig)/1 var(--f-h);letter-spacing:-.03em;color:#72b6e9;font-variant-numeric:tabular-nums;white-space:nowrap}
#story .copy .lbl{order:-1;margin:0 0 6px;max-width:none;color:#72b6e9;font:700 15px/1.2 var(--f-l);text-transform:uppercase;letter-spacing:.16em}
#story .copy .dz{position:absolute;pointer-events:none;display:none;z-index:2}
@media(min-width:1600px){#story .copy-stage{top:calc(20% + 47px)}}
@media(max-width:900px){
 #story .copy-stage{top:calc(4% + 34px)}
 #story .copy .hl{font:800 clamp(32px,8.7vw,37px)/1.06 var(--f-h);text-wrap:initial;letter-spacing:-.035em;max-width:360px}
 #story .copy .lead{font:400 16px/1.55 var(--f-b);margin-top:18px;max-width:none}
 #story .copy .who{display:block;font:400 14px/1.5 var(--f-b);margin-top:12px;max-width:none}
 #story .copy .ctr{margin-top:18px}#story .copy .num{font-size:36px}#story .copy .lbl{font-size:12px;letter-spacing:.06em;white-space:normal}
}
@media(max-width:900px) and (max-height:700px){#story .copy-stage{top:calc(4% + 28px)}#story .copy .hl{font-size:30px}}
@media(prefers-reduced-motion:reduce){#story .copy .hl .iw{background-size:100% 34%;transition:none}#story .copy .dz{display:none!important}}