:root{
  --cream:#fff9ef;--paper:#fffdfa;--ink:#2d2119;--muted:#766657;
  --pink:#f6bfd1;--pink-soft:#ffe8f0;--gold:#d6a944;--gold-soft:#fff1bf;
  --green:#b8d7c2;--green-soft:#edf7f0;--line:rgba(45,33,25,.13);
  --shadow:0 24px 70px rgba(74,45,20,.13);--r:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 10% 0%,var(--pink-soft),transparent 32%),radial-gradient(circle at 92% 8%,var(--gold-soft),transparent 34%),linear-gradient(180deg,var(--cream),#fff);color:var(--ink)}
a{color:inherit;text-decoration:none}button,select{font:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px clamp(18px,4vw,56px);backdrop-filter:blur(18px);background:rgba(255,249,239,.78);border-bottom:1px solid var(--line)}
.wordmark{display:inline-flex;align-items:baseline;gap:7px;letter-spacing:.045em;font-size:20px}.wordmark-nexo{font-weight:950}.wordmark-ele{font-weight:450}.wordmark::after{content:"";display:inline-block;width:42px;height:1px;margin-left:12px;background:linear-gradient(90deg,var(--gold),transparent)}.header-actions{display:flex;align-items:center;gap:10px}.lang-toggle{border:1px solid var(--line);background:rgba(255,255,255,.78);border-radius:999px;padding:10px 13px;font-size:12px;font-weight:950;letter-spacing:.08em;cursor:pointer;color:var(--muted)}
.shell{max-width:1160px;margin:0 auto;padding:clamp(28px,5vw,70px) clamp(18px,4vw,30px)}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;min-height:82vh}.section{padding-top:26px}.center{text-align:center}.narrow{max-width:760px;margin-inline:auto}
.kicker,.pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.kicker{background:var(--pink-soft);color:#8d435a}.pill.pink{background:var(--pink-soft);color:#8d435a}.pill.gold{background:var(--gold-soft);color:#7a5a0e}.pill.green{background:var(--green-soft);color:#42634b}
h1{font-size:clamp(46px,7.2vw,84px);line-height:.94;margin:16px 0 18px;letter-spacing:-.065em}.title{font-size:clamp(34px,5vw,56px)}h2,h3{letter-spacing:-.03em}p{color:var(--muted);line-height:1.62;font-size:18px}.lead{font-size:20px}.muted{color:var(--muted)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{border:0;border-radius:999px;padding:14px 20px;font-weight:950;cursor:pointer;box-shadow:0 12px 30px rgba(45,33,25,.08);transition:.18s transform,.18s box-shadow}.button:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(45,33,25,.12)}.button.primary{background:linear-gradient(135deg,var(--gold),#e9c867);color:#2d2119}.button.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.button.small{padding:11px 17px}.button.full{width:100%}
.card,.panel,.mini-card{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:0 16px 42px rgba(74,45,20,.08)}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}
.method-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px;margin:8px auto 0}.method-word{display:grid;place-items:center;min-height:92px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.7);font-size:clamp(20px,3vw,34px);font-weight:950;letter-spacing:-.04em}.method-word:nth-child(1){background:linear-gradient(135deg,#fff,var(--pink-soft))}.method-word:nth-child(2){background:linear-gradient(135deg,#fff,var(--gold-soft))}.method-word:nth-child(3){background:linear-gradient(135deg,#fff,var(--green-soft))}
.phone{position:relative;max-width:390px;margin:0 auto;border-radius:46px;padding:14px;background:linear-gradient(135deg,#26201c,#5b4a3c);box-shadow:0 30px 90px rgba(45,33,25,.22), inset 0 0 0 1px rgba(255,255,255,.24)}.phone::before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:92px;height:24px;border-radius:0 0 18px 18px;background:#211b18;z-index:2}.screen{border-radius:36px;background:linear-gradient(180deg,#fffdfa,#fff7e9);padding:28px 20px 20px;min-height:560px;overflow:hidden}.phone-app-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.phone-dot{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--gold),var(--pink));display:grid;place-items:center;font-weight:950}.progress{height:13px;border-radius:999px;background:#f2eadf;overflow:hidden}.progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--gold))}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.stat{text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;color:var(--muted)}.stat b{font-size:24px;color:var(--ink)}.route{display:grid;gap:12px;margin-top:18px}.route-row{display:flex;align-items:center;gap:14px;padding:14px;border-radius:20px;background:#fff;border:1px solid var(--line)}.route-row i{display:grid;place-items:center;min-width:38px;height:38px;border-radius:15px;background:var(--pink-soft);font-style:normal;font-weight:950}.route-row.done i{background:var(--gold-soft)}.route-row.locked{opacity:.6}
.start-panel{max-width:760px;margin:0 auto}.start-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.start-option{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.78);padding:24px;text-align:left}.start-option h3{font-size:26px;margin:8px 0}.start-option .button{margin-top:10px}
.app-layout{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start}.side{position:sticky;top:90px;display:grid;gap:9px}.side button{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#fff;text-align:left;font-weight:950;cursor:pointer}.side button.active{background:linear-gradient(135deg,var(--pink-soft),var(--gold-soft));border-color:rgba(214,169,68,.42)}
.lesson-option{display:block;width:100%;text-align:left;margin:12px 0;padding:18px;border-radius:20px;border:1px solid var(--line);background:#fff;font-weight:850;font-size:17px;cursor:pointer}.lesson-option.correct{border-color:rgba(66,99,75,.5);background:var(--green-soft)}.lesson-option.needs{border-color:rgba(141,67,90,.35);background:#fff0f5}.feedback{margin-top:14px;padding:18px;border-radius:20px;background:#fff0f5;border:1px solid rgba(141,67,90,.16);color:#7b4055}.feedback.good{background:var(--green-soft);color:#42634b;border-color:rgba(66,99,75,.18)}
.form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;font-weight:950;margin-bottom:8px}.field select{width:100%;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;font-size:16px}.price{font-size:34px;font-weight:950;margin:16px 0}.badge-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.badge{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px}.seal{display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--gold-soft),var(--pink-soft));font-weight:950}.footer{display:flex;justify-content:space-between;gap:18px;padding:26px clamp(18px,4vw,54px);color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:860px){.hero,.app-layout,.grid.three,.grid.two,.form,.start-options,.method-strip{grid-template-columns:1fr}.hero{min-height:auto}.side{position:static;grid-template-columns:repeat(2,1fr)}.footer{display:block}.phone{max-width:100%}.wordmark::after{display:none}}