/* Landing styles are scoped so signed-in portal and policy pages keep their layout. */
.landing-page{--landing-muted:#b5bfd0}
.landing-page main{max-width:1360px;padding:50px 40px 72px}
.landing-page .site-header{padding:20px max(28px,calc((100vw - 1280px)/2));gap:24px}
.landing-page .hero{max-width:none;padding:0}
.landing-page .eyebrow{font-size:11px;letter-spacing:2.3px;margin:0 0 20px}
.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center}
.landing-page .hero h1{font-size:clamp(42px,4.8vw,70px);letter-spacing:-2.8px;line-height:1.09;margin:0}
.landing-page .hero em{color:#8093ff}
.hero-summary{max-width:480px}
.hero-summary .intro{color:var(--text);font-size:21px;font-weight:700;line-height:1.4;margin:0 0 13px}
.hero-summary>p:not(.intro){font-size:15px;color:var(--landing-muted);line-height:1.7}
.hero-summary .actions{margin:24px 0 12px;gap:18px;align-items:center}
.hero-summary .button{padding:13px 24px}
.text-link{font-weight:700;font-size:14px}
.hero-summary .hero-price{font-size:12px;margin:0}
.hero-price strong{color:#b4c0ff;white-space:nowrap}
.launch-status{display:flex;align-items:center;gap:10px;font-size:12px;color:#b9c3d3;margin:31px 0 18px}
.status-dot{width:6px;height:6px;flex:0 0 6px;background:#a1b1e5;border-radius:50%}
.program-demo{margin:0;border:1px solid #394257;border-radius:12px;overflow:hidden;background:#11151e;box-shadow:0 28px 70px #0005;scroll-margin-top:20px}
.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;border-bottom:1px solid #343d50;font-size:13px;background:#1b2130}
.demo-toolbar>div{display:flex;align-items:center;gap:10px}
.demo-dot{width:8px;height:8px;background:#6b83ff;border-radius:50%;box-shadow:0 0 12px #6b83ff88}
.demo-tag{font-size:11px;color:#b9c3d3}
.demo-controls:not([hidden]){display:flex;gap:5px;padding:12px 18px;background:#121722;border-bottom:1px solid var(--line)}
.demo-controls button{flex:1;font-size:13px;padding:10px 12px;background:transparent;border:1px solid transparent;color:#bac4d6;gap:10px;min-width:0}
.demo-controls button span{font-size:10px;color:#8798bc;font-family:monospace}
.demo-controls button[aria-pressed=true]{border-color:#5069ff;background:#27345a;color:#fff}
.demo-controls button:hover{background:#202a3f}
.program-image-link{display:block;line-height:0;cursor:zoom-in;background:#0e1119}
.program-image-link img{display:block;width:100%;height:auto;aspect-ratio:1440/857;object-fit:cover;object-position:top}
.program-demo figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;font-size:12px;color:#b9c3d3;border-top:1px solid #30394e}
.program-demo figcaption p{margin:0}.program-demo figcaption a{white-space:nowrap}
.landing-page .feature-row{justify-content:center;gap:30px;margin:28px 0 0}
.landing-page .feature-row span{font-size:12px}
.landing-page h2{font-size:clamp(28px,3vw,42px);line-height:1.16;letter-spacing:-1.1px;margin:0 0 22px}
.shop-story{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:80px;padding:100px 0;border-bottom:1px solid var(--line)}
.shop-story>div>p:not(.eyebrow){font-size:16px;color:var(--landing-muted);max-width:470px;margin:0}
.timing-example{border:1px solid #3c465c;background:linear-gradient(120deg,#1d263d,#141923);padding:28px 30px;border-radius:10px}
.time-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin:0 0 4px}
.time-comparison>div{display:flex;flex-direction:column;gap:9px}
.time-comparison>div>span{font-size:11px;color:#bac5d9}
.time-comparison strong{font-size:49px;line-height:1.1;font-weight:700;letter-spacing:-1.5px}
.time-comparison small{font-size:18px;font-weight:400;letter-spacing:0}
.garagecam-time strong{color:#8fa0ff}.comparison-arrow{font-size:24px;color:#7a87a4}
.comparison-task{font-size:13px!important;margin-top:18px!important;color:#e1e6f0!important}
.workflow{padding:80px 0;border-bottom:1px solid var(--line);scroll-margin-top:28px}
.section-heading{max-width:760px;margin:0 auto 42px;text-align:center}
.section-heading h2{margin-bottom:16px}
.section-heading>p:not(.eyebrow){color:var(--landing-muted);margin:0;font-size:16px}
.workflow-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.workflow-steps li{border-top:1px solid #414c65;padding:24px 0 0}
.step-number{font:13px monospace;color:#91a2ff}
.workflow-steps h3{font-size:19px;margin:15px 0 9px;line-height:1.3;letter-spacing:-.3px}
.workflow-steps p{color:var(--landing-muted);font-size:14px;margin:0}
.workflow-note{font-size:12px;color:#aeb9cd;text-align:center;margin:34px 0 0}
.landing-page .pricing{padding:80px 0;max-width:100%;margin:0;border:0;scroll-margin-top:28px}
.landing-page .pricing-grid{max-width:900px;margin:0 auto 26px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.landing-page .price-card{position:relative;background:#151a25;border:1px solid #394258;border-radius:11px;padding:29px 32px 0;overflow:hidden}
.landing-page .annual-plan{border-color:#7e91ff;background:linear-gradient(140deg,#263153,#171d2b 70%);box-shadow:0 0 0 1px #7e91ff22}
.plan-kicker{font-size:10px;color:#a9b7d3;letter-spacing:1.6px;font-weight:700;margin:0 0 16px}
.landing-page .price-card h3{font-size:22px;margin:0 0 14px}
.landing-page .plan-price{font-size:49px;font-weight:700;letter-spacing:-1.4px;margin:0 0 8px;line-height:1.15;color:#fff}
.landing-page .plan-price span{font-size:15px;letter-spacing:0;color:#c0cadb;font-weight:400}
.landing-page .price-card .plan-billing{color:#d5dcf0;font-size:13px;min-height:42px;margin:0 0 18px}
.price-card>p:not([class]){font-size:14px;color:#b5c0d3;margin:0 0 26px;min-height:45px}
.savings-badge{display:inline-block;position:absolute;right:22px;top:23px;background:#91a2ff;color:#0c1227;font-size:10px;font-weight:800;padding:4px 9px;border-radius:4px;letter-spacing:.6px}
.plan-availability{font-size:12px;text-align:center;color:#b6c4e0;padding:14px 0;margin:0;border-top:1px solid #3a4763}
.included-features{max-width:900px;margin:0 auto 28px;padding:23px 28px;border:1px solid #30394b;border-radius:9px;background:#111620}
.included-features h3{font-size:14px;margin:0 0 14px}
.included-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 30px}
.included-features li{position:relative;padding-left:22px;font-size:13px;color:#c0cadb}
.included-features li:before{content:'✓';position:absolute;left:0;color:#63c38b}
.landing-page .pricing-note{font-size:12px;line-height:1.8;text-align:center;max-width:880px;margin:8px auto;color:#adb9cf}
.refund-link{text-align:center;font-size:12px;margin:14px 0 0}
.questions{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding:65px 0 85px;border-top:1px solid var(--line)}
.questions>div>p:not(.eyebrow){color:var(--landing-muted);font-size:14px}
.faq-list details{border-bottom:1px solid #333e53;padding:20px 0}
.faq-list details:first-child{padding-top:0}
.faq-list summary{font-size:16px;font-weight:700;cursor:pointer;line-height:1.45;padding-right:15px}
.faq-list summary:focus-visible{outline:2px solid #94a7ff;outline-offset:5px}
.faq-list details p{color:#b5bfd2;font-size:14px;margin:16px 0 0}
.closing-cta{border:1px solid #3a4762;border-radius:12px;background:linear-gradient(110deg,#1d2946,#141a27);padding:36px 42px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.closing-cta .eyebrow{margin-bottom:13px}.closing-cta h2{margin-bottom:12px}.closing-cta p:last-child{color:var(--landing-muted);margin:0;font-size:14px}.closing-cta .button{white-space:nowrap}
.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-160%);z-index:10;padding:10px 18px;background:#eef0ff;color:#16203d;border-radius:5px}.skip-link:focus{transform:translateY(0)}
@media(min-width:1500px){.landing-page .hero h1{font-size:72px}}
@media(max-width:1100px){.hero-grid{gap:30px;grid-template-columns:1.3fr 1fr}.landing-page .hero h1{font-size:49px;letter-spacing:-2px}.hero-summary .intro{font-size:18px}.hero-summary>p:not(.intro){font-size:14px}.shop-story{gap:40px}.timing-example{padding:25px}.time-comparison strong{font-size:43px}.questions{gap:45px}}
@media(max-width:760px){.landing-page main{padding:32px 22px 45px}.landing-page .site-header{padding:18px 22px;gap:16px}.landing-page .brand{font-size:25px}.landing-page .brand img{width:36px;height:36px}.landing-page nav{width:100%;justify-content:space-between;gap:16px;font-size:12px}.landing-page .portal-language{font-size:12px;gap:5px}.landing-page .portal-language label{display:none}.landing-page .portal-language select{max-width:107px;padding:6px}.hero-grid{grid-template-columns:1fr;gap:23px}.landing-page .hero h1{font-size:clamp(35px,7.5vw,53px);letter-spacing:-1.5px}.hero-summary{max-width:580px}.hero-summary .intro{font-size:19px}.hero-summary .actions{margin-top:20px}.launch-status{font-size:11px;align-items:flex-start;margin-top:26px;line-height:1.6}.status-dot{margin-top:6px}.demo-toolbar{padding:11px 13px}.demo-tag{font-size:9px}.demo-controls:not([hidden]){padding:8px 5px;gap:3px}.demo-controls button{padding:8px 5px;font-size:11px;line-height:1.45;flex-direction:column;gap:2px}.program-demo figcaption{padding:12px;align-items:flex-start;gap:12px;font-size:10px}.program-demo figcaption a{max-width:90px;white-space:normal;flex:0 0 90px}.program-image-link{overflow:hidden}.landing-page .feature-row{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:24px}.landing-page .feature-row span{font-size:11px}.shop-story{grid-template-columns:1fr;gap:25px;padding:62px 0}.landing-page h2{font-size:31px;letter-spacing:-.7px}.shop-story>div>p:not(.eyebrow){font-size:15px}.timing-example{padding:24px 20px}.time-comparison{gap:12px}.time-comparison strong{font-size:43px}.time-comparison>div>span{font-size:10px}.time-comparison small{font-size:16px}.workflow{padding:60px 0}.section-heading{text-align:left;margin-bottom:30px}.workflow-steps{grid-template-columns:1fr;gap:25px}.workflow-steps li{padding-top:18px}.workflow-steps h3{margin-top:9px}.workflow-note{text-align:left;font-size:11px}.landing-page .pricing{padding:60px 0}.landing-page .pricing-grid{grid-template-columns:1fr;gap:18px}.landing-page .price-card{padding:26px 25px 0}.landing-page .price-card .plan-billing{min-height:0}.price-card>p:not([class]){min-height:0}.included-features{padding:24px}.included-features ul{grid-template-columns:1fr;gap:11px}.landing-page .pricing-note{text-align:left;font-size:11px}.refund-link{text-align:left}.questions{grid-template-columns:1fr;gap:25px;padding:50px 0}.faq-list summary{font-size:15px}.closing-cta{padding:28px 24px;flex-direction:column;align-items:flex-start;gap:24px}.landing-page footer{font-size:11px;padding:25px 22px}.landing-page .eyebrow{font-size:10px;letter-spacing:1.8px}}
@media(prefers-reduced-motion:no-preference){.demo-controls button{transition:background .15s,border-color .15s}.program-image-link img{transition:opacity .12s}}