@font-face { font-family: Archivo; src: url('/fonts/Archivo-Variable.ttf') format('truetype'); font-weight: 400 900; font-display: swap; }
@font-face { font-family: 'Archivo Black'; src: url('/fonts/ArchivoBlack-Regular.ttf') format('truetype'); font-weight: 900; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-Variable.ttf') format('truetype'); font-weight: 400 700; font-display: swap; }

:root { --graphite:#131512; --moss:#1d201a; --bone:#edefe8; --lime:#b4ff39; --muted:rgba(237,239,232,.62); --dim:rgba(237,239,232,.38); --line:rgba(237,239,232,.12); --line-strong:rgba(237,239,232,.24); --display:'Archivo Black','Arial Black',sans-serif; --body:Archivo,Arial,sans-serif; --mono:'JetBrains Mono',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--graphite); color:var(--bone); font-family:var(--body); font-size:16px; line-height:1.5; }
.shell { width:min(1280px,calc(100% - 64px)); margin:0 auto; }
.technical-grid { position:absolute; inset:0; pointer-events:none; opacity:.42; background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px); background-size:52px 52px; }
.command-brief,.activation { position:relative; isolation:isolate; overflow:hidden; }
.command-brief { min-height:790px; }

.topbar { position:relative; min-height:124px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:25px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:12px; color:var(--bone); text-decoration:none; }
.brand-mark { display:grid; width:46px; height:46px; place-items:center; border-radius:50%; background:var(--lime); color:var(--graphite); font-family:var(--display); font-size:20px; }
.brand strong { display:block; font-size:19px; letter-spacing:-.06em; line-height:.9; }
.brand em { display:block; margin-top:3px; color:var(--muted); font-size:15px; font-style:normal; font-weight:500; letter-spacing:.12em; line-height:1.03; text-transform:uppercase; }
.brief-meta { display:flex; gap:20px; color:var(--muted); font-family:var(--mono); font-size:10px; letter-spacing:.12em; }
.brief-meta span + span { padding-left:20px; border-left:1px solid var(--line); }
.live-state { justify-self:end; display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid var(--line-strong); font-family:var(--mono); font-size:11px; letter-spacing:.12em; }
.live-state i,.console-note>i { flex:none; width:8px; height:8px; border-radius:50%; background:#4ed09b; }

.brief-grid { position:relative; min-height:590px; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(345px,.7fr); align-items:center; gap:clamp(50px,8vw,145px); }
.brief-copy { padding:72px 0; }
.kicker { margin:0 0 20px; color:var(--lime); font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.brief-copy h1,.map-heading h2,.route-head h2,.workboard-heading h2,.activation-heading h2 { margin:0; font-family:var(--display); font-size:clamp(52px,6.6vw,101px); letter-spacing:-.07em; line-height:.91; }
.intro { max-width:635px; margin:32px 0 0; color:var(--muted); font-size:clamp(18px,1.75vw,23px); line-height:1.42; }
.brief-actions { display:flex; align-items:center; gap:25px; margin-top:42px; }
.outline-button { display:inline-flex; align-items:center; gap:26px; padding:15px 16px; border:1px solid var(--bone); color:var(--bone); font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; transition:color .2s ease,background .2s ease; }
.outline-button:hover { background:var(--bone); color:var(--graphite); }
.outline-button span { font-size:16px; }
.brief-actions p { margin:0; padding-left:22px; border-left:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.45; }
.brief-actions b { color:var(--bone); font-weight:600; }
.priority-console { align-self:center; border:1px solid var(--line-strong); background:var(--moss); }
.console-top,.price-header { display:flex; justify-content:space-between; gap:12px; padding:17px 18px; border-bottom:1px solid var(--line); font-family:var(--mono); font-size:10px; letter-spacing:.12em; }
.console-top span,.price-header { color:var(--muted); }
.console-top b { color:var(--lime); font-size:10px; }
.console-core { padding:32px 23px 28px; border-bottom:1px solid var(--line); }
.console-core p { margin:0; color:var(--muted); font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.console-core strong { display:block; margin-top:5px; font-family:var(--display); font-size:clamp(70px,7vw,102px); letter-spacing:-.09em; line-height:.85; }
.console-core>span { display:block; margin-top:14px; color:var(--lime); font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.16em; }
.signal-path { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:20px 18px; border-bottom:1px solid var(--line); font-family:var(--mono); font-size:10px; letter-spacing:.03em; }
.signal-path i { color:var(--lime); font-size:14px; font-style:normal; }
.console-note { display:flex; align-items:flex-start; gap:12px; padding:18px; }
.console-note>i { margin-top:7px; }
.console-note p { margin:0; color:var(--muted); font-size:13px; line-height:1.45; }
.brief-footer { position:relative; display:flex; justify-content:space-between; gap:20px; padding:20px 0; border-top:1px solid var(--line); color:var(--muted); font-family:var(--mono); font-size:10px; letter-spacing:.13em; }

.system-map { padding:128px 0; background:var(--bone); color:var(--graphite); }
.section-label { display:flex; align-items:center; gap:12px; color:rgba(19,21,18,.62); font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.12em; }
.section-label p { margin:0; }
.section-label i { flex:1; max-width:360px; height:1px; background:rgba(19,21,18,.18); }
.map-heading { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(260px,.55fr); align-items:end; gap:100px; margin-top:34px; }
.map-heading h2 { color:var(--graphite); font-size:clamp(39px,5.2vw,72px); }
.map-heading h2 em,.activation-heading h2 em { color:rgba(19,21,18,.46); font-family:var(--body); font-style:normal; font-weight:400; }
.map-heading>p { max-width:400px; margin:0; color:rgba(19,21,18,.63); font-size:16px; line-height:1.55; }
.operations-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:72px; border-top:1px solid rgba(19,21,18,.2); border-left:1px solid rgba(19,21,18,.2); }
.operation-card { min-height:272px; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto 1fr auto; gap:18px; padding:22px; border-right:1px solid rgba(19,21,18,.2); border-bottom:1px solid rgba(19,21,18,.2); transition:background .2s ease; }
.operation-card:hover { background:#dfe2d9; }
.operation-card.active { background:var(--graphite); color:var(--bone); }
.operation-card>span { color:rgba(19,21,18,.6); font-family:var(--mono); font-size:11px; font-weight:700; }
.operation-card.active>span,.operation-card.active b { color:var(--lime); }
.operation-card small { display:block; color:rgba(19,21,18,.55); font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.13em; }
.operation-card.active small,.operation-card.active p { color:var(--muted); }
.operation-card h3 { margin:6px 0 0; font-family:var(--display); font-size:30px; letter-spacing:-.06em; line-height:.95; }
.operation-card p { grid-column:2; align-self:center; margin:0; color:rgba(19,21,18,.63); font-size:14px; line-height:1.45; }
.operation-card b { grid-column:1/-1; display:flex; align-items:center; gap:8px; color:rgba(19,21,18,.65); font-family:var(--mono); font-size:10px; letter-spacing:.08em; }
.operation-card b i { width:7px; height:7px; border-radius:50%; background:var(--lime); animation:pulse 1.6s ease-in-out infinite; }

.operating-route { padding:132px 0; }
.route-head { display:grid; grid-template-columns:1fr .52fr; align-items:end; gap:110px; }
.route-head h2,.workboard-heading h2 { font-size:clamp(46px,5.1vw,74px); }
.route-head>p { max-width:360px; margin:0 0 5px; color:var(--muted); font-size:16px; line-height:1.55; }
.time-layout { display:grid; grid-template-columns:360px 1fr; gap:0; margin-top:68px; border:1px solid var(--line-strong); }
.time-total { display:flex; flex-direction:column; justify-content:center; min-height:420px; padding:35px; border-right:1px solid var(--line-strong); background:var(--moss); }
.time-total>span { color:var(--muted); font-family:var(--mono); font-size:10px; letter-spacing:.14em; }
.time-total strong { margin-top:15px; color:var(--lime); font-family:var(--display); font-size:150px; letter-spacing:-.11em; line-height:.78; }
.time-total strong span { font-family:var(--mono); font-size:24px; letter-spacing:0; vertical-align:top; }
.time-total p { margin:30px 0 0; color:var(--muted); font-size:15px; }
.time-options { display:grid; grid-template-rows:repeat(3,1fr); }
.time-options article { display:grid; grid-template-columns:230px 1fr; align-items:center; gap:36px; padding:27px 32px; border-bottom:1px solid var(--line); }
.time-options article:last-child { border-bottom:0; }
.time-options article div { display:flex; align-items:center; gap:20px; }
.time-options span { color:var(--dim); font-family:var(--mono); font-size:10px; letter-spacing:.1em; }
.time-options b { font-family:var(--display); font-size:33px; letter-spacing:-.06em; }
.time-options p { margin:0; color:var(--muted); font-size:14px; line-height:1.45; }

.workboard { padding:132px 0; background:var(--moss); }
.workboard-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; }
.workboard-heading>span { padding:10px 12px; border:1px solid var(--line-strong); color:var(--lime); font-family:var(--mono); font-size:10px; letter-spacing:.1em; line-height:1.5; }
.work-list { margin-top:64px; border-top:1px solid var(--line-strong); }
details { border-bottom:1px solid var(--line-strong); }
summary { display:grid; grid-template-columns:70px 1fr 30px; align-items:center; gap:20px; padding:27px 0; cursor:pointer; list-style:none; }
summary::-webkit-details-marker { display:none; }
summary>span { color:var(--lime); font-family:var(--mono); font-size:11px; font-weight:700; }
summary h3 { margin:0; font-size:clamp(22px,2.25vw,32px); font-weight:600; letter-spacing:-.05em; line-height:1.08; }
summary i { color:var(--lime); font-size:26px; font-style:normal; text-align:right; transition:transform .2s ease; }
details[open] summary i { transform:rotate(45deg); }
details>p { max-width:720px; margin:0 0 29px 90px; color:var(--muted); font-size:16px; line-height:1.55; }
.scope-note { max-width:830px; margin:60px 0 0; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.55; }
.scope-note b { color:var(--bone); font-family:var(--mono); font-size:11px; letter-spacing:.08em; }

.activation { padding:132px 0; }
.activation-shell { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,.85fr); align-items:center; gap:120px; }
.activation-heading h2 { font-size:clamp(43px,5.1vw,72px); }
.activation-heading h2 em { color:var(--muted); }
.investment-console { border:1px solid var(--line-strong); background:var(--moss); }
.price-header i { color:#4ed09b; font-style:normal; }
.price-lines { padding:7px 22px; }
.price-lines>div { display:flex; justify-content:space-between; gap:15px; padding:17px 0; border-bottom:1px solid var(--line); font-size:14px; }
.price-lines span { color:var(--muted); }
.price-lines b { font-family:var(--mono); font-size:13px; font-weight:500; }
.price-total { display:flex; justify-content:space-between; align-items:end; gap:15px; padding:23px 22px; border-bottom:1px solid var(--line); }
.price-total span { font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.12em; }
.price-total strong { font-family:var(--display); font-size:clamp(32px,3.4vw,48px); letter-spacing:-.07em; line-height:1; }
.price-total small { color:var(--muted); font-family:var(--mono); font-size:10px; letter-spacing:.08em; }
.activation-rule { margin:22px; padding:16px 17px; border-left:2px solid var(--lime); background:rgba(180,255,57,.09); }
.activation-rule span { color:var(--lime); font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.12em; }
.activation-rule p { margin:6px 0 0; font-size:14px; line-height:1.45; }
.start-button { display:flex; justify-content:space-between; align-items:center; margin:22px; padding:17px 18px; background:var(--lime); color:var(--graphite); font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; transition:background .2s ease,transform .2s ease; }
.start-button:hover { background:#ceff73; transform:translateY(-2px); }
.start-button span { font-size:18px; }
footer { padding:22px 0; border-top:1px solid var(--line); }
footer .shell { display:flex; justify-content:space-between; align-items:center; gap:20px; color:var(--muted); font-family:var(--mono); font-size:9px; letter-spacing:.1em; }
.brand-footer { color:var(--lime); font-family:var(--display); font-size:15px; letter-spacing:.08em; }

@keyframes pulse { 0%,100% { opacity:1; } 50% { opacity:.35; } }
@media (max-width:850px) { .shell { width:min(100% - 36px,1280px); } .command-brief { min-height:auto; } .topbar { grid-template-columns:1fr auto; min-height:102px; padding:15px 0; } .brief-meta { display:none; } .live-state { font-size:9px; } .brief-grid { min-height:auto; grid-template-columns:1fr; gap:15px; padding:50px 0; } .brief-copy { padding:0; } .brief-copy h1 { font-size:clamp(48px,12vw,72px); } .intro { font-size:18px; } .priority-console { width:min(100%,540px); } .brief-footer { flex-direction:column; font-size:8px; } .system-map,.operating-route,.workboard,.activation { padding:86px 0; } .map-heading,.route-head,.activation-shell { grid-template-columns:1fr; gap:30px; } .map-heading h2,.route-head h2,.activation-heading h2 { font-size:48px; } .operations-grid { grid-template-columns:1fr 1fr; margin-top:48px; } .operation-card { min-height:235px; } .time-layout { grid-template-columns:1fr; } .time-total { min-height:260px; border-right:0; border-bottom:1px solid var(--line-strong); } .time-total strong { font-size:115px; } .time-options article { grid-template-columns:190px 1fr; } .workboard-heading { align-items:flex-start; flex-direction:column; } .activation-shell { gap:48px; } }
@media (max-width:560px) { .shell { width:min(100% - 32px,1280px); } .topbar { grid-template-columns:1fr; } .live-state { justify-self:start; } .brief-grid { padding:42px 0; } .brief-copy h1 { font-size:47px; } .brief-actions { align-items:flex-start; flex-direction:column; gap:18px; } .brief-actions p { padding-top:14px; padding-left:0; border-top:1px solid var(--line); border-left:0; } .brief-footer span:last-child { color:var(--lime); } .section-label { flex-wrap:wrap; } .section-label i { display:none; } .map-heading h2,.route-head h2,.workboard-heading h2,.activation-heading h2 { font-size:40px; } .operations-grid { grid-template-columns:1fr; } .operation-card { min-height:205px; } .time-options article { grid-template-columns:1fr; gap:12px; padding:23px 20px; } .time-options article div { justify-content:space-between; } .work-list { margin-top:42px; } summary { grid-template-columns:36px 1fr 20px; gap:10px; padding:22px 0; } summary h3 { font-size:22px; } details>p { margin-left:46px; font-size:14px; } .scope-note { margin-top:42px; } .price-lines>div,.price-total { align-items:flex-start; flex-direction:column; gap:8px; } .activation-rule,.start-button { margin:16px; } .signal-path { gap:6px; font-size:9px; } footer .shell { align-items:flex-start; flex-direction:column; gap:7px; } .brand em { font-size:13px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .operation-card,.outline-button,.start-button,summary i { transition:none; } .operation-card b i { animation:none; } }