:root{--blue: #2d70b3;--green: #388c46;--ink: #2b2f36;--muted: #7a828f;--line: #e6e8ec;--bg: #ffffff;--panel: #fbfcfd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0}body{background:var(--bg);color:var(--ink)}.page{min-height:100vh;display:flex;flex-direction:column}.nav,.hero-inner,.section,.footer{max-width:880px;width:100%;margin:0 auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 24px}.nav-links{display:flex;align-items:center;gap:22px;font-size:14.5px;font-weight:600}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover{color:var(--blue)}.hero{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hero-grid line{stroke:#e9edf2;stroke-width:1}.hero-inner{position:relative;padding:64px 24px 68px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.brand-mark{color:var(--blue);font-size:22px;line-height:1}.brand-name{font-size:17px;font-weight:700;letter-spacing:-.01em}.hero-eyebrow{margin:0 0 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}.hero h1{margin:0 0 16px;font-size:clamp(34px,6vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.05}.hero-sub{margin:0;max-width:580px;font-size:17px;line-height:1.55;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-block;padding:11px 20px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:background-color .15s,border-color .15s,color .15s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#245c95}.btn-ghost{border-color:var(--line);background:#fff;color:var(--ink)}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}.section{padding:56px 24px}.section+.section{border-top:1px solid var(--line)}.section-head{max-width:620px;margin-bottom:28px}.section-head h2{margin:0 0 12px;font-size:clamp(24px,3.4vw,30px);font-weight:700;letter-spacing:-.015em}.section-head p{margin:0 0 12px;font-size:16px;line-height:1.6;color:var(--muted)}.section-head p:last-child{margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media(max-width:720px){.cards{grid-template-columns:1fr}}.principles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:720px){.principles{grid-template-columns:1fr;gap:20px}}.principles li{padding-top:16px;border-top:2px solid var(--blue)}.principles h3{margin:0 0 8px;font-size:15.5px;font-weight:700;letter-spacing:-.01em}.principles p{margin:0;font-size:14.5px;line-height:1.55;color:var(--muted)}.card{display:flex;flex-direction:column;gap:10px;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:#fff}.card-link{text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}.card-link:hover{border-color:var(--blue);box-shadow:0 6px 20px #2d70b31f;transform:translateY(-2px)}.card:not(.card-link) .card-name,.card:not(.card-link) .card-desc{opacity:.75}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-subject{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.card-status{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}.card-status.live{color:var(--green);background:#388c461a}.card-status.building{color:var(--blue);background:#2d70b31a}.card-status.planned{color:var(--muted);border:1px solid var(--line);background:transparent}.card-name{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.card-desc{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink)}.card-cta{margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;color:var(--blue)}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 24px 28px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.footer a{color:var(--blue);font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}