/* ===== Fonts (те же, что на education.alter.ru) ===== */
  @font-face{font-family:'Futura';src:url('https://static.tildacdn.com/tild6464-6364-4739-b036-366663343334/FuturaPTBook.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
  @font-face{font-family:'Futura';src:url('https://static.tildacdn.com/tild6162-3431-4037-b439-336264663539/FuturaMediumC.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
  @font-face{font-family:'Futura';src:url('https://static.tildacdn.com/tild6234-3766-4630-b333-393231363463/FuturaDemiC.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
  @font-face{font-family:'Futura';src:url('https://static.tildacdn.com/tild3136-6337-4361-a331-326265616533/FuturaPTBold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}

  :root{
    --green-light:#97e8c9;
    --green:#29b981;
    --green-dark:#0e8e5c;
    --dark:#2f2f2f;
    --black:#080909;
    --grey-soft:rgba(237,237,237,.5);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Futura',Arial,sans-serif;color:var(--dark);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  img{display:block;max-width:100%}
  a{color:inherit}

  .container{max-width:1240px;margin:0 auto;padding:0 20px}
  @media (max-width:1239px){.container{max-width:1000px}}
  @media (max-width:999px){.container{max-width:680px}}
  @media (max-width:679px){.container{max-width:520px;padding:0 10px}}

  /* ===== Анимации ===== */
  @keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
  @keyframes floaty{from{transform:translateY(0)}to{transform:translateY(-16px)}}
  .hero .anim{opacity:0;animation:fadeUp .7s ease forwards}
  .anim.d1{animation-delay:.05s}.anim.d2{animation-delay:.15s}.anim.d3{animation-delay:.25s}.anim.d4{animation-delay:.35s}.anim.d5{animation-delay:.45s}
  /* появление через independent translate — не затирает transform (повороты/смещения) */
  [data-reveal]{opacity:0;translate:0 26px;transition:opacity .65s ease,translate .65s ease}
  [data-reveal].in{opacity:1;translate:0 0}
  [data-reveal="1"]{transition-delay:.1s}
  [data-reveal="2"]{transition-delay:.2s}
  [data-reveal="3"]{transition-delay:.3s}
  [data-reveal="4"]{transition-delay:.4s}
  .float{animation:floaty 8s ease-in-out infinite alternate}
  .float.slow{animation-duration:11s}
  @media (prefers-reduced-motion: reduce){
    .hero .anim{animation:none;opacity:1}
    [data-reveal]{opacity:1;translate:0 0;transition:none}
    .float{animation:none}
  }

  .btn{display:inline-flex;align-items:center;justify-content:center;height:82px;padding:0 56px;border-radius:100px;background:linear-gradient(150.7deg,#2f2f2f 21%,#053824 81%);color:#fff;font-size:30px;font-weight:600;text-decoration:none;text-align:center;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}
  .btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(5,56,36,.25)}
  .btn.green{background:linear-gradient(107.6deg,#29b981 20%,#12533a 159%)}
  .btn.mixed{background:linear-gradient(150.7deg,#2f2f2f 21%,#1fa672 81%)}
  @media (max-width:999px){.btn{height:64px;font-size:22px;padding:0 40px}}
  @media (max-width:679px){.btn{height:52px;font-size:17px;padding:0 32px;width:100%;max-width:340px}}

  .section{padding:70px 0;position:relative}
  @media (max-width:679px){.section{padding:40px 0}}
  .h-demi{font-size:60px;line-height:.9;font-weight:600;color:var(--dark)}
  .h-med{font-size:70px;line-height:.85;font-weight:500;color:var(--black)}
  @media (max-width:1239px){.h-demi{font-size:50px}.h-med{font-size:56px}}
  @media (max-width:999px){.h-demi{font-size:40px}.h-med{font-size:42px}}
  @media (max-width:679px){.h-demi{font-size:30px;padding-left:5px}.h-med{font-size:32px;padding-left:5px}}

  /* ===================== HERO ===================== */
  .hero{position:relative;background:var(--green-light);overflow:hidden;padding-bottom:90px}
  .hero-blob{position:absolute;pointer-events:none}
  .hero-mascot{position:absolute;pointer-events:none}
  .hm-left{left:-190px;top:-40px;width:620px;transform:rotate(11.6deg);filter:blur(4px)}
  .hm-right{right:-200px;top:300px;width:680px;transform:rotate(-6deg);filter:blur(4px)}
  .hm-small{right:150px;top:100px;width:180px;filter:blur(2.4px);opacity:.76;transform:rotate(5.2deg)}

  .hero-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding-top:44px}
  .logo{display:inline-flex;align-items:flex-start;gap:4.5px;text-decoration:none}
  .logo img.a{width:30.5px;height:31px}
  .logo img.alter{width:68.7px;height:31.4px}
  .logo img.plus{width:16px;height:16px;margin:0 0 0 1px}

  .hero-body{position:relative;z-index:2;text-align:center;margin-top:56px}
  .hero-eyebrow{font-size:30px;font-weight:600;color:var(--green-dark)}
  .hero h1{font-size:100px;line-height:.95;font-weight:600;color:var(--dark);max-width:1051px;margin:26px auto 0}
  .hero h1 .hl{display:inline-block;background:var(--green);color:#fff;border-radius:100px;padding:0 32px 6px;transform:rotate(-1.76deg)}
  .hero-sub{font-size:30px;line-height:1;font-weight:500;color:var(--dark);max-width:756px;margin:44px auto 0}
  .hero-arrow-wrap{display:flex;justify-content:center;margin-top:36px}
  .hero-arrow-wrap img{width:42px;transform:rotate(90deg)}
  .hero .btn{margin-top:36px}
  @media (max-width:1239px){
    .hero h1{font-size:76px}
    .hero-sub{font-size:24px}
    .hero-eyebrow{font-size:24px}
    .hm-right{right:-260px}
  }
  @media (max-width:999px){
    .hero{padding-bottom:64px}
    .hero-nav{padding-top:28px}
    .hero h1{font-size:52px}
    .hero-sub{font-size:18px;max-width:480px}
    .hero-eyebrow{font-size:18px}
    .hm-left{left:-320px}
  }
  @media (max-width:679px){
    .hero-body{margin-top:36px}
    .logo img.a{width:15px;height:15.5px}
    .logo img.alter{width:34px;height:15.7px}
    .logo img.plus{width:8px;height:8px}
    .hero h1{font-size:38px}
    .hero h1 .hl{padding:0 16px 4px}
    .hero-sub{font-size:16px;max-width:320px;margin-top:24px}
    .hero-eyebrow{font-size:16px}
    .hero-arrow-wrap{margin-top:18px}
    .hero-arrow-wrap img{width:21px}
    .hero .btn{margin-top:14px}
    .hb-white{display:none}
    .hm-left{width:380px;height:430px;left:-220px;top:40px;opacity:.55}
    .hm-right{width:400px;height:440px;right:-180px;top:auto;bottom:-60px;opacity:.55}
    .hm-right img{margin-left:-373px}
    .hm-small{display:none}
  }

  /* ===================== ЗАБЫТЬ ЗА НЕДЕЛЮ ===================== */
  .forget-title{max-width:979px;margin-bottom:56px}
  .forget-rows{display:flex;flex-direction:column;gap:22px;align-items:center;margin-bottom:56px}
  .forget-row{background:var(--grey-soft);border-radius:24px;padding:15px 24px;display:flex;gap:15px;align-items:flex-start;max-width:100%}
  .forget-row img{width:40px;flex:0 0 40px;margin-top:9px}
  .forget-row p{font-size:30px;font-weight:500;line-height:32px;color:var(--dark)}
  .forget-row p em{font-style:italic}
  .fr-1{transform:translateX(-60px)}
  .fr-2{transform:translateX(0)}
  .fr-3{transform:translateX(-110px)}
  .forget-card{background:rgba(151,232,201,.5);border-radius:24px;padding:20px 30px;display:flex;gap:30px;align-items:center;max-width:1130px;margin:0 auto}
  .forget-card img{width:168px;flex:0 0 168px;transform:rotate(-10.6deg)}
  .forget-card p{font-size:30px;font-weight:500;line-height:32px;color:#000}
  @media (max-width:1239px){
    .forget-row p,.forget-card p{font-size:24px;line-height:1.15}
    .fr-1,.fr-3{transform:none}
  }
  @media (max-width:999px){
    .forget-row p,.forget-card p{font-size:19px}
    .forget-row img{width:24px;flex-basis:24px;margin-top:4px}
    .forget-card img{width:120px;flex-basis:120px}
  }
  @media (max-width:679px){
    .forget-title{margin-bottom:20px}
    .forget-rows{gap:12px;margin-bottom:28px}
    .forget-row{width:100%;padding:14px 16px;gap:10px}
    .forget-row img{width:16px;flex-basis:16px;margin-top:5px}
    .forget-row p,.forget-card p{font-size:16px;line-height:1.25}
    .forget-card{flex-direction:column;gap:14px;padding:20px 16px;text-align:center}
    .forget-card img{width:110px;flex-basis:auto}
  }

  /* ===================== ЗНАКОМЬТЕСЬ ===================== */
  .meet{position:relative;overflow:hidden;padding:40px 0 70px}
  .meet-inner{position:relative;min-height:530px}
  .meet-mascot{position:absolute;left:calc(50% - 640px);top:-40px;width:460px;z-index:0}
  .meet-title{z-index:2}
  .meet-card{z-index:1}
  .meet-blob{position:absolute;left:calc(50% - 210px);top:240px;width:300px;transform:rotate(12.5deg);pointer-events:none}
  .meet-title{position:absolute;left:50%;top:0;transform:translateX(-52%);width:620px}
  .meet-card{position:absolute;border-radius:24px;padding:25px;font-size:30px;font-weight:500;line-height:32px}
  .mc-grey{background:#f6f6f6;color:#000;left:calc(50% - 230px);top:160px;width:650px}
  .mc-green{background:var(--green);color:#fff;left:calc(50% - 98px);top:344px;width:650px;transform:rotate(-1.59deg)}
  @media (max-width:1239px){
    .meet-title{font-size:44px;padding:24px 32px}
    .meet-card{font-size:24px;line-height:1.15;width:560px}
    .mc-grey{left:calc(50% - 180px)}
    .mc-green{left:calc(50% - 60px)}
    .meet-mascot{width:420px;left:-40px;top:70px}
  }
  @media (max-width:999px){
    .meet-inner{min-height:0;display:flex;flex-direction:column;align-items:center;gap:0}
    .meet-title{position:relative;left:auto;top:auto;transform:none;width:min(88%,380px);z-index:2;margin-bottom:-56px;align-self:flex-start}
    .meet-mascot{position:static;width:300px;margin:0;z-index:1}
    .meet-blob{display:none}
    .meet-card{position:relative;left:auto;top:auto;width:100%;max-width:560px;font-size:19px}
    .mc-grey{margin-top:-52px;z-index:1}
    .mc-green{transform:rotate(-1.59deg);margin-top:-8px;z-index:2}
  }
  @media (max-width:679px){
    .meet{padding:0 0 40px}
    .meet-title{font-size:24px}
    .meet-mascot{width:240px}
    .meet-card{font-size:16px;padding:18px 16px}
  }

  /* ===================== КАК ВЫГЛЯДИТ РАБОТА ===================== */
  .how-title{max-width:979px}
  .how-steps{position:relative;display:flex;flex-direction:column;gap:44px;margin-top:56px}
  .how-step{position:relative;background:var(--grey-soft);border-radius:24px;padding:29px 40px 29px 30px;display:flex;gap:30px;align-items:flex-start;width:max-content;max-width:100%}
  .hs-num{width:64px;height:64px;flex:0 0 64px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:35px;font-weight:700}
  .hs-num.g{background:var(--green)}
  .hs-num.b{background:var(--dark)}
  .how-step h3{font-size:40px;line-height:1;font-weight:500;color:var(--dark)}
  .how-step p{font-size:30px;line-height:32px;font-weight:500;color:var(--dark);margin-top:18px}
  .st-1{align-self:flex-start;margin-left:6%}
  .st-1 p{max-width:577px}
  .st-2{align-self:flex-end;margin-right:2%}
  .st-2 p{max-width:795px}
  .st-3{align-self:flex-start;margin-left:11%}
  .st-3 p{max-width:711px}
  .st-4{align-self:flex-end;margin-right:4%}
  .st-4 p{max-width:760px}
  .how-curve{position:absolute;pointer-events:none}
  .cv-1{right:-135px;bottom:-70px;width:110px}
  .cv-2{left:-140px;bottom:-70px;width:109px}
  .cv-3{right:-145px;bottom:-85px;width:117px}
  .how-cta{text-align:center;margin-top:48px;position:relative}
  .cv-4{left:calc(50% - 350px);top:-95px;width:142px}
  @media (max-width:1239px){
    .how-curve{display:none}
    .how-step h3{font-size:30px}
    .how-step p{font-size:22px;line-height:1.2}
    .how-steps{gap:20px}
    .st-1,.st-2,.st-3,.st-4{align-self:stretch;margin:0;width:auto}
  }
  @media (max-width:679px){
    .how-steps{margin-top:28px;gap:12px}
    .how-step{flex-direction:column;gap:14px;padding:20px 16px}
    .hs-num{width:44px;height:44px;flex-basis:44px;border-radius:10px;font-size:24px}
    .how-step h3{font-size:22px}
    .how-step p{font-size:16px;margin-top:10px}
    .how-cta{margin-top:28px}
  }

  /* ===================== ЧТО УМЕЕТ ===================== */
  .can-list{display:flex;flex-wrap:wrap;gap:20px;margin-top:56px}
  .can-pill{display:flex;flex-direction:column;background:linear-gradient(90deg,rgba(237,237,237,.5),rgba(151,232,201,.5));border-radius:40px;transition:transform .25s ease}
  .can-pill:hover{transform:translateY(-4px)}
  .can-pill.open{flex:1 1 100%}
  .can-head{display:flex;align-items:center;justify-content:space-between;gap:22px;background:none;border:none;font-family:inherit;cursor:pointer;text-align:left;height:94px;padding:0 20px 0 34px}
  .can-head span{font-size:40px;font-weight:500;color:var(--dark);white-space:nowrap}
  .can-head img{width:57px;height:57px;flex:0 0 auto;transition:transform .3s ease}
  .can-pill.open .can-head img{transform:rotate(45deg)}
  .can-body{display:grid;grid-template-rows:0fr;width:0;transition:grid-template-rows .35s ease}
  .can-pill.open .can-body{grid-template-rows:1fr;width:auto}
  .can-body>div{overflow:hidden}
  .can-body p{padding:0 34px 28px;font-size:22px;line-height:1.25;font-weight:500;color:var(--dark);max-width:980px}
  @media (max-width:1239px){
    .can-pill{border-radius:28px}
    .can-head{height:72px;gap:14px}
    .can-head span{font-size:28px}
    .can-head img{width:42px;height:42px}
    .can-body p{font-size:19px;padding:0 24px 22px}
  }
  @media (max-width:679px){
    .can-list{gap:10px;margin-top:24px}
    .can-pill{border-radius:20px;width:100%}
    .can-head{height:auto;min-height:52px;padding:10px 12px 10px 18px;gap:10px;width:100%}
    .can-head span{font-size:16px;white-space:normal;line-height:1.1}
    .can-head img{width:30px;height:30px}
    .can-body p{font-size:16px;padding:0 18px 16px}
  }

  /* ===================== ОПОРА ===================== */
  .support-card{position:relative;background:rgba(151,232,201,.5);border-radius:40px;padding:40px 50px 60px;overflow:hidden}
  .support-card .mascot{position:absolute;right:-200px;top:-75px;width:710px;transform:scaleX(-1);pointer-events:none}
  .support-card .blob{position:absolute;right:-40px;top:-90px;width:560px;transform:rotate(12.5deg);pointer-events:none}
  .support-card h2{position:relative;font-size:55px;line-height:1.08;font-weight:500;color:var(--black);max-width:640px}
  .support-card h2 .hl{display:inline-block;background:var(--green);color:#fff;border-radius:200px;padding:0 22px 4px;transform:rotate(-3.28deg)}
  .support-card>p{position:relative;font-size:30px;line-height:32px;font-weight:500;max-width:576px;margin-top:26px}
  .support-note{position:relative;background:#fff;border-radius:24px;padding:16px 25px;max-width:550px;margin-top:40px;transform:rotate(-1.72deg);font-size:30px;line-height:32px;font-weight:500}
  @media (max-width:1239px){
    .support-card h2{font-size:42px;max-width:520px}
    .support-card>p,.support-note{font-size:24px;line-height:1.15}
    .support-card .mascot{width:520px;right:-140px}
  }
  @media (max-width:999px){
    .support-card{padding:28px 22px 150px}
    .support-card .mascot{position:absolute;left:calc(50% - 135px);right:auto;bottom:-85px;top:auto;width:270px;margin:0;transform:none}
    .support-card .blob{display:none}
    .support-card h2{font-size:30px;max-width:none}
    .support-card>p,.support-note{font-size:17px;max-width:none}
    .support-note{margin-top:22px}
  }
  @media (max-width:679px){
    .support-card{border-radius:28px}
    .support-card h2{font-size:26px}
    .support-card>p,.support-note{font-size:16px}
  }

  /* ===================== ИСТОРИЯ (сравнение) ===================== */
  .story-lead{font-size:30px;line-height:32px;font-weight:500;max-width:724px;margin-top:30px}
  .story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
  .story-card{position:relative;border-radius:40px;background:linear-gradient(180deg,rgba(237,237,237,.5),rgba(255,255,255,.5));padding:30px;min-height:535px;overflow:hidden}
  .story-card h3{font-size:40px;line-height:1;font-weight:500;color:var(--dark)}
  .story-card p{font-size:23px;line-height:28px;font-weight:500;color:var(--dark);margin-top:26px;position:relative;z-index:1}
  .story-pic{position:absolute;right:-35px;bottom:-45px;width:60%;pointer-events:none;z-index:0}
  .story-pic.tilt{transform:rotate(-3.76deg)}
  .story-cta{text-align:center;margin-top:56px}
  @media (max-width:1239px){
    .story-card h3{font-size:30px}
    .story-card p{font-size:18px;line-height:1.2}
    .story-card{min-height:440px}
  }
  @media (max-width:999px){
    .story-lead{font-size:19px;line-height:1.3}
    .story-grid{display:flex;align-items:flex-start;overflow-x:auto;gap:12px;margin:28px calc(50% - 50vw) 0;padding:0 10px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .story-grid::-webkit-scrollbar{display:none}
    .story-card{flex:0 0 min(calc(100vw - 50px), 400px);scroll-snap-align:center;min-height:0;padding-bottom:180px}
    .story-card[data-reveal]{opacity:1;translate:0 0;transition:none}
    .story-pic{width:72%;right:-30px;bottom:-55px}
  }
  @media (max-width:679px){
    .story-lead{font-size:16px;margin-top:16px}
    .story-card{border-radius:28px;padding:22px 18px 170px;min-height:0}
    .story-card h3{font-size:24px}
    .story-card p{font-size:16px;margin-top:14px}
    .story-cta{margin-top:28px}
  }

  /* ===================== БЕЗОПАСНОСТЬ ===================== */
  .safe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;align-items:start}
  .safe-card{background:var(--dark);border-radius:40px;padding:30px;color:#fff}
  .safe-card .arr{width:26px;margin-bottom:16px}
  .safe-card h3{font-size:30px;line-height:1;font-weight:600;max-width:300px}
  .safe-card p{font-size:23px;line-height:28px;font-weight:500;margin-top:22px}
  .safe-card .phone{color:var(--green-light)}
  @media (max-width:1239px){
    .safe-card h3{font-size:24px}
    .safe-card p{font-size:18px;line-height:1.2}
  }
  @media (max-width:999px){
    .safe-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}
  }
  @media (max-width:679px){
    .safe-card{border-radius:28px;padding:22px 18px}
    .safe-card h3{font-size:20px}
    .safe-card p{font-size:16px;margin-top:12px}
  }

  /* ===================== РАННИЙ ДОСТУП ===================== */
  .early{position:relative;background:var(--green-light);overflow:hidden;padding:90px 0 70px}
  .early-blob{position:absolute;pointer-events:none}
  .early h2{position:relative;z-index:1;text-align:center;font-size:70px;line-height:.9;font-weight:600;color:var(--dark)}
  .early h2 .hl{display:inline-block;background:var(--green);color:#fff;border-radius:200px;padding:6px 36px 12px;transform:rotate(-1.48deg)}
  .early .container{position:relative}
  .early-inner{position:relative;z-index:1;margin-top:50px}
  .early-mascot-wrap{position:absolute;left:20px;top:210px;width:470px;z-index:1}
  .early-mascot{width:100%}
  .early-shadow{position:absolute;bottom:-6px;left:6%;width:88%;pointer-events:none}
  .early-cards{margin-left:510px;display:flex;flex-direction:column;gap:26px}
  .early-card{border-radius:24px;padding:25px;font-size:30px;line-height:32px;font-weight:500;max-width:650px}
  .ec-grey{background:#f6f6f6;color:#000;transform:rotate(1.15deg);align-self:flex-start}
  .ec-dark{background:var(--dark);color:#fff;transform:rotate(-1.59deg);align-self:flex-end}
  .early-cta{position:relative;z-index:1;text-align:center;margin-top:48px}
  .early-cta .note{font-size:23px;font-weight:500;color:var(--dark);margin-top:24px}
  .early-arrow{position:absolute;left:calc(50% + 210px);top:-48px;width:78px}
  @media (max-width:1239px){
    .early h2{font-size:54px}
    .early-card{font-size:24px;line-height:1.15}
    .early-mascot-wrap{width:340px;top:260px}
    .early-cards{margin-left:380px}
  }
  @media (max-width:999px){
    .early{padding:56px 0 40px}
    .early h2{font-size:36px}
    .early-inner{margin-top:30px}
    .early-cards{margin-left:0;align-items:center}
    .early-mascot-wrap{position:static;width:250px;margin:10px auto 0}
    .early-card{font-size:18px;max-width:560px}
    .ec-dark{align-self:flex-start;margin-top:-12px}
    .early-arrow{display:none}
    .early-cta .note{font-size:16px}
  }
  @media (max-width:679px){
    .early h2{font-size:32px}
    .early h2 .hl{padding:2px 18px 6px;position:relative;top:-3px}
    .early-card{font-size:16px;padding:18px 16px}
  }

  /* ===================== НАЧНИТЕ СЕГОДНЯ ===================== */
  .start-final{padding:70px 0 100px}
  .sf-badge{display:inline-block;background:var(--dark);color:#fff;border-radius:200px;padding:20px 30px;font-size:40px;line-height:.9;font-weight:600;transform:rotate(-3.31deg);position:relative;z-index:1}
  .sf-card{background:rgba(151,232,201,.5);border-radius:40px;padding:60px 56px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:-24px}
  .sf-card p{font-size:40px;line-height:1;font-weight:500;color:var(--black);max-width:680px}
  .sf-card p b{color:var(--green);font-weight:500}
  @media (max-width:1239px){.sf-card p{font-size:30px}}
  @media (max-width:999px){
    .sf-badge{font-size:26px;padding:14px 22px}
    .sf-card{flex-direction:column;align-items:flex-start;padding:40px 24px;gap:24px}
    .sf-card p{font-size:22px;line-height:1.1}
  }
  @media (max-width:679px){
    .start-final{padding:40px 0 60px}
    .sf-badge{font-size:20px}
    .sf-card{border-radius:28px;padding:32px 16px;margin-top:-16px}
    .sf-card p{font-size:18px}
  }