/* Desktop uses the visible viewport. Phones retain readable, natural content flow. */
:root{--hero-header-size:82px}
html{overflow-x:clip}
.hero-editorial{min-height:calc(100vh - var(--hero-header-size));min-height:calc(100svh - var(--hero-header-size));min-height:calc(100dvh - var(--hero-header-size));display:flex;color:var(--ink);background:radial-gradient(ellipse at 85% 8%,#E4E8FA 0,transparent 53%),radial-gradient(ellipse at 3% 55%,#F7ECE3 0,transparent 46%),#F8F9FC}
.hero-editorial>.container{display:flex;flex-direction:column;flex:1;padding-top:clamp(16px,3dvh,42px);padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}
.editorial-intro{display:flex;flex:1;flex-direction:column;justify-content:center;width:100%;max-width:1100px;margin:0 auto;padding-bottom:clamp(16px,3dvh,36px);text-align:center}
.editorial-category{display:flex;align-items:center;justify-content:center;gap:11px;font-size:21px;font-weight:550;line-height:1.5;color:var(--primary);margin:0 0 clamp(12px,2.1dvh,23px);letter-spacing:-.01em}
.editorial-category .status-dot{width:7px;height:7px;box-shadow:0 0 0 5px #5D6EA90C}
.hero-editorial h1{font-size:clamp(42px,min(4.25vw,6.4dvh),60px);font-weight:650;line-height:1.13;letter-spacing:-.045em;margin:0;color:var(--ink)}
.hero-editorial h1>span{color:var(--primary)}
.editorial-lead{max-width:760px;margin:clamp(14px,2.2dvh,23px) auto 0;font-size:clamp(16px,1.9dvh,18px);line-height:1.7;color:#596579;letter-spacing:-.005em}
.editorial-lead-compact{display:none}
.editorial-actions{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap;margin-top:clamp(16px,2.6dvh,28px)}
.editorial-actions .button{min-height:51px;padding:14px 21px;font-size:15px;gap:18px;box-shadow:0 7px 15px -10px #45558370}
.editorial-actions .text-link{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:550;min-height:44px}
.editorial-actions .text-link .bi{font-size:15px}
.editorial-billing{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:clamp(12px,2dvh,23px);font-size:14px;line-height:1.6}
.editorial-billing>a{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center;color:var(--muted)}
.editorial-billing strong{font-size:14px;font-weight:600;color:var(--primary-ink)}
.editorial-billing>a:hover strong{text-decoration:underline;text-underline-offset:4px}
.editorial-billing>p{font-size:14px;padding-left:22px;border-left:1px solid #CDD4E4;color:var(--muted)}
.editorial-answers{flex:none;width:100%;max-width:1130px;margin:0 auto;padding:clamp(15px,2dvh,24px) 0;border-top:1px solid #D8DFED;border-bottom:1px solid #D8DFED;text-align:left}
.editorial-answer{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 22px;min-height:55px}
.editorial-answers>div+div{border-left:1px solid #D8DFED}
.editorial-answer-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#E7ECF8;color:var(--primary)}
.editorial-answer-icon .bi{font-size:22px}
.editorial-answer h2{font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.02em;margin:0 0 5px;color:#394761}
.editorial-answer p{font-size:14px;line-height:1.55;margin:0;color:#667085}
.editorial-partners{flex:none;display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;max-width:1130px;margin:0 auto;padding:clamp(16px,2.5dvh,25px) 0 0}
.editorial-partners>p{font-size:14px;line-height:1.5;color:#667085}
.editorial-partners>p strong{font-size:14px;font-weight:500;color:#667085}
.editorial-partners .partner-logo{display:flex;align-items:center;justify-content:center;min-width:0}
.editorial-partners .partner-logo img{max-height:30px;object-fit:contain}
.editorial-partners .partner-getcourse img{max-width:164px}
.editorial-partners .partner-yandex img{max-width:108px}
.editorial-partners .partner-vk img,.editorial-partners .partner-avito img{max-width:108px}
.editorial-partners-note{padding-left:25px;border-left:1px solid #D8DFED}
@media(max-width:1199.98px){
 .editorial-billing{flex-direction:column;gap:6px}
 .editorial-billing>p{border:0;padding:0}
 .editorial-answer{padding:0 15px;gap:10px;align-items:flex-start}
 .editorial-answer-icon{width:35px;height:35px;border-radius:10px;margin-top:2px}
 .editorial-answer-icon .bi{font-size:19px}
 .editorial-answer h2{font-size:16px}
 .editorial-partners{gap:20px}
 .editorial-partners-note{display:none}
}
@media(max-width:991.98px){
 :root{--hero-header-size:73px}
 .editorial-answer{padding:0 12px;display:block}
 .editorial-answer-icon{margin:0 0 10px}
 .editorial-partners{gap:22px}
 .editorial-partners>p{max-width:130px;flex:none}
 .editorial-partners .partner-getcourse img{max-width:140px}
}
/* Short desktop windows lose optional details before the principal content. */
@media(min-width:768px) and (max-height:760px){
 .editorial-category{font-size:19px;line-height:1.4}
 .editorial-answer{min-height:44px}
 .editorial-answer h2{font-size:15px}
 .editorial-answer-icon{width:34px;height:34px;border-radius:10px}
 .editorial-answer-icon .bi{font-size:19px}
 .editorial-partners{padding-top:16px}
 .editorial-partners>p{line-height:1.4}
}
@media(min-width:768px) and (max-height:680px){
 .editorial-answers{display:none}
 .editorial-partners{border-top:1px solid #D8DFED}
 .hero-editorial>.container{padding-top:16px}
 .editorial-intro{padding-bottom:16px}
 .editorial-category{margin-bottom:12px}
 .editorial-lead{margin-top:14px}
 .editorial-actions{margin-top:16px}
 .editorial-billing{margin-top:12px}
}
@media(min-width:768px) and (max-height:560px){
 .hero-editorial h1{font-size:38px}
 .editorial-category{font-size:18px;margin-bottom:10px}
 .editorial-lead{font-size:15px;line-height:1.55;margin-top:12px}
 .editorial-actions{margin-top:14px}
 .editorial-actions .button{min-height:46px;padding:11px 18px}
 .editorial-billing{margin-top:10px}
}
@media(min-width:768px) and (max-height:450px){
 .hero-editorial>.container{padding-top:10px;padding-bottom:10px}
 .hero-editorial h1{font-size:32px;line-height:1.1}
 .editorial-category{font-size:17px;margin-bottom:8px}
 .editorial-lead,.editorial-partners{display:none}
 .editorial-intro{padding-bottom:0}
 .editorial-actions{margin-top:12px}
 .editorial-billing{margin-top:10px}
}
/* Phones scroll naturally; the opening message and primary action remain above the fold. */
@media(max-width:767.98px){
 .hero-editorial{min-height:0;display:block}
 .hero-editorial>.container{display:block;padding-top:35px;padding-bottom:max(25px,env(safe-area-inset-bottom,0px))}
 .editorial-intro{display:block;padding:0;text-align:left}
 .editorial-category{justify-content:flex-start;font-size:19px;line-height:1.45;gap:10px;max-width:450px;margin-bottom:22px}
 .hero-editorial h1{font-size:clamp(34px,6.2vw,44px);line-height:1.13;letter-spacing:-.04em}
 .editorial-title-break{display:none}
 .editorial-lead{margin:20px 0 0;font-size:16px;max-width:560px;line-height:1.75}
 .editorial-lead-full{display:none}
 .editorial-lead-compact{display:inline}
 .editorial-actions{justify-content:flex-start;gap:14px 22px;margin-top:24px}
 .editorial-billing{align-items:flex-start;gap:7px;margin-top:20px;text-align:left}
 .editorial-billing>a{justify-content:flex-start;gap:2px 9px}
 .editorial-answers{padding:0;border:0;margin-top:31px}
 .editorial-answers>div+div{border-left:0;border-top:1px solid #D8DFED}
 .editorial-answer{display:flex;align-items:center;justify-content:flex-start;padding:17px 0;gap:14px;min-height:0}
 .editorial-answer-icon{margin:0;width:39px;height:39px}
 .editorial-answer-icon .bi{font-size:20px}
 .editorial-answer h2{font-size:17px;margin-bottom:3px}
 .editorial-partners{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 22px;padding:23px 0 0;border-top:1px solid #D8DFED}
 .editorial-partners>p:first-child{grid-column:1/-1;max-width:none}
 .editorial-partners>p:first-child br{display:none}
 .editorial-partners .partner-logo{justify-content:flex-start}
 .editorial-partners .partner-logo img{max-height:27px}
 .editorial-partners .partner-getcourse img{max-width:135px}
}
@media(max-width:575.98px){
 .editorial-category{font-size:18px;max-width:315px}
 .editorial-category .status-dot{align-self:flex-start;margin-top:10px}
 .hero-editorial h1{font-size:35px}
 .editorial-actions{flex-direction:column;align-items:stretch;gap:8px}
 .editorial-actions .button{font-size:14px;width:100%;min-height:53px;padding:15px 13px;gap:12px}
 .editorial-actions .text-link{align-self:flex-start;font-size:14px;min-height:40px}
 .editorial-billing>a{display:block}
 .editorial-billing>a>span{display:block;margin-top:2px}
 .editorial-answers{margin-top:25px}
 .editorial-answer h2{font-size:16px}
 .editorial-partners{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
 .editorial-partners .partner-logo{justify-content:center}
 .editorial-partners .partner-getcourse img{max-width:136px}
 .editorial-partners .partner-yandex img{max-width:106px}
 .editorial-partners .partner-vk img,.editorial-partners .partner-avito img{max-width:100px}
}
@media(max-width:575.98px) and (max-height:650px){
 .hero-editorial>.container{padding-top:22px}
 .editorial-category{margin-bottom:17px}
 .editorial-lead{margin-top:16px}
 .editorial-actions{margin-top:20px}
}
@media(max-width:359.98px){
 .hero-editorial>.container{padding-top:10px}
 .editorial-category{margin-bottom:8px}
 .editorial-lead{margin-top:10px}
 .editorial-actions{margin-top:12px}
}
