/* ===================== KOREON — Landing ===================== */
:root{
  --bg:#f6f3ee;
  --bg-2:#fbf9f5;
  --card:#ece9e2;
  --ink:#2c2a27;
  --ink-2:#6f6a62;
  --ink-3:#9a948b;
  --line:#e0dbd1;
  --accent:#b08a8a;
  --accent-soft:#ead8d8;
  --accent-ink:#8a6464;
  --maxw:1240px;
  --font:'Onest',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);
  -webkit-font-smoothing:antialiased;line-height:1.5;
  font-size:18px;
}
h1,h2,h3,h4,h5{margin:0;letter-spacing:-.02em;line-height:1.08;}
p{margin:0;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}
.eyebrow{
  font-size:14px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent-ink);
}
.accent{color:var(--accent-ink);}

/* ---------- placeholder ---------- */
.ph{
  background:repeating-linear-gradient(135deg,#e8e4db 0 14px,#f0ede5 14px 28px);
  display:flex;align-items:center;justify-content:center;text-align:center;
  color:#9a938a;font-size:14px;font-weight:500;border-radius:10px;
  border:1px solid var(--line);padding:24px;min-height:160px;
}
.ph span{max-width:80%;line-height:1.4;}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:16px;
  padding:15px 28px;border-radius:40px;border:1px solid transparent;cursor:pointer;
  transition:transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{background:var(--accent-ink);}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line);}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent-ink);}
.btn-dark{background:var(--ink);color:#fff;}
.btn-dark:hover{background:#000;}

/* ===================== NAV ===================== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  background:color-mix(in srgb, var(--bg) 82%, transparent);
  backdrop-filter:saturate(1.3) blur(14px);
  border-bottom:1px solid transparent;transition:border-color .3s ease, background .3s ease;
}
.nav.scrolled{border-color:var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px;}
.brand{font-weight:800;letter-spacing:.28em;font-size:19px;}
.nav-links{display:flex;gap:34px;align-items:center;}
.nav-links a{font-size:15px;color:var(--ink-2);font-weight:500;transition:color .2s;}
.nav-links a:hover{color:var(--ink);}
.nav-right{display:flex;align-items:center;gap:18px;}
.lang-toggle{display:flex;border:1px solid var(--line);border-radius:30px;overflow:hidden;}
.lang-toggle button{
  background:transparent;border:none;cursor:pointer;font-family:var(--font);
  font-size:13px;font-weight:700;letter-spacing:.08em;padding:8px 14px;color:var(--ink-3);
  transition:background .2s, color .2s;
}
.lang-toggle button.active{background:var(--ink);color:#fff;}
.nav-toggle{display:none;}

/* ===================== HERO ===================== */
.hero{padding:160px 0 90px;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;}
.hero h1{font-size:clamp(48px,6vw,86px);font-weight:800;letter-spacing:-.035em;}
.hero h1 .sub{display:block;font-size:.42em;font-weight:600;letter-spacing:-.01em;color:var(--ink-2);margin-top:.5em;line-height:1.2;}
.hero-lead{font-size:21px;color:var(--ink-2);max-width:46ch;margin-top:28px;line-height:1.5;}
.hero-points{display:flex;flex-direction:column;gap:14px;margin-top:32px;}
.hero-points div{padding-left:18px;border-left:2px solid var(--accent);font-size:17px;color:var(--ink-2);}
.hero-cta{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap;}
.hero-visual{position:relative;aspect-ratio:1/1;background:var(--bg-2);border:1px solid var(--line);border-radius:20px;overflow:hidden;}
.hero-visual .vlabel{position:absolute;left:30px;top:26px;z-index:2;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);}

/* ===================== SECTION SHELL ===================== */
section{position:relative;}
.sec{padding:104px 0;}
.sec-alt{background:var(--bg-2);}
.sec-head{max-width:760px;margin-bottom:56px;}
.sec-head h2{font-size:clamp(34px,4vw,52px);font-weight:700;margin-top:16px;}
.sec-head p{font-size:19px;color:var(--ink-2);margin-top:18px;line-height:1.5;}

/* ---------- stats ---------- */
.stat-top{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;}
.stat-card{background:var(--card);border-radius:16px;padding:34px 38px;display:flex;align-items:baseline;gap:26px;}
.stat-card .big{font-size:54px;font-weight:800;letter-spacing:-.03em;line-height:1;}
.stat-card p{font-size:17px;color:var(--ink-2);}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.stat-mini{background:var(--card);border-radius:16px;padding:36px 38px;display:flex;flex-direction:column;gap:14px;}
.stat-mini .viz{height:150px;display:flex;align-items:flex-end;}
.stat-mini .num{font-size:38px;font-weight:800;letter-spacing:-.02em;}
.stat-mini p{font-size:16px;color:var(--ink-2);line-height:1.42;}
.bars{display:flex;align-items:flex-end;gap:12px;width:100%;height:100%;}
.bars .bar{flex:1;background:var(--ink);border-radius:5px 5px 0 0;}
.bars .bar.hl{background:var(--accent);}
.scale-row{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;height:100%;}
.sq{border:3px solid var(--ink);border-radius:6px;}
.sq.big{border-color:var(--accent);background:var(--accent-soft);}
.donut{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;
  background:conic-gradient(var(--accent) 0 45%, var(--card) 45% 100%);}
.donut .hole{width:98px;height:98px;border-radius:50%;background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;}
.sec-alt .donut .hole{background:var(--bg-2);}

/* ---------- warehouse ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.split .ph{aspect-ratio:4/3;min-height:0;}
.feat-list{display:flex;flex-direction:column;gap:30px;}
.feat-item{padding-top:26px;border-top:1px solid var(--line);}
.feat-item h4{font-size:24px;font-weight:700;}
.feat-item p{font-size:17px;color:var(--ink-2);margin-top:10px;max-width:46ch;}

/* ---------- channels ---------- */
.two-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.chan{background:var(--card);border-radius:18px;padding:42px;display:flex;flex-direction:column;gap:20px;}
.chan h4{font-size:27px;font-weight:700;}
.chan p{font-size:17px;color:var(--ink-2);}
.chan .ph{flex:1;}
.manifest{text-align:center;margin-top:48px;}
.manifest p{font-size:clamp(26px,3.2vw,40px);font-weight:700;line-height:1.25;max-width:24ch;margin:0 auto;letter-spacing:-.01em;}

/* ---------- legality ---------- */
.chips{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}
.chip{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;padding:14px 24px;font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);}
.sec-alt .chip{background:#fff;}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.pillar{background:var(--card);border-radius:16px;padding:38px;}
.pillar .pn{font-size:30px;font-weight:800;color:var(--accent);}
.pillar h4{font-size:22px;font-weight:700;margin-top:18px;line-height:1.18;}
.pillar p{font-size:16px;color:var(--ink-2);margin-top:14px;line-height:1.45;}

/* ---------- marketing ---------- */
.mk-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;}
.mk-col h3{font-size:26px;font-weight:800;padding-bottom:18px;border-bottom:2px solid var(--ink);}
.mk-col.accent-col h3{color:var(--accent-ink);border-color:var(--accent);}
.mk-item{margin-top:26px;}
.mk-item h5{font-size:19px;font-weight:700;}
.mk-item p{font-size:16px;color:var(--ink-2);margin-top:8px;line-height:1.45;}

/* ---------- price protection ---------- */
.price-hero{text-align:center;padding:30px 0 50px;}
.price-hero .big{font-size:clamp(44px,6vw,80px);font-weight:800;letter-spacing:-.03em;color:var(--accent-ink);line-height:1;}
.price-hero p{font-size:20px;color:var(--ink-2);max-width:50ch;margin:26px auto 0;line-height:1.5;}
.steps{display:flex;align-items:stretch;gap:0;max-width:1000px;margin:0 auto;}
.step{flex:1;background:var(--card);border-radius:14px;padding:30px 28px;display:flex;flex-direction:column;gap:10px;}
.step .sn{font-size:15px;font-weight:700;color:var(--accent-ink);letter-spacing:.04em;}
.step .st{font-size:19px;font-weight:600;line-height:1.22;}
.step-arrow{display:flex;align-items:center;justify-content:center;width:54px;font-size:28px;color:var(--accent);}

/* ---------- roadmap ---------- */
.road{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;align-items:end;}
.road-col{display:flex;flex-direction:column;}
.road-bars{height:170px;display:flex;align-items:flex-end;}
.road-bar{width:70px;background:var(--ink);border-radius:6px 6px 0 0;}
.road-bar.hl{background:var(--accent);}
.road-node{padding:18px 0 14px;border-top:2px solid var(--ink);margin-top:0;display:flex;flex-direction:column;gap:2px;}
.road-when{font-size:15px;font-weight:600;color:var(--ink-3);letter-spacing:.02em;}
.road-sum{font-size:34px;font-weight:800;letter-spacing:-.02em;}
.road-h{font-size:22px;font-weight:700;margin-top:8px;}
.road-p{font-size:16px;color:var(--ink-2);margin-top:10px;line-height:1.45;}

/* ---------- why ---------- */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.why{background:var(--card);border-radius:16px;padding:38px 40px;display:flex;gap:26px;align-items:flex-start;}
.why .wn{font-size:34px;font-weight:800;color:var(--accent);line-height:1;}
.why h4{font-size:22px;font-weight:700;line-height:1.15;}
.why p{font-size:16px;color:var(--ink-2);margin-top:12px;line-height:1.45;}

/* ===================== CTA / CONTACT ===================== */
.cta{background:var(--ink);color:#f3efe9;}
.cta .eyebrow{color:var(--accent-soft);}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.cta h2{font-size:clamp(34px,4.4vw,58px);font-weight:800;color:#fff;letter-spacing:-.025em;}
.cta-lead{font-size:19px;color:#bdb6ac;margin-top:24px;max-width:40ch;line-height:1.5;}
.cta-direct{margin-top:40px;display:flex;flex-direction:column;gap:4px;}
.cta-direct .row{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid #3c3934;}
.cta-direct .k{font-size:15px;color:#9a938a;letter-spacing:.02em;}
.cta-direct .v{font-size:19px;font-weight:700;color:#fff;}
.cta-msgs{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
.btn-wa{background:#2aa84a;color:#fff;}
.btn-wa:hover{background:#229140;}
.btn-tg{background:#2f9fdb;color:#fff;}
.btn-tg:hover{background:#288bc2;}

/* form */
.form-card{background:var(--bg);color:var(--ink);border-radius:20px;padding:44px;}
.form-card h3{font-size:24px;font-weight:700;}
.form-card .fc-sub{font-size:15px;color:var(--ink-2);margin-top:8px;}
.field{margin-top:20px;display:flex;flex-direction:column;gap:8px;}
.field label{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);}
.field input,.field textarea,.field select{
  font-family:var(--font);font-size:16px;padding:14px 16px;border:1px solid var(--line);
  border-radius:10px;background:#fff;color:var(--ink);transition:border-color .2s, box-shadow .2s;
}
.field input:focus,.field textarea:focus,.field select:focus{
  outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);
}
.field textarea{resize:vertical;min-height:90px;}
.form-card .btn-primary{width:100%;justify-content:center;margin-top:24px;}
.form-note{font-size:12.5px;color:var(--ink-3);margin-top:14px;text-align:center;line-height:1.4;}
.form-success{display:none;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:40px 10px;}
.form-success.show{display:flex;}
.form-success .ok{width:62px;height:62px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;}
.form-success h3{font-size:24px;}
.form-success p{font-size:16px;color:var(--ink-2);max-width:30ch;}

/* ===================== FOOTER ===================== */
.foot{background:var(--bg-2);border-top:1px solid var(--line);padding:54px 0 40px;}
.foot-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;}
.foot .brand{font-size:22px;}
.foot-cols{display:flex;gap:70px;flex-wrap:wrap;}
.foot-col h5{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:700;}
.foot-col a,.foot-col span{display:block;font-size:15px;color:var(--ink-2);margin-top:12px;}
.foot-col a:hover{color:var(--accent-ink);}
.foot-bottom{margin-top:46px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);}

/* ===================== reveal ===================== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* ===================== i18n visibility ===================== */
[data-lang-only="en"]{display:none;}
body.lang-en [data-lang-only="en"]{display:revert;}
body.lang-en [data-lang-only="ru"]{display:none;}

/* ===================== responsive ===================== */
@media (max-width:980px){
  .hero-grid,.split,.cta-grid{grid-template-columns:1fr;gap:40px;}
  .hero-visual{max-width:460px;}
  .stat-top,.two-card,.why-grid{grid-template-columns:1fr;}
  .stat-grid,.pillars,.road{grid-template-columns:1fr;}
  .mk-cols{grid-template-columns:1fr;gap:36px;}
  .nav-links{display:none;}
  .foot-inner{flex-direction:column;}
}
@media (max-width:560px){
  .wrap{padding:0 22px;}
  .sec{padding:72px 0;}
  .steps{flex-direction:column;gap:12px;}
  .step-arrow{width:100%;height:30px;transform:rotate(90deg);}
  .hero-cta .btn,.cta-msgs .btn{flex:1;justify-content:center;}
}