:root { --platform-ink:#19332d; --platform-muted:#667971; --platform-paper:#f4f8f4; --platform-card:#fff; --platform-line:#d9e8dd; --platform-green:#3f7b5f; --platform-sand:#f0dfc3; --platform-blue:#dfeff8; --platform-lilac:#eeeafd; --platform-shadow:0 18px 48px rgba(32,62,44,.08); }
[hidden] { display:none !important; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--platform-ink); background:var(--platform-paper); font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
button,input,select,textarea { font:inherit; }
.platform-shell { width:min(1180px,calc(100% - 32px)); margin:0 auto; }
.platform-topbar { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--platform-line); }
.platform-brand { display:flex; align-items:center; gap:10px; text-decoration:none; font-weight:850; letter-spacing:-.04em; }.platform-brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:12px 12px 12px 4px; color:#fff; background:var(--platform-ink); }.platform-brand-dot { color:var(--platform-green); }
.platform-nav { display:flex; align-items:center; gap:18px; color:var(--platform-muted); font-size:.8rem; }.platform-nav a { padding:27px 0 24px; text-decoration:none; border-bottom:2px solid transparent; }.platform-nav a:hover,.platform-nav a.active { color:var(--platform-ink); border-color:var(--platform-green); }
.platform-actions { display:flex; gap:8px; align-items:center; }.platform-pill { padding:6px 10px; border:1px solid var(--platform-line); border-radius:999px; background:#fff; color:var(--platform-muted); font-size:.68rem; }
.platform-main { padding:52px 0 90px; }.platform-hero { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:28px; }.platform-hero h1 { max-width:760px; margin:.2rem 0 .75rem; font-size:clamp(2.4rem,6vw,5rem); line-height:.98; letter-spacing:-.075em; }.platform-hero h1 em { font-family:Georgia,serif; font-weight:400; }.platform-hero p { max-width:680px; margin:0; color:var(--platform-muted); }.eyebrow { margin:0 0 8px; color:var(--platform-green); text-transform:uppercase; letter-spacing:.14em; font-size:.68rem; font-weight:850; }
.platform-card { border:1px solid var(--platform-line); border-radius:20px; background:var(--platform-card); box-shadow:var(--platform-shadow); padding:22px; }.platform-card h2,.platform-card h3 { margin:.2rem 0 .55rem; letter-spacing:-.04em; }.platform-card h2 { font-size:1.25rem; }.platform-card h3 { font-size:1rem; }.muted { color:var(--platform-muted); }.fine { font-size:.78rem; color:var(--platform-muted); }
.platform-card hr { border:0; border-top:1px solid var(--platform-line); margin:22px 0; }.platform-card code { padding:2px 5px; border-radius:5px; background:#eef5ef; font-size:.8em; }.privacy-stats { margin:16px 0; }.privacy-stats div { padding:14px; border:1px solid var(--platform-line); border-radius:12px; background:#fbfefb; }.privacy-stats strong,.privacy-stats span { display:block; }.privacy-stats strong { font-size:1.2rem; }.privacy-stats span { color:var(--platform-muted); font-size:.72rem; }.privacy-list { margin-top:14px; }.privacy-actions { flex-wrap:wrap; }
.platform-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.platform-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }.platform-grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }.wide { grid-column:1/-1; }
.docs-section { margin-top:14px; }.docs-link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:16px; }.docs-link-grid a { display:block; padding:15px; border:1px solid var(--platform-line); border-radius:13px; background:#fbfefb; text-decoration:none; }.docs-link-grid a:hover,.docs-link-grid a:focus-visible { border-color:var(--platform-green); background:#edf7ee; }.docs-link-grid strong,.docs-link-grid small { display:block; }.docs-link-grid small { margin-top:5px; color:var(--platform-muted); font-size:.72rem; }.docs-list { display:grid; gap:10px; margin:14px 0 0; padding-left:20px; color:var(--platform-muted); font-size:.82rem; }.docs-list li::marker { color:var(--platform-green); font-weight:800; }.docs-section code { padding:2px 5px; border-radius:5px; background:#eef5ef; font-size:.78em; }
.search-bar { display:flex; gap:9px; align-items:center; margin:20px 0; }.search-bar input { min-width:0; flex:1; height:48px; padding:0 14px; border:1px solid var(--platform-line); border-radius:12px; background:#fbfefb; color:var(--platform-ink); }.filter-row { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:22px; }.filter-chip { display:inline-flex; align-items:center; gap:6px; padding:8px 10px; border:1px solid var(--platform-line); border-radius:999px; color:var(--platform-muted); background:#fff; font-size:.74rem; cursor:pointer; }.filter-chip.selected { border-color:var(--platform-green); color:var(--platform-green); background:#edf7ee; }
.button { min-height:44px; padding:0 15px; border:1px solid transparent; border-radius:10px; cursor:pointer; font-weight:800; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:7px; }.button-dark { color:#fff; background:var(--platform-ink); }.button-green { color:#fff; background:var(--platform-green); }.button-soft { color:var(--platform-ink); background:#edf5ee; border-color:var(--platform-line); }.button-sand { color:#66461d; background:var(--platform-sand); }.button:disabled { opacity:.55; cursor:wait; }
.recipe-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.recipe-card { display:flex; flex-direction:column; min-height:280px; overflow:hidden; border:1px solid var(--platform-line); border-radius:18px; background:#fff; box-shadow:var(--platform-shadow); }.recipe-cover { min-height:92px; padding:16px; background:linear-gradient(135deg,#dcebdd,#fbf0d9); }.recipe-cover.jain { background:linear-gradient(135deg,#e2f1df,#e4edf9); }.recipe-card-body { display:flex; flex:1; flex-direction:column; padding:17px; }.recipe-card h3 { margin:.2rem 0 .45rem; font-size:1.05rem; }.recipe-card p { margin:0 0 12px; color:var(--platform-muted); font-size:.78rem; }.recipe-meta { display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; color:var(--platform-muted); font-size:.68rem; }.tag { display:inline-flex; padding:4px 7px; border-radius:6px; color:var(--platform-green); background:#edf6ee; font-size:.64rem; }.recipe-actions { display:flex; gap:8px; margin-top:14px; }.recipe-actions .button { flex:1; min-height:40px; font-size:.74rem; }
.stat-card { min-height:120px; }.stat-card strong { display:block; margin:.15rem 0; font-size:2rem; letter-spacing:-.07em; }.stat-card span { color:var(--platform-muted); font-size:.74rem; }.stat-sand { background:#fffaf1; }.stat-blue { background:#f4fbff; }.stat-lilac { background:#faf9ff; }
.list { display:grid; gap:10px; }.list-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid #edf2ed; }.list-row:first-child { border-top:0; }.list-row strong,.list-row small { display:block; }.list-row small { color:var(--platform-muted); font-size:.72rem; }.list-row .status { padding:4px 8px; border-radius:999px; background:#edf6ee; color:var(--platform-green); font-size:.65rem; font-weight:800; }.status.warn { color:#8b621d; background:#fff4dc; }.status.blue { color:#3972a0; background:#e7f3fb; }
.slot-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }.slot { min-height:110px; padding:13px; border:1px dashed #bdd5c1; border-radius:13px; background:#fbfefb; }.slot strong { display:block; color:var(--platform-muted); font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; }.slot span { display:block; margin-top:10px; font-weight:750; font-size:.8rem; }
.code-block { overflow:auto; margin:12px 0; padding:16px; border-radius:12px; background:#18332d; color:#dcefe0; font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; }.endpoint { display:flex; align-items:center; gap:10px; padding:10px 0; border-top:1px solid #edf2ed; font:12px ui-monospace,SFMono-Regular,Menlo,monospace; }.method { min-width:42px; padding:4px 5px; border-radius:5px; text-align:center; background:#e5f2e7; color:#2f6849; font-size:10px; font-weight:900; }
.gate { display:grid; place-items:center; min-height:280px; text-align:center; }.gate p { max-width:520px; color:var(--platform-muted); }.notice { padding:12px; border-radius:10px; color:#85571a; background:#fff4df; font-size:.78rem; }.success { color:#2d6c49; background:#e9f6eb; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.form-grid label { display:grid; gap:5px; color:var(--platform-muted); font-size:.74rem; font-weight:750; }.form-grid input,.form-grid select,.form-grid textarea { width:100%; min-height:44px; padding:9px 11px; border:1px solid var(--platform-line); border-radius:10px; background:#fff; color:var(--platform-ink); }.form-grid textarea { min-height:90px; }.form-actions { display:flex; gap:8px; grid-column:1/-1; margin-top:4px; }
.platform-footer { display:flex; justify-content:space-between; gap:12px; padding:22px 0 34px; color:var(--platform-muted); font-size:.7rem; }.platform-footer a { color:var(--platform-green); text-decoration:none; }
.message-thread { border-top:1px solid #edf2ed; padding:12px 0; }.message-thread summary { display:flex; justify-content:space-between; align-items:center; gap:12px; cursor:pointer; list-style:none; }.message-thread summary::-webkit-details-marker { display:none; }.message-list { display:grid; gap:8px; margin:12px 0; }.message-bubble { max-width:82%; padding:10px 12px; border-radius:12px; background:#f2f7f3; }.message-bubble.member { margin-left:auto; background:#edf5ee; }.message-bubble p { margin:0; white-space:pre-wrap; }.message-bubble small { display:block; margin-top:4px; color:var(--platform-muted); font-size:.68rem; }.thread-reply-form { margin-top:8px; }
@media (max-width:900px) { .platform-grid,.recipe-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.platform-grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); }.platform-nav { gap:10px; } }
@media (max-width:650px) { .platform-shell { width:min(100% - 24px,1180px); }.platform-topbar { min-height:68px; }.platform-nav { display:none; }.platform-main { padding-top:36px; }.platform-hero { display:block; }.platform-hero .button { margin-top:18px; }.platform-grid,.platform-grid.two,.recipe-grid,.form-grid,.docs-link-grid { grid-template-columns:1fr; }.slot-grid { grid-template-columns:repeat(2,1fr); }.platform-footer { display:block; }.platform-footer span { display:block; margin-top:8px; }.search-bar { align-items:stretch; flex-direction:column; }.search-bar .button { width:100%; } }