@font-face{font-family:Anton;src:url('assets/Anton-Regular.ttf')}@font-face{font-family:Manrope;src:url('assets/Manrope.ttf');font-weight:200 800}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#0b1730;color:#f4f7fb;font-family:Manrope,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #66c2ff;outline-offset:5px}::selection{background:#66c2ff;color:#fff}.skip{position:fixed;top:-100px;left:20px;background:#0b1730;padding:15px;z-index:100}.skip:focus{top:10px}.header{position:absolute;z-index:5;left:0;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:27px 4.5%;gap:30px}.brand{width:190px;flex-shrink:0}.brand svg{width:100%;height:auto;display:block;overflow:visible}.brand .logo-sheet{transform-box:fill-box;transform-origin:center;animation:card-entrance 1s cubic-bezier(.2,.8,.2,1) both}.brand .back{animation-delay:.15s}.brand .logo-letter{stroke-dasharray:100;stroke-dashoffset:100;animation:draw-logo 1.2s ease .4s forwards}.brand .logo-scan{animation:scan 2.2s ease .3s 2}.brand:hover .front{animation:logo-hover .7s ease}.header>nav{display:flex;gap:26px;font-size:12px;font-weight:750}.header>nav a{padding:8px 0}.header>nav a:hover{opacity:.65}.pill{border:1px solid #ffffff6b;border-radius:100px;padding:12px 21px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:22px}.pill span{font-size:17px}.pill:hover{background:#fff;color:#0b1730}.menu-button,#mobile-nav{display:none}.hero{overflow:hidden}.hero-top{background:#66c2ff;padding:145px 4.5% 225px;text-align:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:16px}.hero h1{font-family:Anton,sans-serif;font-size:clamp(76px,13.3vw,220px);font-weight:400;letter-spacing:-.018em;line-height:1;margin:4px 0 0}.hero-stage{position:relative;height:240px;max-width:1450px;margin:-205px auto 0}.hero-car{position:absolute;width:78%;max-width:1050px;left:0;bottom:-55px;z-index:1;filter:drop-shadow(0 30px 18px #0005)}.hero-pricecard{position:absolute;z-index:2;right:8.5%;top:-55px;width:240px;background:#f4f7fb;color:#0b1730;padding:21px;transform:rotate(7deg);box-shadow:0 24px 50px #0005;transition:transform .4s}.hero-pricecard:hover{transform:rotate(2deg) translateY(-7px)}.card-top{display:flex;justify-content:space-between;font-family:Anton;font-size:12px}.card-top span{font:7px Manrope;letter-spacing:1px;color:#666}.hero-pricecard h2{font:26px/1.03 Anton;margin:18px 0 10px}.vehicle-name{font-size:8px;border-bottom:1px solid #ddd;padding-bottom:10px}.mini-specs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.mini-specs small{font-size:7px;color:#666;display:block}.mini-specs b{font-size:9px}.hero-pricecard ul{padding-left:12px;font-size:8px;line-height:1.8}.mini-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:21px}.mini-card-bottom strong{font:27px Anton}.qr{width:37px;height:37px;background:repeating-conic-gradient(#0b1730 0 25%,#fff 0 50%) 0 0/7px 7px;border:3px solid #0b1730;outline:3px solid #fff}.card-line{height:3px;background:#66c2ff;margin-top:12px}.floating-tag{position:absolute;left:8%;bottom:-48px;z-index:3;background:#f4f7fb;color:#0b1730;padding:13px 17px;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:1px;font-weight:800;transform:rotate(-3deg);box-shadow:0 5px 30px #0002}.live-dot{width:6px;height:6px;border-radius:50%;background:#66c2ff;box-shadow:0 0 0 4px #66c2ff1a}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:115px 8% 75px;max-width:1500px;margin:auto}.hero-bottom h2{font:clamp(34px,4.1vw,66px)/1.05 Anton;margin:0}.hero-copy p{font-size:13px;line-height:1.8;color:#b6b6b4;max-width:430px;margin:0 0 23px}.button{border:0;border-radius:3px;display:inline-flex;justify-content:space-between;align-items:center;padding:17px 24px;gap:35px;font-size:12px;font-weight:800;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.orange{background:#66c2ff;color:#fff}.orange:hover{background:#92d4ff}.button span{font-size:19px;line-height:1}.text-link{display:block;font-size:10px;margin-top:15px;color:#babbb8;text-decoration:underline;text-underline-offset:4px}.ticker{display:flex;justify-content:space-around;gap:25px;white-space:nowrap;overflow:hidden;background:#66c2ff;padding:17px 4%;font-size:11px;font-weight:800;letter-spacing:1px}.ticker i{font-size:19px;font-style:normal;line-height:1}.section{padding:100px 8%;max-width:1800px;margin:auto}.light{background:#f4f7fb;color:#0b1730}.section h2{font:clamp(38px,5.4vw,74px)/1.04 Anton;margin:0;letter-spacing:-.005em}.section p{font-size:13px;line-height:1.85}.section-head{display:flex;justify-content:space-between;gap:9%;align-items:flex-end;margin-bottom:55px}.section-head>div{flex:1}.section-head>p{max-width:340px;margin-bottom:0}.dark-label{color:#666}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.benefit-grid article{position:relative;border-top:1px solid #d4d2cb;padding:24px 0 0}.feature-symbol{font-size:48px;line-height:1;display:block;color:#66c2ff;margin-bottom:22px}.feature-no{font-size:8px;letter-spacing:1.2px;font-weight:800;color:#666}.benefit-grid h3{font-size:19px;letter-spacing:-.5px;line-height:1.35;margin:12px 0}.benefit-grid p{color:#686966;font-size:12px;max-width:310px}.demo{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;padding-top:115px;padding-bottom:115px}.demo-intro p{color:#b2b2b0;max-width:350px}.demo-note{font-size:9px;color:#a9a9a6;margin-top:20px}.demo-note span{color:#66c2ff;font-size:25px;margin-right:8px}.demo-app{background:#f4f7fb;color:#0b1730;border-radius:9px;box-shadow:0 35px 75px #0005;transform:rotate(-2deg);transition:transform .4s}.demo-app:hover{transform:rotate(0)}.app-header{background:#162846;color:white;display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-radius:8px 8px 0 0;font-size:12px;font-weight:800}.app-header>span{display:flex;align-items:center;gap:8px}.app-header>b{font-size:8px;letter-spacing:1.3px;color:#66c2ff}.tiny-mark{display:inline-block;width:11px;height:16px;border:2px solid #66c2ff;transform:rotate(9deg)}.app-content{padding:23px}.app-subhead{display:flex;justify-content:space-between;gap:10px;align-items:center}.app-subhead h3{font-size:15px;margin:0}.app-subhead>span{font-size:9px;color:#666;white-space:nowrap}.search-label{display:flex;align-items:center;border:1px solid #ddd;background:#f4f3ed;border-radius:4px;padding:9px 11px;margin:20px 0 12px;gap:8px}.search-label input{border:0;background:transparent;outline:none;font-size:10px;width:100%;color:#0b1730}.search-label span{font-size:18px;color:#555}.demo-table-head,.demo-row{display:grid;grid-template-columns:32px 1fr 80px;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #e7e6df}.demo-table-head{font-size:7px;color:#888;font-weight:800}.demo-table-head>span:first-child{font-size:0}.demo-table-head>span:last-child{text-align:right}.demo-row{cursor:pointer}.demo-row input{accent-color:#66c2ff;width:14px;height:14px}.demo-row strong{display:block;font-size:12px}.demo-row small{font-size:9px;color:#777}.demo-row>b{font-size:12px;text-align:right;white-space:nowrap}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.demo-bottom>span{font-size:9px;font-weight:700}.demo-bottom .button{font-size:9px;padding:13px 15px;gap:14px}.app-hint{font-size:8px!important;color:#8a8a85;margin:15px 0 0}.time-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #30302c;padding-top:80px;padding-bottom:95px}.time-section p{color:#aaa;max-width:420px}.time-section label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:28px 0 15px}.time-section label strong{font-size:20px;color:#66c2ff}input[type=range]{width:100%;accent-color:#66c2ff;cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#888;font-size:9px;margin-top:5px}.time-result{align-self:center;border-left:1px solid #3b3b36;padding-left:40px}.time-result>span{font-size:9px;letter-spacing:1.3px;color:#aaa}.time-result>div{display:flex;align-items:baseline;gap:15px;color:#66c2ff}.time-result strong{font:150px/1.15 Anton}.time-result b{font:35px Anton}.time-result p{margin:0}.time-result small{display:block;max-width:350px;color:#8e8e89;font-size:9px;line-height:1.6;margin-top:22px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;align-items:center;gap:35px;border-top:1px solid #d3d0c8;padding:26px 0}.steps li:last-child{border-bottom:1px solid #d3d0c8}.steps li>span{font:55px Anton;color:#66c2ff;min-width:75px}.steps li>div{flex:1}.steps h3{font-size:21px;letter-spacing:-.5px;margin:0 0 6px}.steps p{margin:0;color:#6a6a65;max-width:650px}.steps li>b{font-size:31px;font-weight:400}.plans{display:grid;grid-template-columns:1fr 1fr;gap:14%;align-items:center}.plan-title p{color:#aaa;max-width:360px}.plan{border:1px solid #484843;border-radius:6px;padding:32px}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;font-weight:800;letter-spacing:.5px}.plan-pill{border:1px solid #62625c;padding:6px 8px;border-radius:100px;font-size:6px;white-space:nowrap;color:#bbb}.plan h3{font:35px/1.1 Anton;margin:30px 0 18px}.plan-price{font-weight:750;font-size:21px}.plan>p{color:#999;font-size:10px}.plan ul{list-style:none;border-top:1px solid #393934;padding:22px 0 10px;font-size:11px;line-height:2.4}.plan li:before{content:'↗';color:#66c2ff;margin-right:12px}.plan .button{width:100%}.plan>small{display:block;font-size:8px;color:#999;line-height:1.6;margin-top:15px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.faq>div>p{color:#777}.faq-items details{border-bottom:1px solid #cfccc3}.faq-items details:first-child{border-top:1px solid #cfccc3}.faq-items summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;padding:23px 0;font-size:13px;font-weight:750}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:20px;line-height:1;color:#66c2ff}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{font-size:12px;color:#666;margin:0 30px 24px 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:13%;padding-top:110px}.contact h2{font-size:clamp(80px,11vw,150px);line-height:.98}.contact h2 span{color:#66c2ff}.contact-copy>p{font-size:16px;color:#babbb6;margin:25px 0}.contact-mail{font-size:20px;border-bottom:1px solid #66c2ff;padding-bottom:8px;display:inline-block}.contact-copy>small{display:block;color:#777;font-size:10px;line-height:1.7;max-width:300px;margin-top:30px}form h3{font:29px Anton;margin:0}form>p{color:#999;font-size:11px!important}form label{display:block;font-size:10px;font-weight:700;margin:17px 0;color:#c4c4be}form input,form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #555;color:#fff;padding:10px 0;border-radius:0;outline:none;font-size:12px;resize:vertical}form input:focus,form textarea:focus{border-color:#66c2ff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}form .button{width:100%;margin-top:15px}.form-fine{font-size:8px!important;line-height:1.7!important;color:#888}#form-status{color:#a5dcff;font-size:11px!important}footer{padding:45px 8% 25px;border-top:1px solid #33332d}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:40px}.footer-top img{width:190px;height:auto}.footer-top p{color:#aaa;font-size:11px}.footer-top>a:last-child{font-size:10px}.footer-bottom{border-top:1px solid #33332d;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#888}.footer-bottom>div{display:flex;gap:25px}.plain{border:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline}dialog{border:0;border-radius:8px;background:#f4f7fb;padding:0;max-width:min(720px,94vw);max-height:90vh;color:#0b1730}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-top{padding:17px 22px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #ddd;font-size:11px}.close-dialog{font-size:26px;line-height:1;border:0;background:none;padding:3px 6px}.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;border-top:1px solid #ddd}.dialog-actions p{font-size:10px;color:#666}.preview-sheet{background:white;padding:30px;max-width:620px}.preview-sheet h2{font:34px Anton;margin:0}.preview-sheet>p{color:#666;font-size:12px}.preview-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.preview-specs div{border:1px solid #ddd;padding:12px}.preview-specs small{display:block;font-size:9px;color:#666;margin-bottom:6px}.preview-specs b{font-size:12px}.preview-sheet ul{columns:2;font-size:11px;line-height:1.9;padding-left:15px}.preview-price{font-size:36px;font-weight:800;border-bottom:3px solid #66c2ff;padding:25px 0 12px}.preview-disclaimer{font-size:9px!important;color:#888}.privacy-copy{padding:20px 28px;max-width:620px;font-size:13px;line-height:1.8}
@keyframes card-entrance{from{opacity:0;transform:translate(-10px,7px) rotate(-8deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes draw-logo{to{stroke-dashoffset:0}}@keyframes scan{0%,100%{transform:translateY(0);opacity:0}35%,75%{opacity:1}60%{transform:translateY(-45px)}}@keyframes logo-hover{50%{transform:translateY(-5px) rotate(-5deg)}}
@media(min-width:1600px){.hero-car{left:2%}.hero-stage{height:300px}.hero-bottom{padding-top:110px}}
@media(max-width:1000px){.header{gap:15px}.brand{width:155px}.header>nav{gap:16px;font-size:10px}.pill{padding:10px 14px;font-size:10px;gap:12px}.hero-top{padding-top:135px;padding-bottom:190px}.hero-stage{height:210px;margin-top:-180px}.hero-pricecard{right:6%;width:205px;padding:16px;top:-35px}.hero-pricecard h2{font-size:24px}.hero-car{width:84%;left:-7%;bottom:-30px}.hero-bottom{padding-top:85px}.section{padding:75px 6%}.demo{gap:5%}.demo-intro h2{font-size:47px}.demo-app{transform:none}.app-content{padding:18px}.app-subhead h3{font-size:12px}.benefit-grid{gap:25px}.time-result strong{font-size:120px}.plans{gap:8%}.plan{padding:25px}.plan-heading{display:block}.plan-pill{display:inline-block;margin-top:10px}.contact{gap:8%}.section-head>p{max-width:300px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{padding:21px 6%}.brand{width:160px}.header>nav,.header-cta{display:none}.menu-button{display:block;border:1px solid #ffffff66;background:transparent;color:white;border-radius:100px;font-size:20px;padding:7px 13px}.header #mobile-nav:not([hidden]){display:flex;position:absolute;top:80px;left:6%;right:6%;flex-direction:column;background:#0b1730;padding:22px;border:1px solid #ffffff22;border-radius:4px;font-size:14px;gap:16px}.hero-top{padding:125px 5% 170px}.hero .eyebrow{font-size:7px;letter-spacing:1.4px}.hero h1{font-size:13vw}.hero-stage{height:200px;margin-top:-150px}.hero-car{width:110%;max-width:none;left:-16%;bottom:-15px}.hero-pricecard{width:145px;padding:12px;right:6%;top:5px;transform:rotate(8deg)}.hero-pricecard h2{font-size:18px;margin:12px 0 8px}.card-top{font-size:9px}.card-top span{font-size:5px}.vehicle-name{font-size:6px;padding-bottom:7px}.mini-specs{gap:6px;margin:8px 0}.mini-specs small{font-size:6px}.mini-specs b{font-size:7px}.hero-pricecard ul{font-size:6px;padding-left:8px}.mini-card-bottom{margin-top:13px}.mini-card-bottom strong{font-size:20px}.qr{width:25px;height:25px;background-size:5px 5px;border-width:2px}.card-line{margin-top:8px}.floating-tag{font-size:6px;gap:8px;padding:10px;left:5%;bottom:0}.hero-bottom{grid-template-columns:1fr;gap:24px;padding:70px 6% 50px}.hero-bottom h2{font-size:43px}.hero-copy p{font-size:12px;max-width:100%}.hero-copy .text-link{display:inline-block;margin-left:15px;font-size:9px}.button{padding:15px 20px;font-size:11px}.ticker{font-size:8px;padding:15px 6%;gap:18px;justify-content:flex-start}.ticker i{font-size:13px}.section{padding:60px 6%}.section h2{font-size:43px}.eyebrow{font-size:8px;letter-spacing:1.5px}.section-head{display:block;margin-bottom:30px}.section-head>p{max-width:100%;font-size:12px;margin-top:23px}.benefit-grid{grid-template-columns:1fr;gap:23px}.benefit-grid article{padding:20px 0 0;display:grid;grid-template-columns:58px 1fr;column-gap:12px}.feature-symbol{grid-row:1/4;font-size:39px}.feature-no{font-size:7px}.benefit-grid h3{font-size:20px;margin:8px 0}.benefit-grid p{max-width:100%;margin:0}.demo{grid-template-columns:1fr;gap:30px}.demo-intro p{max-width:100%;font-size:12px}.demo-app{border-radius:6px}.app-content{padding:18px}.demo-table-head,.demo-row{gap:8px;grid-template-columns:22px 1fr 70px}.demo-row strong,.demo-row>b{font-size:11px}.demo-row small{font-size:8px}.demo-note{margin-top:16px}.time-section{grid-template-columns:1fr;gap:30px}.time-result{padding-left:0;border-left:0;border-top:1px solid #333;padding-top:25px}.time-result strong{font-size:105px}.time-result b{font-size:29px}.time-result small{max-width:100%;font-size:8px}.steps li{gap:18px;padding:23px 0}.steps li>span{font-size:40px;min-width:43px}.steps h3{font-size:16px}.steps p{font-size:11px}.steps li>b{display:none}.plans{grid-template-columns:1fr;gap:30px}.plan-title p{max-width:100%;font-size:12px}.plan{padding:25px}.plan h3{font-size:36px}.plan-heading{display:flex}.plan-pill{font-size:5px;white-space:normal;text-align:center;margin:0;max-width:110px}.faq{grid-template-columns:1fr;gap:20px}.faq-items summary{font-size:12px;padding:20px 0}.faq-items details p{font-size:11px;margin-right:8px}.contact{grid-template-columns:1fr;gap:40px}.contact h2{font-size:110px}.contact-copy>p{font-size:15px}.contact-copy>small{max-width:100%;margin-top:20px}.contact-mail{font-size:19px}form h3{font-size:28px}.footer-top{flex-wrap:wrap;align-items:flex-start;gap:20px;padding-bottom:25px}.footer-top p{order:3;width:100%;margin:0}.footer-top img{width:160px}.footer-top>a:last-child{font-size:9px;margin-left:auto}.footer-bottom{display:block;font-size:8px}.footer-bottom>div{margin-top:16px}footer{padding:35px 6% 24px}.dialog-actions{display:block}.dialog-actions .button{width:100%}.preview-sheet{padding:22px}.preview-sheet h2{font-size:28px}.preview-specs{gap:7px}.preview-specs div{padding:8px}.preview-specs b{font-size:10px}.preview-specs small{font-size:7px}.preview-sheet ul{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brand .logo-letter{stroke-dashoffset:0}}
@media print{body>*{display:none!important}body>dialog[open]{display:block!important;position:static;max-width:none;max-height:none;overflow:visible;width:100%;margin:0;background:white}.dialog-top,.dialog-actions{display:none}.preview-sheet{max-width:none;min-height:250mm;padding:12mm}.preview-sheet h2{font-size:32px}.preview-price{margin-top:50mm}dialog::backdrop{display:none}}

@media(max-width:700px){.hero-bottom{padding-top:90px}}
@media print{.preview-sheet{break-after:page}.preview-sheet:last-child{break-after:auto}}

.origin-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #30302c;align-items:center}.origin-section>div>p{color:#b6b6b4;max-width:430px}.founder-story{margin:0;border-left:1px solid #484843;padding:0 0 0 38px}.quote-symbol{font:90px/.7 Anton;color:#66c2ff;display:block}.founder-story blockquote{margin:12px 0 26px;font-size:19px;line-height:1.7;font-weight:500}.founder-story figcaption{display:flex;flex-direction:column;gap:5px;font-size:12px}.founder-story figcaption span{font-size:10px;color:#aaa}@media(max-width:700px){.origin-section{grid-template-columns:1fr;gap:28px}.founder-story{border-left:0;border-top:1px solid #484843;padding:30px 0 0}.founder-story blockquote{font-size:17px}.origin-section h2{font-size:43px}}

:root{--navy:#0B1730;--ice:#66C2FF;--paper:#F4F7FB;--mist:#DCEAF7}.hero-top{background:var(--navy)}.ticker{color:var(--navy)}.orange{color:var(--navy);background:var(--ice)}.orange:hover{background:#9ad7ff}.header .pill:hover{background:var(--ice);color:var(--navy);border-color:var(--ice)}.workflow{background:var(--mist)}.search-label{background:var(--mist);border-color:#c7d9ea}.hero-pricecard .mini-specs>div{background:var(--mist);padding:5px}.feature-symbol{color:#2376ad}.light .eyebrow,.light .feature-no{color:#4d637d}.light p,.benefit-grid p,.steps p,.faq-items details p{color:#496079}.contact form{background:#14243e;border:1px solid #304668;padding:28px;border-radius:7px}.plan{background:#14243e;border-color:#354b6d}.app-header>b{color:var(--ice)}.demo-row .price-cell{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.price-cell s{font-size:9px;color:#6a7788;font-weight:500}.price-cell b{font-size:12px;white-space:nowrap}.price-drop{color:#bd2637!important}.price-cell small{font-size:8px!important;color:#bd2637!important;font-weight:800}.change-tag{display:inline-flex;font-size:7px;line-height:1.6;background:#fdecef;color:#aa2030;border:1px solid #f5c5ce;border-radius:3px;padding:1px 5px;margin-top:5px}.demo-filters{display:flex;gap:8px;margin:14px 0 4px}.demo-filter{font-size:9px;font-weight:700;background:var(--paper);border:1px solid #b8cadd;color:var(--navy);border-radius:4px;padding:8px 10px}.demo-filter[aria-pressed=true]{background:var(--mist);border-color:#2376ad}.demo-filter span{background:#bd2637;color:white;padding:1px 4px;border-radius:3px;margin-left:5px}.demo-print-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.demo-print-changes{background:var(--mist);color:var(--navy);border:1px solid #a4c5e0}.preview-old-price{font-size:13px;color:#66788d;font-weight:500;display:block;margin-bottom:5px}.preview-old-price s{margin-right:8px}.preview-price.price-drop{border-bottom-color:var(--navy)}.preview-change-note{color:#a72233;font-size:10px;font-weight:700}.demo-bottom{align-items:flex-start}.demo-bottom>span{padding-top:12px;min-width:64px}@media(max-width:700px){.demo-print-actions{flex-direction:column}.demo-bottom .button{font-size:8px;gap:8px;padding:11px}.contact form{padding:22px}.demo-row{grid-template-columns:20px 1fr 75px}.price-cell b{font-size:11px}.demo-filter{font-size:8px}}

@media(max-width:700px){.hero-bottom{padding-top:140px}}

/* Full-width section backgrounds, also on wide desktop screens. */
.section{max-width:none;width:100%}


.demo-table-head>.select-all-wrap:first-child{font-size:initial}.select-all-wrap{display:flex;align-items:center}.select-all-wrap input{accent-color:#2376ad;width:14px;height:14px;margin:0;cursor:pointer}.demo-row input{margin:0}

.spotlight-title{position:relative;isolation:isolate;--spot-x:50%;--spot-y:50%}.spotlight-title .title-light{position:absolute;inset:0;display:block;pointer-events:none;color:transparent;background:radial-gradient(ellipse 190px 135px at var(--spot-x) var(--spot-y),#66C2FF 0%,#66C2FF 76%,rgba(102,194,255,.94) 82%,rgba(102,194,255,.48) 93%,rgba(102,194,255,0) 100%);background-clip:text;-webkit-background-clip:text;opacity:0;transition:opacity .28s ease}.spotlight-title.is-lit .title-light{opacity:1}@media(hover:none),(pointer:coarse){.spotlight-title .title-light{display:none}}@media(prefers-reduced-motion:reduce){.spotlight-title .title-light{transition:none}}

/* Decorative cutout must not intercept pointer movement on the title behind it. */
.hero-car{pointer-events:none}


#preview-dialog{width:min(940px,96vw);max-width:96vw}#print-preview{background:#dce3ea}#demo-print-frame{width:100%;height:66vh;min-height:420px;border:0;display:block;background:#e9edef}.preview-loading{padding:35px;margin:0;font-size:13px}#download-real-example{font-size:10px;text-decoration:underline;color:#0b1730}#download-real-example[hidden]{display:none}#print-demo:disabled{opacity:.5;cursor:wait}.dialog-actions{flex-wrap:wrap}@media(max-width:700px){#demo-print-frame{height:62vh;min-height:360px}.dialog-top{padding:14px}.dialog-actions{padding:14px}.dialog-actions p{margin:0 0 10px}#download-real-example{display:block;margin:10px 0}#download-real-example[hidden]{display:none}}

.footer-bottom{justify-content:flex-end}.footer-copyright{margin:24px 0 0;text-align:center;font-size:10px;line-height:1.6;color:#a8b4c8}.footer-bottom>div{flex-wrap:wrap}


/* Product hero: actual app screenshot and A4 output, with the app intro inside the display. */
.hero-stage.product-stage{height:clamp(390px,40vw,650px);margin:-100px auto 0;max-width:1450px;perspective:1600px;isolation:isolate}
.product-glow{position:absolute;inset:25% 6% -12%;background:radial-gradient(ellipse,#66c2ff20,transparent 67%);filter:blur(35px);z-index:-1;pointer-events:none}
.product-laptop{position:absolute;left:6%;top:5%;width:69%;transform:rotateY(8deg) rotateZ(-2deg);animation:product-enter 1.1s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 35px 25px #0006)}
.laptop-lid{position:relative;margin:0 5%;aspect-ratio:1.55;border:2px solid #657086;border-radius:22px 22px 10px 10px;background:linear-gradient(135deg,#414958,#10151e 40%,#4c5463);padding:18px 13px 15px;box-shadow:inset 0 0 0 3px #11151c,0 0 0 1px #000}
.laptop-camera{position:absolute;top:6px;left:50%;width:5px;height:5px;border-radius:50%;background:#131e30;box-shadow:0 0 0 1px #536075}
#hero-laptop-screen{display:block;width:100%;height:100%;border:0;border-radius:5px;pointer-events:none;background:#111d25}
.laptop-base{position:relative;margin-top:-1px;height:clamp(35px,5vw,72px);background:linear-gradient(165deg,#677183,#313b4c 45%,#838c9b);clip-path:polygon(5% 0,95% 0,100% 87%,98% 100%,2% 100%,0 87%);border-radius:0 0 18px 18px;transform-origin:top;box-shadow:inset 0 1px #aebaca}
.laptop-trackpad{width:27%;height:58%;border:1px solid #202d4066;background:#65708344;position:absolute;left:36.5%;top:17%;border-radius:4px}
.laptop-edge{height:5px;margin:-5px 2% 0;border-radius:0 0 80% 80%;background:linear-gradient(#9aa3b3,#263041)}
.product-pricecard{position:absolute;right:5%;top:0;width:25%;height:auto;transform:rotate(6deg);box-shadow:0 25px 50px #0006;animation:paper-arrive 1.1s cubic-bezier(.16,1,.3,1) 4s both;z-index:3;pointer-events:none}
.product-pricecard.paper-replay{animation-name:paper-arrive-replay}
.product-replay{position:absolute;bottom:0;left:9%;border:1px solid #66c2ff45;color:#b8d9ed;background:#0b1730cc;border-radius:30px;padding:9px 15px;font:500 11px inherit;cursor:pointer;z-index:4}.product-replay:hover{background:#1b3552;color:white}.product-replay:focus-visible{outline:2px solid #66c2ff;outline-offset:4px}
.product-stage .floating-tag{right:7%;bottom:-16px;left:auto;z-index:4;animation:none}
@keyframes product-enter{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
@keyframes paper-arrive{from{opacity:0;translate:-35px 55px;rotate:-8deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes paper-arrive-replay{from{opacity:0;translate:-35px 55px;rotate:-8deg}to{opacity:1;translate:0 0;rotate:0deg}}
@media(min-width:1600px){.hero-stage.product-stage{margin-top:-110px}.product-stage+.hero-bottom{padding-top:60px}}
@media(max-width:750px){.hero-stage.product-stage{margin-top:-25px;height:350px;width:100%}.product-laptop{left:0;top:15%;width:82%}.laptop-lid{border-radius:12px 12px 5px 5px;padding:12px 7px 8px}.laptop-camera{top:4px;width:3px;height:3px}.product-pricecard{right:3%;top:8%;width:30%}.product-replay{bottom:5px;left:6%;font-size:10px}.product-stage .floating-tag{display:none}.product-stage+.hero-bottom{padding-top:30px}}
@media(max-width:450px){.hero-stage.product-stage{height:270px}.laptop-base{height:29px}}
@media(prefers-reduced-motion:reduce){.product-laptop,.product-pricecard{animation:none;opacity:1}.product-replay{display:none}}
/* Let the headline continue behind the raised product mockup. */
.hero-top{position:relative;z-index:0}
.hero-stage.product-stage{margin-top:calc(-225px - clamp(50px,7vw,105px));z-index:1;pointer-events:none}
.product-replay{pointer-events:auto}
@media(min-width:1600px){.hero-stage.product-stage{margin-top:-340px}}
@media(min-width:751px) and (max-width:1100px){.hero-stage.product-stage{margin-top:-260px}}
@media(max-width:750px){.hero-stage.product-stage{margin-top:-205px}}
@media(max-width:450px){.hero-stage.product-stage{margin-top:-195px}}

.hero-stage.product-stage{margin-top:calc(-245px - clamp(50px,7vw,105px))}.product-laptop{animation-delay:1.5s}.product-pricecard{animation-delay:5.5s}@media(min-width:1600px){.hero-stage.product-stage{margin-top:-360px}}@media(min-width:751px) and (max-width:1100px){.hero-stage.product-stage{margin-top:-280px}}@media(max-width:750px){.hero-stage.product-stage{margin-top:-220px}}@media(max-width:450px){.hero-stage.product-stage{margin-top:-210px}}
/* Raise only the hero heading and eyebrow, preserving the product position. */
.hero-top>.eyebrow,.hero-top>#hero-title{position:relative;top:-22px}
@media(max-width:750px){.hero-top>.eyebrow,.hero-top>#hero-title{top:-14px}}

/* Raise the laptop independently and give its deck a complete keyboard. */
.product-laptop{top:1%}
.laptop-base{height:clamp(65px,8vw,116px)}
.laptop-keyboard{position:absolute;left:10%;right:10%;top:5%;height:60%;padding:3px 7px;background:#171e28;border:1px solid #8995a188;border-radius:4px;transform:perspective(500px) rotateX(22deg);display:flex;flex-direction:column;gap:2px;box-shadow:inset 0 1px 5px #0008}
.keyboard-row{display:flex;flex:1;gap:3px;min-height:0}
.keyboard-key{display:flex;justify-content:center;align-items:center;flex:1;border-radius:2px;background:linear-gradient(#303b4a,#1b2431);box-shadow:0 1px 1px #000, inset 0 1px #71809544;color:#bac6d6;font:500 clamp(3px,.48vw,7px)/1 Arial,sans-serif}
.keyboard-space{flex:5}
.laptop-trackpad{height:25%;top:70%;background:#586578;border-color:#25334699}
@media(max-width:750px){.product-laptop{top:10%}.laptop-base{height:55px}.laptop-keyboard{gap:1px;padding:2px 4px}.keyboard-row{gap:2px}}
@media(max-width:450px){.laptop-base{height:40px}.keyboard-row{gap:1px}}

/* Keep HTML text on its native pixel grid instead of rasterising a tilted screen. */
.product-laptop{transform:none;filter:none}
.laptop-lid{box-shadow:inset 0 0 0 3px #11151c,0 0 0 1px #000,0 25px 40px #0005}
.product-pricecard{transform:none;rotate:0deg}
.product-laptop.is-arrived{animation:none;translate:none}
.product-pricecard.is-arrived{animation:none;translate:none;rotate:none}
#hero-laptop-screen{border-radius:2px}
.hero-top>#hero-title{top:-38px}
@media(max-width:750px){.hero-top>#hero-title{top:-26px}}
/* Restore the angled composition with a restrained 2D rotation. */
.product-laptop{transform:rotate(-3deg);transform-origin:50% 70%}
.product-pricecard,.product-pricecard.is-arrived{transform:rotate(6deg);transform-origin:50% 80%}
@media(max-width:750px){.product-laptop{transform:rotate(-2deg)}.product-pricecard,.product-pricecard.is-arrived{transform:rotate(5deg)}}

#hero-laptop-screen{pointer-events:auto}.product-laptop{pointer-events:auto}
/* Settle the product into a straight reading position during interaction. */
.product-laptop,.product-pricecard{transition:transform .65s cubic-bezier(.22,1,.36,1)}
.product-stage.is-interacting .product-laptop,.product-stage.is-interacting .product-pricecard,.product-stage.is-interacting .product-pricecard.is-arrived{transform:rotate(0deg)}
@media(prefers-reduced-motion:reduce){.product-laptop,.product-pricecard{transition:none}}
/* Continuous, restrained animation for the header logo. */
.header .brand .logo-sheet.front{animation:brand-paper-front 5s ease-in-out infinite}
.header .brand .logo-sheet.back{animation:brand-paper-back 5s ease-in-out .2s infinite}
.header .brand .logo-scan{animation:scan 5s ease-in-out .3s infinite}
@keyframes brand-paper-front{0%,100%{transform:translateY(0) rotate(0deg)}35%{transform:translateY(-3px) rotate(-3deg)}65%{transform:translateY(1px) rotate(1deg)}}
@keyframes brand-paper-back{0%,100%{transform:translateY(0) rotate(0deg)}40%{transform:translateY(2px) rotate(3deg)}70%{transform:translateY(-2px) rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.header .brand .logo-sheet,.header .brand .logo-scan{animation:none!important}}

.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-actions .pill{white-space:nowrap}.header-actions .login-cta{background:#ffffff12}@media(max-width:760px){.header-actions{display:none}}

/* Touch-friendly website demos; desktop keeps its presentation. */
@media(max-width:750px){
 .hero-top{padding-bottom:48px}.hero-top>.eyebrow,.hero-top>#hero-title{top:0}.hero h1{font-size:clamp(48px,12.5vw,92px)}
 .hero-stage.product-stage{margin:0;height:auto;width:100%;padding:0 16px}
 .product-stage .product-laptop,.product-stage.is-interacting .product-laptop{position:relative;left:auto;top:auto;width:100%;transform:none;animation:none;opacity:1;translate:none;filter:none}
 .laptop-lid{height:auto;aspect-ratio:auto;padding:0;border-radius:14px;overflow:hidden;border:1px solid #456080;box-shadow:none}
 #hero-laptop-screen{height:740px;border-radius:12px}.laptop-camera,.laptop-base,.laptop-edge,.product-pricecard,.product-replay{display:none}
 .product-stage+.hero-bottom{padding-top:40px}
 .demo{grid-template-columns:minmax(0,1fr);gap:28px;padding:52px 16px}.demo-app,.demo-app:hover{transform:none;min-width:0}
 .app-content{padding:16px}.app-header{padding:16px}.app-subhead{flex-wrap:wrap}.app-subhead h3{font-size:18px}.app-subhead>span{font-size:12px}
 .search-label{min-height:48px}.search-label input{font-size:16px;min-height:30px}.demo-filters{flex-wrap:wrap;gap:10px}.demo-filter{font-size:13px;min-height:44px;padding:10px 14px}
 .demo-table-head,.demo-row{grid-template-columns:32px minmax(0,1fr) 88px;gap:8px}.demo-table-head{font-size:11px;min-height:44px}
 .demo-row{min-height:96px;padding:16px 0}.demo-row input,.select-all-wrap input{width:22px;height:22px}.demo-row strong{font-size:15px}.demo-row small{font-size:12px}.price-cell b{font-size:14px}.price-cell s{font-size:11px}.price-cell small{font-size:11px!important}.change-tag{font-size:10px}
 .demo-bottom{flex-direction:column;align-items:stretch;gap:12px}.demo-bottom>span{font-size:13px;padding-top:0}.demo-print-actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}.demo-bottom .button{width:100%;min-height:48px;font-size:14px;padding:14px 16px}.app-hint{font-size:12px!important}
 #preview-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;overflow:auto}#preview-dialog .dialog-top{position:sticky;top:0;background:#f4f7fb;z-index:2;gap:10px}#preview-dialog .close-dialog{min-width:44px;min-height:44px;font-size:30px}
 #demo-print-frame{height:calc(100dvh - 245px);min-height:260px}#preview-dialog .dialog-actions{gap:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}#preview-dialog .dialog-actions p{font-size:12px}#print-demo{width:100%;min-height:48px;font-size:14px}
}

.demo-row>.demo-car-actions{grid-column:2/4;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px}.demo-car-actions button{font:600 12px Manrope,system-ui;min-height:36px;padding:8px 14px;border-radius:6px;cursor:pointer}.demo-car-print{background:#0b1730;color:#f4f7fb;border:1px solid #0b1730}.demo-car-view{background:transparent;color:#315a7a;border:1px solid #b8cadd}.demo-car-actions button:hover{filter:brightness(1.12)}
@media(max-width:750px){.demo-row>.demo-car-actions{justify-content:stretch}.demo-car-actions button{min-height:44px;flex:1;font-size:14px}.demo-row{cursor:default}}

.mobile-demo-expand{display:none}
#mobile-demo-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;background:#111b21}#mobile-demo-dialog .dialog-top{background:#f4f7fb;min-height:64px;padding:10px 16px}#mobile-demo-dialog .close-dialog{min-height:44px;min-width:44px}#mobile-demo-slot{height:calc(100dvh - 64px)}#mobile-demo-slot #hero-laptop-screen{width:100%;height:100%;border-radius:0}
@media(max-width:750px){
 .hero-stage.product-stage{padding:0 12px 16px}
 .product-stage .product-laptop{width:100%;padding:0 8px}
 .product-stage .laptop-lid{height:auto;aspect-ratio:16/10;padding:12px 7px 7px;border:1px solid #647183;border-radius:12px 12px 5px 5px;background:#151b25;box-shadow:inset 0 0 0 2px #090e17,0 14px 25px #0004;position:relative}
 .product-stage #hero-laptop-screen{height:100%;width:100%;border-radius:3px}
 .product-stage .laptop-camera{display:block;top:4px;width:3px;height:3px}
 .product-stage .laptop-base{display:block;height:40px;margin-left:-8px;margin-right:-8px}
 .product-stage .laptop-edge{display:block;margin-left:0;margin-right:0}
 .mobile-demo-expand{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px auto 0;padding:12px 20px;min-height:48px;border:1px solid #66c2ff77;border-radius:25px;background:#14243e;color:#f4f7fb;font-size:14px;font-weight:700}
}

#enlarged-demo-frame{display:block;width:100%;height:100%;border:0}

.demo-car-actions button.demo-card-print,.demo-car-actions button.demo-car-print,.demo-car-actions button.demo-card-link,.demo-car-actions button.demo-car-view{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:36px!important;padding:8px 12px!important;border-radius:7px!important;font:600 13px system-ui!important;text-decoration:none!important;white-space:nowrap;flex:none;cursor:pointer}.demo-car-actions button.demo-card-print,.demo-car-actions button.demo-car-print{background:#bdd5ff!important;border:1px solid #bdd5ff!important;color:#10233e!important}.demo-car-actions button.demo-card-link,.demo-car-actions button.demo-car-view{background:#2c4253!important;border:1px solid #526a7c!important;color:#e5efff!important}.demo-car-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.demo-car-actions button:hover{filter:brightness(1.12)}@media(max-width:750px){.demo-car-actions button.demo-card-print,.demo-car-actions button.demo-car-print,.demo-car-actions button.demo-card-link,.demo-car-actions button.demo-car-view{min-height:44px!important}}
.mobile-demo-expand{pointer-events:auto;position:relative;z-index:5}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:750px){
 .demo-app,.demo-app:hover{transform:none!important;rotate:none!important}
 .app-content{padding:12px}.app-header{padding:12px 14px}.app-subhead h3{font-size:15px}.app-subhead>span{font-size:11px}
 .demo-row{min-height:0;padding:11px 0;grid-template-columns:24px minmax(0,1fr) 76px;gap:6px}.demo-row strong{font-size:13px}.demo-row small{font-size:11px}.demo-row input,.select-all-wrap input{width:18px;height:18px}.price-cell b{font-size:12px}.change-tag{font-size:9px}
 .demo-filters{gap:7px}.demo-filter{min-height:38px;font-size:11px;padding:8px 10px}.demo-table-head{min-height:34px;grid-template-columns:24px minmax(0,1fr) 76px}
 .demo-row .demo-car-actions button.demo-car-print,.demo-row .demo-car-actions button.demo-car-view{min-height:36px!important;padding:7px 10px!important;font-size:12px!important}
 .demo-bottom .button{min-height:42px;font-size:12px;padding:11px 14px}.app-hint{font-size:10px!important}.search-label{min-height:42px;margin-top:14px}.search-label input{font-size:16px}
 #mobile-demo-dialog{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}#mobile-demo-slot{height:calc(100vh - 64px);height:calc(100dvh - 64px)}
 .product-stage .laptop-lid{aspect-ratio:16/10;height:auto}.product-stage #hero-laptop-screen{position:absolute;left:7px;top:12px;width:calc(100% - 14px);height:calc(100% - 19px)}
}

.plan li:before{content:"";display:inline-block;width:1em;height:1em;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M6 5h13v13' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M6 5h13v13' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}

.current-light-demo{min-width:0;border:1px solid #cdd7e3;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 20px 50px #0003}.current-light-demo iframe{display:block;width:100%;height:830px;border:0;background:#fff}@media(max-width:750px){.current-light-demo iframe{height:780px}.demo{gap:24px}}

/* Reserve the laptop's natural height before the hero copy. */
@media (min-width:751px) {
 .hero-stage.product-stage { height:auto; padding-bottom:40px; }
 .hero-stage.product-stage .product-laptop { position:relative; left:auto; top:auto; margin-left:6%; }
}