:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#102848;background:#f4f7fb;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh;position:relative;isolation:isolate;overflow-x:clip}.scene{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f6f8fc 20%,#f6f8fced 47%,#f6f8fc35 100%),linear-gradient(180deg,#edf5ff96,#eef4fc70 70%,#f4f7fb),url('/assets/automotive-background.webp') right 46%/min(72vw,1100px) auto no-repeat}.desktop-shell{max-width:1456px;margin:auto;padding:32px 64px 24px;min-height:100svh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:14px;min-height:64px}.brand img{width:64px;height:64px;clip-path:circle(46.5%);object-fit:contain}.brand-name{display:block;font-size:16px;font-weight:850;letter-spacing:.12em}.brand-caption{display:block;font-size:9px;letter-spacing:.12em;margin-top:6px;color:#59718c;font-weight:650}main{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:28px;flex:1;padding:40px 0 30px}.message{max-width:645px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:750;display:flex;align-items:center;gap:9px;margin:0 0 24px;color:#366699}.eyebrow>span{height:5px;width:27px;background:#0a69ef;border-radius:10px}h1{font-size:clamp(44px,5.6vw,80px);line-height:1.025;letter-spacing:-.065em;font-weight:790;margin:0 0 24px}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#0867ec;letter-spacing:-.075em}.intro{font-size:clamp(17px,1.65vw,22px);font-weight:450;line-height:1.5;letter-spacing:-.025em;margin:0 0 16px;color:#344e6c}.description{font-size:14px;line-height:1.75;max-width:450px;color:#576c85;margin:0 0 30px}.description strong{color:#233f60;font-weight:650}.handoff{display:flex;align-items:center;gap:21px;border-top:1px solid #a4b9d04d;padding-top:24px;max-width:492px}.qr-link{display:block;flex:none;background:#fff;border-radius:16px;padding:5px;box-shadow:0 8px 30px #1537630d;border:1px solid #d9e5f2}.qr-link img{display:block;width:116px;height:116px;border-radius:10px}.handoff-kicker{font-size:9px;letter-spacing:.12em;font-weight:800;color:#196bd1;margin:0 0 7px}.handoff h2{font-size:19px;letter-spacing:-.045em;font-weight:750;margin:0 0 8px}.handoff>div>p:not(.handoff-kicker){font-size:12px;line-height:1.65;color:#536a84;margin:0 0 7px}.handoff a:not(.qr-link){color:#145cb3;font-weight:750;text-decoration:underline;text-underline-offset:3px}.access-note{font-size:10px;color:#576e85}.device-note{font-size:10px;line-height:1.5;display:flex;align-items:center;gap:8px;color:#526e8a;margin:20px 0 0}.device-note svg{width:15px;height:20px;stroke:#507aab;stroke-width:1.7;fill:none;flex:none}.visual{height:586px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #fff9;border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:470px;height:470px;background:radial-gradient(circle at 40% 38%,#fafdffad,#d6eaff37 70%);box-shadow:inset 0 0 0 16px #fff1}.orbit-two{width:530px;height:530px;border-color:#ffffff50}.visual-caption{position:absolute;right:0;top:8px;color:#55728e;font-size:9px;letter-spacing:.17em;line-height:1.8;font-weight:750}.phone{position:relative;width:254px;height:516px;border-radius:43px;background:linear-gradient(115deg,#2b3c51,#b7c9dc 17%,#172c46 22%,#071d37 65%,#728daa);padding:8px;transform:rotate(8deg);box-shadow:22px 35px 45px #143a6730,3px 8px 10px #052b5338,inset 1px 0 2px #fff9;border:1px solid #7897b3}.phone:after{content:"";position:absolute;left:2px;right:2px;bottom:5px;height:45%;border-radius:0 0 40px 40px;background:linear-gradient(145deg,#fff0 40%,#ffffff13);pointer-events:none}.phone-edge{position:absolute;left:-3px;top:104px;height:49px;width:3px;border-radius:3px;background:#34506b}.phone-screen{height:100%;border-radius:36px;overflow:hidden;background:radial-gradient(ellipse at 110% 14%,#e1f6ff,transparent 59%),linear-gradient(155deg,#fbfdff,#e5f1ff 56%,#f8fbff);position:relative;border:2px solid #09233d}.phone-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:78px;height:23px;border-radius:20px;background:#092137}.screen-top{padding:59px 23px 0}.screen-top>span{font-size:6px;font-weight:800;letter-spacing:.18em;color:#64829f}.screen-top p{font-size:29px;line-height:1.03;letter-spacing:-.05em;font-weight:750;margin:11px 0}.screen-top i{font-family:Georgia,serif;color:#0668ed;font-weight:400}.voice-orb{width:142px;height:142px;margin:5px auto 0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#49bbff,#1178fb 45%,#0349cc 85%);box-shadow:0 20px 25px #237be332,inset 2px 3px 8px #ffffff8c;position:relative}.voice-orb:before{content:"";position:absolute;inset:-13px;border:1px solid #298cff29;border-radius:50%}.voice-orb svg{width:112px;stroke:#fff;stroke-width:3.5;stroke-linecap:round;fill:none}.screen-bottom{padding:26px 24px 0}.sound-label{font-size:6px;letter-spacing:.11em;font-weight:800;color:#426f9b;display:flex;gap:5px;align-items:center}.sound-label>span{width:4px;height:4px;background:#086eed;border-radius:50%}.screen-bottom p{font-size:25px;font-weight:650;line-height:1.1;letter-spacing:-.045em;margin:10px 0 17px}.screen-line{height:1px;background:#bdd3e7}.screen-bottom>span{font-size:5px;letter-spacing:.1em;font-weight:700;color:#65839c;display:block;margin-top:10px}.visual-footnote{position:absolute;bottom:0;right:0;font-size:9px;color:#3f6588;display:flex;align-items:center;gap:12px}.footnote-rule{width:42px;height:1px;background:#6a91b5}footer{border-top:1px solid #a4b9d037;padding-top:16px;display:flex;justify-content:space-between;gap:20px;color:#526980;font-size:10px;line-height:1.5}footer p{margin:0}a:focus-visible{outline:3px solid #0767de;outline-offset:5px;border-radius:4px}@media(min-width:1600px){.desktop-shell{padding-top:45px;padding-bottom:32px}main{padding-top:55px;padding-bottom:45px}.visual{height:640px}.phone{transform:rotate(8deg) scale(1.08)}}@media(max-width:1100px){.desktop-shell{padding:26px 40px 22px}main{grid-template-columns:1.15fr .85fr;gap:12px}.visual{height:545px}.phone{transform:rotate(8deg) scale(.9)}.orbit-one{width:360px;height:360px}.orbit-two{width:405px;height:405px}.visual-caption{font-size:7px}.visual-footnote{font-size:7px;right:-10px}.handoff{gap:15px}.handoff h2{font-size:17px}.qr-link img{width:96px;height:96px}}@media(max-width:760px){.desktop-shell{padding:24px;max-width:580px}.brand-caption{font-size:7px}.brand-name{font-size:13px}.brand img{width:52px;height:52px}.brand{min-height:52px;gap:8px}main{grid-template-columns:1fr;padding:38px 0 30px;gap:28px}.message{max-width:100%}h1{font-size:clamp(42px,9vw,64px)}.intro{font-size:19px}.description{font-size:13px;max-width:440px}.eyebrow{font-size:8px;letter-spacing:.12em}.handoff{gap:14px}.handoff-kicker{font-size:8px}.handoff h2{font-size:17px}.handoff>div>p:not(.handoff-kicker){font-size:11px}.access-note{font-size:9px}.visual{height:420px;margin:0 10px}.phone{transform:rotate(8deg) scale(.74)}.orbit-one{width:310px;height:310px}.orbit-two{width:350px;height:350px}.visual-caption{top:5px;font-size:7px}.visual-footnote{bottom:0;right:0;font-size:7px}.scene{background:linear-gradient(180deg,#f6f8fc 22%,#f6f8fca8 62%,#f4f7fbd9),url('/assets/automotive-background.webp') 70% 70%/cover no-repeat}footer{display:block;font-size:9px}footer p+p{margin-top:5px}}@media(max-width:360px){.desktop-shell{padding:20px}.brand-caption{font-size:6px}.handoff{gap:10px}.qr-link img{width:80px;height:80px}.handoff h2{font-size:15px}.access-note{font-size:8px}.orbit-two{width:300px;height:300px}.orbit-one{width:270px;height:270px}.visual-caption{right:-5px}h1{font-size:42px}}@media(min-width:761px) and (max-height:800px){.desktop-shell{padding-top:20px;padding-bottom:18px}main{padding-top:22px;padding-bottom:20px}.visual{height:475px}.phone{transform:rotate(8deg) scale(.86)}.orbit-one{width:380px;height:380px}.orbit-two{width:430px;height:430px}.eyebrow{margin-bottom:18px}h1{font-size:clamp(48px,5.25vw,70px);margin-bottom:18px}.intro{font-size:19px;margin-bottom:12px}.description{margin-bottom:22px}.handoff{padding-top:18px}.device-note{margin-top:16px}}
/* Decorative rings must stay inside their column during intermediate resizing. */
.visual .orbit{max-width:100%;height:auto;aspect-ratio:1}