:root{--background-dark:#091f35;--background-light:#fff;--surface-dark:#12304a;--surface-light:#f1f6fa;--primary:#0868d5;--primary-hover:#0451aa;--secondary:#0e435c;--accent:#46ded0;--success:#087d69;--warning:#946000;--danger:#b42b3c;--text-primary:#112e45;--text-secondary:#52697b;--border:#d9e3eb;--muted:#687f90;--shadow-sm:0 3px 10px #132f4508;--shadow-md:0 12px 30px #132f4510;--shadow-lg:0 24px 60px #031a3433;--shadow-floating:0 12px 25px #031a3426;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-30:120px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--background-light);color:var(--text-primary);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:"Arial",sans-serif;font-weight:750;letter-spacing:-.045em;line-height:1.06;text-wrap:balance}h1{font-size:clamp(40px,4.5vw,68px);margin:20px 0 24px}h2{font-size:clamp(32px,3.5vw,50px);margin:12px 0 24px}h3{font-size:20px;line-height:1.3;margin-bottom:10px;letter-spacing:-.02em}h4{font-size:19px;margin:10px 0}p{color:var(--text-secondary);margin-bottom:20px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,svg{max-width:100%;vertical-align:middle}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0ba9b2;outline-offset:5px}a:hover{color:var(--primary)}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.section{padding:96px 0}.section-heading{max-width:780px;margin-bottom:40px}.section-heading p{max-width:640px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--primary);display:block}.header{position:sticky;top:0;z-index:50;background:#ffffffef;border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:750;letter-spacing:-.04em;white-space:nowrap}.brand b{font-weight:400}.brand-symbol{width:34px;height:34px;display:grid;place-items:center;background:var(--primary);color:white;border-radius:9px;font-size:27px}.nav nav{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 23px;background:var(--primary);color:white;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;text-align:center;line-height:1.45}.button:hover{background:var(--primary-hover);color:white;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--primary);border-color:#aac2d5}.button.secondary:hover{background:#eaf2fa;color:var(--primary)}.button.small{min-height:44px;padding:10px 16px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hero{padding:80px 0 72px;background:var(--background-dark);color:white;position:relative}.hero .eyebrow,.dark .eyebrow,.blue .eyebrow{color:var(--accent)}.hero em{font-style:normal;color:var(--accent)}.hero p,.dark p{color:#b9cbd9}.lead{font-size:18px;line-height:1.7;max-width:560px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.hero .secondary,.dark .secondary,.blue .secondary{color:white;border-color:#62788d}.hero .secondary:hover,.blue .secondary:hover{color:var(--text-primary)}.checks{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:12px;list-style:none;padding:0;margin-top:26px}.checks li:before{content:'✓';color:var(--accent);margin-right:8px}.checks.vertical{display:grid;gap:13px;font-size:15px;margin-bottom:32px}.console{background:white;color:var(--text-primary);border:1px solid #ffffff24;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);min-width:0}.console-head{padding:22px;display:flex;gap:10px;justify-content:space-between;align-items:center}.console-head small{font-size:9px;letter-spacing:.14em;display:block;color:var(--muted)}.console-head strong{display:block;font-size:16px}.badge{font-size:9px;letter-spacing:.05em;background:#e8f6f4;color:#087360;border-radius:5px;padding:5px 8px;font-weight:800;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:0 22px 20px;gap:12px}.stats b{display:block;font-size:29px;letter-spacing:-.05em;line-height:1.4}.stats span{display:block;font-size:10px;color:var(--muted)}.map{position:relative;overflow:hidden;background:#edf3f8}.map svg{width:100%;height:auto;display:block}.map-label{position:absolute;left:16px;bottom:16px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:white;box-shadow:var(--shadow-floating);font-size:11px;display:flex;align-items:center;gap:10px}.map-label strong{color:var(--primary);padding-left:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0da68c;flex-shrink:0}.delivery{display:flex;gap:12px;align-items:center;padding:18px;font-size:12px}.delivery>div{flex:1}.delivery small{display:block;color:var(--muted);font-size:10px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e8f0fa;color:var(--primary);font-size:11px;font-weight:700}.status-line{display:flex;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}.status-line b{color:var(--primary)}.rail{padding:32px 0;border-bottom:1px solid var(--border)}.benefit-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.benefit-rail h3{font-size:16px}.benefit-rail p{font-size:13px;margin:0}.soft{background:var(--surface-light)}.timeline{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);padding:0;gap:20px}.timeline li{position:relative;border-top:2px solid #b8dce9;padding-top:20px}.timeline li:before{content:'';position:absolute;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--primary)}.timeline li>span{font-size:12px;color:var(--primary);font-family:Consolas,monospace}.timeline h3{font-size:15px;margin:12px 0}.timeline p{font-size:12px;line-height:1.7}.timeline small{font-size:9px;border:1px solid var(--border);padding:4px 7px;border-radius:5px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--border);background:white;border-radius:16px;padding:28px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card p{font-size:14px;line-height:1.75;margin:0}.mark{display:grid;place-items:center;width:38px;height:38px;background:#edf5fc;color:var(--primary);font-size:24px;border-radius:10px;margin-bottom:22px}.card h3{font-size:18px}.dark{background:var(--background-dark);color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split>*{min-width:0}.split .section-heading{margin-bottom:24px}.analytics{padding:26px;background:var(--surface-dark);border:1px solid #ffffff20;border-radius:20px}.analytics .stats{padding:20px 0;gap:22px}.analytics .stats span{color:#b9cbd9}.analytics h3{font-size:13px;color:#c9d8e4}.six{grid-template-columns:repeat(3,1fr)}.chart{height:140px;display:flex;align-items:stretch;gap:20px;border-bottom:1px solid #ffffff22;margin-bottom:24px}.chart>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:5px}.chart i{background:#48cdca;width:100%;border-radius:5px 5px 0 0;max-width:38px}.chart small{font-size:10px;color:#c7d8e4}.feed{padding:0;list-style:none;margin:0;font-size:11px}.feed li{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #ffffff13}.feed small{margin-left:auto;color:#b9cbd9}.demo-note{font-size:11px!important;display:block;color:var(--muted)}.receipt{background:white;border:1px solid var(--border);padding:38px;border-radius:16px;box-shadow:var(--shadow-md);border-top:5px solid #0ba795}.receipt h3{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0}.receipt dl{display:grid;grid-template-columns:1fr 1fr;font-size:14px;margin:24px 0}.receipt dt,.receipt dd{margin:0;padding:10px 0;border-bottom:1px dashed var(--border)}.receipt dt{color:var(--muted)}.receipt dd{text-align:right}.receipt svg{height:60px;width:100%}.notifications{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.notifications>div{background:white;border:1px solid var(--border);border-left:3px solid #0ba795;padding:22px;border-radius:8px;font-size:13px}.notifications b{margin-left:10px}.notifications small{display:block;color:var(--muted);margin:8px 0 0 17px}.phone{width:300px;max-width:100%;margin:auto;padding:9px;background:#071525;border:2px solid #486078;border-radius:43px;box-shadow:0 28px 65px #0003;color:var(--text-primary);position:relative}.phone-island{width:90px;height:20px;border-radius:0 0 15px 15px;background:#071525;position:absolute;top:8px;left:50%;transform:translateX(-50%)}.phone-top{border-radius:32px 32px 0 0;background:#f5f8fb;display:flex;justify-content:space-between;padding:22px 18px 14px;font-size:9px;font-weight:700}.phone-body{border-radius:0 0 32px 32px;background:#f5f8fb;padding:16px 14px;overflow:hidden}.phone .eyebrow{font-size:8px;color:var(--primary)}.phone h3{font-size:25px;display:flex;justify-content:space-between;align-items:center;margin:6px 0}.phone p{font-size:10px;color:var(--text-secondary);margin-bottom:13px}.phone .map{border-radius:12px}.phone .map-label{font-size:7px;padding:5px;left:6px;bottom:6px;gap:5px}.phone .map-label strong{padding-left:3px}.phone-task{padding:15px;background:white;border:1px solid var(--border);border-radius:12px;margin-top:12px}.phone h4{font-size:17px;margin:7px 0}.mock-button,.mock-outline{padding:8px;border-radius:7px;text-align:center;font-size:10px;font-weight:700;margin-top:10px}.mock-button{background:var(--primary);color:white}.mock-outline{border:1px solid var(--border);color:var(--primary)}.phone-nav{display:flex;justify-content:space-between;font-size:8px;margin:20px 5px 10px}.phone .demo-note{font-size:7px!important;text-align:center}.app-show{gap:120px}.install{background:#e7f5f7}.install-grid{display:grid;grid-template-columns:1fr 300px;gap:80px;align-items:center}.qr{background:white;border:1px solid var(--border);border-radius:16px;padding:15px;text-align:center;display:inline-flex;flex-direction:column;align-items:center;color:var(--text-primary)}.qr img{width:246px;height:auto;aspect-ratio:1;object-fit:contain;image-rendering:pixelated}.qr span{font-size:9px;letter-spacing:.06em;font-weight:700;margin-top:8px}.qr-center{text-align:center}.qr-center p{font-size:13px;margin-top:20px;overflow-wrap:anywhere}.integration{border:1px solid var(--border);padding:40px;border-radius:20px;display:flex;gap:25px;align-items:center;flex-wrap:wrap;background:var(--surface-light)}.integration b{font-size:19px}.integration span{color:var(--primary);font-size:30px}.integration p{font-size:13px;margin:0;flex-basis:100%}.sectors{display:flex;flex-wrap:wrap;gap:12px}.sectors span{border:1px solid #c5d7e5;border-radius:10px;background:white;padding:15px 24px;font-size:14px;font-weight:600}.plans{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;align-items:stretch}.plan{flex:1 1 280px;max-width:420px;padding:36px;border:1px solid #a9c7e3;border-top:4px solid var(--primary);border-radius:16px;background:var(--surface-light);box-shadow:var(--shadow-md);display:flex;flex-direction:column}.plan.featured{background:var(--background-dark);border-color:#1e5090;border-top-color:var(--accent);color:white}.plan.featured p,.plan.featured li{color:#b9cbd9}.plan.featured .eyebrow{color:var(--accent)}.plan h3{font-size:25px;margin-top:12px}.plan p{font-size:14px}.plan ul{list-style:none;padding:0;margin:22px 0;flex:1}.plan li{font-size:13px;padding:7px 0;border-bottom:1px solid #dce8f0}.plan.featured li{border-bottom-color:#1d3d5c}.price-block{margin:20px 0 10px;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.price-old{font-size:15px;color:var(--muted);text-decoration:line-through}.plan.featured .price-old{color:#7090aa}.plan .price{font-size:38px;letter-spacing:-.05em;font-weight:750;line-height:1}.plan.featured .price{color:var(--accent)}.price-period{font-size:13px;color:var(--muted)}.plan.featured .price-period{color:#b9cbd9}.plan .button{width:100%;margin-top:auto;padding-top:14px;padding-bottom:14px}.plan.featured .button:not(.secondary){background:var(--accent);color:#05223a;border-color:var(--accent)}.plan.featured .button:not(.secondary):hover{background:#38c8ba}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--border)}.faq summary{padding:23px 35px 23px 0;font-weight:650;font-size:17px;cursor:pointer;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:8px;color:var(--primary);font-size:24px;top:17px}.faq details[open] summary:after{content:'−'}.faq details p{max-width:790px;font-size:15px;padding-right:20px}.blue{background:#0759bd;color:white}.blue p{color:#d0e5fc}.blue .button:not(.secondary){background:white;color:#0759bd}.final-cta{display:flex;justify-content:space-between;align-items:center;gap:40px}.final-cta p{max-width:610px;margin-bottom:0}.final-cta .actions{flex-shrink:0;flex-direction:column}.footer{background:#071a2c;color:#b9cbd9;padding:64px 0 24px;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.footer .brand{color:white;margin-bottom:20px}.footer p{color:#9bb1c4;font-size:13px}.footer h3{color:white;font-size:13px;margin-bottom:22px}.footer a:not(.brand){display:block;padding:5px 0}.footer a:hover{color:var(--accent)}.copyright{border-top:1px solid #ffffff18;padding-top:24px;margin-top:40px;font-size:11px}.menu-toggle{display:none;background:transparent;border:1px solid var(--border);border-radius:8px;width:46px;height:46px;padding:12px}.menu-toggle span{height:2px;background:var(--text-primary);display:block;margin:4px 0}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:white;color:#123;padding:14px}.skip:focus{top:10px}.text-link{font-weight:700;font-size:14px;color:var(--accent)}#install-status{font-size:13px;max-width:520px}.platform-label{font-size:12px;font-weight:700}.instruction-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.instruction{padding:35px;background:white;border:1px solid var(--border);border-radius:20px;scroll-margin-top:100px}.instruction h3{font-size:25px;margin:12px 0 22px}.instruction ol{padding-left:25px}.instruction li{padding:10px 0 12px 10px;border-bottom:1px solid var(--border);font-size:14px}.instruction li::marker{color:var(--primary);font-weight:800}.instruction p{font-size:13px;margin-top:22px}.step-symbol{display:inline-grid;place-items:center;width:26px;height:26px;background:#ecf5fc;border-radius:6px;margin-right:7px;color:var(--primary)}.instruction.highlight{border:2px solid var(--primary)}
.signup-wrap{padding:64px 0 80px;background:var(--surface-light);min-height:calc(100vh - 80px)}.signup-grid{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start}.signup-plan .plan-card{background:var(--background-dark);color:white;border-radius:20px;padding:36px;position:sticky;top:100px}.signup-plan .eyebrow{color:var(--accent)}.signup-plan h2{font-size:28px;margin:12px 0;color:white}.plan-desc{color:#b9cbd9;font-size:14px}.signup-plan .price-block{margin:20px 0 16px}.signup-plan .price{color:var(--accent)}.signup-plan .price-old{color:#7090aa}.signup-plan .price-period{color:#b9cbd9}.plan-includes{list-style:none;padding:0;margin:20px 0 24px}.plan-includes li{padding:9px 0;border-bottom:1px solid #1d3d5c;font-size:13px;color:#c9d8e4}.plan-includes li:last-child{border:0}.back-link{font-size:13px;color:var(--accent);font-weight:600}.back-link:hover{color:white}.signup-form-wrap{background:white;border-radius:20px;padding:48px;box-shadow:var(--shadow-md)}.form-header{margin-bottom:32px}.form-header h1{font-size:clamp(26px,3vw,36px);margin-bottom:8px}.form-header p{color:var(--text-secondary);font-size:15px;margin:0}.form-row{display:grid;gap:20px;margin-bottom:20px}.form-row.two{grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:7px}.form-field label{font-size:13px;font-weight:650;color:var(--text-primary)}.form-field .optional{font-weight:400;color:var(--muted)}.form-field input,.form-field select{height:50px;padding:0 16px;border:1.5px solid var(--border);border-radius:10px;font:inherit;font-size:15px;color:var(--text-primary);background:white;transition:border-color .15s,box-shadow .15s;width:100%}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1366d420}.form-field input::placeholder{color:#aabbc8}.form-submit{width:100%;min-height:54px;font-size:16px;margin-top:12px}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-error{background:#fff0f0;border:1px solid #f0b8b8;border-radius:10px;padding:14px 18px;color:#8b1a1a;font-size:14px;margin-bottom:16px}.form-note{font-size:12px;color:var(--muted);margin-top:16px;line-height:1.7}.thankyou-wrap{padding:80px 0;min-height:calc(100vh - 80px);display:flex;align-items:center}.thankyou-card{max-width:560px;margin:auto;text-align:center;background:white;border-radius:24px;padding:56px 48px;box-shadow:var(--shadow-md)}.ty-icon{width:72px;height:72px;border-radius:50%;background:var(--primary);color:white;display:grid;place-items:center;font-size:30px;margin:0 auto 28px;box-shadow:0 8px 24px #1366d430}.ty-error{background:#c0392b}.ty-pending{background:var(--warning)}.thankyou-card h1{font-size:clamp(24px,3vw,34px);margin-bottom:16px}.thankyou-card p{font-size:16px;color:var(--text-secondary);max-width:420px;margin:0 auto 12px}
.login-page{margin:0;height:100vh;overflow:hidden}.login-layout{display:grid;grid-template-columns:1fr 480px;height:100vh}.login-brand{background:var(--background-dark);display:flex;flex-direction:column;padding:40px;position:relative;overflow:hidden}.login-logo{color:white;margin-bottom:auto}.login-logo .brand-symbol{background:#0d3b62}.login-brand-body{padding:40px 0 28px;position:relative;z-index:1}.login-brand-body h2{font-size:clamp(28px,2.8vw,42px);color:white;margin-bottom:16px}.login-brand-body p{color:#9bbdd6;font-size:15px;max-width:360px}.login-stats{display:flex;flex-direction:column;gap:16px;margin-top:28px}.login-stats>div{display:flex;align-items:center;gap:14px;font-size:14px;color:#b9cbd9}.login-stats strong{width:36px;height:36px;display:grid;place-items:center;background:#0d3b62;border-radius:10px;font-style:normal;color:var(--accent)}.login-brand-map{position:absolute;bottom:60px;left:0;right:0;opacity:.6}.login-brand-map svg{width:100%;height:auto;display:block}.login-brand-cta{font-size:13px;font-weight:600;color:#6ab0d8;position:relative;z-index:1;margin-top:auto;padding-top:20px;text-decoration:none}.login-brand-cta:hover{color:var(--accent)}.login-card{background:white;display:flex;flex-direction:column;justify-content:center;padding:56px 52px;overflow-y:auto}.login-panel{width:100%;max-width:380px;margin:auto}.login-card-head{margin-bottom:32px}.login-card-head h1{font-size:26px;margin-bottom:8px}.login-card-head p{color:var(--text-secondary);font-size:14px;margin:0}.login-options{display:flex;justify-content:space-between;align-items:center;margin:18px 0 20px;font-size:13px}.remember-label{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.remember-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.pass-wrap{position:relative}.pass-wrap input{padding-right:48px}.pass-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;align-items:center}.pass-toggle:hover{color:var(--primary)}.text-btn{background:none;border:none;padding:0;color:var(--primary);font:inherit;font-size:13px;cursor:pointer;font-weight:600}.text-btn:hover{text-decoration:underline}.login-footer{margin-top:28px;display:flex;flex-direction:column;gap:10px}.form-success{background:#f0faf5;border:1px solid #a8dfc0;border-radius:10px;padding:14px 18px;color:#1a6340;font-size:14px;margin-bottom:16px}
@media(min-width:1600px){.wrap{width:min(1380px,calc(100% - 100px))}.hero{padding:100px 0}.hero-grid{gap:90px}}
@media(max-width:1150px){.nav nav{gap:13px;font-size:11px}.nav{gap:20px}.brand{font-size:20px}.wrap{width:calc(100% - 48px)}.split{gap:40px}.hero-grid{gap:30px}.hero h1{font-size:48px}.timeline{grid-template-columns:repeat(4,1fr);row-gap:30px}}
@media(max-width:950px){.menu-toggle{display:block}.nav{min-height:70px}.nav nav{display:none;position:absolute;left:0;right:0;top:70px;background:white;padding:20px 24px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}.nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:2px}.nav nav a{padding:12px;font-size:14px}.hero-grid{grid-template-columns:1fr;gap:44px}.hero-grid>div:first-child{max-width:720px}.hero .console{max-width:650px;width:100%;margin:auto}.hero h1{font-size:58px;max-width:680px}.cards{grid-template-columns:repeat(2,1fr)}.benefit-rail{grid-template-columns:repeat(2,1fr)}.section{padding:72px 0}.notifications{grid-template-columns:repeat(2,1fr)}.final-cta{align-items:flex-start;flex-direction:column;gap:10px}.final-cta .actions{flex-direction:row}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.hero{padding:44px 0 48px}.hero h1{font-size:42px}.hero .eyebrow{font-size:9px}.lead{font-size:16px}.hero-grid{gap:32px}.section{padding:56px 0}h2{font-size:34px}.section-heading{margin-bottom:28px}.split{grid-template-columns:1fr;gap:32px}.cards{grid-template-columns:1fr;gap:12px}.card{padding:23px}.mark{margin-bottom:15px}.timeline{grid-template-columns:1fr;gap:0;margin:0}.timeline li{margin-left:12px;padding:0 0 28px 30px;border-top:0;border-left:2px solid #b8dce9}.timeline li:before{left:-6px;top:8px}.timeline h3{margin:5px 0}.timeline p{margin-bottom:8px}.timeline li:last-child{padding-bottom:0}.benefit-rail{gap:25px 18px}.rail{padding:28px 0}.benefit-rail h3{font-size:15px}.benefit-rail p{font-size:12px}.console-head{padding:16px}.console-head strong{font-size:13px}.console-head .badge{font-size:7px}.stats{padding:0 16px 16px;gap:8px}.stats b{font-size:25px}.stats span{font-size:9px}.delivery{padding:13px;gap:8px;font-size:10px}.delivery small{font-size:8px}.delivery .badge{font-size:7px}.status-line{padding:12px;font-size:8px}.analytics{padding:20px}.chart{gap:12px}.receipt{padding:23px}.receipt dl{font-size:12px}.receipt h3{font-size:18px}.notifications{grid-template-columns:1fr}.phone{width:280px}.install-grid{grid-template-columns:1fr;gap:24px}.install-grid .qr{justify-self:center}.qr img{width:220px}.actions .button{flex:1 1 auto}.instruction-grid{grid-template-columns:1fr}.instruction{padding:24px}.integration{padding:25px;gap:18px}.sectors{gap:8px}.sectors span{padding:10px 14px;font-size:12px}.plan{padding:25px;min-width:0}.faq summary{font-size:15px;padding:20px 32px 20px 0}.faq details p{font-size:14px}.final-cta .actions{width:100%}.footer-grid{gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer .brand{margin-bottom:10px}.footer{padding-top:45px}.checks{gap:8px 14px;font-size:10px}.hero .split{gap:40px}.app-show .phone{margin-top:10px}}
@media(max-width:860px){.login-layout{grid-template-columns:1fr;height:auto;overflow:auto}.login-brand{display:none}.login-card{padding:48px 32px;min-height:100vh}.login-page{height:auto;overflow:auto}}
@media(max-width:480px){.login-card{padding:36px 24px}.signup-grid{grid-template-columns:1fr}.signup-plan .plan-card{position:static;margin-bottom:24px}.signup-form-wrap{padding:32px 24px}.form-row.two{grid-template-columns:1fr}.thankyou-card{padding:40px 28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Noir Dispatch public layer */
:root{--background-dark:#07131d;--surface-dark:#102b3b;--primary:#0b1d2a;--primary-hover:#183c4e;--accent:#c9f36b;--success:#159b91;--text-primary:#0b1d2a;--text-secondary:#5f7480;--border:#dbe6e8;--surface-light:#f4f7f5;--muted:#6b8190}
body{background:#f4f7f5;color:var(--text-primary)}.header{background:rgba(7,19,29,.94);border-bottom-color:rgba(255,255,255,.09);box-shadow:0 12px 30px rgba(7,19,29,.15)}.header .brand,.header .nav nav a{color:#edf6f2}.header .nav nav a:hover{color:var(--accent)}.brand-symbol{background:var(--accent);color:var(--background-dark);border-radius:12px;box-shadow:0 0 0 6px rgba(201,243,107,.1)}
.button{background:var(--accent);color:var(--background-dark);border-radius:999px;min-height:52px;padding-left:25px;padding-right:25px;font-weight:850;box-shadow:0 12px 25px rgba(201,243,107,.16)}.button:hover{background:#d7fb88;color:var(--background-dark);transform:translateY(-3px)}.button.secondary{background:transparent;color:var(--text-primary);border-color:#a9bebd;box-shadow:none}.button.secondary:hover{background:#e9f9f0;color:var(--text-primary);border-color:var(--success)}
.hero{background:radial-gradient(circle at 85% 0,rgba(98,229,217,.14),transparent 28%),var(--background-dark);padding-top:100px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.hero .eyebrow,.dark .eyebrow,.blue .eyebrow{color:var(--accent)}.hero em{color:var(--accent)}.console{border-radius:26px;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px rgba(0,0,0,.32)}.badge{border-radius:999px;background:#e8f8db;color:#477519}.map-label{border-radius:999px}.map-label strong{color:var(--success)}
.rail{background:#fff;border-bottom-color:var(--border)}.timeline li{border-top-color:#9ddad2}.timeline li:before{background:var(--success)}.timeline li>span{color:var(--success)}.soft{background:#e9f0ed}.card{border-radius:18px;border-color:var(--border);box-shadow:0 10px 30px rgba(7,19,29,.05)}.card:hover{border-color:#9adbd2;box-shadow:0 20px 42px rgba(7,19,29,.10);transform:translateY(-5px)}.mark{border-radius:13px;background:#e9f9f0;color:var(--success)}.analytics{border-radius:24px}.chart i{background:linear-gradient(var(--accent),#5cc5bd)}.receipt{border-top-color:var(--accent);border-radius:18px}.notifications>div{border-left-color:var(--accent);border-radius:14px}.plan{border-top-color:var(--success);border-radius:20px;background:#fff}.plan.featured{background:var(--background-dark);border-top-color:var(--accent)}.plan.featured .price,.plan.featured .eyebrow{color:var(--accent)}.plan.featured .button:not(.secondary){background:var(--accent);color:var(--background-dark)}.blue{background:#173c4e}.footer{background:#07131d}.footer a:hover{color:var(--accent)}.skip:focus{background:var(--accent)}
.login-brand{background:radial-gradient(circle at 80% 10%,rgba(98,229,217,.15),transparent 28%),var(--background-dark)}.login-logo .brand-symbol{background:var(--accent);color:var(--background-dark)}.login-stats strong{background:rgba(201,243,107,.12);color:var(--accent)}.form-field input:focus,.form-field select:focus{border-color:var(--success);box-shadow:0 0 0 4px rgba(98,229,217,.15)}.signup-plan .price,.signup-plan .eyebrow{color:var(--accent)}
@media(max-width:650px){.hero{padding-top:58px}.header .nav{min-height:72px}.menu-toggle{border-color:rgba(255,255,255,.22)}.menu-toggle span{background:#fff}.nav nav{background:var(--background-dark);border-bottom-color:rgba(255,255,255,.12)}.nav nav a{color:#fff!important}.button{min-height:50px}}

/* Premium/public forms: consistent sizing so placeholders never touch or clip. */
.form-field input,.form-field select,.login-panel input{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;padding:0 15px!important;line-height:normal!important;font-size:14px!important;overflow:visible!important}.form-field input::placeholder,.login-panel input::placeholder{color:#8ea3b2!important;opacity:1!important;font-size:13px!important;line-height:normal!important;white-space:nowrap!important;text-overflow:clip!important}.form-row,.form-field,.login-panel,.pass-wrap{min-width:0!important}@media(max-width:480px){.form-field input,.form-field select,.login-panel input{height:50px!important;min-height:50px!important;font-size:14px!important}.form-field input::placeholder,.login-panel input::placeholder{font-size:12px!important}}