:root{--bg:#f6f9fc;--bg-strong:#edf5ff;--surface:#fffffff0;--surface-solid:#fff;--surface-alt:#f7fbff;--surface-strong:#eef7fb;--text:#000f40;--muted:#52607a;--border:#000f401f;--border-strong:#000f4038;--brand:#000f40;--brand-strong:#00082b;--brand-soft:#e7eefc;--accent:#ff4f33;--accent-strong:#d93820;--accent-soft:#ffe8e3;--sky:#abe6ff;--sky-soft:#e7f7ff;--gold:#d4b484;--gold-soft:#fbf3e7;--stone:#dacaab;--info:#2055d6;--info-soft:#e8efff;--warning:#9a6200;--warning-soft:#fff1db;--danger:#b42318;--danger-soft:#ffe8e3;--success:#127a54;--success-soft:#def7ea;--shadow-lg:0 28px 80px #000f4029;--shadow-md:0 18px 44px #000f401c;--shadow-sm:0 8px 24px #000f4014;--radius-lg:8px;--radius-md:8px;--radius-sm:6px;--content-width:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(180deg, #ffffffeb 0%, #e7f7ffc2 42%, #f6f9fc 100%), var(--bg);margin:0;font-family:Inter,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-solid);width:100%;color:var(--text);padding:.82rem .9rem;transition:border-color .16s,box-shadow .16s,transform .16s}input[type=checkbox]{width:auto;min-width:18px;height:18px}input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline-offset:2px;outline:3px solid #2055d647}input:focus,select:focus,textarea:focus{border-color:var(--info);box-shadow:0 0 0 4px #2055d617}button:disabled,.button.disabled{cursor:not-allowed;opacity:.62}h1,h2,h3,p{margin-top:0}h1{max-width:900px;margin-bottom:0;font-size:2.35rem;line-height:1.02}h2{margin-bottom:.45rem;font-size:1.35rem;line-height:1.15}h3{margin-bottom:.35rem;font-size:1.05rem}p{color:var(--muted)}pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (width>=760px){h1{font-size:3.25rem}}.site-shell{min-height:100vh}.site-header,.site-footer,.page-frame{width:min(var(--content-width), calc(100% - 24px));margin:0 auto}.site-header{z-index:1;align-items:center;gap:.75rem;padding:.75rem 0;display:grid;position:relative}.brand{align-items:center;gap:.72rem;width:max-content;display:inline-flex}.brand-mark{border-radius:var(--radius-md);background:var(--brand);color:#fff;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand small{color:var(--muted);display:block}.primary-nav,.header-actions,.button-row{align-items:center;gap:.5rem;display:flex}.primary-nav{scrollbar-width:none;min-width:0;padding-bottom:.2rem;overflow-x:auto}.primary-nav::-webkit-scrollbar{display:none}.header-actions,.button-row{flex-wrap:wrap}.button-row.compact{gap:.35rem}.primary-nav a,.button,.session-pill,.icon-button{border-radius:var(--radius-sm);min-height:40px;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s}.primary-nav a{white-space:nowrap;color:var(--muted);justify-content:center;align-items:center;gap:.42rem;padding:.55rem .75rem;font-weight:750;display:inline-flex}.primary-nav a.active,.primary-nav a:hover{background:var(--brand-soft);color:var(--brand)}.button{border:1px solid var(--border-strong);color:var(--text);justify-content:center;align-items:center;gap:.45rem;padding:.6rem .9rem;font-weight:800;display:inline-flex}.button svg,.icon-button svg{flex:none}.button:hover,.icon-button:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.button.primary:hover{background:var(--brand-strong)}.button.ghost{background:var(--surface-solid)}.button.danger{background:var(--danger-soft);color:var(--danger);border-color:#b4231842}.button.disabled{color:var(--muted);background:var(--surface-alt)}.icon-button{border:1px solid var(--border);background:var(--surface-solid);width:40px;min-width:40px;color:var(--brand);place-items:center;display:inline-grid}.icon-button.danger{color:var(--danger)}.icon-button-text{white-space:nowrap}.session-pill{background:var(--warning-soft);color:var(--warning);justify-content:center;align-items:center;padding:.55rem .75rem;font-size:.9rem;font-weight:800;display:inline-flex}.session-pill.authenticated{background:var(--success-soft);color:var(--success)}.page-frame{padding:1.15rem 0 3.5rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);gap:1rem;padding:2rem 0;display:grid}.site-footer p{margin-bottom:0}@media (width>=780px){.site-header,.site-footer,.page-frame{width:min(var(--content-width), calc(100% - 48px))}.site-header{grid-template-columns:auto minmax(0,1fr) auto;gap:1rem}.primary-nav{flex-wrap:wrap;justify-content:center;overflow-x:visible}.site-footer{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-stack,.home-stack,.form-stack,.provider-list,.app-list,.credential-list{gap:1rem;display:grid}.page-heading{gap:.55rem;margin-bottom:.4rem;display:grid}.page-heading p,.hero-copy p{max-width:760px;font-size:1.04rem}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:900}.inline-link{color:var(--info);font-weight:800}.muted-text{color:var(--muted);margin-bottom:0}.hero-grid{align-items:stretch;gap:1rem;display:grid}.hero-copy{border-radius:var(--radius-lg);background:linear-gradient(180deg, #000f401f 0%, #000f40c2 100%), url(/assets/hero-CLDdwZDr.png) right 10% bottom / min(58%, 360px) auto no-repeat, linear-gradient(135deg, var(--sky) 0%, var(--brand) 58%, var(--accent) 100%);color:#fff;min-height:520px;box-shadow:var(--shadow-lg);align-content:end;padding:1.25rem;display:grid;overflow:hidden}.hero-copy .eyebrow,.hero-copy p{color:#fff}.hero-panel,.section-card,.auth-card,.auth-side,.status-panel,.api-card,.metric-card,.sidebar-panel,.app-card,.profile-grid .section-card,.feature-strip article{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);padding:1.1rem}.hero-panel{background:linear-gradient(135deg, #abe6ff6b, #fffffff0), var(--surface-solid);align-content:center;display:grid}.hero-panel ol{gap:.8rem;margin-bottom:0;padding-left:1.25rem;display:grid}.feature-strip,.auth-grid,.apps-grid,.detail-grid,.dashboard-grid,.design-grid,.profile-grid{gap:1rem;display:grid}.feature-strip article{align-content:start;gap:.35rem;display:grid}.feature-strip svg,.section-title-row svg{color:var(--accent)}.auth-card.narrow{max-width:720px}.auth-links{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.fallback-login{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.form-stack label,.product-picker{color:var(--muted);gap:.45rem;font-weight:800;display:grid}.product-picker{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;margin:0;padding:.85rem}.product-picker legend{color:var(--text);padding:0 .35rem}.checkbox-row{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.7rem 0 0;display:grid}.checkbox-row:first-of-type{border-top:0}.checkbox-row small,.provider-row small,.credential-row small{color:var(--muted);font-weight:700;display:block}.form-error{color:var(--danger);margin-bottom:0;font-weight:800}.field-error{color:var(--danger);font-size:.88rem;font-weight:800}.form-success{color:var(--success);margin-bottom:0;font-weight:800}.section-title-row,.provider-row,.credential-row,.app-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.provider-row,.credential-row{border-top:1px solid var(--border);padding:.8rem 0}.dashboard-grid{align-items:start}.sidebar-panel{position:sticky;top:108px}.sidebar-panel nav,.shortcut-grid,.metric-grid,.catalog-grid,.state-grid,.swatch-grid{gap:.75rem;display:grid}.sidebar-panel nav{margin-top:.8rem}.sidebar-panel a,.shortcut-grid a{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);padding:.75rem;font-weight:800}.metric-grid,.catalog-grid,.state-grid,.swatch-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card{background:linear-gradient(180deg, #abe6ff2e, #fffffff2), var(--surface-solid)}.metric-card strong{margin:.25rem 0;font-size:2rem;display:block}.metric-card small,.metric-card span{color:var(--muted)}.catalog-toolbar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);gap:.75rem;padding:.75rem;display:grid}.search-field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:0 .75rem;display:grid}.search-field input{box-shadow:none;border:0}.segmented-control{gap:.4rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.segmented-control button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);min-height:38px;color:var(--muted);white-space:nowrap;padding:.5rem .75rem;font-weight:800}.segmented-control button.active,.segmented-control button:hover{border-color:var(--brand);background:var(--brand);color:#fff}.api-card{gap:.75rem;display:grid}.api-card:hover,.app-card:hover,.section-card:hover{transform:translateY(-1px)}.api-id{color:var(--info);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900}.tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.tag-row span,.swatch,.count-pill{border-radius:var(--radius-sm);background:var(--brand-soft);padding:.36rem .55rem;font-size:.85rem;font-weight:800}.count-pill{color:var(--brand)}.meta-grid{gap:.75rem;display:grid}.meta-grid div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);padding:.75rem}.meta-grid dt{color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:900}.meta-grid dd{margin:.25rem 0 0;font-weight:900}.operation-panel,.sandbox-card{align-self:start}.operation-list{gap:.5rem;display:grid}.operation-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);width:100%;color:var(--text);text-align:left;grid-template-columns:72px minmax(0,1fr);gap:.25rem .75rem;padding:.75rem;display:grid}.operation-row strong{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.operation-row small{color:var(--muted);grid-column:1/-1}.operation-row.active{border-color:var(--brand);box-shadow:0 0 0 3px #000f4014}.data-preview{border-radius:var(--radius-sm);background:var(--brand-strong);color:#fff;max-height:360px;padding:1rem;overflow:auto}.api-example summary{color:var(--info);cursor:pointer;font-weight:900}.profile-hero{align-items:center;gap:1rem;display:flex}.profile-avatar{border-radius:var(--radius-lg);background:var(--brand);color:#fff;place-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:900;display:grid}.status-panel.info{background:var(--info-soft)}.status-panel.success{background:var(--success-soft)}.status-panel.warning{background:var(--warning-soft)}.status-panel.danger{background:var(--danger-soft)}.status-panel p{margin-bottom:0}.swatch.brand{background:var(--brand);color:#fff}.swatch.accent{background:var(--accent);color:#fff}.swatch.success{background:var(--success-soft);color:var(--success)}.swatch.danger{background:var(--danger-soft);color:var(--danger)}.app-card{box-shadow:var(--shadow-sm);gap:.85rem;display:grid}.app-card-header{align-items:flex-start}.credential-row{grid-template-columns:minmax(0,1fr) auto;display:grid}@media (width>=700px){.feature-strip,.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center}}@media (width>=920px){.hero-grid,.auth-grid,.apps-grid,.detail-grid,.design-grid,.profile-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr)}.dashboard-grid{grid-template-columns:260px minmax(0,1fr)}}