/* Decorative screenshots stay outside the reading and interaction areas. */
.landing-page{background:#0a1112;display:flex;flex-direction:column;min-height:100vh}
.landing-page>.header,.landing-page>.footer{flex-shrink:0}
.landing-page #main-content{flex:1}
.landing-page .start-page{min-height:0}
.landing-page #main-content{position:relative;isolation:isolate;overflow:hidden}
.landing-page #main-content::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;left:0;right:0;height:360px;background:url("home-background-20261106-v1.png") center top/min(100vw,1672px) auto no-repeat;opacity:.65;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 55%,transparent 100%)}
html[lang="en"] .landing-page #main-content::before{background-image:url("home-background-en-20261106-v1.png")}
html[lang="ru"] .landing-page #main-content::before{background-image:url("home-background-ru-20261106-v1.png")}
.landing-page .start-page{position:relative;padding-top:56px}
.landing-page .start-intro{min-height:0;padding-top:24px;max-width:565px;margin:0 auto 24px;text-align:center}
.landing-page .start-intro .eyebrow{justify-content:center}
.landing-page .start-intro>p:last-child{max-width:505px;margin-inline:auto;font-size:15px;line-height:1.9}
.landing-page .start-option{background:#101b1c;box-shadow:0 14px 40px #00000012}
.landing-page .start-option-primary{background:linear-gradient(135deg,#1a2c27,#111d1c)}
@media(max-width:1100px){.landing-page #main-content::before{opacity:.45}}
@media(max-width:900px){.landing-page #main-content::before{display:none}}
@media(max-width:760px){.landing-page .start-page{padding-top:36px}.landing-page .start-intro{min-height:0;padding-top:0;margin-bottom:25px;max-width:none}.landing-page .start-intro>p:last-child{font-size:14px;max-width:none}}
.landing-page .start-secondary{display:flex;flex-wrap:wrap;gap:10px 28px;border-top:1px solid #263633;padding-top:10px}
.landing-page .start-secondary>.start-help{border:0;padding:0;font-size:12px;color:#a0b2ae}
.landing-page .start-secondary>.start-help>summary{padding-block:10px;min-height:40px}
.landing-page .start-secondary>.start-help[open]{flex-basis:100%}
.landing-page .start-secondary .start-help-content{padding:0 0 12px;max-width:820px}
.landing-page .start-faq .seo-faq{padding:12px 0;font-size:13px}
.landing-page .start-faq .seo-faq p{font-size:13px;line-height:1.9}
.landing-page .start-faq .seo-faq:last-child{border-bottom:0}

.landing-page .start-guide-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:16px}
.landing-page .start-guide-links .seo-feature-link{margin:0;font-size:12px}

/* Card actions stay aligned as copy wraps; no reserved hero height. */
.landing-page .start-page{padding-block:clamp(32px,4vw,56px) 40px}
.landing-page .start-intro{margin-bottom:32px;padding-top:16px}
.landing-page .start-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.landing-page .start-option>p{flex:1}
.landing-page .start-option :is(.button,.start-option-actions){max-width:100%}
.landing-page .start-option .button{white-space:normal;text-align:left;overflow-wrap:anywhere}
.landing-page .start-option .button>span{flex:none}
.landing-page .start-access:empty{margin:20px 0}
@media(max-width:760px){
 .landing-page .start-options{grid-template-columns:minmax(0,1fr)}
 .landing-page .start-intro{padding-top:0;margin-bottom:24px}
}

/* Compact mobile entry: omit the access note and its spacing. */
@media(max-width:760px){.landing-page .start-access{display:none}}