:root{color-scheme:dark;--bg:#0b1018;--surface:#121924;--surface2:#182231;--outline:#2e3c50;--text:#f3f6fb;--muted:#aeb9c8;--primary:#8ab4ff;--primary-strong:#2669d4;--accent:#fbbc04;--success:#52d993;--danger:#ffaaa4;--type-caption:13px;--type-label:14px;--type-body:16px;--type-title:22px;--shadow:0 24px 80px #0006}
/* Open rings echo the circular vehicle logo; scroll turns them behind the story. */
#inicio{position:relative;isolation:isolate}
.promotion-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.promotion-orbit{position:absolute;display:block;border-radius:50%;transform-origin:center;transition:none}
.promotion-orbit-blue{width:clamp(620px,90vw,1380px);aspect-ratio:1;right:-38%;top:-28%;border:clamp(28px,5vw,72px) solid color-mix(in srgb,var(--primary) 7%,transparent);border-bottom-color:transparent;transform:translate3d(0,var(--orbit-shift,0px),0) rotate(var(--orbit-turn,0deg))}
.promotion-orbit-gold{width:clamp(460px,64vw,950px);aspect-ratio:1;left:-38%;bottom:-56%;border:2px solid transparent;border-top-color:color-mix(in srgb,var(--accent) 24%,transparent);border-right-color:color-mix(in srgb,var(--accent) 24%,transparent);transform:translate3d(0,calc(var(--orbit-shift,0px) * -1),0) rotate(calc(var(--orbit-turn,0deg) * -1))}
.promotion-backdrop.is-moving .promotion-orbit{transition:transform 180ms ease-out;will-change:transform}
html:has(dialog[open]) .promotion-backdrop{visibility:hidden}
@media(max-width:700px){.promotion-orbit-blue{right:-120%;top:4%;border-width:30px}.promotion-orbit-gold{left:-88%;bottom:-38%}}
@media(prefers-reduced-motion:reduce){.promotion-backdrop .promotion-orbit{transform:none;transition:none;will-change:auto}}
@media print{.promotion-backdrop{display:none}}
/* Product demonstrations use synthetic DEMO identifiers, not workshop data. */
.product-window .window-bar{gap:12px;flex-wrap:wrap}
.product-window .mini-timeline{margin-top:18px}
.product-window .mini-timeline li{grid-template-columns:88px minmax(0,1fr);font-size:14px;overflow-wrap:anywhere}
.product-window .mini-timeline small{font-size:13px;line-height:1.5}
.product-window .order-card{grid-template-columns:minmax(0,1fr) auto}
.product-window .order-card strong{overflow-wrap:anywhere}
.product-window .workspace-body>.button{margin-top:16px}
.managed-record-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--outline)}
.managed-record-row span,.managed-record-editor p{overflow-wrap:anywhere}
.managed-record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.managed-record-editor form{display:grid;gap:20px;padding-top:24px}
.managed-record-editor label{display:grid;gap:8px;min-width:0}
.managed-record-editor textarea{min-height:90px;resize:vertical}
.managed-record-editor input,.managed-record-editor textarea{width:100%;min-width:0;box-sizing:border-box;background:var(--surface);color:var(--text);border:1px solid var(--outline);border-radius:12px;padding:12px 14px;font:inherit}
.managed-record-editor input:focus,.managed-record-editor textarea:focus{outline:2px solid var(--primary);outline-offset:2px}
.managed-record-editor h3,.managed-record-editor p{margin:0}
.managed-records>.form-feedback:empty{display:none}
.management-tabs:has([data-management-panel=records]){grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:700px){.management-tabs:has([data-management-panel=records]){grid-template-columns:repeat(2,minmax(0,1fr))}}
.managed-record-danger{border:1px solid var(--danger);border-radius:16px;padding:18px}
.managed-record-danger summary{color:var(--danger);cursor:pointer;font-weight:700}
.managed-record-danger button{margin-top:18px}
@media(max-width:600px){.managed-record-fields{grid-template-columns:1fr}.managed-record-row{grid-template-columns:minmax(0,1fr) auto}.managed-record-row span{grid-column:1;grid-row:2}.managed-record-row button{grid-column:2;grid-row:1 / span 2}}
:root[data-theme=light]{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface2:#edf2f9;--outline:#cad3e0;--text:#111827;--muted:#536174;--primary:#1558bd;--primary-strong:#0b57d0;--accent:#9a7100;--success:#087a43;--danger:#b42318;--shadow:0 24px 70px #1b365824}
/* Two service levels share the same orders; gold identifies added planning. */
.shop-modules{border-top:1px solid var(--outline)}
.module-options h3{margin:0;font-size:28px;line-height:1.3}
.tier-blue h3{color:var(--primary)}
.tier-gold h3{color:var(--accent)}
.module-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:36px}
.module-options article{min-width:0;padding-top:24px;border-top:1px solid var(--outline)}
.module-options p,.module-options li{color:var(--muted);overflow-wrap:anywhere}
.module-options .module-status{margin:8px 0 20px;color:var(--primary);font-size:var(--type-caption);font-weight:700}
.module-options ul{display:grid;gap:10px;margin:20px 0;padding-left:22px}
.module-options .module-benefit{margin:24px 0 0;color:var(--text);font-weight:700}
.module-contact{display:flex;align-items:center;gap:32px;margin-top:40px;padding-top:28px;border-top:1px solid var(--outline)}
.module-contact p{flex:1;margin:0;color:var(--muted);font-size:var(--type-caption)}
.module-contact .button{min-height:48px;flex-shrink:0}
@media(max-width:760px){.module-options{grid-template-columns:1fr;gap:32px}.module-contact{align-items:stretch;flex-direction:column;gap:20px}.module-contact .button{width:100%;white-space:normal;text-align:center;padding-block:12px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 80% 0,#4f8ef724,transparent 34rem),var(--bg);line-height:1.5}button,input,select{font:inherit}button{color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.site-header{position:sticky;z-index:20;top:0;border-bottom:1px solid color-mix(in srgb,var(--outline) 72%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}.header-layout{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;gap:20px}.brand{display:flex;align-items:center;gap:12px;width:max-content;color:inherit;text-decoration:none;font-size:18px;font-weight:850}.brand-logo{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border:2px solid var(--accent);border-radius:50%;background:#0d2d52}.brand-logo img{width:52px;height:52px;max-width:none;object-fit:cover;transform:translate(-.5px,-2px)}.audience-switch{display:flex;padding:4px;border:1px solid var(--outline);border-radius:999px;background:var(--surface)}.audience-switch button{min-height:38px;padding:0 18px;border:0;border-radius:999px;background:transparent;cursor:pointer;font-weight:800}.audience-switch button.active{color:#fff;background:#235a9d}.header-actions{display:flex;justify-content:flex-end;gap:8px}.icon-button,.admin-link,.account-link{min-height:44px;border:1px solid var(--outline);background:transparent;cursor:pointer}.icon-button{width:44px;border-radius:50%}.admin-link,.account-link{padding:0 16px;border-radius:999px;font-weight:800}.account-link{border-color:var(--primary-strong);color:#fff;background:var(--primary-strong)}
.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);align-items:center;gap:clamp(36px,7vw,84px);min-height:calc(100vh - 72px);padding-block:68px}.eyebrow,.kicker{margin:0 0 14px;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:24px;height:3px;border-radius:4px;background:var(--accent)}h1{margin:0;max-width:650px;font-size:clamp(42px,6.2vw,74px);line-height:.99;letter-spacing:-.055em}.lead{max-width:600px;margin:23px 0 28px;color:var(--muted);font-size:clamp(17px,2vw,20px)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--outline);border-radius:999px;color:inherit;background:transparent;text-decoration:none;font-weight:800;cursor:pointer}.button.primary{border-color:var(--primary-strong);color:#fff;background:var(--primary-strong)}.button.secondary:hover{background:var(--surface2)}.subdomain-note,.field-note{color:var(--muted);font-size:13px}.subdomain-note code{padding:3px 7px;border:1px solid var(--outline);border-radius:7px;color:var(--text);background:var(--surface)}
.vin-search{display:grid;gap:7px;max-width:590px}.vin-search label{font-size:13px;font-weight:850}.vin-search>div{display:grid;grid-template-columns:1fr auto;padding:5px;border:1px solid var(--outline);border-radius:15px;background:var(--surface)}.vin-search input{min-width:0;height:48px;padding:0 14px;border:0;outline:0;color:var(--text);background:transparent;font:750 16px ui-monospace,monospace;text-transform:uppercase}.vin-search button{padding:0 20px;border:0;border-radius:11px;color:#fff;background:var(--primary-strong);font-weight:850;cursor:pointer}.vin-search .field-note{margin:0}
.vin-entry{display:grid;grid-template-columns:1fr;gap:12px;max-width:590px;margin-bottom:14px}.vin-scan-button,.vin-phone-invite{display:flex;align-items:center;gap:14px;min-height:68px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--primary) 60%,var(--outline));border-radius:16px;color:var(--text);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.vin-scan-button{cursor:pointer;text-align:left;font:inherit}.vin-scan-button:hover{background:color-mix(in srgb,var(--primary) 16%,var(--surface))}.vin-scan-button strong,.vin-scan-button small,.vin-phone-invite strong,.vin-phone-invite small{display:block}.vin-scan-button small{margin-top:2px;color:var(--muted);font-size:11px}.vin-phone-invite strong{font-size:18px}.vin-phone-invite small{margin-top:3px;color:var(--muted);font-size:13px}.vin-scan-icon{position:relative;display:block;flex:0 0 auto;width:30px;height:24px;border:2px solid var(--primary);border-radius:5px}.vin-scan-icon:before{content:"";position:absolute;inset:5px;border-block:2px solid var(--primary)}.vin-scan-icon:after{content:"";position:absolute;left:50%;top:-7px;width:10px;height:5px;border:2px solid var(--primary);border-bottom:0;border-radius:4px 4px 0 0;transform:translateX(-50%)}.vin-scan-icon.large{width:54px;height:42px}.vin-invite-qr{display:grid;place-items:center;flex:0 0 98px;width:98px;height:98px;padding:6px;border-radius:11px;background:#fff}.vin-invite-qr canvas{display:block;width:86px;height:86px;image-rendering:pixelated}.vin-phone-invite{min-height:118px;padding:10px 14px}.vin-phone-invite span{display:none}
.product-window{position:relative;padding:14px;border:1px solid var(--outline);border-radius:28px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow)}.window-bar{display:flex;justify-content:space-between;padding:6px 6px 16px;font-size:13px}.window-title{display:flex;align-items:center;gap:9px;font-weight:850}.window-title i{width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 14%,transparent)}.window-status{color:var(--muted)}.vehicle-result,.workspace{overflow:hidden;border:1px solid var(--outline);border-radius:19px;background:var(--bg)}.vehicle-result{padding:24px}.result-label{color:var(--success);font-size:12px;font-weight:850}.vehicle-result h2{margin:7px 0 2px;font-size:27px}.vehicle-result code{color:var(--muted)}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.result-metrics div{padding:13px;border-radius:13px;background:var(--surface)}.result-metrics strong,.result-metrics span{display:block}.result-metrics strong{font-size:20px}.result-metrics span{color:var(--muted);font-size:11px}.mini-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.mini-timeline li{display:grid;grid-template-columns:55px 1fr;gap:2px 10px;padding:13px 0;border-top:1px solid var(--outline)}.mini-timeline li span{grid-row:1/3;color:var(--primary);font-weight:900}.mini-timeline small{color:var(--muted)}.workspace-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;border-bottom:1px solid var(--outline);background:var(--surface)}.workspace-nav span{padding:9px;border-radius:10px;text-align:center;color:var(--muted);font-size:12px;font-weight:850}.workspace-nav .active{color:#fff;background:#214f89}.workspace-body{padding:14px}.order-card{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border:1px solid var(--outline);border-radius:14px;background:var(--surface)}.order-card+.order-card{margin-top:9px}.order-card strong,.order-card small,.order-card span{display:block}.order-card small,.order-card span{margin-top:3px;color:var(--muted);font-size:12px}.order-card b{align-self:start;padding:5px 8px;border:1px solid color-mix(in srgb,var(--success) 45%,var(--outline));border-radius:99px;color:var(--success);font-size:11px}
.proof-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-block:1px solid var(--outline);background:var(--outline)}.proof-bar div{padding:23px;text-align:center;background:var(--bg)}.proof-bar strong,.proof-bar span{display:block}.proof-bar span{color:var(--muted);font-size:13px}.section{padding-block:92px}.section-head{display:grid;grid-template-columns:.9fr 1.1fr;align-items:end;gap:34px;margin-bottom:36px}.section h2,.closing h2{margin:0;font-size:clamp(34px,4.3vw,54px);line-height:1.02;letter-spacing:-.045em}.section-head>p{margin:0;color:var(--muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-grid article{min-height:225px;padding:23px;border:1px solid var(--outline);border-radius:20px;background:var(--surface)}.feature-grid article>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:30px;border-radius:12px;color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent);font-size:12px;font-weight:900}.feature-grid h3{margin:0 0 7px;font-size:19px}.feature-grid p{margin:0;color:var(--muted)}.data-boundary{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:14px;padding:18px;border-left:4px solid var(--accent);border-radius:0 14px 14px 0;background:var(--surface)}.data-boundary span{color:var(--muted)}.connection-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:16px}.connection-flow div{padding:18px;border:1px solid var(--outline);border-radius:16px;background:var(--surface)}.connection-flow b,.connection-flow span{display:block}.connection-flow span{margin-top:4px;color:var(--muted);font-size:13px}.connection-flow i{color:var(--primary);font-size:22px}.closing{margin-bottom:70px;padding:clamp(28px,6vw,62px);border:1px solid var(--outline);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-strong) 22%,var(--surface)),var(--surface));text-align:center}.closing p{max-width:650px;margin:16px auto 0;color:var(--muted);font-size:17px}footer{display:flex;justify-content:space-between;gap:20px;padding-block:27px;border-top:1px solid var(--outline);color:var(--muted);font-size:13px}
.modal{width:min(94vw,760px);max-height:min(90vh,900px);padding:0;border:1px solid var(--outline);border-radius:24px;color:var(--text);background:var(--bg);box-shadow:var(--shadow)}.modal::backdrop{background:#030712c9;backdrop-filter:blur(5px)}.modal-head{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--outline);background:var(--bg)}.modal-head small{color:var(--primary);font-weight:900;letter-spacing:.08em}.modal-head h2{margin:3px 0 0}.modal-head>button{width:44px;height:44px;border:1px solid var(--outline);border-radius:50%;color:var(--text);background:transparent;cursor:pointer;font-size:25px}.modal-body{padding:20px}.login-panel{display:grid;gap:8px;max-width:430px;margin:auto}.login-panel label,.shop-form label{font-size:13px;font-weight:800}.login-panel input,.shop-form input,.shop-form select{width:100%;height:46px;padding:0 12px;border:1px solid var(--outline);border-radius:11px;color:var(--text);background:var(--surface)}.login-panel [role=alert]{min-height:22px;margin:2px 0;color:var(--danger)}.admin-modal{width:min(96vw,1080px)}.admin-workspace>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.admin-workspace h3{margin:0}.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.admin-metrics div{padding:16px;border:1px solid var(--outline);border-radius:15px;background:var(--surface)}.admin-metrics strong,.admin-metrics span{display:block}.admin-metrics strong{font-size:24px}.admin-metrics span{color:var(--muted);font-size:12px}.shop-form{display:grid;grid-template-columns:1.15fr 1fr 1fr auto;align-items:end;gap:10px;padding:16px;border:1px solid var(--outline);border-radius:17px;background:var(--surface)}.shop-form h3{grid-column:1/-1}.slug-field{display:grid;grid-template-columns:1fr auto;align-items:center}.slug-field input{border-radius:11px 0 0 11px}.slug-field span{height:46px;padding:12px 10px;border:1px solid var(--outline);border-left:0;border-radius:0 11px 11px 0;color:var(--muted);font-size:12px}.key-notice{margin:12px 0;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--outline));border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.key-notice code{display:block;overflow-wrap:anywhere;margin:8px 0;padding:10px;border-radius:9px;background:var(--bg)}.key-notice p{margin:7px 0 0;color:var(--muted);font-size:12px}.shop-list-head{display:flex;align-items:end;justify-content:space-between;margin:24px 0 9px}.shop-list-head span{color:var(--muted);font-size:12px}.shop-list{display:grid;gap:8px}.shop-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--outline);border-radius:14px;background:var(--surface)}.shop-row strong,.shop-row small{display:block}.shop-row small{color:var(--muted)}.shop-row .shop-stats{color:var(--muted);font-size:12px;text-align:right}.status-chip{display:inline-flex;padding:5px 9px;border-radius:99px;color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);font-size:11px;font-weight:850}.status-chip.paused{color:var(--accent)}.shop-row button{min-height:40px;padding:0 13px;border:1px solid var(--outline);border-radius:99px;background:transparent;cursor:pointer}.compact-modal{width:min(92vw,520px)}.compact-modal .shop-form{grid-template-columns:1fr}.report-state{text-align:center;padding:34px 10px}.report-state p{color:var(--muted)}.report-hero{padding:18px;border-radius:16px;background:var(--surface)}.report-hero h3{margin:4px 0}.report-hero code{color:var(--muted)}.report-events{display:grid;gap:10px;margin-top:15px}.report-event{padding:15px;border:1px solid var(--outline);border-radius:14px}.report-event header{display:flex;justify-content:space-between;gap:10px}.report-event small,.report-event p{color:var(--muted)}.report-event p{margin:8px 0 0}
@media(max-width:900px){.header-layout{grid-template-columns:1fr auto}.audience-switch{grid-row:2;grid-column:1/-1;justify-self:center;margin-bottom:8px}.site-header{position:relative}.hero{grid-template-columns:1fr;min-height:0;padding-block:55px}.product-window{width:min(100%,680px)}.section-head{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.shop-form{grid-template-columns:1fr 1fr}.shop-form h3{grid-column:1/-1}.connection-flow{grid-template-columns:1fr}.connection-flow i{transform:rotate(90deg);justify-self:center}}
@media(max-width:600px){.wrap{width:min(100% - 24px,1180px)}.header-layout{min-height:64px;gap:8px}.brand{font-size:16px}.brand-logo{width:40px;height:40px}.brand-logo img{width:48px;height:48px}.admin-link{width:44px;padding:0;font-size:0}.admin-link:after{content:"⋮";font-size:22px}.audience-switch{width:100%}.audience-switch button{flex:1}.hero{padding-block:44px;gap:32px}h1{font-size:clamp(39px,13vw,54px)}.vin-search>div{grid-template-columns:1fr}.vin-search button{height:46px}.hero-actions .button{width:100%}.product-window{padding:8px;border-radius:20px}.result-metrics{grid-template-columns:1fr}.proof-bar{grid-template-columns:1fr}.proof-bar div{padding:16px}.section{padding-block:66px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.data-boundary{grid-template-columns:1fr}.closing{margin-bottom:45px}footer{flex-direction:column;text-align:center}.modal{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0}.modal-head{padding-top:max(12px,env(safe-area-inset-top))}.modal-body{padding:16px 16px max(18px,env(safe-area-inset-bottom))}.admin-metrics{grid-template-columns:repeat(3,1fr)}.admin-metrics div{padding:12px 8px}.admin-metrics strong{font-size:20px}.shop-form{grid-template-columns:1fr}.shop-row{grid-template-columns:1fr auto}.shop-row .shop-stats{grid-column:1/-1;text-align:left}}
.vin-scanner-modal{width:min(94vw,680px)}.vin-scanner-body{display:grid;gap:14px}.vin-scanner-intro{margin:0;color:var(--muted)}.vin-camera-stage{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--outline);border-radius:20px;background:#050912}.vin-camera-stage video{display:none;width:100%;height:100%;object-fit:cover}.vin-camera-stage video.is-live{display:block}.vin-camera-placeholder{display:grid;justify-items:center;gap:12px;padding:24px;text-align:center}.vin-camera-placeholder small{max-width:320px;color:#9ca8ba}.vin-camera-guide{position:absolute;z-index:2;inset:12%;display:grid;place-items:center;pointer-events:none}.vin-camera-guide i{position:absolute;inset:0;border:2px solid #ffd35a;border-radius:14px;box-shadow:0 0 0 999px #02061170}.vin-camera-guide span{align-self:end;margin-bottom:12px;padding:7px 11px;border-radius:99px;color:#fff;background:#050912d9;font-size:12px;font-weight:850}.vin-scanner-status{min-height:22px;margin:0;color:var(--muted);font-size:13px}.vin-scanner-status[data-state=error]{color:var(--danger)}.vin-scanner-status[data-state=success]{color:var(--success)}.vin-scanner-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vin-manual-link{justify-self:center;padding:6px;border:0;color:var(--primary);background:transparent;font:inherit;font-weight:800;cursor:pointer}.vin-scanner-actions .button{width:100%}@media(min-width:720px){.vin-phone-invite span{display:block}}@media(max-width:600px){.vin-entry{grid-template-columns:1fr}.vin-scan-button{justify-content:center}.vin-phone-invite{display:none}.vin-scanner-body{grid-template-rows:auto minmax(0,1fr) auto auto auto;height:calc(100dvh - 82px)}.vin-camera-stage{min-height:0;aspect-ratio:auto}.vin-scanner-actions{grid-template-columns:1fr}.vin-camera-guide{inset:18% 7%}.vin-camera-placeholder{padding:14px}.vin-scanner-intro{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.form-error{grid-column:1/-1;min-height:1.2em;margin:0;color:var(--danger);font-size:.85rem}

/* The workshop example follows one order instead of repeating feature cards. */
.shop-flow-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px);align-items:start}
.shop-flow-copy h2{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.035em}
.shop-flow-copy>p:not(.kicker){color:var(--muted);max-width:48ch}
.shop-flow-copy .button{margin-top:14px}
.shop-flow-record{min-width:0;border:1px solid var(--outline);border-radius:18px;background:var(--surface);overflow:hidden}
.shop-flow-record>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;background:var(--surface2)}
.shop-flow-record header h3{margin:2px 0 0;font-size:var(--type-title)}
.shop-flow-record header small,.shop-flow-record header>span{color:var(--muted);font-size:var(--type-caption)}
.shop-flow-record details{border-top:1px solid var(--outline)}
.shop-flow-record summary{padding:18px 22px;min-height:54px;cursor:pointer;font-weight:800}
.shop-flow-record summary:hover{background:var(--surface2)}
.shop-flow-record summary:focus-visible{outline-offset:-4px}
.shop-flow-record details[open]>summary{color:var(--primary)}
.shop-flow-detail{padding:0 22px 22px}
.shop-flow-detail>p{margin:0 0 16px;color:var(--muted)}
.shop-flow-detail dl{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1fr);gap:10px 18px;margin:0;font-size:var(--type-label)}
.shop-flow-detail dt{color:var(--muted)}.shop-flow-detail dd{margin:0;overflow-wrap:anywhere}
.shop-flow-record>footer{display:block;margin:0;padding:16px 22px;border-top:1px solid var(--outline);color:var(--muted);font-size:var(--type-caption)}
.vin-tools{display:flex;flex-direction:column;gap:20px}
.mini-timeline li{grid-template-columns:max-content minmax(0,1fr);column-gap:16px}
.mini-timeline small,.result-metrics span,.workspace-nav span,.order-card small,.order-card span{font-size:var(--type-caption)}
.vin-tools .vin-search label{font-size:var(--type-label)}
.vin-tools .vin-search>div:focus-within{outline:2px solid var(--primary);outline-offset:3px}
.vin-tools .vin-entry{grid-template-columns:1fr;gap:12px;margin:0}
.vin-tools .vin-scan-button{min-height:58px;background:transparent;border-color:var(--outline)}
.vin-tools .vin-scan-button small{font-size:var(--type-caption)}
.vin-tools .vin-phone-invite{background:transparent;border:0;border-top:1px solid var(--outline);border-radius:0;padding:16px 0 0}
.vin-tools .vin-phone-invite span{display:block}
.vin-tools .vin-phone-invite strong{font-size:var(--type-body)}
.vin-tools .vin-phone-invite small{font-size:var(--type-caption)}
@media(max-width:900px){.shop-flow-layout{grid-template-columns:1fr}.shop-flow-copy>p:not(.kicker){max-width:65ch}}
@media(max-width:600px){
 .vin-tools .vin-entry{order:-1}
 .vin-tools .vin-phone-invite{display:none}
 .vin-tools .vin-scan-button{background:var(--primary-strong);border-color:var(--primary-strong);color:#fff;min-height:68px}
 .vin-tools .vin-scan-button small{color:#fff}
 .vin-tools .vin-scan-icon,.vin-tools .vin-scan-icon:before,.vin-tools .vin-scan-icon:after{border-color:currentColor}
 .vin-tools .vin-search button{color:var(--primary);background:var(--surface2);border:1px solid var(--outline)}
 .shop-flow-record>header{align-items:flex-start;flex-direction:column;gap:4px;padding:18px}
 .shop-flow-record summary{padding:18px}
 .shop-flow-detail{padding:0 18px 18px}
 .shop-flow-detail dl{grid-template-columns:1fr;gap:4px}
 .shop-flow-detail dd+dt{margin-top:10px}
}

/* Central keeps the shop identity outside the scrolling module. */
.shop-management-modal[open]{display:grid;grid-template-rows:auto minmax(0,1fr);width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;overflow:hidden}
.shop-management-modal>.modal-head{position:static;padding:16px 28px;gap:20px}
.shop-management-modal>.modal-head>div{min-width:0}
.shop-management-modal .modal-head h2{font-size:var(--type-title);overflow-wrap:anywhere}
.shop-management-modal .managed-shop-domain{font-size:var(--type-caption);overflow-wrap:anywhere}
.shop-management-modal .central-back{width:auto;min-width:132px;height:auto;min-height:44px;padding:8px 14px;border-radius:10px;font-size:var(--type-label);font-weight:700}
.central-workspace-layout{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:0}
.central-workspace-layout .management-tabs{position:static;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:20px 12px;border:0;border-right:1px solid var(--outline);overflow-y:auto}
.central-workspace-layout .management-tabs button{text-align:left;padding:12px 16px;min-height:46px;flex-shrink:0;font-size:var(--type-label)}
.central-workspace-body{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px 12px 32px;scroll-padding-block:24px}
.central-workspace-body>[data-management-content]{max-width:1200px;margin-inline:auto;min-width:0}
.central-workspace-body input,.central-workspace-body select,.central-workspace-body textarea{scroll-margin-block:32px}
.central-workspace-body .management-grid label{font-size:var(--type-label)}
.central-workspace-body .management-section-head small,.central-workspace-body .backup-metrics span{font-size:var(--type-caption)}
.central-module-switcher{display:none}
@media(max-width:700px){
 .shop-management-modal>.modal-head{padding:12px 16px;align-items:flex-start;gap:12px}
 .shop-management-modal .modal-head h2{font-size:18px}
 .shop-management-modal .modal-head small{font-size:11px}
 .shop-management-modal .central-back{min-width:0;width:104px;max-width:104px;flex-shrink:0;font-size:13px}
 .central-workspace-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .central-workspace-layout .management-tabs{display:none}
 .central-module-switcher{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--outline);font-size:var(--type-label)}
 .central-module-switcher select{min-width:0;width:100%;height:44px;padding:0 12px;border:1px solid var(--outline);border-radius:10px;color:var(--text);background:var(--surface)}
 .central-workspace-body{padding:0 0 max(16px,env(safe-area-inset-bottom))}
}

/* Public interest flows */
.shop-closing>.button{margin-top:24px}
.news-form{display:grid;gap:10px;width:min(100%,620px);margin:24px auto 0;text-align:left}
.news-form>label:first-child,.interest-form>label:first-child{font-size:13px;font-weight:850}
.news-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.news-form input[type=email]{min-width:0;height:48px;padding:0 14px;border:1px solid var(--outline);border-radius:13px;color:var(--text);background:var(--bg)}
.consent-check{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:13px}
.consent-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--primary-strong)}
.form-feedback{min-height:21px;margin:0!important;font-size:13px!important}
.form-feedback.error{color:var(--danger)}
.form-feedback.success{color:var(--success)}
.interest-modal{width:min(94vw,820px)}
.interest-form{display:grid;gap:12px}
.interest-form>input,.contact-fields input{width:100%;height:48px;padding:0 13px;border:1px solid var(--outline);border-radius:12px;color:var(--text);background:var(--surface)}
.domain-preview{display:grid;gap:3px;padding:20px;border:1px solid color-mix(in srgb,var(--primary) 55%,var(--outline));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-strong) 18%,var(--surface)),var(--surface));text-align:center}
.domain-preview span,.domain-preview small{color:var(--muted);font-size:12px}
.domain-preview strong{overflow-wrap:anywhere;color:var(--text);font-size:clamp(22px,4vw,34px);line-height:1.15}
.domain-preview b{color:var(--primary)}
.interest-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.interest-benefits div{padding:13px;border:1px solid var(--outline);border-radius:13px;background:var(--surface)}
.interest-benefits strong,.interest-benefits span{display:block}
.interest-benefits span{margin-top:3px;color:var(--muted);font-size:12px}
.contact-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.contact-fields label{display:grid;gap:6px;font-size:13px;font-weight:800}
.interest-submit{justify-self:end;min-width:220px}
.closing-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:24px}.account-cta{margin-top:22px}.account-modal{width:min(94vw,620px)}.account-body{padding:22px}.account-type,.account-mode{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid var(--outline);border-radius:15px;background:var(--surface)}.account-type button,.account-mode button{min-height:44px;border:0;border-radius:11px;color:var(--muted);background:transparent;cursor:pointer;font-weight:850}.account-type button.active{color:#fff;background:#235a9d}.account-mode{margin-top:10px;background:transparent}.account-mode button.active{color:var(--text);background:var(--surface2)}.account-form{display:grid;gap:9px;margin-top:18px}.account-form>label,.shop-account-fields>label{display:grid;gap:6px;font-size:13px;font-weight:850}.account-form input{width:100%;height:48px;padding:0 13px;border:1px solid var(--outline);border-radius:12px;color:var(--text);background:var(--surface)}.account-form>.button{margin-top:4px}.account-form .field-note{margin:0}.shop-account-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.account-session{text-align:center;padding:20px}.account-avatar{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;border:2px solid var(--accent);border-radius:50%;color:#fff;background:#235a9d;font-size:28px;font-weight:900}.account-session h3{margin:5px 0;font-size:28px}.account-session>p:not(.kicker){margin:0;color:var(--muted)}.account-shop-info{display:grid;gap:3px;margin:20px 0;padding:17px;border:1px solid var(--outline);border-radius:15px;background:var(--surface)}.account-shop-info span{color:var(--primary)}.account-shop-info small{color:var(--muted)}
.resend-link{justify-self:center;min-height:44px;border:0;color:var(--primary);background:transparent;cursor:pointer;font-weight:800}
.managed-logo img:not([src]){display:none}
.shop-management-modal{width:min(96vw,980px)}.managed-shop-domain{display:block;margin-top:3px;color:var(--muted);font-size:12px}.management-tabs{position:sticky;z-index:2;top:92px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px 20px;border-bottom:1px solid var(--outline);background:var(--bg)}.management-tabs button{min-height:42px;border:0;border-radius:11px;color:var(--muted);background:transparent;cursor:pointer;font-weight:850}.management-tabs button.active{color:#fff;background:#235a9d}.managed-shop-form{display:grid;gap:14px}.management-section{padding:18px;border:1px solid var(--outline);border-radius:18px;background:var(--surface)}.management-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.management-section-head small,.backup-library-head small{color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.08em}.management-section-head h3,.backup-library-head h3{margin:2px 0 0}.managed-logo{display:flex;align-items:center;gap:10px}.managed-logo img{width:58px;height:58px;border:1px solid var(--outline);border-radius:15px;object-fit:contain;background:var(--bg)}.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.management-grid label,.backup-action-form>label{display:grid;gap:6px;font-size:13px;font-weight:800}.management-grid input,.management-grid select,.backup-action-form>label input{width:100%;height:48px;padding:0 13px;border:1px solid var(--outline);border-radius:12px;color:var(--text);background:var(--bg)}.management-actions{display:flex;justify-content:flex-end;gap:8px}.button.danger{border-color:#b42318;color:#fff;background:#b42318}.managed-backups{display:grid;gap:14px}.backup-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.backup-metrics article{padding:14px;border:1px solid var(--outline);border-radius:14px;background:var(--surface)}.backup-metrics span,.backup-metrics strong{display:block}.backup-metrics span{color:var(--muted);font-size:11px}.backup-metrics strong{margin-top:4px;font-size:20px}.backup-toolbar{display:flex;flex-wrap:wrap;gap:8px}.backup-action-form{display:grid;gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--primary) 55%,var(--outline));border-radius:16px;background:var(--surface)}.backup-action-form h3,.backup-action-form p{margin:0}.backup-action-form>label input{margin-top:6px}.backup-library-head{display:flex;align-items:end;justify-content:space-between;margin-top:5px}.managed-backup-library{display:grid;gap:8px}.managed-backup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--outline);border-radius:14px;background:var(--surface)}.managed-backup-row strong,.managed-backup-row small{display:block}.managed-backup-row small{margin-top:3px;color:var(--muted)}.managed-backup-actions{display:flex;gap:7px}.managed-backup-actions button{min-height:38px;padding-inline:12px}.managed-backup-library>.report-state{margin:0;padding:28px 12px;border:1px dashed var(--outline);border-radius:14px;color:var(--muted)}
@media(max-width:900px){.contact-fields{grid-template-columns:1fr 1fr}.contact-fields label:first-child{grid-column:1/-1}}
@media(max-width:600px){.news-form>div{grid-template-columns:1fr}.news-form button{height:46px}.interest-form{gap:10px}.domain-preview{padding:14px}.interest-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.interest-benefits div{padding:10px 7px;text-align:center}.interest-benefits strong{font-size:12px;line-height:1.2}.interest-benefits span{display:none}.contact-fields{grid-template-columns:1fr;gap:8px}.contact-fields label:first-child{grid-column:auto}.interest-submit{justify-self:stretch;width:100%}.management-tabs{top:77px;padding-inline:16px}.management-section{padding:14px}.management-section-head{align-items:flex-start}.managed-logo{flex-direction:column;align-items:flex-end}.managed-logo img{width:52px;height:52px}.management-grid{grid-template-columns:1fr}.backup-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-toolbar .button{flex:1 1 45%}.managed-backup-row{grid-template-columns:1fr}.managed-backup-actions{display:grid;grid-template-columns:1fr 1fr}.management-actions{display:grid;grid-template-columns:1fr}.management-actions .button{width:100%}}

.shop-closing{grid-template-columns:minmax(0,.8fr) minmax(380px,1.2fr);align-items:center;gap:clamp(28px,6vw,84px)}
.shop-closing-copy{max-width:540px}.shop-closing-copy .button{margin-top:12px}
.shop-preview-card{display:grid;grid-template-columns:1fr auto;gap:12px;padding:clamp(18px,3vw,28px);border:1px solid var(--outline);border-radius:22px;background:color-mix(in srgb,var(--surface) 88%,var(--accent) 12%);box-shadow:var(--shadow)}
.shop-preview-card>label{grid-column:1/-1;font-size:13px;font-weight:850}
.shop-preview-card>input{grid-column:1/-1;width:100%;height:52px;padding:0 15px;border:1px solid var(--outline);border-radius:14px;color:var(--text);background:var(--bg);font:inherit}
.shop-preview-card>input:focus{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);border-color:var(--accent)}
.shop-preview-domain{min-width:0;padding:13px 15px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--outline));border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.shop-preview-domain span,.shop-preview-domain strong{display:block}.shop-preview-domain span{margin-bottom:3px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.shop-preview-domain strong{overflow-wrap:anywhere;font-size:clamp(15px,2vw,20px)}.shop-preview-domain b{color:var(--accent)}
.shop-preview-card>.button{align-self:stretch;white-space:nowrap}
@media(max-width:760px){.shop-closing{grid-template-columns:1fr;gap:22px}.shop-preview-card{grid-template-columns:1fr}.shop-preview-domain,.shop-preview-card>.button{grid-column:1}.shop-preview-card>.button{width:100%}}
.managed-shop-form{position:relative}
.managed-shop-loading{position:absolute;z-index:4;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;min-height:430px;border-radius:0 0 22px 22px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(5px)}
.managed-shop-loading[hidden]{display:none}
.managed-shop-loading span{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--accent) 24%,var(--outline));border-top-color:var(--accent);border-radius:50%;animation:managed-spin .8s linear infinite}
.managed-shop-loading strong{font-size:15px}
@keyframes managed-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.managed-shop-loading span{animation:none;border-top-color:currentColor}}
.managed-users{display:grid;align-content:start;gap:16px}.managed-users[hidden]{display:none}
.managed-users-head,.managed-user-action-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.managed-users-head h3,.managed-user-action-head h3{margin:3px 0 0}.managed-users-head small,.managed-user-action-head small{color:var(--accent);font-weight:850;letter-spacing:.08em}
.managed-users-list{display:grid;gap:8px}.managed-user-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--outline);border-radius:15px;background:var(--surface)}
.managed-user-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));font-weight:900}.managed-user-row strong,.managed-user-row small{display:block}.managed-user-row small,.managed-user-action-head span{margin-top:3px;color:var(--muted);font-size:12px}
.managed-access-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.managed-access-option{min-width:0;padding:16px;border:1px solid var(--outline);border-radius:16px;background:var(--surface)}.managed-access-option.is-recommended{border-color:color-mix(in srgb,var(--accent) 58%,var(--outline));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.managed-access-option h4{margin:3px 0 6px;font-size:17px}.managed-access-option>div>small{color:var(--accent);font-weight:900;letter-spacing:.08em}.managed-access-option p{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.5}.managed-access-option summary{margin:-4px 0 7px;cursor:pointer;font-weight:900}.managed-access-option[open] summary{margin-bottom:8px}.managed-access-option label{margin-top:10px}.managed-access-option>.button{width:100%}.managed-user-reset{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--outline)}.managed-user-reset label,.managed-user-reset input{min-width:0;width:100%}.managed-user-reset>small{color:var(--muted);font-size:11px}.managed-reset-actions{display:flex;gap:8px}.managed-reset-actions .button{flex:1}.managed-user-danger{display:flex;justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid var(--outline)}
.managed-access-options{align-items:start}.managed-access-option label{display:grid;gap:6px;font-size:13px;font-weight:800}.managed-access-option label input{width:100%;height:48px;padding:0 13px;border:1px solid var(--outline);border-radius:12px;color:var(--text);background:var(--bg)}
@media(max-width:760px){.managed-access-options{grid-template-columns:1fr}}@media(max-width:600px){.managed-users-head{align-items:flex-end}.managed-user-row{grid-template-columns:auto minmax(0,1fr) auto}.managed-user-row>.button{grid-column:1/-1;width:100%}.managed-user-row>.status-chip{font-size:10px}.managed-user-action-head{align-items:flex-start}.managed-reset-actions{display:grid;grid-template-columns:1fr 1fr}.managed-user-danger .button{width:100%}.managed-user-danger{display:block}}
.managed-activity{display:grid;align-content:start;gap:14px}.managed-activity[hidden]{display:none}.managed-activity-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.managed-activity-head h3{margin:3px 0 0}.managed-activity-head small{color:var(--accent);font-weight:850;letter-spacing:.08em}.managed-activity-head>strong{color:var(--muted);font-size:13px}
.managed-activity-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:8px}.managed-activity-toolbar input,.managed-activity-toolbar select{width:100%;height:46px;padding:0 13px;border:1px solid var(--outline);border-radius:12px;color:var(--text);background:var(--surface);font:inherit}.managed-activity-list{display:grid;gap:7px}.managed-activity-row{display:grid;grid-template-columns:auto minmax(240px,1.5fr) minmax(160px,.8fr) auto;align-items:start;gap:12px;padding:12px 14px;border:1px solid var(--outline);border-radius:14px;background:var(--surface)}.managed-activity-row.is-error{border-color:color-mix(in srgb,var(--danger) 55%,var(--outline))}.activity-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--success)}.managed-activity-row.is-error .activity-dot{background:var(--danger)}.managed-activity-row strong,.managed-activity-row small{display:block}.managed-activity-row small,.managed-activity-row time{margin-top:3px;color:var(--muted);font-size:11px}.managed-activity-row p{margin:5px 0 0;color:var(--muted);font-size:12px}.managed-activity-row time{text-align:right;white-space:nowrap}
@media(max-width:760px){.managed-activity-toolbar{grid-template-columns:1fr 1fr}.managed-activity-toolbar input{grid-column:1/-1}.managed-activity-row{grid-template-columns:auto minmax(0,1fr)}.managed-activity-row>div:nth-of-type(2),.managed-activity-row time{grid-column:2;text-align:left}.management-tabs{grid-template-columns:repeat(5,minmax(max-content,1fr));overflow-x:auto}.management-tabs button{padding-inline:18px}}
@media(min-width:761px){.management-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:600px){.brand{gap:7px}.header-actions{gap:4px}.icon-button,.admin-link{width:40px}.account-link{padding-inline:10px}.shop-account-fields{grid-template-columns:1fr}.account-body{padding:16px}.account-form{margin-top:14px}}
@media(max-width:360px){.brand{font-size:15px}.brand-logo{width:36px;height:36px}.brand-logo img{width:44px;height:44px}.icon-button,.admin-link{width:38px}.account-link{padding-inline:8px}}
.managed-documents{display:grid;align-content:start;gap:14px}.managed-documents[hidden]{display:none}.managed-section-note{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.managed-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.managed-document{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:15px;border:1px solid var(--outline);border-radius:15px;background:var(--surface)}.managed-document>span{display:flex;flex-direction:column;gap:4px;min-width:0}.managed-document strong,.managed-document small{display:block}.managed-document small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.managed-document small.is-ready{color:var(--success)}.managed-document input{width:min(210px,48%);font-size:11px}.managed-documents .management-actions{margin-top:4px}@media(max-width:600px){.managed-document-grid{grid-template-columns:1fr}.managed-document{align-items:flex-start;flex-direction:column}.managed-document input{width:100%}}
.managed-document input::file-selector-button{margin-right:8px;padding:8px 11px;border:1px solid var(--outline);border-radius:9px;color:var(--text);background:var(--bg);font:inherit;font-weight:800;cursor:pointer}.managed-document input::file-selector-button:hover{border-color:var(--primary);color:var(--primary)}

/* Consumer report and saved vehicles */
.report-hero{display:flex;align-items:center;justify-content:space-between;gap:16px}.report-hero .save-vehicle{flex:0 0 auto}.report-hero .save-vehicle.is-saved{border-color:var(--success);color:var(--success)}
.evidence-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.evidence-chips span{padding:5px 8px;border-radius:99px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:11px;font-weight:800}
.saved-vehicles{margin:20px 0;text-align:left}.saved-vehicles-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.saved-vehicles-head small{display:grid;place-items:center;min-width:27px;height:27px;border-radius:99px;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);font-weight:900}.saved-vehicles>div:last-child{display:grid;gap:7px}.saved-vehicle{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;border:1px solid var(--outline);border-radius:14px;background:var(--surface);overflow:hidden}.saved-vehicle button{border:0;color:var(--text);background:transparent;cursor:pointer}.saved-vehicle-open{display:grid;gap:2px;padding:12px 14px;text-align:left}.saved-vehicle-open strong,.saved-vehicle-open span,.saved-vehicle-open small{display:block}.saved-vehicle-open span,.saved-vehicle-open small{color:var(--muted);font-size:11px}.saved-vehicle-remove{width:40px;height:40px;border-radius:50%!important;font-size:20px}.saved-vehicle-remove:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.saved-empty{margin:0;padding:18px;border:1px dashed var(--outline);border-radius:14px;color:var(--muted);font-size:13px;text-align:center}
@media(max-width:600px){.report-hero{align-items:stretch;flex-direction:column}.report-hero .save-vehicle{width:100%}.account-session{padding:10px 0}.account-avatar{width:62px;height:62px;margin-bottom:12px}.account-session h3{font-size:24px}}

/* Workshop sales preview */
.workspace-nav span b{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:3px;border-radius:99px;color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent);font-size:10px}.workspace-nav .active b{color:#fff;background:#ffffff26}
.workshop-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-bottom:1px solid var(--outline);background:var(--outline)}.workshop-snapshot div{padding:14px;background:var(--bg)}.workshop-snapshot strong,.workshop-snapshot span{display:block}.workshop-snapshot strong{font-size:21px}.workshop-snapshot span{color:var(--muted);font-size:10px}.workshop-snapshot .needs-attention strong,.order-card.is-attention>b{color:var(--accent)}.order-card.is-attention{border-color:color-mix(in srgb,var(--accent) 45%,var(--outline))}.order-card.is-attention>b{border-color:color-mix(in srgb,var(--accent) 45%,var(--outline));background:color-mix(in srgb,var(--accent) 8%,transparent)}
@media(max-width:420px){.workspace-nav span{padding-inline:4px}.workshop-snapshot div{padding:11px 8px}.workshop-snapshot strong{font-size:18px}}

/* Public VIN verification */
.report-modal{width:min(96vw,920px)}.report-loader{display:block;width:34px;height:34px;margin:0 auto 14px;border:3px solid var(--outline);border-top-color:var(--primary);border-radius:50%;animation:report-spin .8s linear infinite}@keyframes report-spin{to{transform:rotate(360deg)}}
.public-vin-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:99px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:11px;font-weight:900}.public-vin-status.verified{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.public-vin-status.verified::before{content:'✓'}.public-vin-status.partial::before{content:'!'}
.public-vin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.public-vin-grid div{min-width:0;padding:13px;border:1px solid var(--outline);border-radius:13px;background:var(--surface)}.public-vin-grid span,.public-vin-grid strong{display:block}.public-vin-grid span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.public-vin-grid strong{overflow-wrap:anywhere;margin-top:4px;font-size:14px}
.public-nhtsa{margin-top:14px;padding:17px;border:1px solid var(--outline);border-radius:16px;background:var(--surface)}.public-recall-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.public-recall-summary small,.report-history-head small{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.08em}.public-recall-summary h3,.report-history-head h3{margin:3px 0 0}.public-recall-summary>span{padding:6px 9px;border-radius:8px;color:var(--muted);background:var(--bg);font-size:11px;font-weight:900}.public-recall-note{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.public-recall-list{display:grid;gap:7px;margin-top:13px}.public-recall-list details,.public-specs{border:1px solid var(--outline);border-radius:12px;background:var(--bg)}.public-recall-list summary,.public-specs summary{cursor:pointer;list-style:none}.public-recall-list summary::-webkit-details-marker,.public-specs summary::-webkit-details-marker{display:none}.public-recall-list summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px}.public-recall-list summary span{color:var(--accent);font-size:11px;font-weight:900}.public-recall-list summary strong{font-size:12px}.public-recall-list details>div{padding:0 12px 12px;border-top:1px solid var(--outline)}.public-recall-list p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.public-recall-list b{color:var(--text)}
.public-specs{margin-top:13px}.public-specs>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 14px;font-size:13px;font-weight:900}.public-specs>summary span{color:var(--muted);font-weight:700}.public-spec-groups{display:grid;gap:14px;padding:14px;border-top:1px solid var(--outline)}.public-spec-group{overflow:hidden;border:1px solid var(--outline);border-radius:11px}.public-spec-group h4{display:flex;align-items:center;gap:8px;margin:0;padding:9px 11px;background:var(--surface);font-size:12px}.public-spec-group h4 span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:var(--primary);background:color-mix(in srgb,var(--primary) 13%,transparent);font-size:10px}.public-specs dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--outline)}.public-specs dl div{min-width:0;padding:10px 12px;background:var(--bg)}.public-specs dl div:last-child:nth-child(odd){grid-column:1/-1}.public-specs dt{color:var(--muted);font-size:10px}.public-specs dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:12px;font-weight:750}
.vin-camera-guide{display:none}.vin-camera-stage.is-live .vin-camera-guide{display:grid}
.vin-camera-stage video.is-live{object-fit:contain}
.vin-camera-placeholder strong{color:#f5f8ff}
@media(min-width:601px){.vin-scanner-modal{width:min(94vw,620px)}.vin-camera-stage{aspect-ratio:16/8.5}}
.report-history-head{margin-top:22px}.report-empty-history{margin-top:14px;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 36%,var(--outline));border-radius:14px;background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.report-empty-history .result-label{display:block;margin-bottom:7px;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.08em}.report-empty-history strong{display:block}.report-empty-history p{margin:6px 0 0;color:var(--text);font-size:12px;line-height:1.5}.report-empty-history small{display:block;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.5}.report-notice{margin-top:16px;line-height:1.5}
@media(max-width:600px){.report-modal{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0}.report-modal .modal-body{padding:14px}.public-vin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-specs dl{grid-template-columns:1fr}.public-recall-list summary{grid-template-columns:1fr;gap:3px}.public-nhtsa{padding:14px}.public-recall-summary{align-items:flex-start}.report-hero{padding:15px}}
/* Automotive direction: the VIN query leads; the example supports it. */
.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,72px);min-height:auto;padding-block:clamp(48px,7vw,100px)}
.hero h1{font-size:clamp(40px,5.2vw,72px);line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.hero .lead{font-size:18px;line-height:1.6;max-width:54ch}
.hero .product-window{border-radius:12px;padding:0;background:var(--surface);box-shadow:none}
.hero .window-bar{padding:16px 20px;border-bottom:1px solid var(--outline)}
.hero :is(.vehicle-result,.workspace){border:0;border-radius:0;background:transparent}
.hero .vehicle-result{padding:24px}
.hero .vehicle-result h2{font-size:24px;line-height:1.25;letter-spacing:-.02em}
.hero .result-label{color:var(--muted)}
.hero :is(.button,.vin-search>div,.vin-search button,.vin-scan-button){border-radius:8px}
.hero .button,.hero .vin-search button{min-height:48px}
.hero .vin-search>div:focus-within{outline:2px solid var(--primary);outline-offset:3px}
.audience-switch{border-radius:8px;gap:4px}
.audience-switch button{border-radius:4px;min-height:44px}
.consumer-questions{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:0}
.consumer-questions article{min-height:0;padding:24px 0;border:0;border-top:1px solid var(--outline);border-radius:0;background:transparent}
.consumer-questions article>span{display:block;width:auto;height:auto;margin-bottom:12px;border-radius:0;background:transparent;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:500}
.consumer-questions h3{font-size:21px;line-height:1.3}
.consumer-questions p{max-width:55ch;line-height:1.6}
@media(max-width:960px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{max-width:720px}.hero .product-window{width:100%;max-width:720px;justify-self:start}}
@media(max-width:600px){.hero{padding-block:32px;gap:32px}.hero h1{font-size:40px}.hero .lead{font-size:16px;margin-block:20px}.hero .vehicle-result{padding:20px}.consumer-questions{grid-template-columns:minmax(0,1fr)}.audience-switch button{padding-inline:14px}}
.vin-scanner-status.is-working{display:grid;gap:8px;padding:12px;border:1px solid var(--outline);border-radius:12px;background:var(--surface2);color:var(--text)}
.vin-read-activity{display:block;height:3px;overflow:hidden;background:var(--outline);border-radius:3px}
.vin-read-activity::after{content:'';display:block;width:30%;height:100%;background:var(--primary);animation:vin-reading 1.5s ease-in-out infinite alternate}
.vin-read-tip{font-size:13px;line-height:1.4;color:var(--muted);min-height:2.8em}
@keyframes vin-reading{from{transform:translateX(0)}to{transform:translateX(230%)}}
@media(prefers-reduced-motion:reduce){.vin-read-activity::after{animation:none;width:100%;opacity:.65}}
.management-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.management-tabs button{min-width:0;padding-inline:8px}#managedLicenseForm .management-section-head{margin-bottom:22px}#managedLicenseForm input{min-width:0;width:100%}
.managed-module-controls{border-bottom:1px solid var(--outline);padding-bottom:20px;margin-bottom:24px}
.managed-plan-field{display:grid;gap:8px;max-width:480px;min-width:0;margin-bottom:8px}
.managed-plan-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}
.managed-plan-heading label{font-size:var(--type-label);font-weight:800}
.managed-module-controls select{width:100%;min-width:0;height:48px;padding:0 13px;border:1px solid var(--outline);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;font-size:var(--type-label);font-weight:800}
.plan-brand{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:8px;color:var(--muted);background:var(--surface2);font-size:14px;font-weight:800;line-height:1.5}
.plan-brand svg{width:20px;height:20px;flex:none;fill:currentColor}
.plan-brand[data-tier=blue]{color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--bg))}
.plan-brand[data-tier=gold]{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--bg))}
html[data-theme=light] .plan-brand[data-tier=gold]{color:#806000;background:#fff5d6}
.plan-brand[data-tier=loading] svg,.plan-brand[data-tier=unavailable] svg{display:none}
.managed-module-controls select:focus-visible,.managed-module-toggle input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#managedLicenseForm .managed-module-toggle{display:flex;align-items:center;gap:12px;min-height:60px;cursor:pointer;padding-block:8px}
#managedLicenseForm .managed-module-toggle input{width:22px;height:22px;flex:0 0 22px;accent-color:var(--action)}
.managed-module-toggle span{min-width:0}.managed-module-toggle strong,.managed-module-toggle small{display:block}.managed-module-toggle small{color:var(--muted);line-height:1.5;margin-top:4px}
@media(max-width:600px){.management-tabs{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.management-tabs button{min-width:0;padding-inline:8px}}