:root{color-scheme:light;--brand: #003366;--brand-2: #1578c1;--gold: #f4bb33;--ink: #17212b;--muted: #52606b;--line: #d9e3ea;--surface: #ffffff;--surface-2: #eaf3fa;--bg: #f4f8fb;--shadow: 0 16px 38px rgba(0, 35, 70, .1);--shadow-soft: 0 8px 20px rgba(0, 35, 70, .08);font-family:Gantari,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top,rgba(21,120,193,.14),transparent 34%),linear-gradient(180deg,#ffffff 0%,var(--bg) 42%,#ffffff 100%);color:var(--ink)}.skip-link{position:fixed;top:8px;left:8px;z-index:200;padding:10px 14px;border-radius:10px;background:#fff;color:var(--brand);font-weight:800;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.portal-home{width:min(100%,1280px);margin:0 auto;padding:22px 18px 28px}.portal-home a{color:inherit;text-decoration:none}.portal-home p{margin:0;color:var(--muted);line-height:1.6}.portal-home h1{margin:0;font-size:clamp(2.4rem,4.8vw,4.4rem);line-height:.98;letter-spacing:-.04em}.portal-home h2{margin:0;color:var(--brand);font-size:clamp(1.6rem,2vw,2.2rem);line-height:1.05}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:20px;padding:clamp(24px,3vw,36px);border-bottom:6px solid var(--gold);border-radius:28px;background:linear-gradient(135deg,#003366fa,#1578c1e6);box-shadow:var(--shadow)}.hero-copy,.hero-panel,.collection-panel,.principles-panel{border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-soft)}.hero-copy{border:0;background:transparent;box-shadow:none;color:#fff}.hero-copy p,.hero-copy li{color:#ffffffd6}.eyebrow{margin-bottom:14px!important;color:var(--gold)!important;font-size:.9rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-lead{max-width:42rem;margin-top:16px!important;font-size:clamp(1rem,1.25vw,1.15rem)}.hero-highlights{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}.hero-highlights li{padding:11px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff14;font-weight:700}.hero-panel,.collection-panel,.principles-panel{padding:24px}.hero-panel strong{display:block;margin-top:2px;color:var(--brand);font-size:1.5rem;line-height:1.1}.hero-panel p+p{margin-top:12px}.mini-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.mini-metrics div{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}.mini-metrics b{display:block;color:var(--brand);font-size:1.5rem}.mini-metrics span,.app-card>span:not(.app-card__badge,.app-card__cta){color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:14px;font-weight:800}.hero-actions .primary{background:var(--gold);color:var(--brand)}.hero-actions .secondary{border:1px solid var(--line);background:var(--surface);color:var(--brand)}.content-grid{display:grid;gap:18px;margin-top:22px}.collection-heading p,.principles-panel>p{max-width:56rem}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}.app-card{display:grid;gap:10px;min-height:180px;padding:20px;border:1px solid rgba(21,120,193,.14);border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.app-card:hover,.app-card:focus-visible{transform:translateY(-2px);border-color:var(--brand-2);box-shadow:0 18px 30px #0023461f;outline:none}.app-card__badge{width:fit-content;padding:7px 10px;border-radius:999px;background:var(--surface-2);color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.app-card strong{color:var(--brand);font-size:1.2rem;line-height:1.1}.app-card__cta{align-self:end;color:var(--brand-2);font-weight:800}.principles-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.principles-list div{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#eaf3faeb,#fffffffa)}.principles-list strong{display:block;margin-bottom:8px;color:var(--brand)}@media (max-width: 980px){.hero,.principles-list{grid-template-columns:1fr}}@media (max-width: 640px){.portal-home{padding-inline:14px}.hero,.collection-panel,.principles-panel,.hero-panel{border-radius:22px}.hero-actions{flex-direction:column}.hero-actions a{width:100%}.mini-metrics{grid-template-columns:1fr}}