html{ scroll-behavior:smooth; scroll-padding-top:80px; }
body{ overflow-x:hidden; }
:root{ --hall:#141B33; --hall-2:#1F2947; --hall-ink:#D9E0F0; --bright:#16233D; --ok:#2FA84F; --bad:#E5484D; }
.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 24px; }
section{ padding:80px 0; }
h2{ font-size:clamp(30px,4vw,44px); font-weight:900; }
.lead{ font-size:19px; color:var(--ink-soft); margin:14px 0 0; max-width:60ch; }
.sec-head{ margin-bottom:34px; }
.alt{ background:var(--surface-2); }
.lp-nav{ position:sticky; top:0; z-index:50; background:var(--hall); border-bottom:1px solid #2C3757; }
.nav-in{ display:flex; align-items:center; justify-content:space-between; gap:14px; height:70px; }
.brand img{ height:46px; width:auto; display:block; }
.nav-links{ display:flex; align-items:center; gap:20px; }
.nav-links a{ text-decoration:none; font-weight:700; font-size:15.5px; color:#C9D3E6; white-space:nowrap; }
.nav-links a:hover{ color:#fff; }
.nav-links .btn{ color:#fff; padding:11px 20px; font-size:15px; }
.btn-exam{ background:var(--ac); color:#fff; box-shadow:0 5px 0 var(--ac-d); }
.btn-exam:hover{ transform:translateY(-1px); box-shadow:0 6px 0 var(--ac-d); }
.btn-exam:active{ transform:translateY(4px); box-shadow:0 1px 0 var(--ac-d); }
.btn-line{ color:#fff; box-shadow:inset 0 0 0 2.5px #4A5779; background:transparent; }
.btn-line:hover{ box-shadow:inset 0 0 0 2.5px #fff; }
.hero{ background:var(--hall); color:#fff; padding:58px 0 76px; }
.hero-grid{ display:grid; grid-template-columns:1.06fr .94fr; gap:52px; align-items:center; }
.tag{ display:inline-block; background:var(--ac-soft); color:var(--ac-ink); font-weight:900; font-size:15px; letter-spacing:.06em; padding:6px 14px; border-radius:99px; }
.hero h1{ font-size:clamp(33px,4.6vw,54px); font-weight:900; line-height:1.05; margin:18px 0 0; color:#fff; }
.hero h1 em{ font-style:normal; color:var(--ac-ink); }
.hero .lead{ color:var(--hall-ink); }
.cta{ display:flex; gap:14px; flex-wrap:wrap; margin-top:26px; }
.note{ margin:16px 0 0; font-size:15px; color:#AEB9D2; font-weight:600; }
.screen{ background:#fff; color:var(--bright); border-radius:20px; padding:20px; box-shadow:0 22px 54px rgba(0,0,0,.45); }
.scr-top{ display:flex; justify-content:space-between; align-items:center; font-weight:800; font-size:15px; }
.timer{ background:var(--hall); color:#fff; border-radius:9px; padding:4px 11px; font-variant-numeric:tabular-nums; font-size:15px; }
.scr-q{ margin:14px 0 12px; font-size:17px; font-weight:700; line-height:1.4; }
.opt{ border:2px solid #E2E7F0; border-radius:11px; padding:9px 13px; margin-top:8px; font-weight:700; font-size:15.5px; }
.opt.on{ border-color:var(--ac); background:color-mix(in srgb,var(--ac) 12%,#fff); }
.scr-marks{ display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; margin-top:16px; padding-top:15px; border-top:2px dashed #E2E7F0; }
.score{ font-size:36px; font-weight:900; line-height:1; color:var(--ac); font-variant-numeric:tabular-nums; }
.score small{ font-size:16px; color:#66748C; font-weight:800; }
.tally{ font-size:14px; font-weight:700; line-height:1.45; color:#44526B; }
.illus{ margin:10px 2px 0; font-size:13.5px; color:#AEB9D2; font-weight:600; }
.bank{ padding:0; transform:translateY(-34px); margin-bottom:-34px; }
.bank-card{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow); padding:26px 28px; display:grid; grid-template-columns:1fr 1.45fr; gap:32px; align-items:center; }
.bank-total b{ display:block; font-size:clamp(38px,5vw,56px); font-weight:900; line-height:1; color:var(--ac-txt); font-variant-numeric:tabular-nums; }
.bank-total span{ display:block; font-weight:700; margin-top:8px; font-size:16.5px; line-height:1.35; }
.bars{ display:grid; gap:11px; }
.bar-row{ display:grid; grid-template-columns:96px 1fr 76px; gap:12px; align-items:center; font-weight:800; font-size:15.5px; }
.bar{ height:13px; border-radius:99px; background:var(--surface-2); overflow:hidden; }
.bar i{ display:block; height:100%; border-radius:99px; background:var(--ac); }
.bar-row em{ font-style:normal; text-align:right; font-variant-numeric:tabular-nums; }
.papers{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.paper{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-md); padding:24px; display:flex; flex-direction:column; }
.paper.big{ grid-column:span 2; background:var(--hall); color:#fff; border:none; }
.paper.big p{ color:var(--hall-ink); }
.paper.wide{ grid-column:span 2; }
.paper h3{ font-size:23px; font-weight:900; }
.paper p{ margin:9px 0 0; font-size:16.5px; line-height:1.5; }
.specs{ display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.spec{ background:var(--surface-2); border-radius:9px; padding:5px 11px; font-weight:800; font-size:14.5px; font-variant-numeric:tabular-nums; }
.paper.big .spec{ background:var(--hall-2); color:#fff; }
.who-pays{ margin-top:auto; padding-top:13px; font-size:14px; font-weight:700; color:var(--ink-soft); }
.paper.big .who-pays{ color:#AEB9D2; }
.after{ display:grid; grid-template-columns:1fr 1fr; gap:46px; align-items:center; }
.list{ margin:22px 0 0; padding:0; list-style:none; display:grid; gap:14px; }
.list li{ padding-left:18px; border-left:4px solid var(--ac); font-size:17px; line-height:1.48; }
.list b{ font-weight:900; }
.chat{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow); padding:22px; }
.chat-head{ display:flex; justify-content:space-between; font-weight:900; font-size:16px; }
.chat-head span{ color:var(--ink-soft); font-size:13px; letter-spacing:.08em; text-transform:uppercase; font-weight:800; }
.say{ border-radius:14px; padding:11px 14px; font-size:15.5px; line-height:1.45; margin-top:12px; max-width:88%; }
.say.me{ background:var(--ac); color:#fff; margin-left:auto; font-weight:700; }
.say.bot{ background:var(--surface-2); }
.notes-band{ display:grid; grid-template-columns:auto 1fr; gap:30px; align-items:center; background:var(--ac-tint); border-radius:var(--r-lg); padding:32px; }
.notes-num{ font-size:clamp(48px,6vw,72px); font-weight:900; line-height:1; color:var(--ac-txt); font-variant-numeric:tabular-nums; }
.notes-band h3{ font-size:25px; font-weight:900; }
.notes-band p{ margin:8px 0 0; font-size:17px; line-height:1.5; }
.steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; counter-reset:s; }
.step{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-md); padding:22px; counter-increment:s; }
.step::before{ content:counter(s); display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--ac); color:#fff; font-weight:900; margin-bottom:12px; }
.step h3{ font-size:20px; font-weight:900; }
.step p{ margin:7px 0 0; font-size:16px; line-height:1.48; color:var(--ink-soft); }
.price-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.price-card{ border-radius:var(--r-lg); padding:30px; background:var(--card); border:1px solid var(--line); display:flex; flex-direction:column; }
.price-card.pay{ background:var(--hall); color:#fff; border:none; }
.price-card h3{ font-size:21px; font-weight:900; }
.amt{ font-size:50px; font-weight:900; line-height:1.1; margin-top:10px; }
.amt small{ font-size:17px; font-weight:700; opacity:.8; }
.price-card ul{ list-style:none; padding:0; margin:16px 0 22px; display:grid; gap:9px; font-size:16.5px; line-height:1.42; flex:1; align-content:start; }
.price-card li{ padding-left:22px; position:relative; }
.price-card li::before{ content:""; position:absolute; left:2px; top:.42em; width:10px; height:10px; border-radius:50%; background:var(--ac); }
.price-card.pay li::before{ background:var(--ac-ink); }
.price-card .btn{ text-align:center; justify-content:center; }
.faq{ max-width:820px; }
details{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:15px 19px; margin-bottom:10px; }
summary{ font-weight:800; font-size:17.5px; cursor:pointer; }
details p{ margin:10px 0 2px; color:var(--ink-soft); font-size:16px; line-height:1.55; }
.final{ background:var(--hall); color:#fff; border-radius:var(--r-lg); padding:50px 28px; text-align:center; }
.final h2{ color:#fff; }
.final p{ color:var(--hall-ink); font-size:18.5px; margin:12px 0 24px; }
.lp-foot{ background:var(--hall); color:#C9D3E6; padding:30px 0; font-size:14.5px; }
.lp-foot .wrap{ display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.lp-foot a{ color:inherit; }
.lp-foot .fine{ flex-basis:100%; margin:0; color:#9AA6C0; }
@media (max-width:900px){
  section{ padding:60px 0; }
  .hero{ padding:36px 0 68px; }
  .hero-grid, .after, .bank-card{ grid-template-columns:1fr; gap:26px; }
  .steps, .price-grid{ grid-template-columns:1fr; }
  .nav-links a.sec{ display:none; }
}
@media (max-width:620px){
  .wrap{ padding:0 16px; }
  .papers{ grid-template-columns:1fr; }
  .paper.big, .paper.wide{ grid-column:auto; }
  .notes-band{ grid-template-columns:1fr; gap:10px; padding:24px; }
  .cta .btn{ flex:1 1 100%; text-align:center; justify-content:center; }
  .brand img{ height:40px; }
  .nav-links{ gap:12px; }
  .bar-row{ grid-template-columns:84px 1fr 66px; font-size:14.5px; gap:8px; }
  .lead{ font-size:17.5px; }
}