@font-face{font-family:'Graphik LCG';src:url('../static/fonts/GraphikLCG-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}
  @font-face{font-family:'Graphik LCG';src:url('../static/fonts/GraphikLCG-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap;}
  :root{
    --coral:#FF6854;--red-glow:#FF0004;--cream:#FAF8F5;--ink:#000;--ink2:#191818;
    --muted:rgba(0,0,0,.45);--accent:#F1361D;--peach:#FFE0D9;--beige:#F8F4F0;
    --gray-text:#484745;--place:#9E9B99;--input-border:rgba(69,50,35,.22);
    --green:#1FB304;--hair:rgba(0,0,0,.2);--field:rgba(133,96,60,.1);
    --font:"Graphik LCG",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  html,body{margin:0;padding:0;}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
  body{font-family:var(--font);background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
  .page{width:100%;overflow-x:hidden;}
  .container{width:100%;max-width:1400px;margin-inline:auto;padding-inline:24px;}

  /* ───────── HEADER ───────── */
  .topbar{height:48px;background:#fff;}
  .topbar>.container{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
  .topbar .logo{height:24px;width:auto;display:block;}

  .brandbar{background:var(--cream);}
  .brandbar>.container{min-height:160px;display:flex;align-items:center;padding-block:40px;}
  .brandbar-inner{display:flex;align-items:last baseline;justify-content:space-between;width:100%;gap:32px;}
  .brand .title{
    font-size:36px;font-weight:500;letter-spacing:-.01em;line-height:1;color:#000;margin:0;
  }
  .brand .title .ac{color:var(--accent);}
  .brand .sub{
    font-size:20px;font-weight:500;line-height:1.26;color:var(--muted);margin:9px 0 0;
  }
  .nav{display:flex;align-items:flex-end;gap:24px;opacity:.9;padding-bottom:0;}
  .nav a{font-size:18px;font-weight:500;line-height:1.26;color:var(--muted);text-decoration:none;}
  .nav a:hover{color:var(--ink);}

  /* ───────── HERO ───────── */
  .hero{position:relative;width:100%;overflow:hidden;
    background:var(--coral) url(../static/bg_main.jpg) center top/cover no-repeat;}

  .hero>.container{position:relative;z-index:1;padding-top:60px;padding-bottom:60px;}

  .hero-title{
    width:100%;margin:0 auto;
    font-size:clamp(34px,3.4vw,48px);font-weight:500;text-align:center;line-height:1.02;color:#fff;text-wrap:balance;
  }
  .hero-row{display:flex;gap:38px;align-items:flex-start;margin-top:38px;}

  /* feature cards 2x2 */
  .feature-grid{
    flex:0 0 656px;width:656px;height:665px;
    display:grid;grid-template-columns:318px 318px;grid-template-rows:auto 1fr;gap:20px;
  }
  .feature{
    background:rgba(0,0,0,.1);border-radius:24px;padding:32px 40px 40px;
    display:flex;flex-direction:column;gap:16px;overflow:hidden;
  }
  .feature .ico{width:32px;height:32px;flex:none;}
  .feature p{margin:0;font-size:24px;font-weight:500;line-height:1.12;color:#fff;}

  /* ───────── MOCKUP (browser) ───────── */
  .mockup{position:relative;flex:0 0 868px;width:868px;height:665px;}
  .mockup img{display:block;width:100%;height:100%;}
  .mockup .topline{position:absolute;left:0;top:38.5px;width:100%;height:1.3px;background:rgba(255,255,255,.2);}
  .mockup .dots{position:absolute;left:15px;top:15px;display:flex;gap:6px;}
  .mockup .dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);display:block;}
  .mockup .url{
    position:absolute;left:50%;top:10.5px;transform:translateX(-50%);
    width:171px;height:18px;border-radius:32px;background:rgba(0,0,0,.1);
    display:flex;align-items:center;justify-content:center;
    font-size:9px;font-weight:500;color:#fff;
  }
  .screen{
    position:absolute;left:10px;top:50px;width:847px;height:604px;
    background:#fff;border-radius:8px;overflow:hidden;
  }
  .screen-content{position:absolute;left:44px;top:38px;width:757px;display:flex;flex-direction:column;gap:26px;}

  .blk-title{display:flex;align-items:center;gap:6px;}
  .blk-title h3{margin:0;font-size:23px;font-weight:500;color:var(--ink);line-height:1.22;}
  .blk-title .arr{width:20px;height:20px;}

  .section{display:flex;flex-direction:column;gap:13px;}
  .cards-row{display:flex;gap:13px;}

  .gray-bar{
    width:757px;height:31px;border-radius:8px;background:#F2EEEA;
    display:flex;align-items:center;justify-content:center;
    font-size:13px;font-weight:500;color:var(--ink);
  }

  /* Main course */
  .card{border-radius:10px;overflow:hidden;position:relative;}
  .c-main{width:507px;height:219px;background:var(--peach);padding:20px;}
  .kicker{font-size:7.7px;font-weight:600;color:var(--accent);line-height:1.3;letter-spacing:.01em;margin:0;text-transform:none;}
  .c-main h4{margin:5px 0 0;font-size:15px;font-weight:600;line-height:1.32;color:var(--ink);max-width:345px;}
  .c-main .meta{display:flex;align-items:center;gap:4px;margin-top:8px;}
  .c-main .meta svg{width:8px;height:8px;flex:none;}
  .c-main .meta span{font-size:7.7px;color:var(--gray-text);line-height:1.3;}
  .badges{display:flex;align-items:flex-end;margin-top:14px;}
  .badges .b{width:34px;height:34px;border-radius:50%;margin-left:-9px;
    border:1px solid rgba(105,75,45,.35);display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.4);backdrop-filter:blur(1px);}
  .badges .b:first-child{margin-left:0;}
  .badges .b.lit{background:#fff;border-color:rgba(105,75,45,.2);box-shadow:0 1px 3px rgba(105,75,45,.18);}
  .badges .b svg{width:18px;height:18px;}
  .btn-dark{
    position:absolute;left:20px;bottom:24px;width:302px;height:25px;border-radius:6px;background:#2D2E29;
    display:flex;align-items:center;justify-content:center;
    font-size:10px;font-weight:500;color:#fff;
  }
  .c-main .hero-eng{position:absolute;right:-6px;bottom:0;width:193px;height:195px;
    background:url(../static/engineer-diploma.png) center/contain no-repeat;}

  /* Webinar */
  .c-web{width:237px;height:219px;background:var(--beige);padding:20px;}
  .c-web .pic{position:absolute;left:20px;top:20px;width:59px;height:59px;border-radius:50%;
    background:url(../static/webinar-person.png) center/cover no-repeat;}
  .c-web .date{position:absolute;left:74px;top:20px;width:59px;height:59px;border-radius:50%;
    background:rgba(241,54,29,.78);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;}
  .c-web .date b{font-size:8.8px;font-weight:600;line-height:1.3;white-space:nowrap;text-align:center;}
  .c-web .date em{font-size:11.8px;font-weight:600;font-style:normal;line-height:1.3;white-space:nowrap;text-align:center;margin-top:1px;}
  .c-web .body{position:absolute;left:20px;top:95px;width:197px;}
  .c-web .divider{width:20px;height:1.3px;border-radius:2px;background:#BEBAB7;margin:5px 0;}
  .c-web h5{margin:0;font-size:11.5px;font-weight:600;line-height:1.33;color:var(--ink);}

  /* Search */
  .c-search{width:372px;height:171px;background:var(--peach);padding:20px;}
  .c-search h4{margin:5px 0 0;font-size:12.8px;font-weight:600;line-height:1.4;color:var(--ink);max-width:231px;}
  .c-search .illo{position:absolute;right:14px;top:18px;width:92px;height:108px;}
  .input{
    position:absolute;left:20px;bottom:20px;width:331px;height:26px;border-radius:5px;background:#fff;
    box-shadow:inset 0 0 0 .9px var(--input-border);
    display:flex;align-items:center;gap:6px;padding:0 8px;
  }
  .input svg{width:13px;height:13px;flex:none;}
  .input span{font-size:10px;color:var(--place);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  /* Journals */
  .c-jour{width:372px;height:171px;background:var(--beige);padding:20px;}
  .c-jour h4{margin:5px 0 0;font-size:12px;font-weight:600;line-height:1.5;color:var(--ink);max-width:210px;}
  .c-jour .illo{position:absolute;right:38px;top:-11px;width:184px;height:119px;
    background:url(../static/woman-magnifier.png) center/contain no-repeat;}
  .c-jour .photo{position:absolute;right:14px;bottom:14px;width:42px;height:60px;
    background:url(../static/journal-photo.png) center/cover no-repeat;border:.5px solid rgba(0,0,0,.1);}
  .btn-outline{
    position:absolute;left:20px;bottom:20px;width:265px;height:23px;border-radius:5px;background:#fff;
    box-shadow:inset 0 0 0 .9px var(--input-border);
    display:flex;align-items:center;justify-content:center;
    font-size:10px;font-weight:500;color:var(--ink);
  }

  /* folder-stack placeholder illustration */
  .folders{position:relative;width:92px;height:108px;}
  .folders i{position:absolute;border-radius:4px 4px 3px 3px;box-shadow:0 2px 4px rgba(80,55,30,.15);}
  .folders .f1{left:6px;bottom:6px;width:64px;height:46px;background:#2D3A53;transform:rotate(-8deg);}
  .folders .f2{left:14px;bottom:14px;width:64px;height:46px;background:#F1361D;transform:rotate(3deg);}
  .folders .f3{left:8px;bottom:30px;width:64px;height:46px;background:#FFCC53;transform:rotate(-4deg);}
  .folders .tab{position:absolute;left:8px;bottom:30px;width:24px;height:9px;background:#FFCC53;border-radius:4px 4px 0 0;transform:rotate(-4deg) translateY(-7px);}

  .challenges{--muted:rgba(255,255,255,.65);--card:rgba(255,255,255,.2);--hair:rgba(255,255,255,.2);}


  /* ───────── CHALLENGES (dark) ───────── */
  .challenges{background:var(--ink);padding:32px 0 60px;}
  .challenges>.container{display:flex;flex-direction:column;gap:40px;}

  .ch-head{display:flex;flex-direction:column;gap:24px;}
  .ch-title{
    margin:0;font-size:36px;font-weight:500;line-height:1.12;text-align:center;color:var(--accent);
  }

  .ch-cards{display:flex;flex-direction:row;gap:40px;align-items:stretch;}
  .ch-card{
    flex:1;background:var(--card);border-radius:24px;padding:32px;
    display:flex;flex-direction:column;gap:16px;
  }
  .ch-card h3{margin:0;font-size:24px;font-weight:500;line-height:1.12;color:#fff;}
  .ch-card p{margin:0;font-size:18px;font-weight:400;line-height:1.26;color:var(--muted);}

  /* stats */
  .ch-stats{
    display:flex;flex-direction:row;gap:24px;
    border-top:1px solid var(--hair);padding:24px 0;
  }
  .ch-stat{flex:1;display:flex;flex-direction:column;gap:16px;padding:0 32px;}
  .ch-stat .num{font-size:36px;font-weight:500;line-height:1.12;color:var(--accent);}
  .ch-stat p{margin:0;font-size:24px;font-weight:400;line-height:1.26;color:var(--muted);text-wrap:pretty;}

  /* cta */
  .ch-cta{
    display:flex;align-items:center;justify-content:center;
    height:65px;border-radius:16px;background:var(--accent);
    font-size:20px;font-weight:500;line-height:1.26;color:#fff;text-decoration:none;
    transition:filter .15s ease;
  }
  .ch-cta:hover{filter:brightness(1.06);}

  .prove{background:#fff;padding:60px 0 80px;}
  .prove>.container{display:flex;flex-direction:column;gap:60px;align-items:center;}

  .pv-head{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%;}
  .pv-title{margin:0;font-size:48px;font-weight:500;line-height:1.02;text-align:center;color:#000;text-wrap:balance;}
  .pv-sub{margin:0;font-size:24px;font-weight:500;line-height:1.26;text-align:center;color:var(--muted);text-wrap:balance;}

  .pv-mockup{display:block;width:100%;height:auto;border-radius:24px;}

  .pv-cards{display:flex;flex-direction:row;gap:40px;align-items:stretch;width:100%;}
  .pv-card{flex:1;background:var(--cream);border-radius:24px;padding:32px 40px 40px;display:flex;flex-direction:column;gap:16px;}
  .pv-card .ico{width:32px;height:32px;display:block;}
  .pv-card h3{margin:0;font-size:24px;font-weight:500;line-height:1.12;color:#000;}
  .pv-card p{margin:0;font-size:18px;font-weight:400;line-height:1.26;color:var(--muted);}

  .pv-cta{
    display:flex;align-items:center;justify-content:center;
    height:65px;padding:20px 40px;border-radius:16px;background:var(--accent);
    font-size:20px;font-weight:500;line-height:1.26;color:#fff;text-decoration:none;
    transition:filter .15s ease;
  }
  .pv-cta:hover{filter:brightness(1.06);}

  .neuro{background:var(--cream);padding:60px 0 80px;}
  .neuro>.container{display:flex;flex-direction:column;gap:60px;align-items:center;}

  .nr-head{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%;}
  .nr-title{margin:0;font-size:48px;font-weight:500;line-height:1.02;text-align:center;color:#000;text-wrap:balance;}
  .nr-sub{margin:0;font-size:24px;font-weight:500;line-height:1.26;text-align:center;color:var(--muted);text-wrap:balance;}

  .nr-mockup{display:block;width:100%;height:auto;border-radius:24px;}

  .nr-card{
    width:100%;background:#fff;border-radius:36px;padding:40px;
    display:flex;flex-direction:column;gap:40px;align-items:flex-start;
  }
  .nr-card-text{display:flex;flex-direction:column;gap:16px;}
  .nr-card-text h3{margin:0;font-size:36px;font-weight:500;line-height:1.12;color:#000;text-wrap:balance;}
  .nr-card-text p{margin:0;font-size:18px;font-weight:400;line-height:1.26;color:var(--muted);}
  .nr-card .nr-mockup{border-radius:24px;}

  .edu{background:#fff;padding:60px 0 80px;}
  .edu>.container{display:flex;flex-direction:column;gap:60px;align-items:center;}

  .ed-head{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%;}
  .ed-title{margin:0;font-size:48px;font-weight:500;line-height:1.02;text-align:center;color:#000;text-wrap:balance;}
  .ed-sub{margin:0;font-size:24px;font-weight:500;line-height:1.26;text-align:center;color:var(--muted);text-wrap:balance;}

  .ed-mockup{display:block;width:100%;height:auto;border-radius:24px;}

  /* course cards */
  .ed-grid{display:flex;flex-direction:column;gap:40px;width:100%;}
  .ed-row{display:flex;flex-direction:row;gap:40px;align-items:stretch;}
  .course{
    flex:1;background:var(--cream);border-radius:24px;padding:32px 40px;
    display:flex;flex-direction:column;gap:16px;
  }
  .course h3{margin:0;font-size:24px;font-weight:500;line-height:1.12;color:#000;}
  .course .tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 20px;}
  .tag{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:400;color:var(--ink);}
  .tag .ic{width:16px;height:16px;flex:none;background:currentColor;
    -webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
  .tag .ic-cert{-webkit-mask-image:url(../static/certificate.svg);mask-image:url(../static/certificate.svg);}
  .tag .ic-time{-webkit-mask-image:url(../static/time.svg);mask-image:url(../static/time.svg);}
  .course p{margin:0;font-size:18px;font-weight:500;line-height:1.26;color:var(--muted);}
  .course .more{
    display:inline-flex;align-items:center;gap:6px;
    font-size:18px;font-weight:500;color:var(--accent);text-decoration:none;
  }
  .course .more svg{width:16px;height:16px;}

  /* comparison */
  .compare{
    width:100%;background:var(--cream);border-radius:36px;padding:40px;
    display:flex;flex-direction:column;gap:40px;
  }
  .compare h2{margin:0;font-size:36px;font-weight:500;line-height:1.12;color:#000;text-wrap:balance;}
  .ct-wrap{background:#fff;border-radius:12px;padding:27px 60px;}
  .ctable{display:flex;flex-direction:column;}
  .ctrow{
    display:grid;grid-template-columns:31fr 31fr 31fr;gap:40px;
    align-items:center;min-height:72px;padding:20px 0;
    border-bottom:1px solid var(--hair);
  }
  .ctrow.head{border-top:1px solid var(--hair);}
  .ctrow>div{font-size:24px;font-weight:400;line-height:1.33;color:#000;}
  .ctrow.head>div{font-weight:500;}
  .ctrow .yes{display:flex;align-items:center;gap:8px;}
  .ctrow .yes img{width:24px;height:24px;flex:none;}

  /* cta */
  .ed-cta{
    display:flex;align-items:center;justify-content:center;
    height:65px;padding:20px 40px;border-radius:16px;background:var(--accent);
    font-size:20px;font-weight:500;line-height:1.26;color:#fff;text-decoration:none;
    transition:filter .15s ease;
  }
  .ed-cta:hover{filter:brightness(1.06);}

  .support{background:var(--cream);padding:60px 0 80px;}
  .support>.container{display:flex;flex-direction:column;gap:60px;align-items:center;}

  .sp-head{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%;}
  .sp-title{margin:0;font-size:48px;font-weight:500;line-height:1.02;text-align:center;color:#000;text-wrap:balance;}
  .sp-sub{margin:0;font-size:24px;font-weight:500;line-height:1.26;text-align:center;color:var(--muted);text-wrap:balance;}

  .sp-chat{display:block;width:100%;height:auto;border-radius:12px;}

  /* case study card */
  .case{
    width:100%;background:#fff;border-radius:36px;padding:40px;
    display:flex;flex-direction:column;gap:40px;
  }
  .case-head{display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
  .case-badge{
    display:inline-flex;align-items:center;background:var(--accent);color:#fff;
    font-size:14px;font-weight:500;line-height:1.4;padding:6px 12px;border-radius:8px;
  }
  .case-head h2{margin:0;font-size:36px;font-weight:500;line-height:1;letter-spacing:-.01em;color:#000;text-wrap:balance;}

  .case-mockup{display:block;width:100%;height:auto;border-radius:24px;}

  .case-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
  .case-cols p{margin:0;font-size:18px;font-weight:400;line-height:1.46;color:var(--muted);}

  .case-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}

  .help{
    background:var(--cream);border-radius:24px;padding:32px 40px 40px;
    display:flex;flex-direction:column;gap:32px;
  }
  .help h3{margin:0;font-size:36px;font-weight:500;line-height:1.12;color:#000;}
  .help ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px;}
  .help li{display:flex;flex-direction:row;gap:12px;align-items:flex-start;
    font-size:24px;font-weight:400;line-height:1.26;color:var(--muted);}
  .help li img{width:24px;height:24px;flex:none;margin-top:2px;}

  .stats{display:flex;flex-direction:column;gap:20px;}
  .stat{display:flex;flex-direction:column;gap:8px;}
  .stat-num{font-size:48px;font-weight:500;line-height:1.02;color:#000;}
  .stat-desc{margin:0;font-size:18px;font-weight:400;line-height:1.26;color:var(--muted);}
  .stat-div{height:1px;background:var(--hair);width:100%;}

  .comm{background:#fff;padding:60px 0 80px;}
  .comm>.container{display:flex;flex-direction:column;gap:60px;align-items:center;}

  .cm-head{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%;}
  .cm-title{margin:0;font-size:48px;font-weight:500;line-height:1.02;text-align:center;color:#000;text-wrap:balance;}
  .cm-sub{margin:0;font-size:24px;font-weight:500;line-height:1.26;text-align:center;color:var(--muted);text-wrap:balance;}

  .cm-cards{display:flex;flex-direction:row;gap:40px;align-items:stretch;width:100%;}
  .cm-card{
    flex:1;background:var(--cream);border-radius:24px;padding:32px 40px 40px;
    display:flex;flex-direction:column;gap:16px;align-items:flex-start;
  }
  .cm-ico{width:42px;height:42px;display:block;}
  .cm-card h3{margin:0;font-size:24px;font-weight:500;line-height:1.12;color:#000;}
  .cm-card .more{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:500;color:var(--accent);text-decoration:none;}
  .cm-card .more svg{width:16px;height:16px;}

  .form-sec{background:var(--cream);padding:60px 0 80px;}
  .form-sec>.container{display:flex;flex-direction:column;gap:60px;align-items:center;}

  .fm-head{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%;}
  .fm-title{margin:0;font-size:48px;font-weight:500;line-height:1.02;text-align:center;color:#000;text-wrap:balance;}
  .fm-sub{margin:0;font-size:24px;font-weight:500;line-height:1.26;text-align:center;color:var(--muted);text-wrap:balance;}

  /* form */
  .fm-form{width:100%;max-width:888px;display:flex;flex-direction:column;gap:24px;}
  .fm-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;}
  .field{display:flex;flex-direction:column;gap:5px;}
  .field label{font-size:14px;font-weight:400;line-height:1.57;color:var(--ink2);}
  .field input{
    height:48px;border:none;border-radius:10px;background:var(--field);
    padding:0 16px;font-family:var(--font);font-size:18px;color:var(--ink2);
    outline:none;transition:box-shadow .15s ease;
  }
  .field input::placeholder{color:var(--place);}
  .field input:focus{box-shadow:inset 0 0 0 1.5px rgba(241,54,29,.4);}

  .fm-consent{display:flex;flex-direction:row;gap:12px;align-items:flex-start;padding:8px 0;}
  .fm-consent input{position:absolute;opacity:0;width:0;height:0;}
  .fm-consent .box{
    width:24px;height:24px;flex:none;border-radius:6px;border:1.5px solid rgba(0,0,0,.25);
    background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;
    transition:border-color .15s ease,background .15s ease;margin-top:-1px;
  }
  .fm-consent .box svg{width:14px;height:14px;opacity:0;transition:opacity .12s ease;}
  .fm-consent input:checked + .box{background:var(--accent);border-color:var(--accent);}
  .fm-consent input:checked + .box svg{opacity:1;}
  .fm-consent.invalid .box{border-color:var(--accent);box-shadow:0 0 0 3px rgba(241,54,29,.15);}
  .fm-consent label{font-size:16px;font-weight:400;line-height:1.4;color:var(--ink2);cursor:pointer;}
  .fm-consent a{color:inherit;text-decoration:underline;}

  .fm-submit{
    width:100%;height:65px;border:none;border-radius:16px;background:var(--accent);cursor:pointer;
    font-family:var(--font);font-size:20px;font-weight:500;color:#fff;
    transition:filter .15s ease;
  }
  .fm-submit:hover{filter:brightness(1.06);}

  /* success */
  .fm-success{
    width:100%;max-width:888px;min-height:301px;
    display:none;flex-direction:column;gap:24px;align-items:center;justify-content:center;text-align:center;
  }
  .fm-success.show{display:flex;}
  .fm-form.hide{display:none;}
  .su-badge{
    width:96px;height:96px;border-radius:50%;background:var(--accent);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 12px 32px rgba(241,54,29,.28);animation:pop .4s cubic-bezier(.2,.8,.3,1.2);
  }
  .su-badge svg{width:46px;height:46px;}
  @keyframes pop{0%{transform:scale(.6);opacity:0;}100%{transform:scale(1);opacity:1;}}
  .fm-success h3{margin:0;font-size:48px;font-weight:500;line-height:1.02;color:#000;}
  .fm-success p{margin:0;font-size:24px;font-weight:400;line-height:1.26;color:var(--muted);}
  @media (prefers-reduced-motion:reduce){.su-badge{animation:none;}}

  .clients{background:#fff;padding:60px 0 80px;display:flex;flex-direction:column;gap:60px;align-items:center;}
  .cl-title{margin:0;font-size:48px;font-weight:500;line-height:1.02;text-align:center;color:#000;text-wrap:balance;}

  .marquee{position:relative;width:100%;overflow:hidden;}
  .marquee::before,.marquee::after{
    content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;
  }
  .marquee::before{left:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%);}
  .marquee::after{right:0;background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%);}

  .track{display:flex;flex-direction:row;gap:64px;width:max-content;align-items:center;
    animation:scroll 55s linear infinite;}
  .marquee:hover .track{animation-play-state:paused;}
  .track img{display:block;flex:none;}
  @keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  @media (prefers-reduced-motion:reduce){.track{animation:none;}}

/* ===== footer.html ===== */


  .footer{background:#000;padding:80px 0;}
  .footer>.container{display:flex;flex-direction:column;gap:24px;}

  .ft-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;}

  .ft-logo{height:28px;width:auto;display:block;}

  .ft-nav{display:flex;flex-direction:row;gap:24px;align-items:center;}
  .ft-nav a{font-size:18px;font-weight:500;line-height:1.26;color:rgba(255,255,255,.85);text-decoration:none;transition:color .15s ease;}
  .ft-nav a:hover{color:#fff;}

  .ft-copy{font-size:14px;font-weight:500;line-height:1.26;color:rgba(255,255,255,.5);}

  .ft-legal{display:flex;flex-direction:row;gap:16px;align-items:center;}
  .ft-legal a{font-size:14px;font-weight:500;line-height:1.26;color:rgba(255,255,255,.5);text-decoration:none;transition:color .15s ease;}
  .ft-legal a:hover{color:rgba(255,255,255,.8);}


/* ===== integration: validation + auth ===== */

  /* состояние ошибки поля */
  .field input.invalid{box-shadow:inset 0 0 0 1.5px var(--accent);}
  .field .field-err{
    margin:0;font-size:13px;line-height:1.3;color:var(--accent);min-height:0;
    display:none;
  }
  .field .field-err.show{display:block;}
  .field .field-hint{
    margin:0;font-size:13px;line-height:1.3;color:var(--gray-text);display:none;
  }
  .field .field-hint.show{display:block;}
  .field .field-hint a{color:var(--accent);text-decoration:underline;cursor:pointer;}

  /* общая ошибка отправки */
  .fm-error{
    width:100%;max-width:888px;margin:0;text-align:center;
    font-size:18px;line-height:1.4;color:var(--accent);display:none;
  }
  .fm-error.show{display:block;}

/* ===== уведомление о cookie ===== */
  .cookie-notification{
    position:fixed;left:24px;bottom:24px;width:440px;max-width:calc(100vw - 48px);
    padding:24px;background:#fff;border-radius:16px;
    box-shadow:0 8px 32px rgba(0,0,0,.16);
    font-family:var(--font);font-size:14px;line-height:1.45;color:var(--gray-text);
    z-index:1000;display:none;opacity:1;transition:opacity .3s ease;
  }
  .cookie-notification.show{display:block;animation:cookieIn .3s ease-out;}
  .cookie-notification p{margin:0 0 14px;}
  .cookie-notification p b{color:var(--ink);font-weight:500;}
  .cookie-notification p:nth-of-type(2){margin-bottom:20px;}
  .cookie-btn{
    width:100%;border:none;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer;
    padding:12px 16px;font-family:var(--font);font-size:15px;font-weight:500;
    transition:filter .15s ease;
  }
  .cookie-btn:hover{filter:brightness(1.06);}
  .close-btn{
    position:absolute;top:16px;right:16px;width:16px;height:16px;cursor:pointer;opacity:.5;
    transition:opacity .2s ease;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") no-repeat center;
  }
  .close-btn:hover{opacity:1;}
  @keyframes cookieIn{from{transform:translateY(12px);}to{transform:translateY(0);}}
  @media (max-width:540px){
    .cookie-notification{left:12px;right:12px;bottom:12px;width:auto;font-size:13px;}
  }

  /* 1024–1200px: hero — фичи сверху, мокап снизу (в ряд не помещаются) */
  @media (min-width:1024px) and (max-width:1200px){
    .hero-row{flex-direction:column;align-items:center;}
    .feature-grid{flex:0 0 auto;width:868px;height:auto;grid-template-columns:1fr 1fr;}
    .mockup{flex:0 0 auto;height:auto;}
    .mockup img{height:auto;}
  }