@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#19221d;--muted:#647069;--paper:#f7f5ef;--white:#fff;--green:#164e3b;--lime:#d9ff70;--line:#dfe3dc;--radius:22px;--shadow:0 18px 50px rgba(30,46,36,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));background:rgba(247,245,239,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(25,34,29,.07)}.brand{display:flex;align-items:center;gap:11px;font:800 19px/1 "Manrope",sans-serif;letter-spacing:-.04em}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:var(--lime);font-size:17px}.site-header nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.nav-login{border:1px solid #ccd3ce;padding:10px 16px;border-radius:12px}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;padding:64px 24px 86px;min-height:650px}.eyebrow{display:inline-block;color:var(--green);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px}.hero h1{font:800 clamp(48px,6vw,82px)/.96 "Manrope",sans-serif;letter-spacing:-.065em;margin:0 0 24px}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:19px;line-height:1.6;color:var(--muted);max-width:510px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:15px 20px;border-radius:14px;font-weight:700;font-size:15px}.button-primary{background:var(--green);color:white;box-shadow:0 10px 24px rgba(22,78,59,.2)}.button-primary span{color:var(--lime);font-size:20px}.button-light{background:white;border:1px solid var(--line)}.trust-line{display:flex;gap:18px;flex-wrap:wrap;color:#68736d;font-size:12px;margin-top:24px}.trust-line span::first-letter{color:var(--green)}.map-preview{height:530px;border-radius:30px;background:#dde8dd;position:relative;overflow:hidden;box-shadow:var(--shadow);border:10px solid white}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(65,95,77,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(65,95,77,.07) 1px,transparent 1px);background-size:48px 48px;transform:rotate(-8deg) scale(1.2)}.map-water{position:absolute;width:55%;height:120%;right:-20%;top:-10%;background:#bed7d5;transform:rotate(18deg);border-left:8px solid rgba(255,255,255,.7)}.map-road{position:absolute;height:14px;background:#fff;border:1px solid #d9ded8;box-shadow:0 0 0 2px rgba(255,255,255,.5);transform-origin:left center}.road-a{width:110%;top:58%;left:-5%;transform:rotate(-18deg)}.road-b{width:95%;top:15%;left:30%;transform:rotate(63deg)}.map-pin{position:absolute;border:0;background:var(--green);color:#fff;width:58px;height:44px;border-radius:16px 16px 16px 4px;transform:rotate(-8deg);box-shadow:0 8px 20px rgba(22,78,59,.32);font-weight:800;cursor:pointer}.map-pin span{display:block;transform:rotate(8deg)}.pin-one{top:24%;left:32%}.pin-two{top:51%;left:63%}.pin-three{top:70%;left:24%}.map-card{position:absolute;left:24px;right:24px;bottom:26px;background:rgba(255,255,255,.96);border-radius:17px;padding:12px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;box-shadow:0 10px 35px rgba(33,51,40,.16)}.car-thumb{height:44px;display:grid;place-items:center;border-radius:11px;background:#d99d55;color:white;font-weight:800}.map-card div{display:flex;flex-direction:column}.map-card small{color:var(--muted);margin-top:3px}.map-card b{color:var(--green);font:800 20px "Manrope"}.map-note{position:absolute;top:18px;left:18px;background:rgba(255,255,255,.9);padding:9px 12px;border-radius:12px;font-size:11px;font-weight:600;box-shadow:0 4px 20px rgba(31,46,37,.08)}.map-note i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:5px}.how{background:var(--green);color:white;padding:88px max(24px,calc((100vw - 1180px)/2))}.section-heading h2{font:700 clamp(32px,4vw,48px)/1.08 "Manrope";letter-spacing:-.045em;margin:0}.how .eyebrow{color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:58px}.steps article{border-top:1px solid rgba(255,255,255,.25);padding-top:24px}.steps article>span{color:var(--lime);font:700 13px "Manrope"}.steps h3{font:700 22px "Manrope";margin:20px 0 10px}.steps p{color:#c1d2ca;line-height:1.65;margin:0;max-width:300px}.listing-preview{max-width:1240px;margin:auto;padding:90px 24px}.section-heading.row{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.section-heading.row>a{font-weight:700;color:var(--green);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.car-card{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s}.car-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.placeholder-car{height:205px;position:relative;background:linear-gradient(135deg,#d7ac72,#9e613d)}.placeholder-car:before{content:"";position:absolute;width:48%;height:25%;left:25%;bottom:29%;background:rgba(255,255,255,.75);border-radius:50% 55% 14% 15%;box-shadow:-38px 18px 0 -24px #29332d,88px 18px 0 -24px #29332d}.placeholder-car span{position:absolute;right:14px;top:14px;background:white;color:var(--green);font-weight:800;padding:8px 10px;border-radius:10px}.placeholder-car.green{background:linear-gradient(135deg,#739d87,#315d4d)}.placeholder-car.blue{background:linear-gradient(135deg,#83a8ba,#3d6577)}.card-body{padding:20px}.card-body small{color:var(--muted)}.card-body h3{font:700 20px "Manrope";margin:8px 0}.card-body p{font-size:13px;color:var(--muted);margin:0 0 20px}.card-body a{display:flex;justify-content:space-between;color:var(--green);font-weight:700;font-size:14px;border-top:1px solid #edf0ec;padding-top:15px}footer{padding:34px max(24px,calc((100vw - 1192px)/2));border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;background:white}footer p{flex:1;color:var(--muted);font-size:13px}footer>a:last-child{font-size:13px;font-weight:600}
@media(max-width:850px){.site-header{height:66px}.site-header nav>a:not(.nav-login){display:none}.hero{grid-template-columns:1fr;padding-top:38px;gap:38px}.hero-copy>p{font-size:17px}.map-preview{height:390px;border-width:7px}.steps,.cards{grid-template-columns:1fr}.steps{gap:34px}.cards{gap:15px}.car-card{display:grid;grid-template-columns:125px 1fr}.placeholder-car{height:auto;min-height:168px}.placeholder-car:before{transform:scale(.65);transform-origin:left}.listing-preview,.how{padding-top:64px;padding-bottom:64px}footer{align-items:flex-start;flex-direction:column;gap:12px}footer p{margin:0}}@media(max-width:480px){.hero h1{font-size:49px}.hero-actions{display:grid}.hero-actions .button{width:100%}.trust-line{display:grid;gap:8px}.map-preview{height:350px}.map-card{left:12px;right:12px;bottom:12px}.map-note{right:12px;left:12px;text-align:center}.section-heading.row{align-items:flex-start;gap:18px}.section-heading.row>a{white-space:nowrap;margin-top:32px}.car-card{grid-template-columns:108px 1fr}.card-body{padding:16px}.card-body h3{font-size:17px}.card-body p{font-size:12px}.placeholder-car span{font-size:12px}.placeholder-car:before{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.car-card{transition:none}}