:root{--bg:#0A0807;--ink:#F4EFE3;--mut:#9a938a;--orange:#FF4B1F;--line:#221f1a;--card:#0e0c0a}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:radial-gradient(120% 80% at 50% -8%,rgba(255,75,31,.08),transparent 55%),var(--bg);color:var(--ink);
  font-family:'Inter',system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}
a{color:inherit}
.wrap{max-width:880px;margin:0 auto;padding:0 24px}

/* nav */
.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;background:rgba(10,8,7,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.brand img{height:46px;width:auto;display:block}
.brand b{font-family:'Space Mono',monospace;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.nav .home{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);text-decoration:none;white-space:nowrap}

/* page header */
.phead{padding:74px 0 32px;border-bottom:1px solid var(--line)}
.phead .k{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--orange);margin-bottom:16px}
.phead h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(34px,6.4vw,62px);line-height:1.02;text-transform:uppercase;letter-spacing:-.01em}
.phead .upd{margin-top:16px;font-family:'Space Mono',monospace;font-size:12px;color:var(--mut)}

/* content */
main{padding:42px 0 80px}
main h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(22px,3.4vw,30px);margin:42px 0 12px;text-transform:uppercase;letter-spacing:-.01em}
main h2:first-child{margin-top:6px}
main h3{font-size:17px;margin:26px 0 8px;font-weight:700;color:var(--ink)}
main p{color:#cfc8bd;margin:0 0 14px}
main ul{margin:2px 0 16px 20px;color:#cfc8bd}
main li{margin:7px 0}
main a[href]{color:var(--orange);text-decoration:none;border-bottom:1px solid rgba(255,75,31,.35)}
main a[href]:hover{border-bottom-color:var(--orange)}
strong,b{color:var(--ink)}
.lead{font-size:19px;color:#e7e0d5;line-height:1.6}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin:22px 0}
.box p:last-child{margin-bottom:0}
.pill{display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--orange);border:1px solid rgba(255,75,31,.3);border-radius:100px;padding:8px 15px;margin-bottom:8px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#0A0807;font-family:'Space Mono',monospace;font-weight:700;
  font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:14px 22px;border-radius:9px;text-decoration:none;border:none;margin-top:8px}
.btn:hover{box-shadow:0 12px 30px rgba(255,75,31,.3)}

/* footer */
footer{border-top:1px solid var(--line);padding:56px 0 42px;margin-top:36px}
.flogo{display:block;margin:0 auto 26px;width:238px;max-width:74%;opacity:.95}
.fnav{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:center;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.fnav a{color:var(--mut);text-decoration:none}
.fnav a:hover{color:var(--orange)}
.fsoc{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-top:22px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.fsoc a{color:var(--mut);text-decoration:none}
.fsoc a:hover{color:var(--ink)}
.fcop{text-align:center;margin-top:26px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.08em;color:#6f685e;line-height:1.8}

/* motion */
@keyframes pfadeup{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes glowpulse{0%,100%{opacity:.5}50%{opacity:.9}}
.phead{position:relative}
.phead::before{content:"";position:absolute;top:-40px;left:-8%;width:60%;height:180px;pointer-events:none;z-index:-1;
  background:radial-gradient(closest-side,rgba(255,75,31,.16),transparent 72%);filter:blur(14px);animation:glowpulse 6s ease-in-out infinite}
.phead .k{animation:pfadeup .7s ease both}
.phead h1{animation:pfadeup .85s ease .07s both}
.phead .upd{animation:pfadeup .85s ease .15s both}
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
.brand img{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.brand:hover img{transform:rotate(-6deg) scale(1.06)}
main a[href]{transition:color .2s,border-color .2s}
.box{transition:border-color .4s,transform .4s cubic-bezier(.16,1,.3,1)}
.box:hover{border-color:#3a3327;transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.phead .k,.phead h1,.phead .upd{animation:none}.phead::before{animation:none}}