:root{color-scheme:dark;--orange:#ff931f;--hover:#ffa63b}
*{box-sizing:border-box}html,body{background:#000}body{margin:0;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:#ff931f55}.skip-link{position:fixed;top:-100px;left:16px;padding:12px 18px;background:var(--orange);color:#000;z-index:20}.skip-link:focus{top:12px}
.site-header{height:80px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #171717;background:#000}.brand{display:flex;align-items:center;gap:13px;font-size:24px;font-weight:700}.brand-mark{display:block;width:22px;height:29px;overflow:hidden;position:relative}.brand-mark img{position:absolute;width:116px;max-width:none;height:auto;left:-4px;top:-3px}.header-download{background:var(--orange);color:#110900;padding:13px 29px;border-radius:999px;font-weight:700;font-size:17px;transition:background .18s}.header-download:hover,.download-button:hover{background:var(--hover)}
.hero{min-height:calc(100svh - 80px);display:flex;justify-content:center;align-items:center;text-align:center;position:relative;isolation:isolate;padding:65px 24px 90px}.hero::before{content:"";position:absolute;inset:8% 0;z-index:-1;background:radial-gradient(ellipse 36% 43% at 50% 52%,#ff790008,transparent 100%);pointer-events:none}.hero-content{width:100%;max-width:920px}
h1{font-size:clamp(80px,7.2vw,164px);letter-spacing:-4px;line-height:1;margin:0 0 24px;font-weight:750;color:var(--orange)}h2{color:#90979d;font-size:clamp(32px,3.1vw,64px);line-height:1.15;letter-spacing:-1px;margin:0;font-weight:700}.description{color:#90979d;font-size:clamp(17px,1.38vw,28px);line-height:1.55;margin:43px 0 63px}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--orange);color:#130a00;padding:21px 43px;min-height:66px;border-radius:999px;font-size:21px;font-weight:700;transition:background .18s,box-shadow .18s}.download-button:hover{box-shadow:0 0 32px #ff931f25}.download-button svg{width:24px;height:24px;fill:currentColor;flex:none}.download-meta{color:#858585;font-size:16px;margin:30px 0 0}
@media(max-width:700px){.site-header{height:68px;padding:0 22px}.brand{font-size:20px;gap:9px}.header-download{font-size:14px;padding:11px 21px}.hero{min-height:calc(100svh - 68px);padding:65px 20px 85px}h1{font-size:clamp(70px,18vw,115px);letter-spacing:-3px;margin-bottom:20px}h2{font-size:clamp(28px,7vw,43px)}.description{font-size:18px;margin:32px auto 43px;max-width:450px}.desktop-break{display:none}.download-button{font-size:16px;padding:18px 27px;min-height:58px;gap:10px}.download-button svg{width:21px;height:21px}.download-meta{font-size:13px;margin-top:25px}}
.brand-mark{width:29px;height:32px;flex:none}
.brand-mark img{left:-3px;top:-3px;clip-path:inset(0 76% 0 0)}
.hero::before{inset:0;background:radial-gradient(ellipse min(560px,70vw) 310px at 50% 36%,rgba(255,126,20,.10) 0%,rgba(255,126,20,.035) 48%,transparent 78%)}
@media(max-width:700px){.hero::before{background:radial-gradient(ellipse 270px 260px at 50% 38%,rgba(255,126,20,.10),rgba(255,126,20,.025) 55%,transparent 85%)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
