/* Entrances are progressive enhancement; all content is visible without the controller. */
.enter{transition:opacity .85s ease,translate 1.05s cubic-bezier(.2,.75,.2,1);transition-delay:var(--entrance-delay,0ms)}
.enter:not(.arrived){opacity:0;translate:0 32px}.enter.arrived{opacity:1;translate:0 0}
.count-digits{font:inherit!important;font-size:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;color:inherit!important;margin:0!important;display:inline!important;font-variant-numeric:tabular-nums}
.button{transition:transform .25s ease,box-shadow .25s ease}.button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0002}.button:active{transform:translateY(0) scale(.97)}
.input-columns article>svg{transition-duration:1.3s}.provider-options>span{transition-property:opacity,translate,border-color}.provider-options>span:hover{border-color:var(--accent)}
.old-data.enter,.new-data.enter{transform-origin:bottom;transition:opacity .8s ease,scale 1.4s cubic-bezier(.2,.8,.2,1)}.old-data.enter:not(.arrived),.new-data.enter:not(.arrived){scale:1 .12;translate:0 0}
.quality-seam{animation:quality-scan 7s ease-in-out infinite}.unveiling:not(.scene-visible) .quality-seam{animation-play-state:paused}@keyframes quality-scan{0%,100%{left:38%}50%{left:63%}}
.quality-labels{justify-content:space-between;padding:0 12px}.quality-labels span{max-width:35%}
/* Connect Anywhere combines atmospheric artwork with a visual connection story. */
#loom{height:360svh}.mesh-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#0a0d13}.mesh-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48;transform:scale(calc(1.12 - var(--mesh-progress,0) * .08));transition:opacity 1s;mask-image:linear-gradient(#0005,#000 38%,#0009)}.coast-mesh-art,.halo-mesh-art{display:none}.mesh-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(#090c14d9,transparent 45%,#090c14c9)}
.mesh-proof>header,.mesh-proof>.mesh-visual,.mesh-principles{position:relative;z-index:1}.mesh-proof>header{align-items:center}.mesh-proof>header .small-label{display:block;font-size:11px;margin-bottom:18px;letter-spacing:.16em;color:var(--accent)}
.mesh-proof .mesh-device>rect{fill:#101722ce;stroke:#d7d8ea29;transition:fill .6s,stroke .6s;rx:28}.mesh-device .mesh-aura{fill:var(--accent);opacity:0;filter:blur(24px);transition:opacity .8s}.mesh-device .mesh-ripple{fill:none;stroke:var(--accent);stroke-width:1;opacity:0;transform-origin:center;transform-box:fill-box}.mesh-device.reached .mesh-aura{opacity:.14}.mesh-device.reached>rect{stroke:var(--accent);fill:#192336e6}.mesh-device.storing .mesh-ripple{animation:receive-ring 1.8s ease-out infinite}.mesh-device:not(.reached){opacity:.65}.mesh-device{transition:opacity .8s}.mesh-packet-halo{fill:var(--accent);opacity:.12;filter:blur(5px)}.mesh-packet{filter:drop-shadow(0 0 10px var(--accent))}.mesh-status{padding-top:2svh;min-height:70px}.mesh-status>span{font-size:clamp(20px,2.4vw,34px);font-weight:500;letter-spacing:-.04em}.mesh-status p{font-size:14px;margin-top:12px}.mesh-principles{display:flex;justify-content:center;gap:40px;margin-top:3svh;font-size:11px;letter-spacing:.07em;color:var(--muted)}.mesh-principles span:before{content:'';width:4px;height:4px;display:inline-block;border-radius:50%;background:var(--accent);margin-right:9px}
.loom-dark .unveil-proof,.obsidian-loom-unveil .unveil-proof{--ink:#f2f4fb;--muted:#b9c3d5;--line:#cdd8ed30;--panel:#142032;--accent:#c3beff;color:var(--ink)}
.coastal-unveil .unveil-proof{--ink:#f4faf5;--muted:#d0e2dc;--line:#daeae340;--panel:#213b37;--accent:#cee3c5;color:var(--ink)}.chroma .coast-mesh-art{display:block;opacity:.7}.chroma .dark-mesh-art{display:none}.chroma .mesh-atmosphere:after{background:linear-gradient(#102f35df,#102f3570 50%,#102f35e6)}.chroma .mesh-proof .mesh-device>rect{fill:#203c3ce6}.chroma .mesh-proof .mesh-device.reached>rect{fill:#41615ae6}
.lumen .halo-mesh-art{display:block;opacity:.55}.lumen .dark-mesh-art{display:none}.lumen .mesh-atmosphere{background:#eae3ed}.lumen .mesh-atmosphere:after{background:linear-gradient(#f2edf2de,#f2edf233 55%,#f2edf2e8)}.lumen .mesh-proof .mesh-device>rect{fill:#fff9;stroke:#70577740}.lumen .mesh-proof .mesh-device.reached>rect{fill:#ffffffdf;stroke:#9f78ac}.lumen .mesh-status{color:#4a344f}.lumen .mesh-status p,.lumen .mesh-principles{color:#78617e}
@keyframes receive-ring{0%{opacity:.65;scale:.9}100%{opacity:0;scale:1.45}}
/* Two image intervals per page, with the second preceding the keynote's surprise. */
main>.image-interlude{height:80svh;min-height:500px;position:relative;display:flex;align-items:center;padding:var(--gutter);color:#453b49;background:#eae3df;overflow:clip}.interlude-image{position:absolute;inset:-40px 0}.interlude-image img{width:100%;height:100%;object-fit:cover;transform:translateY(var(--image-shift,0px)) scale(1.04);will-change:transform}.image-interlude>div:last-child{position:relative;z-index:1;margin-left:auto;max-width:60%}.image-interlude h2{font-size:clamp(55px,7.5vw,125px);margin-top:28px}.image-interlude .small-label{font-size:13px}.image-interlude:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ede6e0a6);pointer-events:none}.chroma .image-interlude{color:#eff9f1;background:#193e3e}.chroma .image-interlude:after{background:linear-gradient(90deg,#183e3e22,#183e3edb)}.chroma .image-interlude h2{font-family:Georgia,serif;font-weight:400;font-style:italic}.supernova .image-interlude{color:#f2f2f4;background:#0a0d12}.supernova .image-interlude:after{background:linear-gradient(90deg,#0b101644,#0b1016db)}.supernova .image-interlude>div:last-child{margin-left:0}.supernova .image-interlude h2{font-size:clamp(60px,9vw,155px)}.lumen main>.image-interlude{margin:30px var(--gutter);border-radius:30px;height:65svh}.lumen .image-interlude>div:last-child{max-width:65%}.lumen .image-interlude h2{font-size:clamp(55px,6.5vw,105px)}
.windows-story{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:center}.windows-story h2{margin:25px 0;font-size:clamp(48px,5.8vw,98px)}.windows-story p{max-width:540px}.platform-coming{display:block;margin-top:35px;font-size:13px;color:var(--accent)}.windows-captures .capture{border-radius:6px}.platform-orbit{display:flex;justify-content:space-between;gap:15px;padding-top:30px;color:var(--muted);font-size:12px}.chroma .windows-story{background:#dce6de;grid-template-columns:1.15fr 1fr}.chroma .windows-story>div:first-child{order:2}.chroma .windows-captures .capture{border-radius:14px}.lumen .windows-story{display:block;text-align:center}.lumen .windows-story p{margin:auto}.lumen .windows-captures{max-width:960px;margin:60px auto 0}.lumen .platform-orbit{justify-content:center;gap:50px}.supernova .windows-story{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.supernova .windows-story h2{font-size:clamp(60px,7vw,120px)}
@media(max-width:900px){.mesh-proof>header h3{font-size:40px}.mesh-proof>header p{font-size:16px}.mesh-principles{gap:20px;font-size:10px}.windows-story{gap:40px}.windows-story p{font-size:17px}}
@media(max-width:650px){.enter:not(.arrived){translate:0 24px}.mesh-proof>header h3{font-size:34px}.mesh-proof>header .small-label{font-size:10px;margin-bottom:12px}.mesh-proof>header p{font-size:15px;line-height:1.4;margin-top:16px}.mesh-proof .mesh-visual>svg{max-height:32svh}.mesh-proof .mesh-status{padding-top:0;min-height:67px}.mesh-status>span{font-size:20px}.mesh-status p{font-size:12px;max-width:310px;margin-top:8px}.mesh-principles{gap:9px;margin-top:1svh;font-size:8px;letter-spacing:0}.mesh-principles span:before{margin-right:5px;width:3px;height:3px}.mesh-art{object-position:45%}.windows-story,.chroma .windows-story{grid-template-columns:1fr;gap:45px}.chroma .windows-story>div:first-child{order:0}.windows-story h2{font-size:46px}.supernova .windows-story h2{font-size:58px}.platform-coming{font-size:12px;margin-top:25px}.platform-orbit{font-size:11px;gap:8px;padding-top:20px}.lumen .windows-captures{margin-top:40px}.lumen .platform-orbit{gap:20px}main>.image-interlude{height:65svh;min-height:430px;padding:60px 24px}.image-interlude>div:last-child,.lumen .image-interlude>div:last-child{max-width:100%;margin:0}.image-interlude h2,.lumen .image-interlude h2{font-size:60px}.image-interlude .small-label{font-size:11px}.lumen main>.image-interlude{margin:20px 16px;border-radius:20px}.image-interlude:after{background:#ece3de77}.chroma .image-interlude:after{background:#183e3e88}.supernova .image-interlude h2{font-size:64px}}
@media(max-height:700px) and (max-width:650px){.mesh-proof>header h3{font-size:28px}.mesh-proof>header p{font-size:14px;line-height:1.3;margin-top:12px}.mesh-proof>header .small-label{display:none}.mesh-proof .mesh-visual>svg{max-height:29svh}.mesh-proof .mesh-status>span{font-size:18px}.mesh-principles{margin-top:0}}
body.reduced .enter{opacity:1;translate:none;scale:none;transition:none}body.reduced .quality-seam,body.reduced .mesh-ripple{animation:none}body.reduced .interlude-image img{transform:none;will-change:auto}body.reduced .mesh-art{transform:none}
@media(prefers-reduced-motion:reduce){.enter{opacity:1!important;translate:none!important}.quality-seam,.mesh-ripple{animation:none!important}}

/* Scroll owns these values, including reverse scrolling and the final-value hold. */
.metric-scene{height:280svh}.metric-scene .pin-stage{display:grid;align-items:center}.metric-content{padding:5svh var(--gutter);width:100%;will-change:transform,opacity}.metric-content.threshold-data,.metric-content.coastal-metrics,.metric-content.halo-data,.metric-content.obsidian-data{background:transparent}.metric-scene:has(.threshold-data) .pin-stage{background:#101019}.metric-content strong>.scroll-digits,.scroll-digits{font:inherit!important;font-size:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;margin:0!important;display:inline!important;font-variant-numeric:tabular-nums}.metric-content .data-blocks{height:32svh;max-height:350px}.metric-content .halo-data-circle{max-height:65svh}.metric-content .halo-data-circle{background:conic-gradient(#cdb4c9 calc(var(--metric-fill,0) * 60%),#e7d7dc 0)}.metric-content .new-data{clip-path:inset(calc((1 - var(--metric-fill,0)) * 100%) 0 0)}.metric-content.threshold-response{gap:30px 10vw}.metric-content.threshold-response>p{font-size:18px}.metric-content.obsidian-data strong{font-size:clamp(90px,13vw,210px)}
.intro-rise{position:absolute;inset:-45% -25% 0;pointer-events:none;background:radial-gradient(ellipse at 50% 90%,#9580dbd9 0%,#535391aa 35%,transparent 69%);transform:translateY(calc((1 - var(--intro-rise,0)) * 100%));opacity:var(--intro-rise,0);will-change:transform,opacity}.chroma .intro-rise{background:radial-gradient(ellipse at 50% 90%,#64b7a9 0%,#94c8bbad 35%,transparent 69%)}.lumen .intro-rise{background:radial-gradient(ellipse at 50% 90%,#c89fb9 0%,#c2b3dda8 35%,transparent 69%)}.supernova .intro-rise{background:radial-gradient(ellipse at 50% 90%,#a4b198 0%,#b7c1aba8 35%,transparent 69%)}.intro-exit{position:absolute;inset:0;background:var(--intro-next,var(--bg));opacity:var(--intro-exit,0);z-index:4;pointer-events:none}.intro-rise~.unveil-title{z-index:1}.intro-rise~.unveil-proof{z-index:2}
@media(max-width:650px){.metric-content{padding:5svh 24px;gap:24px!important}.metric-content h2,.metric-content.threshold-data h2{font-size:32px;margin:14px 0}.metric-content p,.metric-content.threshold-response>p{font-size:14px}.metric-content strong,.metric-content.threshold-response strong,.metric-content.threshold-data strong,.metric-content.obsidian-data strong{font-size:100px}.metric-content .data-blocks{height:22svh;max-height:175px}.metric-content .data-blocks>span{font-size:36px;padding:12px}.metric-content .halo-data-circle{width:min(240px,31svh);margin:auto}.metric-content .halo-data-circle strong{font-size:85px}.metric-content .halo-data-circle p{font-size:12px}.metric-content .halo-delay{margin-top:20px}.metric-content .halo-delay strong{font-size:45px}.metric-content .coastal-number strong{font-size:105px}.metric-content .coastal-comparison>div{padding:10px 0}.metric-content .coastal-comparison b{font-size:24px}.metric-content .coastal-comparison>p{font-size:13px;margin-top:12px}.metric-content .coastal-comparison h3{font-size:25px;margin-top:22px}.metric-content.obsidian-data>div{padding-top:20px}.metric-content.threshold-response div p{margin-top:12px}.metric-content.halo-data>div:last-child>p{margin-top:15px}}
@media(max-height:600px) and (min-width:651px){.metric-content h2{font-size:36px}.metric-content p{font-size:15px}.metric-content strong,.metric-content.obsidian-data strong,.metric-content.threshold-data strong,.metric-content.threshold-response strong{font-size:100px}.metric-content .coastal-number strong{font-size:120px}.metric-content .coastal-comparison h3{margin-top:20px}.metric-content .coastal-comparison>div{padding:10px 0}.metric-content .halo-delay{margin-top:20px}}
body.reduced #loom,body.reduced .metric-scene{height:auto}body.reduced .metric-content{opacity:1!important;transform:none!important;padding-top:80px;padding-bottom:80px}body.reduced .intro-rise,body.reduced .intro-exit{display:none}body.reduced .metric-content .new-data{clip-path:none}