:root{--ink:#111311;--paper:#f3f1e9;--lime:#c8ff2e;--muted:#74766f;--line:#d6d5ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}.topline{height:30px;background:var(--ink);color:#c8cbc2;display:flex;justify-content:center;gap:45px;align-items:center;font-size:11px;letter-spacing:.12em}.topline span:before{content:'●';color:var(--lime);font-size:6px;margin-right:8px}.header{height:82px;background:#f7f5ee;display:flex;align-items:center;padding:0 4vw;justify-content:space-between;position:sticky;top:0;z-index:10;border-bottom:1px solid #deddd6}.logo{display:flex;align-items:center;gap:10px}.logo>span{display:grid;place-items:center;width:42px;height:42px;background:var(--ink);color:var(--lime);font-weight:900;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}.logo strong{font-size:17px;letter-spacing:.12em;line-height:1}.logo small{display:block;font-size:7px;letter-spacing:.18em;margin-top:5px}.header nav{display:flex;gap:30px;font-size:13px;font-weight:600}.header nav a:hover{color:#668300}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:0;background:transparent;font-size:18px}.icon-btn b{font-size:10px;background:var(--lime);padding:2px 5px;border-radius:10px}.contact-btn{background:var(--ink);color:white;padding:14px 18px;font-size:12px;font-weight:700}.menu-btn{display:none;border:0;background:none;font-size:24px}.hero{min-height:680px;background:linear-gradient(90deg,rgba(10,12,10,.95) 0%,rgba(10,12,10,.73) 36%,rgba(10,12,10,.08) 67%),url('assets/hero-suv.png') center/cover;position:relative;color:white;padding:105px 7vw}.eyebrow{color:var(--lime);font-weight:700;font-size:11px;letter-spacing:.28em;margin:0 0 22px}.eyebrow.dark{color:#5c700d}.hero h1,.reason h2,.cta h2{font-family:'Noto Sans JP',sans-serif;font-size:clamp(48px,6vw,84px);line-height:1.18;letter-spacing:-.07em;margin:0;font-weight:800}.hero h1 em,.reason h2 em{color:var(--lime);font-style:normal}.lead{color:#d9dcd5;line-height:1.9;font-size:15px;margin:26px 0 36px}.hero-stats{display:flex;gap:32px}.hero-stats div{padding-right:32px;border-right:1px solid #555}.hero-stats strong{font-size:24px;display:block}.hero-stats span{font-size:10px;color:#aeb1aa}.hero-tag{position:absolute;right:5vw;bottom:46px;background:var(--lime);color:var(--ink);padding:13px 18px;font-size:11px;font-weight:800;letter-spacing:.1em}.hero-tag span{font-weight:500;margin-left:14px}.scroll{position:absolute;left:2vw;bottom:35px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em;color:#aaa}.scroll i{height:55px;width:1px;background:var(--lime);display:block;margin:12px auto}.search-wrap,.inventory,.services{padding:90px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-head h2,.services h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.05em;margin:0}.section-head>p{font-size:13px}.section-head>p strong{font-size:24px}.section-head>a{font-size:12px;font-weight:700;border-bottom:1px solid}.search-panel{display:grid;grid-template-columns:repeat(3,1fr) 180px;background:white;padding:18px;gap:1px;box-shadow:0 16px 50px #292d2212}.search-panel label{font-size:10px;font-weight:700;padding:8px 20px;border-right:1px solid var(--line);color:var(--muted)}.search-panel select{display:block;width:100%;border:0;background:white;color:var(--ink);font-weight:600;margin-top:8px;outline:0}.search-panel button{border:0;background:var(--lime);font-weight:800;cursor:pointer}.search-panel button span{margin-left:12px}.quick-types{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-types button{padding:23px;border:0;border-right:1px solid var(--line);background:transparent;font-weight:800;font-size:13px;cursor:pointer}.quick-types button span{display:block;font-size:9px;color:var(--muted);font-weight:500;margin-top:4px}.quick-types button.active,.quick-types button:hover{background:var(--ink);color:white}.inventory{background:#e9e7df}.car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.car-card{background:#f8f6ef;transition:.25s}.car-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #17191520}.car-photo{height:230px;position:relative;overflow:hidden;background-image:linear-gradient(0deg,rgba(0,0,0,.2),transparent),url('assets/hero-suv.png');background-size:cover}.car-card:nth-child(2) .car-photo{background-position:22% 55%;filter:saturate(.75)}.car-card:nth-child(3) .car-photo{background-position:76% 48%;filter:brightness(1.12)}.badge{position:absolute;left:0;top:0;background:var(--lime);font-size:9px;font-weight:800;padding:8px 12px;letter-spacing:.1em}.fav{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#222;font-size:20px;cursor:pointer}.fav.on{background:var(--lime)}.car-body{padding:22px}.car-body h3{font-size:16px;margin:0 0 8px;line-height:1.55}.spec{font-size:11px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}.price-row{display:flex;justify-content:space-between;align-items:end;margin-top:16px}.price small{display:block;font-size:9px}.price strong{font-size:27px}.price strong span{font-size:13px}.detail{width:36px;height:36px;background:var(--ink);color:white;display:grid;place-items:center}.empty{text-align:center;padding:50px;color:var(--muted)}.reason{background:var(--ink);color:white;padding:110px 7vw;display:grid;grid-template-columns:1fr 1.1fr;gap:10vw}.reason-intro>p:not(.eyebrow){color:#aeb1aa;line-height:2;max-width:520px}.reason-intro>a{display:inline-block;color:var(--lime);font-size:12px;font-weight:700;margin-top:20px}.reason h2{font-size:clamp(39px,5vw,64px)}.reason-list article{display:grid;grid-template-columns:65px 1fr;padding:34px 0;border-top:1px solid #3b3d39}.reason-list b{color:var(--lime);font-size:13px}.reason-list h3{margin:0 0 12px;font-size:21px}.reason-list p{color:#aeb1aa;font-size:13px;line-height:1.9;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:45px}.service-grid article{background:var(--paper);padding:40px;min-height:240px}.service-grid span{font-size:28px;color:#708300}.service-grid h3{margin-top:45px}.service-grid p{font-size:12px;color:var(--muted);line-height:1.8}.cta{margin:0 7vw 90px;background:#bff52d;padding:75px;display:flex;justify-content:space-between;align-items:center}.cta .eyebrow{color:#4a570b}.cta h2{font-size:clamp(38px,5vw,62px)}.cta>div>p:last-child{font-size:13px}.cta-actions{display:grid;gap:8px;min-width:320px}.cta-actions a{background:var(--ink);color:white;padding:18px 22px;font-size:11px}.cta-actions strong{display:block;font-size:22px}.cta-actions small{display:block;color:#aaa}.cta-actions a:last-child{background:white;color:var(--ink);font-weight:800;display:flex;justify-content:space-between}footer{background:#0c0d0c;color:#aaa;padding:55px 7vw;display:flex;align-items:center;justify-content:space-between;font-size:11px}.logo.light{color:white}.logo.light>span{background:white;color:#222}.copyright{align-self:end}@media(max-width:900px){.header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#f7f5ee;padding:25px;flex-direction:column}.header nav.open{display:flex}.contact-btn{display:none}.menu-btn{display:block}.hero{min-height:610px;padding-top:80px;background-position:62% center}.search-panel{grid-template-columns:1fr 1fr}.search-panel button{min-height:60px}.car-grid{grid-template-columns:1fr 1fr}.reason{grid-template-columns:1fr;gap:50px}.cta{padding:50px;display:grid;gap:35px}}@media(max-width:600px){.topline{gap:14px;font-size:8px}.topline span:nth-child(2){display:none}.header{height:68px}.header nav{top:68px}.hero{min-height:620px;padding:70px 6vw;background:linear-gradient(90deg,rgba(10,12,10,.91),rgba(10,12,10,.25)),url('assets/hero-suv.png') 63%/cover}.hero h1{font-size:48px}.hero-stats{gap:15px}.hero-stats div{padding-right:15px}.hero-tag{display:none}.search-wrap,.inventory,.services{padding:70px 5vw}.section-head{align-items:start}.section-head>p{display:none}.search-panel{grid-template-columns:1fr}.search-panel label{border-right:0;border-bottom:1px solid var(--line)}.quick-types{grid-template-columns:1fr 1fr}.car-grid{grid-template-columns:1fr}.car-photo{height:250px}.reason{padding:80px 6vw}.service-grid{grid-template-columns:1fr}.cta{margin:0;padding:65px 6vw}.cta-actions{min-width:0}footer{display:grid;gap:25px}.copyright{align-self:auto}}
