@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;background:#101012;color:#f8f8f8}
*{box-sizing:border-box}
body{margin:0;line-height:1.65}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #ff733c;outline-offset:4px}
.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.site-header{border-bottom:1px solid #ffffff18;background:#111114;position:relative;z-index:5}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Outfit,sans-serif;font-weight:700;font-size:15px;line-height:1.4;max-width:440px;min-width:0}
.brand-logo{width:56px;height:44px;object-fit:contain;flex-shrink:0;background:white;border-radius:6px;padding:4px}
.footer-logo{display:block;width:72px;height:52px;object-fit:contain;margin:0 auto 16px;background:white;border-radius:6px;padding:4px}
.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.22em;color:#a3a3aa;margin-top:5px}
.nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.nav a:not(.button){text-decoration:none;font-size:14px;color:#bdbdc3}
.nav a:hover,.site-footer a:hover,.text-link:hover{color:#ff7044}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;min-height:48px;padding:11px 22px;background:#f1332b;color:white;text-decoration:none;font-weight:700;cursor:pointer}
.button:hover{background:#d72c26}
.button.ghost{background:#ffffff12;border:1px solid #ffffff23}
.button.ghost:hover{background:#ffffff20}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#f34b43;font-size:13px;font-weight:700}
.hero{padding:76px 0 66px;background:radial-gradient(circle at 80% 35%,#55191250,transparent 40%),#101012}
h1,h2,h3{font-family:Outfit,sans-serif;line-height:1.12}
h1{font-size:clamp(38px,6vw,68px);letter-spacing:-.035em;max-width:900px;margin:17px 0 24px}
h2{font-size:clamp(28px,3.8vw,40px);margin:0 0 18px}
h3{font-size:21px;margin:0 0 10px}
p{color:#bdbdc3}
.lead{font-size:clamp(17px,2vw,21px);max-width:760px;margin:0 0 24px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.breadcrumb{font-size:13px;color:#a3a3aa}
.breadcrumb a{color:#c5c5cb}
.details{padding:70px 0}
.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px}
.details p{margin:0 0 20px}
.panel{padding:30px;border:1px solid #ffffff1c;background:#1b1b1e;border-radius:20px;align-self:start}
.panel ul{padding-left:20px;color:#bdbdc3;margin:0}
.panel h2{font-size:21px}
details{border-top:1px solid #ffffff20;padding:14px 0}
summary{cursor:pointer;font-weight:600;color:#f8f8f8}
summary:focus-visible{outline:3px solid #ff733c;outline-offset:4px}
.details details p{margin:12px 0 0}
.panel li{padding:5px 0}
.note{font-size:14px;color:#9c9ca4}
.more{padding:60px 0;background:#18181b}
.links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.links a{display:block;border:1px solid #ffffff20;border-radius:16px;padding:20px;text-decoration:none;font-weight:700;background:#ffffff08}
.links a:hover{border-color:#f0382c}
.text-link{color:#ff7770}
.site-footer{padding:32px 0;border-top:1px solid #ffffff20;text-align:center;color:#a3a3aa;font-size:14px}
.site-footer a{color:#e9e9ed}
@media(max-width:750px){.site-header .wrap{padding:16px 0;align-items:flex-start;flex-direction:column}.nav{gap:12px 18px}.nav .button{min-height:42px}.hero{padding:52px 0}.grid,.links{grid-template-columns:1fr}.details{padding:50px 0}}/* Phoenix brand layer */
:root{--ph-blue:#3a63c8;--ph-red:#f1332b}
.site-header{border-bottom:0;box-shadow:0 3px 0 0 transparent;background:linear-gradient(#111114,#111114) padding-box}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--ph-blue) 0 50%,var(--ph-red) 50% 100%)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 30%,#3a63c826,transparent 38%),radial-gradient(circle at 80% 80%,#55191260,transparent 40%),#101012}
.hero .wrap{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--ph-blue) 50%,var(--ph-red) 50%)}
.button{transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px var(--ph-red)}
.panel{border-top:3px solid var(--ph-blue);transition:border-color .3s}
.panel:hover{border-top-color:var(--ph-red)}
.links a{transition:transform .2s,border-color .2s;border-left:3px solid var(--ph-blue)}
.links a:hover{transform:translateY(-3px);border-left-color:var(--ph-red)}
.site-footer{position:relative}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ph-blue) 0 50%,var(--ph-red) 50% 100%)}
.hero .wrap>*{animation:ph-in .6s ease-out both}
.hero .wrap>*:nth-child(2){animation-delay:.08s}.hero .wrap>*:nth-child(3){animation-delay:.16s}
@keyframes ph-in{from{transform:translateY(8px)}to{transform:none}}
@media(prefers-reduced-motion:reduce){*,.hero::after{animation:none!important;transition:none!important}}
.brand-logo,.footer-logo{background:#f3efe8;border-bottom:3px solid var(--ph-red)}
.details{background:linear-gradient(90deg,var(--ph-blue) 0 4px,transparent 4px)}