/* Approved composition: Airspace hero, Flight Deck body. No content or routing changes. */
#root .homepage{--hm-r:12px;--hm-line:#cbd6e3}
#root .homepage .hm-hero{position:relative;padding-top:58px;padding-bottom:46px;isolation:isolate}
#root .homepage .hm-hero::before{content:"";position:absolute;z-index:-1;right:0;top:15px;width:48%;height:73%;border:1px solid #1652f020;border-radius:50%;box-shadow:0 0 0 20px #1652f008,0 0 0 42px #ff6f3d08;pointer-events:none}
#root .homepage .hm-hero-copy>.hm-kicker{border-left:3px solid #ff6f3d;padding:7px 0 7px 12px}
#root .homepage .hm-hero-copy em{color:#bd451d}
#root .homepage .hm-primary{background:#1652f0;border-color:#1652f0;box-shadow:0 8px 18px #1652f026}
#root .homepage .hm-product-preview{position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 0,#254e9e,transparent 70%),#0e1727;border:1px solid #677d9e;border-radius:24px;transform:rotate(1deg);box-shadow:inset 0 0 0 5px #ffffff08,0 20px 45px #10182720}
#root .homepage .hm-console-bar{padding-bottom:16px;border-bottom:1px solid #ffffff40;letter-spacing:.08em}
#root .homepage .hm-transmission{border-left:3px solid #8cb0ff}
#root .homepage .hm-transmission-you{border-left-color:#ff8d64}
#root .homepage .hm-convenience{border-radius:16px;box-shadow:0 8px 26px #0b142209;border-bottom:3px solid #1652f0}
#root .homepage .hm-path-grid>a{border-radius:10px;border-top:4px solid #1652f0;padding:28px;box-shadow:0 8px 22px #0b14220a;transition:border-color .18s,box-shadow .18s,transform .18s}
#root .homepage .hm-path-grid>a>svg{padding:12px;box-sizing:content-box;border-radius:12px;background:#101a2b;color:#a7c2ff}
#root .homepage .hm-benefit-grid{gap:20px}
#root .homepage .hm-benefit-grid article{padding:28px;background:#fff;border:1px solid #d3dce7;border-radius:10px}
#root .homepage .hm-benefit-icon{background:#1652f0;color:#fff;border-radius:8px}
#root .homepage .hm-journey{background:linear-gradient(115deg,#101a2b,#122747);padding:42px;border-radius:20px;border:1px solid #50657f;margin-block:30px;color:#fff}
#root .homepage .hm-journey :is(p,.hm-rules p){color:#ccd7e8}
#root .homepage .hm-journey :is(.hm-kicker,a,.hm-rules svg){color:#adc6ff}
#root .homepage .hm-journey li{position:relative}
#root .homepage .hm-journey li:not(:last-child)::after{content:"";position:absolute;left:19px;top:47px;bottom:-18px;border-left:1px dashed #8095b1;pointer-events:none}
#root .homepage .hm-journey li>b{background:#ff976f;color:#101a2b;border:1px solid #ff976f;border-radius:8px}
#root .homepage .hm-rules{border-color:#64758f;border-radius:8px;background:#ffffff05}
#root .homepage .product-evidence-card{border:1px solid #aebcce;border-radius:14px;box-shadow:0 12px 32px #1220380b}
#root .homepage .product-evidence-card .product-evidence-image{padding:10px;background:#101a2b;border-radius:0}
#root .homepage .product-evidence-kicker b{border-radius:6px;border-color:#1652f0}
#root .homepage .hm-next-step aside{border-radius:10px;border-top:4px solid #1652f0;background:#edf2fb}
#root .homepage .home-authority aside{border-radius:10px;border-top:4px solid #ff6f3d}
#root :is(.home-video-grid,.home-knowledge-grid)>a{border-top:3px solid #1652f0}
#root .faq-list details{border-left:3px solid #ccd6e4}
#root .faq-list details[open]{border-left-color:#1652f0}
#root :is(.closing,.detail-closing,.article-cta){position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#0b1422,#143d84);border-top:4px solid #ff976f;color:#fff}
#root .closing::before{content:"";position:absolute;z-index:-1;width:440px;height:440px;right:-80px;top:-170px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff05;pointer-events:none}
#root .homepage .closing{border-radius:0}
/* Shared instrument framing, without changing the core app or iframe UI. */
#root :is(.audience-path-card,.knowledge-card,.hub-feature-card){border-top:3px solid #1652f0;border-radius:14px;box-shadow:0 8px 22px #0b14220a}
#root :is(.detail-hero,.hub-hero){isolation:isolate}
#root :is(.detail-hero,.hub-hero) h1{text-wrap:balance}
#root :is(a,button,summary):focus-visible{outline:3px solid #5585ff;outline-offset:4px}
#root main :is(section,h2,h3)[id]{scroll-margin-top:120px}
/* Text and actions must remain separate visual groups, including wrapped CTAs. */
#root :is(p,ul,ol)+:is(.hero-actions,.hm-actions,.button,.text-link){margin-top:24px}
#root :is(.hero-actions,.hm-actions){row-gap:16px}
#root :is(.hero-actions,.hm-actions)+:is(p,small,.hero-action-note){margin-top:16px}
#root :is(.detail-closing,.article-cta)>:is(a.button,.hero-actions){margin-top:24px}
#root .audience-commercial-cta{gap:28px 40px}
/* An editorial column cannot support five readable cards side by side. */
#root .detail-practice-plan ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));border-radius:16px}
#root .detail-practice-plan li{min-width:0;padding:24px}
#root .detail-practice-plan li :is(h3,strong,p,small){overflow-wrap:normal;word-break:normal;hyphens:auto}
#root .detail-practice-plan li :is(h3,strong){font-size:21px;line-height:1.3}
#root .detail-practice-plan li :is(p,small){font-size:16px;line-height:1.65}
@media(hover:hover){#root .homepage .hm-path-grid>a:hover{transform:translateY(-3px);border-color:#1652f0;box-shadow:0 12px 24px #1652f014}}
@media(max-width:760px){
 #root .homepage .hm-hero{padding-top:30px}
 #root .homepage .hm-hero::before{display:none}
 #root .homepage .hm-product-preview{transform:none}
 #root .homepage .hm-console-bar{gap:8px;flex-wrap:wrap}
 #root .homepage .hm-journey{padding:26px 20px}
 #root .homepage :is(.hm-benefit-grid article,.hm-path-grid>a){padding:22px}
 #root .homepage .product-evidence-card .product-evidence-image{padding:6px}
 #root .detail-practice-plan ol{grid-template-columns:minmax(0,1fr)}
 #root .detail-practice-plan li{padding:22px}
 #root main :is(section,h2,h3)[id]{scroll-margin-top:96px}
}
@media(prefers-reduced-motion:reduce){#root .homepage .hm-path-grid>a{transition:none;transform:none}}
/* Seven clear destinations; keep the duplicate demo CTA out of tight headers. */
#root .desktop-nav{gap:16px}
#root .desktop-nav a{white-space:nowrap}
#root .header-actions{gap:12px}
@media(min-width:901px) and (max-width:1150px){#root .header-actions>.button-ghost{display:none}#root .desktop-nav{gap:12px}}
/* CSP-safe equivalents of the existing static presentation attributes. */
.audience-hub .audience-hub-hero{padding-bottom:42px}
.audience-hub #wege{padding-top:48px}
.pricing-sync-unpublished>svg,.pricing-sync-unavailable>svg{color:#b45309}
.about-operator-portrait{margin:16px 0 0}
.about-operator-portrait>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 47%;border-radius:16px}