:root{--bg:#f2ecdf;--ink:#0f1720;--muted:#56606d;--panel:rgba(255,253,249,0.84);--panel-strong:rgba(255,251,244,0.96);--line:rgba(15,23,32,0.12);--accent:#b24a2a;--accent-soft:rgba(178,74,42,0.12);--teal:#0f7f79;--teal-soft:rgba(15,127,121,0.12);--gold:#c99b2f;--offline:#7b1e25;--shadow:0 22px 60px rgba(49,35,15,0.14);--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--font-display:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,serif;--font-body:"Avenir Next","Segoe UI",sans-serif;--font-code:"IBM Plex Mono","SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}#__next,body,html{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(15,127,121,.22),transparent 30%),radial-gradient(circle at top right,rgba(201,155,47,.24),transparent 26%),linear-gradient(180deg,#f7f1e5,#efe6d4 54%,#f3ede0)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-shell{position:relative;max-width:1440px;margin:0 auto;padding:32px 24px 48px}.site-backdrop{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 22%,rgba(255,255,255,.42),transparent 18%),radial-gradient(circle at 82% 12%,rgba(178,74,42,.08),transparent 22%)}.section-block,.site-footer,.site-header{position:relative;z-index:1}.brand-lockup{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.brand-link{gap:14px}.brand-link,.brand-mark{display:inline-flex;align-items:center}.brand-mark{justify-content:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#15222c,#314552);color:#f8efe3;font-size:1.45rem;box-shadow:var(--shadow)}.brand-link strong,.brand-mark{font-family:var(--font-display)}.brand-link strong{display:block;font-size:1.35rem;letter-spacing:.02em}.brand-subtitle{display:block;margin-top:4px;color:var(--muted);font-size:.9rem}.top-nav{display:flex;flex-wrap:wrap;gap:10px}.button-link,.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,250,.7);color:var(--ink);transition:transform .14s ease,border-color .14s ease,background .14s ease}.button-link:hover,.nav-link:hover{transform:translateY(-1px);border-color:rgba(15,23,32,.25);background:rgba(255,253,250,.92)}.button-link.is-primary{border-color:transparent;background:linear-gradient(135deg,#16232d,#2f4654);color:#f9f2e6}.hero-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.9fr);grid-gap:24px;gap:24px;padding:34px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--panel-strong),rgba(255,248,238,.84));box-shadow:var(--shadow);overflow:hidden}.hero-copy h1,.panel-card h3,.section-header h2{margin:0;font-family:var(--font-display);letter-spacing:.01em}.hero-copy h1{max-width:10ch;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.95}.eyebrow,.panel-kicker,.section-kicker{margin:0 0 12px;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.lede,.panel-text,.playground-note,.section-text,.site-footer p{color:var(--muted);line-height:1.6}.hero-rail{display:flex;flex-direction:column;justify-content:space-between;gap:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:12px;gap:12px}.stat-card{padding:16px;border-radius:var(--radius-md);background:rgba(255,255,255,.56);border:1px solid rgba(15,23,32,.08)}.stat-value{display:block;font-size:1.7rem;font-weight:700}.stat-label{display:block;margin-top:4px;color:var(--muted);font-size:.9rem}.site-main{margin-top:28px;display:grid;grid-gap:28px;gap:28px}.section-block{padding:28px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-header h2{font-size:clamp(1.75rem,3vw,2.6rem)}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px}.panel-card{display:flex;flex-direction:column;gap:16px;min-height:220px;padding:22px;border-radius:var(--radius-md);background:rgba(255,255,255,.62);border:1px solid rgba(15,23,32,.08)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-card h3{font-size:1.45rem}.panel-chip,.tag-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--ink);font-size:.85rem}.meta-list{display:grid;grid-gap:10px;gap:10px;margin:0}.meta-list div{display:grid;grid-gap:2px;gap:2px}.meta-list dt{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.meta-list dd,.panel-endpoint{margin:0;font-family:var(--font-code);font-size:.95rem;word-break:break-word}.tag-row{display:flex;flex-wrap:wrap;gap:10px}.status-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid transparent;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.status-online{background:var(--teal-soft);color:var(--teal);border-color:rgba(15,127,121,.2)}.status-degraded{background:rgba(201,155,47,.14);color:#7a5b0e;border-color:rgba(201,155,47,.22)}.status-offline,.status-unknown{background:rgba(123,30,37,.12);color:var(--offline);border-color:rgba(123,30,37,.18)}.route-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px}.route-card{padding:20px;border-radius:var(--radius-md);border:1px solid rgba(15,23,32,.08);background:rgba(255,255,255,.58)}.route-card h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.35rem}.route-card p{margin:0 0 16px;color:var(--muted)}.playground-shell{display:grid;grid-template-columns:280px minmax(0,1fr);grid-gap:20px;gap:20px}.playground-sidebar,.playground-stage{display:flex;flex-direction:column;gap:16px}.playground-sidebar{padding:18px;border-radius:var(--radius-md);background:rgba(255,255,255,.6);border:1px solid rgba(15,23,32,.08)}.catalog-column{display:flex;flex-direction:column;gap:12px}.catalog-group{display:grid;grid-gap:10px;gap:10px}.catalog-group h3{margin:0;font-size:.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.catalog-button{width:100%;padding:14px;border:1px solid rgba(15,23,32,.08);border-radius:var(--radius-sm);background:rgba(255,255,255,.78);text-align:left;cursor:pointer}.catalog-button.is-active{border-color:rgba(15,127,121,.32);background:rgba(15,127,121,.08)}.catalog-button strong{display:block}.catalog-button span{display:block;margin-top:4px;color:var(--muted);font-size:.88rem}.ide-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:var(--radius-md);background:rgba(255,255,255,.72);border:1px solid rgba(15,23,32,.08)}.ide-toolbar h2{margin:0;font-family:var(--font-display);font-size:1.8rem}.ide-toolbar p{margin:6px 0 0}.ide-actions{display:flex;flex-wrap:wrap;gap:10px}.stage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:18px;gap:18px}.code-panel,.preview-panel{min-height:620px;overflow:hidden;border-radius:var(--radius-md);border:1px solid rgba(15,23,32,.08);background:rgba(255,255,255,.8)}.panel-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(15,23,32,.08)}.panel-banner strong{font-family:var(--font-display);font-size:1.2rem}.editor-wrap,.preview-frame{height:calc(100% - 57px)}.preview-frame{width:100%;border:0;background:white}.empty-state{padding:32px;border-radius:var(--radius-md);background:rgba(255,255,255,.72);border:1px solid rgba(15,23,32,.08);color:var(--muted)}.site-footer{margin-top:28px;padding:16px 4px 0}@media (max-width:980px){.hero-panel,.playground-shell,.stage-grid{grid-template-columns:1fr}.brand-lockup,.ide-toolbar,.panel-header,.section-header{align-items:flex-start;flex-direction:column}}@media (max-width:720px){.site-shell{padding:20px 14px 36px}.hero-panel,.section-block{padding:20px}.top-nav{width:100%}.button-link,.nav-link{flex:1 1 auto}.code-panel,.preview-panel{min-height:440px}}