/* Homepage hero: copy typography and composition. The shared title-depth sheet owns the decorative edge; flight-hud.css owns the scene and the instrument strip. */
.hero.flight-hero .hero-copy h1{
 font-family:var(--sans);font-size:clamp(56px,5.7vw,94px);font-weight:700;
 line-height:1.015;letter-spacing:-.045em;text-wrap:nowrap;font-synthesis:none;
 max-width:100%;margin:0;overflow:visible
}
.hero-title-lead,.hero-title-focus{display:block;width:fit-content;max-width:100%}
.hero-title-lead{color:#f4f8f5;font-weight:700}
.hero-title-focus{
 color:#b7e5cc;font-size:1em;font-weight:700;letter-spacing:-.045em;
 margin-top:.055em
}
/* Cyrillic keeps a little more room between the lines for descenders and й/ї marks. */
html[lang=uk-UA] .hero.flight-hero .hero-copy h1{line-height:1.06}
html[lang=uk-UA] .hero-title-focus{margin-top:.06em}
.hero.flight-hero .hero-copy>.eyebrow{
 display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.13em;
 line-height:1.6;margin-bottom:26px;color:#d6e8df
}
.hero.flight-hero .hero-copy>.eyebrow:before{content:'';width:28px;height:2px;flex-shrink:0;background:#a7d9bf;box-shadow:0 0 12px #a7d9bf26}
.hero.flight-hero .hero-copy>p:not(.eyebrow){max-width:45ch;font-size:17px;line-height:1.65;margin-top:28px;color:#dbe5df;text-wrap:pretty}
.hero.flight-hero .hero-actions{margin-top:32px;gap:26px}
.hero.flight-hero .hero-actions .text-button{color:#eef5f1}
.hero.flight-hero .hero-actions .text-button:hover{color:#c6ead6}
.hero.flight-hero .hero-actions .text-button span{display:inline-block;margin-left:3px;transition:transform .2s}
.hero.flight-hero .hero-actions .text-button:hover span{transform:translateY(2px)}
@media(min-width:801px){
 .hero.flight-hero .hero-shade{background:linear-gradient(90deg,#071216f7 0%,#09171cde 35%,#0b19218f 58%,#14242a0d 82%),linear-gradient(0deg,#0c181efa 0%,#0c181e80 16%,transparent 55%,#07141888 100%)}
 /* Center the copy between the header and the instrument strip, which puts it on the HUD's optical center at every height.
    Auto margins fall back to top alignment if a short window cannot hold the block. */
 .hero.flight-hero{display:flex;flex-direction:column;padding-bottom:104px}
 .hero.flight-hero .hero-copy{margin-block:auto;padding-block:24px}
 html[lang=uk-UA] .hero.flight-hero .hero-copy h1{font-size:clamp(43px,4.35vw,71px)}
}
@media(min-width:801px) and (max-height:780px){
 .hero.flight-hero .hero-copy{padding-block:12px}
 .hero.flight-hero .hero-copy h1{font-size:clamp(54px,5.1vw,82px)}
 .hero.flight-hero .hero-copy>.eyebrow{margin-bottom:22px}
 .hero.flight-hero .hero-copy>p:not(.eyebrow){margin-top:22px}
 .hero.flight-hero .hero-actions{margin-top:26px}
}
@media(max-width:1100px) and (min-width:801px){
 .hero.flight-hero .hero-copy h1{font-size:clamp(49px,5.65vw,62px)}
 .hero.flight-hero .hero-copy>p:not(.eyebrow){font-size:16px;max-width:42ch}
 html[lang=uk-UA] .hero.flight-hero .hero-copy h1{font-size:clamp(39px,4.4vw,49px)}
}
@media(max-width:800px){
 .hero.flight-hero .hero-copy h1{font-size:clamp(34px,11.4vw,76px);line-height:1.04;letter-spacing:-.035em}
 .hero.flight-hero .hero-copy>.eyebrow{font-size:10px;letter-spacing:.07em;gap:10px;margin-bottom:22px}
 .hero.flight-hero .hero-copy>.eyebrow:before{width:18px}
 .hero.flight-hero .hero-copy>p:not(.eyebrow){font-size:16px;max-width:40ch;margin-top:22px}
 .hero.flight-hero .hero-actions{gap:14px 22px;margin-top:26px}
 html[lang=uk-UA] .hero.flight-hero .hero-copy h1{font-size:clamp(26px,7.4vw,58px);line-height:1.1}
}
@media(max-width:380px){
 .hero.flight-hero .hero-copy>.eyebrow{font-size:9px;gap:8px;letter-spacing:.04em}
 .hero.flight-hero .hero-copy>.eyebrow:before{width:14px}
 .hero.flight-hero .hero-actions{gap:12px 16px}
}
@media(forced-colors:active){.hero-title-lead,.hero-title-focus{color:CanvasText;text-shadow:none}}