:root { --paper:#050505; --ink:#f4f4f0; --muted:#9b9b96; --line:rgba(244,244,240,.22); --accent:#2f6bff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--paper); }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial, Helvetica, sans-serif; line-height:1.35; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.18; background-image:linear-gradient(90deg,transparent calc(100% - 1px),var(--line) 1px); background-size:calc(100vw / 12) 100%; }
a { color:inherit; text-decoration:none; }
.system-bar { position:relative; z-index:2; min-height:58px; display:grid; grid-template-columns:4fr 5fr 3fr; align-items:center; padding:0 2.5vw; border-bottom:1px solid var(--line); text-transform:uppercase; font-size:11px; letter-spacing:.12em; }
.wordmark { font-size:15px; font-weight:700; text-transform:none; }
.system-status { text-align:right; }
.system-status::before { content:""; display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 16px var(--accent); }
main, footer { position:relative; z-index:1; }
.hero { min-height:calc(100vh - 58px); display:grid; grid-template-columns:repeat(12,1fr); grid-template-rows:auto 1fr auto; padding:5vh 2.5vw 4vh; border-bottom:1px solid var(--line); }
.hero-marker { grid-column:1 / 4; align-self:start; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.14em; }
h1 { grid-column:1 / -1; margin:6vh 0 0; align-self:start; font-size:clamp(5rem,17vw,15rem); line-height:.74; letter-spacing:-.085em; font-weight:700; }
.hero-title { grid-column:5 / 12; margin:0 0 7vh; align-self:end; max-width:900px; font-size:clamp(2rem,4.2vw,5.2rem); line-height:.98; letter-spacing:-.045em; }
.hero-claim { grid-column:5 / 9; margin:0; padding-top:16px; border-top:3px solid var(--ink); font-size:clamp(1rem,1.4vw,1.35rem); }
.process-link { grid-column:11 / 13; align-self:start; display:flex; justify-content:space-between; padding-top:16px; border-top:1px solid var(--line); text-transform:uppercase; font-size:11px; letter-spacing:.12em; }
.process-nav { position:sticky; top:0; z-index:5; display:grid; grid-template-columns:repeat(6,1fr); background:rgba(5,5,5,.94); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.process-nav a { min-height:74px; display:flex; flex-direction:column; justify-content:space-between; padding:12px 14px; border-right:1px solid var(--line); text-transform:uppercase; font-size:11px; letter-spacing:.08em; transition:background .2s,color .2s; }
.process-nav a:hover,.process-nav a:focus-visible { color:var(--paper); background:var(--ink); outline:none; }
.process-nav span { color:var(--muted); }
.process { padding:0 2.5vw; }
.process-step { min-height:78vh; display:grid; grid-template-columns:1fr 3fr 4fr 3fr 1fr; column-gap:0; align-content:start; padding:9vh 0; border-bottom:1px solid var(--line); scroll-margin-top:74px; }
.step-index { grid-column:1; padding-top:12px; color:var(--accent); font-size:12px; letter-spacing:.12em; }
.process-step h2 { grid-column:2 / 4; margin:0; font-size:clamp(4rem,10vw,10rem); line-height:.82; letter-spacing:-.065em; font-weight:500; }
.step-body { grid-column:3 / 5; margin:8vh 0 0; padding-top:16px; border-top:3px solid var(--ink); font-size:clamp(1.4rem,2.6vw,3rem); line-height:1.05; letter-spacing:-.035em; }
.process-step ul { grid-column:4 / 5; margin:4vh 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.process-step li { padding:10px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.closing { min-height:65vh; display:grid; grid-template-columns:4fr 5fr 3fr; padding:10vh 2.5vw; align-content:center; border-bottom:1px solid var(--line); background:var(--ink); color:var(--paper); }
.closing-label { grid-column:1; margin:0; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.closing > p:nth-child(2) { grid-column:2 / 4; margin:0; font-size:clamp(2.6rem,6vw,7rem); line-height:.92; letter-spacing:-.055em; }
.closing a { grid-column:3; margin-top:8vh; padding-top:14px; border-top:1px solid currentColor; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
footer { min-height:120px; display:flex; justify-content:space-between; align-items:flex-end; padding:24px 2.5vw; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
@media (max-width:760px) {
  body::before { background-size:25vw 100%; }
  .system-bar { grid-template-columns:1fr 1fr; } .system-bar > span:nth-child(2) { display:none; }
  .hero { min-height:90vh; } h1 { font-size:clamp(4rem,24vw,8rem); }
  .hero-title,.hero-claim { grid-column:1 / -1; } .hero-title { margin-top:10vh; } .process-link { grid-column:8 / 13; }
  .process-nav { overflow-x:auto; grid-template-columns:repeat(6,minmax(125px,1fr)); }
  .process-step { min-height:70vh; grid-template-columns:1fr 3fr; }
  .step-index { grid-column:1; } .process-step h2 { grid-column:2; font-size:clamp(3rem,16vw,6rem); }
  .step-body,.process-step ul { grid-column:2; margin-top:6vh; }
  .closing { grid-template-columns:1fr; } .closing-label,.closing > p:nth-child(2),.closing a { grid-column:1; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }