/* Page layout only. Shared brand and shell styles remain unchanged. */
.skip{position:absolute;top:-100px;z-index:100;background:#fff;padding:16px}.skip:focus{top:16px}
.brand-hero h1{font-size:clamp(46px,6.5vw,82px)}
.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}.feature-icon{width:36px;height:36px}.invert{filter:invert(1)}
.faq-grid{display:grid;grid-template-columns:1fr}.faq-grid details p{max-width:none}.faq-grid summary:after{content:none}.faq-grid details[open] summary img{rotate:180deg}

/* Give the headline approximately one screen of breathing room. */
.brand-hero{min-height:60svh;display:flex;flex-direction:column;justify-content:center;padding-block:48px}
.brand-hero h1{margin:0}

.hero-downloads{margin-top:32px}.hero-downloads .primary .ui-icon{filter:invert(1)}

.closing-cta{padding-block:80px}
.closing-card{position:relative;isolation:isolate;overflow:hidden;background:#171717;border:1px solid #333;border-radius:18px;padding:80px 40px;text-align:center;color:#fff}
.closing-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 0%,#08744340,transparent 65%)}
.closing-card h2{font-size:clamp(40px,5vw,64px);line-height:1.1}
.closing-card .indigo{color:#9cdeb2}
.closing-downloads{justify-content:center;margin-top:32px}
.closing-downloads .button:not(.primary){color:#171717}
@media(max-width:600px){.closing-cta{padding-block:56px}.closing-card{padding:48px 20px}.closing-downloads{flex-direction:column;align-items:center}}

/* White foreground on the deep green primary controls. */
.button.primary{color:#fff;text-shadow:0 -1px 1px #00351d66}
.hero-downloads .primary .ui-icon{filter:invert(1)}
:focus-visible{outline-color:#28623c}