/* Public product overview: compact outcome groups and a complete dealer journey. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;padding-block:54px 42px}.hero h1{font-size:clamp(39px,4vw,59px);max-width:690px;letter-spacing:-1.8px;line-height:1.1}.hero h1>span{display:block;margin-top:12px;color:var(--icon-ink);font-size:.66em;letter-spacing:-.8px}.hero-description{font-size:18px;line-height:1.65;margin-top:24px;max-width:600px}.hero-note{font-size:14px;line-height:1.5;max-width:540px}.hero-actions{flex-wrap:wrap;gap:18px}.product-visual{padding:20px}.product-visual figcaption{margin-bottom:16px;gap:10px;font-size:16px}.product-demo-tag{font-size:10px;letter-spacing:1px;color:var(--muted);margin-left:auto;font-weight:400}.product-car-preview{border:1px solid var(--visual-border);border-radius:14px;overflow:hidden;background:var(--paper)}.product-car-preview>img{display:block;aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.product-car-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px}.product-car-heading>strong{font-size:18px;font-weight:600}.product-car-heading small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}.product-car-heading>span{display:flex;align-items:center;gap:5px;border:1px solid var(--visual-border);padding:6px 9px;border-radius:30px;color:var(--icon-ink);font-size:12px}.product-car-heading>span .home-icon{width:14px;height:14px}.product-workflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:13px}.product-workflow button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;position:relative;min-width:0;padding:12px 4px;background:var(--paper);color:var(--ink);border:1px solid var(--visual-border);border-radius:10px;font:inherit;font-size:12px;line-height:1.3;cursor:pointer}.product-workflow .home-icon{color:var(--icon-ink);width:21px;height:21px}.product-workflow button>span:last-child{position:absolute;top:4px;right:5px;font-size:9px;color:var(--muted)}.product-workflow button:hover{border-color:var(--icon-ink);background:var(--icon-surface)}.product-workflow button:focus-visible{outline:2px solid var(--icon-ink);outline-offset:3px}.product-visual .hero-sales-flow{margin-top:10px}.product-visual .automation-features{margin-top:15px;font-size:12px;gap:8px 15px}.value-overview h2{font-size:clamp(25px,2.5vw,36px);max-width:680px;line-height:1.2}.value-shortcut{background:none;border:0;padding-right:0}.feature-group-tabs{overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}.feature-group-tabs button{white-space:nowrap;flex:none;padding-inline:18px}.sketch-record{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid var(--visual-border);background:var(--paper);border-radius:12px;transform:rotate(-3deg)}.sketch-record>.home-icon:first-child{width:42px;height:42px}.sketch-record>.home-icon:last-child{width:16px;height:16px}.sketch-record>span{font-size:10px;letter-spacing:3px;color:var(--visual-border)}.workflow-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.workflow-step{padding:12px 11px;gap:8px}.workflow-step strong{font-size:14px;line-height:1.4}.tour-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.2}.workflow-intro{font-size:17px;line-height:1.6;max-width:680px}.access-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.faq-items>details>p{font-size:16px;line-height:1.65}.footer-top>span{max-width:380px}
/* Operations examples keep estimated quotations and recorded accounts separate. */
.operations-demo-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px}.operations-money-fields{display:grid;gap:14px}.operations-editor label{font-size:14px}.operations-editor input[type=text]{display:block;width:100%;border:1px solid #bac7db;border-radius:7px;padding:12px;color:#15243b;background:#fff;font:inherit;font-size:16px}.operations-editor .operations-check{display:flex;gap:10px;align-items:flex-start;margin-top:18px;line-height:1.5;font-size:13px}.operations-check input{flex:none;accent-color:#315bd8;margin-top:3px}.operations-results{display:grid;gap:12px;align-content:start}.operations-stat{padding:24px;border:1px solid #dae3ef;border-radius:12px;background:#fff;color:#15243b}.operations-stat>span{display:flex;align-items:center;gap:8px;font-size:14px;color:#59697f}.operations-stat .home-icon{width:20px;height:20px;color:#315bd8}.operations-stat>strong{display:block;font-size:28px;line-height:1.3;margin:13px 0;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.operations-stat>p{font-size:13px;line-height:1.5;color:#59697f}.profit-stat{background:#e9effe}.operations-results>.ui-help{margin-top:0}.operations-portal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.demo-portal-car{border:1px solid #dae3ef;border-radius:12px;overflow:hidden;background:#fff}.demo-portal-car>img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.demo-portal-car>div{padding:16px}.demo-portal-car strong{font-size:20px;font-weight:600}.demo-portal-car span,.demo-portal-car small{display:block;font-size:13px;color:#59697f;line-height:1.5;margin-top:5px}.demo-portal-car small{font-size:11px}.portal-order-status{display:inline-block;border:1px solid #b9c9f6;border-radius:30px;padding:6px 11px;color:#315bd8;background:#e9effe;font-size:13px}.portal-balance{margin-top:20px}.portal-balance>span{font-size:13px;color:#59697f;display:block}.portal-balance>strong{font-size:25px;display:block;font-weight:600;margin-top:6px;overflow-wrap:anywhere}.portal-document-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.portal-document-chips>span{display:flex;gap:6px;align-items:center;border:1px solid #dae3ef;border-radius:6px;padding:6px;font-size:11px;line-height:1.4}.portal-document-chips .home-icon{width:15px;height:15px;color:#315bd8}.demo-portal-summary .ui-help{font-size:13px;margin-bottom:0}.workspace-heading>.ui-badge:has(.home-icon){display:flex;align-items:center;gap:5px}.workspace-heading>.ui-badge .home-icon{width:15px;height:15px}.demo-shipping-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.demo-shipping-heading h4{margin-bottom:0}.demo-shipping-heading .ui-help{margin-bottom:0}.demo-shipping-heading>div:last-child{min-width:200px}.demo-shipping-heading label{font-size:12px;margin-bottom:6px}.demo-shipping select{width:100%;padding:10px 12px;background:#fff;color:#15243b;border:1px solid #bac7db;border-radius:7px;font:inherit;font-size:14px}.demo-shipping-stages{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));list-style:none;margin:22px 0 0;padding:0;gap:5px}.demo-shipping-stages li{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;color:#59697f;font-size:11px;line-height:1.4;text-align:center;padding:10px 3px;border-top:3px solid #dae3ef}.demo-shipping-stages .home-icon{width:22px;height:22px}.demo-shipping-stages li.is-complete{color:#466952;border-color:#82ae95}.demo-shipping-stages li[aria-current=step]{background:#e9effe;color:#315bd8;border-color:#315bd8;border-radius:0 0 8px 8px;font-weight:600}
@media(max-width:1100px){.hero{gap:25px}.hero h1{font-size:47px}.product-visual{padding:16px}.workflow-step strong{font-size:13px}.workflow-step-arrow{display:none}.workspace-rail{padding-inline:10px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:24px}.hero-title{max-width:700px}.hero h1{font-size:50px}.product-visual{width:100%;max-width:640px}.value-shortcut{padding:0}.workflow-steps{display:flex;flex-wrap:wrap}.workflow-step{flex:1 1 140px}.operations-demo-grid,.operations-portal-grid{gap:12px}.demo-shipping-heading{align-items:flex-start;flex-direction:column;gap:14px}.demo-shipping-heading>div:last-child{width:100%;max-width:320px}.demo-shipping-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
@media(max-width:600px){.hero{padding-block:28px}.hero h1{font-size:37px;letter-spacing:-1.1px;line-height:1.12}.hero h1>span{font-size:.7em;margin-top:12px}.hero-description{font-size:17px;line-height:1.6;margin-top:18px}.hero-note{font-size:13px}.hero-actions .button{font-size:15px}.product-visual{padding:13px;border-radius:16px}.product-visual figcaption{font-size:15px;margin-bottom:13px}.product-demo-tag{font-size:9px}.product-car-heading{padding:12px}.product-car-heading>strong{font-size:17px}.product-car-heading small{font-size:12px}.product-car-heading>span{font-size:11px}.product-workflow{gap:4px}.product-workflow button{font-size:11px;padding:11px 2px;gap:7px}.product-workflow .home-icon{width:19px;height:19px}.product-visual .hero-sales-step strong{font-size:13px}.product-visual .automation-features{display:flex;font-size:12px;gap:8px 12px}.feature-group-tabs{gap:3px;padding:4px}.feature-group-tabs button{flex:none;min-width:105px;padding:10px 12px;font-size:14px}.feature-browser-heading>span{font-size:14px}.feature-browser .benefit-grid .benefit-card{flex-basis:88%}.feature-sketch{height:115px}.workflow-intro{font-size:16px}.workflow-steps{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}.workflow-step{flex:0 0 auto;max-width:180px;scroll-snap-align:start}.workflow-step strong{font-size:14px}.tour-heading h2{font-size:28px}.operations-demo-grid,.operations-portal-grid{grid-template-columns:1fr}.operations-results{grid-template-columns:1fr 1fr;gap:8px}.operations-stat{padding:14px}.operations-stat>span{font-size:12px;line-height:1.5;align-items:flex-start}.operations-stat>strong{font-size:20px}.operations-stat>p{font-size:12px}.operations-results>.ui-help{grid-column:1/-1}.operations-editor .operations-check{font-size:14px}.operations-editor .ui-help{font-size:14px}.portal-balance>strong{font-size:24px}.demo-portal-summary .ui-help{font-size:14px}.demo-portal-car>img{aspect-ratio:2/1}.demo-shipping-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.demo-shipping-stages li{font-size:12px;padding-inline:0}.demo-shipping-heading label{font-size:14px}.demo-shipping-heading .ui-help{font-size:14px}.demo-shipping select{font-size:16px;min-height:44px}.faq-items>details>p{font-size:16px}.access-actions{gap:16px}.access-card{gap:22px}.hero-sales-step small{display:none}}
@media(prefers-reduced-motion:reduce){.product-workflow button{scroll-behavior:auto}}
.demo-next-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:23px}.demo-next-actions>button{min-width:0;padding:16px;border:1px solid #dae3ef;border-radius:10px;background:#fff;color:#15243b;text-align:left;font:inherit;cursor:pointer}.demo-next-actions>button>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.demo-next-actions .home-icon{width:23px;height:23px;color:#315bd8}.demo-next-actions b{font-size:26px;font-weight:600}.demo-next-actions strong{font-size:13px;line-height:1.4;display:block;font-weight:500}.demo-next-actions small{display:flex;justify-content:space-between;font-size:11px;color:#59697f;margin-top:7px}.demo-next-actions button:hover{background:#e9effe;border-color:#91ace9}.demo-next-actions button:focus-visible{outline:2px solid #315bd8;outline-offset:3px}.dashboard-process{flex-wrap:wrap;gap:8px}.dashboard-process>button{display:flex;align-items:center;gap:6px;font:inherit;font-size:12px;padding:7px 9px;background:#e9effe;border:1px solid #b9c9f6;border-radius:7px;color:#315bd8;cursor:pointer}.dashboard-process .home-icon{width:16px;height:16px}.dashboard-process button:hover{border-color:#91ace9}
@media(max-width:700px){.demo-next-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-next-actions>button{padding:12px}.demo-next-actions>button>span{margin-bottom:9px}.demo-next-actions strong{font-size:14px}.demo-next-actions small{font-size:12px}.dashboard-process>button{font-size:12px}.dashboard-process{justify-content:flex-start}}