/* Публичная страница СлайдПро: редакционная сетка и пример учебного материала. */
.site { margin:0; color:var(--c-ink); background:var(--c-paper); font:16px/1.6 var(--font-ui); }
.site * { box-sizing:border-box; }
.site a { text-decoration:none; color:inherit; }
.site-nav,.site main,.site-footer { width:min(1180px,calc(100% - 80px)); margin:auto; }
.site-nav { display:flex; justify-content:space-between; align-items:center; gap:32px; min-height:94px; border-bottom:1px solid var(--c-line); }
.site-nav nav { display:flex; gap:32px; align-items:center; font-size:13px; font-weight:550; }
.site-nav nav a { min-height:48px; display:inline-flex; align-items:center; }
.site-nav .site-nav-login { border:1px solid var(--c-line); border-radius:2px; padding:0 16px; gap:20px; }
.site a:hover { color:var(--c-ink); text-decoration:underline; text-underline-offset:4px; }
.site-hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:40px; padding:88px 0 100px; }
.hero-copy h1 { font-size:clamp(44px,5vw,70px); font-weight:720; line-height:1.07; letter-spacing:-3px; margin:24px 0; }
.hero-copy h1 em { font-style:normal; color:var(--c-ink); }
.hero-copy>p { color:var(--c-ink-2); font-size:18px; line-height:1.8; margin:0; max-width:460px; }
.hero-actions { display:flex; align-items:center; gap:24px; margin:32px 0 14px; }
.site .site-primary { background:var(--c-saffron); color:var(--c-on-saffron); border:2px solid var(--c-on-saffron); display:inline-flex; align-items:center; justify-content:center; min-height:56px; border-radius:2px; padding:0 22px; gap:26px; font-size:14px; font-weight:650; transition:background-color var(--motion-fast),scale var(--motion-fast); }
.site .site-primary:hover { text-decoration:none; background:var(--c-saffron-hover); color:var(--c-on-saffron); }.site-primary:active{scale:.96}
.site-secondary { font-size:14px; font-weight:600; min-height:48px; display:inline-flex; align-items:center; }
.hero-footnote { color:var(--sp-muted); font-size:12px; }
.hero-scene { position:relative; padding:28px 24px 180px 0; }
.scene-backdrop { position:absolute; inset:0 0 20px 28px; background:var(--c-neutral-surface); border-radius:2px; }
.lecture-window { position:relative; background:#fff; border:1px solid var(--c-line); border-radius:2px; box-shadow:none; overflow:hidden; }
.window-bar { display:flex; gap:20px; align-items:center; padding:13px; font-size:9px; color:var(--c-ink-2); border-bottom:1px solid var(--c-line); }
.window-dots { display:flex; gap:4px; }.window-dots i{width:5px;height:5px;background:var(--c-line);border-radius:50%}
/* Слайд целиком масштабируется внутри каждого устройства без перевёрстки текста. */
.lecture-slide, .phone-slide { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.student-phone { position:absolute; bottom:18px; right:0; width:140px; height:255px; background:var(--c-black); display:flex; align-items:center; border:6px solid var(--c-ink); border-radius:24px; padding:13px 8px; }
.phone-notch { background:var(--c-ink); width:47px; height:8px; border-radius:0 0 7px 7px; position:absolute; top:-1px; left:calc(50% - 23px); }
.phone-bottom { position:absolute; bottom:12px; left:0; right:0; display:grid; justify-items:center; gap:8px; font-size:8px; color:var(--c-chalk-2); }
.phone-bottom span:last-child { color:var(--c-chalk-2); font-size:7px; }
.scene-label { position:absolute; left:18px; bottom:22px; display:flex; align-items:center; gap:9px; color:var(--c-ink-2); font-size:11px; font-weight:550; }
.site-method { border-top:1px solid var(--c-line); display:grid; grid-template-columns:1fr 1fr; gap:90px; padding:70px 0 80px; }
.section-lead h2,.site-feature h2,.site-end h2 { font-size:38px; letter-spacing:-1.4px; font-weight:650; line-height:1.2; margin:16px 0 22px; }
.section-lead p { color:var(--sp-muted); font-size:15px; line-height:1.8; }
.method-list { list-style:none; padding:0; margin:0; }.method-list li{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--c-line)}.method-list li:first-child{padding-top:0}.method-list li>span{font:500 14px var(--font-mono);color:var(--c-ink-2);padding-top:6px}.method-list h3{font-size:18px;letter-spacing:-.3px;margin:0 0 8px;font-weight:650}.method-list p{margin:0;font-size:14px;color:var(--sp-muted);line-height:1.8}
.site-feature { padding:52px; border-radius:2px; display:grid; grid-template-columns:1fr 1fr; gap:60px; background:var(--c-black); color:#fff; }.site-feature .eyebrow{color:var(--c-chalk-2)}.site-feature h2{font-size:37px}.feature-copy{display:grid;gap:28px}.feature-copy h3{font-size:18px;font-weight:550;margin:0 0 10px}.feature-copy p{font-size:14px;color:var(--c-chalk-2);line-height:1.85;margin:0}
.site-end { display:flex; justify-content:space-between; align-items:center; gap:32px; padding:70px 0 45px; }.site-end p{font-size:14px;color:var(--sp-muted);max-width:400px}.site-end h2{margin-top:0}
.site-details { border-top:1px solid var(--c-line); padding:20px 0; color:var(--sp-muted); font-size:13px; max-width:780px; }.site-details summary{cursor:pointer;padding:10px 0;min-height:44px}.site-details p{line-height:1.8}
.site-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px 0; border-top:1px solid var(--c-line); margin-top:35px; }.site-footer>span,.site-footer>a:last-child{font-size:12px;color:var(--sp-muted)}.site-footer .brand{font-size:20px}.site-footer .brand::before{width:30px;height:30px}
@media(max-width:1000px){.site-nav,.site main,.site-footer{width:calc(100% - 48px)}.site-nav nav{gap:20px}.site-hero{gap:20px;padding:60px 0 75px}.hero-copy h1{font-size:50px;letter-spacing:-2px}.hero-copy>p{font-size:15px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-scene{padding:25px 20px 180px 0}.student-phone{width:116px;height:220px}.scene-label{bottom:0;left:0;font-size:10px}.site-method{gap:40px}.site-feature{padding:35px;gap:30px}}
@media(max-width:700px){.site-nav{min-height:78px}.site-nav nav{gap:14px}.site-nav nav a:first-child{display:none}.site-nav .site-nav-login{font-size:0;border:0;padding:0}.site-nav-login::before{content:'Войти';font-size:13px}.site-nav-login span{display:none}.site-nav .brand{font-size:21px}.site-hero{grid-template-columns:1fr;gap:32px;padding:45px 0 60px}.hero-copy h1{font-size:clamp(34px,10.6vw,48px);letter-spacing:-2px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1px}.hero-copy>p{font-size:16px}.hero-scene{max-width:480px;width:100%;margin:auto;padding-right:30px}.student-phone{width:125px;height:230px}.scene-label{bottom:4px}.site-method{grid-template-columns:1fr;gap:30px;padding:45px 0}.section-lead h2,.site-feature h2,.site-end h2{font-size:31px}.section-lead h2 br{display:none}.site-feature{grid-template-columns:1fr;gap:16px;padding:28px}.site-feature h2{margin-bottom:16px}.site-end{padding:48px 0 28px;display:block}.site-end .site-primary{margin-top:16px}.site-footer{flex-wrap:wrap;margin-top:20px;gap:16px}.site-footer>span{display:none}.hero-actions .site-primary{font-size:13px;gap:20px}.hero-actions{gap:20px}.hero-footnote{font-size:11px}}
@media(prefers-reduced-motion:reduce){.site .site-primary{transition:none}.site-primary:active{scale:1}}

/* Небольшой телефон и вырезы по краям в альбомном положении. */
.site { padding:var(--sat) var(--sar) var(--sab) var(--sal); }
.site-hero, .site-method, .site-feature { min-width:0; }
.site-hero > *, .site-method > *, .site-feature > * { min-width:0; }
@media(max-width:380px) {
  .site-nav, .site main, .site-footer { width:calc(100% - 32px); }
  .site-nav { gap:16px; }
  .hero-copy h1 { font-size:34px; letter-spacing:-1.5px; }
  .hero-scene { padding-right:20px; padding-bottom:180px; }
  .student-phone { width:108px; height:210px; }
  .site-feature { padding:24px 20px; }
  .site-footer { align-items:flex-start; }
}

/* Чёрная типографика и жёлтые действия — выбранное оформление «Чёрный и шафран». */
.hero-copy h1, .section-lead h2, .site-feature h2, .site-end h2 { font-family:var(--font-display); font-weight:900; }
.scene-backdrop { border:1px solid var(--c-line); }
.site-feature { border:1px solid var(--c-ink); }
.site-nav .site-nav-login { border-color:var(--c-ink); }