/* handoff/style.css */
/* Standalone Simply.com draft. No external fonts, trackers or dependencies. */
:root{--ink:#14243a;--muted:#57687d;--blue:#0759b7;--blue-dark:#03448f;--line:#dce4ed;--pale:#f0f5fb;--green:#148661;--max:1200px;--radius:18px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none;line-height:1.6;background:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d78316;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.13;letter-spacing:-.04em}h2{font-size:clamp(32px,3.5vw,47px);margin-bottom:22px}h3{font-size:23px}p{color:var(--muted)}[hidden]{display:none!important}.container{width:min(var(--max),calc(100% - 72px));margin-inline:auto}.section{padding-block:106px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:750;color:var(--blue);margin-bottom:20px}.skip{position:absolute;left:16px;top:-100px;z-index:100;padding:14px;background:#fff}.skip:focus{top:12px}.preview-ribbon{background:#142b48;color:#dae7f9;font-size:11px;letter-spacing:.025em;text-align:center;padding:7px 0}.preview-ribbon span span{padding-inline:9px;color:#81a2c5}.header{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid #edf0f4;z-index:20}.nav-wrap{display:flex;min-height:84px;gap:30px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-1px;flex-shrink:0}.brand>span>span{color:var(--blue)}.navigation{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.navigation>a:hover,.text-link:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid transparent;background:var(--blue);color:white;padding:16px 22px;border-radius:8px;font-weight:650;font-size:14px;line-height:1.4;transition:background .18s,transform .18s}.button:hover{background:var(--blue-dark);transform:translateY(-1px)}.button>span{font-size:20px;font-weight:400;line-height:1}.button-small{padding:12px 16px;font-size:12px;gap:20px}.menu-toggle{display:none}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:650}.text-link>span{font-size:20px;font-weight:400}
.hero{padding:85px 0 70px;background:linear-gradient(115deg,#fff 36%,#f3f7fc);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.14fr;align-items:center;gap:30px;min-height:480px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #e7f0fc}.hero h1{font-size:clamp(40px,4.6vw,66px);line-height:1.06;letter-spacing:-.058em;margin:0 0 26px;font-weight:770}.hero h1 span{color:var(--blue)}.hero-lead{font-size:17px;line-height:1.8;max-width:460px;margin-bottom:29px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.hero-note{font-size:11px;line-height:1.8;margin:18px 0 0}.hero-price{display:flex;gap:13px;align-items:center;margin-top:34px;padding-top:23px;border-top:1px solid var(--line);width:fit-content}.hero-price strong{font-size:23px;letter-spacing:-.04em}.hero-price>span{font-size:10px;line-height:1.6;color:var(--muted)}
.product-visual{position:relative;min-width:0;min-height:455px;display:flex;align-items:center;padding-bottom:50px}.visual-grid{position:absolute;inset:-35px -30px;background-image:radial-gradient(#bad0e5 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(ellipse at center,black,transparent 73%)}.office-window{position:relative;width:100%;min-width:0;border:1px solid #cddbea;border-radius:13px;background:#fff;box-shadow:0 25px 65px #1a4a8120,0 3px 9px #224d8310;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);overflow:hidden}.window-top{height:36px;display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-bottom:1px solid #e5ebf2;font-size:9px;color:#7c8b9e;padding:0 14px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#c8d3df}.window-security{font-size:13px}.office-layout{display:flex;min-height:315px}.office-sidebar{width:44px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:17px;border-right:1px solid #e9eef5;background:#fafbfd;font-size:16px;color:#9aaabe;padding-top:12px}.tiny-logo{font-size:10px;font-weight:bold;color:#fff;background:var(--blue);padding:4px 5px;border-radius:5px}.office-sidebar>.side-active{background:#e8f1ff;color:var(--blue);padding:0 7px;border-radius:4px}.side-bottom{margin-top:auto;margin-bottom:12px}.office-main{flex:1;min-width:0;padding:22px 20px}.office-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.office-heading small{font-size:7px;letter-spacing:1px;color:#7b8ca2;display:block;margin-bottom:4px}.office-heading h2{font-size:20px;letter-spacing:-.05em;margin-bottom:0}.company-chip{font-size:7px;background:#f2f5fa;padding:4px 7px;border:1px solid #e8edf4;border-radius:4px;white-space:nowrap}.office-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.office-stats>div{border:1px solid #e4eaf2;border-radius:6px;padding:9px 11px}.office-stats span{display:block;font-size:7px;color:#76879a;margin-bottom:4px}.office-stats strong{font-size:22px;line-height:1.1;letter-spacing:-.05em}.tiny-dot{display:inline-block;width:4px;height:4px;background:#148661;vertical-align:middle;border-radius:50%;margin-left:4px}.trip-table{font-size:8px}.table-labels,.table-row{display:grid;grid-template-columns:1fr 25px 53px;gap:8px;align-items:center}.table-labels{color:#8694a5;background:#f6f8fb;padding:6px 8px}.table-row{padding:10px 8px;border-bottom:1px solid #edf1f7}.table-row b{font-size:8px;font-weight:650}.table-row small{display:block;color:#92a0b1;font-size:7px;margin-top:2px}.status{display:inline-block;width:fit-content;padding:3px 7px;border-radius:20px;font-size:7px;line-height:1.3;white-space:nowrap}.running{background:#e3f5ed;color:#168565}.planned{background:#eaf1ff;color:#4870af}.done{background:#f0f2f5;color:#697786}.office-footer{display:flex;align-items:center;gap:5px;font-size:7px;color:#8594a7;margin-top:16px}.checkmark{color:var(--green)}.phone-window{width:175px;background:white;border:5px solid #18304d;border-radius:26px;position:absolute;right:-18px;bottom:8px;box-shadow:0 15px 40px #173b6440;padding:5px 10px 15px;transform:rotate(4deg)}.phone-notch{height:9px;width:50px;background:#18304d;border-radius:0 0 9px 9px;margin:-5px auto 0}.phone-time{display:flex;justify-content:space-between;font-size:7px;margin:2px 0 14px;font-weight:bold}.phone-brand{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:750;margin-bottom:18px}.phone-brand>span{margin-left:auto;font-size:6px;color:#99a6b6}.phone-window>.status{font-size:7px}.phone-window h3{font-size:15px;line-height:1.3;margin:11px 0 6px;letter-spacing:-.04em}.phone-customer{font-size:9px;margin-bottom:16px}.phone-route>div{display:flex;align-items:center;position:relative;gap:8px;font-size:10px;margin-bottom:17px}.phone-route i{width:7px;height:7px;background:#d9e7f8;border:2px solid var(--blue);border-radius:50%}.phone-route>div:first-child:after{content:"";position:absolute;height:24px;width:1px;background:#d8e3ef;top:23px;left:3px}.phone-route small{font-size:5px;letter-spacing:1px;color:#a1adbc;display:block}.phone-route b{color:var(--green);margin-left:auto;font-size:9px}.phone-docs{display:flex;gap:4px;justify-content:space-between;border-top:1px solid #e9eef4;padding-top:10px;font-size:7px;color:#778a9f}.phone-action{background:var(--blue);color:#fff;border-radius:5px;font-size:8px;padding:10px 7px;display:flex;justify-content:space-between;margin-top:13px}.visual-caption{position:absolute;bottom:5px;left:35px;color:#8b9caf;font-size:9px}
.included-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}.included-strip .container{display:flex;gap:50px;align-items:center}.included-strip p{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0;white-space:nowrap}.included-strip ul{list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px 30px;flex:1;padding:0;margin:0}.included-strip li{font-size:12px;font-weight:550}.included-strip li:before{content:"✓";color:var(--green);margin-right:9px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin-bottom:46px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:365px;font-size:14px;line-height:1.9;margin-bottom:5px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:68px}.workflow article{padding-top:22px;border-top:1px solid var(--line)}.step-number{font-size:12px;font-weight:650;letter-spacing:.06em;color:var(--blue);display:block;margin-bottom:24px}.workflow h3{font-size:22px;margin-bottom:15px}.workflow p{font-size:13px;line-height:1.9;max-width:315px}.step-tag{font-size:10px;font-weight:600;color:#5f7ea2;background:#f1f5fa;border:1px solid #e7edf5;padding:5px 9px;border-radius:5px;display:inline-block;margin-top:3px}.product-tour{display:grid;grid-template-columns:1fr 1fr;background:var(--pale);padding:45px;gap:55px;border-radius:var(--radius)}.tour-copy h3{font-size:29px;line-height:1.2;margin-bottom:25px}.tour-tabs{display:inline-flex;padding:4px;background:#e3ebf6;border-radius:8px;gap:3px}.tour-tabs button{font-size:12px;color:#506883;padding:10px 19px;background:none;border:0;border-radius:6px}.tour-tabs button[aria-selected=true]{background:white;box-shadow:0 2px 4px #082e5820;color:var(--blue);font-weight:650}.tour-footnote{font-size:10px;max-width:290px;margin:22px 0 0}.tour-panel{background:#fff;border:1px solid #dce5f0;border-radius:12px;padding:29px 32px;min-height:288px}.panel-label{font-size:10px;color:var(--blue);display:block;margin-bottom:17px;font-weight:600}.tour-panel h4{font-size:21px;line-height:1.2;margin-bottom:20px}.check-list{padding:0;list-style:none;margin:0}.check-list li{font-size:12px;padding-left:21px;position:relative;line-height:1.7;margin:9px 0;color:#536980}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}.mini-timeline{display:flex;align-items:center;gap:8px;margin-top:23px;border-top:1px solid #e6edf4;padding-top:18px}.mini-timeline span{font-size:9px;background:#f0f5fa;border:1px solid #e2ebf4;color:#58748f;border-radius:4px;padding:4px 8px}.mini-timeline i{font-size:10px;font-style:normal;color:#9eb1c6}
.pricing-section{background:#f7f9fc;border-top:1px solid #e9eef5;border-bottom:1px solid #e9eef5;padding:99px 0 55px}.price-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:42px;align-items:start}.price-options{min-width:0}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:15px;font-weight:650;margin:0 0 18px;padding:0;letter-spacing:-.025em}.fleet-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tier{position:relative;cursor:pointer}.tier input{position:absolute;top:17px;right:13px;accent-color:var(--blue);width:13px;height:13px;margin:0}.tier-content{display:flex;flex-direction:column;background:#fff;border:1px solid #d8e1ec;border-radius:10px;min-height:137px;padding:17px 15px}.tier-content b{font-size:12px;margin-bottom:17px}.tier-content strong{font-size:26px;letter-spacing:-.045em;line-height:1.15}.tier-content strong small{font-size:10px;font-weight:400;letter-spacing:0}.tier-content>span{font-size:8px;color:#6b809a;margin-top:7px}.tier input:checked+.tier-content{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:#f3f7fd}.tier input:focus-visible+.tier-content{outline:3px solid #d78316;outline-offset:3px}.vehicle-count{display:flex;align-items:center;gap:22px;margin:19px 0 30px;font-size:12px;color:var(--muted)}.stepper{display:flex;height:34px;border:1px solid #d8e1eb;border-radius:6px;overflow:hidden;background:white}.stepper button{border:0;background:#fff;color:var(--blue);width:31px;font-size:17px}.stepper button:disabled{color:#c1cbda;cursor:default}.stepper button:hover:not(:disabled){background:#e9f1fc}.stepper input{width:45px;min-width:0;text-align:center;border:0;border-inline:1px solid #e8edf4;font-size:12px;font-weight:600;color:var(--ink);appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-error{font-size:12px;color:#a8322c;margin:-19px 0 23px}.addon{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #dfe7f0;cursor:pointer}.addon:first-of-type{border-top:1px solid #dfe7f0}.addon input{width:17px;height:17px;margin:0;accent-color:var(--blue);flex-shrink:0}.addon-copy{display:flex;flex-direction:column;gap:4px;flex:1}.addon-copy strong{font-size:13px;font-weight:650}.addon-copy>span{font-size:11px;line-height:1.6;color:#708398;max-width:340px}.addon-price{font-size:16px;font-weight:650;white-space:nowrap}.addon-price small{font-size:9px;font-weight:400;color:#7b8da2}.standard-included{margin-top:28px}.standard-included h3{font-size:14px;letter-spacing:-.02em;margin-bottom:12px}.standard-included ul{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}.standard-included li{font-size:11px;margin-block:4px}.quote-box{padding:30px;border:1px solid #d2deed;background:#fff;border-radius:13px;box-shadow:0 13px 25px #17335308;position:sticky;top:110px}.quote-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:650}.quote-label>span:last-child{font-size:23px;color:var(--blue);font-weight:400}.quote-total{display:flex;align-items:center;gap:13px;margin:24px 0 0}.quote-total>strong{font-size:51px;letter-spacing:-.05em;line-height:1.2}.quote-total>span{font-size:11px;line-height:1.6;color:#778ba2}.quote-after{font-size:11px;margin:3px 0 27px}.quote-box dl{margin:0 0 24px;padding-top:17px;border-top:1px solid #e4eaf3}.quote-box dl>div{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#627991;padding-block:5px}.quote-box dd{margin:0;white-space:nowrap;color:var(--ink)}.trial-callout{display:flex;align-items:center;gap:12px;background:#edf6f2;border:1px solid #dcefe5;border-radius:7px;padding:12px;margin:0 0 21px}.trial-number{font-size:27px;color:#248362;line-height:1;font-weight:700;letter-spacing:-.05em}.trial-callout p{margin:0;line-height:1.6}.trial-callout strong{font-size:11px;color:#286b52;display:block;font-weight:650}.trial-callout p span{font-size:9px;display:block;color:#5b8b77}.quote-button{width:100%;font-size:13px;justify-content:space-between}.quote-terms{font-size:10px;line-height:1.8;margin:15px 0 0}.quote-draft{font-size:9px;color:#7d8998;border-top:1px solid #e9edf4;padding-top:12px;margin:15px 0 0}.assisted{display:flex;align-items:center;gap:20px;margin-top:45px;padding-top:30px;border-top:1px solid #dfe6ef}.assisted-icon{font-size:24px;display:grid;place-items:center;color:var(--blue);background:#e6effa;width:43px;height:43px;border-radius:50%;flex-shrink:0}.assisted h3{font-size:17px;margin-bottom:7px}.assisted p{font-size:12px;margin:0}.assisted .text-link{margin-left:auto;flex-shrink:0;font-size:11px}.start-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section-lead{font-size:14px;line-height:1.9;max-width:380px;margin-bottom:27px}.setup-list{list-style:none;margin:0;padding:0}.setup-list li{display:flex;gap:23px;padding:25px 0;border-bottom:1px solid var(--line)}.setup-list li:first-child{padding-top:0}.setup-list li:last-child{border:0;padding-bottom:0}.setup-list li>span{font-size:12px;color:var(--blue);font-weight:650;line-height:2}.setup-list h3{font-size:21px;margin-bottom:9px}.setup-list p{font-size:12px;line-height:1.8;margin:0;max-width:320px}.about-section{background:#f2f6fa;padding:73px 0}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}.about-mark{position:relative;min-height:310px;border-radius:10px;background:#0d2f57;overflow:hidden;color:white;padding:36px}.about-mark>span{font-size:25px;line-height:1.3;font-weight:600;letter-spacing:-.03em;position:relative;z-index:1}.about-mark>b{position:absolute;bottom:15px;right:30px;line-height:1;font-size:130px;letter-spacing:-.08em;color:#bdd4f3;opacity:.15;transform:skew(-9deg)}.road-lines{position:absolute;inset:0;overflow:hidden;transform:rotate(-23deg) translate(15%,15%)}.road-lines i{position:absolute;width:1px;height:180%;background:#5381b333;top:-20%;left:27%}.road-lines i:nth-child(2){left:38%;width:2px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 18px,#819fc140 18px,#819fc140 40px)}.road-lines i:nth-child(3){left:49%}.road-lines i:nth-child(4){left:52%;background:#5381b31a}.about-grid h2{font-size:34px;line-height:1.18}.about-grid p:not(.eyebrow){font-size:13px;line-height:1.9}.founder{display:flex;gap:12px;align-items:center;margin-top:26px}.founder-initials{background:#dce9f8;color:#2e5e96;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:13px;font-weight:650}.founder strong,.founder div>span{display:block;font-size:12px;line-height:1.6}.founder div>span{font-size:10px;color:#7b8da3}
.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:80px}.faq-section>div>p:not(.eyebrow){font-size:13px;line-height:2}.faq-list details{padding:20px 0;border-bottom:1px solid var(--line)}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px;font-weight:600;list-style:none;cursor:pointer;position:relative;padding-right:30px;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:2px;top:0;color:#567898;font-size:21px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:12px;line-height:1.95;margin:16px 30px 0 0}.closing{background:var(--blue);padding:64px 0;color:white}.closing .container{display:flex;align-items:center;justify-content:space-between;gap:35px}.closing .eyebrow{color:#c4daf8}.closing h2{margin-bottom:0;font-size:42px;line-height:1.14}.button-light{color:var(--blue);background:white}.button-light:hover{background:#e9f2ff}.closing p:last-child{color:#d6e6fb;font-size:10px;margin:15px 0 0}.footer{padding:32px 0}.footer .container{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.footer .brand{font-size:22px}.footer p{font-size:11px;margin:0}.footer a:not(.brand){font-size:11px;color:#657a92;margin-left:auto}.footer-draft{font-size:10px;color:#9babbb}.dialog-content{padding:44px 36px 32px;position:relative}.dialog-icon{display:grid;place-items:center;background:#eaf1fd;color:var(--blue);width:48px;height:48px;border-radius:11px;font-size:30px;margin-bottom:24px}.dialog-content h2{font-size:33px;line-height:1.2;margin-bottom:20px}.dialog-content p:not(.eyebrow){font-size:14px;line-height:1.8}.dialog-close{position:absolute;top:10px;right:15px;background:transparent;border:0;color:#73859a;font-size:27px;padding:3px 10px}.dialog-back{display:block;padding:14px 0 0;background:none;border:0;font-size:12px;color:#667e98}.dialog-content .button{margin-top:8px}dialog{border:1px solid var(--line);border-radius:16px;padding:0;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:0 20px 100px #001a4533}dialog::backdrop{background:#091f3b99;backdrop-filter:blur(4px)}body.dialog-open{overflow:hidden}.noscript{padding:15px;background:#fff3cc;color:#614911;font-size:13px}
@media(min-width:1500px){.hero-grid{gap:45px}.phone-window{right:-26px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.navigation{gap:17px;font-size:12px}.hero-grid{grid-template-columns:.95fr 1.05fr;gap:22px}.hero{padding-block:65px 50px}.hero h1{font-size:52px}.hero-lead{font-size:15px}.hero-actions{gap:17px}.hero-actions .text-link{font-size:11px}.hero .button{font-size:12px;gap:18px}.office-main{padding:20px 13px}.office-heading h2{font-size:18px}.phone-window{right:-7px;width:160px;bottom:11px}.office-stats{gap:4px}.office-stats>div{padding:8px}.office-stats span{font-size:6px}.visual-caption{left:5px;font-size:8px}.product-tour{gap:30px;padding:34px}.tour-copy h3{font-size:26px}.tour-panel{padding:25px}.price-layout{gap:26px;grid-template-columns:1.6fr 1fr}.quote-box{padding:24px}.tier-content{padding:15px 12px}.tier-content strong{font-size:24px}.addon-copy>span{font-size:10px}.assisted .text-link{max-width:155px}.about-grid{gap:48px}.faq-section{gap:45px}}
@media(max-width:860px){.nav-wrap{min-height:72px;position:relative}.menu-toggle{display:flex;gap:12px;align-items:center;background:none;border:1px solid var(--line);border-radius:6px;padding:7px 11px;font-size:12px;color:var(--ink)}.menu-toggle>span{font-size:15px}.navigation{display:none;position:absolute;top:72px;left:-24px;right:-24px;padding:23px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #11294b0c;align-items:stretch;gap:20px}.navigation.open{display:flex;flex-direction:column}.navigation>a{font-size:14px}.navigation .button-small{align-self:flex-start}.hero{padding-top:60px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{max-width:600px}.hero h1{font-size:60px}.hero-lead{max-width:520px;font-size:16px}.hero-actions .button{font-size:14px}.hero-actions .text-link{font-size:12px}.hero-price{margin-top:28px}.product-visual{width:min(580px,92%);margin:12px auto 0;min-height:460px}.office-main{padding:23px}.phone-window{right:-23px;width:180px;bottom:5px}.office-heading h2{font-size:23px}.office-stats span{font-size:8px}.office-stats>div{padding:10px 13px}.office-stats strong{font-size:24px}.table-labels,.table-row{font-size:9px;grid-template-columns:1fr 35px 65px}.table-row b{font-size:10px}.table-row small{font-size:8px}.status{font-size:8px}.office-footer{font-size:8px}.visual-caption{bottom:-1px;left:30px;font-size:9px}.included-strip .container{gap:20px}.included-strip ul{gap:10px 20px}.included-strip li{font-size:10px}.section{padding-block:75px}.section-heading{gap:30px}.section-heading>p{max-width:270px;font-size:12px}.workflow{gap:28px}.workflow h3{font-size:19px}.workflow p{font-size:12px}.product-tour{grid-template-columns:1fr 1fr;gap:25px;padding:28px}.tour-copy h3{font-size:25px}.tour-tabs button{padding:9px 13px}.tour-panel{padding:22px}.tour-panel h4{font-size:19px}.check-list li{font-size:11px}.mini-timeline{gap:5px}.mini-timeline span{font-size:8px;padding:3px 5px}.pricing-section{padding-top:75px}.price-layout{grid-template-columns:1fr;gap:32px}.quote-box{position:static;max-width:none;padding:30px;display:block}.quote-total>strong{font-size:54px}.quote-box dl{max-width:100%}.quote-box .button{justify-content:center}.quote-terms{font-size:11px;max-width:560px}.quote-draft{font-size:10px}.tier-content strong{font-size:30px}.tier-content>span{font-size:10px}.addon-copy>span{font-size:12px}.addon-copy strong{font-size:14px}.standard-included li{font-size:12px}.assisted{flex-wrap:wrap}.assisted .text-link{margin-left:63px;max-width:none}.start-section{gap:45px}.about-grid{gap:35px}.about-mark{min-height:320px;padding:28px}.about-grid h2{font-size:29px}.faq-section{grid-template-columns:.85fr 1.3fr;gap:40px}.closing h2{font-size:34px}.footer .container{gap:15px}.footer-draft{width:100%}}
@media(max-width:560px){.container{width:calc(100% - 36px)}html{scroll-padding-top:90px}.preview-ribbon{font-size:9px;padding-block:6px}.preview-ribbon span span{padding-inline:5px}.brand{font-size:23px}.brand img{width:30px;height:30px}.nav-wrap{min-height:68px}.navigation{top:68px;left:-18px;right:-18px;padding:23px 18px}.hero{padding:46px 0 34px}.hero h1{font-size:clamp(37px,10.5vw,55px);line-height:1.1;letter-spacing:-.055em;margin-bottom:22px}.hero .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:23px}.hero-lead{font-size:14px;line-height:1.85;margin-bottom:23px;max-width:370px}.hero-actions{align-items:flex-start;gap:17px;flex-direction:column}.hero-actions .button{font-size:13px;padding:15px 19px}.hero-actions .text-link{font-size:12px}.hero-note{font-size:10px;margin-top:16px}.hero-price{margin-top:23px;padding-top:18px}.hero-price strong{font-size:21px}.hero-price>span{font-size:9px}.product-visual{width:100%;min-height:330px;margin-top:17px;padding:0 9px 37px 0}.office-window{border-radius:8px;transform:none}.window-top{height:25px;font-size:7px;padding-inline:9px}.window-dots i{width:4px;height:4px}.office-layout{min-height:235px}.office-sidebar{width:29px;gap:12px;font-size:13px;padding-top:9px}.tiny-logo{font-size:7px;padding:3px}.office-sidebar>.side-active{padding:0 5px}.office-main{padding:13px 10px}.office-heading small{font-size:5px;letter-spacing:.6px}.office-heading h2{font-size:16px}.company-chip{font-size:5px;padding:3px 4px}.office-stats{margin:13px 0 10px;gap:4px}.office-stats>div{padding:6px 7px}.office-stats span{font-size:5px}.office-stats strong{font-size:19px}.table-labels,.table-row{grid-template-columns:1fr 17px 40px;font-size:6px;gap:3px;padding:7px 4px}.table-row b{font-size:6px}.table-row small{font-size:5px}.trip-table .status{font-size:5px;padding:3px 4px}.office-footer{font-size:5px;margin-top:9px;max-width:150px}.phone-window{width:130px;right:-3px;bottom:12px;border-width:4px;border-radius:20px;padding:4px 8px 10px;transform:rotate(3deg)}.phone-notch{width:39px;height:8px;margin-top:-4px}.phone-time{font-size:5px;margin-bottom:10px}.phone-brand{font-size:7px;gap:3px;margin-bottom:11px}.phone-brand img{width:16px;height:16px}.phone-brand>span{font-size:5px}.phone-window>.status{font-size:5px}.phone-window h3{font-size:11px;margin:9px 0 4px}.phone-customer{font-size:7px;margin-bottom:10px}.phone-route>div{font-size:8px;gap:5px;margin-bottom:11px}.phone-route small{font-size:4px;letter-spacing:.5px}.phone-route i{width:6px;height:6px}.phone-route>div:first-child:after{height:18px;left:2.5px;top:17px}.phone-docs{font-size:5px;padding-top:7px}.phone-action{font-size:6px;padding:8px 5px;margin-top:9px}.visual-caption{font-size:7px;left:2px;bottom:1px;max-width:210px}.included-strip{padding:20px 0}.included-strip .container{display:block}.included-strip p{font-size:9px;margin-bottom:13px}.included-strip ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 8px}.included-strip li{font-size:10px}.included-strip li:before{margin-right:6px}.section{padding-block:60px}.eyebrow{font-size:9px;margin-bottom:15px}h2{font-size:32px;line-height:1.16}.section-heading{display:block;margin-bottom:33px}.section-heading>p{margin:20px 0 0;max-width:100%;font-size:13px}.workflow{grid-template-columns:1fr;gap:25px;margin-bottom:36px}.workflow article{padding-top:18px;display:grid;grid-template-columns:29px 1fr;gap:0 14px}.step-number{grid-row:1/4;margin:3px 0 0}.workflow h3{font-size:21px;margin-bottom:11px}.workflow p{max-width:100%;font-size:12px;margin-bottom:12px}.step-tag{grid-column:2;width:fit-content;font-size:9px}.product-tour{grid-template-columns:1fr;padding:25px 20px;gap:24px}.tour-copy h3{font-size:25px}.tour-footnote{max-width:none;margin-top:15px;font-size:9px}.tour-panel{min-height:0;padding:24px 21px}.tour-panel h4{font-size:21px}.tour-panel li{font-size:11px}.mini-timeline span{font-size:9px;padding:4px 7px}.pricing-section{padding:60px 0 35px}.price-layout{gap:25px}.fleet-tiers{gap:7px}.tier-content{padding:13px 10px;min-height:128px}.tier input{top:14px;right:9px;width:11px;height:11px}.tier-content b{font-size:10px;margin-bottom:25px}.tier-content strong{font-size:22px}.tier-content strong small{font-size:8px;display:block;line-height:1.5;margin-top:3px}.tier-content>span{font-size:7px;line-height:1.5}.vehicle-count{font-size:11px}.addon{gap:11px}.addon-copy strong{font-size:12px}.addon-copy>span{font-size:10px;line-height:1.65}.addon-price{font-size:14px;line-height:1.4}.addon-price small{display:block;font-size:8px}.standard-included ul{gap:2px 12px}.standard-included li{font-size:10px;padding-left:16px}.quote-box{padding:25px}.quote-total>strong{font-size:49px}.quote-total>span{font-size:10px}.quote-terms{font-size:10px}.quote-draft{font-size:9px}.assisted{gap:14px;margin-top:32px;padding-top:24px;align-items:flex-start}.assisted-icon{width:33px;height:33px;font-size:21px}.assisted>div:nth-child(2){flex:1}.assisted h3{font-size:16px;line-height:1.3}.assisted p{font-size:11px}.assisted .text-link{margin-left:47px}.start-section{grid-template-columns:1fr;gap:30px}.section-lead{font-size:13px}.setup-list{border-top:1px solid var(--line);padding-top:25px}.setup-list li{gap:20px;padding-block:23px}.setup-list h3{font-size:20px}.setup-list p{font-size:12px}.about-section{padding:45px 0}.about-grid{grid-template-columns:1fr;gap:35px}.about-mark{min-height:235px;padding:30px}.about-mark>span{font-size:27px}.about-mark>b{font-size:125px}.about-grid h2{font-size:30px}.about-grid p:not(.eyebrow){font-size:13px}.faq-section{grid-template-columns:1fr;gap:27px}.faq-section h2 br{display:none}.faq-section>div>p:not(.eyebrow){margin-bottom:0}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px;margin-right:15px}.closing{padding:45px 0}.closing .container{display:block}.closing h2{font-size:35px}.closing .button{margin-top:29px}.closing p:last-child{font-size:10px}.footer{padding:28px 0}.footer .container{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer .brand{font-size:21px}.footer .brand img{width:28px;height:28px}.footer p{font-size:9px}.footer a:not(.brand){margin-left:0;font-size:10px}.footer-draft{font-size:9px;text-align:right}.dialog-content{padding:38px 25px 27px}.dialog-content h2{font-size:29px}.dialog-content p:not(.eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* handoff/multipage.css */
/* Green/natural direction from the user's supplied concepts. */
:root{--blue:#008b59;--blue-dark:#006d46;--ink:#0b202b;--muted:#526774;--line:#dde7e2;--pale:#eff6f2}.preview-ribbon{background:#102f29;color:#d4e9df}.brand>span>span{color:#008b59}.navigation{gap:23px}.navigation a[aria-current=page]{color:var(--blue);text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:2px}.language-switch{border-left:1px solid var(--line);padding-left:17px;font-size:11px;letter-spacing:.04em}.hero{background:linear-gradient(115deg,#fff 35%,#f0f7f3)}.live-dot{box-shadow:0 0 0 4px #e5f4eb}.visual-grid{background-image:radial-gradient(#bbd9cb 1px,transparent 1px)}.office-sidebar>.side-active,.tour-tabs,.assisted-icon{background:#e4f2eb}.phone-window{border-color:#102f29}.phone-notch{background:#102f29}.planned{background:#e9f3ef;color:#407365}.step-tag{background:#edf5f0;border-color:#deebe3;color:#4a7964}.pricing-section{background:#f6f9f7;border-color:#e3ece6}.tier input:checked+.tier-content{background:#f0f8f3}.quote-box{border-color:#d4e4db}.trial-callout{background:#edf7f0}.quote-label{color:#1a4634}.closing .eyebrow{color:#c6e9d7}.closing p:last-child{color:#ddf2e5}.button-light:hover{background:#e5f4eb}.dialog-icon{background:#e4f3eb}.signature{font-family:"Brush Script MT","Segoe Script",cursive;font-size:35px;font-style:italic;color:#1b3830;margin:23px 0 15px}.page-intro{padding-block:38px 58px;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;gap:11px;align-items:center;font-size:11px;color:#7a8e83;margin-bottom:42px}.breadcrumbs a:hover{color:var(--blue)}.page-intro h1{font-size:clamp(40px,4.9vw,65px);line-height:1.07;letter-spacing:-.055em;max-width:900px;margin:0 0 24px}.page-lead{font-size:16px;line-height:1.8;max-width:715px;margin:0}.founder-section{display:grid;grid-template-columns:.94fr 1fr;gap:80px;align-items:center;padding-block:76px}.founder-photo{margin:0;position:relative;overflow:hidden;border-radius:12px;aspect-ratio:1.13;background:#dae1dd}.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 69%}.founder-photo:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0a201cd9);pointer-events:none}.founder-photo figcaption{position:absolute;bottom:20px;left:24px;color:white;font-size:11px;z-index:1;letter-spacing:.02em}.founder-section h2{font-size:37px;line-height:1.17}.founder-section p:not(.eyebrow){font-size:14px;line-height:1.9}.home-price-band{border:1px solid #d7e9dc;background:#f0f7f1;border-radius:12px;padding:37px 40px;display:flex;gap:50px;align-items:center;justify-content:space-between;margin-bottom:70px}.home-price-band h2{font-size:33px;line-height:1.15;margin-bottom:15px}.home-price-band>div:first-child>p:last-child{font-size:13px;max-width:550px;margin-bottom:0}.home-price-band>div:last-child{flex-shrink:0}.home-price-band>div:last-child p{font-size:10px;margin:13px 0 0;text-align:center}.demo-teaser{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;padding-bottom:80px}.demo-teaser h2{font-size:35px;line-height:1.2}.demo-teaser p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:370px}.demo-teaser .button{margin-top:10px}.demo-visual{aspect-ratio:1.8;border-radius:11px;background:radial-gradient(ellipse at top right,#196044,#102f29 67%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f0fff4;border:1px solid #285a46}.demo-play{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid #ffffff66;font-size:32px;padding-left:5px;margin-bottom:22px}.demo-visual>span:nth-child(2){font-size:13px;display:flex;gap:18px;align-items:center}.demo-visual i{font-style:normal;color:#8cc5a2}.demo-visual small{font-size:9px;color:#9ec7ae;margin-top:16px}.feature-details{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:80px}.feature-details h2{font-size:30px;line-height:1.2}.feature-details article{border-top:1px solid var(--line);padding-top:28px}.feature-details article>p:last-child{font-size:13px;line-height:1.9}.terms-note{padding-block:65px;max-width:850px}.terms-note h2{font-size:30px}.terms-note p{font-size:13px;line-height:1.9}.story-body{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;border-top:1px solid var(--line);padding-block:65px}.story-body h2{font-size:33px;line-height:1.2}.story-body p:not(.eyebrow){font-size:14px;line-height:1.95}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:12px 70px}.principles article{border-top:1px solid var(--line);padding-top:20px}.principles article>span{color:var(--blue);font-size:12px;display:block;margin-bottom:20px}.principles h3{font-size:22px}.principles p{font-size:13px;line-height:1.8}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-block:65px}.video-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.video-placeholder{height:235px;position:relative;background:linear-gradient(140deg,#142e29,#226044);padding:20px;color:#e6f6ec;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-number{position:absolute;top:14px;left:18px;font-size:10px;color:#8fbea3}.video-screen{width:155px;border:1px solid #94bea15c;background:#f5faf7;border-radius:5px;padding:10px 12px;transform:rotate(-4deg);margin-bottom:20px;box-shadow:0 8px 20px #00160e45}.video-screen>span{font-size:12px;font-weight:800;color:#102f29}.video-screen>span>span{color:#008b59}.video-screen i{height:7px;background:#d2e1d8;border-radius:2px;display:block;margin-top:8px}.video-screen i:nth-child(3){width:70%}.video-screen i:nth-child(4){width:85%}.video-placeholder strong{font-size:14px;font-weight:600}.video-status{font-size:9px;color:#a4cfb5;margin-top:9px}.video-copy{padding:26px}.video-copy h2{font-size:23px;line-height:1.2;margin-bottom:14px}.video-copy>p:not(.eyebrow){font-size:12px;line-height:1.8}.video-copy .eyebrow{font-size:8px;letter-spacing:.07em}.video-copy details{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.video-copy summary{font-size:11px;color:var(--blue);cursor:pointer;line-height:1.7}.video-copy ol{font-size:11px;padding-left:16px;color:var(--muted);line-height:1.85}.video-copy li{margin-block:9px}.demo-contact{display:flex;justify-content:space-between;gap:30px;padding-block:30px 65px;align-items:center}.demo-contact h2{font-size:30px;line-height:1.2}.demo-contact p{font-size:13px;margin:0}.footer-nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}.footer .footer-nav a{margin-left:0}.tour-panel{border-color:#dce7df}.mini-timeline span{background:#eef5f0;border-color:#e0e9e2;color:#537263}
@media(max-width:1100px){.navigation{gap:16px;font-size:12px}.navigation .button-small{font-size:11px;padding:11px 12px;gap:10px}.language-switch{padding-left:12px}.founder-section{gap:45px}.founder-section h2{font-size:33px}.demo-teaser{gap:40px}.video-grid{gap:18px}.video-copy{padding:22px}.video-copy h2{font-size:22px}.story-body{gap:50px}}
@media(max-width:860px){.language-switch{border:0;padding:0}.navigation .button-small{font-size:12px;padding:13px 16px}.founder-section{gap:30px}.founder-section h2{font-size:29px}.founder-section p:not(.eyebrow){font-size:12px}.founder-photo{aspect-ratio:.85}.home-price-band{gap:30px;padding:30px}.home-price-band h2{font-size:29px}.demo-teaser{gap:30px}.demo-visual>span:nth-child(2){font-size:10px;gap:12px}.feature-details{gap:35px}.story-body{gap:35px}.story-body h2{font-size:29px}.principles{gap:25px}.principles h3{font-size:20px}.video-grid{grid-template-columns:1fr;padding-block:45px}.video-card{display:grid;grid-template-columns:1fr 1.2fr}.video-placeholder{height:100%;min-height:280px}.video-copy{padding:30px}.video-copy h2{font-size:26px}.demo-contact h2{font-size:26px}.page-lead{font-size:14px}}
@media(max-width:560px){.page-intro{padding-block:26px 35px}.breadcrumbs{font-size:10px;margin-bottom:31px}.page-intro h1{font-size:39px;line-height:1.1;letter-spacing:-.05em}.page-lead{font-size:13px;line-height:1.9}.founder-section{grid-template-columns:1fr;gap:30px;padding-block:43px}.founder-photo{aspect-ratio:1.05}.founder-photo img{object-position:50% 70%}.founder-photo figcaption{font-size:10px;bottom:18px;left:20px}.founder-section h2{font-size:31px}.founder-section p:not(.eyebrow){font-size:13px}.signature{font-size:32px;margin:18px 0 12px}.home-price-band{display:block;padding:26px;margin-bottom:48px}.home-price-band h2{font-size:30px}.home-price-band>div:last-child{margin-top:22px}.home-price-band>div:last-child p{text-align:left;font-size:9px}.home-price-band>div:first-child>p:last-child{font-size:12px}.demo-teaser{grid-template-columns:1fr;padding-bottom:50px;gap:27px}.demo-teaser h2{font-size:31px}.demo-visual{aspect-ratio:1.7}.demo-visual>span:nth-child(2){font-size:12px;gap:16px}.feature-details{grid-template-columns:1fr;gap:28px;padding-bottom:48px}.feature-details h2{font-size:28px}.terms-note{padding-block:45px}.terms-note h2{font-size:28px}.story-body{grid-template-columns:1fr;gap:15px;padding-block:42px}.story-body h2{font-size:30px}.story-body p:not(.eyebrow){font-size:13px}.principles{grid-template-columns:1fr;gap:24px;padding-bottom:45px}.principles article{display:grid;grid-template-columns:25px 1fr;column-gap:14px;padding-top:18px}.principles article>span{grid-row:1/3;margin:3px 0 0}.principles h3{font-size:22px;margin-bottom:11px}.principles p{font-size:12px;margin-bottom:0}.video-card{display:block}.video-placeholder{min-height:0;height:225px}.video-copy{padding:26px}.video-copy h2{font-size:25px}.video-copy>p:not(.eyebrow){font-size:13px}.video-copy summary{font-size:12px}.video-copy ol{font-size:12px}.demo-contact{display:block;padding-block:0 48px}.demo-contact h2{font-size:28px}.demo-contact .button{margin-top:23px}.footer-nav{gap:16px;font-size:10px}.footer .footer-nav{display:flex}}
.setup-quote{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-top:1px solid #d8e6de;font-size:12px}.setup-quote strong{white-space:nowrap;font-size:20px}.setup-fieldset .addon{align-items:center}.roadmap{padding-block:70px;border-top:1px solid var(--line)}.roadmap>p:not(.eyebrow){max-width:820px}.roadmap-prices{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.roadmap-prices span{padding:12px 18px;background:var(--pale);border-radius:8px;font-weight:700;font-size:14px}.fine-print{font-size:13px;color:var(--muted)}
/* Reference-led, photographic layout. Images are local; no external requests. */
.brand{font-size:24px;letter-spacing:-1px}.hero{position:relative;background:#10202c;padding:58px 0 30px}.hero-truck{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081720ed 0%,#081720bd 31%,#08172015 65%),linear-gradient(0deg,#081720a6,transparent 40%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:690px;align-items:start}.hero-copy{grid-column:1;max-width:535px}.hero h1{font-size:clamp(42px,4.5vw,64px);color:white;letter-spacing:-.045em}.hero h1 span,.hero .eyebrow{color:#fff}.hero-lead{font-size:16px;line-height:1.65;color:#edf4f4;max-width:410px}.hero-note,.hero-price>span{color:#e6eeee}.hero .text-link,.hero-price{color:#fff}.hero-price{border-color:#ffffff45;margin-top:22px;padding-top:17px}.hero .live-dot{background:#61dca0;box-shadow:0 0 0 4px #61dca025}.hero .product-visual{grid-column:2;align-self:end;margin-top:335px;min-height:310px;padding:0 24px 35px 0;color:var(--ink)}.hero .office-window{border:7px solid #162b31;border-bottom-width:15px;box-shadow:0 20px 45px #0006}.hero .office-layout{min-height:250px}.hero .office-main{padding:15px}.hero .office-stats{margin:12px 0}.hero .table-row{padding:7px}.hero .visual-grid{display:none}.hero .phone-window{right:-8px;bottom:25px}.hero .visual-caption{color:#fff;bottom:0;left:0;text-shadow:0 1px 4px #000}.hero .phone-brand{font-size:8px}.hero .phone-brand img{width:16px;height:16px}.included-strip ul{gap:15px 22px}.included-strip li{font-size:11px}.founder-section{padding-block:65px}.founder-photo{border-radius:4px}.home-price-band{margin-bottom:50px}.editorial-photo{margin:0;position:relative;overflow:hidden;border-radius:8px;aspect-ratio:16/9;background:#e7eeea}.editorial-photo img{width:100%;height:100%;object-fit:cover}.editorial-photo figcaption{position:absolute;bottom:9px;right:12px;font-size:9px;color:white;text-shadow:0 1px 4px #000;background:#132721aa;padding:2px 7px;border-radius:3px}.page-intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:55px;padding-block:40px}.page-intro h1{font-size:clamp(35px,4vw,54px)}.page-intro .breadcrumbs{margin-bottom:25px}.intro-photo{aspect-ratio:1.28}.page-lead{font-size:15px;line-height:1.75}.setup-overview{padding-block:12px 60px}.setup-heading h2{font-size:34px}.setup-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.setup-card{position:relative;border:1px solid #d6e4dc;border-radius:10px;padding:30px;background:#fff}.setup-free{background:#edf7ef;border-color:#b8dbc6}.setup-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#d9efe1;color:#007c4e;font-size:26px;position:absolute;top:26px;right:26px}.setup-card h3{font-size:21px;padding-right:42px;margin-bottom:18px}.setup-amount{display:block;font-size:44px;line-height:1.15;letter-spacing:-.045em}.setup-once{display:block;font-size:12px;color:var(--muted);margin-top:6px}.setup-card p{font-size:14px;max-width:370px;margin:22px 0}.setup-card button.text-link{border:0;padding:0;background:none;color:#006d46}.setup-card .text-link{color:#006d46}.setup-period{font-size:13px;line-height:1.8;margin:20px 0 0;max-width:900px}.visual-features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-block:0 60px}.visual-features h3{font-size:21px;margin:19px 0 10px}.visual-features p{font-size:13px;margin-bottom:12px}.visual-features .text-link{font-size:12px}.visual-features .editorial-photo{border-radius:6px}.video-placeholder{isolation:isolate;justify-content:flex-end;align-items:flex-start;padding:22px}.video-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#071c21e6);z-index:-1}.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.video-number{background:#102c24c9;padding:3px 7px;color:#fff}.video-status{color:#e2f5ea}.video-placeholder strong{font-size:22px}.demo-teaser .fine-print{font-size:11px;margin-top:16px}.footer .brand{font-size:23px}
@media(max-width:1100px){.nav-wrap{gap:16px}.navigation{gap:13px}.brand{font-size:22px}.hero-grid{min-height:710px}.hero .product-visual{margin-top:385px}.hero .office-main{padding:12px}.hero .phone-window{width:155px}.page-intro{gap:30px}}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:500px}.hero:after{background:linear-gradient(90deg,#081720e8,#08172065),linear-gradient(0deg,#081720d4,transparent)}.hero-truck{object-position:64% center}.hero .product-visual{grid-column:1;width:min(540px,100%);justify-self:end;margin-top:35px;min-height:330px}.page-intro{grid-template-columns:1fr 1fr;gap:25px}.page-intro h1{font-size:35px}.intro-photo{aspect-ratio:.9}.setup-card{padding:24px}.setup-amount{font-size:38px}.setup-arrow{right:20px;top:21px}.visual-features{gap:18px}.visual-features h3{font-size:19px}}
@media(max-width:560px){.hero{padding:38px 0 25px}.hero-grid{display:block}.hero h1{font-size:42px}.hero-lead{font-size:15px;max-width:335px}.hero-truck{object-position:61% top;object-fit:cover}.hero-copy{max-width:none}.hero .product-visual{width:100%;margin-top:30px;min-height:305px;padding-right:15px}.hero .office-main{padding:12px 9px}.hero .office-layout{min-height:240px}.hero .office-sidebar{width:28px;gap:13px}.hero .office-stats>div{padding:7px}.hero .office-heading h2{font-size:16px}.hero .phone-window{width:139px;right:-4px;bottom:24px;padding-inline:8px}.hero .phone-window h3{font-size:13px}.hero .phone-brand{font-size:7px;gap:2px}.hero .phone-brand img{display:none}.hero .visual-caption{font-size:8px}.hero .office-window{transform:none}.hero .company-chip{display:none}.included-strip .container{display:block}.included-strip p{margin-bottom:13px}.included-strip ul{display:grid;grid-template-columns:1fr;gap:9px}.page-intro{grid-template-columns:1fr;gap:24px;padding-block:28px}.intro-photo{aspect-ratio:16/9}.page-intro h1{font-size:39px}.page-lead{font-size:14px}.setup-cards{grid-template-columns:1fr;gap:16px}.setup-overview{padding-bottom:45px}.setup-heading h2{font-size:30px}.setup-card{padding:25px}.setup-amount{font-size:42px}.visual-features{grid-template-columns:1fr;padding-bottom:45px;gap:30px}.visual-features h3{font-size:23px}.setup-period{font-size:12px}.hero-actions .button{font-size:13px}.brand{font-size:23px}}
.fleet-gallery{padding-block:0 65px}.fleet-gallery h2{font-size:34px}.fleet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.fleet-grid h3{font-size:18px;margin:16px 0 0}.fleet-grid .editorial-photo{aspect-ratio:16/9}.fleet-grid figcaption{font-size:7px;right:5px;bottom:5px}.bundle-offer{padding:25px;margin-top:20px;border-radius:10px;background:#e8f5ed;border:1px solid #acd2bb}.bundle-offer>strong{font-size:42px;letter-spacing:-.04em}.bundle-offer>strong small{font-size:15px;letter-spacing:0}.bundle-offer>p:not(.eyebrow){font-size:13px;line-height:1.7;margin-top:12px}.bundle-offer .fine-print{font-size:11px!important}.bundle-offer .eyebrow{margin-bottom:8px}
@media(max-width:860px){.fleet-grid{grid-template-columns:1fr 1fr}.intro-photo{aspect-ratio:16/9}}
@media(max-width:560px){.fleet-grid{grid-template-columns:1fr;gap:25px}.fleet-gallery h2{font-size:30px}.fleet-grid h3{font-size:22px}.fleet-grid figcaption{font-size:9px}.fleet-gallery{padding-bottom:45px}}

.gps-explainer{padding-bottom:45px}.gps-explainer p:not(.eyebrow){max-width:780px}.gps-explainer h2{font-size:34px}
/* Warmer editorial palette and a clear view of the truck. */
:root{background:#f5f2eb;--pale:#eeefe5;--line:#deded1;--ink:#182a2b;--muted:#586764}body{background:#f5f2eb}.header{background:#faf8f1f5;border-bottom-color:#e5e1d7}.preview-ribbon{background:#233d34}.included-strip{background:#eeeee3;border-color:#dedfd2}.pricing-section{background:#efeee5;border-color:#e1ddcf}.quote-box,.setup-card,.video-card{background:#fffcf4}.setup-free,.home-price-band,.bundle-offer{background:#e7eee0}.roadmap-prices span{background:#e8eadc}.tier-content,.addon{background:#faf8f1}.footer{background:#ebe9df}.footer-nav{background:transparent}.founder-section{padding-block:58px}.hero{padding:46px 0 25px}.hero-grid{min-height:700px;display:block}.hero-copy{max-width:520px}.hero h1{font-size:clamp(42px,4.3vw,60px);max-width:570px}.hero-lead{max-width:390px}.hero .product-visual{position:absolute;left:0;bottom:0;right:auto;margin:0;width:500px;min-height:340px;padding-right:24px;transform:scale(.64);transform-origin:left bottom}.hero .office-window{box-shadow:0 12px 30px #0005}.hero .phone-window{width:160px;right:0}.hero .visual-caption{font-size:13px}.hero-truck{object-position:62% center}.hero:after{background:linear-gradient(90deg,#0c2023ee 0%,#0c2023bb 29%,#0c202310 59%),linear-gradient(0deg,#0c20236b,transparent 30%)}.navigation .button-small{max-width:205px;text-align:left;font-size:11px;gap:10px;padding:10px 13px}.navigation{gap:17px}.hero-actions .button{font-size:13px;gap:14px}.practical-section{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-block:40px 65px;border-top:1px solid var(--line)}.practical-section h2,.accounting-section h2{font-size:34px;line-height:1.2}.practical-section p:not(.eyebrow),.accounting-section p:not(.eyebrow){font-size:14px;line-height:1.85}.accounting-section{padding-block:40px 60px}.accounting-section>p{max-width:820px}.accounting-names{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}.accounting-names span{padding:12px 24px;border:1px solid #cdd8c8;border-radius:6px;background:#eeefe4;font-size:19px;font-weight:650}.setup-card .text-link{font-size:13px;text-align:left}.hero-note{max-width:400px}.quote-button{font-size:13px}.closing .button{max-width:380px}
@media(max-width:1100px){.navigation{gap:10px}.navigation .button-small{max-width:175px;font-size:10px}.hero-copy{max-width:480px}.hero h1{font-size:52px}.hero-grid{min-height:710px}}
@media(max-width:860px){.hero-truck{height:420px;top:370px;object-fit:cover;object-position:65% center}.hero{background:#19312e}.hero:after{background:linear-gradient(180deg,#19312e 0 35%,#19312e22 53%,#19312e00 88%,#19312e 100%)}.hero-grid{min-height:940px}.hero-copy{max-width:600px}.hero .product-visual{bottom:0;transform:scale(.58)}.hero h1{font-size:48px;max-width:620px}.hero-lead{max-width:550px}.hero-note{max-width:560px}.hero-price{margin-top:15px}.navigation .button-small{max-width:none;font-size:12px}.practical-section{gap:30px}.practical-section h2{font-size:29px}}
@media(max-width:560px){.hero{padding-top:30px}.hero h1{font-size:40px;max-width:100%}.hero-grid{min-height:1010px}.hero-truck{top:440px;height:330px;object-fit:contain;background:#19312e}.hero:after{background:linear-gradient(180deg,#19312e 0 37%,transparent 49% 73%,#19312e 82%)}.hero .product-visual{width:500px;min-height:340px;transform:scale(.54);margin:0;bottom:4px;padding-right:24px}.hero .office-sidebar{width:36px}.hero .office-main{padding:16px}.hero .office-layout{min-height:270px}.hero .phone-window{width:160px;right:0}.hero .phone-brand{font-size:9px}.hero .visual-caption{font-size:14px}.hero .office-heading h2{font-size:20px}.hero .office-window{transform:none}.practical-section{grid-template-columns:1fr;gap:30px;padding-block:30px 45px}.practical-section h2,.accounting-section h2{font-size:29px}.accounting-section{padding-block:30px 45px}.accounting-names{gap:10px}.accounting-names span{font-size:16px;padding:10px 16px}.hero-actions .button{font-size:12px;padding:15px 13px;gap:10px}}
@media(max-width:360px){.hero-grid{min-height:1100px}.hero-truck{top:530px}.hero .product-visual{transform:scale(.49)}}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:55px 75px}.contact-portrait{width:180px;height:200px;object-fit:cover;object-position:center 45%;border-radius:9px;margin-bottom:25px}.contact-layout h2{font-size:30px}.contact-layout aside>p{max-width:330px;font-size:14px}.contact-layout aside .text-link{margin-bottom:25px}.contact-layout form{padding:32px;background:#fffcf4;border:1px solid var(--line);border-radius:12px}.contact-layout label{display:block;font-size:13px;font-weight:650;margin:18px 0 7px}.contact-layout input,.contact-layout textarea,.contact-layout select{width:100%;font:inherit;color:var(--ink);background:#fffef9;border:1px solid #c7cec2;border-radius:6px;padding:12px}.contact-layout textarea{resize:vertical}.contact-layout input:focus-visible,.contact-layout textarea:focus-visible,.contact-layout select:focus-visible{outline:3px solid #d78316;outline-offset:3px}.contact-layout form p{font-size:12px;line-height:1.8;margin-top:20px}.navigation{gap:12px;font-size:12px}.navigation .button-small{max-width:180px}
@media(max-width:1100px){.navigation{gap:8px;font-size:11px}.brand{font-size:20px}.navigation .button-small{max-width:150px;font-size:10px}.contact-layout{gap:40px}}
@media(max-width:860px){.navigation{font-size:14px}.navigation .button-small{max-width:none;font-size:12px}.contact-layout{gap:25px}.contact-layout form{padding:25px}}
@media(max-width:560px){.contact-layout{grid-template-columns:1fr;gap:30px;padding-block:35px 45px}.contact-layout form{padding:23px}.contact-layout h2{font-size:28px}.contact-portrait{width:140px;height:160px}}
/* Review correction: devices occupy their own row below the truck, right aligned. */
.hero{padding-bottom:25px}.hero-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0;gap:0}.hero-copy{min-height:510px;max-width:520px}.hero-truck{height:600px;top:0;object-fit:cover;object-position:center}.hero:after{bottom:auto;height:600px;background:linear-gradient(90deg,#102a2ded,#102a2dab 30%,transparent 63%)}.hero .product-visual{position:relative;left:auto;right:auto;bottom:auto;justify-self:end;grid-column:1;grid-row:2;margin:80px 0 0;width:420px;min-height:320px;height:auto;transform:none;padding:0 25px 28px 0}.hero .office-layout{min-height:240px}.hero .office-main{padding:12px}.hero .office-sidebar{width:32px}.hero .phone-window{width:145px;right:0;bottom:22px}.hero .visual-caption{font-size:9px}.hero .office-heading h2{font-size:18px}.hero .phone-brand{font-size:8px}.hero .company-chip{display:none}.hero{background:#19312e}.fleet-tiers{grid-template-columns:1fr 1fr!important}.tier:last-child{grid-column:1/-1}.tier-features{display:grid!important;gap:9px;margin-top:18px;text-align:left}.tier-features>span{display:block;font-size:11px;line-height:1.5;font-weight:400}.tier-features>span:before{content:'✓ ';color:var(--blue);font-weight:700}.tier-content{height:100%}.addon-with-info{position:relative;padding-right:46px}.addon-info{position:absolute;right:8px;top:22px;z-index:4}.addon-info summary{list-style:none;width:25px;height:25px;border-radius:50%;border:1px solid #64846d;display:grid;place-items:center;font-weight:750;font-size:14px;color:#356448;cursor:pointer}.addon-info summary::-webkit-details-marker{display:none}.addon-info .addon-help{display:none;position:absolute;right:0;top:32px;width:min(320px,75vw);padding:18px;background:#203d32;color:#fff;border-radius:8px;box-shadow:0 8px 25px #14251b33;font-size:13px;line-height:1.75}.addon-info[open] .addon-help,.addon-info:hover .addon-help,.addon-info:focus-within .addon-help{display:block}.addon-info summary:focus-visible{outline:3px solid #d78316;outline-offset:3px}.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-layout button:disabled{opacity:.65;cursor:wait}
@media(max-width:860px){.hero-copy{min-height:420px;max-width:100%}.hero-truck{top:420px;height:370px;object-fit:contain;background:#19312e}.hero:after{height:420px;background:#19312e}.hero .product-visual{margin-top:380px;width:400px;max-width:100%;justify-self:end}.hero h1{max-width:620px}.hero-grid{min-height:0}}
@media(max-width:560px){.hero-copy{min-height:500px}.hero-truck{top:525px;height:260px}.hero:after{height:500px}.hero .product-visual{margin-top:310px;width:100%;min-height:300px;transform:none;padding-right:15px}.hero .phone-window{width:130px}.hero .office-main{padding:10px 7px}.hero .office-sidebar{width:25px}.hero .office-heading h2{font-size:15px}.hero .phone-brand{font-size:7px}.hero .visual-caption{font-size:8px}.fleet-tiers{grid-template-columns:1fr!important}.tier-features>span{font-size:12px}.addon-with-info{padding-right:36px}.addon-info{right:0}}
/* Actual Office layout and screenshot-based driver layout, inside the photograph. */
.hero{padding:44px 0 24px;background:#19312e}.hero-grid{display:block;position:relative;min-height:710px}.hero-copy{min-height:0;max-width:500px}.hero-truck{top:0;height:100%;width:100%;object-fit:cover;object-position:62% center}.hero:after{inset:0;height:auto;background:linear-gradient(90deg,#102a2ded,#102a2da8 31%,transparent 64%),linear-gradient(0deg,#102a2d70,transparent 24%)}.real-devices{position:absolute;right:0;bottom:8px;width:min(43%,470px);height:245px;z-index:2}.real-laptop{position:absolute;left:0;bottom:34px;width:88%;border:8px solid #17282c;border-bottom-width:13px;border-radius:9px;background:#17282c;box-shadow:0 10px 20px #0005}.real-laptop img{width:100%;height:auto;border-radius:2px}.real-laptop:after{content:'';position:absolute;left:-5%;bottom:-20px;width:110%;height:8px;border-radius:2px 2px 8px 8px;background:linear-gradient(#cbd2d1,#6b787a)}.real-phone{position:absolute;right:0;bottom:22px;width:27%;border:5px solid #142830;border-radius:16px;background:#142830;overflow:hidden;box-shadow:0 7px 17px #0006}.real-phone img{width:100%;height:auto}.real-caption{position:absolute;right:0;bottom:0;color:#fff;font-size:8px;margin:0;text-shadow:0 1px 4px #000}.hero .hero-note{max-width:410px}
@media(max-width:1100px){.hero-grid{min-height:740px}.real-devices{width:43%;height:230px}.real-caption{font-size:7px}}
@media(max-width:860px){.hero-copy{max-width:600px}.hero-grid{min-height:950px}.hero-truck{top:400px;height:550px;object-position:70% center}.hero:after{background:linear-gradient(180deg,#19312e 0 39%,#19312e20 55%,transparent 78%,#19312e55)}.real-devices{width:390px;max-width:75%;bottom:0;height:230px}.real-caption{font-size:7px}}
@media(max-width:560px){.hero-grid{min-height:960px}.hero-truck{top:470px;height:510px;object-position:70% center}.hero:after{background:linear-gradient(180deg,#19312e 0 45%,#19312e11 60%,transparent 78%,#19312e44)}.real-devices{width:95%;max-width:none;right:0;height:205px;bottom:0}.real-caption{font-size:6px}.real-phone{border-width:4px;border-radius:12px}.real-laptop{border-width:6px;border-bottom-width:10px}.hero h1{font-size:39px}}
@media(max-width:360px){.hero-grid{min-height:1030px}.hero-truck{top:530px;height:500px}}
/* Review: keep full FAQ branding visible and give setup choices breathing room */
.page-intro .faq-full-photo{aspect-ratio:1672/941;background:#e9eee6;overflow:hidden}
.page-intro .faq-full-photo img{width:100%;height:100%;object-fit:contain;object-position:center}
.setup-fieldset{margin-top:40px}
.setup-fieldset legend{margin-bottom:0}
.setup-choice-intro{font-size:14px;line-height:1.7;margin:16px 0 25px;max-width:560px}
.setup-fieldset .addon{padding:22px 18px;margin-top:14px;gap:16px;align-items:flex-start}
.setup-fieldset .addon-copy{gap:10px}
.setup-fieldset .addon-copy>span{font-size:13px;line-height:1.85;max-width:390px}
.setup-fieldset .addon-price{flex-shrink:0;padding-top:2px}
.setup-followup{font-size:12px;line-height:1.8;background:#edf4e8;padding:16px;border-radius:8px;margin:18px 0}
.setup-heading{margin-bottom:28px}
.setup-cards{margin-top:24px}
.contact-layout #callback-fields{margin-top:22px;padding:4px 18px 16px;background:#edf4e8;border:1px solid #d3e2ce;border-radius:10px}
.contact-layout #callback-note{margin:12px 0 0;font-size:12px}
.contact-layout form{scroll-margin-top:135px}
.footer .callback-link{font-size:12px;color:#006d46;text-decoration:underline;text-underline-offset:4px}
@media(max-width:560px){.setup-fieldset .addon{padding:20px 14px;gap:12px}.setup-fieldset .addon-copy>span{font-size:12px}.setup-fieldset .addon-price{font-size:14px}.setup-choice-intro{margin-bottom:22px}.contact-layout #callback-fields{padding-inline:12px}.footer .callback-link{line-height:1.6}}

/* Keep every add-on control inside its card */
.addons-fieldset .addon-with-info{margin-top:12px;padding:0 62px 0 22px;background:#faf8f1;border:1px solid #deded1;border-radius:12px;min-width:0}
.addons-fieldset .addon-with-info .addon{padding:24px 0;border:0;background:transparent;gap:16px}
.addons-fieldset .addon-with-info .addon-copy{min-width:0}.addons-fieldset .addon-with-info .addon-copy>span{max-width:440px}
.addons-fieldset .addon-with-info .addon-price{margin-left:16px;flex-shrink:0}
.addons-fieldset .addon-info{right:20px;top:25px}.addons-fieldset .addon-info .addon-help{max-width:calc(100vw - 80px)}
.addons-fieldset .addon-with-info:has(input:checked){border-color:#008b59;background:#edf5e9}
.pricing-coming{padding:24px;margin:24px 0 36px;border-left:3px solid #b7bba8;background:#e9eadf;border-radius:0 10px 10px 0}.pricing-coming h3{font-size:19px;margin-bottom:10px}.pricing-coming p{font-size:13px;line-height:1.8;margin:0}.pricing-coming .eyebrow{font-size:10px;margin-bottom:10px}
@media(max-width:600px){.addons-fieldset .addon-with-info{padding:0 50px 0 16px}.addons-fieldset .addon-with-info .addon{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px 12px;align-items:start;padding:20px 0}.addons-fieldset .addon-with-info .addon input{margin-top:3px}.addons-fieldset .addon-with-info .addon-price{grid-column:2;margin:0;padding-top:2px;font-size:18px}.addons-fieldset .addon-with-info .addon-price small{display:inline;font-size:10px}.addons-fieldset .addon-info{right:14px;top:20px}.addons-fieldset .addon-with-info .addon-copy strong{font-size:14px}.addons-fieldset .addon-with-info .addon-copy>span{font-size:12px}.pricing-coming{padding:20px}}

.addon-info:not([open]) .addon-help{display:none}.addon-info[open] .addon-help{display:block}

/* Selected VF identity: dark on light, white and green on dark */
.brand{gap:10px;color:#183e2e;letter-spacing:-1px}.brand img,.footer .brand img{width:48px;height:33px;object-fit:contain}.brand>span>span{color:#008b59}
.footer{background:#102c24;color:#fff}.footer .brand{color:#fff}.footer .brand>span>span{color:#00b879}.footer p,.footer .footer-draft{color:#bdd0c5}.footer a:not(.brand){color:#dce9e1}.footer-nav{border-color:#345044}.footer a:hover{color:#00b879}
@media(max-width:600px){.brand img,.footer .brand img{width:42px;height:29px}.brand{gap:8px}}

/* Complete approved wordmark, not separately typeset text */
.brand img.brand-artwork,.footer .brand img.brand-artwork{display:block;width:264px;height:auto;max-width:none;object-fit:contain}.brand{gap:0}.header .brand-artwork{mix-blend-mode:multiply}.footer .brand-artwork{width:248px}
@media(max-width:1100px){.brand img.brand-artwork,.footer .brand img.brand-artwork{width:224px}}
@media(max-width:600px){.brand img.brand-artwork,.footer .brand img.brand-artwork{width:220px}}
.header{background:#f1eee4}.header .brand-artwork{mix-blend-mode:darken}

/* Portal booking workflow — informational cards, not controls */
.portal-routing{padding-block:72px;color:#16382c}.portal-routing h2{font-size:clamp(30px,3.6vw,47px);letter-spacing:-.04em;line-height:1.12;max-width:800px;margin:14px 0 22px}.portal-routing .routing-lead{max-width:720px;font-size:18px;line-height:1.7;color:#52665c}.routing-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px 0 22px}.routing-options article{padding:30px;border-top:3px solid #008b59;background:#f0f5ee;border-radius:0 0 16px 16px}.routing-number{color:#008b59;font-size:13px;font-weight:700}.routing-options h3{font-size:23px;line-height:1.3;margin:16px 0 12px}.routing-options p{line-height:1.8;color:#52665c;margin:0}.portal-routing .routing-note{font-size:14px;line-height:1.8;color:#52665c}@media(max-width:650px){.portal-routing{padding-block:48px}.routing-options{grid-template-columns:1fr;gap:16px}.routing-options article{padding:24px}}
/* handoff/site-refinements.css */
.navigation a.vf-language-switch{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;padding:5px!important;margin:0 2px!important;border:0!important;border-radius:0!important;line-height:1;text-decoration:none;background:transparent!important;box-shadow:none!important}.navigation a.vf-language-switch img{display:block!important;width:16px!important;max-width:16px!important;height:11px!important;max-height:11px!important;object-fit:cover;border-radius:0;box-shadow:none!important}.vf-language-switch:focus-visible{outline:2px solid #008b59;outline-offset:2px}body p.vf-trial-advice,body .dialog-content p.vf-trial-advice{padding:0!important;border:0!important;background:none!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;font-weight:400!important;line-height:1.5!important;color:#66746a!important;margin:10px 0!important;max-width:42em}

/* October proofreading: hover help and support. */
.addon-info:not([open]):hover .addon-help,.addon-info:not([open]):focus-within .addon-help{display:block}
.addon-info .addon-help{z-index:20}
.addon-info .addon-help:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.support-section{padding-top:20px;padding-bottom:35px;max-width:950px}
.support-note{margin-top:20px;line-height:1.7}
.footer .footer-support{padding-top:20px;line-height:1.6;font-size:14px}
.scanner-order-link{display:inline-block;color:inherit;text-decoration:underline;text-underline-offset:4px}
.assisted{grid-template-columns:minmax(0,1fr) auto}

@media(max-width:700px){.assisted .text-link{margin-left:0}}

/* Keep the complete Office screenshot, including its left navigation. */
.visual-features .office-full-figure{background:#e7eee0;display:flex;align-items:center;justify-content:center}
.visual-features .office-full-view{width:100%;height:100%;object-fit:contain;object-position:left center}
.roadmap-prices .scanner-order-link{padding:12px 18px;border:1px solid #b8cdbb;border-radius:8px;background:#e8eadc;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.roadmap-prices .scanner-order-link:hover{background:#d7e5d3;border-color:#008b59}
/* marketing.css */
/* Marketing pages (Juridisk, Status og nyheder, Hjælp, Tilmelding, 404) and the shared waitlist form + legal footer group.
   Source: docs/design/artboards/artboard.css (.mk block) and tokens.css (marketing palette). Hex values live only in the variable blocks.
   Palette: GREEN, one palette for all pages (owner decision 2026-11-12). Colours come from multipage.css/style.css (--ink --muted --blue --blue-dark --line --pale --green, cream page #f5f2eb, card #fffcf4, field #fffef9, ribbon #233d34; the names --blue/--blue-dark are legacy, the values are green). This file adds no colours of its own except the neutral form edge, state tints and --brand-deep (the ribbon green of multipage.css).
   Scale and state variables are global so the footer form works on every page. */
:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
  --text-xs:12px;--lh-xs:16px;--text-sm:13px;--lh-sm:20px;--text-base:14px;--lh-base:22px;--text-md:16px;--lh-md:24px;--text-lg:18px;--lh-lg:26px;--text-xl:22px;--lh-xl:28px;--text-3xl:36px;--lh-3xl:42px;--text-display:clamp(40px,4.6vw,66px);
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --radius-sm:6px;--radius-md:10px;--radius-lg:18px;
  --bw:1px;--bw-strong:2px;--icon:18px;--icon-sm:16px;--control-h-sm:32px;--touch:44px;--check:20px;
  --mk-control-h:48px;--mk-control-h-sm:40px;--mk-search-h:56px;
  --reading-max:720px;--col-narrow:560px;--toc-w:240px;
  --green-text:var(--blue-dark);--line-strong:#728b7e;--paper:#f5f2eb;--card:#fffcf4;--field:#fffef9;--brand-deep:#233d34;
  --ok-bg:#e8f5ed;--ok-line:#acd2bb;--err-bg:#fdf4f4;--err-line:#e8b9b9;--err-text:#a22d2d;
  --warn-bg:#fff3cf;--warn-line:#e6cf85;--warn-text:#795c00;--on-blue:#ffffff;
  --mk-header-h:84px;--focus:var(--blue-dark);
}
body.mk{color:var(--ink)}
/* ---- extracted from artboard.css ---- */
.mk .wrap{width:min(var(--max),100% - 2 * var(--space-5));margin:0 auto}
.btnb{display:inline-flex;align-items:center;justify-content:center;height:var(--mk-control-h);padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--blue-dark);color:var(--on-blue);font:600 var(--text-md)/var(--lh-md) var(--font-sans);border:0;cursor:pointer;text-decoration:none;white-space:nowrap}
.btnb:hover{background:var(--brand-deep)}.btnb[disabled]{background:var(--line);color:var(--muted);cursor:not-allowed}.btnb.sm{height:var(--mk-control-h-sm);font-size:var(--text-base)}
.btnb.ghost{background:transparent;color:var(--blue-dark);padding:0}.btnb.ghost:hover{background:transparent;color:var(--brand-deep)}
.tl{color:var(--blue-dark);font-weight:600;text-decoration:underline}
.mk .eyebrow{font-size:var(--text-xs);line-height:var(--lh-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-dark);margin:0 0 var(--space-4)}
.mk h1{font-size:var(--text-display);line-height:1.06;letter-spacing:-.02em;margin:0 0 var(--space-5);font-weight:700;color:var(--ink)}
.mk h2{font-size:var(--text-xl);line-height:var(--lh-xl);margin:0 0 var(--space-1);font-weight:700;color:var(--ink)}
.mk h3{font-size:var(--text-lg);line-height:var(--lh-lg);margin:0 0 var(--space-1);font-weight:700;color:var(--ink)}
.mk p.lead{font-size:var(--text-lg);line-height:var(--lh-lg);color:var(--muted);margin:0;max-width:34ch}
.mk .sec{padding:var(--space-9) 0;border-bottom:var(--bw) solid var(--line)}
.mk .sec.pad-lg{padding:var(--space-8) 0}
.mk .split{display:grid;grid-template-columns:5fr 6fr;gap:var(--space-7);align-items:start}
.fld label{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2);display:block;color:var(--ink)}
.in2{height:var(--mk-control-h);border:var(--bw) solid var(--line-strong);border-radius:var(--radius-md);display:flex;align-items:center;padding:0 var(--space-4);color:var(--muted);background:var(--field);font-size:var(--text-md);flex:1;min-width:0}
.in2.bad{border-color:var(--err-text)}
.in2.big{height:var(--mk-search-h);gap:var(--space-3)}
.row2{display:flex;gap:var(--space-3)}
.fine{font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--muted);margin:var(--space-3) 0 0}.fine a{color:var(--blue-dark)}
.fine.err{color:var(--err-text);display:flex;gap:var(--space-2);align-items:center}
.chk{display:flex;gap:var(--space-3);align-items:flex-start;margin-top:var(--space-4);font-size:var(--text-base);line-height:var(--lh-base)}
.chk i{width:var(--check);height:var(--check);border:var(--bw-strong) solid var(--line-strong);border-radius:var(--radius-sm);flex:none;margin-top:var(--bw);background:var(--field)}.chk i.t{background:var(--blue);border-color:var(--blue)}
.chk a{color:var(--blue-dark)}
.mk .st{padding:var(--space-7) 0;border-bottom:var(--bw) solid var(--line)}
.mk .st small{color:var(--muted);font-size:var(--text-sm)}
.msg{border:var(--bw) solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--card)}
.msg.ok{border-color:var(--ok-line);background:var(--ok-bg)}.msg.er{border-color:var(--err-line);background:var(--err-bg)}.msg.warn{border-color:var(--warn-line);background:var(--warn-bg)}
.msg p{margin:0;color:var(--muted)}.msg a{color:var(--blue-dark);font-weight:600}
.tag{font-size:var(--text-xs);line-height:var(--lh-xs);font-weight:600;color:var(--green-text);display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}
.msg.er .tag{color:var(--err-text)}.msg.warn .tag{color:var(--warn-text)}
.mk .nf .wrap{max-width:var(--col-narrow);margin:0 auto}
.mk .nf{padding:var(--space-9) 0}
.mk .code{font:600 var(--text-sm)/var(--lh-sm) var(--font-mono);color:var(--muted);margin:0 0 var(--space-4)}
.mk .nf h1{font-size:var(--text-3xl);line-height:var(--lh-3xl);margin:0 0 var(--space-4)}
.mk .nf p{color:var(--muted);margin:0 0 var(--space-5)}
.mk .nf .btns{display:flex;gap:var(--space-5);align-items:center}
.mk dl{margin:0}
.mk h1.sub,.mk h2.sub{font-size:var(--text-3xl);line-height:var(--lh-3xl)}
.mk .pagehead{padding:var(--space-8) 0 var(--space-6)}
.mk .pagehead h1{margin-bottom:var(--space-4)}

/* sticky sub-row (Juridisk anchors, Status/Nyheder tabs): underline look, no pills */
.mk .subnav{position:sticky;top:0;background:var(--paper);border-bottom:var(--bw) solid var(--line);z-index:2}
.mk .subnav .wrap{display:flex;gap:var(--space-5);overflow-x:auto;scrollbar-width:none}
.mk .subnav a{display:inline-flex;align-items:center;height:var(--mk-control-h);font-size:var(--text-base);font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap;border-bottom:var(--bw-strong) solid transparent}
.mk .subnav a.on{color:var(--ink);border-color:var(--blue)}
.mk .subnav.anchors{display:none}

/* Juridisk: TOC + reading column */
.mk .legal{display:grid;grid-template-columns:var(--toc-w) minmax(0,var(--reading-max));gap:var(--space-8);padding:var(--space-7) 0 var(--space-9)}
.mk .toc{position:sticky;top:var(--space-5);align-self:start;display:grid;gap:var(--space-1);font-size:var(--text-base)}
.mk .toc .lbl{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:var(--space-2)}
.mk .toc a{color:var(--muted);text-decoration:none;padding:var(--space-2) var(--space-3);border-left:var(--bw-strong) solid var(--line);font-weight:600}
.mk .toc a.on{color:var(--ink);border-color:var(--blue)}
.mk .doc section{padding-bottom:var(--space-7)}
.mk .doc h2{scroll-margin-top:var(--space-9);margin-bottom:var(--space-2)}
.mk .doc .ver{font-size:var(--text-sm);color:var(--muted);margin:0 0 var(--space-4)}
.mk .doc p{margin:0 0 var(--space-4);line-height:var(--lh-md)}
.mk .tablewrap{overflow-x:auto;border:var(--bw) solid var(--line);border-radius:var(--radius-lg)}
.mk table{font-size:var(--text-sm)}.mk th{background:var(--pale);color:var(--muted);border-bottom:var(--bw) solid var(--line)}.mk td{height:auto;padding:var(--space-3) var(--space-4);border-bottom:var(--bw) solid var(--line);vertical-align:top}
.mk td a{color:var(--blue-dark)}

/* Status */
.mk .overall{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-5);border-radius:var(--radius-lg);border:var(--bw) solid var(--line);background:var(--pale);color:var(--warn-text);margin-bottom:var(--space-5)}
.mk .overall h2{color:var(--ink);margin:0}.mk .overall p{margin:0;color:var(--muted)}
.mk .inc{margin-bottom:var(--space-7)}
.mk .inc .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-4)}
.mk .inc dt{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--warn-text);margin-bottom:var(--space-1)}.mk .inc dd{margin:0;color:var(--ink)}
.mk .comp{padding:var(--space-5) 0;border-bottom:var(--bw) solid var(--line)}
.mk .comp:first-of-type{border-top:var(--bw) solid var(--line)}
.mk .comp-h{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}
.mk .comp-h b{font-size:var(--text-md)}
.mk .st-word{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600}
.mk .st-word.ok{color:var(--green-text)}.mk .st-word.warn{color:var(--warn-text)}.mk .st-word.bad{color:var(--err-text)}
.mk .bars{display:flex;gap:var(--bw);height:var(--control-h-sm)}
.mk .bars button{flex:1;border:0;padding:0;border-radius:var(--radius-sm);background:var(--green);cursor:pointer}
.mk .bars button.w{background:var(--warn-text)}.mk .bars button.b{background:var(--err-text)}
.mk .bar-cap{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-2)}
.mk .only-m{display:none}
.mk .legend{display:flex;flex-wrap:wrap;gap:var(--space-5);font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-4)}.mk .legend i{display:inline-block;width:var(--space-3);height:var(--space-3);border-radius:var(--radius-sm);margin-right:var(--space-2);vertical-align:middle}
.mk .month{margin-top:var(--space-7)}.mk .month h3{padding-bottom:var(--space-3);border-bottom:var(--bw) solid var(--line);margin-bottom:var(--space-3)}
.mk .ev{display:grid;grid-template-columns:var(--toc-w) minmax(0,1fr);gap:var(--space-5);padding:var(--space-3) 0;border-bottom:var(--bw) solid var(--line)}
.mk .ev .d{color:var(--muted);font-size:var(--text-sm)}

/* Nyheder (changelog): one reading column */
.mk .log{max-width:var(--reading-max);padding-bottom:var(--space-9)}
.mk .entry{padding:var(--space-5) 0;border-bottom:var(--bw) solid var(--line)}
.mk .entry .hd{display:flex;gap:var(--space-3);align-items:baseline;flex-wrap:wrap;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--muted)}
.mk .entry .hd .mono{font-size:var(--text-sm);color:var(--ink);font-weight:600}
.mk .entry ul{margin:var(--space-2) 0 0;padding-left:var(--space-5);color:var(--ink)}.mk .entry li{margin-bottom:var(--space-1)}
.mk .log .mh{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;margin:var(--space-7) 0 0}

/* Hjælp: search, then two text columns of grouped lists (no cards) */
.mk .helphead{padding:var(--space-8) 0 var(--space-6);max-width:var(--reading-max)}
.mk .groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7) var(--space-8);padding:var(--space-6) 0 var(--space-8)}
.mk .groups section{border-top:var(--bw) solid var(--line);padding-top:var(--space-4)}
.mk .groups h2{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4)}.mk .groups h2 small{font-weight:400;color:var(--muted);font-size:var(--text-sm)}
.mk .groups ul{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-2)}
.mk .groups li a{color:var(--ink);text-decoration:none;display:block;padding:var(--space-1) 0}.mk .groups li a:hover{color:var(--blue-dark);text-decoration:underline}
.mk .groups .more{color:var(--blue-dark);font-weight:600;font-size:var(--text-sm);text-decoration:none;display:inline-block;margin-top:var(--space-3)}
.mk .noresult{border:var(--bw) dashed var(--line-strong);border-radius:var(--radius-lg);padding:var(--space-6);max-width:var(--reading-max);color:var(--muted);margin-bottom:var(--space-9)}
.mk .noresult b{color:var(--ink)}

@media (max-width:767px){
  .mk .wrap{width:calc(100% - 2 * var(--space-5))}
  .mk h1{font-size:var(--text-3xl);line-height:var(--lh-3xl)}
  .mk .sec{padding:var(--space-7) 0}
  .mk .split{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
  .row2{flex-direction:column}.btnb{width:100%;min-height:var(--touch)}.btnb.ghost{width:auto}
  .mk .st .wrap.split{gap:var(--space-4)}
  .mk .nf .wrap{width:calc(100% - 2 * var(--space-5))}.mk .nf{padding:var(--space-8) 0}.mk .nf .btns{flex-direction:column;align-items:stretch;gap:var(--space-4)}.mk .nf .btns .btnb.ghost{justify-content:center}
  .mk .subnav.anchors{display:block}
  .mk .legal{grid-template-columns:minmax(0,1fr);padding:var(--space-5) 0 var(--space-8)}.mk .toc{display:none}
  .mk .inc .cols{grid-template-columns:minmax(0,1fr)}
  .mk .only-m{display:inline}.mk .only-d{display:none}.mk .bars button:nth-child(-n+60){display:none}
  .mk .ev{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
  .mk .groups{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
  .mk .helphead{padding:var(--space-6) 0 var(--space-4)}.mk .pagehead{padding:var(--space-6) 0 var(--space-5)}
  .mk .overall{flex-direction:column;align-items:flex-start}
}

/* ---- site additions ---- */
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mk .subnav{top:var(--mk-header-h)}
.mk .subnav a:hover{color:var(--ink)}
.mk .doc section,.mk .st{scroll-margin-top:calc(var(--mk-header-h) + var(--mk-control-h) + var(--space-4))}
.mk .doc .tablewrap{margin-top:var(--space-4)}
.mk .doc td small{display:block;color:var(--muted)}
.mk .doc .note{color:var(--muted)}
.mk .doc .changes{padding-left:var(--space-5);margin:0 0 var(--space-4)}
.mk .doc .changes li{margin-bottom:var(--space-2)}
.mk .placeholder{color:var(--muted)}
.mk .more-list{margin-top:var(--space-3)}
.mk .more-list summary{color:var(--blue-dark);font-weight:600;font-size:var(--text-sm);cursor:pointer;display:inline-block}
.mk .more-list[open] summary{margin-bottom:var(--space-2)}
.mk .more-list ul{margin:0}
.mk .groups li{color:var(--ink);padding:var(--space-1) 0}
.mk .search{margin-top:var(--space-5)}
.mk .in2.big{width:100%;max-width:var(--reading-max)}
.mk .in2 svg{color:var(--muted)}
.mk .in2 input{border:0;outline:0;background:transparent;font:inherit;color:var(--ink);flex:1;min-width:0;height:100%}
.mk .in2:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.mk .noresult{margin-top:var(--space-5)}
.mk [hidden]{display:none}
.mk .bar-cap .only-m{display:none}
.mk .pending-note{color:var(--muted)}
.mk .overall svg{flex:none;color:var(--muted)}
.mk .empty{color:var(--muted);padding:var(--space-4) 0}
/* tabs: both panels show without :has() support; with it, #nyheder:target swaps them (no JS, works from a shared link) */
@supports selector(:has(a)){
  .tabpage:has(#nyheder:target) #status{display:none}
  .tabpage:not(:has(#nyheder:target)) #nyheder{display:none}
}
.tabpage .panel{scroll-margin-top:var(--mk-header-h)}
/* Tilmelding state panels (anchors set by the Worker redirect) */
.mk .state{display:none}.mk .state:target{display:block}
.mk .split:has(.state:target:not(#ugyldig)) .waitlist-box{display:none}
.mk .state .msg{margin-bottom:var(--space-4)}
.mk .state .btnb{margin-top:var(--space-4)}
/* waitlist form (page and footer) */
.waitlist-box{color:var(--ink)}
.waitlist .fld label{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2);display:block;color:var(--ink)}
.waitlist input.in2{font:inherit;color:var(--ink);width:100%}
.waitlist .in2:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.waitlist .chk{align-items:flex-start}
.waitlist .chk input{width:var(--check);height:var(--check);accent-color:var(--blue);flex:none;margin:var(--space-1) 0 0}
.waitlist .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.waitlist [data-turnstile]{margin-top:var(--space-4)}
.waitlist .wl-set{border:0;padding:0;margin:0;min-width:0}
.waitlist-box .wl-closed{display:flex;gap:var(--space-2);align-items:center;margin:0 0 var(--space-4);color:var(--ink)}
.waitlist-box .wl-closed svg{flex:none}
.waitlist .wl-set:disabled{opacity:.6}
.waitlist button[aria-busy=true]{cursor:progress}
.waitlist-result{margin-top:var(--space-4)}
.footer-signup{border-top:var(--bw) solid #345044;margin-top:var(--space-5);padding-top:var(--space-5)}
.footer-signup .waitlist-box{max-width:var(--col-narrow);background:var(--card);padding:var(--space-5);border-radius:var(--radius-md)}
.footer .footer-signup h2{color:#fff;font-size:var(--text-lg);line-height:var(--lh-lg);margin:0 0 var(--space-3);letter-spacing:0}
.footer-legal{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--bw) solid #345044;font-size:var(--text-sm);align-items:baseline}
.footer-legal .lbl{font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#bdd0c5}
.footer .footer-legal a{color:#dce9e1;font-size:var(--text-sm);margin-left:0;text-decoration:underline;text-underline-offset:3px}
.footer .footer-legal a:hover{color:#00b879}
.footer .footer-legal{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);align-items:baseline}
.footer .footer-signup{display:block}
.mk .nf .btns a{font-size:var(--text-md)}
/* focus ring: the site amber (#d78316) is 2.63:1 on the cream page and 2.41 on the footer (< 3:1), so new content and the waitlist form use the dark brand green (5.27-6.25:1) */
.mk main :focus-visible,.waitlist :focus-visible{outline:3px solid var(--focus);outline-offset:2px}
/* motion: one gentle reveal of the page head, off when reduced motion is requested */
@media (prefers-reduced-motion:no-preference){.mk .pagehead,.mk .helphead,.mk .nf .wrap{animation:mk-in var(--duration-base,200ms) ease-out both}}
@keyframes mk-in{from{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.mk th{text-align:left}
.mk .doc .tablewrap{margin-bottom:var(--space-4)}
.waitlist .chk{font-size:var(--text-base);font-weight:400;line-height:var(--lh-base);color:var(--ink)}
.waitlist .chk a,.waitlist .fine a{margin-left:0;font-size:inherit;color:var(--blue-dark);text-decoration:underline}
.waitlist .fine{font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--muted);margin:var(--space-3) 0 0}
.waitlist .fine.err{color:var(--err-text)}
.waitlist .in2{border:var(--bw) solid var(--line-strong);border-radius:var(--radius-md);height:var(--mk-control-h);padding:0 var(--space-4);background:var(--field)}
.waitlist .in2.bad{border-color:var(--err-text)}
.waitlist .fld .chk{display:flex;gap:var(--space-3);margin:var(--space-4) 0 0;font-size:var(--text-base);font-weight:400}
.i{width:var(--icon);height:var(--icon);flex:none}.i-sm{width:var(--icon-sm);height:var(--icon-sm);flex:none}
.mk .state,.mk .waitlist-box{scroll-margin-top:calc(var(--mk-header-h) + var(--space-5))}
.mk h2,.mk h3{letter-spacing:0}
@media (max-width:767px){.waitlist .in2{flex:none;width:100%}}
/* footer: the handoff footer is dark (multipage.css); its own colours stand, the legal row and signup card above follow it. */

/* Underdatabehandlere table (ported from the inline <style> of the static page): wide table scrolls inside its own wrapper. */
.sub-wrap{overflow-x:auto;margin-block:24px}.sub-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:15px}.sub-table th,.sub-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.sub-table thead th{background:#f3f7f4}
/* polish.css */
/* Layout polish: best-practice floors on top of the handoff stylesheets (assets/css/<page>.css puts this file last). No new colours, fonts or components.
   1. Readable text: nothing below 12px (the static site shrank labels to 6-11px on phones).
   2. Touch targets of at least 44px for the controls people tap.
   3. Small spacing and robustness fixes found in the visual review. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word}
img{height:auto}
a,button,summary,label{touch-action:manipulation}

/* 1. Text floor */
.editorial-photo figcaption,.fleet-grid figcaption,.founder-photo figcaption,.video-copy summary,.video-copy ol,
.eyebrow,.hero-note,.hero-price>span,.breadcrumbs,.breadcrumbs a,.footer-nav a,.footer-draft,.footer .container>p,.footer-legal a,.footer-legal .lbl,.included-strip p,.included-strip li,
.navigation .button-small,.tier-content>span,.tier-content>b,.tier-features>span,.tier small,.addon-price small,.addon-copy>span,.bundle-offer small,.bundle-offer .fine-print,
.vehicle-count label,.check-list li,.quote-total>span,.quote-after,.quote-after b,.quote-terms,.quote-draft,#price-breakdown dt,#price-breakdown dd,.assisted .text-link,
.waitlist-box .fine,.home-price-band>div:last-child p,.demo-teaser .fine-print,.roadmap .fine-print,details summary{font-size:12px}

/* more specific rules of the ported sheets (hero, footer, closing band, trial callout) */
.hero .hero-copy .eyebrow,.video-copy .eyebrow,.closing .container p,.trial-callout p strong,.trial-callout p span,.assisted p,.footer .container>a,.footer nav.footer-nav a,strong small,.price-layout strong small,.tier-content strong small{font-size:12px}

/* 2. Touch targets */
.menu-toggle,.stepper button,.stepper input,.dialog-close,.dialog-back{min-height:44px}
.stepper button{min-width:44px}
.addon-info summary{position:relative}
.addon-info summary::after{content:"";position:absolute;inset:-10px} /* 45px tap area around the 25px info button */

/* 3. Robustness: long words and wide blocks never push the page sideways */
/* hyphens:manual (owner request 2026-11-12): headings never split a word with a hyphen ("hver-dag"); overflow-wrap still breaks a word that cannot fit */
h1,h2,h3{overflow-wrap:break-word;hyphens:manual}
/* standalone links and summaries get a 44px tap area without moving the layout */
@media (pointer:coarse),(max-width:768px){
 .breadcrumbs a,.tl,.footer-nav a,.footer-legal a,.text-link,.video-copy summary,.faq summary,details>summary{padding-block:12px;margin-block:-12px}
}
/* The round add-on info button is a fixed 25px circle: the padding above pushed its "i" 11px below centre on phones. Its tap area comes from ::after (section 2). */
.addon-info summary{padding-block:0;margin-block:0}

/* 4. Spacing and motion */
.addon-with-info{padding-right:0}
.addon-with-info .addon{padding-right:44px} /* the row (and its background) spans the full width; the info button sits inside it */
.addon-info{right:10px}
.bundle-offer{margin-bottom:28px}
.fleet-fieldset,.addons-fieldset{min-width:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Approved legal documents (generated from the PDFs): headings separate the clauses */
.legal-text h3{margin-top:var(--space-6,28px)}
.legal-text .tablewrap{margin-block:var(--space-4,16px)}
.legal-text th[scope=row]{text-align:left;font-weight:600}

/* 5. Contrast (WCAG AA 4.5:1): the handoff green #008b59 is 4.34:1 on white and 3.96:1 on the pale bands. Text and white-on-green buttons use the darker
   #00704a (5.6:1 on pale, 6.4:1 on white). Decorative uses (borders, outlines, check marks) keep the handoff green. */
:root{--blue:#00704a}
.vf-features{--vf-green:#00704a}
.vf-number,.routing-number{color:#00704a}
/* flag link: the handoff makes it 26px; a 44px target without moving the nav */
.vf-language-switch{min-width:44px!important;min-height:44px!important}

/* 6. Owner requests 2026-11-12 */
/* Photo captions ("Illustrationsbillede", "Skærmbillede fra systemet") are a quiet label on the photo, smaller than body text */
.editorial-photo figcaption,.fleet-grid figcaption,.founder-photo figcaption{font-size:10px}
/* The annual-payment band reads at the same size as the rest of the page body copy (15px), not the 16px browser default */
.vf-annual-payment p:not(.eyebrow){font-size:15px;line-height:1.8}
/* Pricing summary: the subscription total and the one-off setup are two labelled groups, so a 2.995 kr. setup never reads as a monthly price */
#price-breakdown .vf-breakdown-total{border-top:2px solid #c5dfd0}
#price-breakdown .vf-breakdown-total dt,#price-breakdown .vf-breakdown-total dd{font-size:14px;font-weight:700;color:var(--ink,#0b202b)}
.vf-breakdown-title+.setup-quote{border-top:0}
#price-breakdown .vf-breakdown-annual dt,#price-breakdown .vf-breakdown-annual dd{font-size:13px;color:#00704a;font-weight:600}
/* Sign-up page (owner request 2026-11-12): the intro on the left follows the result on the right. Default text unless the visitor arrives
   confirmed or already on the list (#bekraeftet, #allerede) or unsubscribed (#afmeldt). */
.signup-intro-done,.signup-intro-out{display:none}
.split:has(#bekraeftet:target,#allerede:target) .signup-intro-default,.split:has(#afmeldt:target) .signup-intro-default{display:none}
.split:has(#bekraeftet:target,#allerede:target) span.signup-intro-done,.split:has(#afmeldt:target) span.signup-intro-out{display:inline}
.split:has(#bekraeftet:target,#allerede:target) p.signup-intro-done,.split:has(#afmeldt:target) p.signup-intro-out{display:block}