:root{
  --ink:#10202F;--muted:#4A5868;--line:#E6EAEE;--line-2:#D5DBE1;--panel:#F2F5F7;
  --green:#2BC24F;--green-text:#15803D;--mint:#EAF7EE;--white:#FFFFFF;
  --font:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--green-text)}a:hover{color:#0F5F2C}
:focus-visible{outline:3px solid var(--green-text);outline-offset:3px;border-radius:6px}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:24px}
.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:16px;top:16px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}
h1,h2,h3{margin:0;letter-spacing:-0.02em}
p{margin:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:12px;font-weight:700;font-size:17px;text-decoration:none;font-family:inherit}
.btn-green{background:var(--green);color:var(--ink)}.btn-green:hover{background:#45D166;color:var(--ink)}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#1E3448;color:#fff}
.btn-sm{min-height:44px;padding:0 20px;font-size:15px;border-radius:10px}
.btn-link{color:var(--ink);font-weight:600;font-size:17px;text-decoration:underline;text-underline-offset:4px;min-height:54px;display:inline-flex;align-items:center;padding-inline:8px}

/* header */
.header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:50}
.header .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 30px;padding-block:14px}
.logo{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink)}
.logo-pill{background:var(--green);color:var(--ink);font-weight:800;font-size:19px;padding:2px 9px;border-radius:7px}
.logo-word{font-weight:700;font-size:21px;letter-spacing:-0.01em}
.nav{display:flex;flex-wrap:wrap;gap:4px 24px;flex:1 1 auto;font-size:15px;font-weight:600}
.nav a{color:var(--ink);text-decoration:none;padding-block:10px}.nav a:hover{color:var(--green-text)}
.lang{position:relative}
.lang-btn{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;background:#fff;color:var(--ink);border:1px solid var(--line-2);border-radius:10px;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.lang-btn:hover{border-color:var(--green-text)}
.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:min(460px,calc(100vw - 32px));background:#fff;border:1px solid var(--line-2);border-radius:16px;padding:10px;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;box-shadow:0 20px 50px rgba(16,32,47,.14);max-height:70vh;overflow-y:auto}
.lang.open .lang-menu{display:grid}
.lang-menu a{color:var(--ink);text-decoration:none;padding:9px 12px;border-radius:10px;font-size:15px;display:flex;justify-content:space-between;gap:8px}
.lang-menu a:hover{background:var(--panel)}
.lang-menu a[aria-current="page"]{background:var(--ink);color:#fff;font-weight:700}
.lang-menu small{color:var(--muted);font-size:12px}
.lang-menu a[aria-current="page"] small{color:#C9D3DC}
@media (max-width:760px){.nav{order:3;flex-basis:100%}.header{position:static}.header .wrap{position:relative}.lang{position:static}.lang-menu{inset-inline:16px;width:auto;top:72px}}

/* hero */
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:56px;padding-block:72px 64px}
.hero-text{flex:1 1 540px;min-width:0;display:flex;flex-direction:column;gap:26px}
.badge{align-self:flex-start;background:var(--mint);color:var(--green-text);font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px}
h1{font-weight:800;font-size:clamp(38px,5vw,62px);line-height:1.06;letter-spacing:-0.03em}
.lead{color:var(--muted);font-size:19px;line-height:1.6;max-width:580px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-img{flex:1 1 400px;min-width:0;background:var(--panel);border-radius:28px;padding:36px}
.hero-img img{width:100%;max-width:420px;margin-inline:auto;border-radius:20px}

/* stores strip */
.stores{border-block:1px solid var(--line)}
.stores .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 40px;padding-block:22px}
.stores span{color:var(--muted);font-size:15px}
.stores ul{display:contents;list-style:none}
.stores li{font-weight:800;font-size:20px}

/* benefits */
.benefits{padding-block:96px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.benefits h2{font-size:22px;margin-bottom:10px}
.benefits p{color:var(--muted)}

/* how */
.how{background:var(--panel);padding-block:96px}
.how .wrap{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.how-text{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:28px}
.section-h{font-size:clamp(32px,3.6vw,44px);font-weight:800}
.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:22px}
.steps li{display:flex;gap:18px}
.steps .n{flex:none;width:40px;height:40px;border-radius:999px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.steps h3{font-size:19px;margin-bottom:4px}
.steps p{color:var(--muted)}
.how img{flex:1 1 380px;min-width:0;max-width:480px;border-radius:24px}

/* services bento */
.services{padding-block:96px;display:flex;flex-direction:column;gap:36px}
.bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}
.tile{background:var(--panel);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:10px}
.tile h3{font-size:20px}
.tile p{color:var(--muted)}
.tile img{border-radius:16px}
.tile-wide{grid-column:span 2;flex-direction:row;flex-wrap:wrap;align-items:center;gap:24px}
.tile-wide>div{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:8px}
.tile-wide img{flex:1 1 220px;min-width:0;max-width:280px}
@media (max-width:640px){.tile-wide{grid-column:auto}}

/* languages */
.langs{background:var(--panel);padding-block:80px}
.langs h2{font-size:28px;font-weight:800;margin-bottom:20px}
.chips{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;margin:0;padding:0}
.chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;background:#fff;color:var(--ink);text-decoration:none;border:1px solid var(--line-2);font-size:15px}
.chips a:hover{border-color:var(--green-text)}
.chips a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:700}

/* faq */
.faq{max-width:860px;padding-block:96px;display:flex;flex-direction:column;gap:6px}
.faq h2{margin-bottom:18px}
.faq details{border-bottom:1px solid var(--line);padding-block:18px}
.faq summary{font-weight:700;font-size:18px;cursor:pointer;list-style-position:outside}
.faq details p{margin-top:10px;color:var(--muted);line-height:1.65}

/* final */
.final{padding-bottom:96px}
.final-box{background:var(--mint);border-radius:28px;padding:56px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.final-box h2{font-size:clamp(28px,3.4vw,40px);font-weight:800;flex:1 1 460px}

/* footer */
.footer{border-top:1px solid var(--line);padding-block:48px;color:var(--muted);font-size:14px}
.footer .wrap{display:flex;flex-direction:column;gap:24px}
.countries-h{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:0;margin-bottom:10px}
.country-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 0}
.country-list li:not(:last-child)::after{content:"·";margin-inline:10px;color:var(--line-2)}
.foot-row{display:flex;flex-wrap:wrap;gap:12px 40px;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px}
.foot-row p{max-width:640px}

/* added content sections */
.about{display:flex;flex-wrap:wrap;gap:24px 56px;padding-bottom:96px}
.about .section-h{flex:1 1 320px}
.about div{flex:2 1 520px;min-width:0;display:flex;flex-direction:column;gap:16px;color:#33414F;font-size:18px;line-height:1.7}
.buy{padding-block:96px;display:flex;flex-direction:column;gap:32px}
.buy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.buy-grid div{border:1px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:8px}
.buy-grid h3{font-size:19px}
.buy-grid p{color:var(--muted)}
.services-head{display:flex;flex-direction:column;gap:12px}
.services .bento{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.services .tile img{aspect-ratio:1/1;object-fit:cover;width:100%}
.ship{background:var(--panel);padding-block:96px}
.ship .wrap{display:flex;flex-wrap:wrap;gap:40px 56px;align-items:flex-start}
.ship-text{flex:3 1 520px;min-width:0;display:flex;flex-direction:column;gap:18px}
.ship-text p{color:#33414F;font-size:17px;line-height:1.7}
.tips{flex:2 1 340px;min-width:0;background:#fff;border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:14px}
.tips h3{font-size:20px}
.tips ul{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:10px;color:var(--muted)}