:root{--bg:#f5f7fb;--surface:#fff;--surface-soft:#eef2ff;--text:#101828;--muted:#475467;--border:#d0d5dd;--shadow:0 18px 35px #10182814}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top right, #d9f5f0 0%, transparent 35%), radial-gradient(circle at 10% 80%, #e8ecff 0%, transparent 40%), var(--bg);font-family:Manrope,Space Grotesk,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f7fbd9;border-bottom:1px solid #d0d5dda6;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;display:inline-flex}.brand small{color:var(--muted);font-size:.75rem;display:block}.brand-mark{color:#fff;background:linear-gradient(135deg,#1366d9,#10b981);border-radius:.7rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-weight:700;display:inline-flex}.top-nav{color:var(--muted);gap:1rem;font-size:.9rem;display:inline-flex}.header-actions{align-items:center;gap:.75rem;display:inline-flex}.content-badge{color:#194b97;background:#edf4ff;border:1px solid #bfd3f2;border-radius:999px;align-items:center;padding:.22rem .62rem;font-size:.78rem;font-weight:600;display:inline-flex}.locale-select{color:#1f2937;background:#fff;border:1px solid #bfd3f2;border-radius:.68rem;padding:.36rem .56rem;font-size:.85rem}.layout{width:min(1120px,100vw - 2rem);margin:1.5rem auto 4rem}.hero{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(120deg,#fff 0%,#f3f5ff 100%);border-radius:1.1rem;padding:2.2rem}.eyebrow{color:#1366d9;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.hero h1{max-width:16ch;margin:.4rem 0;font-size:clamp(1.6rem,2.6vw,2.5rem)}.hero p{color:var(--muted);max-width:70ch}.section{margin-top:2.25rem;scroll-margin-top:6rem}.section-head h2{margin:0}.section-head p{color:var(--muted);margin:.4rem 0 1rem}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.app-card,.detail-card,.document-card,.doc-item{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:1rem}.app-card{padding:1rem}.app-title-row{align-items:center;gap:.75rem;display:flex}.app-icon{background:var(--surface-soft);border-radius:.75rem;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:inline-flex}.app-title-row h3{margin:0}.app-title-row p{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.app-description{color:#1d2939;min-height:3.5rem}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{color:#1e4e92;background:#edf4ff;border:1px solid #b8c8e8;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.meta-row{color:var(--muted);flex-wrap:wrap;gap:.7rem;margin-top:.9rem;font-size:.82rem;display:flex}.link-btn,.ghost-btn{cursor:pointer;border:0;border-radius:.75rem;margin-top:.9rem;font-weight:600}.link-btn{color:#fff;background:#1366d9;padding:.62rem .85rem}.ghost-btn{color:#0f3f85;background:#e8edf9;padding:.55rem .85rem}.doc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.doc-item{text-align:left;cursor:pointer;width:100%;padding:.85rem}.doc-item span,.doc-item small{color:var(--muted);margin-top:.35rem;display:block}.detail-layout{margin-top:1.2rem}.detail-card,.document-card{margin-top:.9rem;padding:1.2rem}.store-links{flex-wrap:wrap;gap:.65rem;display:flex}.store-links a{color:#fff;background:#0f172a;border-radius:.65rem;padding:.5rem .75rem;display:inline-flex}.doc-section{border-top:1px solid #e4e7ec;margin-top:1rem;padding-top:1rem}.doc-section h2{margin:0 0 .35rem;font-size:1.15rem}.doc-section p{color:#344054;margin:.35rem 0;line-height:1.6}.center-state{color:#344054;place-items:center;min-height:100vh;font-size:1.05rem;display:grid}@media (width<=900px){.app-grid,.doc-list{grid-template-columns:1fr}.top-nav{display:none}.header-actions{gap:.4rem}.content-badge{display:none}.hero{padding:1.4rem}}
