:root{--blue:#1b50ff;--violet:#7c3aed;--ink:#060d1f;--muted:#6b7a99;--soft:#f5f7ff;--pale:#eef2ff;--dark:#0e1633;--border:#e2e8f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 Inter,sans-serif}a{text-decoration:none;color:inherit}h1,h2,h3,.btn,.logo,.tag{font-family:Onest,sans-serif}h1{max-width:980px;margin:0 auto 24px;font-size:clamp(44px,5vw,68px);line-height:1.02;letter-spacing:-.04em}h2{max-width:900px;margin:0 0 24px;font-size:clamp(32px,3.5vw,44px);line-height:1.08;letter-spacing:-.035em}p{color:var(--muted)}section{padding:104px 0}.wrap{width:min(1296px,calc(100% - 48px));margin:auto}.center{text-align:center}.soft{background:var(--soft)}.tag{display:block;margin-bottom:18px;color:var(--blue);font-size:12px;letter-spacing:.08em}.lead{max-width:1000px;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;color:#fff;background:var(--blue);border:1px solid var(--blue);border-radius:99px;font-weight:600}.btn.light{color:var(--ink);background:#fff;border-color:var(--border)}.actions{display:flex;justify-content:center;gap:12px}header{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 max(24px,calc((100vw - 1296px)/2));background:#f5f7fff2;border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;width:max-content;font-size:24px;font-weight:800}.logo i{display:grid;place-items:center;width:39px;height:27px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:50%;font-size:13px;font-style:normal}header nav{display:flex;gap:28px;font:600 14px Onest,sans-serif}header>.btn{justify-self:end}.menu{display:none}.hero{padding-top:88px}.hero .lead{max-width:800px;margin:0 auto 30px}.chat{overflow:hidden;max-width:1056px;margin:70px auto 0;text-align:left;background:var(--pale);border:6px solid var(--dark);border-radius:28px;box-shadow:0 24px 70px #1b50ff26}.chat-head{display:flex;align-items:center;gap:10px;height:68px;padding:0 24px;background:#fff}.chat-head i{display:grid;place-items:center;width:36px;height:36px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:50%;font-style:normal}.chat-head small,.messages small{display:block;color:var(--muted)}.messages{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:32px 44px}.messages p{max-width:62%;margin:0;padding:13px 16px;color:var(--ink);background:#fff;border-radius:15px}.messages .mine{align-self:flex-end;color:#fff;background:var(--blue)}.grid{display:grid;gap:20px}.three{grid-template-columns:repeat(3,1fr);margin-top:50px}.grid article{padding:28px;background:#fff;border:1px solid var(--border);border-radius:24px}.grid em{display:block;margin-bottom:20px;color:var(--blue);font:700 13px Onest,sans-serif;font-style:normal}.result{margin-top:44px;font-size:28px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.notice{display:block;padding:22px 26px;background:var(--pale);border:1px solid #c7d2fe;border-radius:18px;font:700 22px Onest,sans-serif}.split ol{list-style:none;margin:0;padding:0}.split li{padding:17px;border-bottom:1px solid var(--border);font:600 16px Onest,sans-serif}.features{grid-template-columns:repeat(2,1fr);margin-top:42px}.features article{display:grid;grid-template-columns:1fr 250px;gap:22px}.phone{padding:14px;background:var(--pale);border:8px solid var(--dark);border-radius:26px;font-size:11px}.phone>strong{display:block;margin-bottom:10px}.phone p{padding:8px;color:var(--ink);background:#fff;border-radius:8px}.phone>b{display:block;width:max-content;max-width:100%;margin:7px 0 7px auto;padding:7px;color:#fff;background:var(--blue);border-radius:8px}.dark,footer{color:#fff;background:var(--dark)}.dark h2{color:#fff}.violet{color:#c084fc}.steps{grid-template-columns:repeat(4,1fr);margin:45px 0 30px}.steps article{min-height:220px;color:#fff;background:#131d3d;border-color:#1a2540}.steps article:first-child{background:var(--blue)}.steps p{color:#8b9dc0}.audience{padding:0;list-style:none}.audience li{padding:19px 0;border-bottom:1px solid var(--border)}.audience li:before{content:"•";margin-right:14px;color:var(--blue)}.cta{color:#fff;background:var(--blue)}.cta h2{margin-inline:auto;color:#fff}.btn.white{color:var(--ink);background:#fff;border-color:#fff}.cta small{display:block;margin-top:18px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .9fr;gap:60px;padding:56px 0 35px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid p{max-width:440px;color:#8b9dc0}.copy{display:flex;justify-content:space-between;padding:24px 0;color:#8b9dc0;border-top:1px solid #1a2540;font-size:12px}

@media(max-width:900px){
  header{grid-template-columns:1fr auto}
  header>.btn{display:none}
  .menu{display:block;border:0;background:none;font-size:24px}
  header nav{position:absolute;top:84px;right:16px;display:none;flex-direction:column;padding:20px;background:#fff;border:1px solid var(--border);border-radius:16px}
  header nav.open{display:flex}
  .features article{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:700px){
  section{padding:72px 0}
  .wrap{width:calc(100% - 32px)}
  .actions{flex-direction:column}
  .three,.features,.steps,.split,.footer-grid{grid-template-columns:1fr}
  .split{gap:40px}
  .messages{padding:20px 16px}
  .messages p{max-width:88%;font-size:13px}
  .copy{flex-direction:column;gap:10px}
}