@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{width:auto;height:24px;aspect-ratio:500 / 104;object-fit:contain;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:35px;align-items:stretch;margin-top:38px;}

/* feature cards 2x2 */
.feature-grid{
  flex:0 0 656px;width:656px;height:450px;
  display:grid;grid-template-columns:318px 318px;grid-template-rows:repeat(2,minmax(0,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 h3{margin:0;font-size:24px;font-weight:500;line-height:1.12;color:#fff;}
.feature p{margin:0;font-size:18px;font-weight:400;line-height: 1.26;color: var(--beige);}

/* ───────── MOCKUP (browser) ───────── */
.mockup{position:relative;flex:0 0 auto;width:auto;height:450px;aspect-ratio:1014 / 691;}
.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:60px 0;}
.challenges>.container{display:flex;flex-direction:column;gap:60px;}

.ch-head{display:flex;flex-direction:column;gap:40px;}
.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:30px;
  border-top:1px solid var(--hair);padding:40px 0 0;
}
.ch-stat{flex:1;display:flex;flex-direction:column;gap:16px;padding:0 32px;}
.ch-stat .num{font-size:clamp(26px,2.5vw,36px);font-weight:500;line-height:1.12;color:var(--accent);text-wrap:balance;}
.ch-stat p{margin:0;font-size:20px;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;}
.sp-chat--agent{display:flex;flex-direction:column;gap:18px;padding:28px;background:#fff;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.08);}
.sp-chat--agent + .sp-chat--agent{margin-top:24px;}
.agent-chat__row{display:grid;align-items:start;gap:28px;}
.agent-chat__row--question{grid-template-columns:88px minmax(0,1fr);}
.agent-chat__row--answer{grid-template-columns:minmax(0,1fr) 88px;}
.agent-chat__content{min-width:0;display:flex;flex-direction:column;gap:12px;}
.agent-chat__row--answer .agent-chat__content{align-items:flex-end;}
.agent-chat__avatar{position:relative;display:block;width:88px;height:88px;border-radius:50%;overflow:hidden;background:#F0F0F0;}
.agent-chat__avatar::before{content:"";position:absolute;z-index:1;top:13px;left:27px;width:34px;height:38px;border-radius:50%;background:#000;}
.agent-chat__avatar::after{content:"";position:absolute;bottom:-18px;left:8px;width:72px;height:58px;border-radius:50% 50% 16px 16px;background:#000;}
.agent-chat__bubble{box-sizing:border-box;margin:0;padding:20px 24px;border-radius:16px;font-size:20px;font-weight:500;line-height:1.28;}
.agent-chat__bubble--question{width:min(100%,780px);background:linear-gradient(135deg,#FBFBFC 0%,#EEF0F5 100%);color:#000;}
.agent-chat__bubble--answer{width:min(100%,860px);background:#1781F2;color:#fff;}
.agent-chat__meta{display:flex;align-items:center;gap:8px;margin:0;color:#8D8D91;font-size:16px;font-weight:500;line-height:1;}
.agent-chat__meta svg{width:32px;height:18px;color:#2B8CE6;flex:none;}
.agent-chat__meta--answer{justify-content:flex-end;}

/* 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:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 48px minmax(36px,auto);
  row-gap:5px;
}
.field label{grid-area:1 / 1;font-size:14px;font-weight:400;line-height:1.57;color:var(--ink2);}
.field input{
  grid-area:2 / 1;
  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 input.invalid + .box{border-color:var(--accent);box-shadow:0 0 0 3px rgba(241,54,29,.15);}
.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-success.popup_opened{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 {
  color: #ffffff;
  background-color: #000000;
}
.footer__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
  line-height: 16px;
}
.footer__policy {
  display: flex;
  gap: 40px;
}
.footer__policy-link {
  display: block;
  font-size: 13px;
  text-decoration: underline;
  color: #ffffff;
}
.footer__copyright {
  width: 100%;
  margin: 0;
  margin-top: 30px;
  font-size: 13px;
}
.footer__copyright-link {
  display: flex;
  flex-direction: column;
  display: inline;
  color: #ffffff;
  white-space:nowrap;
  text-decoration: underline;
}

.footer__logo-link {
  position: absolute;
  bottom: 50px;
  right: 0;
}
.footer__logo {
  width: 135px;
  height: auto;
  aspect-ratio: 655 / 106;
  object-fit: contain;
  display: block;
}



@media (max-width: 784px){
.footer__logo-link {
  position: relative;
  margin-top: 50px;
  bottom: 0;
  right: 0;
}
.footer__policy{
flex-direction:column;
}
 

}

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

/* состояние ошибки поля */
.field input.invalid{box-shadow:inset 0 0 0 1.5px var(--accent);}
.field .field-err,
.field .field-hint{
  grid-area:3 / 1;align-self:start;margin:0;
  font-size:13px;line-height:1.3;visibility:hidden;
}
.field .field-err{color:var(--accent);}
.field .field-hint{color:var(--gray-text);}
.field .field-err.show,
.field .field-hint.show{visibility:visible;}
.field .field-hint a{color:var(--accent);text-decoration:underline;cursor:pointer;}
.form__field-error.is-visible,
.emailInfoCont.is-visible{visibility:visible;}
.fm-consent__text{display:flex;flex:1;flex-direction:column;gap:5px;}
.fm-consent .form__field-error{
  margin:0;min-height:36px;font-size:13px;line-height:1.3;color:var(--accent);
  display:block;visibility:hidden;
}
.fm-consent .form__field-error.is-visible{visibility:visible;}

/* общая ошибка отправки */
.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;
  border:0;padding:0;background-color:transparent;
  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;}
}

/* До 1400px элементы в ряд не помещаются без обрезания мокапа. */
@media (min-width:1024px) and (max-width:1399px){
  .hero-row{flex-direction:column;align-items:center;}
  .feature-grid{flex:0 0 auto;width:min(100%,660px);height:auto;grid-template-columns:1fr 1fr;}
  .mockup{flex:0 0 auto;width:min(100%,660px);height:auto;}
  .mockup img{height:auto;}
}

@media (min-width:1400px){
  .feature{padding:20px;gap:8px;}
  .feature .ico{width:28px;height:28px;}
  .feature h3{font-size:22px;}
  .feature p{font-size:16px;}
}






@media (max-width: 1024px){
.container{padding-inline:20px;}

.hero>.container{padding-top:48px;padding-bottom:48px;}
.hero-row{flex-direction:column;gap:28px;margin-top:32px;}

.feature-grid{
  flex:1 1 auto;width:100%;max-width:660px;height:auto;
  grid-template-rows:auto;margin-inline:auto;
}
.mockup{flex:1 1 auto;width:100%;max-width:660px;height:auto;margin-inline:auto;}
.mockup img{height:auto;}
.ed-row,.pv-cards,.ch-cards,.cm-cards{flex-direction:column;}
}
@media (max-width: 992px){
.ch-stats{flex-direction:column;}

.fm-inputs{    grid-template-columns: 1fr;}

}
/* ───────────────────────────────────────────────
 МОБИЛЬНЫЙ (≤768px) — основная раскладка в столбец
 ─────────────────────────────────────────────── */
@media (max-width: 768px){
.container{padding-inline:16px;}

/* убираем принудительные переносы строк из заголовков */
.hero-title br,
.pv-title br, .pv-sub br,
.nr-title br, .nr-sub br,
.ed-title br, .ed-sub br,
.sp-title br, .sp-sub br,
.cm-title br, .cm-sub br,
.fm-title br, .fm-sub br,
.nr-card-text h3 br{display:none;}

/* ───────── ХЕДЕР ───────── */
.topbar, .topbar>.container{height:auto;}
.topbar>.container{padding-block:10px;}
.topbar .logo{height:22px;}
.user .name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.brandbar>.container{min-height:0;padding-block:24px;}
.brandbar-inner{flex-direction:column;align-items:flex-start;gap:16px;}
.brand .title{font-size:28px;}
.brand .sub{font-size:16px;margin-top:6px;}
.nav{flex-wrap:wrap;gap:10px 18px;}
.nav a{font-size:15px;}

/* ───────── HERO ───────── */
.hero>.container{padding-top:36px;padding-bottom:36px;}
.hero-title{font-size:clamp(26px,6.4vw,34px);}
.hero-row{margin-top:24px;gap:16px;}
.feature-grid{grid-template-columns:1fr;gap:16px;max-width:560px;}
.feature{padding:24px;border-radius:18px;gap:14px;}
.feature .ico{width:28px;height:28px;}
.feature p{font-size:16px;}

/* ───────── ОБЩИЕ ЗАГОЛОВКИ СЕКЦИЙ ───────── */
.pv-title, .nr-title, .ed-title, .sp-title,
.cm-title, .fm-title, .cl-title, .fm-success h3{font-size:28px;line-height:1.1;}
.pv-sub, .nr-sub, .ed-sub, .sp-sub,
.cm-sub, .fm-sub, .fm-success p{font-size:18px;}
.ch-title{font-size:26px;}

/* общие отступы светлых секций */
.prove, .neuro, .edu, .support, .comm, .form-sec, .clients{padding:44px 0 48px;}
.prove>.container, .neuro>.container, .edu>.container,
.support>.container, .comm>.container, .form-sec>.container{gap:36px;}

.pv-mockup, .nr-mockup, .ed-mockup, .sp-chat,
.case-mockup{border-radius:16px;}

/* общие CTA-кнопки */
.ch-cta, .pv-cta, .ed-cta{
  height:auto;min-height:58px;padding:16px 22px;
  font-size:17px;text-align:center;line-height:1.3;
}

/* ───────── ВЫЗОВЫ (черная) ───────── */
.challenges{padding:24px 0 44px;}
.challenges>.container{gap:28px;}
.ch-head{gap:20px;}
.ch-cards{flex-direction:column;gap:16px;}
.ch-card{padding:24px;}
.ch-card h3{font-size:20px;}
.ch-stats{flex-direction:column;gap:24px;padding:24px 0;}
.ch-stat{padding:0;gap:8px;}
.ch-stat .num{font-size:30px;}
.ch-stat p{font-size:18px;}

/* ───────── НАХОДИТЕ РИСК ───────── */
.pv-cards{flex-direction:column;gap:16px;}
.pv-card{padding:24px;}
.pv-card h3{font-size:20px;}

/* ───────── НЕЙРОСЕТИ ───────── */
.nr-card{padding:24px;border-radius:24px;gap:24px;}
.nr-card-text{gap:12px;}
.nr-card-text h3{font-size:23px;}

/* ───────── ОБУЧЕНИЕ ───────── */
.ed-row{flex-direction:column;gap:16px;}
.course{padding:24px;}
.course h3{font-size:19px;}

/* таблица сравнения → метка сверху, два значения снизу */
.compare{padding:24px;border-radius:24px;gap:24px;}
.compare h2{font-size:23px;}
.ct-wrap{padding:20px 16px;border-radius:16px;}
.ctrow{
  grid-template-columns:1fr 1fr;gap:6px 16px;
  min-height:0;padding:16px 0;
}
.ctrow>div{font-size:15px;line-height:1.3;}
.ctrow>div:first-child{grid-column:1 / -1;font-weight:500;color:var(--muted);}
.ctrow.head{display:none;} /* шапка таблицы не нужна в перестроенном виде */
.ctrow .yes{gap:6px;}
.ctrow .yes img{width:20px;height:20px;}

/* ───────── ЭКСПЕРТНАЯ ПОДДЕРЖКА ───────── */
.sp-chat--agent{gap:14px;padding:16px;}
.agent-chat__row{gap:12px;}
.agent-chat__row--question{grid-template-columns:46px minmax(0,1fr);}
.agent-chat__row--answer{grid-template-columns:minmax(0,1fr) 46px;}
.agent-chat__avatar{width:46px;height:46px;}
.agent-chat__avatar::before{top:7px;left:14px;width:18px;height:20px;}
.agent-chat__avatar::after{bottom:-10px;left:4px;width:38px;height:31px;border-radius:50% 50% 10px 10px;}
.agent-chat__content{gap:8px;}
.agent-chat__bubble{padding:14px 16px;border-radius:12px;font-size:16px;line-height:1.32;}
.agent-chat__meta{gap:5px;font-size:13px;}
.agent-chat__meta svg{width:25px;height:14px;}
.case{padding:24px;border-radius:24px;gap:24px;}
.case-head h2{font-size:23px;}
.case-cols{grid-template-columns:1fr;gap:16px;}
.case-cols p{font-size:16px;}
.case-bottom{grid-template-columns:1fr;gap:24px;}
.help{padding:24px;gap:20px;}
.help h3{font-size:23px;}
.help li{font-size:18px;gap:10px;}
.stat-num{font-size:32px;}

/* ───────── КОММУНИКАЦИЯ ───────── */
.cm-cards{flex-direction:column;gap:16px;}
.cm-card{padding:24px;}
.cm-card h3{font-size:20px;}

/* ───────── ФОРМА ───────── */
.fm-inputs{grid-template-columns:1fr;gap:16px;}
.fm-submit{height:auto;min-height:58px;}
.fm-consent label{font-size:15px;}
.fm-success{min-height:0;}

/* ───────── КЛИЕНТЫ (бегущая строка) ───────── */
.clients{gap:32px;}
.track{gap:40px;}
.track img{height:34px;width:auto;}
.marquee::before, .marquee::after{width:48px;}

/* ───────── ФУТЕР ───────── */
.footer{padding:48px 0;}
.footer>.container{gap:20px;}
.ft-row{flex-direction:column;align-items:flex-start;gap:16px;}
.ft-legal{flex-direction:column;gap:8px;align-items:flex-start;}
}

/* ───────────────────────────────────────────────
 УЗКИЙ ТЕЛЕФОН (≤400px) — мелкая шлифовка
 ─────────────────────────────────────────────── */
@media (max-width: 400px){
.user .name{max-width:120px;}
.brand .title{font-size:25px;}
.pv-title, .nr-title, .ed-title, .sp-title,
.cm-title, .fm-title, .cl-title{font-size:25px;}
.ctrow{grid-template-columns:1fr;}
.ctrow .yes{justify-content:flex-start;}
}

.experts-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: flex-start;
}

.expert-card {
display: flex;
flex-direction: column;
gap: 10px;
width: 180px;
flex-shrink: 0;
}
.expert-card__photo {
width: 100%;
height: 227px;
background: #f0f0f0;
border-radius: 20px;
}
.expert-card__info {
display: flex;
flex-direction: column;
align-items: center;
gap: 1px;
text-align: center;
}
.expert-card__name {
font-size: 24px;
font-weight: 700;
line-height: 26px;
color: #000;
  margin-bottom: 0px;
}
.expert-card__org {
font-size: 18px;
font-weight: 400;
letter-spacing: -0.36px;
line-height: 22px;
color: #000;
}
.specialists__inner {
display: flex;
flex-direction: column;
}

/* ───────── МЕТОДИКА ОБУЧЕНИЯ ───────── */
.ed-row--single .course{flex:0 1 calc((100% - 80px) / 3);}

.methodology{padding:60px 0 80px;background:#fff;overflow:hidden;}
.methodology>.container{display:flex;flex-direction:column;align-items:center;}
.methodology__head{display:flex;justify-content:space-between;gap:40px;width:100%;}
.methodology__main{display:flex;flex-direction:column;gap:30px;width:calc(45% - 20px);}
.methodology__title{margin:0;font-size:36px;font-weight:500;line-height:1.02;color:#000;text-wrap:balance;}
.methodology__benefits{display:flex;flex-direction:column;gap:20px;width:calc(55% - 20px);margin:0;padding:0;list-style:none;counter-reset:benefit-counter;}
.methodology__benefit{position:relative;min-height:92px;padding:0 0 20px 92px;border-bottom:1px solid #d9d9d9;font-size:24px;font-weight:500;line-height:1.12;color:#000;counter-increment:benefit-counter;}
.methodology__benefit::before{content:counter(benefit-counter);position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:72px;font-weight:500;line-height:1;color:var(--accent);}
.methodology__slider{width:100%;margin-top:60px;}
.methodology__viewport{overflow:hidden;width:100%;}
.methodology__slides{display:flex;gap:20px;margin:0;padding:0;list-style:none;transition:transform .45s ease;will-change:transform;}
.methodology__slide{flex:0 0 440px;width:440px;height:330px;border-radius:20px;overflow:hidden;background:var(--cream);}
.methodology__slide img{display:block;width:100%;height:100%;object-fit:cover;}
.methodology__controls{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;}
.methodology__control{width:44px;height:44px;border:0;border-radius:50%;background:var(--cream);color:#000;font:inherit;font-size:24px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease;}
.methodology__control:hover,.methodology__control:focus-visible{background:var(--accent);color:#fff;outline:none;}
.methodology__cta{display:flex;align-items:center;justify-content:center;min-height:65px;margin-top:40px;padding:20px 40px;border-radius:16px;background:var(--ink);color:#fff;font-size:20px;font-weight:500;line-height:1.26;text-align:center;text-decoration:none;transition:filter .15s ease;}
.methodology__cta:hover{filter:brightness(1.15);}

@media (max-width:1024px){
.ed-row--single .course{flex:1 1 auto;}
.methodology{padding:44px 0 48px;}
.methodology__head{flex-direction:column;gap:32px;}
.methodology__main,.methodology__benefits{width:100%;}
.methodology__title{font-size:clamp(30px,5vw,42px);}
}

@media (max-width:640px){
.methodology__head{gap:28px;}
.methodology__title{font-size:28px;}
.methodology__benefits{gap:16px;}
.methodology__benefit{min-height:0;padding:0 0 16px 48px;font-size:19px;}
.methodology__benefit::before{font-size:36px;}
.methodology__slider{margin-top:36px;}
.methodology__slide{flex-basis:min(340px,calc(100vw - 40px));width:min(340px,calc(100vw - 40px));height:min(255px,calc((100vw - 40px) * .75));border-radius:16px;}
.methodology__controls{margin-top:16px;}
.methodology__cta{width:100%;min-height:58px;margin-top:32px;padding:16px 20px;font-size:17px;}
}