@view-transition{navigation:auto}
:root{--bg:#07080d;--surface:#10131c;--line:#272e3f;--text:#f3f5fa;--muted:#b0b9cb;--accent:#ff8a2b;--accent-ink:#1a0d00;--cool:#5ad1ff;--ember:#ff8a2b;--magenta:#ff4f9a;--max:68rem;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh}
a{color:var(--cool);text-underline-offset:.2em}
a:hover{color:#fff}
:focus-visible{outline:3px solid var(--cool);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-ink);padding:.6rem 1rem;z-index:10}
.skip:focus{left:0}
.wrap{width:min(100% - 2rem,var(--max));margin-inline:auto}
header.site{border-bottom:1px solid var(--line);background:#0a0c12;view-transition-name:site-header}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.65rem;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:-.01em}
.brand img{width:2.25rem;height:2.25rem}
nav ul{display:flex;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0}
nav a{display:inline-block;padding:.55rem .8rem;color:var(--muted);text-decoration:none;border-radius:.5rem;font-weight:600}
nav a:hover,nav a[aria-current="page"]{color:var(--text);background:var(--surface)}
main{flex:1}

/* display type */
h1,h2,h3{font-weight:800}
h1{font-size:clamp(2.3rem,7vw,4.4rem);line-height:1.02;margin:0 0 1.1rem;letter-spacing:-.045em}
h2{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.1;margin:0 0 .75rem;letter-spacing:-.03em}
h3{font-size:1.2rem;margin:0 0 .4rem;letter-spacing:-.015em}
.ember{color:#ff8a4c;background:linear-gradient(95deg,#ffa23d,#ff4f9a 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.eyebrow{color:var(--cool);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;margin:0 0 .75rem}
.lead{font-size:1.15rem;color:var(--muted);max-width:42rem}

/* hero */
.hero{position:relative;overflow:hidden;padding:4rem 0 3.5rem;isolation:isolate}
.hero .wrap{display:grid;gap:2rem;align-items:center}
.aurora{position:absolute;inset:0;z-index:-1;pointer-events:none}
.aurora i{position:absolute;border-radius:50%;width:44rem;height:44rem;opacity:.55;animation:drift 22s ease-in-out infinite alternate}
.aurora i:nth-child(1){top:-22rem;right:-12rem;background:radial-gradient(closest-side,rgba(255,122,26,.5),transparent)}
.aurora i:nth-child(2){bottom:-24rem;left:-14rem;background:radial-gradient(closest-side,rgba(255,61,139,.38),transparent);animation-duration:28s;animation-direction:alternate-reverse}
.aurora i:nth-child(3){top:-8rem;left:30%;width:34rem;height:34rem;background:radial-gradient(closest-side,rgba(90,209,255,.16),transparent);animation-duration:34s}
.mark{position:relative;justify-self:center;width:min(17rem,70vw)}
.mark::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,79,154,.55),rgba(255,138,43,.25) 55%,transparent);z-index:-1;animation:glow 5s ease-in-out infinite alternate}
.fox{display:block;width:100%;height:auto;filter:drop-shadow(0 0 22px rgba(255,79,154,.35))}
.fox .piece,.fox .outline{transform-box:fill-box;transform-origin:center}
.fox .outline{stroke-dasharray:1;animation:draw 1.6s ease-out backwards}
.fox .piece{animation:assemble .9s cubic-bezier(.2,.8,.2,1) backwards}
.fox .p1{--x:-26px;--y:-18px;--r:-30deg;animation-delay:.9s}.fox .p2{--x:26px;--y:-18px;--r:30deg;animation-delay:1s}
.fox .p3{--x:0;--y:-26px;--r:0deg;animation-delay:1.1s}.fox .p4{--x:-24px;--y:24px;--r:20deg;animation-delay:1.2s}
.fox .p5{--x:24px;--y:24px;--r:-20deg;animation-delay:1.3s}.fox .p6{--x:-18px;--y:6px;--r:-15deg;animation-delay:1.4s}
.fox .p7{--x:18px;--y:6px;--r:15deg;animation-delay:1.5s}.fox .p8{--x:-14px;--y:0;--r:0deg;animation-delay:1.8s}
.fox .p9{--x:14px;--y:0;--r:0deg;animation-delay:1.8s}.fox .p10{--x:0;--y:14px;--r:0deg;animation-delay:1.9s}

.btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.btn{display:inline-block;padding:.85rem 1.4rem;border-radius:.7rem;background:linear-gradient(95deg,#ff8a2b,#ff6a5c);color:var(--accent-ink);font-weight:800;text-decoration:none;border:2px solid transparent;transition:transform .2s}
.btn:hover{color:var(--accent-ink);transform:translateY(-2px)}
.btn.alt{background:transparent;color:var(--text);border-color:#3a4358}
.btn.alt:hover{border-color:var(--magenta);color:#fff}

section.block{padding:3.5rem 0;border-top:1px solid var(--line)}
.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:1.5rem 0}
h2.sub{margin-top:2.5rem}

/* cards: glow + tilt */
.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1.4rem;transition:transform .3s ease}
.card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;box-shadow:0 0 0 1.5px var(--magenta),0 0 36px rgba(255,79,154,.35),0 0 70px rgba(255,138,43,.18)}
.card:hover,.card:focus-within{transform:perspective(900px) rotateX(2.5deg) rotateY(-3deg) translateY(-4px)}
.card:hover::after,.card:focus-within::after,.card:target::after{opacity:1}
.card p{color:var(--muted);margin:.4rem 0}
.card .meta{font-size:.85rem;color:var(--cool);font-weight:700;margin:0 0 .5rem}
.card ul{margin:.6rem 0 0;padding-left:1.1rem}
.card.support h2{font-size:1.4rem;margin:0 0 .3rem}

/* org chart */
.org{margin:1.5rem 0 2rem;padding:1.25rem;background:linear-gradient(160deg,#10131c,#0c0e15);border:1px solid var(--line);border-radius:1rem}
.org svg{display:block;width:100%;height:auto;overflow:visible}
.org svg.v{display:none;max-width:24rem;margin-inline:auto}
.org figcaption{color:var(--muted);font-size:.9rem;text-align:center;margin-top:.75rem}
.org .edge{fill:none;stroke:#46506a;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;animation:draw 1.4s ease-out backwards;transition:stroke .2s}
.org .node{cursor:pointer;outline:none}
.org .node rect{fill:#141926;stroke:#33405a;stroke-width:1.5;transition:fill .2s,stroke .2s}
.org .node text{fill:var(--text);font:700 15px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.01em}
.org svg.v .node text{font-size:13px}
.org .n-root rect{fill:#241326;stroke:var(--magenta)}
.org .node:hover rect,.org .node:focus-visible rect{fill:#2a1530;stroke:var(--magenta);stroke-width:2.5}
.org .node:focus-visible rect{stroke:var(--cool);stroke-width:3.5}
.org svg:has(.n-city:is(:hover,:focus-visible)) :is(.e-city,.a-ls,.a-cr,.a-br),
.org svg:has(.n-fox:is(:hover,:focus-visible)) :is(.e-fox,.a-fm),
.org svg:has(.n-ls:is(:hover,:focus-visible)) :is(.e-city,.a-ls),
.org svg:has(.n-cr:is(:hover,:focus-visible)) :is(.e-city,.a-cr),
.org svg:has(.n-br:is(:hover,:focus-visible)) :is(.e-city,.a-br),
.org svg:has(.n-fm:is(:hover,:focus-visible)) :is(.e-fox,.a-fm),
.org svg:has(.n-root:is(:hover,:focus-visible)) .edge{stroke:var(--magenta)}

.page-head{padding:3rem 0 1.5rem}
.prose{max-width:46rem;padding-bottom:3rem}
.prose h2{margin-top:2.2rem}
.prose p,.prose li{color:#d3d9e6}
dl.facts{display:grid;grid-template-columns:max-content 1fr;gap:.6rem 1.5rem;margin:1rem 0}
dl.facts dt{color:var(--muted)}
dl.facts dd{margin:0}
address{font-style:normal}
footer.site{border-top:1px solid var(--line);background:#050609;padding:2rem 0;color:var(--muted);font-size:.95rem}
footer.site .wrap{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
footer.site p{margin:.2rem 0}
footer.site ul{list-style:none;margin:0;padding:0}
footer.site li{margin:.2rem 0}
footer.site strong{color:var(--text)}
footer.site a{display:inline-block;padding:.15rem 0}

@media(min-width:48rem){.hero .wrap{grid-template-columns:1.5fr 1fr}.hero{padding:6.5rem 0 5.5rem}}
@media(max-width:44rem){.org svg.h{display:none}.org svg.v{display:block}}
@media(max-width:34rem){dl.facts{grid-template-columns:1fr;gap:.1rem}dl.facts dd{margin-bottom:.8rem}}

@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-60px,40px,0) scale(1.12)}}
@keyframes glow{from{transform:scale(.92);opacity:.6}to{transform:scale(1.08);opacity:1}}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes assemble{from{opacity:0;transform:translate(var(--x,0),var(--y,0)) rotate(var(--r,0deg)) scale(.5)}to{opacity:1;transform:none}}
@keyframes reveal{from{opacity:0;translate:0 2rem}to{opacity:1;translate:0 0}}

/* scroll reveal: progressive enhancement, content is fully visible without it */
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .card:hover,.card:focus-within{transform:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}
}