/* MileHalo product story — scoped to the landing page. */
.launch{--ink:#142f42;--sky:#8dd7f3;--cream:#f6f5ef;color:var(--ink);background:var(--cream);font-family:'Segoe UI',sans-serif}.launch .shell{max-width:1280px;margin:auto;padding:0 48px}.launch header{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px;gap:24px}.launch .wordmark{font-size:27px;font-weight:800;letter-spacing:-1.2px}.launch nav{display:flex;align-items:center;gap:24px}.launch .language{display:flex;border:1px solid #c8d2d5;border-radius:30px;padding:3px;gap:2px}.launch .language a{padding:8px 12px;border-radius:24px;font-size:12px}.launch .language [aria-current]{background:var(--ink);color:white}.launch .pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:17px 24px;min-height:48px;border-radius:32px;background:var(--ink);color:white;font-size:14px;font-weight:650}.launch .light{background:var(--sky);color:var(--ink)}.launch .kicker{font-size:11px;letter-spacing:2px;font-weight:750;text-transform:uppercase}.launch .hero-new{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:690px;gap:40px;padding-top:35px;padding-bottom:65px}.launch h1{font-size:clamp(48px,5.5vw,76px);letter-spacing:-4px;line-height:1.06;margin:23px 0}.launch h1 em,.launch h2 em{color:#327b97;font-weight:400}.launch .intro{font-size:19px;line-height:1.7;max-width:495px;color:#516976}.launch .actions{display:flex;gap:20px;align-items:center;margin:30px 0 20px}.launch .small-note{font-size:13px;color:#647982;line-height:1.6}.launch .hero-stage{position:relative;height:625px;isolation:isolate}.launch .halo-art{position:absolute;width:520px;height:520px;background:#cceaf2;border-radius:50%;top:65px;left:-5px;z-index:-1}.launch .hero-phone{position:absolute;width:242px;left:205px;top:25px;transform:rotate(9deg);border:8px solid #162631;border-radius:38px;box-shadow:15px 30px 45px #142f4230;overflow:hidden;background:#152837}.launch .hero-phone img{width:100%}.launch .milo-front{position:absolute;left:-25px;bottom:5px;width:335px;filter:drop-shadow(0 18px 20px #193d6314)}.launch .hello{position:absolute;left:10px;top:30px;border:1px solid #c6d7dc;border-radius:30px;padding:12px 18px;background:#fffc;font-size:13px;transform:rotate(-5deg)}.launch .rail{border-block:1px solid #d2dedf;padding:23px 0}.launch .rail .shell{display:flex;justify-content:space-between;gap:18px;font-size:13px;font-weight:650}.launch section.story{padding-top:100px;padding-bottom:100px}.launch h2{font-size:clamp(36px,4vw,52px);letter-spacing:-2px;line-height:1.12;font-weight:600;margin:18px 0 25px}.launch .section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.launch .section-head p{max-width:370px;color:#516976;line-height:1.75}.launch .features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.launch .feature-new{padding:30px;background:white;border:1px solid #dbe3e3;border-radius:24px;min-height:265px}.launch .feature-new .symbol{display:flex;width:46px;height:46px;border-radius:14px;background:#e4f2f5;align-items:center;justify-content:center;color:#27748b;font-size:25px}.launch h3{font-size:22px;letter-spacing:-.6px;margin:25px 0 12px}.launch .feature-new p{font-size:15px;line-height:1.75;color:#516976;margin:0}.launch .showcase{background:#132d40;color:#f5fafb;padding:80px 0;overflow:hidden}.launch .showcase em{color:#94d4ec}.launch .screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.launch .screen-card{min-width:0}.launch .screen-card h3{margin-top:0}.launch .screen-card p{color:#b6cad4;min-height:50px;line-height:1.6}.launch .screen-shell{height:520px;overflow:hidden;border:7px solid #28485a;border-bottom:0;border-radius:34px 34px 0 0;background:#152838;max-width:285px;margin:30px auto 0}.launch .screen-shell img{width:100%}.launch .caption{font-size:12px;color:#b6cad4;margin-top:30px}.launch .milo-story{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.launch .milo-spot{background:#e0eff1;border-radius:50%;height:430px;position:relative}.launch .milo-spot img{height:480px;width:auto;margin:auto;position:relative;top:-30px}.launch .milo-story p{font-size:17px;line-height:1.8;color:#516976}.launch .faq{max-width:850px;margin:auto}.launch details{border-bottom:1px solid #d2dedf;padding:23px 0}.launch summary{font-size:19px;font-weight:600;cursor:pointer}.launch details p{color:#516976;line-height:1.8}.launch .closing-new{background:#dceef2;border-radius:30px;padding:60px;text-align:center;margin-bottom:70px}.launch footer{padding:35px 0;border-top:1px solid #d2dedf}.launch .footer-row{display:flex;justify-content:space-between;gap:30px;align-items:center}.launch footer nav{flex-wrap:wrap;font-size:13px}.launch .legal{font-size:12px;color:#647982;margin-top:25px}.launch a:focus-visible,.launch summary:focus-visible{outline:3px solid #257da3;outline-offset:6px}.launch .skip{position:absolute;left:20px;top:-80px}.launch .skip:focus{top:20px;background:white;padding:15px;z-index:5}
@media(max-width:950px){.launch .shell{padding-inline:26px}.launch header nav>a{display:none}.launch .hero-new{gap:0}.launch .hero-stage{transform:scale(.8);transform-origin:center;height:520px}.launch h1{font-size:54px}.launch .features{grid-template-columns:repeat(2,1fr)}.launch .screen-grid{gap:20px}.launch .milo-story{gap:40px}.launch .milo-spot{height:340px}.launch .milo-spot img{height:390px}}
@media(max-width:650px){.launch .shell{padding-inline:22px}.launch header{gap:10px}.launch .wordmark{font-size:24px}.launch nav{gap:10px}.launch header>.pill{display:none}.launch .hero-new{grid-template-columns:1fr;padding-top:30px;padding-bottom:15px}.launch h1{font-size:53px;letter-spacing:-3px}.launch .intro{font-size:17px}.launch .hero-stage{width:100%;max-width:470px;margin:auto;transform:scale(.76);height:505px;transform-origin:left top;margin-bottom:-110px}.launch .hero-phone{left:210px}.launch .halo-art{width:460px;height:460px}.launch .milo-front{width:310px;bottom:0}.launch .rail .shell{flex-wrap:wrap;justify-content:center;font-size:12px}.launch section.story{padding-block:60px}.launch .section-head{display:block}.launch .features{grid-template-columns:1fr}.launch .feature-new{min-height:0}.launch .screen-grid{grid-template-columns:1fr;gap:50px}.launch .screen-card{display:grid;grid-template-columns:1fr}.launch .screen-card p{min-height:0}.launch .screen-shell{height:440px;margin-top:15px}.launch .showcase{padding:55px 0}.launch .milo-story{grid-template-columns:1fr}.launch .milo-spot{max-width:350px;width:100%;margin:20px auto}.launch .closing-new{padding:40px 24px}.launch .footer-row{align-items:start;flex-direction:column}.launch .actions{gap:15px}.launch .actions a{font-size:13px}}
.launch img{height:auto}.launch .milo-spot img{height:480px;width:auto}@media(max-width:950px){.launch .milo-spot img{height:390px}}
.launch header.shell{padding-block:28px}.launch .hero-new{overflow:clip}.launch .hero-stage{min-width:0}@media(max-width:650px){.launch .hero-stage{transform:scale(.66);height:560px;margin-bottom:-175px}.launch header.shell{padding-block:20px}}

.launch .spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:100px}
.launch .milo-feature{border-radius:30px;overflow:hidden;display:flex;flex-direction:column;min-width:0;background:#ebe8d7;position:relative}
.launch .milo-feature-copy{padding:40px 40px 0;position:relative;z-index:1}
.launch .milo-feature h2{font-size:clamp(32px,3.3vw,44px)}
.launch .milo-feature p{font-size:16px;line-height:1.75;color:#405865}
.launch .milo-feature .spotlight-note{font-size:13px;line-height:1.7;margin-top:24px;max-width:370px}
.launch .milo-camera{background:#142f42;color:#f4f7f5}
.launch .milo-camera h2 em,.launch .milo-camera .kicker{color:#93d4ec}
.launch .milo-camera p{color:#c6dce5}
.launch .milo-feature-art{margin-top:auto;padding:28px;display:flex;justify-content:center}
.launch .milo-feature-art img{display:block;width:100%;max-width:420px;height:auto;border-radius:20px}
.launch .feature-new .symbol svg{width:25px;height:25px}
@media(max-width:650px){.launch .spotlight-grid{grid-template-columns:1fr;gap:22px;padding-bottom:60px}.launch .milo-feature-copy{padding:30px 28px 0}.launch .milo-feature-art{padding:24px 20px}}

.launch .feature-screen{margin-top:25px;border-radius:24px;overflow:hidden;background:#142f42;border:1px solid #3d5b6b}
.launch .feature-screen img{display:block;width:100%;height:auto}
@media(max-width:650px){.launch .feature-screen{max-width:360px;margin:20px auto 0}}

/* Lead with the reasons to use MileHalo, backed by a real app screen. */
.launch .hero-conversion{grid-template-columns:1.1fr 1fr;gap:35px;padding-top:32px;padding-bottom:50px;min-height:760px}
.launch .hero-conversion .hero-copy{min-width:0;text-align:left}
@media(max-width:950px){.launch .hero-conversion .hero-visual{order:1}}
.launch .pill>svg,.launch .hero-secondary>svg{width:18px;height:18px;vertical-align:middle}
.launch .actual-logo{display:block;position:relative;width:192px;height:45px;overflow:hidden}
.launch .actual-logo img{position:absolute;width:252px;max-width:none;height:auto;left:-32px;top:-40px;mix-blend-mode:multiply}
@media(max-width:650px){.launch .actual-logo{width:163px;height:39px}.launch .actual-logo img{width:214px;left:-27px;top:-34px}}
.launch .store-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.launch .store-badge{display:inline-flex;align-items:center;gap:11px;min-width:162px;min-height:60px;padding:10px 17px;border:1px solid #63737b;border-radius:12px;background:#14232c;color:#fff;text-align:left;font-family:inherit;text-decoration:none;opacity:1}
.launch .store-badge:disabled{cursor:default;opacity:1;-webkit-text-fill-color:currentColor}
.launch .store-badge svg{width:29px;height:32px;flex-shrink:0}
.launch .store-badge small{display:block;font-size:10px;line-height:1.5;color:#c8dce5}
.launch .store-badge strong{display:block;font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-.4px}
.launch .closing-new .store-buttons{justify-content:center}
.launch .closing-new>.hero-secondary{display:inline-block;margin-top:12px}
.launch .why-milehalo{padding-top:10px;padding-bottom:90px}
.launch .reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}
.launch .reason{border-top:2px solid #87c6dc;padding-top:24px}
.launch .reason .symbol svg{width:29px;height:29px;color:#327b97}
.launch .reason p{font-size:16px;line-height:1.75;color:#516976}
.launch .feature-new,.launch .screen-card,.launch .reason,.launch .closing-new{transition:opacity .6s ease,transform .6s ease}
.launch .reveal-pending{opacity:0;transform:translateY(22px)}
.launch .hero-visual{animation:hero-arrive .8s ease-out both}
.launch .pill,.launch .hero-secondary{transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover){.launch .pill:hover{transform:translateY(-3px);box-shadow:0 10px 24px #142f4220}.launch .hero-secondary:hover{color:#287f9e}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.launch .reason-grid{grid-template-columns:1fr;gap:25px}.launch .why-milehalo{padding-bottom:55px}.launch .store-buttons{gap:9px}.launch .store-badge{min-width:0;padding:10px 12px;gap:8px}.launch .store-badge strong{font-size:18px}.launch .store-badge svg{width:24px}.launch .closing-new .store-buttons{flex-direction:column;align-items:center}.launch .closing-new .store-badge{width:185px}}
@media(prefers-reduced-motion:reduce){.launch *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.launch .reveal-pending{opacity:1;transform:none}}
.launch .hero-conversion h1 em{white-space:normal}
.launch .hero-conversion h1{font-size:clamp(44px,4.8vw,66px);letter-spacing:-3px;line-height:1.07}
.launch .hero-conversion .intro{font-size:17px;line-height:1.65;margin-bottom:22px}
.launch .hero-benefits{list-style:none;padding:0;margin:0;display:grid;gap:15px}
.launch .hero-benefits li{display:flex;gap:12px;align-items:center}
.launch .benefit-icon,.launch .alert-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#deedf0;color:#246e85;border-radius:12px;width:38px;height:38px}
.launch .benefit-icon svg,.launch .alert-icon svg{width:22px;height:22px}
.launch .hero-benefits strong{display:block;font-size:15px}
.launch .hero-benefits small{display:block;font-size:13px;color:#516976;margin-top:3px}
.launch .hero-conversion .actions{gap:18px;flex-wrap:wrap;margin-top:26px}
.launch .hero-primary{background:#142f42;box-shadow:0 8px 22px #142f4218}
.launch .hero-primary svg{width:19px;height:19px}
.launch .hero-secondary{font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:5px}
.launch .hero-visual{min-width:0}
.launch .hero-conversion .hero-stage{height:610px;transform:none;margin:0;width:100%}
.launch .hero-conversion .halo-art{width:100%;height:auto;aspect-ratio:1;top:65px;left:0;background:radial-gradient(circle at 35% 30%,#d6f0f5,#acd7e6)}
.launch .hero-conversion .hero-phone{width:225px;left:auto;right:28px;top:38px;transform:rotate(6deg)}
.launch .hero-conversion .milo-front{width:205px;left:0;bottom:0;z-index:3}
.launch .hero-alert{position:absolute;z-index:4;display:flex;gap:12px;align-items:center;max-width:345px;padding:17px 20px;border:1px solid #d4e3e7;border-radius:19px;background:#fff;box-shadow:0 16px 35px #18384c20}
.launch .hero-alert-price{left:0;top:105px;transform:rotate(-3deg)}
.launch .hero-alert-road{right:0;bottom:90px;transform:rotate(2deg);background:#142f42;color:#fff;border-color:#34586b}
.launch .hero-alert-road .alert-icon{background:#294b60;color:#95d8f0}
.launch .alert-label{display:block;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:750;color:#327b97;margin-bottom:5px}
.launch .hero-alert-road .alert-label{color:#95d8f0}
.launch .hero-alert strong{display:block;font-size:15px;line-height:1.3}
.launch .hero-alert small{display:block;font-size:11px;margin-top:5px;color:#516976}
.launch .hero-alert-road small{color:#bdd1dc}
.launch .hero-illustration{font-size:11px;line-height:1.5;color:#647982;text-align:center;margin:14px 0 0}
@media(min-width:651px) and (max-width:950px){.launch .hero-conversion{grid-template-columns:1fr;max-width:760px}.launch .hero-copy{max-width:620px}.launch .hero-conversion .hero-stage{max-width:480px;margin:auto}.launch .hero-conversion h1{font-size:62px}}
@media(max-width:650px){.launch .hero-conversion{grid-template-columns:1fr;gap:24px;padding-top:20px;padding-bottom:35px;min-height:0}.launch .hero-conversion h1{font-size:46px;letter-spacing:-2.4px}.launch .hero-conversion .intro{font-size:16px}.launch .hero-conversion .kicker{font-size:9px;letter-spacing:1.5px}.launch .hero-conversion .hero-stage{height:460px;max-width:360px;margin:auto;transform:none}.launch .hero-conversion .hero-phone{width:173px;right:20px;top:10px;border-width:6px;border-radius:28px}.launch .hero-conversion .milo-front{width:165px;bottom:0;left:0}.launch .hero-alert{padding:13px;gap:9px;max-width:290px;border-radius:15px}.launch .hero-alert-price{top:70px;left:0}.launch .hero-alert-road{bottom:62px;right:0}.launch .hero-alert strong{font-size:13px}.launch .hero-alert small{font-size:10px}.launch .hero-alert .alert-icon{width:32px;height:32px}.launch .hero-conversion .actions{gap:16px}.launch .hero-primary{padding:16px 20px}.launch .hero-illustration{font-size:10px}}

/* Code-native Live Activity illustrations stay crisp at every display scale. */
.launch .live-previews{padding-top:90px;padding-bottom:35px}
.launch .live-previews .section-head{align-items:end}
.launch .live-previews .section-head h2{margin-top:18px}
.launch .live-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.launch .live-preview-card{border:1px solid #cfdee2;border-radius:32px;overflow:hidden;background:#e2edf0;padding:36px 36px 0}
.launch .live-preview-copy{min-height:150px}
.launch .live-preview-copy h3{font-size:25px;line-height:1.2;margin:0 0 15px;letter-spacing:-.7px}
.launch .live-preview-copy p{font-size:16px;line-height:1.65;margin:0;color:#49636e;max-width:400px}
.launch .live-report{background:#142f42;border-color:#142f42;color:#f5fafc}
.launch .live-report .live-preview-copy p{color:#bed5df}
.launch .live-device{isolation:isolate;position:relative;width:100%;max-width:340px;height:465px;margin:18px auto -25px;overflow:hidden;border:7px solid #243c4b;border-bottom:0;border-radius:44px 44px 0 0;background:#172a34;color:#fff;box-shadow:0 18px 45px #10253435;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.launch .live-status{position:absolute;top:18px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:12px;font-weight:650;z-index:3}
.launch .live-signal{display:flex;gap:2px;align-items:end;height:12px}
.launch .live-signal i{display:block;background:#fff;width:3px;border-radius:1px;height:4px}
.launch .live-signal i:nth-child(2){height:6px}.launch .live-signal i:nth-child(3){height:9px}.launch .live-signal i:nth-child(4){height:12px}
.launch .live-island{position:absolute;top:46px;left:10px;right:10px;border-radius:27px;background:#000;padding:16px 19px;z-index:3;box-shadow:0 6px 18px #0005}
.launch .live-island>div{display:flex;align-items:center;justify-content:space-between}
.launch .live-island svg{width:25px;height:25px;color:#64d3ee}
.launch .live-island strong{font-size:20px;letter-spacing:-.5px}
.launch .live-island>span{display:block;margin-top:12px;font-size:14px}
.launch .live-map-art{position:absolute;inset:110px 0 0;width:100%;height:355px}
.launch .live-native-card{position:absolute;left:10px;right:10px;bottom:55px;padding:15px;border:1px solid #ffffff38;border-radius:23px;background:#080e14ed;z-index:2;box-shadow:0 12px 25px #0003}
.launch .live-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;font-size:10px}
.launch .live-card-header span{color:#bac8d0}
.launch .live-card-content{display:flex;align-items:center;gap:14px}
.launch .live-card-content>svg{width:29px;height:35px;flex-shrink:0;color:#64d3ee}
.launch .live-card-content>div{display:flex;flex-direction:column;gap:4px}
.launch .live-card-content strong{font-size:23px;font-weight:650;line-height:1.2;letter-spacing:-.6px}
.launch .live-card-content span,.launch .live-card-content b{font-size:13px;line-height:1.4}
.launch .live-card-content .live-nearby{font-size:11px;color:#b4c1c9}
.launch .live-lock-device{background:linear-gradient(165deg,#a9d1dc 0%,#7ea5b4 38%,#44697c 70%);border-color:#3b586b}
.launch .live-lock-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:96px;height:27px;border-radius:30px;background:#000;z-index:2}
.launch .live-clock{position:absolute;top:55px;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:7px;color:#f1fbff;z-index:2}
.launch .live-clock svg{width:18px;height:21px}
.launch .live-clock span{font-size:13px;font-weight:550}
.launch .live-clock strong{font-size:72px;line-height:1.05;letter-spacing:-4px;font-weight:650}
.launch .live-mountains{position:absolute;inset:100px 0 0;width:100%;height:365px}
.launch .live-home-indicator{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);width:95px;height:4px;border-radius:8px;background:#ffffffab;z-index:3}
.launch .live-preview-note{max-width:840px;margin:22px auto 0;font-size:12px;line-height:1.7;text-align:center;color:#617582}
@media(max-width:950px){.launch .live-preview-card{padding:28px 20px 0}.launch .live-preview-copy{min-height:185px}.launch .live-preview-copy h3{font-size:23px}}
@media(max-width:650px){.launch .live-previews{padding-top:60px}.launch .live-preview-grid{grid-template-columns:1fr;gap:22px}.launch .live-preview-card{padding:28px 19px 0;border-radius:26px}.launch .live-preview-copy{min-height:0;margin-bottom:28px}.launch .live-preview-copy h3{font-size:24px}.launch .live-device{height:440px}.launch .live-preview-note{text-align:left}.launch .live-clock strong{font-size:68px}}
/* CarPlay navigation feature; decorative SVG, no fabricated app screenshot. */
.launch .carplay-section{padding-block:30px 70px}.launch .carplay-card{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;background:#e0eef1;border:1px solid #cbdde2;border-radius:32px;padding:clamp(26px,5vw,64px);overflow:hidden}.launch .carplay-copy h2{margin:20px 0}.launch .carplay-copy>p{font-size:17px;line-height:1.8;color:#416170}.launch .carplay-copy ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:14px}.launch .carplay-copy li{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:600}.launch .carplay-copy li svg{width:22px;height:22px;flex-shrink:0;color:#28748b}.launch .carplay-copy .carplay-note{font-size:12px;line-height:1.7;margin-bottom:0}.launch .carplay-art{position:relative;isolation:isolate;text-align:center;padding:30px 0}.launch .carplay-halo{position:absolute;inset:0;border-radius:50%;background:#c4e2e9;z-index:-1}.launch .carplay-art>svg{width:100%;max-width:340px;display:block;margin:auto}.launch .carplay-art>span{font-size:15px;letter-spacing:.02em;color:#30576b;font-weight:600}@media(max-width:700px){.launch .carplay-card{grid-template-columns:1fr;gap:20px}.launch .carplay-art{max-width:270px;width:100%;margin:auto;grid-row:1}.launch .carplay-section{padding-bottom:35px}.launch .carplay-copy>p{font-size:16px}}
/* Norway launch: one download path, a compact gallery and clear membership choices. */
.launch .hero-conversion .actions{align-items:center;flex-wrap:wrap;margin-top:32px}
.launch .hero-conversion .actions .store-buttons{margin:0}
.launch .hero-conversion .hero-secondary{font-size:14px}
.launch .hero-conversion{min-height:650px}
.launch .more-screens{margin-top:32px;padding:24px 0;border-block:1px solid #426073}
.launch .more-screens summary{font-size:16px;color:#c0e6f6;min-height:32px}
.launch .more-screens .screen-grid{margin-top:32px}
.launch .more-screens .screen-card p{color:#b6cad4}
.launch .membership{padding-top:80px;padding-bottom:0;scroll-margin-top:24px}
.launch .membership .section-head{margin-bottom:32px}
.launch .membership .section-head h2{margin-bottom:0}
.launch .membership-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.launch .membership-grid article{padding:40px;border:1px solid #cbdce2;border-radius:24px;display:flex;flex-direction:column;align-items:flex-start}
.launch .membership-free{background:#fff;padding-top:70px!important}
.launch .membership-premium{background:#142f42;color:#f4faff}
.launch .membership-grid h3{font-size:26px;margin:0 0 20px}
.launch .membership-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#9bd9ef;margin-bottom:16px}
.launch .membership-price{font-size:48px;line-height:1.1;letter-spacing:-2px;font-weight:650;margin:0}
.launch .membership-price span{display:block;font-size:15px;letter-spacing:0;font-weight:400;margin-top:8px}
.launch .annual-price{margin:12px 0 0;color:#b9d7e6;font-size:17px}
.launch .membership-grid ul{list-style:none;padding:0;margin:32px 0;display:grid;gap:16px;font-size:16px;line-height:1.45}
.launch .membership-grid li{display:flex;gap:12px}
.launch .membership-grid li>span{color:#327b97}
.launch .membership-premium li>span{color:#8dd7f3}
.launch .membership-link{display:inline-flex;align-items:center;gap:12px;text-decoration:underline;text-underline-offset:5px;margin-top:auto;font-weight:600;font-size:14px}
.launch .membership-link svg{width:20px;height:20px}
.launch .trial-note{margin:auto 0 20px;font-size:14px;color:#bdd8e5;line-height:1.6}
.launch .membership-terms{max-width:850px;font-size:13px;line-height:1.7;color:#516976;margin:24px 0 0}
.launch .download-free{font-size:14px;color:#416170;margin:20px 0 0}
.launch .closing-new .store-buttons{justify-content:center}
.launch button:focus-visible{outline:3px solid #257da3;outline-offset:5px}
@media(max-width:650px){.launch .membership{padding-top:56px}.launch .membership-grid{grid-template-columns:1fr}.launch .membership-grid article{padding:28px}.launch .membership-free{padding-top:28px!important}.launch .membership-grid h3{font-size:24px}.launch .membership-price{font-size:42px}.launch .hero-conversion{min-height:0}.launch .hero-conversion .actions{gap:20px}.launch .more-screens summary{font-size:15px;line-height:1.5}}
@media(max-width:650px){.launch .showcase>.shell>.screen-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;overflow-x:auto;scroll-snap-type:x proximity;gap:16px;padding-bottom:16px}.launch .showcase>.shell>.screen-grid>.screen-card{scroll-snap-align:start}.launch .showcase>.shell>.screen-grid .screen-card p{min-height:78px}}
/* Depth and motion for the restored product story. */
.launch .journey-benefits{padding-top:72px;padding-bottom:8px}
.launch .journey-benefits .reason-grid{margin-top:32px}
.launch .milo-story .hero-secondary{display:inline-flex;align-items:center;gap:12px;margin-top:12px}
.launch .milo-story .hero-secondary svg{width:20px;height:20px}
.launch .milo-story .milo-personality{font-size:15px}
.launch .hero-stage,.launch .milo-spot{transform-style:preserve-3d}
.launch .hero-conversion .hero-stage,.launch .milo-spot{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease-out}
.launch .hero-conversion .hero-phone{transform:translateZ(22px) rotate(6deg)}
.launch .hero-conversion .milo-front{transform:translateZ(48px)}
.launch .motion-surface.is-motion-active .milo-front,.launch .milo-spot.is-motion-active img{animation:milo-float 6s ease-in-out infinite}
.launch .hero-stage.is-motion-active .hero-phone{animation:phone-float 7s ease-in-out infinite}


.launch .is-motion-paused *,.launch.is-motion-paused *{animation-play-state:paused!important}
.launch.is-motion-paused .motion-surface{transform:none!important}
.launch .carplay-section{padding-top:16px}
.launch .live-previews{padding-top:72px}
@keyframes milo-float{0%,100%{transform:translate3d(0,0,40px) rotateZ(-1deg)}50%{transform:translate3d(0,-10px,48px) rotateZ(1deg)}}
@keyframes phone-float{0%,100%{transform:translate3d(0,0,22px) rotateZ(6deg) rotateY(-3deg)}50%{transform:translate3d(0,-7px,30px) rotateZ(5deg) rotateY(3deg)}}
@media(max-width:650px){.launch .journey-benefits{padding-top:48px}.launch .journey-benefits .reason-grid{gap:28px}.launch .hero-conversion .actions .store-buttons{display:flex;flex-wrap:wrap;gap:10px}.launch .hero-conversion .actions .store-badge{min-width:150px;padding-inline:12px}.launch .milo-story{padding-top:72px}.launch .milo-spot{max-width:300px}.launch .milo-spot img{max-width:100%;height:auto;max-height:390px;object-fit:contain}}
@media(prefers-reduced-motion:reduce){.launch .motion-surface{transform:none!important}.launch .hero-stage .hero-phone,.launch .motion-surface img{animation:none!important}}
/* Shared original-logo plate; covers the legacy wordmark without altering artwork. */
.launch .branded-preview{position:relative;isolation:isolate}
.launch .branded-preview>.preview-brand{position:absolute;left:5%;top:2%;width:32%;height:4%;background:#fffdf6;border-radius:999px;display:flex;align-items:center;justify-content:center;z-index:1}
.launch .preview-brand>span{position:relative;display:block;width:88%;aspect-ratio:4.3;overflow:hidden}
.launch .preview-brand>span>img{position:absolute;width:129.08%;max-width:none;height:auto;left:-15.13%;top:-83.93%;border:0;border-radius:0;mix-blend-mode:multiply}
/* Clear screenshot disclosure and image-first mobile introduction. */
.launch .more-screens{border:0;padding:8px 0 0}
.launch .more-screens>summary{display:flex;width:fit-content;align-items:center;justify-content:center;gap:14px;list-style:none;border:1px solid #57798b;border-radius:16px;background:#ffffff06;color:#e1f1f7;padding:14px 22px;min-height:52px;font-size:15px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff06;transition:background .2s ease,border-color .2s ease}
.launch .more-screens>summary::-webkit-details-marker{display:none}
@media(hover:hover){.launch .more-screens>summary:hover{background:#ffffff0e;border-color:#96bdcf}}
.launch .more-screens>summary>span{font:inherit;color:inherit;transform:none;line-height:1.4}
.launch .more-screens>summary:focus-visible{outline-color:#fff;outline-offset:5px}
.launch .more-screens>summary svg{width:18px;height:18px;flex:none;color:#a3cadd;transition:transform .2s ease}
.launch .gallery-label-less{display:none}
.launch .more-screens[open] .gallery-label-more{display:none}
.launch .more-screens[open] .gallery-label-less{display:inline}
.launch .more-screens[open]>summary svg{transform:rotate(180deg)}
@media(max-width:650px){.launch .hero-conversion .hero-visual{order:-1}.launch .hero-conversion{padding-top:0}.launch .more-screens>summary{width:100%;padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.launch .more-screens>summary,.launch .more-screens>summary svg{transition:none}}
.launch .gallery-controls{display:none}
@media(max-width:650px){.launch .gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:28px;color:#c5e8f6;font-size:13px}.launch .gallery-controls>div{display:flex;align-items:center;gap:7px}.launch .gallery-controls button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #7195a7;border-radius:50%;background:#25465b;color:#d9f4ff;cursor:pointer}.launch .gallery-controls button:disabled{opacity:.35;cursor:default}.launch .gallery-controls svg{width:21px;height:21px}.launch .gallery-count{min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.launch #preview-carousel{margin-top:22px;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.launch #preview-carousel::-webkit-scrollbar{display:none}.launch #preview-carousel>.screen-card{scroll-snap-stop:normal;opacity:1;transform:none;transition:none}.launch #preview-carousel:focus-visible{outline:2px solid #8dd7f3;outline-offset:5px}}

/* The two Live Activities examples use the same native mobile gallery behavior. */
.launch .live-preview-card{min-width:0}
@media(max-width:650px){
 .launch .live-previews .section-head{margin-bottom:0}
 .launch .live-previews .gallery-controls{color:#315c70;margin-top:22px;margin-bottom:18px}
 .launch .live-previews .gallery-controls button{background:#e2edf0;border-color:#aac3ce;color:#244b60}
 .launch #live-carousel{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}
 .launch #live-carousel::-webkit-scrollbar{display:none}
 .launch #live-carousel>.live-preview-card{scroll-snap-align:start;scroll-snap-stop:normal}
 .launch #live-carousel:focus-visible{outline:2px solid #327b97;outline-offset:5px}
}