500;600;700&family=system-ui:wght@400;500;600;700;800&display=swap');
:root{--ink:#20241e;--muted:#696d63;--paper:#f4f2ec;--white:#fffefa;--green:#c8ef6d;--line:#deded5;--deep:#183d32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{background:var(--deep);color:#eff5e8;text-align:center;padding:10px 18px;font-size:12px;letter-spacing:.04em}.topbar b{color:var(--green);font-weight:600}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;border-bottom:1px solid #e5e3dc;background:#f8f7f2}.logo{font:800 25px system-ui,sans-serif;letter-spacing:-1.8px}.logo span{color:#80a64b}.navlinks{display:flex;gap:34px;font-size:13px;color:#42463e}.navright{display:flex;align-items:center;gap:22px;font-size:13px}.bag{width:39px;height:39px;border-radius:50%;background:var(--green);display:grid;place-items:center;font-size:17px}.menu{display:none}.hero{padding:36px 6.5% 82px;display:grid;grid-template-columns:1fr 1fr;gap:36px;min-height:590px;align-items:center;max-width:1500px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;color:#647156;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:23px;height:1px;background:#83966d}.hero h1{font:600 clamp(52px,6.5vw,88px)/.99 system-ui,sans-serif;letter-spacing:-.075em;margin:27px 0 22px;max-width:600px}.hero h1 em{font-style:normal;color:#75934a}.intro{font-size:16px;line-height:1.75;color:#666a60;max-width:440px}.actions{display:flex;align-items:center;gap:24px;margin-top:31px}.btn{border:0;background:var(--ink);color:white;padding:16px 23px;border-radius:3px;font-size:13px;cursor:pointer;transition:.2s}.btn:hover{background:var(--deep);transform:translateY(-2px)}.textlink{font-size:13px;border-bottom:1px solid #b3b3aa;padding-bottom:4px}.smallproof{display:flex;align-items:center;gap:14px;margin-top:46px;color:#73766d;font-size:11px}.prooficon{width:33px;height:33px;border:1px solid #d2d3c9;border-radius:50%;display:grid;place-items:center;color:#455c3e}.visual{height:470px;position:relative;background:#dfe5d5;border-radius:48% 48% 4px 4px;overflow:hidden}.visual:before{content:'';position:absolute;width:440px;height:440px;top:38px;left:50%;transform:translateX(-50%);border:1px solid #c0cbb6;border-radius:50%}.visual:after{content:'';position:absolute;width:350px;height:350px;top:83px;left:50%;transform:translateX(-50%);border:1px solid #c0cbb6;border-radius:50%}.sun{position:absolute;background:var(--green);width:82px;height:82px;border-radius:50%;right:15%;top:54px;z-index:1}.visual .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;z-index:1}.visual:before,.visual:after,.sun{display:none}.tag{position:absolute;z-index:3;left:9%;bottom:66px;background:#fffefa;padding:12px 16px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.vert{position:absolute;right:18px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#65705e;z-index:3}.ticker{background:var(--green);padding:20px 6.5%;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.05em}.ticker span{display:flex;align-items:center;gap:12px}.ticker i{font-style:normal;font-size:17px}.section{padding:90px 6.5%;max-width:1500px;margin:auto}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.sectionhead h2{font:600 clamp(32px,4vw,49px)/1.06 system-ui,sans-serif;letter-spacing:-.06em;margin:14px 0 0}.sectionhead p{font-size:13px;line-height:1.6;color:var(--muted);max-width:300px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:var(--white);padding:13px 13px 20px}.cardart{height:235px;background:#e8ebe1;position:relative;overflow:hidden;display:grid;place-items:center}.card:nth-child(2) .cardart{background:#e8e5dc}.card:nth-child(3) .cardart{background:#dfe9e5}.cardart img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;top:13px;left:13px;background:#fffefa;padding:7px 10px;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.cardinfo{display:flex;justify-content:space-between;align-items:end;padding:18px 5px 0}.cardinfo h3{font:600 19px system-ui;margin:0 0 5px;letter-spacing:-.04em}.cardinfo p{font-size:11px;color:var(--muted);margin:0}.arrow{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}.promise{background:var(--deep);color:#f4f2ec;padding:67px 6.5%;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center}.promise h2{font:600 37px/1.1 system-ui;letter-spacing:-.05em;margin:14px 0}.promise .eyebrow{color:#d1e2c6}.promisegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.promisegrid h3{font:600 15px system-ui;margin:0 0 9px;color:var(--green)}.promisegrid p{color:#c0c8bc;font-size:12px;line-height:1.65;margin:0}.signup{padding:90px 6.5%;text-align:center}.signup h2{font:600 clamp(37px,5vw,59px)/1.05 system-ui;letter-spacing:-.065em;margin:16px 0}.signup p{font-size:14px;color:var(--muted);margin:0 auto 28px;max-width:450px;line-height:1.7}.form{margin:auto;display:flex;max-width:460px;border-bottom:1px solid #96988d}.form input{flex:1;border:0;background:transparent;padding:15px 4px;outline:none;font:13px system-ui}.form button{border:0;background:transparent;font-size:12px;font-weight:600;cursor:pointer;padding:0 8px}.fine{font-size:10px!important;margin-top:16px!important}.footer{background:#e9e8e0;padding:36px 6.5%;display:flex;justify-content:space-between;align-items:center}.footer p,.footerlinks{font-size:11px;color:#6f7369}.footerlinks{display:flex;gap:20px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.25s;background:var(--deep);color:white;padding:14px 20px;font-size:13px;z-index:9}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.nav{padding:0 5%;height:68px}.navlinks{gap:16px}.navright{gap:12px}.hero{padding:38px 5% 62px;gap:18px}.visual{height:400px}.visual:before{width:350px;height:350px}.visual:after{width:280px;height:280px}.section{padding:70px 5%}.promise{padding:55px 5%;grid-template-columns:1fr;gap:25px}.ticker{padding:17px 5%;flex-wrap:wrap;justify-content:center;gap:13px 25px}}
@media(max-width:620px){.topbar{font-size:10px}.navlinks{display:none}.menu{display:block;font-size:20px}.navright .lang{display:none}.hero{grid-template-columns:1fr;padding:43px 5% 46px;gap:34px}.hero h1{font-size:58px;max-width:440px}.intro{font-size:14px}.smallproof{margin-top:29px}.visual{height:340px}.visual:before{width:320px;height:320px;top:18px}.visual:after{width:250px;height:250px;top:53px}.visual .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;z-index:1}.visual:before,.visual:after,.sun{display:none}.sun{width:62px;height:62px;right:13%;top:35px}.tag{bottom:37px;font-size:8px}.vert{right:12px}.ticker{font-size:10px}.ticker span{gap:7px}.section{padding:61px 5%}.sectionhead{display:block}.sectionhead p{margin-top:15px}.cards{grid-template-columns:1fr;gap:12px}.cardart{height:250px}.promisegrid{grid-template-columns:1fr;gap:20px}.promise h2{font-size:33px}.signup{padding:65px 5%}.footer{flex-wrap:wrap;gap:14px}.footerlinks{width:100%;flex-wrap:wrap}.logo{font-size:23px}}

/* Production layout refinements */
:focus-visible{outline:3px solid #719149;outline-offset:3px}
.nav .menu{border:0;background:transparent;cursor:pointer;padding:9px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.nav .menu span{display:block;width:21px;height:2px;background:var(--ink)}
.hero-photo{display:block}
.legal{max-width:780px;min-height:55vh;margin:0 auto;padding:90px 6.5%}
.legal h1{font:600 clamp(36px,5vw,58px)/1.04 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.06em;margin:20px 0}
.legal p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 30px}
.center{justify-content:center}
@media(max-width:620px){
 .nav{position:relative}
 .navlinks.open{display:flex;position:absolute;z-index:5;top:68px;left:0;right:0;padding:20px 5%;background:#f8f7f2;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}
 .navlinks.open a{font-size:15px}
 .navright{margin-left:auto;margin-right:12px}
 .nav .menu{display:flex}
 .legal{padding:62px 5%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Shop preview and country-specific road access */
.sectionhead p{max-width:460px}
.card{border:1px solid #e7e5dc;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #20241e12}
.cardart{height:250px}
.badge{background:var(--green);font-weight:700}
.offer{margin:18px 5px 0;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:10px}
.offer>div{display:grid;gap:4px}
.offer-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#61734a;font-weight:700}
.offer strong{font-size:19px;letter-spacing:-.04em}
.offer small{font-size:9px;color:var(--muted)}
.offer-button{font-size:10px;font-weight:650;background:var(--ink);color:white;border-radius:2px;padding:11px 12px;white-space:nowrap}
.offer-button:hover{background:var(--deep)}
.road{padding-top:78px;padding-bottom:78px}
.road-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.road-card{background:var(--white);border:1px solid var(--line);padding:26px 28px;position:relative}
.road-flag{display:inline-grid;place-items:center;background:var(--deep);color:var(--green);font-size:10px;font-weight:800;letter-spacing:.08em;width:35px;height:27px}
.road-card h3{font-size:21px;letter-spacing:-.04em;margin:18px 0 9px}
.road-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 22px}
.road-card a{font-size:11px;font-weight:650;border-bottom:1px solid #c6c8bd;padding-bottom:4px}
.road-sources{display:flex;flex-wrap:wrap;gap:11px 18px}
.road-note{font-size:11px;line-height:1.6;color:var(--muted);margin:17px 0 0}
.promisegrid{gap:28px}
.promisegrid h3{font-size:16px}
@media(max-width:620px){.road{padding-top:58px;padding-bottom:58px}.road-grid{grid-template-columns:1fr}.road-card{padding:22px}.offer{align-items:center}.offer-button{padding:10px}.cardart{height:270px}}

/* Live market price showcase */
:root{--sale:#ff5a00;--sale-dark:#d94700}
.nav-market{font-size:11px;font-weight:800;letter-spacing:.08em;background:var(--sale);color:#fff;padding:11px 15px;border-radius:2px;transition:transform .2s,background .2s}
.nav-market:hover{background:var(--sale-dark);transform:translateY(-2px)}
.ticker{overflow:hidden}
.ticker span{animation:drift 4.5s ease-in-out infinite}
.ticker span:nth-child(2){animation-delay:.35s}.ticker span:nth-child(3){animation-delay:.7s}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.market{padding-top:76px;padding-bottom:78px}
.market .sectionhead{margin-bottom:23px}
.marketbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;margin-bottom:17px;background:#fff8f2;border-left:3px solid var(--sale);color:#72513c;font-size:11px}
.marketbar span:first-child{display:flex;align-items:center;gap:8px;font-weight:750;color:var(--sale-dark)}
.marketbar i{width:8px;height:8px;border-radius:50%;background:var(--sale);box-shadow:0 0 0 4px #ff5a0020;animation:ping 1.8s infinite}
@keyframes ping{0%,100%{box-shadow:0 0 0 4px #ff5a0020}50%{box-shadow:0 0 0 7px #ff5a0008}}
.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.market-card{min-width:0;background:var(--white);border:1px solid #e7e5dc;transition:transform .25s,box-shadow .25s;animation:rise .55s both}
.market-card:nth-child(2){animation-delay:.08s}.market-card:nth-child(3){animation-delay:.16s}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.market-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #20241e16}
.market-image{height:210px;position:relative;overflow:hidden;background:#e8ebe1}
.market-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.market-card:hover .market-image img{transform:scale(1.055)}
.market-country,.discount{position:absolute;top:12px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.08em}
.market-country{left:12px;background:var(--deep);color:white}
.discount{right:12px;background:var(--sale);color:white;text-transform:uppercase;animation:dealpop 2.2s ease-in-out infinite}
@keyframes dealpop{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(-2deg) scale(1.045)}}
.market-detail{padding:16px 17px 17px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
.market-model>span{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#61734a;font-weight:750}
.market-model h3{font-size:17px;letter-spacing:-.04em;margin:4px 0 0}
.market-price{display:flex;flex-direction:column;align-items:flex-end;gap:0}
.market-price strong{font-size:24px;line-height:1.05;letter-spacing:-.06em;color:var(--sale);white-space:nowrap}
.market-price del{font-size:12px;color:#8c8a83}
.market-detail>a{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:5px;padding-top:11px;border-top:1px solid var(--line);font-size:11px;font-weight:750}
.market-detail>a span{color:var(--sale);font-size:16px;transition:transform .2s}
.market-detail>a:hover span{transform:translate(3px,-3px)}
.market-footnote{font-size:10px;line-height:1.65;color:var(--muted);margin:15px 0 0}
.offer strong{color:var(--sale)}
@media(max-width:850px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.market{padding-top:58px;padding-bottom:58px}.market-grid{grid-template-columns:1fr}.market-image{height:235px}.marketbar{align-items:flex-start;flex-direction:column}.nav-market{padding:9px 10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.ticker span,.market-card,.discount,.marketbar i{animation:none!important}}