/* Device frames are drawn in CSS; every screen contains an actual UI capture. */
.hero{min-height:650px;padding-top:44px;padding-bottom:44px}.hero-screen img{max-height:470px;width:auto;max-width:100%;margin:auto}.hero-screen{width:270px}.hero-copy h1{font-size:clamp(48px,5vw,68px)}@media(max-width:700px){.hero{padding-top:40px;padding-bottom:40px}.hero-copy h1{font-size:56px}.hero-screen img{max-height:500px}.hero-screen{width:260px}}
.poi-section{border-bottom:1px solid var(--line);padding-top:65px;padding-bottom:65px}.poi-section>p:not(.eyebrow){max-width:750px}.poi-row{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding:20px 10px 24px;margin:10px -10px;scrollbar-color:#43545b #11191c}.poi-item{width:58px;height:60px;flex:0 0 58px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;transition:box-shadow .2s,background .2s,border-color .2s}.poi-sprite{display:block;background-repeat:no-repeat;transition:filter .2s}.poi-item:hover,.poi-item:focus-visible{background:#bcf47c12;border-color:#bcf47c99;box-shadow:0 0 20px #bcf47c55;outline:0}.poi-item:hover .poi-sprite,.poi-item:focus-visible .poi-sprite{filter:drop-shadow(0 0 5px #bcf47c)}.company-icons summary{font-size:12px;color:#9aadb2;cursor:pointer;padding:15px 0}.company-icons[open]{margin-top:10px}
.map-story{display:block}.map-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:35px}.map-story .map-gallery figure{max-width:300px}.map-story .story-copy{max-width:800px}.story-copy .plain{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.theme-pair{display:flex;justify-content:center;gap:50px}.theme-pair figure{max-width:270px}.theme-pair img,.map-gallery img{border:1px solid var(--line);border-radius:12px}.themes{border-top:1px solid var(--line)}@media(max-width:700px){.map-gallery{grid-template-columns:1fr;gap:30px}.map-story .map-gallery figure{max-width:285px}.story-copy .plain{grid-template-columns:1fr}.theme-pair{gap:16px}.theme-pair figure{max-width:45%}.theme-pair figcaption{font-size:10px}}
.hero-screen{max-width:310px;justify-self:center;transform:rotate(2deg)}.hero-screen img{aspect-ratio:auto;object-fit:contain}.map-story figure{max-width:340px;justify-self:center}.map-story img{aspect-ratio:auto}.wide-shot{max-width:340px;margin:auto}.wide-shot img{max-height:none;aspect-ratio:auto}.duo figure{max-width:340px;justify-self:center}.duo img{aspect-ratio:auto}.launcher-shot{max-width:300px}.device-details{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:none;margin-top:40px}.device-details article{border-top:1px solid var(--line);border-bottom:0}.device-scene{position:relative;height:530px;max-width:1060px;margin:40px auto 0;background:radial-gradient(ellipse at 50% 68%,#29443555,transparent 65%)}.monitor{position:absolute;left:12%;top:0;width:64%}.monitor-screen{padding:12px 12px 27px;background:linear-gradient(#222c30,#0b1215);border:1px solid #546063;border-radius:12px;box-shadow:0 20px 65px #0006}.monitor-screen img{aspect-ratio:1.6;object-fit:cover;border-radius:3px}.monitor-neck{height:66px;width:8%;margin:auto;background:linear-gradient(90deg,#727c80,#a9b2b4,#5e676b);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.monitor-foot{height:10px;width:29%;margin:auto;background:#a0aaad;border-radius:50% 50% 5px 5px}.macbook{position:absolute;left:0;bottom:12px;width:48%;z-index:2}.laptop-screen{position:relative;padding:14px 11px 18px;background:#070c0e;border:2px solid #7d898d;border-radius:12px 12px 3px 3px}.laptop-screen img{aspect-ratio:1.6;object-fit:cover}.camera-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:#485953;top:5px;left:50%}.laptop-base{position:relative;margin-left:-5%;width:110%;height:15px;border-radius:2px 2px 50% 50%;background:linear-gradient(#ccd3d5,#7c878c);box-shadow:0 15px 30px #0005}.laptop-base span{display:block;position:absolute;left:42%;width:16%;height:4px;background:#8d979b;border-radius:0 0 6px 6px}.scene-phone{position:absolute;z-index:3;width:15%;background:#090f12;border:2px solid #6e7b81;border-radius:22px;padding:6px;box-shadow:0 15px 35px #0007}.scene-phone:before{content:'';position:absolute;z-index:4;width:35%;height:6px;border-radius:0 0 6px 6px;background:#090f12;top:5px;left:32%}.scene-phone img{border-radius:15px}.phone-one{bottom:0;right:19%;transform:rotate(-5deg)}.phone-two{bottom:10px;right:0;transform:rotate(5deg)}@media(max-width:1000px){.device-scene{height:440px}.monitor{width:68%;left:10%}.macbook{width:49%}.scene-phone{width:16%}.device-details{gap:20px}}@media(max-width:700px){.hero-screen{justify-self:center;max-width:285px}.map-story figure,.duo figure{max-width:300px}.wide-shot{max-width:300px}.device-scene{height:280px;margin-top:20px}.monitor{left:4%;width:80%}.monitor-screen{padding:5px 5px 12px;border-radius:6px}.monitor-neck{height:30px}.monitor-foot{height:5px}.macbook{width:59%;bottom:15px}.laptop-screen{padding:8px 5px;border-width:1px;border-radius:6px 6px 0 0}.laptop-base{height:8px}.scene-phone{width:20%;padding:3px;border-width:1px;border-radius:12px}.scene-phone img{border-radius:9px}.scene-phone:before{height:3px;top:3px}.phone-one{right:20%;bottom:0}.phone-two{right:0;bottom:6px}.device-details{grid-template-columns:1fr;gap:0;margin-top:25px}.launcher-shot{max-width:280px}}@media(max-width:380px){.device-scene{height:240px}}

.launcher-visuals{display:grid;gap:28px;justify-items:center;min-width:0}.launcher-window{width:100%;max-width:540px}.launcher-window img{border:1px solid #43545b;border-radius:10px}.launcher-visuals .launcher-shot{margin:0}

/* Navigation stays available while reading every section. */
html{scroll-padding-top:112px}.top{position:sticky;top:0;z-index:50;max-width:none;background:#11191cf5;backdrop-filter:blur(12px)}.top nav{gap:24px}.top nav a{white-space:nowrap}
@media(max-width:1000px){html{scroll-padding-top:145px}.top{height:auto;min-height:92px;flex-wrap:wrap;gap:14px;padding-top:14px;padding-bottom:14px}.top nav{display:flex;order:3;flex-basis:100%;justify-content:center;gap:24px;font-size:12px}.top .login{margin-left:auto}}
@media(max-width:700px){.top{min-height:78px;padding:12px 20px;gap:12px}.top nav{justify-content:flex-start;gap:20px;overflow-x:auto;padding-bottom:4px;font-size:11px}.top nav a{flex:0 0 auto}}

:is(.hero-screen,.map-gallery figure,.wide-shot,.duo figure,.theme-pair figure,.launcher-shot) img{transition:box-shadow .2s ease,border-color .2s ease}
:is(.hero-screen,.map-gallery figure,.wide-shot,.duo figure,.theme-pair figure,.launcher-shot):hover img{box-shadow:0 0 28px #bcf47c66;border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){:is(.hero-screen,.map-gallery figure,.wide-shot,.duo figure,.theme-pair figure,.launcher-shot) img{transition:none}}

.hero-screen:hover{box-shadow:0 0 28px #bcf47c66,0 30px 90px #0004}
.back-to-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;width:52px;height:52px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--accent);background:var(--accent);color:#101a1e;box-shadow:0 4px 20px #0006;cursor:pointer;transition:transform .2s,box-shadow .2s}.back-to-top[hidden]{display:none}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 24px #bcf47c44}.back-to-top:focus-visible{outline:3px solid #fff;outline-offset:4px}