@font-face { font-family: "Satoshi"; src: url("/static/satoshi-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("/static/satoshi-medium.woff2") format("woff2"); font-weight: 500 650; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("/static/satoshi-bold.woff2") format("woff2"); font-weight: 700 900; font-display: swap; }

:root { color-scheme: light; --ink:#171b24; --muted:#687384; --line:#dce2ea; --canvas:#f4f6f9; --paper:#fff; --accent:#2d4a8a; --accent-dark:#20376a; font-family:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--canvas); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-height:100vh; margin:0; background:linear-gradient(180deg,#f8f9fb 0,#f1f4f8 100%); font-size:14px; line-height:1.5; }
a { color:inherit; }
h1,h2,p { margin-top:0; }
a:focus-visible { outline:2px solid rgba(45,74,138,.72); outline-offset:3px; }
.eyebrow { margin-bottom:8px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.arena-header { height:62px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(20px,4vw,62px); border-bottom:1px solid var(--line); background:rgba(248,249,251,.92); }
.arena-brand { display:flex; align-items:center; gap:9px; font-weight:650; text-decoration:none; }
.brand-mark { width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--accent-dark); font-weight:800; }
.arena-header nav { display:flex; align-items:center; gap:7px; }
.arena-header nav a { padding:7px 10px; border-radius:8px; color:var(--muted); font-size:12px; text-decoration:none; }
.arena-header nav a:hover,.arena-header nav a[aria-current="page"] { background:#e9eef6; color:var(--accent-dark); }
main { width:min(1480px,100%); margin:auto; padding:clamp(42px,7vw,104px) clamp(20px,5vw,76px) 90px; }
.arena-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:clamp(40px,7vw,110px); align-items:center; min-height:520px; padding-bottom:clamp(58px,8vw,112px); border-bottom:1px solid var(--line); }
.arena-hero h1 { max-width:900px; margin-bottom:22px; font-size:clamp(44px,6.3vw,88px); font-weight:600; line-height:.98; letter-spacing:-.052em; }
.arena-lead { max-width:760px; margin-bottom:28px; color:#5d6879; font-size:clamp(16px,1.55vw,21px); line-height:1.55; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.button { min-height:42px; display:inline-flex; align-items:center; justify-content:center; padding:9px 15px; border:1px solid var(--line); border-radius:9px; background:var(--paper); font-weight:600; text-decoration:none; }
.button:hover { border-color:#afbac9; background:#eef2f8; }
.button.primary { border-color:var(--ink); background:var(--ink); color:#fff; }
.button.primary:hover { background:#2a303b; }
.arena-signal { position:relative; min-height:330px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:30px; border:1px solid #ced6e2; border-radius:18px; background:linear-gradient(145deg,#25384b,#416a78); color:#fff; box-shadow:0 24px 60px rgba(31,48,67,.16); }
.arena-signal::before,.arena-signal::after { position:absolute; border:1px solid rgba(255,255,255,.22); border-radius:50%; content:""; }
.arena-signal::before { width:270px; height:270px; top:-115px; right:-60px; }
.arena-signal::after { width:170px; height:170px; top:-64px; right:-10px; }
.signal-orbit { position:absolute; top:62px; right:90px; width:14px; height:14px; border:3px solid rgba(255,255,255,.42); border-radius:50%; box-shadow:0 0 0 13px rgba(255,255,255,.05); }
.arena-signal p { margin-bottom:8px; color:rgba(255,255,255,.65); font-size:9px; font-weight:800; letter-spacing:.1em; }
.arena-signal strong { margin-bottom:10px; font-size:30px; font-weight:600; }
.arena-signal > span:last-child { max-width:360px; color:rgba(255,255,255,.76); font-size:13px; }
.arena-process { padding:clamp(62px,8vw,110px) 0; border-bottom:1px solid var(--line); }
.arena-process > header { max-width:760px; margin-bottom:38px; }
.arena-process h2,.arena-empty h2 { margin-bottom:0; font-size:clamp(28px,3.8vw,50px); font-weight:600; line-height:1.08; letter-spacing:-.04em; }
.arena-process ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; padding:0; border-top:1px solid var(--line); list-style:none; }
.arena-process li { min-width:0; display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px; padding:24px 20px 8px 0; border-right:1px solid var(--line); }
.arena-process li + li { padding-left:20px; }
.arena-process li:last-child { border-right:0; }
.arena-process li > span { color:#8b95a5; font-size:9px; font-weight:700; letter-spacing:.06em; }
.arena-process strong { display:block; margin-bottom:7px; font-size:18px; }
.arena-process li p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.arena-empty { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.75fr); gap:clamp(34px,7vw,110px); align-items:end; padding:clamp(62px,8vw,110px) 0 20px; }
.arena-empty > p { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
footer { display:flex; justify-content:space-between; gap:20px; padding:22px clamp(20px,4vw,62px); border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
footer a { color:var(--accent-dark); font-weight:650; text-decoration:none; }
@media (max-width:850px) { .arena-hero { grid-template-columns:1fr; min-height:0; } .arena-signal { min-height:260px; } .arena-process ol { grid-template-columns:repeat(2,minmax(0,1fr)); } .arena-process li:nth-child(2) { border-right:0; } .arena-process li:nth-child(n+3) { margin-top:24px; border-top:1px solid var(--line); } .arena-empty { grid-template-columns:1fr; align-items:start; } }
@media (max-width:520px) { .arena-header { padding:0 14px; } main { padding:38px 14px 60px; } .arena-hero h1 { font-size:42px; } .arena-process ol { grid-template-columns:1fr; } .arena-process li,.arena-process li + li { margin-top:0; padding:20px 0; border-top:1px solid var(--line); border-right:0; } footer { flex-direction:column; padding:18px 14px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }