:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#181818;background:#fafaf8}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}
header,main,footer{max-width:1200px;margin:auto;padding:28px 7%}
header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #ddd}
.brand{display:inline-flex;align-items:center;text-decoration:none;flex:none}.brand img{display:block;width:210px;max-width:46vw;height:auto}
nav{display:flex;align-items:center;gap:24px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}
nav,nav a,.lang{white-space:nowrap}nav .btn{border:1px solid #181818;padding:10px 15px}
.lang{font-size:13px;letter-spacing:1px;color:#888}.lang a{color:#888}.lang [aria-current]{color:#181818;font-weight:600}
.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase}
h1{font-size:clamp(34px,7vw,84px);hyphens:auto;overflow-wrap:break-word;font-weight:500;letter-spacing:-.05em;line-height:1.03;max-width:960px;margin:26px 0}
p{line-height:1.65}.intro{max-width:660px;font-size:19px;color:#555}.hero{padding:60px 0 56px}
.cta{display:inline-block;background:#181818;color:#fff;padding:17px 25px;text-decoration:none;margin:20px 14px 0 0}
.cta.ghost{background:none;color:#181818;border:1px solid #181818;padding:16px 24px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccc}
.facts div{padding:22px 18px 22px 0;font-size:14px;color:#555}.facts strong{display:block;font-size:17px;font-weight:500;color:#181818;margin-bottom:4px}
section{scroll-margin-top:20px}
.block{border-top:1px solid #ccc;padding:44px 0 50px}.block>h2{font-size:30px;font-weight:500;margin:0 0 8px}.lead{color:#555;max-width:660px;margin:0 0 28px}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ccc;border:1px solid #ccc}
.cats div{background:#fafaf8;padding:20px}.cats h3{font-size:17px;font-weight:500;margin:0 0 6px}.cats p{margin:0;font-size:14px;color:#555;line-height:1.5}
.brands{font-size:14px;color:#555;margin:18px 0 0}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.number{font-size:12px;color:#666;letter-spacing:1px}h3{font-size:21px;font-weight:500}.cols p{color:#555;font-size:15px}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.steps li{counter-increment:s;border-top:2px solid #181818;padding-top:16px;font-size:15px;color:#555;line-height:1.6}
.steps li::before{content:"0" counter(s);display:block;font-size:12px;color:#181818;letter-spacing:1px;margin-bottom:8px}
.steps strong{display:block;color:#181818;font-size:18px;font-weight:500;margin-bottom:6px}
.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.channels div{border:1px solid #bbb;padding:24px}.channels h3{margin:0 0 8px}.channels p{margin:0;color:#555;font-size:15px}
.sell{background:#181818;color:#fafaf8;padding:40px;margin:10px 0 40px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}
.sell h2{font-size:30px;font-weight:500;margin:0 0 10px}.sell p{color:#cfcfcf;margin:0}.sell a{color:#fff;font-size:18px}
.contact{background:#eee;padding:35px;margin-bottom:30px}.contact h2{font-size:30px;font-weight:500;margin-top:0}.contact>a{font-size:clamp(20px,4vw,32px);overflow-wrap:anywhere}
.contact .alt{margin:18px 0 0;font-size:17px}.wa{display:inline-flex;align-items:center;gap:8px}.wa svg{width:18px;height:18px;flex:none}
.aside{font-size:14px;color:#555;margin:0 0 30px}
footer{border-top:1px solid #ddd;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;font-size:12px;color:#555}
footer p{margin:0;line-height:1.7}footer strong{color:#181818}
.doc{max-width:760px;padding-top:50px;padding-bottom:60px}.doc h1{font-size:clamp(32px,5vw,52px)}.doc h2{font-size:21px;font-weight:500;margin:34px 0 8px}
.doc p,.doc li{color:#333;font-size:16px;line-height:1.7}.doc .meta{color:#666;font-size:14px}
a:focus-visible{outline:3px solid #777;outline-offset:5px}
@media(max-width:900px){nav>a:not(.btn){display:none}.cats{grid-template-columns:repeat(2,1fr)}.facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){header,main,footer{padding:22px 6%}header{gap:12px}nav{gap:12px}.brand img{max-width:34vw}nav .btn{font-size:12px;padding:8px 10px}
.hero{padding:40px 0 44px}.cols,.steps,.channels{grid-template-columns:1fr;gap:16px}.cats{grid-template-columns:1fr}.sell{grid-template-columns:1fr;padding:28px}
.contact{padding:25px}footer{grid-template-columns:1fr}.cta{margin-right:0}.cta.ghost{margin-left:0}}
@media(max-width:400px){nav .btn{display:none}}