@font-face{font-family:Radar;src:url('/assets/Roboto-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Radar;src:url('/assets/Roboto-Bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--bg:#080f1c;--surface:#111d2e;--raised:#19283d;--border:#243249;--blue:#3985ff;--cyan:#5ac8fa;--text:#f3f6fd;--muted:#91a2bb;--green:#47d9a3;--purple:#ad98ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Radar,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:700}p{line-height:1.7}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.icon,.feature-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--blue);padding:16px;border-radius:8px}.skip-link:focus{top:12px}.site-header{height:94px;border-bottom:1px solid rgba(145,162,187,.14);background:rgba(8,15,28,.94);position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}.brand{display:inline-flex;gap:12px;align-items:center;white-space:nowrap}.brand img{border:1px solid #304463;border-radius:12px}.brand>span{font-size:30px;font-weight:700;letter-spacing:-1.15px}.brand>span>span,.app-brand strong span{color:var(--blue)}.desktop-nav{display:flex;align-items:center;gap:33px;font-size:14px}.desktop-nav a{color:#c9d3e5;transition:color .2s}.desktop-nav a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:49px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-outline{border:1px solid #3985ff99;background:#0b1728}.button-outline:hover{background:#122942}.button .icon{width:19px;height:19px}.button-primary{background:var(--blue)}.button-primary:hover{background:#5798ff}.hero{position:relative;overflow:clip;border-bottom:1px solid var(--border)}.hero-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 43%,#11326466 0,transparent 58%)}.hero-atmosphere:after{content:"";position:absolute;inset:0 0 0 34%;background:url('/assets/map-preview.png') center 36%/850px auto no-repeat;opacity:.08;transform:rotate(-21deg) scale(1.2);mask-image:radial-gradient(ellipse,#000 0,transparent 67%)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:765px;gap:30px}.hero-copy{position:relative;z-index:3;padding:60px 0 86px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:#a4b9d8;display:flex;align-items:center;gap:10px;margin-bottom:28px;line-height:1.7}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 13px #3985ff99;flex:none}h1{font-size:clamp(60px,6.25vw,90px);line-height:1.045;letter-spacing:-4.5px;margin-bottom:28px}h1>span{color:var(--blue)}.hero-lead{font-size:20px;line-height:1.55;margin-bottom:6px;letter-spacing:-.3px}.hero-description{font-size:17px;color:#b2c0d5;line-height:1.65;margin-bottom:31px}.store-buttons{display:flex;gap:12px;flex-wrap:wrap}.store-badge{min-height:65px;display:flex;align-items:center;gap:11px;background:#05080e;border:1px solid #718096;border-radius:9px;padding:9px 17px;min-width:183px;transition:border-color .2s,transform .2s}.store-badge:hover{border-color:var(--cyan);transform:translateY(-2px)}.store-badge>span{display:flex;flex-direction:column}.store-badge small{font-size:11px;line-height:1.4}.store-badge strong{white-space:nowrap;font-size:23px;letter-spacing:-.7px;line-height:1.25}.play-logo{width:29px;height:32px;flex:none}.apple-logo{width:30px;height:33px;flex:none}.platform-note{font-size:12px;color:var(--muted);margin-top:12px;margin-bottom:27px}.text-link{color:#64adff;display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.text-link:hover{color:var(--cyan)}.hero-link{margin-top:1px}.hero-link .icon{width:23px}.hero-visual{position:relative;height:690px;min-width:0;z-index:2}.device{position:absolute;background:linear-gradient(135deg,#687384,#101c2f 7%,#566173 50%,#172132 70%,#697589);border:1px solid #6a7584;border-radius:46px;padding:7px;box-shadow:0 35px 65px #0008,inset 0 0 0 2px #0d131e}.device-screen{position:relative;overflow:hidden;height:100%;border-radius:38px;background:#080f1c;border:2px solid #03070d;display:flex;flex-direction:column}.device-main{width:307px;height:625px;left:12px;top:25px;transform:rotate(-5deg);z-index:2}.phone-status{display:flex;justify-content:space-between;align-items:center;position:relative;height:32px;flex:none;padding:8px 18px 5px;font-size:9px;color:#f3f6fd;font-weight:700}.dynamic-island{position:absolute;width:78px;height:20px;top:4px;left:50%;transform:translateX(-50%);border-radius:20px;background:#000}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 11px 6px;gap:8px}.app-brand{display:flex;align-items:center;gap:6px}.app-brand img{border-radius:7px}.app-brand strong{font-size:19px;letter-spacing:-.8px}.demo-label{font-size:8px;font-weight:700;letter-spacing:.8px;color:#ffbf68;border:1px solid #8d662c88;background:#ffb45e10;padding:5px 7px;border-radius:6px}.app-location{border:1px solid var(--border);padding:5px 8px;margin:3px 11px 8px;align-self:flex-start;display:flex;align-items:center;gap:5px;border-radius:8px;font-size:9px;background:var(--surface)}.app-location .icon{width:12px;height:12px}.app-location>span{margin-left:8px;color:var(--muted)}.app-filters{display:flex;gap:5px;padding:0 9px 9px;flex:none}.app-filters button{border:1px solid #263b55;background:var(--surface);font-size:8px;border-radius:7px;padding:7px 8px;white-space:nowrap}.app-filters button.active{background:var(--blue);border-color:var(--blue);color:white}.map-viewport{position:relative;flex:1;min-height:0;background:#0b1827}#demo-map{position:absolute;inset:0}.map-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;transition:opacity .35s}.map-fallback img{position:absolute;height:150%;width:100%;object-fit:cover;object-position:center 40%;opacity:.4}.map-fallback>span{position:relative;max-width:230px;text-align:center;padding:13px 16px;border:1px solid var(--border);border-radius:12px;background:#080f1ce8;color:#bfcee3;font-size:11px;line-height:1.6}.map-fallback.is-hidden{opacity:0;visibility:hidden}/* The app's actual recent-reports sheet, inside the phone. */
.phone-report{position:relative;flex:0 0 auto;margin:0;padding:6px 10px 10px;background:#0e192a;border:solid #2b405b;border-width:1px 0 0;border-radius:21px 21px 0 0;box-shadow:0 -6px 22px #0003;z-index:2}
.report-sheet-handle{width:31px;height:3px;background:#53637a;border-radius:3px;margin:0 auto 9px}
.report-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.report-sheet-heading>strong{font-size:11px;letter-spacing:-.1px}
.report-sheet-heading .demo-label{font-size:7px;padding:3px 5px}
.report-demo-note{font-size:7px;line-height:1.4;color:#ffbf68;margin:0 0 8px}
.report-card{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:8px;background:#131f31;border:1px solid #2b405b;border-radius:12px;color:var(--text)}
.report-card:hover{background:#192a42}
.report-icon{width:31px;height:31px;background:#ad98ff20;color:var(--purple);display:grid;place-items:center;border-radius:9px;flex:none}
.report-icon .icon{width:19px;height:19px}
.report-card.control .report-icon{background:#3985ff20;color:#6ca6ff}
.report-card.stand .report-icon{background:#47d9a320;color:var(--green)}
.report-card.busy .report-icon{background:#ffb45e20;color:#ffb45e}
.report-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.report-copy>strong{font-size:11px;line-height:1.4;letter-spacing:-.05px;white-space:normal}
.report-copy>span:last-child{font-size:7px;color:#a5b5cc;line-height:1.5}
.report-arrival-label{display:block;font-size:7px;color:var(--cyan);letter-spacing:.2px;line-height:1.2}
.report-arrival-label[hidden]{display:none}
.report-chevron{font-size:19px;color:#91a2bb}
.report-card.is-new{border-color:#3985ff99;animation:report-arrival .45s ease-out both}
.app-filters button{display:flex;align-items:center;justify-content:center;gap:4px;padding-inline:6px}
.app-filters .icon{width:11px;height:11px;color:#6ca6ff;stroke-width:1.8}
.app-filters button.active .icon{color:#fff}
.map-pin.control{color:#6ca6ff;background:#112744}
.map-pin.is-new{animation:marker-arrival 1.2s ease-out 2}
@keyframes report-arrival{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes marker-arrival{0%{box-shadow:0 0 0 0 #3985ff77}100%{box-shadow:0 0 0 16px #3985ff00}}
.app-bottomnav{display:flex;align-items:center;justify-content:space-around;height:58px;flex:none;border-top:1px solid #223149;background:#0a1322;position:relative}.app-bottomnav>span{display:flex;align-items:center;flex-direction:column;gap:5px;font-size:7px;color:#a3b1c9;min-width:37px}.app-bottomnav .icon{width:17px;height:17px;stroke-width:1.5}.app-bottomnav .selected{color:#69b7ff}.app-bottomnav i{height:31px;width:31px;background:var(--blue);color:#fff;border-radius:50%;display:grid;place-items:center;margin-top:-15px}.device-secondary{width:264px;height:572px;left:278px;top:95px;transform:rotate(9deg);z-index:1}.device-secondary .device-screen>img{width:100%;height:calc(100% - 32px);object-fit:cover;object-position:top}.device-secondary .phone-status{height:26px}.radar-orbit{position:absolute;border:1px solid #3985ff16;border-radius:50%;pointer-events:none}.orbit-one{width:630px;height:630px;left:-63px;top:0}.orbit-two{width:450px;height:450px;left:20px;top:83px}.demo-caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.15px;color:#93a4be;margin:0}.mapboxgl-ctrl-logo{transform:scale(.75);transform-origin:left bottom}.mapboxgl-ctrl-attrib{font-size:9px!important;line-height:16px!important}.mapboxgl-ctrl-attrib-button{width:20px!important;height:20px!important}.mapboxgl-ctrl-bottom-right{bottom:2px!important}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{margin:0 0 2px 4px!important}.mapboxgl-ctrl-group{background:#111d2e!important}.mapboxgl-ctrl-group button{width:25px!important;height:25px!important}.mapboxgl-ctrl-icon{filter:invert(1)}.map-pin{width:29px;height:29px;border:1.5px solid currentColor;border-radius:50%;background:#102338ee;display:grid;place-items:center;box-shadow:0 0 0 4px #10233888;color:var(--green);padding:6px;cursor:pointer}.map-pin svg{width:16px;height:16px;stroke-width:2}.map-pin.event{color:var(--purple)}.map-pin.busy{color:#ffb45e}.map-pin:hover{background:#1f3752}.map-pin.is-filtered{display:none}.driver-marker{width:47px;height:47px;border:1px solid #3985ff99;border-radius:50%;background:#3985ff26;display:grid;place-items:center;box-shadow:0 0 0 9px #3985ff12;pointer-events:none}.driver-marker svg{width:26px;height:26px;filter:drop-shadow(0 1px 5px #0008)}.mapboxgl-popup-content{background:#111d2e!important;color:var(--text);border:1px solid #314766;border-radius:10px!important;padding:12px 25px 12px 12px!important;font:11px/1.6 Radar,Arial,sans-serif;box-shadow:0 5px 20px #0005!important}.mapboxgl-popup-tip{border-top-color:#314766!important}.mapboxgl-popup-close-button{font-size:18px;color:var(--muted)}.features{padding-block:71px 76px}.section-heading{margin-bottom:38px}.section-heading .eyebrow{margin-bottom:11px}h2{font-size:clamp(30px,3.5vw,47px);line-height:1.12;letter-spacing:-1.8px;margin-bottom:22px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.feature-grid article{position:relative;padding-left:54px}.feature-grid article+article:before{content:"";height:78px;position:absolute;left:-24px;top:0;border-left:1px solid var(--border)}.feature-icon{position:absolute;top:0;left:0;width:32px;height:32px;stroke-width:1.7}.blue{color:var(--blue)}.purple{color:var(--purple)}.green{color:var(--green)}h3{font-size:16px;letter-spacing:-.25px;margin:0 0 9px}.feature-grid p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-block:100px}.faq-section>div>p:last-child{color:var(--muted);font-size:14px}.faq-section .text-link{margin-top:17px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:first-child{border-top:1px solid var(--border)}summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;padding:22px 0;font-size:15px;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span{font-size:23px;color:#8ba4c8;font-weight:400;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 35px 24px 0}.download-section{border-top:1px solid var(--border);background:radial-gradient(ellipse at 75% 80%,#142d4e80,transparent 70%)}.download-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:75px}.download-inner h2{font-size:46px}.download-inner h2>span{color:var(--blue)}.download-inner p{font-size:15px;color:var(--muted)}.download-inner .eyebrow{font-size:10px}.release-status{font-size:12px!important;max-width:440px;margin-bottom:0}.release-status:target{color:var(--cyan)}.download-cta{display:flex;align-items:center;flex-direction:column;gap:22px}.download-cta>img{border-radius:25px;border:1px solid #3c526f;box-shadow:0 12px 55px #3985ff20}.download-cta>span{font-size:11px;color:var(--muted)}.site-footer{border-top:1px solid var(--border);padding-block:29px}.footer-inner{display:flex;align-items:center;gap:27px}.brand-small{gap:9px}.brand-small>span{font-size:22px;letter-spacing:-.8px}.brand-small>img{border-radius:8px}.footer-domain{padding-left:27px;border-left:1px solid #2b3d56;color:var(--muted);font-size:12px}.site-footer nav{display:flex;flex-wrap:wrap;gap:30px;font-size:12px;color:var(--muted);margin-left:auto}.site-footer nav a:hover{color:var(--text)}.noscript-notice{background:var(--surface);padding:20px;color:var(--muted);margin:0}.legal{max-width:780px;padding-block:65px 90px}.legal h1{font-size:48px;letter-spacing:-1.5px}.legal h2{font-size:23px;letter-spacing:-.5px;margin-top:38px}.legal p{color:#b5c3d8;font-size:15px}.legal a{color:var(--cyan);text-decoration:underline}
/* Small controls stay inside the demonstration phone. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.demo-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:26px;padding:2px 0 2px 3px;border-radius:7px;background:transparent;flex:none}
.demo-toggle>.icon{width:13px;height:13px;color:#91a2bb}
.demo-toggle:hover>.icon,.demo-toggle:focus-visible>.icon{color:var(--cyan)}
.map-recenter{position:absolute;top:74px;right:10px;z-index:2;display:grid;place-items:center;width:25px;height:25px;padding:4px;border:1px solid #2b405b;border-radius:4px;background:#111d2e;color:var(--cyan);box-shadow:0 1px 4px #0003}
.map-recenter>.icon{width:16px;height:16px}
.map-recenter:hover{background:#19283d}
.map-recenter[aria-pressed="false"]{color:#c7d5e9}
@media(min-width:1500px){.hero-grid{min-height:815px}.hero-visual{transform:scale(1.04)}h1{font-size:96px}}
@media(max-width:1190px){.container{width:calc(100% - 64px)}.desktop-nav{gap:22px;font-size:12px}.brand>span{font-size:26px}.brand img{width:37px;height:37px}.header-download{font-size:12px;padding:11px 15px}.hero-grid{grid-template-columns:1.05fr 1fr;gap:5px;min-height:710px}.hero-copy{padding-bottom:65px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:76px;letter-spacing:-3.9px}.hero-lead{font-size:18px}.hero-description{font-size:15px}.hero-visual{height:640px}.device-main{width:278px;height:582px;left:1px;top:12px}.device-secondary{width:229px;height:504px;left:225px;top:79px}.device{border-radius:42px}.device-screen{border-radius:34px}.demo-caption{bottom:16px;font-size:8px}.store-badge{min-width:165px;padding:8px 13px;gap:10px;min-height:60px}.store-badge strong{font-size:21px}.feature-grid{gap:35px}.feature-grid article{padding-left:44px}.feature-grid article+article:before{left:-17px}.faq-section{gap:60px}}
@media(max-width:960px){.desktop-nav a:last-child{display:none}.hero-grid{grid-template-columns:1fr 1fr;min-height:670px}.hero-visual{height:600px}.hero h1{font-size:64px;letter-spacing:-3.2px}.hero-description{font-size:14px}.hero-lead{font-size:16px}.store-buttons{gap:9px}.store-badge{min-width:146px;padding:8px 11px;min-height:57px;gap:8px}.store-badge strong{font-size:18px}.store-badge small{font-size:9px}.play-logo,.apple-logo{width:25px;height:28px}.device-main{width:251px;height:540px;left:9px;top:15px}.device-secondary{width:211px;height:464px;left:175px;top:72px}.app-brand strong{font-size:17px}.app-filters button{padding:6px;font-size:7px}.demo-caption{bottom:16px}.hero-copy{padding-top:40px;padding-bottom:55px}.feature-grid{gap:32px}.feature-grid article{padding-left:0}.feature-icon{position:static;margin-bottom:17px}.feature-grid h3{font-size:15px}.feature-grid article+article:before{left:-17px;height:100%}.faq-section{gap:40px;padding-block:75px}.faq-list summary{font-size:14px}.download-inner h2{font-size:39px}.download-cta .button{font-size:12px;padding:12px}.footer-inner{gap:18px}.footer-domain{padding-left:18px}}
@media(max-width:760px){html{scroll-padding-top:25px}.container{width:calc(100% - 40px)}.site-header{height:77px}.brand{gap:8px}.brand>span{font-size:24px}.brand img{width:34px;height:34px;border-radius:10px}.desktop-nav{display:none}.header-download{font-size:11px;min-height:40px;padding:9px 12px;gap:8px;border-radius:9px}.header-download .icon{width:15px;height:15px}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}.hero-copy{padding:53px 0 15px;text-align:center}.hero .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.7px;margin-bottom:24px}.hero h1{font-size:73px;letter-spacing:-3.7px;margin-bottom:23px}.hero-lead{font-size:18px;margin-bottom:7px}.hero-description{font-size:15px;margin-bottom:24px}.store-buttons{justify-content:center;gap:11px}.store-badge{min-width:164px;min-height:61px;padding:9px 13px;gap:10px;text-align:left}.store-badge strong{font-size:21px}.store-badge small{font-size:10px}.play-logo,.apple-logo{width:26px;height:30px}.platform-note{font-size:11px;margin-top:11px;margin-bottom:23px}.hero-link{font-size:13px}.hero-visual{height:630px;width:520px;max-width:100%;margin:25px auto 41px}.device-main{left:calc(50% - 166px);width:275px;height:575px;top:13px}.device-secondary{width:218px;height:478px;left:calc(50% + 58px);top:79px}.demo-caption{bottom:16px;font-size:8px}.hero-atmosphere{background:radial-gradient(ellipse at 65% 75%,#11326488,transparent 60%)}.hero-atmosphere:after{inset:15% -60% 0 -60%;opacity:.07}.radar-orbit{left:50%;transform:translateX(-50%)}.orbit-one{width:540px;height:540px;top:25px}.orbit-two{width:390px;height:390px;top:110px}.features{padding-block:55px}.section-heading{margin-bottom:29px}.section-heading h2{font-size:32px;max-width:350px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:19px}.feature-grid{grid-template-columns:1fr;gap:28px}.feature-grid article{padding-left:51px}.feature-icon{position:absolute;width:30px;height:30px;margin:0}.feature-grid article+article:before{display:none}.feature-grid h3{font-size:16px}.feature-grid p{max-width:440px;font-size:13px}.faq-section{grid-template-columns:1fr;gap:20px;padding-block:55px}.faq-section h2{font-size:36px}.faq-section>div>p:last-child br{display:none}.faq-section>div>p:last-child .text-link{margin-top:0;margin-left:6px}.faq-list summary{font-size:14px;padding-block:20px}.faq-list details p{font-size:13px;margin-right:10px}.download-inner{flex-direction:column;align-items:flex-start;gap:35px;padding-block:50px}.download-inner h2{font-size:39px}.download-cta{align-items:flex-start;gap:16px}.download-cta>img{width:70px;height:70px;border-radius:18px}.download-cta .button{min-height:48px;padding-inline:18px}.footer-inner{flex-wrap:wrap;gap:20px}.brand-small>span{font-size:22px}.brand-small img{width:30px;height:30px}.footer-domain{font-size:11px;padding-left:17px}.site-footer nav{width:100%;margin-left:0;padding-top:4px;gap:26px}.legal{padding-top:40px}.legal h1{font-size:38px;letter-spacing:-1.3px}.legal h2{font-size:21px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.brand>span{font-size:21px}.brand img{width:31px;height:31px}.header-download{font-size:10px;padding:8px 10px}.header-download .icon{display:none}.hero h1{font-size:62px}.hero .eyebrow{font-size:7px;letter-spacing:1.15px}.hero-lead{font-size:16px}.hero-description{font-size:14px}.store-badge{min-width:0;flex:1;max-width:165px;padding:8px 9px;gap:7px;min-height:56px}.store-badge strong{font-size:17px}.store-badge small{font-size:9px}.play-logo,.apple-logo{width:24px;height:28px}.hero-visual{height:600px}.device-main{width:257px;height:548px;left:calc(50% - 147px)}.device-secondary{left:calc(50% + 53px);width:196px;height:439px;top:87px}.app-brand strong{font-size:17px}.demo-caption{font-size:7px}.footer-domain{padding-left:12px}.footer-inner{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.store-badge:hover{transform:none}}

/* Three real app screens, arranged as a calm, browsable product gallery. */
.app-section{border-block:1px solid var(--border);background:radial-gradient(ellipse at 50% 55%,#142c4c80,transparent 65%),#0a1423;overflow:clip}
.showcase-inner{padding-block:64px 48px}
.showcase-heading{text-align:center;margin:0 auto 29px}
.showcase-heading .eyebrow{justify-content:center;margin-bottom:16px}
.showcase-heading h2{font-size:clamp(35px,4vw,52px);letter-spacing:-2px;margin-bottom:17px}
.showcase-heading h2 span{color:var(--blue)}
.showcase-heading>p:last-child{font-size:16px;line-height:1.7;color:#acbdd5;margin-bottom:0}
.showcase-selectors{display:flex;justify-content:center;gap:10px;margin-bottom:35px}
.showcase-selector{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid #2b3b53;border-radius:30px;background:#101d30;color:#a6b6ce;font-size:13px;transition:background .2s,border-color .2s,color .2s}
.showcase-selector .icon{width:17px;height:17px}
.showcase-selector:hover{color:#fff;border-color:#456083}
.showcase-selector.is-active{color:#fff;background:#1b3963;border-color:#3985ffb3}
.showcase-selector.is-active .icon{color:#70b0ff}
.showcase-viewport{--phone-width:290px;--phone-spacing:315px;position:relative;height:680px;isolation:isolate;touch-action:pan-y}
.showcase-glow{position:absolute;width:670px;height:530px;border-radius:50%;left:50%;top:40px;transform:translateX(-50%);background:radial-gradient(ellipse,#3985ff12,transparent 70%);border:1px solid #3985ff12;pointer-events:none}
.showcase-glow:before{content:"";position:absolute;inset:35px -90px;border:1px solid #3985ff0c;border-radius:50%}
.showcase-slide{width:var(--phone-width);position:absolute;left:50%;top:0;margin:0;transition:transform .65s cubic-bezier(.22,.7,.2,1),opacity .65s,filter .65s;transform-origin:50% 40%;z-index:1}
.showcase-slide[data-position=active]{transform:translateX(-50%);opacity:1;z-index:3}
.showcase-slide[data-position=previous]{transform:translateX(calc(-50% - var(--phone-spacing))) translateY(35px) scale(.85);opacity:.76;z-index:1}
.showcase-slide[data-position=next]{transform:translateX(calc(-50% + var(--phone-spacing))) translateY(35px) scale(.85);opacity:.76;z-index:1}
.showcase-slide:has(button:focus-visible){z-index:4}
.showcase-device{display:block;position:relative;width:100%;padding:7px;border:1px solid #536580;border-radius:32px;background:linear-gradient(145deg,#334358,#0c1524 12%,#0e1828 85%,#43516a);box-shadow:0 25px 60px #0006,inset 0 0 0 2px #0a121f;cursor:zoom-in}
.showcase-device>img{width:100%;height:auto;aspect-ratio:780/1688;object-fit:contain;background:#080f1c;border-radius:25px;border:1px solid #060c16}
.showcase-slide[data-position=active] .showcase-device{border-color:#6485b3;box-shadow:0 0 0 1px #3985ff20,0 28px 60px #0007}
.showcase-slide:not([data-position=active]) .showcase-device{cursor:pointer}
.showcase-slide:not([data-position=active]):hover{opacity:.9}
.showcase-slide figcaption{display:flex;align-items:center;gap:9px;padding:17px 10px;color:#96abc9;font-size:13px;line-height:1.4}
.showcase-slide figcaption>span:first-child{font-size:10px;font-weight:700;color:#6c86ac;letter-spacing:1px}
.showcase-slide figcaption strong{font-weight:400}
.showcase-slide[data-position=active] figcaption strong{color:#e6eefc}
.showcase-enlarge{margin-left:auto;color:#7dafef;font-size:18px;visibility:hidden}
.showcase-slide[data-position=active] .showcase-enlarge{visibility:visible}
.showcase-bottom{border-top:1px solid #24364f;max-width:900px;margin:9px auto 0;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:96px}
.showcase-description h3{font-size:20px;letter-spacing:-.45px;margin-bottom:7px}
.showcase-description p{font-size:14px;line-height:1.6;color:#a0b2ce;margin:0;max-width:580px;min-height:45px}
.showcase-navigation{display:flex;align-items:center;gap:10px;flex:none}
.showcase-arrow,.showcase-autoplay{width:40px;height:40px;border:1px solid #2b3d58;border-radius:50%;background:#101e31;display:grid;place-items:center;color:#b3c7e4}
.showcase-arrow:hover,.showcase-autoplay:hover{background:#1b3659;color:#fff}
.showcase-arrow .icon{width:19px;height:19px}
#showcase-previous .icon{transform:rotate(180deg)}
.showcase-count{font-size:11px;letter-spacing:1px;color:#a5b8d3;min-width:52px;text-align:center;font-variant-numeric:tabular-nums}
.showcase-autoplay{width:32px;height:32px;border:0;background:transparent;margin-left:3px}
.showcase-autoplay .icon{width:14px;height:14px}
.showcase-note{text-align:center;color:#7f95b4;font-size:10px;line-height:1.6;margin:23px 0 0}
.showcase-dialog{border:1px solid #3c5375;border-radius:18px;padding:14px;width:420px;max-width:calc(100vw - 24px);max-height:94dvh;overflow:auto;color:var(--text);background:#0c1728;box-shadow:0 25px 100px #0009;overscroll-behavior:contain}
.showcase-dialog::backdrop{background:#030813e8;backdrop-filter:blur(8px)}
.showcase-dialog-header{position:sticky;top:-14px;z-index:1;background:#0c1728;padding-block:4px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.showcase-dialog-header h3{margin:0;font-size:14px}
.showcase-dialog-header button{height:36px;width:36px;background:#19283d;border:1px solid #354c6b;border-radius:50%;font-size:26px;line-height:1}
.showcase-dialog>img{height:auto;width:100%;max-width:100%;border-radius:6px}
@media(max-width:1050px){.showcase-viewport{--phone-width:275px;--phone-spacing:265px;height:655px}.showcase-bottom{margin-inline:20px}}
@media(max-width:760px){.showcase-inner{padding-block:54px 36px}.showcase-heading{margin-bottom:23px}.showcase-heading h2{font-size:39px;line-height:1.12;letter-spacing:-1.4px;max-width:370px;margin-inline:auto}.showcase-heading h2 span{display:block}.showcase-heading>p:last-child{font-size:14px}.showcase-heading>p:last-child br{display:none}.showcase-selectors{gap:6px;margin-bottom:28px}.showcase-selector{font-size:10.5px;padding:10px 8px;gap:5px;white-space:nowrap}.showcase-selector .icon{width:14px;height:14px}.showcase-viewport{--phone-width:260px;--phone-spacing:225px;height:620px;margin-inline:-20px}.showcase-slide[data-position=previous],.showcase-slide[data-position=next]{opacity:.38}.showcase-device{padding:6px;border-radius:29px}.showcase-device>img{border-radius:23px}.showcase-bottom{margin:0;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-top:23px}.showcase-description h3{font-size:21px}.showcase-description p{font-size:13px;max-width:380px;min-height:42px}.showcase-note{font-size:9px;margin-top:19px}.showcase-glow{width:500px;height:430px}.showcase-dialog{padding:10px}.showcase-dialog-header{top:-10px}}
@media(max-width:380px){.showcase-selector{font-size:10px;padding:10px 8px;gap:5px}.showcase-selector .icon{display:none}.showcase-viewport{--phone-width:238px;--phone-spacing:205px;height:570px}.showcase-slide figcaption{font-size:12px}}