:root {
  --ink: #0a0d10;
  --ink-2: #11161a;
  --paper: #f4f4ef;
  --white: #ffffff;
  --muted: #687177;
  --line: rgba(10,13,16,.12);
  --line-dark: rgba(255,255,255,.13);
  --accent: #a9ff52;
  --accent-2: #d6ffab;
  --blue: #5cc8ff;
  --danger: #ff6a69;
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 32px;
  --shadow: 0 18px 60px rgba(0,0,0,.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.brand-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-weight: 800; letter-spacing: -.04em; font-size: 21px; }
.brand-logo--inverse { color: white; }
.brand-mark { width: 27px; height: 23px; position: relative; display: inline-flex; align-items: flex-end; gap: 2px; transform: skew(-14deg); }
.brand-mark span { display: block; width: 7px; border-radius: 2px; background: var(--accent); }
.brand-mark span:nth-child(1) { height: 12px; }
.brand-mark span:nth-child(2) { height: 22px; }
.brand-mark span:nth-child(3) { height: 16px; }
.brand-mark.small { width: 22px; height: 18px; }
.brand-mark.small span { width: 5px; }
.brand-mark.small span:nth-child(1) { height: 9px; }.brand-mark.small span:nth-child(2) { height: 17px; }.brand-mark.small span:nth-child(3) { height: 12px; }

.button { min-height: 48px; padding: 0 21px; border-radius: 999px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-size: 14px; font-weight: 750; transition: transform .2s ease, background .2s ease, border-color .2s ease; white-space: nowrap; }
.button:hover { transform: translateY(-2px); }
.button--small { min-height: 40px; padding: 0 17px; font-size: 13px; }
.button--large { min-height: 56px; padding: 0 25px; font-size: 15px; }
.button--accent { background: var(--accent); color: var(--ink); box-shadow: 0 8px 30px rgba(169,255,82,.16); }
.button--accent:hover { background: #bcff78; }
.button--dark { background: var(--ink); color: white; }
.button--outline { border-color: var(--line); background: transparent; color: var(--ink); }
.button--outline:hover { border-color: var(--ink); }
.button--ghost-light { color: white; border-color: rgba(255,255,255,.23); background: rgba(255,255,255,.04); }
.button--ghost-light:hover { background: rgba(255,255,255,.1); }
.text-link { border: 0; background: transparent; padding: 0; display: inline-flex; align-items: center; gap: 8px; font-weight: 750; color: var(--ink); }
.text-link:hover svg { transform: translateX(4px); }
.text-link svg { transition: transform .2s ease; }

.site-header { position: relative; z-index: 30; }
.site-header__inner { height: 82px; width: min(1240px, calc(100% - 40px)); margin: auto; display: flex; align-items: center; justify-content: space-between; }
.site-header--dark { color: white; }
.desktop-nav { display: flex; align-items: center; gap: 30px; font-size: 13px; font-weight: 650; }
.desktop-nav a:not(.button) { opacity: .72; transition: opacity .2s; }
.desktop-nav a:hover { opacity: 1; }
.desktop-nav--actions { gap: 18px; }
.mobile-menu-button, .mobile-nav { display: none; }

.hero-shell { background: var(--ink); color: white; position: relative; overflow: hidden; }
.hero-shell:before { content:""; position:absolute; width:760px; height:760px; border-radius:50%; right:-250px; top:-300px; background:radial-gradient(circle, rgba(92,200,255,.18), transparent 66%); }
.hero-shell:after { content:""; position:absolute; width:660px; height:660px; border-radius:50%; left:-350px; bottom:-400px; background:radial-gradient(circle, rgba(169,255,82,.08), transparent 66%); }
.hero { min-height: 680px; display: grid; grid-template-columns: .92fr 1.08fr; gap: 70px; align-items: center; padding-block: 70px 120px; position: relative; z-index: 2; }
.hero-copy { max-width: 585px; }
.eyebrow, .section-kicker { text-transform: uppercase; letter-spacing: .15em; font-size: 11px; font-weight: 850; display: flex; align-items: center; gap: 9px; color: #566169; }
.eyebrow { color: rgba(255,255,255,.6); }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(169,255,82,.1); }
.hero h1 { font-size: clamp(58px, 7vw, 96px); line-height: .92; letter-spacing: -.075em; margin: 25px 0 28px; font-weight: 760; }
.hero h1 em { color: var(--accent); font-style: normal; font-weight: 650; }
.hero-copy > p { color: rgba(255,255,255,.62); line-height: 1.7; font-size: 17px; max-width: 540px; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; }
.hero-proof { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 28px; color: rgba(255,255,255,.52); font-size: 11px; font-weight: 650; }
.hero-proof span { display: flex; align-items: center; gap: 7px; }
.hero-visual { position: relative; min-height: 510px; }
.hero-grid-lines { position: absolute; inset: -60px -130px -70px -50px; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(circle at center, black, transparent 74%); z-index: -1; }
.hero-photo-card { position: absolute; width: 88%; right: 0; top: 32px; border-radius: 28px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); box-shadow: 0 35px 90px rgba(0,0,0,.4); aspect-ratio: 1.38; background: #202428; }
.hero-photo-card:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.62),transparent 52%); }
.hero-photo-card img { width:100%; height:100%; object-fit:cover; }
.photo-badge { position:absolute; left:22px; bottom:20px; z-index:2; display:flex; flex-direction:column; gap:3px; }
.photo-badge span { font-size:10px; text-transform:uppercase; letter-spacing:.13em; color:var(--accent); }
.photo-badge strong { font-size:16px; }
.price-chip { position:absolute; top:18px; right:18px; z-index:2; background:rgba(10,13,16,.74); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(12px); padding:10px 14px; border-radius:999px; font-weight:800; }
.floating-card { position:absolute; z-index:4; display:flex; align-items:center; gap:11px; padding:12px; border-radius:15px; background:rgba(245,245,241,.97); color:var(--ink); box-shadow:var(--shadow); min-width:210px; }
.floating-card span { display:block; font-size:10px; color:var(--muted); }
.floating-card strong { display:block; font-size:12px; margin-top:2px; }
.floating-icon { width:37px; height:37px; border-radius:11px; background:#e5f8d7; display:grid; place-items:center; }
.floating-card--copy { left:0; top:100px; }
.floating-card--social { left:35px; bottom:42px; }
.status-check { margin-left:auto; width:23px; height:23px; border-radius:50%; background:var(--accent); display:grid!important; place-items:center; color:var(--ink)!important; }
.social-thumb { width:40px; height:40px; border-radius:9px; overflow:hidden; }
.social-thumb img { width:100%; height:100%; object-fit:cover; }
.video-phone { position:absolute; right:-15px; bottom:-14px; z-index:5; width:128px; height:240px; border:7px solid #272b2f; border-radius:27px; overflow:hidden; background:#111; box-shadow:0 20px 55px rgba(0,0,0,.4); }
.video-phone__screen, .video-phone__screen img { width:100%; height:100%; }
.video-phone__screen img { object-fit:cover; }
.video-overlay { position:absolute; inset:auto 0 0; padding:48px 10px 12px; background:linear-gradient(transparent,rgba(0,0,0,.9)); display:flex; flex-direction:column; }
.video-overlay small { font-size:7px; letter-spacing:.1em; }.video-overlay strong { font-size:15px; }.video-overlay span { color:var(--accent); font-size:8px; margin-top:4px; }
.hero-bottom-fade { height: 80px; position:absolute; inset:auto 0 0; background:linear-gradient(transparent,rgba(255,255,255,.03)); }

.trust-row { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); font-size:11px; font-weight:750; color:#5a6368; text-transform:uppercase; letter-spacing:.05em; }
.trust-row span { display:flex; align-items:center; gap:8px; }.trust-row svg { color:#2b6f18; }
.section { padding-block: 115px; }
.split-section { display:grid; grid-template-columns:.82fr 1.18fr; gap:100px; align-items:center; }
.section-copy h2, .section-heading h2 { font-size:clamp(42px,5.2vw,70px); line-height:1; letter-spacing:-.062em; margin:18px 0 24px; }
.section-copy p, .section-heading p { color:var(--muted); line-height:1.75; font-size:15px; max-width:600px; }
.section-copy .text-link { margin-top:20px; }
.compare-card { min-height:470px; position:relative; border-radius:var(--radius-lg); overflow:hidden; background:#d9d9d4; box-shadow:var(--shadow); }
.compare-card img { width:100%; height:470px; object-fit:cover; transition:filter .3s; }
.compare-card.is-before img { filter:saturate(.6) brightness(.78) contrast(.9); }
.compare-label { position:absolute; left:18px; top:18px; padding:9px 12px; border-radius:999px; background:rgba(10,13,16,.76); color:white; font-size:11px; font-weight:800; backdrop-filter:blur(10px); }
.compare-toolbar { position:absolute; left:20px; right:20px; bottom:18px; display:flex; gap:7px; background:rgba(245,245,241,.92); padding:7px; border-radius:999px; backdrop-filter:blur(12px); }
.compare-toolbar span { flex:1; text-align:center; padding:9px 6px; border-radius:999px; font-size:10px; color:#6b7479; font-weight:750; }
.compare-toolbar span.active { background:var(--ink); color:white; }
.section--dark { background:var(--ink); color:white; }
.section-heading { margin-bottom:54px; }.section-heading.centered { text-align:center; display:flex; align-items:center; flex-direction:column; }.section-heading.centered p { text-align:center; }
.section-kicker--light { color:rgba(255,255,255,.46); }
.section--dark .section-heading p { color:rgba(255,255,255,.5); }
.output-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.output-card { min-height:385px; background:#151a1e; border:1px solid var(--line-dark); border-radius:24px; padding:25px; position:relative; overflow:hidden; }
.output-card__icon { width:42px; height:42px; border-radius:12px; background:rgba(169,255,82,.12); color:var(--accent); display:grid; place-items:center; }
.output-card h3 { font-size:19px; margin:19px 0 9px; }.output-card p { color:rgba(255,255,255,.48); font-size:13px; line-height:1.65; margin:0; max-width:320px; }
.output-card__preview { position:absolute; left:22px; right:22px; bottom:-10px; height:165px; border-radius:17px 17px 0 0; overflow:hidden; background:#272c30; border:1px solid var(--line-dark); }
.output-card__preview img { width:100%; height:100%; object-fit:cover; }
.mini-copy { color:var(--ink); height:100%; background:#f3f3ef; padding:18px; display:flex; flex-direction:column; gap:7px; }.mini-copy b { font-size:13px; }.mini-copy span { color:#687177; font-size:9px; }.mini-copy p { color:#4c555a; font-size:10px; margin:3px 0 0; }
.feature-poster { height:100%; padding:20px; background:linear-gradient(135deg,#eaffd6,#b6ff73); color:var(--ink); display:flex; flex-direction:column; justify-content:flex-end; }.feature-poster small { letter-spacing:.13em; font-weight:800; }.feature-poster strong { font-size:26px; margin:5px 0; }.feature-poster span { font-size:9px; font-weight:800; }
.social-preview { position:relative; height:100%; }.social-preview:after { content:""; position:absolute; inset:0; background:linear-gradient(transparent,rgba(0,0,0,.75)); }.social-preview b { position:absolute; left:15px; bottom:15px; z-index:2; font-size:17px; }.video-mini { height:100%; position:relative; }.play-dot { position:absolute; inset:0; margin:auto; width:45px; height:45px; border-radius:50%; display:grid; place-items:center; background:var(--accent); color:var(--ink); }.page-mini { height:100%; background:#f5f5f1; color:var(--ink); padding:8px; }.page-mini div { height:9px; background:#e4e4de; border-radius:4px; margin-bottom:7px; }.page-mini img { height:95px; width:100%; object-fit:cover; border-radius:8px; }.page-mini b,.page-mini span { display:block; margin:5px 6px 0; font-size:10px; }.page-mini span { font-weight:800; color:#2d5c1e; }

.product-showcase { min-height:620px; border:1px solid var(--line); border-radius:30px; background:white; box-shadow:var(--shadow); overflow:hidden; display:grid; grid-template-columns:210px 1fr; }
.showcase-sidebar { background:#101418; color:white; padding:23px 15px; display:flex; flex-direction:column; gap:7px; }.showcase-brand { display:flex; align-items:center; gap:9px; font-weight:800; margin:0 9px 28px; }.showcase-sidebar button { border:0; background:transparent; color:rgba(255,255,255,.48); padding:12px 13px; border-radius:11px; display:flex; gap:10px; align-items:center; font-size:12px; font-weight:700; text-align:left; }.showcase-sidebar button.active { color:white; background:rgba(255,255,255,.09); }
.showcase-content { padding:28px; min-width:0; }.showcase-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:21px; border-bottom:1px solid var(--line); margin-bottom:22px; }.showcase-top small,.showcase-top strong { display:block; }.showcase-top small { color:var(--muted); font-size:10px; }.showcase-top strong { font-size:19px; margin-top:4px; }
.showcase-photo-grid { display:grid; grid-template-columns:1.6fr 1fr; grid-template-rows:1fr 1fr; gap:12px; height:475px; }.showcase-photo-grid img { width:100%; height:100%; object-fit:cover; border-radius:16px; }.showcase-photo-grid .large { grid-row:1/3; }
.listing-editor { max-width:770px; }.listing-editor label { display:block; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:#758087; margin:22px 0 8px; }.editor-field,.editor-text { border:1px solid var(--line); background:#fafaf7; border-radius:13px; padding:16px; font-size:14px; }.editor-text { min-height:190px; line-height:1.7; color:#465057; }.accuracy-note { display:flex; align-items:center; gap:8px; color:#687177; background:#f4f6f0; padding:13px; border-radius:12px; font-size:11px; margin-top:18px; }
.showcase-socials { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.showcase-socials div { aspect-ratio:.8; position:relative; border-radius:17px; overflow:hidden; }.showcase-socials div:after { content:""; position:absolute; inset:0; background:linear-gradient(transparent,rgba(0,0,0,.8)); }.showcase-socials img { width:100%; height:100%; object-fit:cover; }.showcase-socials b { position:absolute; left:16px; bottom:16px; z-index:2; color:white; font-size:17px; }
.showcase-video { height:465px; border-radius:19px; overflow:hidden; position:relative; background:#111; }.showcase-video img { width:100%; height:100%; object-fit:cover; opacity:.85; }.showcase-video:after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 50%,rgba(0,0,0,.8)); }.play-button { position:absolute; inset:0; margin:auto; z-index:2; width:60px; height:60px; border-radius:50%; background:var(--accent); display:grid; place-items:center; }.showcase-video>div { position:absolute; left:25px; bottom:25px; z-index:2; color:white; }.showcase-video small,.showcase-video strong { display:block; }.showcase-video small { color:var(--accent); letter-spacing:.13em; font-size:9px; }.showcase-video strong { margin-top:5px; font-size:18px; }
.sales-page-preview { border:1px solid var(--line); border-radius:17px; overflow:hidden; }.browser-bar { height:38px; background:#eff0ec; display:flex; align-items:center; gap:5px; padding:0 13px; }.browser-bar i { width:7px;height:7px;border-radius:50%;background:#b8bcb8; }.browser-bar span { margin-left:10px; font-size:9px; color:#788087; }.sales-preview-body { display:grid; grid-template-columns:1.35fr 1fr; min-height:425px; }.sales-preview-body img { width:100%; height:100%; object-fit:cover; }.sales-preview-body>div { padding:38px; background:#101418; color:white; display:flex; flex-direction:column; justify-content:center; }.sales-preview-body small { color:var(--accent); letter-spacing:.12em; }.sales-preview-body h3 { font-size:29px; line-height:1.05; margin:12px 0; }.sales-preview-body b { font-size:24px; }.sales-preview-body button { margin-top:24px; background:var(--accent); border:0; border-radius:999px; padding:13px; font-weight:800; }

.process-section { background:#e9eae4; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }.process-grid article { border-top:1px solid #bfc4bd; padding-top:18px; }.process-grid article>span { color:#687177; font-size:10px; font-weight:850; }.process-grid h3 { margin:28px 0 9px; font-size:18px; }.process-grid p { color:var(--muted); font-size:12px; line-height:1.6; }
.process-demo { margin-top:58px; display:flex; align-items:center; gap:20px; padding:22px; border-radius:22px; background:white; border:1px solid var(--line); box-shadow:0 12px 40px rgba(0,0,0,.05); }.process-upload,.process-ready { display:flex; align-items:center; gap:13px; }.process-upload svg { color:#4f7c35; }.process-upload strong,.process-upload span,.process-ready strong,.process-ready small { display:block; }.process-upload strong,.process-ready strong { font-size:12px; }.process-upload span,.process-ready small { font-size:9px; color:var(--muted); margin-top:3px; }.process-line { flex:1; height:5px; background:#e4e7e0; border-radius:999px; display:flex; overflow:hidden; }.process-line span { flex:1; background:var(--accent); border-right:2px solid white; }.process-ready { margin-left:auto; }

.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch; }.price-card { background:#fafaf6; border:1px solid var(--line); border-radius:24px; padding:28px; display:flex; flex-direction:column; position:relative; }.price-card.popular { background:var(--ink); color:white; transform:translateY(-9px); border-color:var(--ink); }.popular-label { position:absolute; right:20px; top:20px; background:var(--accent); color:var(--ink); padding:7px 10px; border-radius:999px; text-transform:uppercase; font-size:8px; letter-spacing:.1em; font-weight:900; }.price-card h3 { font-size:21px; margin:0 0 7px; }.price-card>p { color:var(--muted); font-size:12px; min-height:38px; }.price-card.popular>p { color:rgba(255,255,255,.5); }.price { display:flex; align-items:flex-start; font-size:54px; font-weight:800; letter-spacing:-.06em; margin:25px 0; }.price small { font-size:18px; margin:8px 3px 0 0; }.price span { font-size:10px; color:var(--muted); margin:15px 0 0 9px; letter-spacing:0; font-weight:650; }.price-card ul { list-style:none; padding:0; margin:0 0 28px; display:flex; flex-direction:column; gap:12px; font-size:12px; flex:1; }.price-card li { display:flex; gap:8px; align-items:center; }.price-card li svg { color:#54a52a; }.price-card.popular li svg { color:var(--accent); }.dealer-callout { margin-top:38px; padding:42px; border-radius:26px; background:#dce7d3; display:flex; align-items:center; justify-content:space-between; gap:30px; }.dealer-callout h3 { font-size:28px; letter-spacing:-.04em; margin:12px 0 8px; }.dealer-callout p { color:#5f6b5a; font-size:13px; }
.ethics-section { background:white; }.ethics-inner { display:grid; grid-template-columns:1.08fr .92fr; gap:90px; align-items:center; }.ethics-visual { position:relative; min-height:480px; }.ethics-visual>img { width:100%; height:480px; object-fit:cover; border-radius:30px; }.ethics-badge { position:absolute; right:-20px; bottom:28px; display:flex; align-items:center; gap:11px; padding:14px 17px; border-radius:15px; background:var(--ink); color:white; box-shadow:var(--shadow); }.ethics-badge svg { color:var(--accent); }.ethics-badge small,.ethics-badge strong { display:block; }.ethics-badge small { font-size:8px; color:rgba(255,255,255,.5); text-transform:uppercase; }.ethics-badge strong { font-size:12px; margin-top:2px; }.check-list { list-style:none; padding:0; margin:25px 0 0; display:flex; flex-direction:column; gap:12px; font-size:13px; }.check-list li { display:flex; align-items:center; gap:9px; }.check-list svg { color:#3f8f20; }
.final-cta { background:var(--ink); color:white; overflow:hidden; }.final-cta>.container { min-height:500px; display:grid; grid-template-columns:1fr 1fr; align-items:center; position:relative; }.final-cta span { color:var(--accent); font-size:10px; letter-spacing:.17em; font-weight:900; }.final-cta h2 { font-size:clamp(43px,5vw,68px); line-height:.98; letter-spacing:-.065em; margin:18px 0 30px; position:relative; z-index:2; }.final-car { height:500px; position:relative; }.final-car:before { content:""; position:absolute; inset:70px -100px -150px -30px; background:radial-gradient(circle,rgba(92,200,255,.24),transparent 62%); }.final-car img { width:760px; max-width:none; height:520px; object-fit:cover; position:absolute; left:-30px; top:0; clip-path:polygon(8% 0,100% 0,100% 100%,0 100%); opacity:.9; }
.site-footer { background:#080b0d; color:white; border-top:1px solid var(--line-dark); }.site-footer__top { padding:65px 0 55px; display:grid; grid-template-columns:2fr repeat(3,1fr); gap:45px; }.footer-brand p { color:rgba(255,255,255,.42); max-width:260px; font-size:12px; line-height:1.6; margin-top:18px; }.footer-links { display:flex; flex-direction:column; gap:11px; }.footer-links strong { font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.35); margin-bottom:8px; }.footer-links a { font-size:12px; color:rgba(255,255,255,.65); }.footer-links a:hover { color:white; }.site-footer__bottom { min-height:62px; border-top:1px solid var(--line-dark); display:flex; align-items:center; justify-content:space-between; color:rgba(255,255,255,.3); font-size:10px; }

/* Shared interior pages */
.page-hero { background:var(--ink); color:white; padding:70px 0 90px; }.page-hero .site-header { margin-top:-70px; }.page-hero__content { padding-top:70px; max-width:800px; }.page-hero h1 { font-size:clamp(48px,7vw,86px); line-height:.96; letter-spacing:-.07em; margin:18px 0 22px; }.page-hero p { color:rgba(255,255,255,.58); font-size:16px; line-height:1.7; max-width:650px; }.simple-page { min-height:65vh; }.content-card { background:white; border:1px solid var(--line); border-radius:24px; padding:35px; }.prose { max-width:800px; margin:auto; }.prose h1 { font-size:48px; letter-spacing:-.05em; }.prose h2 { font-size:25px; margin-top:40px; }.prose p,.prose li { color:#5f686e; line-height:1.75; font-size:14px; }

/* Auth */
.auth-page { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; background:white; }.auth-visual { background:var(--ink); color:white; padding:38px; position:relative; overflow:hidden; display:flex; flex-direction:column; }.auth-visual:after { content:""; position:absolute; inset:auto -100px -130px -100px; height:72%; background:url('/images/bmw.svg') center/cover; border-radius:40% 40% 0 0; opacity:.75; }.auth-visual h2 { font-size:51px; line-height:.96; letter-spacing:-.065em; margin:auto 0 42%; max-width:540px; position:relative; z-index:2; }.auth-panel { display:grid; place-items:center; padding:40px; }.auth-box { width:min(440px,100%); }.auth-box h1 { font-size:38px; letter-spacing:-.05em; margin:22px 0 8px; }.auth-box>p { color:var(--muted); font-size:13px; margin-bottom:30px; }.form-group { margin-bottom:16px; }.form-group label { display:block; margin-bottom:7px; font-size:11px; font-weight:800; color:#626c72; }.input,.select,.textarea { width:100%; border:1px solid var(--line); background:#fafaf7; border-radius:12px; padding:14px 15px; color:var(--ink); outline:none; }.input:focus,.select:focus,.textarea:focus { border-color:#6c7d62; box-shadow:0 0 0 3px rgba(169,255,82,.22); }.textarea { resize:vertical; min-height:110px; }.auth-divider { display:flex; align-items:center; gap:13px; color:#92999d; font-size:10px; margin:22px 0; }.auth-divider:before,.auth-divider:after { content:""; height:1px; background:var(--line); flex:1; }.full { width:100%; }.auth-note { text-align:center; font-size:11px; color:var(--muted); margin-top:18px; }

/* App shell */
.app-body { background:#eef0eb; min-height:100vh; }.app-shell { min-height:100vh; display:grid; grid-template-columns:238px 1fr; }.app-sidebar { background:#0b0f12; color:white; padding:24px 14px; display:flex; flex-direction:column; position:sticky; top:0; height:100vh; }.app-sidebar .brand-logo { margin:2px 12px 30px; }.app-nav { display:flex; flex-direction:column; gap:5px; }.app-nav a { color:rgba(255,255,255,.52); padding:11px 12px; border-radius:10px; display:flex; gap:11px; align-items:center; font-size:12px; font-weight:700; }.app-nav a.active,.app-nav a:hover { background:rgba(255,255,255,.085); color:white; }.app-sidebar__bottom { margin-top:auto; border-top:1px solid var(--line-dark); padding-top:15px; }.demo-badge { background:rgba(169,255,82,.11); border:1px solid rgba(169,255,82,.19); color:var(--accent); border-radius:10px; padding:10px; font-size:9px; line-height:1.45; margin:0 4px 12px; }.sidebar-user { display:flex; align-items:center; gap:10px; padding:9px; }.avatar { width:33px; height:33px; border-radius:50%; background:#d8f4c3; color:var(--ink); display:grid; place-items:center; font-weight:850; }.sidebar-user strong,.sidebar-user span { display:block; }.sidebar-user strong { font-size:11px; }.sidebar-user span { font-size:9px; color:rgba(255,255,255,.4); margin-top:2px; }.app-main { min-width:0; }.app-topbar { height:72px; padding:0 32px; display:flex; align-items:center; justify-content:space-between; background:rgba(238,240,235,.86); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); position:sticky; top:0; z-index:15; }.app-topbar h1 { font-size:16px; margin:0; }.top-actions { display:flex; align-items:center; gap:9px; }.icon-button { width:39px; height:39px; border-radius:50%; border:1px solid var(--line); background:white; display:grid; place-items:center; }.app-content { padding:30px; max-width:1400px; margin:auto; }.dashboard-welcome { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:28px; }.dashboard-welcome h2 { font-size:34px; letter-spacing:-.05em; margin:0 0 6px; }.dashboard-welcome p { color:var(--muted); margin:0; font-size:13px; }.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:22px; }.stat-card { background:white; border:1px solid var(--line); border-radius:17px; padding:20px; }.stat-card span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }.stat-card strong { display:block; font-size:27px; letter-spacing:-.04em; margin-top:12px; }.dashboard-grid { display:grid; grid-template-columns:1.4fr .6fr; gap:20px; }.panel { background:white; border:1px solid var(--line); border-radius:20px; overflow:hidden; }.panel-header { padding:18px 20px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; }.panel-header h3 { font-size:13px; margin:0; }.project-row { display:grid; grid-template-columns:80px 1fr auto; gap:15px; align-items:center; padding:16px 20px; border-bottom:1px solid var(--line); }.project-row:last-child { border-bottom:0; }.project-thumb { width:80px; height:58px; border-radius:10px; object-fit:cover; }.project-row h4 { margin:0 0 5px; font-size:13px; }.project-row p { margin:0; font-size:10px; color:var(--muted); }.status-pill { padding:7px 10px; border-radius:999px; background:#eaf8de; color:#3c6e25; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.05em; }.activity-list { padding:4px 20px 15px; }.activity-item { display:flex; gap:11px; padding:14px 0; border-bottom:1px solid var(--line); }.activity-item:last-child { border-bottom:0; }.activity-dot { width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:4px;box-shadow:0 0 0 4px #edfae3; }.activity-item strong,.activity-item span { display:block; }.activity-item strong { font-size:11px; }.activity-item span { color:var(--muted); font-size:9px; margin-top:3px; }

/* Wizard */
.wizard-page { min-height:100vh; background:#eef0eb; }.wizard-top { height:70px; background:white; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 30px; position:sticky; top:0; z-index:20; }.wizard-progress { display:flex; align-items:center; gap:11px; color:var(--muted); font-size:10px; }.wizard-progress-bar { width:180px; height:5px; background:#e4e6e1; border-radius:99px; overflow:hidden; }.wizard-progress-bar span { height:100%; display:block; background:var(--accent); transition:width .35s; }.wizard-layout { width:min(1040px,calc(100% - 40px)); margin:auto; padding:48px 0 100px; display:grid; grid-template-columns:220px 1fr; gap:45px; }.wizard-steps { position:sticky; top:110px; align-self:start; display:flex; flex-direction:column; gap:4px; }.wizard-step { display:flex; align-items:center; gap:10px; padding:9px 10px; color:#7f888c; font-size:10px; font-weight:700; border-radius:10px; }.wizard-step.active { background:white; color:var(--ink); box-shadow:0 7px 22px rgba(0,0,0,.04); }.wizard-step.done { color:#4e7a37; }.wizard-step span { width:25px; height:25px; border-radius:50%; border:1px solid #cbd0c8; display:grid; place-items:center; font-size:9px; }.wizard-step.active span { background:var(--ink); color:white; border-color:var(--ink); }.wizard-step.done span { background:var(--accent); color:var(--ink); border-color:var(--accent); }.wizard-card { background:white; border:1px solid var(--line); border-radius:24px; padding:34px; min-height:590px; display:flex; flex-direction:column; }.wizard-card h1 { font-size:30px; letter-spacing:-.045em; margin:0 0 9px; }.wizard-card>p { color:var(--muted); font-size:12px; margin:0 0 28px; line-height:1.6; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.span-2 { grid-column:1/-1; }.choice-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }.choice-card { border:1px solid var(--line); background:#fafaf7; border-radius:15px; padding:20px; text-align:left; }.choice-card.active { border-color:#5e7e4c; box-shadow:0 0 0 3px rgba(169,255,82,.28); background:#f7fff0; }.choice-card strong,.choice-card span { display:block; }.choice-card strong { font-size:14px; }.choice-card span { color:var(--muted); font-size:10px; line-height:1.5; margin-top:5px; }.feature-groups { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.feature-group { border:1px solid var(--line); border-radius:15px; padding:16px; }.feature-group h3 { margin:0 0 13px; font-size:12px; }.feature-options { display:flex; flex-wrap:wrap; gap:7px; }.feature-chip { border:1px solid var(--line); background:white; border-radius:999px; padding:8px 10px; font-size:9px; color:#667075; }.feature-chip.active { background:var(--ink); color:white; border-color:var(--ink); }.notice { padding:15px; border-radius:13px; background:#f1f5ed; display:flex; gap:11px; color:#52604c; font-size:10px; line-height:1.55; margin-bottom:20px; }.upload-zone { border:1.5px dashed #aeb6ad; border-radius:17px; min-height:220px; display:grid; place-items:center; text-align:center; background:#fafbf8; position:relative; overflow:hidden; }.upload-zone input { position:absolute; inset:0; opacity:0; cursor:pointer; }.upload-zone__inner { display:flex; flex-direction:column; align-items:center; gap:8px; }.upload-zone__icon { width:50px; height:50px; border-radius:15px; background:#e7f9da; display:grid; place-items:center; color:#43752b; }.upload-zone strong { font-size:13px; }.upload-zone span { color:var(--muted); font-size:10px; }.uploaded-files { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:16px; }.upload-thumb { aspect-ratio:1.2; border-radius:11px; background:#e2e3dd; position:relative; overflow:hidden; border:1px solid var(--line); }.upload-thumb img { width:100%; height:100%; object-fit:cover; }.upload-thumb span { position:absolute; left:5px; right:5px; bottom:5px; border-radius:7px; background:rgba(0,0,0,.65); color:white; font-size:7px; padding:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.style-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.style-card { border:1px solid var(--line); border-radius:15px; padding:8px; background:white; text-align:left; }.style-card.active { box-shadow:0 0 0 3px rgba(169,255,82,.34); border-color:#5c7a49; }.style-preview { height:100px; border-radius:10px; overflow:hidden; position:relative; }.style-preview img { width:100%; height:100%; object-fit:cover; }.style-preview:after { content:""; position:absolute; inset:0; background:var(--overlay,linear-gradient(transparent,rgba(0,0,0,.5))); }.style-card strong { display:block; padding:10px 4px 4px; font-size:10px; }.package-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.package-option { border:1px solid var(--line); border-radius:17px; padding:20px; background:#fafaf7; text-align:left; position:relative; }.package-option.active { background:var(--ink); color:white; border-color:var(--ink); }.package-option h3 { font-size:14px; margin:0 0 4px; }.package-option .package-price { font-size:31px; font-weight:800; letter-spacing:-.04em; margin:15px 0; }.package-option ul { list-style:none; padding:0; margin:0; font-size:9px; display:flex; flex-direction:column; gap:8px; color:#6d767a; }.package-option.active ul { color:rgba(255,255,255,.57); }.package-option li { display:flex; gap:5px; }.review-box { border:1px solid var(--line); border-radius:16px; overflow:hidden; }.review-row { display:flex; justify-content:space-between; gap:25px; padding:13px 16px; border-bottom:1px solid var(--line); font-size:11px; }.review-row:last-child { border-bottom:0; }.review-row span { color:var(--muted); }.wizard-actions { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:30px; }.wizard-actions .button { min-width:125px; }

/* Processing/results */
.processing-card { max-width:900px; margin:30px auto; background:white; border:1px solid var(--line); border-radius:26px; padding:36px; }.processing-hero { display:flex; gap:22px; align-items:center; padding-bottom:28px; border-bottom:1px solid var(--line); }.processing-hero img { width:150px; height:100px; object-fit:cover; border-radius:15px; }.processing-hero h1 { font-size:25px; letter-spacing:-.04em; margin:0 0 7px; }.processing-hero p { color:var(--muted); font-size:11px; margin:0; }.big-progress { height:9px; border-radius:999px; background:#e8eae5; overflow:hidden; margin:30px 0 8px; }.big-progress span { display:block; height:100%; background:linear-gradient(90deg,#93e745,var(--accent)); transition:width .5s; }.progress-meta { display:flex; justify-content:space-between; color:var(--muted); font-size:9px; }.job-list { margin-top:28px; display:flex; flex-direction:column; }.job-item { display:flex; align-items:center; gap:13px; padding:14px 0; border-bottom:1px solid var(--line); }.job-state { width:31px; height:31px; border-radius:50%; display:grid; place-items:center; background:#edf0eb; color:#8b9397; }.job-item.done .job-state { background:#e8f9db; color:#3e7824; }.job-item.active .job-state { background:var(--ink); color:var(--accent); animation:pulse 1.2s infinite; }.job-item strong,.job-item span { display:block; }.job-item strong { font-size:11px; }.job-item span { color:var(--muted); font-size:9px; margin-top:3px; }.job-status { margin-left:auto; text-transform:uppercase; letter-spacing:.08em; font-size:8px!important; font-weight:850; }
@keyframes pulse { 0%,100%{box-shadow:0 0 0 0 rgba(169,255,82,.28)}50%{box-shadow:0 0 0 8px rgba(169,255,82,0)} }
.result-header { display:grid; grid-template-columns:210px 1fr auto; gap:22px; align-items:center; margin-bottom:24px; }.result-header img { width:210px; height:135px; object-fit:cover; border-radius:18px; }.result-header h1 { font-size:30px; margin:0 0 6px; letter-spacing:-.045em; }.result-header p { color:var(--muted); font-size:11px; margin:0; }.result-tabs { display:flex; gap:5px; overflow:auto; border-bottom:1px solid var(--line); margin-bottom:20px; }.result-tabs button { border:0; background:transparent; padding:13px 14px; color:#778085; font-size:10px; font-weight:750; white-space:nowrap; border-bottom:2px solid transparent; }.result-tabs button.active { color:var(--ink); border-color:var(--ink); }.result-panel { background:white; border:1px solid var(--line); border-radius:20px; padding:22px; min-height:510px; }.photo-results { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }.photo-result { border:1px solid var(--line); border-radius:14px; overflow:hidden; }.photo-result img { width:100%; height:170px; object-fit:cover; }.photo-result__meta { padding:11px; display:flex; align-items:center; justify-content:space-between; }.photo-result__meta strong { font-size:10px; }.tiny-button { border:1px solid var(--line); background:white; width:30px;height:30px;border-radius:50%;display:grid;place-items:center; }.result-editor { display:grid; grid-template-columns:1fr 250px; gap:20px; }.result-editor-main label { display:block; font-size:9px; font-weight:850; color:#748086; text-transform:uppercase; letter-spacing:.08em; margin:16px 0 7px; }.result-editor-main textarea { min-height:210px; }.result-side { border-left:1px solid var(--line); padding-left:20px; }.result-side h3 { font-size:12px; }.tone-option { width:100%; border:1px solid var(--line); background:white; border-radius:10px; padding:10px; text-align:left; font-size:9px; margin-bottom:7px; }.tone-option.active { background:#eef9e6; border-color:#aacb94; }.graphic-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.graphic-card { aspect-ratio:.9; border-radius:16px; overflow:hidden; position:relative; background:#111; }.graphic-card img { width:100%; height:100%; object-fit:cover; }.graphic-card:after { content:""; position:absolute; inset:0; background:linear-gradient(transparent,rgba(0,0,0,.83)); }.graphic-card__copy { position:absolute; left:16px; right:16px; bottom:16px; color:white; z-index:2; }.graphic-card__copy small { color:var(--accent); font-size:7px; letter-spacing:.13em; }.graphic-card__copy strong { display:block; font-size:20px; margin-top:5px; }.downloads-list { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.download-card { border:1px solid var(--line); border-radius:14px; padding:16px; display:flex; align-items:center; gap:13px; }.download-card__icon { width:40px;height:40px;border-radius:11px;background:#edf7e7;display:grid;place-items:center;color:#45742e; }.download-card strong,.download-card span { display:block; }.download-card strong { font-size:11px; }.download-card span { color:var(--muted); font-size:9px; margin-top:3px; }.download-card button { margin-left:auto; }

/* Public listing */
.vehicle-page { background:#f3f3ef; min-height:100vh; }.vehicle-topbar { height:68px; background:#0b0f12; color:white; display:flex; align-items:center; }.vehicle-topbar__inner { width:min(1240px,calc(100% - 40px)); margin:auto; display:flex; align-items:center; justify-content:space-between; }.seller-name { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:750; }.seller-logo { width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--ink);display:grid;place-items:center;font-weight:900; }.vehicle-hero { display:grid; grid-template-columns:1.35fr .65fr; min-height:650px; }.vehicle-gallery { position:relative; background:#111; }.vehicle-gallery>img { width:100%; height:650px; object-fit:cover; }.vehicle-gallery:after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 65%,rgba(0,0,0,.45)); }.gallery-count { position:absolute; z-index:2; bottom:20px; right:20px; background:rgba(0,0,0,.62); color:white; border-radius:999px; padding:9px 12px; font-size:9px; }.vehicle-summary { background:#101418; color:white; padding:65px 48px; display:flex; flex-direction:column; justify-content:center; }.vehicle-summary .section-kicker { color:var(--accent); }.vehicle-summary h1 { font-size:44px; line-height:1.02; letter-spacing:-.06em; margin:16px 0; }.vehicle-price { font-size:35px; font-weight:820; }.vehicle-subfacts { display:flex; gap:13px; color:rgba(255,255,255,.5); font-size:10px; margin:10px 0 26px; }.vehicle-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.vehicle-content { width:min(1050px,calc(100% - 40px)); margin:auto; padding:70px 0; }.fact-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.fact-card { background:white; border:1px solid var(--line); border-radius:15px; padding:16px; }.fact-card span { color:var(--muted); font-size:9px; }.fact-card strong { display:block; font-size:13px; margin-top:6px; }.vehicle-section { padding:55px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:250px 1fr; gap:50px; }.vehicle-section h2 { margin:0; font-size:25px; letter-spacing:-.04em; }.vehicle-section p { color:#586168; line-height:1.8; font-size:14px; margin-top:0; }.feature-columns { display:grid; grid-template-columns:repeat(2,1fr); gap:9px 20px; }.feature-line { display:flex; align-items:center; gap:8px; font-size:12px; padding:8px 0; border-bottom:1px solid var(--line); }.enquiry-box { background:var(--ink); color:white; border-radius:25px; padding:35px; display:grid; grid-template-columns:.8fr 1.2fr; gap:45px; }.enquiry-box h2 { font-size:34px; letter-spacing:-.05em; margin:8px 0; }.enquiry-box p { color:rgba(255,255,255,.5); font-size:12px; line-height:1.65; }.enquiry-form { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.enquiry-form .input,.enquiry-form .textarea { background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.15); color:white; }.enquiry-form .textarea { grid-column:1/-1; }.enquiry-form .button { grid-column:1/-1; }

/* Responsive */
@media (max-width: 980px) {
  .desktop-nav { display:none; }.mobile-menu-button { display:grid; place-items:center; width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:transparent;color:inherit; }.mobile-nav { display:flex; position:absolute; top:72px; left:20px; right:20px; background:#15191d; border:1px solid var(--line-dark); border-radius:16px; padding:12px; flex-direction:column; box-shadow:var(--shadow); }.mobile-nav>a:not(.button) { padding:13px; border-bottom:1px solid var(--line-dark); display:flex; justify-content:space-between; font-size:12px; }.mobile-nav .button { margin-top:10px; }
  .hero { grid-template-columns:1fr; padding-top:55px; }.hero-copy { max-width:720px; }.hero-visual { min-height:500px; max-width:720px; width:100%; margin:auto; }.trust-row { flex-wrap:wrap; padding-block:24px; justify-content:flex-start; }.split-section,.ethics-inner { grid-template-columns:1fr; gap:50px; }.output-grid { grid-template-columns:repeat(2,1fr); }.process-grid { grid-template-columns:repeat(2,1fr); }.pricing-grid { grid-template-columns:1fr; max-width:600px; margin:auto; }.price-card.popular { transform:none; }.final-cta>.container { grid-template-columns:1fr; min-height:680px; padding-top:90px; }.final-car { position:absolute; right:-120px; bottom:-100px; opacity:.48; }.site-footer__top { grid-template-columns:1.5fr 1fr 1fr; }.footer-brand { grid-column:1/-1; }.app-shell { grid-template-columns:82px 1fr; }.app-sidebar .brand-logo>span:last-child,.app-nav a span,.sidebar-user>div:last-child,.demo-badge { display:none; }.app-sidebar .brand-logo { margin-left:12px; }.app-nav a { justify-content:center; }.dashboard-grid { grid-template-columns:1fr; }.wizard-layout { grid-template-columns:1fr; }.wizard-steps { display:none; }.vehicle-hero { grid-template-columns:1fr; }.vehicle-gallery>img { height:520px; }.vehicle-summary { padding:45px 30px; }.auth-page { grid-template-columns:1fr; }.auth-visual { display:none; }
}
@media (max-width: 680px) {
  .container { width:min(100% - 28px,1180px); }.site-header__inner { width:calc(100% - 28px); height:70px; }.hero { min-height:auto; gap:30px; padding:55px 0 85px; }.hero h1 { font-size:55px; }.hero-copy>p { font-size:14px; }.hero-actions { flex-direction:column; align-items:stretch; }.hero-actions .button { width:100%; }.hero-proof { gap:13px; }.hero-visual { min-height:390px; }.hero-photo-card { width:94%; top:20px; }.floating-card--copy { left:0; top:64px; transform:scale(.82); transform-origin:left; }.floating-card--social { left:0; bottom:15px; transform:scale(.82); transform-origin:left bottom; }.video-phone { width:98px;height:190px;right:0;bottom:0; }.trust-row { display:grid; grid-template-columns:1fr 1fr; }.section { padding-block:80px; }.section-copy h2,.section-heading h2 { font-size:43px; }.compare-card,.compare-card img { min-height:350px; height:350px; }.output-grid { grid-template-columns:1fr; }.product-showcase { grid-template-columns:1fr; min-height:auto; }.showcase-sidebar { flex-direction:row; overflow:auto; }.showcase-brand { display:none; }.showcase-sidebar button { white-space:nowrap; }.showcase-content { padding:16px; }.showcase-photo-grid { height:370px; }.showcase-socials { grid-template-columns:repeat(3,190px); overflow:auto; }.sales-preview-body { grid-template-columns:1fr; }.sales-preview-body img { height:220px; }.process-grid { grid-template-columns:1fr; }.process-demo { flex-direction:column; align-items:stretch; }.process-line { height:5px; min-height:5px; }.process-ready { margin:0; }.dealer-callout { padding:28px; flex-direction:column; align-items:flex-start; }.ethics-visual,.ethics-visual>img { min-height:350px; height:350px; }.ethics-badge { right:10px; }.site-footer__top { grid-template-columns:1fr 1fr; }.footer-brand { grid-column:1/-1; }.site-footer__bottom { flex-direction:column; align-items:flex-start; justify-content:center; gap:5px; }.app-shell { display:block; }.app-sidebar { position:fixed; left:0; right:0; bottom:0; top:auto; height:64px; z-index:30; padding:7px 10px; }.app-sidebar .brand-logo,.app-sidebar__bottom { display:none; }.app-nav { flex-direction:row; justify-content:space-around; }.app-nav a { padding:10px; }.app-topbar { padding:0 16px; }.app-content { padding:19px 14px 90px; }.dashboard-welcome { align-items:flex-start; flex-direction:column; }.stat-grid { grid-template-columns:repeat(2,1fr); }.project-row { grid-template-columns:64px 1fr; }.project-row .status-pill { grid-column:2; justify-self:start; }.wizard-top { padding:0 14px; }.wizard-top .brand-logo>span:last-child { display:none; }.wizard-progress-bar { width:90px; }.wizard-layout { width:calc(100% - 24px); padding-top:20px; }.wizard-card { padding:22px 16px; min-height:650px; }.form-grid,.choice-grid,.feature-groups,.package-grid { grid-template-columns:1fr; }.style-grid { grid-template-columns:repeat(2,1fr); }.uploaded-files { grid-template-columns:repeat(2,1fr); }.result-header { grid-template-columns:90px 1fr; }.result-header img { width:90px;height:70px; }.result-header .button { grid-column:1/-1; }.photo-results,.graphic-grid { grid-template-columns:1fr; }.result-editor { grid-template-columns:1fr; }.result-side { border-left:0; border-top:1px solid var(--line); padding:16px 0 0; }.downloads-list { grid-template-columns:1fr; }.vehicle-gallery>img { height:410px; }.vehicle-summary h1 { font-size:36px; }.fact-grid { grid-template-columns:repeat(2,1fr); }.vehicle-section { grid-template-columns:1fr; gap:20px; }.feature-columns { grid-template-columns:1fr; }.enquiry-box { grid-template-columns:1fr; padding:25px; }.enquiry-form { grid-template-columns:1fr; }.enquiry-form .textarea,.enquiry-form .button { grid-column:auto; }
}