
:root{color-scheme:dark;--void:#080b0d;--panel:#11171b;--raised:#171f24;--line:#2a343a;--muted:#9aa7ad;--text:#f5f2e9;--amber:#ffad32;--brass:#c78025;--teal:#43d6c1;--red:#ec5d55;--max:1180px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--text);line-height:1.6;background-image:linear-gradient(rgba(255,173,50,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,173,50,.035) 1px,transparent 1px),radial-gradient(circle at 80% 5%,rgba(199,128,37,.14),transparent 28%);background-size:72px 72px,72px 72px,auto}a{color:inherit}.skip{position:absolute;left:-9999px;top:1rem;background:var(--amber);color:#15100a;padding:.65rem 1rem;z-index:10}.skip:focus{left:1rem}.site-header{width:min(calc(100% - 40px),var(--max));margin:auto;min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);gap:2rem}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.1;letter-spacing:.11em;font-size:.82rem}.brand small{color:var(--muted);font-size:.57rem;margin-top:.28rem}.brand-mark{display:grid;place-items:center;width:44px;height:48px;color:#17100a;background:var(--amber);font-weight:950;clip-path:polygon(25% 0,75% 0,100% 22%,100% 78%,75% 100%,25% 100%,0 78%,0 22%)}.brand-mark.small{width:32px;height:35px;font-size:.75rem}nav{display:flex;gap:.35rem;align-items:center}nav a{color:var(--muted);text-decoration:none;font-size:.86rem;font-weight:750;padding:.55rem .75rem;border:1px solid transparent}nav a:hover,nav a[aria-current=page]{color:var(--text);border-color:rgba(255,173,50,.35);background:rgba(255,173,50,.07)}main{overflow:hidden}.hero,.section,.privacy-banner,.page-hero,.support-grid,.support-contact,.legal{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.hero{min-height:720px;display:grid;grid-template-columns:1.12fr .88fr;gap:6vw;align-items:center;padding:90px 0}.eyebrow{margin:0 0 .9rem;color:var(--amber);font-size:.75rem;letter-spacing:.22em;font-weight:900}.hero h1,.page-hero h1{font-size:clamp(3rem,6vw,6.3rem);line-height:.95;letter-spacing:-.055em;margin:0;max-width:900px}.lede{font-size:clamp(1.05rem,2vw,1.32rem);color:#b7c0c4;max-width:720px;margin:1.7rem 0}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2.1rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1.2rem;text-decoration:none;font-weight:900;letter-spacing:.025em;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.button.primary{background:var(--amber);color:#16100a}.button.primary:hover{background:#ffc261}.button.secondary{background:var(--raised);border:1px solid var(--line);color:var(--text)}.launch-note{color:var(--muted);font-size:.82rem;font-weight:750;margin-top:1.1rem}.launch-note span{display:inline-block;width:8px;height:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 14px var(--teal);margin-right:.35rem}.forge-display{position:relative;padding:1rem 1rem 1.4rem;background:linear-gradient(145deg,#171e22,#0d1114);border:1px solid #354047;clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px);box-shadow:0 30px 90px rgba(0,0,0,.45)}.display-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.65rem;letter-spacing:.16em;font-weight:850;border-bottom:1px solid var(--line);padding:.2rem .2rem .8rem}.display-top span:last-child{color:var(--teal)}.forge-ring{width:min(82%,380px);aspect-ratio:1;margin:2rem auto;display:grid;place-items:center;border:2px solid rgba(255,173,50,.35);border-radius:50%;box-shadow:inset 0 0 60px rgba(255,173,50,.08),0 0 30px rgba(255,173,50,.08);position:relative}.forge-ring:before,.forge-ring:after{content:"";position:absolute;border:1px dashed rgba(255,173,50,.4);border-radius:50%;inset:8%;transform:rotate(23deg)}.forge-ring:after{inset:20%;border-color:rgba(67,214,193,.35);transform:rotate(-18deg)}.relic-silhouette{height:65%;width:35%;background:linear-gradient(180deg,#354149,#151b1f);clip-path:polygon(35% 0,65% 0,73% 16%,88% 25%,79% 52%,92% 100%,8% 100%,21% 52%,12% 25%,27% 16%);filter:drop-shadow(0 0 22px rgba(255,173,50,.35))}.display-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.display-progress i{height:5px;background:var(--teal);box-shadow:0 0 8px rgba(67,214,193,.35)}.forge-display>p{text-align:center;color:var(--teal);font-size:.67rem;font-weight:900;letter-spacing:.16em;margin:1rem 0 0}.section{padding:110px 0}.section h2,.privacy-banner h2,.support-contact h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:0;max-width:760px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.steps article,.support-grid article{background:var(--panel);border:1px solid var(--line);padding:2rem;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.steps b,.support-grid article>span{color:var(--amber);font-size:.75rem;letter-spacing:.15em}.steps h3,.support-grid h2{font-size:1.35rem;margin:1rem 0 .4rem}.steps p,.support-grid p,.body-copy,.privacy-banner p,.final-call>p{color:var(--muted);margin:.4rem 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;border-top:1px solid rgba(255,255,255,.08)}.body-copy{font-size:1.08rem}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.spec-grid div{background:var(--panel);padding:2rem;display:flex;flex-direction:column}.spec-grid strong{font-size:2rem;color:var(--amber)}.spec-grid span{color:var(--muted);font-size:.82rem}.privacy-banner{margin-block:40px 100px;padding:3.2rem;display:grid;grid-template-columns:1fr auto;align-items:end;gap:3rem;background:linear-gradient(110deg,rgba(199,128,37,.16),rgba(17,23,27,.95));border:1px solid rgba(255,173,50,.3);clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}.privacy-banner p{max-width:760px}.text-link{color:var(--amber);font-weight:850;text-decoration:none;white-space:nowrap}.text-link span{margin-left:.5rem}.final-call{text-align:center;padding-bottom:130px}.final-call h2,.final-call>p{margin-inline:auto}.final-call>p{max-width:620px;margin-top:1rem;margin-bottom:2rem}.page-hero{padding:100px 0 70px;border-bottom:1px solid rgba(255,255,255,.09)}.page-hero h1{font-size:clamp(3.8rem,8vw,7rem)}.updated{color:var(--amber);font-size:.82rem;font-weight:800;letter-spacing:.08em}.legal{max-width:900px;padding:40px 0 120px}.legal section{padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.legal h2{font-size:1.35rem;margin:0 0 .65rem}.legal p,.legal li{color:#b4bec2}.legal a,.support-grid a{color:var(--amber)}.legal li+li{margin-top:.7rem}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:60px 0}.support-contact{padding:3rem;margin-bottom:110px;background:var(--panel);border:1px solid var(--line);clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px)}.support-contact ul{columns:2;column-gap:3rem;color:#bec6c9;margin:2rem 0}.support-contact li{break-inside:avoid;margin:.6rem 0}.support-contact>p{color:var(--muted);font-size:.88rem;border-top:1px solid var(--line);padding-top:1rem}footer{width:min(calc(100% - 40px),var(--max));margin:auto;border-top:1px solid rgba(255,255,255,.09);padding:2.5rem 0;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}.footer-brand{display:flex;gap:.8rem;align-items:center}.footer-brand p,.copyright{color:var(--muted);margin:0;font-size:.75rem}.footer-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.footer-links a{color:var(--muted);font-size:.78rem;text-decoration:none}.footer-links a:hover{color:var(--amber)}.copyright{grid-column:1/-1}@media(max-width:800px){.site-header{padding:1rem 0;align-items:flex-start}.brand>span:last-child{display:none}nav{flex-wrap:wrap;justify-content:flex-end}nav a{font-size:.73rem;padding:.4rem}.hero{grid-template-columns:1fr;padding:70px 0;gap:4rem}.forge-display{max-width:520px}.steps,.split,.support-grid{grid-template-columns:1fr}.section{padding:80px 0}.privacy-banner{grid-template-columns:1fr;padding:2rem}.support-contact ul{columns:1}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}@media(max-width:480px){.site-header,.hero,.section,.privacy-banner,.page-hero,.support-grid,.support-contact,.legal,footer{width:min(calc(100% - 28px),var(--max))}.site-header{gap:.5rem}.brand-mark{width:36px;height:40px}.hero{min-height:auto}.hero h1{font-size:3.15rem}.button{width:100%}.privacy-banner,.support-contact{padding:1.4rem}.steps article,.support-grid article{padding:1.4rem}.spec-grid div{padding:1.3rem}}


.hero-visual {
  position: relative;
  width: min(100%, 510px);
  justify-self: end;
  padding: 18px 18px 42px;
  isolation: isolate;
}
.hero-visual::before {
  content: "";
  position: absolute;
  inset: 8% -12% 12% 10%;
  z-index: -1;
  background: radial-gradient(circle, rgba(255, 173, 50, .2), transparent 68%);
  filter: blur(18px);
}
.hero-screenshot {
  position: relative;
  overflow: hidden;
  background: #050708;
  border: 1px solid rgba(255, 173, 50, .42);
  box-shadow: 0 36px 100px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .035) inset;
  clip-path: polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);
}
.hero-screenshot img {
  display: block;
  width: 100%;
  height: auto;
}
.corner {
  position: absolute;
  z-index: 2;
  width: 58px;
  height: 58px;
  pointer-events: none;
}
.corner-a {
  top: 8px;
  left: 8px;
  border-top: 2px solid var(--teal);
  border-left: 2px solid var(--teal);
}
.corner-b {
  right: 8px;
  bottom: 8px;
  border-right: 2px solid var(--amber);
  border-bottom: 2px solid var(--amber);
}
.hero-status {
  position: absolute;
  right: -18px;
  bottom: 0;
  min-width: 252px;
  padding: 13px 17px;
  display: grid;
  background: rgba(15, 21, 24, .96);
  border: 1px solid rgba(67, 214, 193, .42);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55);
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}
.hero-status span {
  color: var(--teal);
  font-size: .61rem;
  font-weight: 900;
  letter-spacing: .16em;
}
.hero-status strong {
  margin-top: 2px;
  font-size: .96rem;
}
.hero-status small {
  color: var(--muted);
  font-size: .68rem;
  letter-spacing: .08em;
}
.campaign {
  width: min(calc(100% - 40px), 1480px);
  margin: 10px auto 50px;
  padding: 84px 0 96px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.campaign-heading {
  width: min(100%, var(--max));
  margin: 0 auto 38px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 460px);
  gap: 6vw;
  align-items: end;
}
.campaign-heading h2 {
  max-width: 730px;
  margin: 0;
  font-size: clamp(2.5rem, 5vw, 5.4rem);
  line-height: .98;
  letter-spacing: -.05em;
}
.campaign-heading > p {
  color: var(--muted);
  margin: 0 0 .35rem;
  font-size: 1.02rem;
}
.campaign-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: clamp(270px, 24vw, 350px);
  gap: 18px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scroll-padding-inline: max(18px, calc((100vw - var(--max)) / 2));
  padding: 10px max(18px, calc((100vw - var(--max)) / 2)) 28px;
  scrollbar-color: var(--amber) #151b1f;
  scrollbar-width: thin;
}
.campaign-rail:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 6px;
}
.campaign-card {
  position: relative;
  scroll-snap-align: start;
  margin: 0;
  overflow: hidden;
  background: linear-gradient(180deg, #12181c, #0d1114);
  border: 1px solid #303a40;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .34);
  clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}
.campaign-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 720 / 1558;
  background: #030506;
}
.campaign-index {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  min-width: 38px;
  padding: 4px 8px;
  color: #17100a;
  background: var(--amber);
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .4);
}
.campaign-card figcaption {
  min-height: 156px;
  padding: 19px 20px 22px;
  border-top: 1px solid rgba(255, 173, 50, .22);
}
.campaign-card h3 {
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.2;
}
.campaign-card p {
  margin: .55rem 0 0;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.55;
}
@media (max-width: 800px) {
  .hero-visual {
    width: min(92%, 510px);
    justify-self: center;
  }
  .campaign {
    width: 100%;
    padding-block: 68px 76px;
  }
  .campaign-heading {
    width: min(calc(100% - 40px), var(--max));
    grid-template-columns: 1fr;
    gap: 1.4rem;
  }
  .campaign-rail {
    grid-auto-columns: min(78vw, 330px);
    scroll-padding-inline: 20px;
    padding-inline: 20px;
  }
}
@media (max-width: 480px) {
  .hero-visual {
    width: 100%;
    padding: 10px 8px 54px;
  }
  .hero-status {
    right: 0;
    min-width: min(88%, 252px);
  }
  .campaign-heading {
    width: calc(100% - 28px);
  }
  .campaign-rail {
    grid-auto-columns: min(84vw, 310px);
    scroll-padding-inline: 14px;
    padding-inline: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}


body {
  background-color: #07090a;
  background-image:
    radial-gradient(ellipse at 50% -4%, rgba(255, 167, 44, .2), transparent 32%),
    radial-gradient(circle at 12% 28%, rgba(67, 214, 193, .065), transparent 24%),
    radial-gradient(circle at 88% 50%, rgba(199, 128, 37, .075), transparent 25%),
    linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
  background-size: auto, auto, auto, 96px 96px, 96px 96px;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  min-height: 76px;
  background: rgba(7, 9, 10, .82);
  border-color: rgba(255, 255, 255, .12);
  backdrop-filter: blur(18px) saturate(1.2);
}
.site-header::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 22%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--amber));
}
nav .store-nav {
  margin-left: .35rem;
  color: #17100a;
  background: var(--amber);
  border-color: var(--amber);
}
nav .store-nav:hover {
  color: #17100a;
  background: #ffc261;
}
.hero.hero-command {
  display: block;
  width: min(calc(100% - 40px), 1320px);
  min-height: 0;
  padding: 108px 0 28px;
  text-align: center;
}
.hero-command .hero-copy {
  width: min(100%, 980px);
  margin-inline: auto;
}
.hero-command h1 {
  max-width: none;
  font-size: clamp(4.2rem, 8.5vw, 8.2rem);
  line-height: .86;
  letter-spacing: -.07em;
  text-wrap: balance;
}
.hero-command h1 span {
  color: var(--amber);
  text-shadow: 0 0 42px rgba(255, 173, 50, .18);
}
.hero-command .lede {
  max-width: 760px;
  margin: 2rem auto 0;
  color: #c0c7ca;
  font-size: clamp(1.08rem, 1.6vw, 1.35rem);
  text-wrap: balance;
}
.hero-command .actions,
.centered-actions {
  justify-content: center;
}
.button.primary {
  box-shadow: 0 14px 40px rgba(255, 173, 50, .17);
}
.button.ghost {
  color: #e9e7df;
  background: rgba(20, 27, 31, .72);
  border: 1px solid rgba(255, 255, 255, .16);
}
.button.ghost:hover {
  border-color: rgba(67, 214, 193, .5);
  background: rgba(67, 214, 193, .07);
}
.hero-facts {
  width: min(100%, 820px);
  margin: 34px auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-block: 1px solid rgba(255, 255, 255, .1);
}
.hero-facts div {
  padding: 15px 20px;
  display: grid;
}
.hero-facts div + div {
  border-left: 1px solid rgba(255, 255, 255, .1);
}
.hero-facts strong {
  color: var(--text);
  font-size: .82rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.hero-facts span {
  color: var(--muted);
  font-size: .7rem;
  letter-spacing: .08em;
}
.hero-tableau {
  position: relative;
  height: 730px;
  margin: 58px auto 0;
  isolation: isolate;
}
.forge-halo {
  position: absolute;
  z-index: -1;
  top: 3%;
  left: 50%;
  width: min(68vw, 720px);
  aspect-ratio: 1;
  transform: translateX(-50%);
  border: 1px solid rgba(255, 173, 50, .14);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 173, 50, .18), rgba(255, 173, 50, .035) 38%, transparent 68%);
  box-shadow: 0 0 120px rgba(255, 173, 50, .07), inset 0 0 80px rgba(255, 173, 50, .045);
}
.forge-halo::before,
.forge-halo::after {
  content: "";
  position: absolute;
  border-radius: inherit;
}
.forge-halo::before {
  inset: 9%;
  border: 1px dashed rgba(67, 214, 193, .21);
}
.forge-halo::after {
  inset: 22%;
  border: 1px solid rgba(255, 173, 50, .16);
}
.tableau-shot {
  position: absolute;
  top: 0;
  margin: 0;
  overflow: hidden;
  background: #050708;
  border: 1px solid rgba(255, 173, 50, .4);
  box-shadow: 0 38px 110px rgba(0, 0, 0, .68);
  clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}
.tableau-shot img,
.field-report img {
  display: block;
  width: 100%;
  height: auto;
}
.tableau-main {
  z-index: 3;
  left: 50%;
  width: 330px;
  transform: translateX(-50%);
  border-color: rgba(255, 173, 50, .76);
}
.tableau-left,
.tableau-right {
  z-index: 1;
  top: 72px;
  width: 268px;
  opacity: .82;
  filter: saturate(.82) brightness(.78);
}
.tableau-left {
  left: 10%;
  transform: rotate(-3.2deg);
}
.tableau-right {
  right: 10%;
  transform: rotate(3.2deg);
}
.command-plaque {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 0;
  min-width: 330px;
  padding: 12px 24px;
  display: grid;
  transform: translateX(-50%);
  background: rgba(11, 16, 19, .96);
  border: 1px solid rgba(67, 214, 193, .45);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55);
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}
.command-plaque span {
  color: var(--teal);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .18em;
}
.command-plaque strong {
  font-size: .95rem;
  letter-spacing: .035em;
}
.proof-strip {
  width: 100%;
  min-height: 72px;
  padding: 18px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 4vw, 58px);
  color: #aab4b8;
  background: rgba(15, 21, 24, .92);
  border-block: 1px solid rgba(255, 255, 255, .11);
  font-size: .69rem;
  font-weight: 900;
  letter-spacing: .18em;
}
.proof-strip i {
  width: 7px;
  height: 7px;
  background: var(--amber);
  transform: rotate(45deg);
  box-shadow: 0 0 14px rgba(255, 173, 50, .5);
}
.campaign-story {
  width: min(calc(100% - 40px), 1320px);
  margin-inline: auto;
}
.story-intro {
  width: min(100%, 900px);
  margin-inline: auto;
  padding: 150px 0 100px;
  text-align: center;
}
.story-intro h2,
.reforge-feature h2,
.privacy-command h2,
.arsenal h2 {
  margin: 0;
  font-size: clamp(3rem, 6.2vw, 6.6rem);
  line-height: .92;
  letter-spacing: -.06em;
  text-wrap: balance;
}
.story-intro > p:last-child {
  max-width: 660px;
  margin: 1.5rem auto 0;
  color: var(--muted);
  font-size: 1.08rem;
}
.campaign-chapter {
  min-height: 920px;
  padding: 110px 0;
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(600px, 1.28fr);
  gap: clamp(50px, 7vw, 110px);
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, .1);
}
.campaign-chapter.chapter-reverse {
  grid-template-columns: minmax(600px, 1.28fr) minmax(300px, .72fr);
}
.chapter-reverse .chapter-copy {
  order: 2;
}
.chapter-reverse .chapter-gallery {
  order: 1;
}
.chapter-copy {
  position: relative;
  z-index: 3;
}
.chapter-number {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  color: var(--amber);
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: .21em;
}
.chapter-number::before {
  content: "";
  width: 28px;
  height: 1px;
  background: var(--amber);
}
.chapter-copy h3 {
  margin: 1.2rem 0 1.4rem;
  font-size: clamp(2.8rem, 4.6vw, 5.1rem);
  line-height: .94;
  letter-spacing: -.055em;
  text-wrap: balance;
}
.chapter-copy > p {
  color: #aeb8bc;
  font-size: 1.08rem;
}
.chapter-tags {
  margin: 2rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
}
.chapter-tags li {
  padding: 8px 11px;
  color: #d7dcde;
  background: rgba(19, 26, 30, .92);
  border: 1px solid rgba(255, 255, 255, .12);
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}
.chapter-gallery {
  position: relative;
  height: 760px;
  isolation: isolate;
}
.chapter-gallery::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 10% 2% 8% 10%;
  background: radial-gradient(circle, rgba(255, 173, 50, .13), transparent 66%);
  border: 1px solid rgba(255, 173, 50, .08);
  transform: rotate(-2deg);
}
.field-report {
  position: absolute;
  margin: 0;
  overflow: hidden;
  background: #07090a;
  border: 1px solid rgba(255, 255, 255, .15);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .62);
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
}
.field-report > span {
  display: block;
  padding: 9px 13px 8px;
  color: var(--amber);
  background: #11171b;
  border-bottom: 1px solid rgba(255, 173, 50, .25);
  font-size: .6rem;
  font-weight: 950;
  letter-spacing: .18em;
}
.report-primary {
  z-index: 2;
  top: 0;
  left: 0;
  width: 350px;
  border-color: rgba(255, 173, 50, .4);
}
.report-secondary {
  z-index: 3;
  top: 150px;
  right: 0;
  width: 285px;
  border-color: rgba(67, 214, 193, .3);
}
.chapter-reverse .report-primary {
  right: 0;
  left: auto;
}
.chapter-reverse .report-secondary {
  right: auto;
  left: 0;
}
.stage-line {
  margin-top: 2.2rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}
.stage-line span {
  position: relative;
  padding-top: 13px;
  color: #aeb8bc;
  border-top: 3px solid var(--teal);
  font-size: .6rem;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.stage-line span:last-child {
  color: var(--amber);
  border-color: var(--amber);
}
.swipe-hint {
  display: none;
}
.reforge-feature,
.privacy-command,
.arsenal {
  width: min(calc(100% - 40px), 1180px);
  margin-inline: auto;
}
.reforge-feature {
  margin-block: 90px 30px;
  padding: clamp(34px, 5vw, 64px);
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(280px, 1.12fr);
  gap: clamp(36px, 7vw, 90px);
  align-items: center;
  background: linear-gradient(125deg, rgba(130, 119, 185, .2), rgba(17, 23, 27, .96) 55%);
  border: 1px solid rgba(130, 119, 185, .42);
  clip-path: polygon(26px 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%, 0 26px);
}
.reforge-feature h2 { font-size: clamp(2.7rem, 4.7vw, 5.1rem); }
.reforge-feature > div > p:last-child { color: #adb7bb; font-size: 1.04rem; }
.reforge-preview {
  margin: 0;
  overflow: hidden;
  background: #050708;
  border: 1px solid rgba(67, 214, 193, .42);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .48);
  clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}
.reforge-preview video { display: block; width: 100%; height: auto; max-height: 660px; object-fit: cover; object-position: top; }
.reforge-preview figcaption { padding: 11px 14px; color: var(--teal); font-size: .66rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.reforge-feature dl { grid-column: 1 / -1; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,.12); }
.reforge-feature dl div { min-height: 112px; padding: 20px 15px; display: grid; align-content: center; background: #11171b; text-align: center; }
.reforge-feature dt { color: #a99bea; font-size: 1.8rem; font-weight: 950; }
.reforge-feature dd { margin: 4px 0 0; color: var(--muted); font-size: .68rem; line-height: 1.35; text-transform: uppercase; }
.privacy-command {
  margin-block: 90px 130px;
  padding: clamp(36px, 6vw, 72px);
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: clamp(45px, 8vw, 100px);
  align-items: center;
  background:
    linear-gradient(115deg, rgba(199, 128, 37, .17), transparent 45%),
    #11171b;
  border: 1px solid rgba(255, 173, 50, .3);
  clip-path: polygon(26px 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%, 0 26px);
}
.privacy-command h2 {
  font-size: clamp(3rem, 5vw, 5.5rem);
}
.privacy-copy > p:not(.eyebrow) {
  color: #adb7bb;
  font-size: 1.02rem;
}
.handoff-path {
  margin: 0;
  padding: 0;
  list-style: none;
}
.handoff-path li {
  position: relative;
  padding: 22px 0;
  display: grid;
  grid-template-columns: 45px 1fr;
  gap: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.handoff-path li::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 51px;
  bottom: -22px;
  width: 1px;
  background: linear-gradient(var(--teal), transparent);
}
.handoff-path li:last-child::before {
  display: none;
}
.handoff-path b {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: #07100f;
  background: var(--teal);
  font-size: .7rem;
  clip-path: polygon(25% 0, 75% 0, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0 75%, 0 25%);
}
.handoff-path div {
  display: grid;
}
.handoff-path strong {
  font-size: 1rem;
}
.handoff-path span {
  color: var(--muted);
  font-size: .82rem;
}
.arsenal {
  padding: 120px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8vw;
  align-items: end;
  border-block: 1px solid rgba(255, 255, 255, .1);
}
.arsenal h2 {
  font-size: clamp(3rem, 5.4vw, 5.7rem);
}
.arsenal > div > p:last-child {
  color: var(--muted);
  font-size: 1.05rem;
}
.arsenal dl {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .12);
  clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}
.arsenal dl div {
  padding: 25px;
  display: grid;
  background: #11171b;
}
.arsenal dt {
  color: var(--amber);
  font-size: 1.7rem;
  font-weight: 950;
}
.arsenal dd {
  margin: 0;
  color: var(--muted);
  font-size: .75rem;
}
.final-call {
  padding-top: 150px;
}
.final-call h2 {
  max-width: 820px;
  font-size: clamp(3rem, 6vw, 6.4rem);
  line-height: .92;
  text-wrap: balance;
}
@media (max-width: 1080px) {
  .campaign-chapter,
  .campaign-chapter.chapter-reverse {
    grid-template-columns: minmax(280px, .7fr) minmax(520px, 1.3fr);
    gap: 40px;
  }
  .report-primary { width: 320px; }
  .report-secondary { width: 255px; }
}
@media (max-width: 900px) {
  .hero.hero-command { padding-top: 78px; }
  .hero-command h1 { font-size: clamp(4rem, 12vw, 6.4rem); }
  .hero-tableau { height: 650px; }
  .tableau-main { width: 300px; }
  .tableau-left,
  .tableau-right { top: 95px; width: 220px; opacity: .56; }
  .tableau-left { left: 0; }
  .tableau-right { right: 0; }
  .proof-strip { flex-wrap: wrap; }
  .campaign-chapter,
  .campaign-chapter.chapter-reverse {
    min-height: 0;
    padding: 95px 0;
    grid-template-columns: 1fr;
    gap: 56px;
  }
  .chapter-reverse .chapter-copy,
  .chapter-reverse .chapter-gallery { order: initial; }
  .chapter-gallery { width: min(100%, 690px); margin-inline: auto; }
  .report-primary { width: 360px; }
  .report-secondary { width: 290px; }
  .chapter-reverse .report-primary { left: 0; right: auto; }
  .chapter-reverse .report-secondary { left: auto; right: 0; }
  .reforge-feature,
  .privacy-command,
  .arsenal { grid-template-columns: 1fr; }
  .arsenal { gap: 48px; }
}
@media (max-width: 560px) {
  .site-header { min-height: 64px; align-items: center; }
  nav a:not(.store-nav) { display: none; }
  nav .store-nav { margin-left: 0; padding: .48rem .7rem; }
  .hero.hero-command { width: calc(100% - 28px); padding-top: 64px; }
  .hero-command h1 { font-size: clamp(3.35rem, 16vw, 4.5rem); }
  .hero-command .lede { font-size: 1rem; }
  .hero-facts { grid-template-columns: 1fr 1fr; }
  .hero-facts div { padding: 13px 9px; }
  .hero-facts div:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid rgba(255, 255, 255, .1); border-left: 0; }
  .hero-tableau { height: 590px; margin-top: 42px; }
  .forge-halo { top: 8%; width: 130vw; }
  .tableau-main { width: min(82vw, 310px); }
  .tableau-left,
  .tableau-right { display: none; }
  .command-plaque { min-width: min(90vw, 320px); bottom: 4px; }
  .proof-strip { padding-inline: 18px; gap: 12px 18px; font-size: .58rem; text-align: center; }
  .proof-strip i { width: 5px; height: 5px; }
  .campaign-story { width: 100%; }
  .story-intro { width: calc(100% - 28px); padding: 105px 0 62px; }
  .story-intro h2 { font-size: 3.25rem; }
  .campaign-chapter,
  .campaign-chapter.chapter-reverse {
    width: calc(100% - 28px);
    margin-inline: auto;
    padding: 76px 0;
  }
  .chapter-copy h3 { font-size: 3.1rem; }
  .swipe-hint {
    margin-top: 1.35rem;
    display: block;
    color: var(--teal);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
  }
  .chapter-gallery {
    width: calc(100% + 28px);
    height: auto;
    margin-inline: -14px;
    padding: 8px 14px 25px;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: min(84vw, 320px);
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: inline mandatory;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--amber) #151b1f;
  }
  .chapter-gallery::before { display: none; }
  .field-report,
  .report-primary,
  .report-secondary,
  .chapter-reverse .report-primary,
  .chapter-reverse .report-secondary {
    position: relative;
    inset: auto;
    width: auto;
    scroll-snap-align: center;
  }
  .reforge-feature,
  .privacy-command,
  .arsenal { width: calc(100% - 28px); }
  .reforge-feature { margin-block: 50px 20px; padding: 30px 22px; }
  .reforge-feature h2 { font-size: 2.85rem; }
  .reforge-feature dl { grid-template-columns: 1fr; }
  .privacy-command { margin-block: 68px 90px; padding: 30px 22px; }
  .privacy-command h2,
  .arsenal h2 { font-size: 3.1rem; }
  .arsenal { padding: 90px 0; }
  .arsenal dl div { padding: 18px; }
  .final-call { padding-top: 100px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
