header .header-actions .outline{background:#0755ff;color:#fff;border-color:#0755ff;padding:15px 22px}header nav{gap:22px}.hero{max-width:1500px;grid-template-columns:1.05fr 1fr;background:linear-gradient(100deg,#f0f5ff,#e8f3ff);min-height:620px}.hero-copy{padding-top:52px;padding-left:7%;padding-bottom:46px;z-index:3}h1{font-size:clamp(46px,4.4vw,66px);letter-spacing:-2.8px}.hero-copy>p{font-size:16px;max-width:530px}.hero-visual.modern-visual{min-height:620px;padding:0;position:relative;overflow:hidden;align-self:stretch;mask-image:linear-gradient(90deg,transparent 0,#000 13%)}.modern-visual>img{position:absolute;height:124%;width:auto;max-width:none;top:-15%;right:-4%;display:block}.hero .interactive-background{z-index:0}.hero .hero-copy{position:relative}.hero-search{max-width:540px}.benefit-strip{max-width:1280px;margin:-10px auto 0;background:#ffffffee;backdrop-filter:blur(10px);padding:29px 22px}.category-section{padding-top:65px}@media(max-width:1100px){header nav{gap:13px;font-size:11px}header{padding:0 20px}.header-actions{gap:15px}.hero-copy{padding-left:6%}.hero-copy>p{font-size:14px}h1{font-size:48px}.modern-visual>img{right:-19%}.benefit-strip{margin:-10px 4% 0}}@media(max-width:700px){header .header-actions .outline{display:none}.hero{display:flex;min-height:0}.hero-copy{padding:30px 6% 0}h1{font-size:46px}.hero-copy>p{font-size:14px}.hero-visual.modern-visual{height:400px;min-height:400px;width:100%;margin-top:12px;mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 94%,transparent 100%)}.modern-visual>img{height:128%;top:-16%;right:-8%}.benefit-strip{margin:0 5%;padding:20px 15px}.category-section{padding-top:40px}}
.hero{background:linear-gradient(90deg,rgba(246,250,255,.97) 0%,rgba(246,250,255,.88) 32%,rgba(240,247,255,.32) 65%,rgba(235,245,255,.02) 100%),url("assets/coastal-highway.webp") center center/cover no-repeat}.hero-visual.coastal-visual{min-height:620px;padding:25px 0;overflow:visible;display:flex;align-items:center;justify-content:center}.coastal-visual .dashboard-phone{width:250px;transform:rotate(6deg);box-shadow:20px 30px 55px #173e6855}.hero .route-map,.hero .background-grid{display:none}.hero .background-glow{opacity:.55}@media(max-width:700px){.hero{background:linear-gradient(180deg,rgba(246,250,255,.97) 0%,rgba(246,250,255,.92) 40%,rgba(240,247,255,.12) 80%),url("assets/coastal-highway.webp") 70% bottom/auto 100% no-repeat}.hero-visual.coastal-visual{height:530px;min-height:530px;padding:25px 0 35px;overflow:hidden}.coastal-visual .dashboard-phone{width:220px;transform:rotate(5deg)}}
.hero-visual.dual-phones{perspective:1200px;position:relative;min-height:650px;isolation:isolate}.dual-phones .dashboard-phone{position:absolute;box-shadow:12px 20px 12px #09264322,25px 35px 55px #08233f48,inset 0 0 0 2px #64758d;border-color:#142439;border-width:6px;outline:1px solid #9cabb9;outline-offset:1px}.dual-phones .primary-phone{width:235px;left:5%;top:66px;z-index:3;transform:rotate(-9deg) rotateY(8deg)}.dual-phones .secondary-phone{width:222px;right:7%;top:36px;z-index:2;transform:rotate(7deg) rotateY(-9deg)}.device-halo{position:absolute;width:450px;height:450px;top:70px;left:0;border-radius:50%;background:radial-gradient(circle,#a2d5ff99,#c7e8ff44 55%,transparent 72%);filter:blur(20px);z-index:0}.device-platform{position:absolute;width:440px;height:70px;bottom:23px;left:3%;border-radius:50%;background:radial-gradient(ellipse,#22476955,transparent 68%);filter:blur(7px);z-index:0}.device-note{position:absolute;display:flex;align-items:center;gap:10px;padding:14px 17px;border-radius:16px;background:#fffffff5;border:1px solid #ffffff;box-shadow:0 12px 30px #153b6725;text-align:left;z-index:4;color:#13243b}.device-note>span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#e7f6ed;color:#189b73;border-radius:11px;font-size:20px}.device-note strong{display:block;font-size:12px}.device-note small{display:block;font-size:9px;margin-top:5px;color:#6c7d93}.service-note{top:43px;left:0;transform:rotate(-3deg)}.accident-note{bottom:72px;right:0;transform:rotate(3deg)}.accident-note>span{background:#ffebee;color:#e72c41}.accident-note:hover{background:#f3f8ff;box-shadow:0 15px 35px #153b6738}@media(max-width:1100px){.dual-phones .primary-phone{width:200px;left:1%;top:100px}.dual-phones .secondary-phone{width:190px;right:3%;top:65px}.device-note{padding:12px}.device-note strong{font-size:10px}.device-note small{font-size:8px}.device-halo,.device-platform{width:100%}.accident-note{bottom:90px}}@media(max-width:700px){.hero-visual.dual-phones{height:550px;min-height:550px;overflow:hidden}.dual-phones .primary-phone{width:185px;left:8%;top:78px}.dual-phones .secondary-phone{width:175px;right:7%;top:42px}.service-note{left:5%;top:30px}.accident-note{right:4%;bottom:54px}.device-platform{bottom:25px;left:0}.device-note>span{width:30px;height:30px;font-size:17px}}
.hero{background:linear-gradient(90deg,rgba(246,250,255,.97) 0%,rgba(246,250,255,.88) 33%,rgba(240,247,255,.25) 62%,transparent 85%),url("assets/coastal-roadside-stop.webp") center center/cover no-repeat}.hero-visual.single-phone{min-height:620px;display:flex;align-items:center;justify-content:center;padding:25px 0;overflow:visible}.single-phone .dashboard-phone{position:relative;width:250px;transform:rotate(6deg);box-shadow:16px 26px 42px #10294055;margin-right:70px}@media(max-width:700px){.hero{background:linear-gradient(180deg,rgba(246,250,255,.97) 0%,rgba(246,250,255,.92) 40%,rgba(240,247,255,.08) 82%),url("assets/coastal-roadside-stop.webp") 72% bottom/auto 100% no-repeat}.hero-visual.single-phone{height:530px;min-height:530px;padding:25px 0 35px;overflow:hidden}.single-phone .dashboard-phone{width:220px;transform:rotate(5deg);margin-right:0}}
.hero-visual.single-phone{justify-content:flex-start}.single-phone .dashboard-phone{transform:none;margin-left:0;margin-right:0}@media(max-width:700px){.hero-visual.single-phone{justify-content:center}.single-phone .dashboard-phone{transform:none;margin-left:0;margin-right:0}}

.hero-wordmark{font:800 52px Manrope,sans-serif;letter-spacing:-2px;line-height:1;color:#09213e}.reference-copy h1{font-size:48px;line-height:1.04;letter-spacing:-1.6px;margin:9px 0 16px}.reference-copy>p{font-size:15px;color:#213b58;max-width:460px}.reference-copy .secondary{border:1px solid #0755ff;color:#0755ff;background:#ffffffbb}.store-buttons{display:flex;gap:9px;margin-top:20px}.store-buttons button{display:flex;align-items:center;gap:8px;background:#050505;color:#fff;border:1px solid #777;border-radius:6px;padding:7px 12px;text-align:left;font-size:15px}.store-buttons small{display:block;font-size:8px}.road-message{max-width:1280px;margin:auto;padding:30px 5%;background:white}.road-message h2{font-size:31px;line-height:1.1;margin:0 0 12px}.road-message p{font-size:13px;max-width:580px;margin:0}.benefit-strip{margin:0 auto}
@media(max-width:700px){header{display:none}.hero{background:linear-gradient(90deg,#f9fbffed,#f9fbffac 58%,#f9fbff22),url("assets/coastal-roadside-stop.webp") center/cover no-repeat}.hero-copy.reference-copy{padding:20px 4%}.hero-wordmark{font-size:42px}.reference-copy h1{font-size:35px;margin:7px 0 11px;letter-spacing:-1px}.reference-copy>p{font-size:12px;line-height:1.45;margin:0 0 12px}.reference-copy .actions{margin-top:0;gap:9px}.reference-copy .actions .button{font-size:10px;padding:12px 16px;border-radius:8px}.store-buttons{margin-top:14px}.store-buttons button{padding:5px 9px;font-size:12px}.store-buttons small{font-size:6px}.reference-copy .demo-label{font-size:7px;margin-top:8px}.reference-copy .hero-search{display:none}.hero-visual.single-phone{display:none}.road-message{padding:21px 4%}.road-message h2{font-size:25px;letter-spacing:-.7px}.road-message p{font-size:11px}.benefit-strip{margin:0 5% 15px}}
.road-message{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1200px;padding:48px 44px;background:#fff;border-radius:22px 22px 0 0;margin:0 auto}.road-message h2{font-size:30px;line-height:1.18;letter-spacing:-1px;margin:0}.road-message p{font-size:15px;line-height:1.85;margin:0;max-width:460px}.benefit-strip{max-width:1200px;margin:0 auto;padding:26px 20px;border-top:1px solid #e5ebf4;border-radius:0 0 22px 22px;box-shadow:0 14px 35px #253b6808}.benefit-strip>div{justify-content:flex-start;padding:0 20px;gap:13px;min-width:0}.benefit-strip strong{font-size:12px;line-height:1.5}.benefit-strip small{font-size:10px;line-height:1.5}.benefit-strip i{flex-shrink:0}@media(max-width:1000px){.road-message{margin:0 4%;padding:36px 30px;gap:32px}.road-message h2{font-size:25px}.road-message p{font-size:13px}.benefit-strip{margin:0 4%;padding:22px 10px}.benefit-strip>div{padding:0 12px;gap:10px}.benefit-strip strong{font-size:10px}.benefit-strip small{font-size:9px}}@media(max-width:700px){.road-message{grid-template-columns:1fr;gap:16px;margin:0 5%;padding:28px 22px;border-radius:18px 18px 0 0}.road-message h2{font-size:25px;line-height:1.2}.road-message p{font-size:12px;line-height:1.75}.benefit-strip{margin:0 5%;padding:22px;gap:23px 16px;border-radius:0 0 18px 18px;grid-template-columns:1fr 1fr}.benefit-strip>div{padding:0;gap:10px;border:0;align-items:flex-start}.benefit-strip strong{font-size:10px}.benefit-strip small{font-size:8px;margin-top:4px}}