:root{color-scheme:light;--background:#f6f8fb;--surface:#ffffff;--ink:#111827;--muted:#5b6472;--primary:#2563eb;--primary-dark:#1d4ed8;--accent:#10b981;--border:#d9e2ef;--shadow:0 24px 80px rgba(15,23,42,0.12)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 34rem),linear-gradient(135deg,#f9fbff 0,var(--background) 52%,#eef4ff 100%);color:var(--ink);font-family:Inter,Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-shell{display:grid;min-height:100vh;padding:48px;place-items:center}.hero-card{width:min(1080px,100%);padding:clamp(28px,5vw,64px);border:1px solid rgba(217,226,239,.86);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.status-pill{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--border);border-radius:999px;color:var(--primary-dark);font-size:14px;font-weight:700}.status-pill span{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(16,185,129,.13)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-gap:32px;gap:32px;align-items:end;margin-top:42px}.eyebrow{margin:0 0 14px;color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}h1{max-width:780px;margin:0;color:var(--ink);font-size:clamp(36px,6vw,64px);line-height:.96;letter-spacing:-.055em}.lede{max-width:720px;margin:24px 0 0;color:var(--muted);font-size:18px;line-height:1.7}.port-card{padding:24px;border-radius:24px;background:linear-gradient(160deg,var(--primary),var(--primary-dark));color:white;box-shadow:0 20px 48px rgba(37,99,235,.28)}.port-card p,.port-card span{margin:0;color:rgba(255,255,255,.76);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.port-card strong{display:block;margin:16px 0 8px;font-size:46px;letter-spacing:-.06em}.checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:48px}.check-card{min-height:132px;padding:22px;border:1px solid var(--border);border-radius:22px;background:#fbfdff}.check-card h2{margin:0 0 12px;font-size:15px}.check-card p{margin:0;color:var(--muted);line-height:1.6}@media (max-width:760px){.page-shell{padding:24px}.checks,.hero-grid{grid-template-columns:1fr}}