:root{--ink:#111210;--muted:#656762;--surface:#f7f7f4;--paper:#fff;--line:#d9dbd5;--accent:#a71720;--font:'Manrope',Arial,sans-serif;--radius:22px;--max:1230px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:#fbfbfa;color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
::selection{background:#f2d7d7;color:#111}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.nav-holder{position:sticky;top:14px;z-index:50;padding:0 20px;margin:17px 0 32px}
.nav-shell{height:66px;max-width:860px;margin:auto;border:1px solid #e5e6e2;box-shadow:0 9px 40px #242c1910,0 1px 4px #242c1908;background:#fffffff2;backdrop-filter:blur(18px);border-radius:50px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 28px;gap:24px}
.brand{display:inline-flex;flex-direction:column;width:max-content;line-height:.85;letter-spacing:-1.9px;font-size:25px;font-weight:800;transform:scaleX(1.01);white-space:nowrap}
.brand small{align-self:center;letter-spacing:4.8px;font-size:9px;font-weight:800;margin-top:5px;margin-left:6px}
.brand-period{color:#b1131c}
.desktop-nav{display:flex;align-items:center;gap:26px;white-space:nowrap}
.desktop-nav a{font-size:12px;font-weight:700;color:#585a57;transition:color .2s}
.desktop-nav a:hover{color:#080808}
.nav-cta{background:#0e0f0e;color:#fff;border-radius:100px;padding:13px 22px;font-size:12px;font-weight:800;display:inline-flex;gap:13px;align-items:center;white-space:nowrap;transition:transform .2s,background .2s}
.nav-cta:hover{background:#343632;transform:translateY(-1px)}
.menu-toggle{display:none;background:none;border:0;width:40px;height:40px;padding:10px}
.menu-toggle span{display:block;height:2px;background:#181a18;margin:6px 0;border-radius:5px}
.mobile-nav{display:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.055em}
em{font-style:italic;font-weight:700}
.dotted{background-color:#f5f5f1;background-image:radial-gradient(#d8dbd5 0.8px,transparent .9px);background-size:25px 25px}
.hero{max-width:calc(var(--max) + 44px);margin:0 auto 0;border:1px solid #dedfd9;border-radius:43px 43px 0 0;padding:45px 40px 0;position:relative;overflow:hidden}
.hero-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#686a66;font-weight:600;margin-bottom:34px}
.hero-meta a{color:#262826;transition:opacity .2s}
.hero-meta a:hover{opacity:.55}
.hero-meta a span{padding-right:9px}
.eyebrow,.section-kicker{display:flex;align-items:center;gap:15px;font-weight:800;font-size:13px;color:#525550;letter-spacing:-.015em}
.eyebrow{margin-bottom:15px}
.plus-mark{display:inline-flex;align-items:center;justify-content:center;color:white;background:#0b0c0b;border-radius:50%;font-size:18px;font-weight:400;letter-spacing:0;line-height:1;width:31px;height:31px;flex-shrink:0}
.hero h1{font-size:clamp(52px,6.25vw,90px);line-height:1.08;font-weight:800;margin:0 0 23px;max-width:1120px;letter-spacing:-.07em}
.hero h1 em{display:inline}
.hero-copy{max-width:775px;color:#61635f;font-size:clamp(16px,1.52vw,20px);line-height:1.62;font-weight:500;margin-bottom:17px}
.pills{display:flex;gap:11px;flex-wrap:wrap;margin:0 0 28px}
.pills span{border:1px solid #dcddd8;padding:9px 15px;border-radius:60px;background:#f8f8f6ad;font-size:12px;font-weight:800;white-space:nowrap}
.pills span:before{content:'●';font-size:10px;color:#111;margin-right:8px}
.button{min-height:51px;border-radius:100px;padding:15px 26px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:13px;font-weight:800;line-height:1.15;transition:transform .2s,background .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}
.button-black{background:#0f100e;color:#fff;border:1px solid #0f100e}
.button-black:hover{background:#333631}
.button-outline{background:#ffffff5e;border:1px solid #cdd0c9;color:#222420}
.button-outline:hover{background:#fff;border-color:#9a9d95}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:45px}
.mock-browser{background:#fff;border:1px solid #d9dbd5;box-shadow:0 16px 65px #20221916;border-radius:19px 19px 0 0;overflow:hidden}
.hero-browser{max-width:1130px;margin:auto;transform:translateY(0)}
.browser-top{height:39px;background:#f0f0ed;border-bottom:1px solid #e1e1df;display:flex;align-items:center;gap:15px;padding:0 17px;color:#737671;font-size:11px}
.browser-dots{display:flex;gap:5px}
.browser-dots i{width:9px;height:9px;background:#c4c6c2;border-radius:50%}
.browser-address{background:#fff;padding:5px 15px;border-radius:7px;border:1px solid #e8e9e5}
.browser-top-end{margin-left:auto}
.showroom-head{display:flex;align-items:center;justify-content:space-between;padding:19px 42px;gap:15px;border-bottom:1px solid #f0f1ef}
.showroom-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.06em}
.showroom-logo small{display:block;font-size:8px;color:#8a8d89;letter-spacing:.05em;font-weight:600;margin-top:-1px}
.showroom-symbol{border-radius:10px;background:#191a19;color:#fff;font-size:20px;padding:5px 9px}
.showroom-links{display:flex;gap:30px;color:#666965;font-size:10px;font-weight:700}
.showroom-contact{background:#121312;color:#fff;padding:10px 16px;border-radius:100px;font-size:10px;font-weight:800}
.showroom-title{padding:36px 44px 14px}
.mini-label{color:#a1262b;letter-spacing:.17em;font-size:9px;font-weight:800}
.showroom-title h2{font-size:clamp(32px,3.4vw,46px);line-height:1.13;margin:10px 0 6px;letter-spacing:-.06em}
.showroom-title p{color:#858883;font-size:12px}
.showroom-search{display:flex;align-items:center;gap:10px;margin:10px 44px 20px}
.showroom-search span{border-radius:9px;border:1px solid #e6e8e3;background:#fff;color:#969892;font-size:10px;padding:12px 15px;min-width:126px;white-space:nowrap}
.showroom-search span:first-child{flex:1;text-align:left}
.showroom-search b{margin-left:10px}
.showroom-search strong{background:#171917;color:white;border-radius:9px;padding:12px 17px;font-size:10px}
.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.hero-vehicles{padding:0 44px 22px}
.vehicle-card{border-radius:13px;border:1px solid #e8e9e6;overflow:hidden;background:#fff;text-align:left;min-width:0}
.vehicle-art{height:152px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vehicle-art svg{width:91%;height:100%;margin-top:16px;filter:drop-shadow(0 2px 2px #1c27221a)}
.vehicle-tag{position:absolute;top:13px;left:13px;background:#fff;border:1px solid #e5e7e1;border-radius:30px;padding:6px 10px;font-size:9px;font-weight:800;color:#2b3b30;z-index:1}
.car-pearl{background:linear-gradient(165deg,#f0f1ee,#e6e9e5);color:#e1e4e0}
.car-powder{background:linear-gradient(160deg,#ecf3f5,#dde9ed);color:#81b0c3}
.car-sage{background:linear-gradient(150deg,#eef0e9,#dfe5dc);color:#9aa89a}
.vehicle-info{padding:13px 16px 16px}
.vehicle-info h3{font-size:14px;font-weight:800;letter-spacing:-.035em;margin-bottom:4px}
.vehicle-info p{color:#959994;font-size:10px;margin:0 0 12px;line-height:1.4}
.vehicle-price{font-size:17px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:6px}
.vehicle-price span{font-size:9px;color:#5e655e;font-weight:700;white-space:nowrap}
.example-disclaimer{display:block;text-align:right;color:#a0a49e;font-size:9px;padding:0 44px 13px}
.section{padding:110px 34px;max-width:var(--max);margin:0 auto}
.section-split{display:grid;grid-template-columns:1fr .88fr;gap:10%;align-items:start}
.section-kicker{margin-bottom:26px}
.section h2,.final-cta h2{font-size:clamp(37px,4.45vw,63px);line-height:1.15;letter-spacing:-.062em;font-weight:800;margin:0 0 23px}
.section-lead{font-size:16px;line-height:1.77;color:#777a75;max-width:610px;font-weight:500}
.problem-list{padding-top:58px;display:grid;gap:12px}
.problem-list>div{padding:20px 22px;display:flex;gap:16px;align-items:flex-start;border:1px solid #dedfdb;background:#f5f5f2;border-radius:12px;min-height:86px}
.problem-list p{font-size:14px;line-height:1.6;margin:0;font-weight:700;color:#353832}
.red-dot{width:10px;height:10px;border-radius:50%;background:#a32830;flex-shrink:0;margin-top:8px}
.section-head{max-width:960px;margin-bottom:40px}
.section-demo{max-width:none;background:#f3f3f0;border-top:1px solid #e1e1dd;border-bottom:1px solid #e1e1dd;padding:92px max(34px,calc((100vw - var(--max))/2 + 34px)) 84px}
.section-demo .section-head{max-width:1000px}
.demo-workspace{display:grid;grid-template-columns:.83fr 1.17fr;gap:20px;align-items:stretch}
.demo-panel,.demo-preview{background:#fff;border:1px solid #dedfdb;border-radius:20px;box-shadow:0 16px 44px #2228200b;min-width:0;overflow:hidden}
.demo-panel{padding:28px}
.demo-panel-top{display:flex;align-items:center;gap:12px;padding-bottom:21px;border-bottom:1px solid #e8eae6}
.panel-icon{background:#0c0d0c;border-radius:9px;color:#fff;font-size:19px;font-weight:800;width:42px;height:42px;display:flex;align-items:center;justify-content:center;letter-spacing:-2px}
.panel-icon span{color:#d7474c}
.demo-panel-top strong{font-size:14px;font-weight:800;display:block;letter-spacing:-.04em}
.demo-panel-top small{display:block;font-size:10px;color:#959a95;margin-top:3px}
.panel-dots{margin-left:auto;color:#969995;letter-spacing:2px}
.panel-breadcrumb{font-size:10px;color:#959a95;letter-spacing:.08em;font-weight:800;margin-top:27px}
.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 25px}
.panel-heading h3{font-size:25px;letter-spacing:-.05em;margin:0}
.demo-online{font-size:10px;font-weight:800;background:#eaf5ec;color:#38684b;border-radius:30px;padding:7px 10px;white-space:nowrap}
.demo-online.sold{background:#f8eded;color:#9d4447}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
#demoForm label{font-size:10px;font-weight:800;display:block;color:#5f655e;letter-spacing:.005em}
#demoForm input,#demoForm select{display:block;width:100%;min-width:0;border:1px solid #dfe2db;border-radius:9px;padding:12px 12px;background:#fafbf9;color:#252925;margin-top:7px;font-size:13px;font-weight:700;outline:none}
#demoForm input:focus,#demoForm select:focus{border-color:#303730;box-shadow:0 0 0 3px #8ca18a25}
.status-field{margin:3px 0 25px}
.button-wide{width:100%;border-radius:9px}
.demo-tools{display:flex;gap:10px;margin-top:14px}
.demo-tools button{background:#f5f6f3;border:1px solid #e4e6e1;border-radius:9px;padding:10px 12px;font-size:10px;font-weight:800;flex:1;color:#333834}
.demo-tools button:hover{background:#eaeeea}
.demo-preview{display:flex;flex-direction:column}
.preview-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #e9ebe6;font-size:10px;font-weight:800;color:#858983}
.preview-topline span:first-child{color:#3b403b}
.live-ring{display:inline-block;width:9px;height:9px;margin-right:8px;border:2px solid #2c9567;border-radius:50%;box-shadow:0 0 0 3px #dcf4e4}
.preview-vehicle-image{height:270px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.preview-vehicle-image svg{height:100%;max-width:560px;width:92%;margin-top:35px}
.preview-vehicle-image .vehicle-tag{top:23px;left:23px;font-size:11px;padding:9px 13px}
.preview-body{padding:23px 30px 28px}
.preview-body h3{font-size:clamp(25px,2.5vw,36px);margin:6px 0 11px}
.preview-specs{color:#888c86;font-size:12px;font-weight:700}
.preview-specs span{padding:0 7px}
.preview-price{display:block;font-size:30px;font-weight:800;letter-spacing:-.055em;margin-top:23px}
.preview-line{height:1px;background:#e7e9e4;margin:18px 0}
.preview-chat{background:#1a1e1a;color:white;border-radius:10px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800}
.preview-caption{color:#959a94;font-size:11px;margin:12px 0 0;text-align:center}
.sold-state{margin:auto;text-align:center;padding:85px 35px}
.sold-state[hidden]{display:none}
.sold-icon{width:60px;height:60px;background:#e8f2ea;color:#217445;margin:auto auto 18px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:28px}
.sold-state h3{font-size:26px;margin:0 0 12px}
.sold-state p{font-size:14px;color:#898d86;max-width:310px;line-height:1.65;margin:auto}
.demo-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:21px;font-size:11px;line-height:1.7;color:#858983}
.small-flash{color:#a4262d;font-size:15px;padding-right:6px}
.toast{color:#24794b;font-weight:800;min-height:20px}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.step-grid article{border:1px solid #e2e3df;background:#fafaf8;border-radius:17px;padding:25px;min-width:0}
.step-number{font-size:11px;color:#969a92;font-weight:800;letter-spacing:.15em}
.step-art{height:225px;display:flex;align-items:center;justify-content:center;margin:15px 0 22px;border-radius:12px;background:radial-gradient(#e6e8e1 1px,transparent 1px);background-size:18px 18px;overflow:hidden}
.tiny-device{display:flex;flex-direction:column;width:170px;padding:16px;background:white;border:1px solid #e2e4dd;border-radius:12px;box-shadow:0 10px 30px #15291515;transform:rotate(-5deg);gap:10px}
.tiny-device i{width:26px;height:26px;background:#101510;color:white;border-radius:7px;display:grid;place-items:center;font-size:23px;font-style:normal}
.tiny-device b{font-size:12px;letter-spacing:-.03em}
.tiny-device small{font-size:9px;color:#9da19a}
.tiny-button{background:#161916;color:#fff;border-radius:5px;padding:9px;font-size:9px;text-align:center;font-weight:700}
.small-card-art{width:90%;height:155px;border-radius:15px;box-shadow:0 10px 30px #18221915;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(4deg);padding:10px}
.small-card-art svg{width:100%;height:120px}
.small-card-art span{background:#fff;border-radius:5px;padding:7px 12px;color:#2a583b;font-weight:800;font-size:10px}
.mini-chat{width:90%;display:flex;flex-direction:column;gap:8px;transform:rotate(-3deg)}
.bubble{font-size:11px;font-weight:700;line-height:1.5;padding:11px 13px;border-radius:13px;max-width:92%}
.bubble-light{background:#fff;border:1px solid #e6e9e3;color:#323731;align-self:flex-start}
.bubble-dark{background:#1a211c;color:#fff;align-self:flex-end}
.step-grid h3{font-size:21px;margin:0 0 9px}
.step-grid p{font-size:13px;line-height:1.75;color:#757973;margin:0}
.section-dark{max-width:none;background:#111311;color:#fff;padding:105px max(34px,calc((100vw - var(--max))/2 + 34px));overflow:hidden}
.dark-split{display:grid;grid-template-columns:1fr .95fr;gap:7%;align-items:center}
.light-kicker{color:#c4c8c0}
.light-kicker .plus-mark{background:#f5f5f1;color:#101010}
.section-dark h2{font-size:clamp(38px,4.45vw,62px)}
.section-dark p:not(.section-kicker){color:#b3b7b1;font-size:15px;line-height:1.8;max-width:540px}
.dark-checks{display:grid;gap:13px;margin-top:30px;font-size:13px;font-weight:700;color:#d8dbd6}
.brand-preview{min-height:490px;border-radius:20px;background:linear-gradient(125deg,#242b2c7d,#171b1cdd),linear-gradient(135deg,#65706b,#283130 65%,#141818);border:1px solid #4d534f;position:relative;overflow:hidden;box-shadow:0 25px 75px #0006}
.brand-preview::before{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1100&q=80');background-position:center;background-size:cover;opacity:.42;filter:grayscale(.25)}
.brand-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101514db 0%,#10151470 65%,#10151425)}
.brand-preview-overlay{position:absolute;z-index:1;inset:45px 35px;display:flex;flex-direction:column;align-items:flex-start}
.brand-preview-overlay>span:first-child{font-size:10px;font-weight:800;letter-spacing:.17em;color:#e6e7e2}
.brand-preview-overlay strong{font-size:clamp(34px,3.3vw,49px);line-height:1.1;letter-spacing:-.06em;margin-top:auto}
.brand-preview-overlay small{font-size:13px;color:#d0d5d0;margin-top:10px;font-weight:600}
.brand-preview-link{background:#fff;color:#171a17;font-size:11px;font-weight:800;border-radius:50px;padding:14px 19px;margin-top:25px}
.honesty-note{font-size:12px;line-height:1.7;color:#747973;background:#f3f4ef;border-left:3px solid #969e91;padding:15px 17px;margin-top:23px;border-radius:0 9px 9px 0}
.honesty-note strong{color:#333833}
.search-points{display:grid;gap:0;padding-top:60px}
.search-points div{display:grid;grid-template-columns:50px 1fr;gap:15px;border-bottom:1px solid #e3e5df;padding:19px 0}
.search-points span{color:#9ba099;font-size:12px;font-weight:800;padding-top:3px}
.search-points p{font-size:14px;line-height:1.65;color:#343a33;font-weight:700;margin:0}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.feature-card{border-radius:14px;background:#f5f5f2;border:1px solid #e3e5df;padding:27px;min-height:240px}
.feature-icon{font-size:28px;width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#e9ebe6;color:#292d28;font-weight:500;margin-bottom:27px}
.feature-card h3{font-size:20px;margin:0 0 10px}
.feature-card p{font-size:13px;line-height:1.7;color:#777c75;margin:0}
.boundaries{border-top:1px solid #e9eae6;display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:start}
.boundary-grid{display:grid;gap:20px}
.boundary-item{display:flex;gap:14px;padding:0 0 22px;border-bottom:1px solid #e3e5df}
.boundary-item p{margin:0;font-size:14px;line-height:1.7;color:#787c75}
.boundary-item strong{color:#272c27}
.boundary-check{width:25px;height:25px;display:grid;place-items:center;background:#e7f0e6;border-radius:50%;color:#2e6c43;font-weight:800;flex-shrink:0;font-size:13px}
.faq-section{border-top:1px solid #e9eae6}
.faq-list{border-top:1px solid #dedfda}
.faq-list details{border-bottom:1px solid #dedfda}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;font-size:16px;font-weight:800;cursor:pointer;list-style:none;letter-spacing:-.025em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:24px;font-weight:400;color:#50564e;line-height:1;transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{color:#737972;font-size:14px;line-height:1.8;max-width:810px;padding:0 40px 22px 0;margin:0}
.final-cta{max-width:calc(var(--max) + 44px);margin:25px auto 0;border:1px solid #dfe2d9;border-radius:34px;padding:65px 55px 75px}
.final-cta h2{max-width:1060px}
.final-cta p:not(.section-kicker){font-size:17px;line-height:1.75;color:#6d726b;max-width:730px}
.final-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.footer{max-width:calc(var(--max) + 44px);margin:0 auto;padding:70px 35px 30px;display:grid;grid-template-columns:1fr auto;gap:30px}
.footer-brand p{font-size:12px;color:#8e928c;margin:19px 0 0}
.footer-links{display:flex;gap:30px;font-weight:700;font-size:12px;color:#5b6059;align-self:center}
.footer-links a:hover{text-decoration:underline}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #e8eae5;padding-top:25px;color:#969b94;font-size:10px;gap:15px}
@media(max-width:1040px){.hero{margin:0 15px}.section{padding:80px 30px}.section-demo,.section-dark{padding:80px 30px}.final-cta{margin:15px}.dark-split{gap:4%}.section-split{gap:6%}.showroom-links{gap:15px}.vehicle-art{height:130px}}
@media(max-width:760px){html{scroll-padding-top:85px}.nav-holder{margin:11px 0 18px;padding:0 12px;top:8px}.nav-shell{height:58px;padding:9px 10px 9px 17px}.brand{font-size:22px}.brand small{font-size:8px;letter-spacing:4px}.desktop-nav{display:none}.nav-cta{margin-left:auto;padding:11px 15px}.menu-toggle{display:block}.mobile-nav{display:flex;flex-direction:column;gap:0;max-width:860px;margin:5px auto 0;border:1px solid #e5e6e2;border-radius:16px;background:#fff;box-shadow:0 14px 40px #0001;overflow:hidden}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:15px 19px;font-size:13px;font-weight:800;border-bottom:1px solid #eceee8}.mobile-nav a:last-child{border:0}.hero{border-radius:27px 27px 0 0;margin:0 10px;padding:24px 22px 0}.hero-meta{font-size:10px;margin-bottom:37px}.hero-meta>span{max-width:145px;text-align:right;line-height:1.4}.hero h1{font-size:clamp(42px,9vw,64px);letter-spacing:-.075em;line-height:1.09;margin-bottom:18px}.hero h1 br{display:none}.hero-copy{font-size:15px;line-height:1.72}.eyebrow{margin-bottom:15px}.pills{gap:7px}.pills span{padding:8px 10px;font-size:10px}.pills span:before{font-size:7px;margin-right:5px}.hero-actions{margin-bottom:28px}.button{min-height:46px;padding:13px 19px;font-size:12px;gap:12px}.hero-browser{width:calc(100% + 24px);margin-left:-12px;border-radius:13px 13px 0 0}.browser-top{height:30px;padding:0 10px;font-size:8px}.browser-dots i{width:6px;height:6px}.browser-address{padding:3px 8px}.showroom-head{padding:12px}.showroom-logo{font-size:10px;gap:6px}.showroom-logo small{font-size:6px}.showroom-symbol{font-size:12px;padding:4px 6px;border-radius:6px}.showroom-links{display:none}.showroom-contact{font-size:8px;padding:7px 10px}.showroom-title{padding:23px 15px 6px}.showroom-title h2{font-size:25px}.showroom-title p{font-size:9px}.mini-label{font-size:8px}.showroom-search{gap:5px;margin:9px 15px 13px}.showroom-search span{font-size:8px;min-width:0;padding:9px}.showroom-search span:nth-child(3){display:none}.showroom-search strong{font-size:8px;padding:9px}.hero-vehicles{padding:0 12px 10px;gap:7px}.vehicle-card{border-radius:8px}.vehicle-art{height:77px}.vehicle-tag{top:6px;left:6px;font-size:6px;padding:4px 5px}.vehicle-art svg{width:100%;margin-top:5px}.vehicle-info{padding:8px}.vehicle-info h3{font-size:9px}.vehicle-info p{font-size:7px;margin-bottom:7px}.vehicle-price{font-size:10px}.vehicle-price span{display:none}.example-disclaimer{font-size:7px;padding:0 12px 8px}.section{padding:73px 21px}.section-split,.boundaries{grid-template-columns:1fr;gap:22px}.section h2,.final-cta h2{font-size:clamp(34px,8vw,48px)}.section-lead{font-size:14px;line-height:1.75}.problem-list,.search-points{padding-top:12px}.problem-list>div{padding:16px}.problem-list p{font-size:13px}.section-head{margin-bottom:26px}.section-demo,.section-dark{padding:68px 18px}.demo-workspace{grid-template-columns:1fr;gap:14px}.demo-panel{padding:20px}.demo-preview{min-height:480px}.preview-vehicle-image{height:190px}.preview-vehicle-image svg{margin-top:15px}.preview-body{padding:22px}.preview-body h3{font-size:27px}.preview-price{font-size:25px}.demo-foot{flex-direction:column;align-items:flex-start}.step-grid{grid-template-columns:1fr;gap:12px}.step-grid article{padding:21px}.step-art{height:190px}.dark-split{grid-template-columns:1fr;gap:38px}.brand-preview{min-height:390px}.brand-preview-overlay{inset:30px}.search-points{margin-top:10px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-card{padding:18px;min-height:242px}.feature-card h3{font-size:16px}.feature-card p{font-size:12px}.feature-icon{margin-bottom:17px}.boundary-grid{gap:15px}.faq-list summary{font-size:14px;padding:20px 0}.faq-list details p{font-size:13px}.final-cta{padding:46px 24px 51px;margin:10px;border-radius:24px}.final-cta p:not(.section-kicker){font-size:14px}.footer{padding:50px 25px 26px;grid-template-columns:1fr}.footer-links{gap:23px;flex-wrap:wrap;align-self:start}.footer-bottom{flex-direction:column;gap:10px}}
@media(max-width:420px){.nav-shell{gap:4px}.nav-cta{font-size:10px}.hero h1{font-size:40px}.hero-actions .button{width:100%}.form-two{gap:9px}.demo-tools{flex-direction:column}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:unset}.hero-meta>span{max-width:100px}.section-kicker{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Farsi trovare · Google e AI */
.findable .section-head{max-width:1000px}
.find-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:10px}
.find-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}
.find-label{font-size:12px;font-weight:800;color:#8a8e87;letter-spacing:.02em;margin:0 0 16px}
.find-card h3{font-size:22px;letter-spacing:-.03em;margin:24px 0 8px}
.find-card>p:last-child{font-size:14.5px;line-height:1.7;color:#6b6f69;margin:0;font-weight:500}
.mock-google,.mock-ai{background:var(--surface);border:1px solid #e4e6e0;border-radius:16px;padding:16px;font-family:Arial,sans-serif}
.mg-bar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe1dc;border-radius:999px;padding:10px 15px;font-size:13.5px;color:#202124;box-shadow:0 1px 5px rgba(0,0,0,.06)}
.mg-g{font-weight:700;color:#4285f4;font-size:16px}
.mg-icon{margin-left:auto;color:#70757a}
.mg-result{padding:14px 4px 4px}
.mg-result small{display:block;font-size:11.5px;color:#4d5156}
.mg-result strong{display:block;color:#1a0dab;font-size:15.5px;font-weight:500;margin:3px 0}
.mg-result p{font-size:12.5px;line-height:1.55;color:#4d5156;margin:0}
.mg-result p b{color:#202124}
.mg-faded{opacity:.45}
.mock-ai{display:grid;gap:12px;font-family:var(--font)}
.ma-user{justify-self:end;max-width:86%;background:#e9eae5;border-radius:16px 16px 4px 16px;padding:11px 14px;font-size:13px;line-height:1.5;color:#2b2e2a;font-weight:600}
.ma-bot{display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:start}
.ma-dot{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px}
.ma-bot p{font-size:13px;line-height:1.6;color:#3a3d39;margin:2px 0 0;font-weight:500}
.ma-src{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:#fff;border:1px solid #dcded8;font-size:11px;font-weight:700;color:#4a4e49}
.find-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.find-stats>div{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;border-top:2px solid var(--ink);padding-top:18px}
.find-stats strong{font-size:46px;letter-spacing:-.05em;line-height:1}
.find-stats p{font-size:13.5px;line-height:1.6;color:#5f635d;margin:0;font-weight:600}
.find-stats a{color:#8a8e87;font-weight:700;text-underline-offset:3px}
.find-points{grid-template-columns:1fr 1fr;column-gap:40px;padding-top:30px}
@media(max-width:760px){.find-grid,.find-stats,.find-points{grid-template-columns:1fr}.find-card{padding:18px}.find-stats strong{font-size:38px}.find-card h3{font-size:20px}}

/* Foto reali al posto delle illustrazioni CSS */
.vehicle-art.photo{background:#e9eae6}
.vehicle-art.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vehicle-art.photo .vehicle-tag{z-index:1}
.comparison-thumb.photo img{width:100%;height:100%;object-fit:cover}
.small-card-art.photo{background:#fff;padding:0;overflow:hidden;justify-content:flex-end;position:relative}
.small-card-art.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.small-card-art.photo span{position:relative;margin-bottom:10px}
.owned-hero.owned-photo{background:linear-gradient(90deg,#101915e6 0%,#10191599 50%,#10191530 100%),url('./assets/img/salone.webp') center 60%/cover}
.brand-mockup{margin:0;align-self:center}
.brand-mockup img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid #4d534f;box-shadow:0 30px 70px #00000055}
.brand-mockup figcaption{font-size:11px;color:#8d928b;margin-top:10px}
.merged-boundaries{margin-top:56px;padding-top:34px;border-top:1px solid var(--line)}
.merged-title{font-size:13px;font-weight:800;color:#525550;margin:0 0 18px}
.merged-boundaries .boundary-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1040px){.merged-boundaries .boundary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.merged-boundaries .boundary-grid{grid-template-columns:1fr}.merged-boundaries{margin-top:40px}}
.inline-logo{height:1.2em;width:auto;vertical-align:-.25em;display:inline-block;margin:0 .08em}
.inline-logo-subito{height:1.1em;vertical-align:-.2em}
.portal-logos{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1e3dd;border-radius:999px;padding:7px 13px}
.portal-logos img{height:17px;width:auto;display:block}
.h-logo{height:1em;width:auto;display:inline-block;vertical-align:-.16em;margin:0 .04em}
.h-logo-subito{height:.85em;vertical-align:-.12em;margin-right:-.02em}

/* Confronto portali vs sito */
.vs-table{margin-top:46px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}
.vs-row{display:grid;grid-template-columns:.8fr 1fr 1fr;border-top:1px solid #e7e9e3}
.vs-row:first-child{border-top:0}
.vs-row>*{padding:17px 22px;font-size:14px;line-height:1.55}
.vs-row strong{font-weight:800;color:var(--ink);font-size:14px}
.vs-portal{color:#7a7e78;font-weight:500}
.vs-site{background:#151816;color:#f4f5f1;font-weight:600}
.vs-row i{font-style:normal;font-weight:800;margin-right:9px}
.vs-portal i{color:#a3a7a0}
.vs-site i{color:#7fd39a}
.vs-head>*{padding-top:20px;padding-bottom:20px}
.vs-head .vs-portal{display:flex;align-items:center;gap:14px}
.vs-head .vs-portal img{height:18px;width:auto}
.vs-head .vs-site{font-weight:800;font-size:15px}
@media(max-width:760px){
  .vs-table{margin-top:34px}
  .vs-row{grid-template-columns:1fr 1fr}
  .vs-row strong{grid-column:1/-1;padding:15px 16px 4px;background:var(--paper)}
  .vs-row>span{padding:10px 14px 15px;font-size:13px}
  .vs-head>span:first-child{display:none}
  .vs-head .vs-portal{flex-wrap:wrap;gap:8px}
  .vs-head .vs-portal img{height:14px}
  .vs-head .vs-site{font-size:13px}
}
