/* OpenCrawl unified Cognitive UI stylesheet.
 * Cascade order intentionally preserves the former app -> product -> extended -> command -> cognitive stack.
 * New visual work belongs here; do not add new override stylesheets.
 */

/* === Legacy base normalized into the canonical bundle =================== */
:root {
  color-scheme: dark;
  --bg: #07090b;
  --bg-soft: #0a0d10;
  --panel: #0e1216;
  --panel-2: #11171c;
  --panel-3: #151d22;
  --line: #202a31;
  --line-strong: #31404a;
  --text: #edf4f6;
  --muted: #8e9ca4;
  --muted-2: #62717a;
  --accent: #ef39df;
  --accent-ink: #100915;
  --accent-soft: rgba(239,57,223,.12);
  --success: #64d8a4;
  --warning: #e2b85d;
  --danger: #ef6b76;
  --r-sm: 9px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --shadow: 0 20px 60px rgba(0, 0, 0, .34);
  --max: 1200px;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

/* Game capability catalog */
.game-catalog{display:grid;gap:20px;min-width:0}
.game-filter{display:grid;gap:8px;max-width:420px;font-size:13px;font-weight:600;color:var(--text-secondary,#aab4c5)}
.game-filter input{width:100%;min-height:44px;padding:10px 14px;border:1px solid #344258;border-radius:12px;background:#111a2a;color:#f5f7fb;font:inherit}
.game-filter input:focus-visible,.game-tile:focus-visible{outline:2px solid #78aaff;outline-offset:2px}
.game-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}
.game-tile{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;text-align:left;padding:18px;background:#152033;border:1px solid #35455b;border-radius:14px;color:#f5f7fb;cursor:pointer}
.game-tile:hover{border-color:#87aeec;background:#1b2940}
.game-tile[aria-pressed="true"]{border-color:#65cfc6;background:#173039;box-shadow:inset 3px 0 #4bd2c7}
.game-tile:focus-visible,.game-tool-close:focus-visible,.game-tool-runner select:focus-visible,.game-tool-runner input:focus-visible,.game-tool-runner textarea:focus-visible{outline:2px solid #8bded8;outline-offset:2px}
.game-tile:disabled{cursor:progress;opacity:.7}
.game-tile strong{font-size:16px}.game-tile span{grid-column:1;font-size:12px;color:#aebed2}.game-tile svg{grid-column:2;grid-row:1/3;width:18px;height:18px}
.game-detail{min-width:0;border:1px solid #35455b;border-radius:16px;padding:22px;background:#111b2b}
.game-detail>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.game-actions{display:flex;gap:9px;flex-wrap:wrap}
.game-run-button{display:inline-flex;align-items:center;gap:7px;margin-top:15px;padding:10px 14px;border:1px solid #4c749c;border-radius:9px;background:#172a40;color:#cde7ff;cursor:pointer;font:inherit;font-size:13px;font-weight:650}
.game-more-capabilities{margin:22px 0}.game-more-capabilities summary{display:flex;align-items:center;gap:9px;cursor:pointer;color:#b5cce5;font-size:14px;padding:14px 16px;border:1px solid #3d526a;border-radius:10px;background:#192638}.game-more-capabilities summary svg{width:15px;height:15px}.game-more-capabilities .game-capabilities{margin-top:16px}
.game-run-button:hover,.game-run-button:focus-visible{background:#214260;outline-color:#9bd8ff}
.game-run-button svg{width:15px;height:15px}
.game-tool-runner{min-width:0;margin:20px 0 75px;padding:clamp(17px,3vw,26px);border:1px solid #456382;border-radius:16px;background:#131f30;color:#f0f6ff;overflow-wrap:anywhere}
.game-tool-runner>header{display:flex;justify-content:space-between;align-items:start;gap:12px}
.game-agent-mark{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:9px;border:1px solid #783b78;border-radius:7px;background:#260d2a;font-size:17px;vertical-align:middle}
.game-tool-runner h3{margin:7px 0;font-size:22px}.game-tool-runner p,.game-tool-runner label{color:#b9cbde}
.game-tool-close{width:44px;height:44px;flex:0 0 44px;border:0;background:transparent;color:#e3edfb;font-size:26px;cursor:pointer}
.game-tool-close:disabled{opacity:.55;cursor:progress}
.game-tool-runner form{display:grid;gap:15px;max-width:700px;margin-top:20px}.game-tool-runner form label{display:grid;gap:7px;font-size:13px}
.game-tool-runner input,.game-tool-runner textarea,.game-tool-runner select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #49617c;border-radius:9px;background:#0c1624;color:#f4f8ff;font:inherit}
.game-tool-runner form .btn{justify-self:start}
.game-progress,.repo-progress{padding:14px 16px;border-left:3px solid #4bd2c7;background:#142b32;color:#c5e9e6;line-height:1.5}
.game-error{padding:14px 16px;border-left:3px solid #ed8a8e;background:#302027;color:#ffc8c9;line-height:1.5}
.game-tool-output{display:grid;gap:14px;margin-top:18px}.game-tool-output article{padding:14px;border:1px solid #3a5069;border-radius:10px;background:#1a2b40}
.game-tool-output article strong{display:block;color:#f1f8ff}.game-tool-output article span,.game-tool-output article p{color:#c1d3e7}
.game-tool-output small{line-height:1.5;color:#a9bed5;overflow-wrap:anywhere}.game-tool-output a{color:#aad2ff}
.game-operation-trace{margin-top:14px;padding:12px 0;border-top:1px solid #32465b;color:#a9bed5;font-size:12px}
.game-operation-trace summary{min-height:36px;display:flex;align-items:center;cursor:pointer;color:#a8d5d3}
.game-operation-trace p{margin:6px 0;line-height:1.5}.game-operation-trace code{display:block;overflow-wrap:anywhere;color:#c8d8e8}
.game-tool-output summary{cursor:pointer;color:#b4d6fb}.game-tool-output pre{max-height:350px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:12px;background:#0c1827;border-radius:9px}
.game-tool-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:9px}
@media(max-width:620px){.game-tool-runner form .btn{width:100%;justify-content:center}.game-tool-rows{grid-template-columns:1fr}}
.game-detail h2{margin:4px 0 6px;font-size:clamp(22px,3vw,30px);color:#f5f7fb}
.game-detail header p,.game-empty{margin:0;color:#aebed2}
.game-capabilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}
.game-capabilities article{padding:18px;border:1px solid #344258;border-radius:12px;background:#18243a}
.game-capabilities h3{margin:11px 0 7px;font-size:16px;color:#f5f7fb}.game-capabilities p{margin:0 0 12px;color:#b8c6d9;line-height:1.5;font-size:13px}.game-capabilities small{color:#94a9c3}
.game-cap-status{font-size:11px;color:#ffbe87}.game-cap-status.ready{color:#8de3bb}
@media(max-width:600px){.game-detail{padding:16px}.game-detail>header>.btn{width:100%;justify-content:center}}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .025; background-image: linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px); background-size: 48px 48px; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
h1,h2,h3,p { margin-top: 0; }
h1 { font-size: clamp(2.7rem, 6vw, 5.7rem); line-height: .98; letter-spacing: -.065em; }
h2 { font-size: clamp(1.8rem, 3.5vw, 3rem); line-height: 1.05; letter-spacing: -.045em; }
h3 { letter-spacing: -.02em; }
p { color: var(--muted); line-height: 1.7; }
code, pre { font-family: var(--mono); }
.container { width: min(var(--max), calc(100% - 48px)); margin-inline: auto; }
.icon { width: 19px; height: 19px; flex: 0 0 auto; }
.eyebrow, .overline { display: inline-flex; align-items: center; gap: 9px; color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 5px rgba(100,216,164,.08), 0 0 20px var(--success); }

.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 13px; font-weight: 720; letter-spacing: .095em; white-space: nowrap; }
.brand img { border-radius: 11px; }
.brand b { color: var(--accent); }
.btn, button.btn { min-height: 42px; border: 1px solid var(--line-strong); border-radius: var(--r-sm); padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #11171b; color: var(--text); font-weight: 700; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.btn:hover { border-color: #52636c; transform: translateY(-1px); }
.btn.primary { border-color: var(--accent); background: var(--accent); color: var(--accent-ink); box-shadow: 0 8px 32px rgba(239,57,223,.12); }
.btn.quiet { border-color: transparent; background: transparent; }
.btn.danger { border-color: rgba(239,107,118,.4); background: rgba(239,107,118,.08); color: #ff9ea7; }
.btn.large { min-height: 50px; padding-inline: 20px; }
.btn.small { min-height: 34px; padding-inline: 11px; font-size: 12px; }
.btn:disabled, button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.icon-btn { width: 42px; height: 42px; padding: 0; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--panel); display: grid; place-items: center; cursor: pointer; }

.site-header { position: sticky; top: 0; z-index: 40; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(7,9,11,.83); backdrop-filter: blur(18px); }
.site-nav { height: 74px; display: flex; align-items: center; justify-content: space-between; }
.nav-links { display: flex; gap: 32px; color: #a8b5bb; font-size: 13px; }
.nav-links a:hover { color: var(--text); }
.nav-actions { display: flex; gap: 8px; }
.nav-toggle, .mobile-menu { display: none; }
.mobile-menu { border-top: 1px solid var(--line); padding: 10px 24px 18px; background: var(--bg-soft); }
.mobile-menu a { display: block; padding: 12px 0; color: var(--muted); }
.mobile-menu.open { display: block; }

.hero { min-height: 730px; display: grid; align-items: center; overflow: hidden; position: relative; }
.hero::after { content: ""; position: absolute; width: 620px; height: 620px; right: -250px; top: -280px; background: radial-gradient(circle,rgba(63,202,209,.1),transparent 67%); pointer-events: none; }
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 70px; padding-block: 96px; }
.hero-copy h1 { margin: 25px 0; max-width: 720px; }
.hero-copy h1 em { color: var(--accent); font-style: normal; }
.hero-copy > p { max-width: 700px; font-size: 18px; }
.hero-actions { display: flex; gap: 10px; margin-top: 30px; }
.trust-row { display: flex; gap: 25px; flex-wrap: wrap; margin-top: 28px; color: var(--muted-2); font-size: 12px; }
.trust-row span { display: inline-flex; align-items: center; gap: 6px; }
.trust-row .icon { width: 15px; }

.gateway-visual { height: 510px; min-width: 0; position: relative; border: 1px solid var(--line); border-radius: 32px; background: radial-gradient(circle at 50% 46%,rgba(39,146,154,.16),transparent 35%),linear-gradient(150deg,#0d1317,#080b0d); box-shadow: var(--shadow); overflow: hidden; }
.gateway-visual::before { content:""; position:absolute; inset:0; opacity:.08; background-image: linear-gradient(var(--accent) 1px,transparent 1px),linear-gradient(90deg,var(--accent) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent); }
.visual-label { position:absolute; top:22px; left:24px; color:var(--muted-2); font:700 10px var(--mono); letter-spacing:.14em; }
.agent-node,.core-node { position:absolute; left:50%; transform:translateX(-50%); border:1px solid var(--line-strong); background:#0e1519; box-shadow:0 15px 35px #0008; }
.agent-node { top:58px; padding:10px 17px; border-radius:30px; font:700 11px var(--mono); }
.agent-node i { display:inline-block; width:7px; height:7px; margin-right:8px; background:var(--success); border-radius:50%; }
.core-node { top:165px; width:210px; height:145px; border-radius:24px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; }
.core-node b { font-size:12px; letter-spacing:.11em; }
.core-node small { color:var(--muted-2); font-size:10px; }
.route { position:absolute; left:50%; width:1px; background:linear-gradient(var(--accent),transparent); }
.route::after { content:""; position:absolute; left:-2px; width:5px; height:18px; border-radius:5px; background:var(--accent); box-shadow:0 0 16px var(--accent); animation:route 2.5s linear infinite; }
.route.a { top:98px; height:67px; }.route.b { top:310px; height:45px; }
.mesh-nodes { position:absolute; top:365px; left:24px; right:24px; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.mesh-nodes span { padding:12px 6px; border:1px solid var(--line); border-radius:9px; text-align:center; color:#a9b8bf; background:#0c1114; font-size:11px; }
.route-event { position:absolute; right:18px; bottom:15px; padding:8px 10px; border:1px solid #26363c; border-radius:8px; background:#0b1114; color:var(--muted); font:10px var(--mono); }
.route-event i { display:inline-block; width:5px; height:5px; margin-right:6px; background:var(--success); border-radius:50%; }.route-event b{margin-left:12px;color:var(--success)}
@keyframes route { from{top:0;opacity:0} 20%{opacity:1} to{top:100%;opacity:0} }

.cap-strip { border-block:1px solid var(--line); background:#090c0f; }
.cap-strip .container { min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#5f6c73; font:700 10px var(--mono); letter-spacing:.18em; }
.section { padding-block:120px; }
.section.shaded { background:#090c0e; border-block:1px solid #141b20; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:42px; }
.section-heading h2 { margin:12px 0 0; max-width:650px; }.section-heading>p{max-width:430px;margin:0}.section-heading>a{color:var(--accent);font-size:13px;display:flex;align-items:center;gap:5px}
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.feature-card { min-height:270px; padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(145deg,rgba(255,255,255,.018),transparent); }
.feature-card>span { color:var(--accent); font:700 10px var(--mono); letter-spacing:.14em; }.feature-card h3{margin:48px 0 12px;font-size:21px}.feature-card p{font-size:14px}.feature-card a{display:inline-flex;align-items:center;gap:4px;margin-top:10px;color:#adbac0;font-size:12px}
.integration-grid { display:grid; grid-template-columns:repeat(6,1fr); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; }
.integration-grid article { min-width:0; padding:24px 17px; border-right:1px solid var(--line); background:var(--panel); }.integration-grid article:last-child{border:0}.integration-grid b{font-size:14px}.integration-grid p{font-size:12px;line-height:1.4;margin:10px 0 24px}.integration-grid span{color:var(--accent);font:700 9px var(--mono);letter-spacing:.08em}
.split { display:grid; grid-template-columns:1fr 1fr; gap:85px; align-items:center; }.split h2{margin:15px 0}.lead{font-size:17px}.steps{list-style:none;padding:0;margin:30px 0 0}.steps li{display:flex;gap:17px;padding:18px 0;border-top:1px solid var(--line)}.steps li>b{color:var(--accent);font:700 11px var(--mono)}.steps li span{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:13px}.steps strong{color:var(--text);font-size:14px}
.code-block { min-width:0; border:1px solid var(--line-strong); border-radius:var(--r-md); overflow:hidden; background:#080b0d; box-shadow:0 16px 45px #0005; }.code-block>div{height:44px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0d1215;color:var(--muted);font:700 10px var(--mono);letter-spacing:.08em}.code-block button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#aebcc2;font-size:11px;cursor:pointer}.code-block button .icon{width:14px}.code-block pre{margin:0;padding:22px;overflow:auto;max-width:100%;font-size:12px;line-height:1.8;color:#b7d9dc}.code-block code{white-space:pre}
.security-band { padding-block:90px; border-block:1px solid #163036; background:radial-gradient(circle at 20% 50%,#0b282d,transparent 43%),#090e11; }.security-band a{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:13px}.security-list{display:grid;gap:10px}.security-list span{padding:16px;border:1px solid #1c353b;border-radius:10px;background:rgba(11,25,29,.7);display:flex;gap:10px;align-items:center;color:#b8c7cc;font-size:13px}.security-list .icon{color:var(--success)}
.pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }.plan-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);display:flex;flex-direction:column;min-height:440px}.plan-card.featured{border-color:#3a777b;background:linear-gradient(160deg,#102226,#0d1216 48%);box-shadow:0 22px 60px rgba(24,97,103,.13)}.plan-flag{position:absolute;top:13px;right:13px;color:var(--accent);font:700 9px var(--mono)}.plan-name{font-weight:750}.plan-price{font-size:35px;font-weight:760;letter-spacing:-.05em;margin:22px 0 6px}.plan-price small{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:0}.plan-card>p{font-size:12px}.plan-card ul{list-style:none;margin:18px 0 28px;padding:18px 0 0;border-top:1px solid var(--line);display:grid;gap:12px;flex:1}.plan-card li{display:flex;gap:8px;color:#aebbc1;font-size:12px}.plan-card li .icon{width:14px;color:var(--success)}
.final-cta { padding-block:125px;text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 100%,rgba(48,186,195,.14),transparent 45%)}.final-cta h2{max-width:720px;margin:18px auto}.final-cta p{margin-bottom:27px}
.footer { border-top:1px solid var(--line); padding-block:55px; background:#080a0c; }.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:50px;color:var(--muted-2);font-size:12px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid b{color:#9caab1}.footer-grid p{font-size:12px;max-width:260px}

.page { padding:0 0 100px }.page-hero{padding-block:100px 55px}.page-hero h1{max-width:850px;margin:18px 0;font-size:clamp(2.7rem,5vw,4.8rem)}.page-hero p{font-size:17px;max-width:700px}.card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);padding:24px;min-width:0}.card>header,.chart-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.card header h2,.chart-card header h2{font-size:20px;margin:5px 0 0;letter-spacing:-.025em}.comparison{margin-top:18px}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted-2);font:700 10px var(--mono);letter-spacing:.09em;background:#0b1013}td{color:#adbac0}td>b,td strong{display:block;color:var(--text);margin-bottom:4px}td small{display:block;color:var(--muted-2)}td code{color:#a8d9dc}.positive{color:var(--success)}
.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.faq-grid article{padding:24px;border:1px solid var(--line);border-radius:var(--r-md)}.faq-grid h3{font-size:15px}.faq-grid p{font-size:12px;margin:0}
.status-panel{max-width:850px;margin:auto;padding:0;overflow:hidden}.status-summary,.status-row{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line)}.status-summary{justify-content:flex-start;gap:14px;background:#0e1718}.status-summary>i{width:11px;height:11px;background:var(--success);border-radius:50%;box-shadow:0 0 20px var(--success)}.status-summary span,.status-row>span{display:flex;flex-direction:column;gap:5px}.status-panel small{color:var(--muted-2)}.badge{display:inline-flex;align-items:center;gap:6px;width:max-content;border:1px solid var(--line);border-radius:20px;padding:6px 9px;font-size:10px;font-style:normal;font-weight:750;white-space:nowrap}.badge.success{color:var(--success);border-color:rgba(100,216,164,.24);background:rgba(100,216,164,.06)}.badge.warning{color:var(--warning);border-color:rgba(226,184,93,.25);background:rgba(226,184,93,.06)}.badge.danger{color:var(--danger)}.badge.neutral{color:var(--muted)}

.docs-layout{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,760px) 210px;grid-template-rows:68px 1fr;justify-content:center}.docs-top{grid-column:1/-1;position:sticky;top:0;z-index:30;height:68px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(7,9,11,.92);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between}.docs-top>[data-docs-toggle]{display:none}.docs-sidebar{grid-row:2;position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto;border-right:1px solid var(--line);padding:28px 26px}.docs-sidebar>label{display:grid;gap:7px;color:var(--muted-2);font-size:10px}.docs-sidebar input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#0b0f12;color:var(--text)}.docs-group{margin-top:27px;display:grid;gap:3px}.docs-group>span{margin-bottom:7px;color:var(--muted-2);font:700 9px var(--mono);letter-spacing:.12em}.docs-group a{padding:8px 10px;border-radius:7px;color:#8f9ea5;font-size:12px}.docs-group a.active{color:var(--text);background:var(--panel-2);box-shadow:inset 2px 0 var(--accent)}.docs-article{min-width:0;padding:70px 55px 120px}.docs-article h1{font-size:42px;margin:13px 0 36px}.docs-article h2{scroll-margin-top:90px;font-size:22px;margin:45px 0 12px}.docs-article p,.docs-article li{color:#9eabb1;font-size:14px;line-height:1.8}.docs-article .code-block{margin:24px 0}.breadcrumb{color:var(--accent);font:700 10px var(--mono);letter-spacing:.1em}.docs-toc{position:sticky;top:68px;height:calc(100vh - 68px);padding:75px 20px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.docs-toc b{font-size:11px}.docs-toc a{color:var(--muted-2);font-size:11px}.docs-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:70px;padding-top:25px;border-top:1px solid var(--line)}.docs-pager a{padding:15px;border:1px solid var(--line);border-radius:9px;font-size:12px}.docs-pager a:last-child{text-align:right}.docs-pager small{display:block;color:var(--muted-2);margin-bottom:4px}.callout,.notice{padding:15px 17px;border:1px solid #244047;border-radius:10px;background:#0b1a1e;color:#abc2c8;font-size:13px;line-height:1.6}.notice.warning{border-color:rgba(226,184,93,.3);background:rgba(226,184,93,.06);color:#d6c394}

.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(520px,1fr)}.auth-story{position:relative;padding:42px clamp(38px,6vw,90px);border-right:1px solid var(--line);background:radial-gradient(circle at 20% 75%,rgba(40,170,179,.14),transparent 35%),linear-gradient(150deg,#0b1013,#07090b);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-story::after{content:"";position:absolute;width:440px;height:440px;right:-180px;bottom:-170px;border:1px solid #1d343a;border-radius:50%;box-shadow:0 0 0 50px rgba(52,152,159,.025),0 0 0 100px rgba(52,152,159,.018)}.auth-story>div{position:relative;z-index:1}.auth-story h1{max-width:650px;margin:20px 0;font-size:clamp(3rem,5vw,5.2rem)}.auth-story p{max-width:540px;font-size:16px}.auth-proof{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted-2);font-size:11px}.auth-proof span{display:flex;align-items:center;gap:6px}.auth-proof .icon{width:14px}.auth-main{display:grid;place-items:center;padding:35px;background:#080b0d}.auth-card{width:min(470px,100%);padding:35px;border:1px solid var(--line);border-radius:22px;background:rgba(15,20,24,.85);box-shadow:var(--shadow)}.auth-card>header{margin-bottom:26px}.auth-card h2{font-size:29px;margin-bottom:8px}.auth-card header p{font-size:13px;margin:0}.github-btn{width:100%;background:#151b20;margin-bottom:22px}.divider{display:flex;align-items:center;gap:12px;color:var(--muted-2);font-size:10px;margin:0 0 22px}.divider::before,.divider::after{content:"";height:1px;background:var(--line);flex:1}.form-stack{display:grid;gap:17px}.form-stack>label,.inline-form label{display:grid;gap:8px;color:#a9b6bc;font-size:11px;font-weight:650}.form-stack>small{color:var(--muted-2);margin-top:-7px}.form-stack input,.form-stack select,.inline-form input,select.compact{width:100%;height:46px;padding:0 13px;border:1px solid var(--line-strong);border-radius:9px;background:#090d10;color:var(--text);outline:none}.form-stack input:focus,.form-stack select:focus,.inline-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,224,229,.08)}.password-field{display:flex;border:1px solid var(--line-strong);border-radius:9px;background:#090d10;overflow:hidden}.password-field input{border:0}.password-field button{border:0;background:transparent;color:var(--muted);padding:0 12px;font-size:11px}.auth-links,.verify-actions{display:flex;justify-content:space-between;gap:15px;margin-top:22px;color:var(--muted);font-size:11px}.auth-links a,.auth-foot a{color:var(--accent)}.auth-foot{text-align:center;font-size:11px;margin:22px 0 0}.auth-step{display:flex;align-items:center;justify-content:center;margin:0 0 25px}.auth-step b{width:28px;height:28px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;color:var(--success);font-size:11px}.auth-step b.active{color:var(--accent);box-shadow:0 0 0 5px rgba(99,224,229,.06)}.auth-step i{width:75px;height:1px;background:var(--line-strong)}.verify-mark,.success-orbit{width:62px;height:62px;margin:0 auto 25px;border:1px solid #326267;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);box-shadow:0 0 35px rgba(99,224,229,.12)}.code-input{text-align:center;font:700 24px var(--mono)!important;letter-spacing:.3em}.verify-actions button{border:0;background:transparent;color:var(--accent);font-size:11px;cursor:pointer}.auth-card>.notice{margin-top:20px}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.onboarding-grid a{position:relative;padding:17px;border:1px solid var(--line);border-radius:10px;background:#0b1013;display:flex;flex-direction:column;gap:6px}.onboarding-grid small{color:var(--muted-2);font-size:10px}.onboarding-grid .icon{position:absolute;right:12px;top:16px;width:14px;color:var(--accent)}.onboarding-skip{width:100%;margin-top:16px}

.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:22px 15px;background:#090c0f;display:flex;flex-direction:column;z-index:50}.sidebar>.brand{margin:0 10px 28px}.sidebar nav{flex:1;overflow:auto}.nav-group{display:grid;gap:3px;margin-bottom:22px}.nav-group>span{padding:0 10px 7px;color:#536169;font:700 9px var(--mono);letter-spacing:.13em}.nav-group a{min-height:41px;padding:0 11px;border-radius:8px;color:#7f8e96;display:flex;align-items:center;gap:11px;font-size:12px}.nav-group a:hover{background:#0f1519;color:#b9c5ca}.nav-group a.active{color:var(--text);background:#131b20;box-shadow:inset 2px 0 var(--accent)}.nav-group a.active .icon{color:var(--accent)}.nav-group .icon{width:17px}.sidebar-foot{padding-top:14px;border-top:1px solid var(--line);display:grid;gap:3px}.sidebar-foot a,.sidebar-foot button{height:38px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#718088;text-align:left;display:flex;align-items:center;gap:9px;font-size:11px;cursor:pointer}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:35;height:68px;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(8,11,13,.88);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between}.topbar>div,.top-actions{display:flex;align-items:center;gap:11px}.topbar b{font-size:12px}.mobile-sidebar{display:none}.verified-chip{display:flex;align-items:center;gap:5px;color:var(--success);font-size:10px}.verified-chip .icon{width:14px}.account-button{height:40px;padding:0 10px 0 5px;border:1px solid var(--line);border-radius:20px;background:var(--panel);display:flex;align-items:center;gap:8px}.account-button i{width:29px;height:29px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal}.account-button b{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{max-width:1450px;margin:auto;padding:38px 40px 100px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}.page-head h1{font-size:35px;margin:7px 0 7px}.page-head p{font-size:13px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:11px}.stat-card{min-height:135px;padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}.stat-card.accent{background:linear-gradient(145deg,#102328,#0e1418);border-color:#285057}.stat-card>span{display:block;color:var(--muted-2);font:700 10px var(--mono);letter-spacing:.08em}.stat-card>b{display:block;margin:16px 0 7px;font-size:29px;letter-spacing:-.04em}.stat-card small{color:var(--muted-2);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:11px;margin-bottom:11px}.chart-card{min-height:330px}.chart-card header a{color:var(--accent);font-size:11px;display:flex;align-items:center}.bar-chart{height:220px;display:flex;align-items:end;gap:5px;padding-top:20px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,var(--line) 55px)}.bar-chart i{flex:1;min-width:3px;background:linear-gradient(var(--accent),#17434a);border-radius:3px 3px 0 0}.health-card>div,.security-status>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.health-card>div>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#111b20;color:var(--accent)}.health-card>div>span,.security-status>div>span{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.health-card small,.security-status small{color:var(--muted-2);font-size:10px}.health-card em,.security-status em{color:var(--success);font-style:normal;font-size:10px}.quick-card>div{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.quick-card a{min-width:0;padding:17px;border-right:1px solid var(--line);display:flex;align-items:center;gap:12px}.quick-card a>span{display:flex;flex-direction:column;gap:4px;flex:1}.quick-card a small{color:var(--muted-2);font-size:10px}.quick-card a>.icon:first-child{color:var(--accent)}.quick-card a>.icon:last-child{width:14px;color:var(--muted-2)}
.smart-empty{min-height:240px;padding:30px;display:flex;align-items:center;justify-content:center;gap:20px;text-align:left}.smart-empty>.icon{width:38px;height:38px;color:var(--accent)}.smart-empty>span{max-width:430px}.smart-empty b{display:block;margin-bottom:6px}.smart-empty p{font-size:12px;margin:0}.smart-empty.compact{min-height:180px}.security-note{padding:15px 18px;margin-bottom:11px;border:1px solid #234047;border-radius:10px;background:#0b181c;display:flex;gap:13px;align-items:center}.security-note .icon{color:var(--accent)}.security-note span{display:flex;flex-direction:column;gap:3px}.security-note p{font-size:11px;margin:0}.mini-tag{display:inline-block;margin:2px;padding:4px 6px;border:1px solid var(--line);border-radius:5px;color:#9babb2;font:9px var(--mono)}
.template-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:11px}.template-row button{min-height:82px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:left;display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;color:var(--text);cursor:pointer}.template-row .icon{grid-row:1/3;color:var(--accent)}.template-row small{color:var(--muted-2)}.monitor-list{display:grid}.monitor-row{display:grid;grid-template-columns:12px minmax(180px,1fr) minmax(130px,.5fr) auto auto;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.monitor-row>span{display:flex;flex-direction:column;gap:4px;min-width:0}.monitor-row>span:first-of-type b,.monitor-row>span:first-of-type small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-row small{color:var(--muted-2);font-size:10px}.monitor-state{width:8px;height:8px;border-radius:50%;background:var(--warning)}.monitor-state.ok{background:var(--success)}
.connection-hero{padding:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:radial-gradient(circle at 10% 50%,rgba(51,176,185,.13),transparent 35%),var(--panel)}.connection-hero h2{margin:8px 0;font:700 clamp(15px,2vw,23px) var(--mono);overflow-wrap:anywhere}.connection-hero p{font-size:12px;margin:0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:11px 0}.mode-grid article{padding:24px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}.mode-grid article>span{color:var(--accent);font:700 9px var(--mono)}.mode-grid h3{margin:10px 0}.mode-grid p{font-size:12px}.mode-grid a{color:var(--accent);display:flex;align-items:center;font-size:11px}.integration-guides{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--panel)}.integration-guides article+article{border-top:1px solid var(--line)}.integration-summary{width:100%;padding:15px;border:0;background:transparent;display:flex;align-items:center;text-align:left;cursor:pointer}.integration-summary>i,.linked-row>i{width:43px;height:43px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:#0b1013;color:#c2cdd1;font:700 9px var(--mono);font-style:normal}.integration-summary>span{margin-left:13px;display:flex;flex-direction:column;gap:3px;flex:1}.integration-summary small{color:var(--muted-2)}.integration-summary>.icon{width:14px;color:var(--muted-2);transition:transform .2s}.integration-summary[aria-expanded=true]>.icon{transform:rotate(90deg)}.integration-detail{padding:5px 20px 22px 71px}.integration-detail[hidden]{display:none}.integration-detail li{color:var(--muted);font-size:12px;line-height:1.8}
.wallet-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:35px}.wallet-hero article{padding:25px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}.wallet-hero span{color:var(--muted-2);font:700 9px var(--mono)}.wallet-hero b{display:block;font-size:34px;margin:12px 0}.wallet-hero small{color:var(--muted-2)}.subhead{display:flex;align-items:end;justify-content:space-between;margin:0 0 15px}.subhead h2{font-size:22px;margin:6px 0}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:35px}.pack-grid article{padding:20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);display:grid;gap:11px}.pack-grid b{font-size:20px}.pack-grid em{color:var(--muted);font-style:normal}.current-plan{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;background:linear-gradient(135deg,#102329,var(--panel) 45%)}.current-plan h2{font-size:30px;margin:8px 0}.current-plan p{margin:0;font-size:11px}.current-plan>div{display:flex;gap:25px}.current-plan>div span{display:flex;flex-direction:column;gap:5px;color:var(--muted-2);font-size:9px}.current-plan>div b{color:var(--text);font-size:17px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.settings-grid .full{grid-column:1/-1}.linked-row{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:9px}.linked-row>span{display:flex;flex-direction:column;gap:3px;flex:1}.linked-row small{color:var(--muted-2)}.score{font-size:24px;color:var(--accent)}.score small{font-size:10px;color:var(--muted-2)}.security-status>.icon{color:var(--accent)}.session-list>div{display:grid;grid-template-columns:25px minmax(180px,1fr) auto auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.session-list>div>span{display:flex;flex-direction:column;gap:4px}.session-list small{color:var(--muted-2);font-size:10px}.inline-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-stack fieldset{border:1px solid var(--line);border-radius:10px;padding:15px;display:grid;gap:11px}.form-stack legend{color:var(--muted);font-size:11px;padding:0 6px}.form-stack label.check,.ack{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.form-stack .check input,.ack input{width:15px;height:15px}.mini-stepper{display:flex;align-items:center;margin-bottom:20px}.mini-stepper b,.mini-stepper span{width:25px;height:25px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:9px}.mini-stepper b{color:var(--accent);border-color:#32676b}.mini-stepper i{height:1px;background:var(--line);flex:1}.setup-panel{display:grid;grid-template-columns:160px 1fr;gap:20px;margin-bottom:20px}.qr-placeholder{min-height:160px;border:1px dashed #34626a;border-radius:12px;background:repeating-linear-gradient(45deg,#0a1417,#0a1417 8px,#0c191c 8px,#0c191c 16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--accent)}.qr-placeholder .icon{width:34px;height:34px}.qr-placeholder small{color:var(--muted)}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.recovery-grid code{padding:10px;border:1px solid var(--line);border-radius:7px;background:#090d10;text-align:center;color:#bce2e4}.ack{margin:20px 0}
.mobile-bottom,.more-sheet,.sheet-backdrop{display:none}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);padding:20px;display:grid;place-items:center}.modal{width:min(500px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:25px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:#0d1216;box-shadow:var(--shadow)}.modal.wide{width:min(760px,100%)}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:22px}.modal-head h2{font-size:25px;margin:5px 0}.modal-head>button{width:35px;height:35px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);cursor:pointer}.modal .code-block{margin:12px 0}#toast-region{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:8px}.toast{max-width:360px;padding:12px 15px;border:1px solid var(--line-strong);border-radius:9px;background:#12191d;box-shadow:var(--shadow);font-size:12px}.toast.success{border-color:rgba(100,216,164,.4)}.toast.error{border-color:rgba(239,107,118,.45)}.fatal{min-height:100vh;display:grid;place-items:center;padding:25px}.fatal>div{max-width:600px}.fatal .brand{margin-bottom:70px}.fatal h1{font-size:45px;margin:20px 0}

:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.qr-panel{min-height:160px;padding:10px;border:1px solid #34626a;border-radius:12px;background:#f7fbfb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.qr-panel img{display:block;width:min(100%,176px);height:auto}.qr-panel small{color:#33464d;font-size:9px;font-weight:700}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media (max-width:1100px){.hero-grid{gap:35px}.integration-grid{grid-template-columns:repeat(3,1fr)}.integration-grid article{border-bottom:1px solid var(--line)}.docs-layout{grid-template-columns:240px minmax(0,1fr)}.docs-toc{display:none}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.content{padding-inline:25px}}
@media (max-width:820px){.container{width:min(100% - 32px,var(--max))}.nav-links,.nav-actions{display:none}.nav-toggle{display:grid}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-block:72px}.hero-copy h1{font-size:clamp(3.1rem,13vw,5.2rem)}.gateway-visual{height:460px}.cap-strip .container{overflow:auto;justify-content:flex-start;padding-block:20px}.section{padding-block:78px}.section-heading{display:block}.section-heading>p{margin-top:17px}.feature-grid{grid-template-columns:1fr 1fr}.integration-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:45px}.pricing-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:330px;padding:28px 24px}.auth-story h1{font-size:42px}.auth-proof{display:none}.auth-main{padding:25px 16px}.docs-layout{display:block}.docs-top{position:sticky}.docs-top>[data-docs-toggle]{display:inline-flex}.docs-sidebar{display:none;position:fixed;inset:68px 0 0;z-index:25;height:auto;background:#090d10;border:0}.docs-sidebar.open{display:block}.docs-article{padding:55px 25px 100px}.app-shell{display:block}.sidebar{position:fixed;left:-260px;transition:left .2s;width:240px;box-shadow:var(--shadow)}.sidebar.open{left:0}.mobile-sidebar{display:grid}.content{padding:28px 18px 110px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:45;height:69px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:rgba(9,12,15,.96);backdrop-filter:blur(16px)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#68767e;font-size:9px}.mobile-bottom a.active{color:var(--accent)}.mobile-bottom .icon{width:18px}.more-sheet{display:flex;position:fixed;z-index:70;left:10px;right:10px;bottom:-500px;padding:10px 16px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--line-strong);border-radius:20px 20px 0 0;background:#0e1418;flex-direction:column;transition:bottom .22s}.more-sheet.open{bottom:0}.more-sheet>i{width:38px;height:4px;margin:0 auto 15px;border-radius:4px;background:var(--line-strong)}.more-sheet>b{margin-bottom:8px}.more-sheet a,.more-sheet button{height:47px;border:0;border-top:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:12px;text-align:left;color:#aab6bb}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:#0009}.sheet-backdrop.open{display:block}.wallet-hero,.pack-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.settings-grid .full{grid-column:auto}}
@media (max-width:560px){.container{width:calc(100% - 28px)}h1{letter-spacing:-.055em}.hero-grid{padding-block:58px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.gateway-visual{height:420px}.mesh-nodes{grid-template-columns:1fr 1fr;top:335px}.mesh-nodes span:nth-child(n+5){display:none}.core-node{top:145px}.route.b{top:290px}.feature-grid,.integration-grid,.pricing-grid,.faq-grid{grid-template-columns:1fr}.feature-card{min-height:220px}.feature-card h3{margin-top:34px}.section{padding-block:64px}.section-heading{margin-bottom:26px}.footer-grid{grid-template-columns:1fr}.auth-story{min-height:285px}.auth-story h1{font-size:36px}.auth-story p{font-size:13px}.auth-card{padding:25px 18px}.onboarding-grid{grid-template-columns:1fr}.topbar{padding-inline:14px}.verified-chip,.account-button b{display:none}.page-head{display:block}.page-head>.btn,.page-head>select,.page-head>.badge{margin-top:16px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:120px;padding:16px}.stat-card>b{font-size:23px}.quick-card>div{grid-template-columns:1fr}.quick-card a{border-right:0;border-bottom:1px solid var(--line)}.template-row{grid-template-columns:1fr 1fr}.monitor-row{grid-template-columns:10px minmax(0,1fr) auto}.monitor-row>span:nth-of-type(2){display:none}.connection-hero,.current-plan{display:block}.connection-hero .btn{margin-top:20px;width:100%}.mode-grid{grid-template-columns:1fr}.integration-detail{padding-left:16px}.wallet-hero,.pack-grid{grid-template-columns:1fr}.current-plan>div{margin-top:20px}.session-list>div{grid-template-columns:20px minmax(0,1fr) auto}.session-list .badge{display:none}.inline-form,.field-pair,.setup-panel{grid-template-columns:1fr}.qr-placeholder{min-height:120px}.recovery-grid{grid-template-columns:1fr}.modal-backdrop{padding:9px}.modal{max-height:calc(100vh - 18px);padding:20px}.smart-empty{display:grid;text-align:center}.smart-empty>.icon{margin:auto}.table-wrap{margin-inline:-8px;width:calc(100% + 16px)}#toast-region{left:12px;right:12px;bottom:85px}.toast{max-width:none}}


/* Professional scale and integration catalog */
:root{--r-md:18px;--shadow:0 24px 70px rgba(0,0,0,.34)}
button,a,input,select{touch-action:manipulation}
.auth-layout{grid-template-columns:minmax(520px,1.15fr) minmax(560px,.85fr);background:#070a0c}
.auth-story{padding:48px clamp(44px,6vw,104px);background:radial-gradient(circle at 18% 68%,rgba(61,212,220,.16),transparent 34%),radial-gradient(circle at 78% 12%,rgba(61,212,220,.06),transparent 28%),linear-gradient(145deg,#0b1115,#06090b 72%)}
.auth-story::after{width:620px;height:620px;right:-260px;bottom:-260px;box-shadow:0 0 0 72px rgba(52,152,159,.025),0 0 0 144px rgba(52,152,159,.014)}
.auth-story-copy{max-width:720px}
.auth-story-copy h1{max-width:720px;font-size:clamp(3.6rem,5.4vw,6.4rem);line-height:.95;letter-spacing:-.065em;margin:24px 0}
.auth-story-copy>p{max-width:590px;font-size:18px;line-height:1.65}
.auth-capabilities{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.auth-capabilities span{min-height:42px;padding:0 14px;border:1px solid rgba(114,224,228,.16);border-radius:999px;background:rgba(13,29,33,.72);display:flex;align-items:center;gap:8px;color:#b8c7cb;font-size:12px}
.auth-capabilities .icon{width:17px;color:var(--accent)}
.auth-system-card{position:relative;z-index:1;max-width:620px;padding:20px 22px;border:1px solid rgba(105,215,220,.18);border-radius:18px;background:rgba(9,16,19,.8);box-shadow:0 22px 70px rgba(0,0,0,.26);backdrop-filter:blur(15px)}
.auth-system-card>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.auth-system-card b{font-size:13px}.auth-system-card small{grid-column:2;color:var(--muted-2);font-size:10px}.live-dot{width:9px;height:9px;grid-row:1/3;border-radius:50%;background:var(--success);box-shadow:0 0 0 6px rgba(100,216,164,.08)}
.auth-system-flow{display:grid!important;grid-template-columns:auto 1fr auto 1fr auto!important;align-items:center!important;gap:12px;margin-top:19px;padding-top:18px;border-top:1px solid var(--line)}
.auth-system-flow>span{padding:8px 11px;border:1px solid var(--line);border-radius:8px;color:#b7c4c9;font:700 9px var(--mono);letter-spacing:.05em}.auth-system-flow>i{height:1px;background:linear-gradient(90deg,var(--line),var(--accent),var(--line))}.auth-system-flow>strong{width:42px;height:42px;border:1px solid #28545a;border-radius:11px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent);font:800 9px var(--mono)}.auth-system-flow img{display:none}
.auth-main{padding:48px;background:radial-gradient(circle at 100% 0,rgba(55,183,192,.07),transparent 32%),#080b0d}
.auth-card{width:min(560px,100%);padding:46px;border-radius:26px;background:linear-gradient(155deg,rgba(18,24,29,.96),rgba(10,14,17,.96));border-color:#27343c;box-shadow:0 35px 100px rgba(0,0,0,.42)}
.auth-card>header{margin-bottom:30px}.auth-kicker{display:block;margin-bottom:12px;color:var(--accent);font:700 10px var(--mono);letter-spacing:.14em}.auth-card h2{font-size:clamp(34px,4vw,48px);line-height:1;margin-bottom:12px;letter-spacing:-.045em}.auth-card header p{font-size:15px;line-height:1.55}
.auth-mobile-brand{display:none}.github-btn{height:58px;justify-content:flex-start;gap:13px;padding:0 16px;margin-bottom:26px;border-color:#34434c;background:#151c21;font-size:14px}.github-btn>span:nth-child(2){flex:1;text-align:center}.github-btn>.icon{width:18px;color:var(--muted)}
.brand-icon{width:52px;height:52px;flex:0 0 52px;border:1px solid rgba(255,255,255,.1);border-radius:15px;display:grid;place-items:center;background:#0a0f12;color:#f1f5f6;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.github-btn .brand-icon{width:34px;height:34px;flex-basis:34px;border:0;border-radius:9px;background:#f2f4f5;color:#090b0d}
.platform-mark{width:25px;height:25px;fill:currentColor;stroke:none}.mark-api{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.divider{font-size:11px;margin-bottom:26px}.form-stack{gap:20px}.form-stack>label,.inline-form label{gap:10px;font-size:13px}.form-stack input,.form-stack select,.inline-form input,select.compact{height:56px;padding:0 16px;border-radius:12px;font-size:15px}.password-field{border-radius:12px}.password-field input{height:54px}.password-field button{min-width:66px;font-size:12px}.auth-links,.verify-actions{font-size:13px;margin-top:26px}.auth-secure{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted-2);font-size:10px}.auth-secure .icon{width:14px}.code-input{font-size:28px!important;height:66px!important}
.app-shell{grid-template-columns:276px minmax(0,1fr)}.sidebar{padding:28px 20px}.content{max-width:1560px;padding:50px clamp(28px,4vw,72px) 110px}.topbar{height:76px;padding:0 clamp(24px,3vw,48px)}.topbar b{font-size:14px}.account-button{height:44px;padding-right:14px}.page-head{margin-bottom:34px}.page-head h1{font-size:clamp(40px,4vw,58px);line-height:1;margin:10px 0 12px}.page-head p{font-size:15px;line-height:1.55}
.connection-hero{padding:34px 36px;min-height:176px;border-color:#2c4b50;border-radius:22px;background:radial-gradient(circle at 5% 50%,rgba(67,220,226,.14),transparent 42%),linear-gradient(135deg,#101b1f,#0d1216 55%)}
.endpoint-copy{min-width:0}.connection-hero h2{font-size:clamp(17px,1.8vw,25px);line-height:1.35;margin:12px 0;max-width:900px}.connection-hero p{font-size:13px}.endpoint-button{min-width:190px;height:54px;font-size:13px}
.connection-modes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 46px}.connection-modes article{min-height:132px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#10161a,#0c1114);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px}.mode-icon{width:46px;height:46px;border:1px solid #294248;border-radius:13px;background:#102226;color:var(--accent);display:grid;place-items:center}.mode-icon .icon{width:21px}.connection-modes article>div>span{color:var(--accent);font:700 9px var(--mono);letter-spacing:.1em}.connection-modes h3{font-size:20px;margin:7px 0 4px}.connection-modes p{margin:0;font-size:11px}.connection-modes a{display:flex;align-items:center;gap:4px;color:var(--accent);font-size:11px;white-space:nowrap}
.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.catalog-head h2{font-size:28px;margin:8px 0 0}.catalog-head p{font-size:12px;margin:0}
.integration-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0;border-radius:0;overflow:visible;background:transparent}.integration-guides article+article{border-top:1px solid var(--line)}
.integration-card{align-self:start;border:1px solid var(--line)!important;border-radius:18px;background:linear-gradient(145deg,#11171b,#0c1013);overflow:hidden;transition:border-color .2s,transform .2s}.integration-card:hover{border-color:#34454f!important;transform:translateY(-2px)}.integration-card.open{border-color:#356269!important}
.integration-summary{min-height:98px;padding:21px 22px;gap:15px}.integration-summary .brand-icon.openai{background:#101f1b;color:#9be0c8}.integration-summary .brand-icon.anthropic{background:#241d17;color:#e9d1ad}.integration-summary .brand-icon.xai{background:#17191b;color:#fff}.integration-summary .brand-icon.hermes{background:#20192a;color:#cdb7ff}.integration-summary .brand-icon.mcp{background:#251d17;color:#f0b27a}.integration-summary .brand-icon.api{background:#102328;color:#75e4e8}
.integration-name{margin:0!important;display:grid!important;gap:3px!important;min-width:0}.integration-name small{font:700 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.integration-name b{font-size:18px}.integration-name em{color:var(--muted);font-size:11px;font-style:normal}.integration-action{display:flex;align-items:center;gap:5px;color:var(--accent);font-size:11px;font-weight:700}.integration-action .icon{width:15px;transition:transform .2s}.integration-summary[aria-expanded=true] .integration-action .icon{transform:rotate(90deg)}
.integration-detail{padding:0 22px 24px 89px;border-top:1px solid var(--line)}.integration-detail ol{margin:20px 0;padding-left:18px}.integration-detail li{font-size:12px;line-height:1.7}.integration-detail .code-block{margin-top:16px}
@media (max-width:1100px){.auth-layout{grid-template-columns:1fr 1fr}.auth-story{padding:40px}.app-shell{grid-template-columns:240px minmax(0,1fr)}.connection-modes{grid-template-columns:1fr}.integration-guides{grid-template-columns:1fr}}
@media (max-width:820px){
  .auth-layout{display:block;min-height:100vh}.auth-story{display:none}.auth-main{min-height:100vh;display:flex;align-items:flex-start;padding:34px 20px 46px}.auth-card{margin:auto;padding:36px 30px}.auth-mobile-brand{display:block;margin-bottom:48px}.auth-card h2{font-size:42px}.auth-card header p{font-size:15px}
  .content{padding:36px 22px 112px}.page-head h1{font-size:44px}.topbar{height:72px}.connection-hero{min-height:0;padding:28px}.connection-modes{margin-bottom:38px}
}
@media (max-width:560px){
  .auth-main{padding:22px 14px 38px}.auth-card{padding:28px 20px;border-radius:22px}.auth-mobile-brand{margin-bottom:36px}.auth-card h2{font-size:38px}.github-btn{height:56px}.form-stack input,.form-stack select,.inline-form input,select.compact{height:54px}.auth-links{align-items:center;flex-wrap:wrap}.auth-secure{font-size:9px}
  .topbar{height:72px;padding-inline:18px}.mobile-sidebar{width:48px;height:48px}.account-button{width:44px;height:44px;padding:5px}.account-button i{width:32px;height:32px}.content{padding:34px 16px 108px}.page-head{margin-bottom:28px}.page-head h1{font-size:42px}.page-head p{font-size:14px;max-width:38ch}
  .connection-hero{padding:24px 20px;border-radius:18px}.connection-hero h2{font-size:17px}.connection-hero p{font-size:12px}.endpoint-button{width:100%;height:54px;margin-top:22px}.connection-modes{gap:10px;margin-top:10px}.connection-modes article{min-height:112px;padding:18px;grid-template-columns:auto 1fr}.connection-modes article>a{grid-column:2}.mode-icon{width:44px;height:44px}.catalog-head{display:block;margin-top:40px}.catalog-head p{margin-top:9px}.integration-guides{gap:10px}.integration-summary{min-height:92px;padding:17px 16px;gap:13px}.brand-icon{width:48px;height:48px;flex-basis:48px}.integration-name b{font-size:17px}.integration-action{font-size:0}.integration-action .icon{width:19px}.integration-detail{padding:0 16px 20px}.integration-detail ol{margin-top:18px}.integration-detail .code-block{margin-inline:0}.mobile-bottom{height:76px}.mobile-bottom a{font-size:10px}.mobile-bottom .icon{width:20px}
}
@media (prefers-reduced-motion:reduce){.integration-card,.integration-action .icon{transition:none}}


/* === Product surfaces =================================================== */
/* OpenCrawl product UI v2 ------------------------------------------------
   Loaded after app.css. This file deliberately overrides the product shell
   without disturbing auth, billing, monitoring or control-plane behavior.
*/

:root{
  --ih-bg:#07090b;
  --ih-bg-2:#090c0f;
  --ih-surface:#0c1115;
  --ih-surface-2:#10161b;
  --ih-surface-3:#141c22;
  --ih-line:#1d2830;
  --ih-line-strong:#2b3942;
  --ih-text:#f1f5f6;
  --ih-muted:#8d9aa1;
  --ih-muted-2:#5e6b73;
  --ih-accent:#ef39df;
  --ih-accent-2:#ff6cf3;
  --ih-success:#68d5a5;
  --ih-warning:#e4bd6a;
  --ih-danger:#ef7680;
  --ih-shadow:0 24px 90px rgba(0,0,0,.36);
  --ih-max:1320px;
}

body{background:var(--ih-bg);}
body::before{opacity:.018;background-size:64px 64px;}
.container{width:min(var(--ih-max),calc(100% - 56px));}

/* Brand + public chrome ----------------------------------------------------- */
.ih-public-shell{min-height:100vh;background:var(--ih-bg);}
.ih-site-header{height:72px;background:rgba(7,9,11,.87);border-bottom:1px solid rgba(255,255,255,.055);backdrop-filter:blur(22px);}
.ih-site-nav{height:72px;}
.ih-brand{gap:10px;font-size:13px;letter-spacing:0;}
.ih-brand-mark{width:34px;height:34px;border:1px solid #26353d;border-radius:10px;background:#0b1115;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);}
.ih-brand-mark img{width:28px;height:28px;border-radius:7px;}
.ih-wordmark{display:flex;align-items:center;gap:4px;text-transform:none;}
.ih-wordmark b{color:#eef5f7;font-weight:730;letter-spacing:-.025em;}
.ih-wordmark em{font-style:normal;color:var(--ih-accent);font-weight:730;letter-spacing:-.025em;}
.ih-nav-links{gap:28px;font-size:12px;color:#8e9ba2;}
.ih-nav-links a{display:flex;align-items:center;height:72px;}
.ih-nav-links a:hover{color:#fff;}
.ih-nav-live{display:inline-flex;align-items:center;gap:7px;}
.ih-nav-actions{align-items:center;gap:14px;}
.ih-nav-signin{font-size:12px;color:#9ca9af;}
.ih-nav-cta{min-height:38px;padding:0 14px;font-size:12px;}

.ih-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ih-success);box-shadow:0 0 0 4px rgba(104,213,165,.07);flex:0 0 auto;}
.ih-status-dot.warn{background:var(--ih-warning);box-shadow:0 0 0 4px rgba(228,189,106,.07);}
.ih-status-dot.danger{background:var(--ih-danger);box-shadow:0 0 0 4px rgba(239,118,128,.07);}

/* Homepage ----------------------------------------------------------------- */
.ih-home{overflow:hidden;}
.ih-hero{position:relative;padding:92px 0 76px;border-bottom:1px solid #11191e;background:
  radial-gradient(circle at 72% 23%,rgba(53,167,173,.10),transparent 24%),
  linear-gradient(180deg,#080b0d 0%,#07090b 100%);}
.ih-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,transparent 0 49.95%,rgba(255,255,255,.022) 50%,transparent 50.05%),
  linear-gradient(180deg,transparent 0 54%,rgba(255,255,255,.018) 54.1%,transparent 54.2%);opacity:.55;}
.ih-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);gap:72px;align-items:center;}
.ih-hero-copy{padding:34px 0 46px;}
.ih-hero-copy h1{margin:0;max-width:720px;font-size:clamp(3.65rem,6.1vw,7rem);line-height:.91;letter-spacing:-.073em;font-weight:680;text-wrap:balance;}
.ih-hero-copy h1 span{color:var(--ih-accent);font-weight:690;}
.ih-hero-copy>p{max-width:650px;margin:31px 0 0;color:#9ca8ae;font-size:17px;line-height:1.68;letter-spacing:-.012em;}
.ih-hero-actions{display:flex;align-items:center;gap:23px;margin-top:34px;}
.ih-text-link{display:inline-flex;align-items:center;gap:7px;color:#b3c0c5;font-size:12px;font-weight:680;}
.ih-text-link:hover{color:#fff;}
.ih-text-link .icon{width:15px;height:15px;}
.ih-hero-proof{display:flex;gap:21px;flex-wrap:wrap;margin-top:31px;color:#64727a;font-size:11px;}
.ih-hero-proof span{display:inline-flex;align-items:center;gap:7px;}

.ih-run-demo{min-width:0;border:1px solid #26343c;border-radius:17px;background:#090d10;box-shadow:0 34px 90px rgba(0,0,0,.4);overflow:hidden;}
.ih-run-demo-head{height:48px;padding:0 15px;border-bottom:1px solid #1b252b;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#0c1115;color:#60717a;font:650 9px var(--mono);letter-spacing:.11em;}
.ih-run-demo-head>div{display:flex;gap:5px;}
.ih-run-demo-head>span{display:flex;align-items:center;gap:8px;color:#83949c;}
.ih-run-demo-head>em{justify-self:end;font-style:normal;letter-spacing:.04em;}
.ih-window-dot{width:7px;height:7px;border-radius:50%;background:#29353b;}
.ih-demo-command{margin:18px 18px 0;padding:15px 16px;border:1px solid #293841;border-radius:11px;background:#0d1317;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;}
.ih-demo-command>span{color:var(--ih-accent);display:grid;place-items:center;}
.ih-demo-command .icon{width:17px;height:17px;}
.ih-demo-command p{margin:0;color:#a6b2b8;font-size:12px;line-height:1.5;}
.ih-demo-command p b{color:#edf4f6;font-weight:720;}
.ih-demo-command kbd,.ih-sidebar kbd,.ih-new-run kbd{border:1px solid #29363d;border-bottom-color:#39474e;border-radius:6px;background:#11181d;color:#708088;font:600 9px var(--mono);padding:4px 6px;box-shadow:inset 0 -1px rgba(255,255,255,.025);}
.ih-demo-body{display:grid;grid-template-columns:.82fr 1.18fr;min-height:390px;margin-top:18px;border-top:1px solid #192328;}
.ih-demo-timeline{padding:19px 18px;border-right:1px solid #192328;background:#080c0e;}
.ih-demo-step{position:relative;display:grid;grid-template-columns:14px 1fr auto;gap:9px;align-items:flex-start;padding:10px 0 14px;}
.ih-demo-step:not(:last-child)::after{content:"";position:absolute;width:1px;left:3px;top:22px;bottom:-3px;background:#203039;}
.ih-demo-step>span{padding-top:5px;}
.ih-demo-step>div{display:flex;flex-direction:column;gap:3px;}
.ih-demo-step b{font-size:11px;color:#dbe3e6;}
.ih-demo-step small{font-size:9px;color:#617078;line-height:1.35;}
.ih-demo-step em{font:500 9px var(--mono);color:#526168;font-style:normal;}
.ih-demo-inspector{padding:18px 18px 16px;}
.ih-demo-tabs{height:31px;border-bottom:1px solid #1b262c;display:flex;gap:18px;color:#5f6f77;font-size:9px;}
.ih-demo-tabs b{color:#e5edef;border-bottom:1px solid var(--ih-accent);}
.ih-demo-result{padding:23px 0 20px;}
.ih-demo-result>span{color:#5c6c73;font:650 8px var(--mono);letter-spacing:.13em;}
.ih-demo-result h3{margin:8px 0 6px;font-size:18px;letter-spacing:-.035em;}
.ih-demo-result p{font-size:10px;line-height:1.5;margin:0;}
.ih-demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #1c282e;border-radius:9px;overflow:hidden;margin-bottom:13px;}
.ih-demo-metrics span{padding:12px;border-right:1px solid #1c282e;display:flex;flex-direction:column;gap:5px;}
.ih-demo-metrics span:last-child{border:0;}
.ih-demo-metrics small{color:#65757c;font-size:8px;text-transform:uppercase;letter-spacing:.09em;}
.ih-demo-metrics b{font-size:14px;}
.ih-evidence-row{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #172126;}
.ih-evidence-row i{font-style:normal;color:#5a6970;font:600 8px var(--mono);}
.ih-evidence-row span{display:flex;flex-direction:column;gap:2px;min-width:0;}
.ih-evidence-row b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ih-evidence-row small{font-size:8px;color:#56656c;}
.ih-evidence-row em{color:var(--ih-success);font:600 9px var(--mono);font-style:normal;}

.ih-client-band{padding:28px 0 31px;border-bottom:1px solid #141d22;background:#080b0d;}
.ih-band-label{display:flex;align-items:center;gap:19px;margin-bottom:23px;color:#526169;font:650 9px var(--mono);letter-spacing:.13em;}
.ih-band-label i{height:1px;flex:1;background:#182228;}
.ih-provider-row{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #182229;border-radius:12px;overflow:hidden;}
.ih-provider{min-width:0;padding:15px 17px;border-right:1px solid #182229;background:#0a0e11;display:flex;align-items:center;gap:11px;}
.ih-provider:last-child{border-right:0;}
.ih-provider-mark{width:31px;height:31px;border:1px solid #27343b;border-radius:9px;background:#0f1519;display:grid;place-items:center;color:#d9e3e6;flex:0 0 auto;}
.ih-provider-mark .platform-mark{width:17px;height:17px;fill:currentColor;}
.ih-provider>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0;}
.ih-provider b{font-size:11px;}
.ih-provider small{color:#5f6d74;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.ih-section{padding:116px 0;}
.ih-section-lead{max-width:650px;}
.ih-section-lead h2{margin:0;font-size:clamp(2.45rem,4.5vw,4.7rem);line-height:.98;letter-spacing:-.058em;font-weight:630;}
.ih-section-lead p{margin:22px 0 0;color:#8d9aa1;font-size:15px;line-height:1.7;}
.ih-operation-section{background:#07090b;}
.ih-operation-grid{margin-top:54px;display:grid;grid-template-columns:1.38fr .62fr;gap:12px;align-items:stretch;}
.ih-operation-primary{min-height:455px;padding:29px;border:1px solid #223039;border-radius:16px;background:
  linear-gradient(180deg,rgba(104,227,231,.032),transparent 34%),#0a0f12;display:flex;flex-direction:column;}
.ih-panel-head{display:flex;justify-content:space-between;align-items:center;color:#64747b;font:650 9px var(--mono);letter-spacing:.11em;}
.ih-panel-head em{display:flex;align-items:center;gap:8px;color:#799088;font-style:normal;}
.ih-operation-primary h3{max-width:680px;margin:54px 0 47px;font-size:clamp(2rem,3.3vw,3.5rem);line-height:1.02;letter-spacing:-.052em;font-weight:610;}
.ih-operation-flow{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #213038;border-bottom:1px solid #213038;}
.ih-operation-flow span{position:relative;padding:18px 12px 19px;border-right:1px solid #213038;display:flex;flex-direction:column;gap:22px;}
.ih-operation-flow span:last-child{border-right:0;}
.ih-operation-flow i{font-style:normal;color:#4f6068;font:600 9px var(--mono);}
.ih-operation-flow b{font-size:11px;font-weight:650;}
.ih-operation-flow span::after{content:"";position:absolute;top:-2px;left:0;width:24%;height:2px;background:var(--ih-accent);}
.ih-operation-footer{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:22px;color:#5e6d74;font-size:9px;}
.ih-operation-footer b{margin-left:auto;color:#cbd7da;font:620 11px var(--mono);}
.ih-operation-stack{display:grid;gap:12px;}
.ih-operation-stack article{padding:24px;border:1px solid #1e2a31;border-radius:14px;background:#0b1014;}
.ih-operation-stack span{color:#607078;font:650 8px var(--mono);letter-spacing:.12em;}
.ih-operation-stack h3{margin:20px 0 8px;font-size:17px;letter-spacing:-.028em;}
.ih-operation-stack p{margin:0;font-size:11px;line-height:1.58;color:#718087;}

.ih-evidence-section{border-top:1px solid #131c21;background:#080b0d;}
.ih-evidence-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:95px;align-items:center;}
.ih-evidence-grid .ih-text-link{margin-top:25px;}
.ih-ledger{border:1px solid #202d35;border-radius:14px;background:#090e11;overflow:hidden;box-shadow:0 24px 65px rgba(0,0,0,.22);}
.ih-ledger-head,.ih-ledger-row{display:grid;grid-template-columns:1.15fr 1.15fr .55fr .45fr;align-items:center;gap:14px;padding:0 18px;}
.ih-ledger-head{height:45px;border-bottom:1px solid #1d292f;color:#5c6a71;font:650 8px var(--mono);letter-spacing:.1em;background:#0c1115;}
.ih-ledger-row{min-height:62px;border-bottom:1px solid #172126;color:#9aa8ae;font-size:10px;}
.ih-ledger-row:last-child{border-bottom:0;}
.ih-ledger-row code{color:#d0dade;font-size:10px;}
.ih-ledger-row em{display:flex;align-items:center;gap:7px;color:#78b897;font-style:normal;}
.ih-ledger-row b{justify-self:end;color:#bdc8cc;font:600 10px var(--mono);}

.ih-final{padding:93px 0 102px;border-top:1px solid #152027;background:radial-gradient(circle at 80% 50%,rgba(41,151,157,.12),transparent 32%),#090d10;}
.ih-final-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;}
.ih-final h2{margin:0;max-width:760px;font-size:clamp(2.55rem,5vw,5rem);line-height:.98;letter-spacing:-.06em;font-weight:620;}
.ih-final p{margin:20px 0 0;font-size:14px;}
.ih-footer{border-top:1px solid #172126;background:#07090b;}
.ih-footer-grid{grid-template-columns:1.6fr .7fr .7fr .8fr;}
.ih-footer-brand p{max-width:300px;font-size:11px;}
.ih-footer-meta{color:#66757c;font-size:10px;line-height:1.7;}
.ih-footer-meta span{color:#445159;}

/* Productized dashboard shell --------------------------------------------- */
.ih-app-shell{grid-template-columns:258px minmax(0,1fr);background:var(--ih-bg);}
.ih-sidebar{padding:18px 14px 15px;background:#080b0e;border-right:1px solid #172128;}
.ih-sidebar-top{padding:3px 8px 22px;border-bottom:1px solid #182229;margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.ih-console-tag{color:#48575e;font:650 8px var(--mono);letter-spacing:.13em;padding-left:44px;}
.ih-sidebar .nav-group{margin-bottom:23px;gap:2px;}
.ih-sidebar .nav-group>span{padding:0 10px 7px;color:#46545b;font:650 8px var(--mono);letter-spacing:.14em;}
.ih-sidebar .nav-group a{min-height:39px;border-radius:7px;padding:0 10px;color:#76848b;gap:10px;}
.ih-sidebar .nav-group a b{font-size:11px;font-weight:600;flex:1;}
.ih-sidebar .nav-group a .icon{width:16px;height:16px;color:#526169;}
.ih-sidebar .nav-group a:hover{background:#0d1317;color:#b7c1c5;}
.ih-sidebar .nav-group a.active{background:#10171b;color:#f0f4f5;box-shadow:inset 2px 0 var(--ih-accent);}
.ih-sidebar .nav-group a.active .icon{color:var(--ih-accent);}
.ih-sidebar .nav-group kbd{margin-left:auto;padding:3px 5px;font-size:8px;color:#56646b;}
.ih-sidebar-system{margin-top:auto;margin-bottom:10px;padding:13px;border:1px solid #1b272e;border-radius:10px;background:#0a0f12;}
.ih-sidebar-system>div{display:grid;grid-template-columns:10px 1fr;column-gap:9px;align-items:center;}
.ih-sidebar-system>div>span{grid-row:1/3;}
.ih-sidebar-system b{font-size:10px;}
.ih-sidebar-system small{color:#526168;font-size:8px;margin-top:2px;}
.ih-sidebar-system>a{display:inline-block;margin-top:11px;padding-top:10px;border-top:1px solid #172127;color:#68777e;font-size:9px;width:100%;}
.ih-sidebar .sidebar-foot{margin-top:0;padding-top:10px;}

.ih-workspace{background:linear-gradient(180deg,#080b0e 0,#07090b 180px);}
.ih-topbar{height:64px;padding:0 28px;border-bottom:1px solid #172128;background:rgba(7,10,12,.9);backdrop-filter:blur(18px);}
.ih-topbar-title>span{display:flex;flex-direction:column;gap:2px;}
.ih-topbar-title small{color:#4e5d64;font:650 8px var(--mono);letter-spacing:.11em;}
.ih-topbar-title b{font-size:11px;font-weight:650;}
.ih-top-actions{gap:9px;}
.ih-new-run{height:36px;padding:0 10px;border:1px solid #2b3a42;border-radius:8px;background:#11181c;color:#d7e0e3;display:flex;align-items:center;gap:8px;font:650 10px var(--sans);cursor:pointer;}
.ih-new-run:hover{border-color:#41515a;background:#141c21;}
.ih-new-run .icon{width:14px;height:14px;color:var(--ih-accent);}
.ih-new-run kbd{margin-left:4px;}
.ih-topbar .verified-chip{height:34px;padding:0 10px;border:1px solid #1d2c2a;border-radius:8px;background:#0a1210;color:#7ba991;font-size:9px;}
.ih-topbar .verified-chip .ih-status-dot{width:6px;height:6px;}
.ih-topbar .account-button{height:36px;border-radius:8px;background:#0d1216;border-color:#202c33;}
.ih-topbar .account-button i{width:26px;height:26px;border-radius:7px;font-size:10px;}
.ih-topbar .account-button b{font-size:9px;}
.ih-content{max-width:1560px;padding:42px 44px 92px;}

/* Command center ----------------------------------------------------------- */
.ih-command-head{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:25px;}
.ih-command-head>div:first-child>span,.ih-runs-head>div>span{color:#55636a;font:650 9px var(--mono);letter-spacing:.14em;}
.ih-command-head h1,.ih-runs-head h1{margin:8px 0 8px;font-size:clamp(2.1rem,3.4vw,3.85rem);line-height:1;letter-spacing:-.055em;font-weight:630;}
.ih-command-head p,.ih-runs-head p{max-width:720px;margin:0;color:#74838a;font-size:12px;line-height:1.55;}
.ih-command-health{min-width:150px;padding:13px 15px;border-left:1px solid #1e2b31;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;}
.ih-command-health>span{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:#70877d;font-size:9px;margin-bottom:9px;}
.ih-command-health>b{font-size:25px;letter-spacing:-.045em;}
.ih-command-health>small{align-self:end;color:#526168;font-size:8px;padding-bottom:3px;}

.ih-run-composer{margin-bottom:12px;}
.ih-run-composer form{border:1px solid #26363e;border-radius:13px;background:#0b1014;box-shadow:0 18px 48px rgba(0,0,0,.18);overflow:hidden;}
.ih-run-input-wrap{padding:15px 15px 12px 17px;display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:flex-start;}
.ih-run-input-wrap>.icon{width:19px;height:19px;margin-top:8px;color:var(--ih-accent);}
.ih-run-input-wrap textarea{min-height:72px;padding:5px 0;border:0;outline:0;resize:none;background:transparent;color:#e8eef0;font:500 15px/1.55 var(--sans);letter-spacing:-.015em;}
.ih-run-input-wrap textarea::placeholder{color:#55636a;}
.ih-run-input-wrap .btn{margin-top:24px;min-height:38px;font-size:10px;padding:0 13px;}
.ih-run-hints{min-height:42px;padding:0 15px 0 51px;border-top:1px solid #192329;display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.ih-run-hints>span{color:#4f5d64;font:650 8px var(--mono);letter-spacing:.1em;margin-right:2px;}
.ih-run-hints button{border:1px solid #202c32;border-radius:7px;background:#0d1317;color:#69787f;padding:6px 8px;font-size:9px;cursor:pointer;}
.ih-run-hints button:hover{color:#aab6bb;border-color:#34434b;}
.ih-preflight-card{margin-top:10px;padding:17px 18px;border:1px solid #254039;border-radius:11px;background:#0a1412;display:flex;align-items:center;justify-content:space-between;gap:28px;}
.ih-preflight-card>div:first-child>span{display:flex;align-items:center;gap:7px;color:#7ba991;font:650 8px var(--mono);letter-spacing:.1em;}
.ih-preflight-card h3{margin:8px 0 5px;font-size:14px;}
.ih-preflight-card p{margin:0;max-width:770px;color:#6e8078;font-size:10px;line-height:1.5;}
.ih-preflight-actions{display:flex;gap:7px;flex:0 0 auto;}
.ih-preflight-actions .btn{min-height:36px;font-size:9px;}

.ih-command-stats{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;border:1px solid #1c282f;border-radius:12px;overflow:hidden;margin-bottom:12px;}
.ih-command-stats>div{min-height:105px;padding:17px 19px;border-right:1px solid #1c282f;background:#090e11;display:flex;flex-direction:column;}
.ih-command-stats>div:last-child{border-right:0;}
.ih-command-stats span{color:#536169;font:650 8px var(--mono);letter-spacing:.1em;}
.ih-command-stats b{margin:16px 0 4px;font-size:25px;letter-spacing:-.045em;}
.ih-command-stats b em{font-size:10px;font-style:normal;color:#66767d;letter-spacing:0;}
.ih-command-stats small{margin-top:auto;color:#54636a;font-size:8px;}

.ih-command-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(280px,.42fr);gap:12px;}
.ih-runs-panel,.ih-system-panel{border:1px solid #1d2930;border-radius:12px;background:#090e11;overflow:hidden;}
.ih-runs-panel>header,.ih-system-panel>header{min-height:66px;padding:14px 17px;border-bottom:1px solid #1b262c;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#0b1014;}
.ih-runs-panel header span,.ih-system-panel header>span{color:#526169;font:650 8px var(--mono);letter-spacing:.11em;}
.ih-runs-panel h2,.ih-system-panel h2{margin:4px 0 0;font-size:14px;letter-spacing:-.025em;}
.ih-runs-panel header a{color:#6f8188;font-size:9px;display:flex;align-items:center;gap:4px;}
.ih-runs-panel header a .icon{width:13px;height:13px;}
.ih-run-list{display:grid;}
.ih-run-row{min-height:63px;padding:0 17px;border:0;border-bottom:1px solid #162126;background:#090e11;color:#a9b5ba;display:grid;grid-template-columns:10px minmax(0,1fr) 145px 80px 16px;gap:12px;align-items:center;text-align:left;cursor:pointer;}
.ih-run-row:last-child{border-bottom:0;}
.ih-run-row:hover{background:#0c1216;}
.ih-run-row>div{min-width:0;display:flex;flex-direction:column;gap:3px;}
.ih-run-row b{color:#cfd8db;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ih-run-row small{color:#526169;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ih-run-row code{color:#62727a;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ih-run-row em{font:500 8px var(--mono);font-style:normal;color:#66767d;justify-self:end;}
.ih-run-row>.icon{width:13px;height:13px;color:#425058;}
.ih-empty-run{min-height:230px;padding:28px;display:flex;align-items:center;justify-content:center;gap:18px;}
.ih-empty-run>span{width:38px;height:38px;border:1px solid #26353d;border-radius:10px;display:grid;place-items:center;color:var(--ih-accent);}
.ih-empty-run>div{max-width:460px;}
.ih-empty-run b{display:block;font-size:13px;}
.ih-empty-run p{margin:5px 0 0;font-size:10px;}
.ih-empty-run .btn{font-size:9px;}
.ih-system-panel>header{display:block;}
.ih-system-row{min-height:68px;padding:0 16px;border-bottom:1px solid #162126;display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;}
.ih-system-row>div{display:flex;flex-direction:column;gap:3px;}
.ih-system-row b{font-size:10px;}
.ih-system-row small{font-size:8px;color:#526169;}
.ih-system-row em{color:#688078;font:500 8px var(--mono);font-style:normal;}
.ih-system-link{height:45px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:#697980;font-size:9px;}
.ih-system-link .icon{width:13px;height:13px;}

/* Runs --------------------------------------------------------------------- */
.ih-runs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px;}
.ih-runs-head>.btn{min-height:38px;font-size:10px;}
.ih-runs-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #1c282f;border-radius:11px;overflow:hidden;margin-bottom:12px;}
.ih-runs-summary>div{min-height:91px;padding:17px 18px;border-right:1px solid #1c282f;background:#090e11;display:flex;flex-direction:column;justify-content:space-between;}
.ih-runs-summary>div:last-child{border-right:0;}
.ih-runs-summary span{color:#536169;font:650 8px var(--mono);letter-spacing:.1em;}
.ih-runs-summary b{font-size:22px;letter-spacing:-.04em;}
.ih-runs-summary b small{font-size:9px;color:#607078;font-weight:500;}
.ih-run-table-wrap{border:1px solid #1d2930;border-radius:12px;background:#090e11;overflow:hidden;}
.ih-run-table-head,.ih-run-table-row{display:grid;grid-template-columns:100px minmax(210px,1.4fr) minmax(130px,.75fr) 75px 90px minmax(150px,.85fr) 20px;gap:14px;align-items:center;padding:0 16px;}
.ih-run-table-head{height:42px;border-bottom:1px solid #1b262c;background:#0b1014;color:#4e5c63;font:650 8px var(--mono);letter-spacing:.1em;}
.ih-run-table-row{width:100%;min-height:65px;border:0;border-bottom:1px solid #162126;background:#090e11;color:#8f9da3;text-align:left;font-size:9px;cursor:pointer;}
.ih-run-table-row:last-child{border-bottom:0;}
.ih-run-table-row:hover{background:#0c1216;}
.ih-run-table-row>span:first-child{display:flex;align-items:center;gap:8px;}
.ih-run-table-row>span:first-child b{font-size:9px;font-weight:600;text-transform:capitalize;}
.ih-run-table-row>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;}
.ih-run-table-row>span:nth-child(2)>b{color:#cbd5d8;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ih-run-table-row code{color:#536169;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ih-run-table-row .icon{width:13px;height:13px;color:#435159;}
.ih-empty-run.large{min-height:340px;}

/* Run inspector ------------------------------------------------------------ */
.ih-run-modal .modal-head{margin-bottom:18px;}
.ih-run-modal .modal-head h2{font-size:23px;}
.ih-inspector-status{padding:13px 15px;border:1px solid #1f2d34;border-radius:9px;background:#0a1013;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.ih-inspector-status>span{display:flex;align-items:center;gap:8px;color:#90a099;font-size:10px;text-transform:capitalize;}
.ih-inspector-status code{color:#697980;font-size:9px;overflow:hidden;text-overflow:ellipsis;}
.ih-inspector-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #1f2b32;border-radius:9px;overflow:hidden;margin-top:10px;}
.ih-inspector-grid>div{min-height:78px;padding:14px;border-right:1px solid #1f2b32;display:flex;flex-direction:column;gap:10px;background:#090e11;}
.ih-inspector-grid>div:last-child{border-right:0;}
.ih-inspector-grid small{color:#55646b;font:650 8px var(--mono);text-transform:uppercase;letter-spacing:.08em;}
.ih-inspector-grid b{font-size:11px;line-height:1.4;overflow-wrap:anywhere;}
.ih-inspector-section{margin-top:20px;}
.ih-inspector-section>span{color:#526169;font:650 8px var(--mono);letter-spacing:.11em;}
.ih-code-line{margin-top:8px;padding:11px 12px;border:1px solid #1f2b32;border-radius:9px;background:#080c0f;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ih-code-line code{color:#9bb9bd;font-size:10px;overflow:auto;}
.ih-code-line .btn{flex:0 0 auto;}
.ih-inspector-note{margin-top:12px;padding:14px;border:1px solid #1d2a30;border-radius:9px;background:#0b1013;}
.ih-inspector-note b{font-size:10px;}
.ih-inspector-note p{margin:5px 0 0;font-size:9px;line-height:1.55;}
.ih-run-diagnostics{margin-top:16px;border-top:1px solid var(--ih-border);padding-top:12px;color:var(--ih-text-secondary)}
.ih-run-diagnostics summary{min-height:42px;display:flex;align-items:center;cursor:pointer;font-size:12px;font-weight:650}
.ih-run-diagnostics>div:first-of-type{display:grid;grid-template-columns:minmax(90px,.5fr) minmax(0,1fr);gap:9px;padding:12px;background:var(--ih-surface-1);border-radius:9px;font-size:11px}
.ih-run-diagnostics code{overflow-wrap:anywhere;white-space:normal;color:var(--ih-text-secondary)}
.ih-run-diagnostics h3{margin:13px 0 8px;font:650 10px var(--ih-font-mono);letter-spacing:.08em;color:var(--ih-text-muted)}
.ih-run-diagnostics .ih-run-metadata{margin-top:10px}

/* Existing dashboard surfaces harmonized ---------------------------------- */
.ih-content .page-head{margin-bottom:22px;}
.ih-content .page-head .overline{color:#536169;font-size:8px;letter-spacing:.13em;}
.ih-content .page-head h1{font-size:33px;letter-spacing:-.05em;font-weight:630;}
.ih-content .page-head p{font-size:11px;color:#6f7e85;}
.ih-content .card{border-color:#1d2930;border-radius:11px;background:#090e11;box-shadow:none;}
.ih-content .stat-card{border-color:#1d2930;border-radius:10px;background:#090e11;}
.ih-content .stat-card.accent{border-color:#28464a;background:#0c1719;}
.ih-content table th{color:#526169;font-size:8px;letter-spacing:.09em;}
.ih-content table td{font-size:10px;}
.ih-content .integration-card{border-color:#1f2b32;background:#0a0f12;}

/* Mobile ------------------------------------------------------------------- */
@media (max-width:1180px){
  .ih-hero-grid{grid-template-columns:1fr;gap:46px;}
  .ih-hero-copy{max-width:780px;padding-bottom:0;}
  .ih-run-demo{max-width:920px;}
  .ih-provider-row{grid-template-columns:repeat(3,1fr);}
  .ih-provider:nth-child(3){border-right:0;}
  .ih-provider:nth-child(n+4){border-top:1px solid #182229;}
  .ih-provider:nth-child(4){grid-column:1/2;}
  .ih-operation-grid{grid-template-columns:1fr;}
  .ih-operation-stack{grid-template-columns:repeat(3,1fr);}
  .ih-evidence-grid{grid-template-columns:1fr;gap:44px;}
  .ih-command-grid{grid-template-columns:1fr;}
  .ih-system-panel{display:grid;grid-template-columns:repeat(2,1fr);}
  .ih-system-panel>header,.ih-system-link{grid-column:1/-1;}
  .ih-system-row:nth-of-type(odd){border-right:1px solid #162126;}
}

@media (max-width:900px){
  .container{width:min(100% - 36px,var(--ih-max));}
  .ih-site-header,.ih-site-nav{height:64px;}
  .ih-nav-links,.ih-nav-actions{display:none;}
  .ih-site-nav .nav-toggle{display:grid;}
  .ih-hero{padding:72px 0 58px;}
  .ih-hero-copy h1{font-size:clamp(3.2rem,11vw,5.4rem);}
  .ih-demo-body{grid-template-columns:1fr;}
  .ih-demo-timeline{border-right:0;border-bottom:1px solid #192328;}
  .ih-provider-row{grid-template-columns:1fr 1fr;}
  .ih-provider,.ih-provider:nth-child(3){border-right:1px solid #182229;border-top:1px solid #182229;}
  .ih-provider:nth-child(-n+2){border-top:0;}
  .ih-provider:nth-child(even){border-right:0;}
  .ih-provider:nth-child(4){grid-column:auto;}
  .ih-provider:last-child{grid-column:1/-1;border-right:0;}
  .ih-section{padding:82px 0;}
  .ih-operation-flow{grid-template-columns:repeat(3,1fr);}
  .ih-operation-flow span:nth-child(3){border-right:0;}
  .ih-operation-flow span:nth-child(n+4){border-top:1px solid #213038;}
  .ih-operation-stack{grid-template-columns:1fr;}
  .ih-final-inner{align-items:flex-start;flex-direction:column;}
  .ih-footer-grid{grid-template-columns:1fr 1fr;gap:34px;}

  .ih-app-shell{grid-template-columns:1fr;}
  .ih-sidebar{position:fixed;left:0;top:0;width:258px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:30px 0 80px rgba(0,0,0,.42);}
  .ih-sidebar.open{transform:translateX(0);}
  .ih-topbar .mobile-sidebar{display:grid;}
  .ih-content{padding:30px 20px 94px;}
  .ih-mobile-bottom{display:grid;}
  .ih-top-actions .verified-chip,.ih-top-actions .account-button{display:none;}
  .ih-new-run kbd{display:none;}
  .ih-command-stats,.ih-runs-summary{grid-template-columns:1fr 1fr;}
  .ih-command-stats>div:nth-child(2),.ih-runs-summary>div:nth-child(2){border-right:0;}
  .ih-command-stats>div:nth-child(n+3),.ih-runs-summary>div:nth-child(n+3){border-top:1px solid #1c282f;}
  .ih-run-table-head{display:none;}
  .ih-run-table-row{grid-template-columns:90px minmax(0,1fr) 18px;padding:12px 14px;min-height:74px;row-gap:6px;}
  .ih-run-table-row>span:nth-child(3),.ih-run-table-row>span:nth-child(4),.ih-run-table-row>span:nth-child(5),.ih-run-table-row>span:nth-child(6){display:none;}
  .ih-inspector-grid{grid-template-columns:1fr 1fr;}
  .ih-inspector-grid>div:nth-child(2){border-right:0;}
  .ih-inspector-grid>div:nth-child(n+3){border-top:1px solid #1f2b32;}
}

@media (max-width:620px){
  .container{width:calc(100% - 28px);}
  .ih-site-nav{padding:0;}
  .ih-brand-mark{width:32px;height:32px;}
  .ih-hero{padding-top:56px;}
  .ih-hero-copy h1{font-size:clamp(3rem,15vw,4.5rem);line-height:.92;}
  .ih-hero-copy>p{font-size:14px;line-height:1.65;}
  .ih-hero-actions{align-items:flex-start;flex-direction:column;gap:16px;}
  .ih-hero-actions .btn{width:100%;}
  .ih-run-demo-head{grid-template-columns:1fr auto;}
  .ih-run-demo-head>em{display:none;}
  .ih-demo-command{grid-template-columns:auto 1fr;margin:12px 12px 0;}
  .ih-demo-command kbd{display:none;}
  .ih-demo-body{margin-top:12px;}
  .ih-demo-inspector,.ih-demo-timeline{padding:14px 13px;}
  .ih-provider-row{grid-template-columns:1fr;}
  .ih-provider,.ih-provider:nth-child(3),.ih-provider:nth-child(even){border-right:0;border-top:1px solid #182229;}
  .ih-provider:first-child{border-top:0;}
  .ih-provider:last-child{grid-column:auto;}
  .ih-section-lead h2{font-size:2.7rem;}
  .ih-operation-primary{padding:20px;min-height:420px;}
  .ih-operation-primary h3{font-size:2.25rem;margin:42px 0 32px;}
  .ih-operation-flow{grid-template-columns:1fr 1fr;}
  .ih-operation-flow span:nth-child(2n){border-right:0;}
  .ih-operation-flow span:nth-child(3){border-right:1px solid #213038;}
  .ih-operation-flow span:nth-child(n+3){border-top:1px solid #213038;}
  .ih-operation-footer{gap:9px;flex-wrap:wrap;}
  .ih-operation-footer b{width:100%;margin:8px 0 0;}
  .ih-ledger-head{display:none;}
  .ih-ledger-row{grid-template-columns:1fr auto;padding:12px 14px;gap:5px 12px;}
  .ih-ledger-row span{grid-row:2;}
  .ih-ledger-row em{grid-row:2;grid-column:2;}
  .ih-ledger-row b{grid-column:2;grid-row:1;}
  .ih-footer-grid{grid-template-columns:1fr;}

  .ih-topbar{padding:0 14px;}
  .ih-topbar-title small{display:none;}
  .ih-content{padding:24px 14px 88px;}
  .ih-command-head,.ih-runs-head{align-items:flex-start;flex-direction:column;}
  .ih-command-health{width:100%;border-left:0;border-top:1px solid #1e2b31;padding:12px 0 0;}
  .ih-command-head h1,.ih-runs-head h1{font-size:2.45rem;}
  .ih-run-input-wrap{grid-template-columns:19px 1fr;padding:13px;}
  .ih-run-input-wrap .btn{grid-column:1/-1;width:100%;margin-top:0;}
  .ih-run-hints{padding:9px 13px;}
  .ih-preflight-card{align-items:stretch;flex-direction:column;}
  .ih-preflight-actions{flex-direction:column;}
  .ih-command-stats,.ih-runs-summary{grid-template-columns:1fr 1fr;}
  .ih-command-stats>div,.ih-runs-summary>div{padding:14px;min-height:91px;}
  .ih-command-stats b{font-size:21px;}
  .ih-run-row{grid-template-columns:10px minmax(0,1fr) 14px;padding:12px 13px;}
  .ih-run-row code,.ih-run-row em{display:none;}
  .ih-system-panel{grid-template-columns:1fr;}
  .ih-system-row:nth-of-type(odd){border-right:0;}
  .ih-system-panel>header,.ih-system-link{grid-column:auto;}
  .ih-runs-head>.btn{width:100%;}
  .ih-inspector-grid{grid-template-columns:1fr;}
  .ih-inspector-grid>div{border-right:0;border-top:1px solid #1f2b32;}
  .ih-inspector-grid>div:first-child{border-top:0;}
  .ih-inspector-status{align-items:flex-start;flex-direction:column;}
  .ih-code-line{align-items:flex-start;flex-direction:column;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}


/* === Extended product surfaces ========================================== */
/* OpenCrawl — extended control-plane visual system */
:root{
  --ihx-panel:#0b0f12;
  --ihx-panel-2:#0e1418;
  --ihx-panel-3:#121a1f;
  --ihx-line:#1e2a31;
  --ihx-line-2:#2b3a42;
  --ihx-text:#edf4f6;
  --ihx-muted:#82929b;
  --ihx-dim:#586870;
  --ihx-cyan:#70e7ec;
  --ihx-green:#6ee0ae;
  --ihx-amber:#e5bf6c;
}
.ihx-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none;background:var(--ihx-green);box-shadow:0 0 0 4px rgba(110,224,174,.08),0 0 16px rgba(110,224,174,.35)}
.ihx-dot.warn{background:var(--ihx-amber);box-shadow:0 0 0 4px rgba(229,191,108,.07)}
.ihx-page-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 0 30px;padding-bottom:26px;border-bottom:1px solid var(--ihx-line)}
.ihx-page-head>div{max-width:760px}.ihx-page-head>div>span,.ihx-catalog header span,.ihx-key-inventory header span,.ihx-monitor-board header span,.ihx-credit-packs header span,.ihx-ledger-panel header span,.ihx-payment-panel header span,.ihx-settings-grid article header span,.ihx-plan-current>div>span,.ihx-pricing-hero>span{display:block;color:var(--ihx-cyan);font:750 10px var(--mono);letter-spacing:.16em}
.ihx-page-head h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.055em;margin:9px 0 10px}.ihx-page-head p{max-width:700px;margin:0;font-size:14px;line-height:1.65}
.ihx-empty{min-height:230px;display:flex;align-items:center;justify-content:center;gap:20px;padding:38px;border-top:1px solid var(--ihx-line)}.ihx-empty>.icon{width:38px;height:38px;color:var(--ihx-cyan)}.ihx-empty>div{max-width:430px}.ihx-empty b{display:block;margin-bottom:6px}.ihx-empty p{margin:0;font-size:12px}
.ihx-state{display:inline-flex!important;align-items:center;gap:7px!important;width:max-content!important;font-style:normal;color:#a8b6bc;font-size:11px!important}.ihx-state.on{color:var(--ihx-green)}.ihx-state.off,.ihx-state.idle{color:#a79a7c}

/* Auth */
.ihx-auth-layout{grid-template-columns:minmax(480px,1.08fr) minmax(460px,.92fr);background:#07090b}
.ihx-auth-story{padding:38px clamp(40px,5.5vw,86px) 46px;background:radial-gradient(circle at 20% 78%,rgba(39,152,159,.13),transparent 31%),linear-gradient(150deg,#0a1014 0%,#07090b 70%);border-right:1px solid var(--ihx-line);display:flex;flex-direction:column;justify-content:space-between}
.ihx-auth-story::after{display:none}.ihx-auth-top{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.ihx-auth-top>span{display:flex;align-items:center;gap:9px;color:var(--ihx-muted);font:700 9px var(--mono);letter-spacing:.13em}
.ihx-auth-copy{position:relative;z-index:2;max-width:760px}.ihx-auth-copy>span{color:var(--ihx-cyan);font:700 10px var(--mono);letter-spacing:.15em}.ihx-auth-copy h1{font-size:clamp(3.1rem,6vw,6.6rem);line-height:.92;letter-spacing:-.075em;margin:18px 0 24px;max-width:760px}.ihx-auth-copy p{max-width:560px;font-size:16px;line-height:1.7}
.ihx-auth-console{position:relative;z-index:2;border:1px solid var(--ihx-line-2);background:rgba(10,15,18,.86);box-shadow:0 24px 70px rgba(0,0,0,.3)}.ihx-auth-console-head,.ihx-auth-console-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;color:var(--ihx-dim);font:700 9px var(--mono);letter-spacing:.1em}.ihx-auth-console-head{border-bottom:1px solid var(--ihx-line)}.ihx-auth-console-head>span{display:flex;align-items:center;gap:8px}.ihx-auth-console-head code{color:#84949c}.ihx-auth-route{min-height:128px;display:grid;grid-template-columns:1fr 70px 72px 70px 1fr;place-items:center;color:#8999a1;font-size:12px}.ihx-auth-route i{height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--ihx-cyan),transparent)}.ihx-auth-route strong{width:62px;height:62px;border:1px solid #2c555a;background:#0d1d21;display:grid;place-items:center;border-radius:18px;font-size:0}.ihx-auth-route img{width:36px;height:36px}.ihx-auth-console-foot{justify-content:flex-start;gap:26px;border-top:1px solid var(--ihx-line)}.ihx-auth-console-foot span{display:flex;align-items:center;gap:7px}.ihx-auth-console-foot .icon{width:14px;color:var(--ihx-cyan)}
.ihx-auth-main{background:#090c0f;padding:36px}.ihx-auth-card{width:min(520px,100%);padding:38px;border:1px solid var(--ihx-line-2);border-radius:18px;background:#0c1115;box-shadow:0 24px 80px rgba(0,0,0,.26)}.ihx-auth-card>header{margin-bottom:28px}.ihx-auth-kicker{display:block;margin-bottom:9px;color:var(--ihx-cyan);font:750 9px var(--mono);letter-spacing:.15em}.ihx-auth-card h2{font-size:34px;letter-spacing:-.04em}.ihx-auth-card .github-btn{height:50px;border-color:#303b42;background:#12181d}.ihx-auth-card .form-stack input,.ihx-auth-card .form-stack select{height:50px;background:#080c0f;border-color:#2a3941}.ihx-auth-card .btn.large{min-height:52px}.ihx-auth-foot{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:25px;padding-top:20px;border-top:1px solid var(--ihx-line);color:var(--ihx-dim);font-size:10px}.ihx-auth-foot .icon{width:13px}

/* Integration fabric */
.ihx-endpoint-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:40px;padding:30px;border:1px solid var(--ihx-line-2);background:linear-gradient(135deg,#0d171b,#090d10 64%);margin-bottom:12px}.ihx-endpoint-hero>div:first-child>span{display:flex;align-items:center;gap:8px;color:var(--ihx-green);font:700 9px var(--mono);letter-spacing:.13em}.ihx-endpoint-hero h2{font:600 clamp(1.25rem,2vw,1.75rem) var(--mono);letter-spacing:-.035em;margin:20px 0 8px;overflow-wrap:anywhere}.ihx-endpoint-hero p{margin:0;font-size:12px}.ihx-endpoint-meta{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--ihx-line);align-items:stretch}.ihx-endpoint-meta span{padding:14px 18px;border-right:1px solid var(--ihx-line);display:flex;flex-direction:column;justify-content:center;gap:6px}.ihx-endpoint-meta span:last-child{border-right:0}.ihx-endpoint-meta small{color:var(--ihx-dim);font:700 9px var(--mono);letter-spacing:.1em}.ihx-endpoint-meta b{font-size:12px}
.ihx-connection-modes{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ihx-line);border-top:0;margin-bottom:42px}.ihx-connection-modes article{min-height:145px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:18px;padding:25px 28px;border-right:1px solid var(--ihx-line)}.ihx-connection-modes article:last-child{border:0}.ihx-connection-modes article>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ihx-line);background:#0d1519;color:var(--ihx-cyan)}.ihx-connection-modes small{color:var(--ihx-dim);font:700 9px var(--mono);letter-spacing:.12em}.ihx-connection-modes h3{margin:5px 0 5px;font-size:18px}.ihx-connection-modes p{margin:0;font-size:11px}.ihx-connection-modes a{display:flex;align-items:center;gap:5px;color:var(--ihx-cyan);font-size:11px}
.ihx-catalog>header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px}.ihx-catalog header h2{font-size:27px;margin:8px 0 0}.ihx-catalog header p{max-width:470px;margin:0;font-size:12px}.ihx-client-grid{border-top:1px solid var(--ihx-line)}.ihx-client-card{border-bottom:1px solid var(--ihx-line)}.ihx-client-main{width:100%;min-height:106px;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:54px minmax(0,1fr) auto 22px;align-items:center;gap:18px;text-align:left;padding:18px 4px;cursor:pointer}.ihx-client-main:hover{background:rgba(255,255,255,.012)}.ihx-client-mark{width:48px;height:48px;border:1px solid var(--ihx-line);background:#0d1317;display:grid;place-items:center;border-radius:13px}.ihx-client-mark .platform-mark{width:24px;height:24px;fill:currentColor}.ihx-client-copy{min-width:0}.ihx-client-copy small{display:block;color:var(--ihx-dim);font:700 9px var(--mono);letter-spacing:.09em;margin-bottom:4px}.ihx-client-copy>b{display:block;font-size:16px}.ihx-client-copy p{margin:4px 0 0;font-size:11px;line-height:1.45}.ihx-client-mode{padding:7px 9px;border:1px solid var(--ihx-line);color:#a9b8be;font:700 9px var(--mono);letter-spacing:.07em}.ihx-client-main>.icon{color:var(--ihx-dim);transition:transform .2s ease}.ihx-client-card.open .ihx-client-main>.icon{transform:rotate(90deg);color:var(--ihx-cyan)}.ihx-client-detail{padding:5px 0 24px 72px}.ihx-client-detail ol{list-style:none;margin:0 0 15px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ihx-line)}.ihx-client-detail li{display:flex;gap:12px;padding:16px;background:#0a0f12;color:#9eacb2;font-size:11px}.ihx-client-detail li i{font:700 9px var(--mono);color:var(--ihx-cyan)}.ihx-client-code{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--ihx-line);background:#080b0d}.ihx-client-code code{white-space:pre-wrap;color:#a9c8cc;font-size:11px}.ihx-client-code button{border:0;background:transparent;color:var(--ihx-cyan);display:flex;gap:6px;align-items:center;cursor:pointer;font-size:11px}

/* Keys */
.ihx-key-summary,.ihx-monitor-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ihx-line);margin-bottom:12px}.ihx-key-summary>div,.ihx-monitor-summary>div{min-height:145px;padding:22px;border-right:1px solid var(--ihx-line);display:flex;flex-direction:column;justify-content:flex-end}.ihx-key-summary>div:last-child,.ihx-monitor-summary>div:last-child{border:0}.ihx-key-summary>div>span{color:var(--ihx-cyan);margin-bottom:auto}.ihx-key-summary .icon{width:21px}.ihx-key-summary small,.ihx-monitor-summary small{color:var(--ihx-dim);font:700 9px var(--mono);letter-spacing:.1em}.ihx-key-summary b,.ihx-monitor-summary b{font-size:31px;letter-spacing:-.04em;margin:8px 0 4px}.ihx-key-summary p,.ihx-monitor-summary p{margin:0;font-size:10px}
.ihx-security-banner{min-height:82px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:15px;padding:18px 20px;border:1px solid #244149;background:#0a171b;margin-bottom:32px}.ihx-security-banner>.icon{color:var(--ihx-cyan)}.ihx-security-banner b{display:block;font-size:12px}.ihx-security-banner p{margin:4px 0 0;font-size:10px}.ihx-security-banner a{display:flex;align-items:center;gap:5px;color:var(--ihx-cyan);font-size:10px}
.ihx-key-inventory,.ihx-monitor-board,.ihx-ledger-panel,.ihx-payment-panel{border-top:1px solid var(--ihx-line)}.ihx-key-inventory>header,.ihx-monitor-board>header,.ihx-ledger-panel>header,.ihx-payment-panel>header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ihx-key-inventory h2,.ihx-monitor-board h2,.ihx-ledger-panel h2,.ihx-payment-panel h2{font-size:23px;margin:6px 0 0}.ihx-key-inventory header>small,.ihx-monitor-board header>small,.ihx-ledger-panel header>small{color:var(--ihx-dim)}
.ihx-key-table-head,.ihx-key-row{display:grid;grid-template-columns:minmax(145px,1.1fr) 120px minmax(190px,1.4fr) minmax(150px,1fr) 90px 80px;gap:16px;align-items:center}.ihx-key-table-head{min-height:38px;border-block:1px solid var(--ihx-line);color:var(--ihx-dim);font:700 9px var(--mono);letter-spacing:.09em}.ihx-key-row{min-height:72px;border-bottom:1px solid var(--ihx-line);font-size:11px}.ihx-key-row>span:first-child{display:flex;flex-direction:column;gap:3px}.ihx-key-row small{color:var(--ihx-dim)}.ihx-key-row code{color:#9bb8bc}.ihx-scope-list{display:flex!important;flex-wrap:wrap;gap:4px!important}.ihx-scope-list em{font-style:normal;padding:4px 6px;border:1px solid var(--ihx-line);color:#8c9ca4;font:650 8px var(--mono)}

/* Monitors */
.ihx-monitor-templates{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ihx-line);margin:0 0 32px}.ihx-monitor-templates button{min-height:82px;border:0;border-right:1px solid var(--ihx-line);background:#0b1013;color:inherit;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:12px;padding:14px 16px;text-align:left;cursor:pointer}.ihx-monitor-templates button:last-child{border:0}.ihx-monitor-templates button:hover{background:#0e161a}.ihx-monitor-templates .icon:first-child{color:var(--ihx-cyan)}.ihx-monitor-templates span{display:flex;flex-direction:column;gap:3px}.ihx-monitor-templates small{color:var(--ihx-dim);font-size:9px}.ihx-monitor-templates .icon:last-child{width:13px;color:var(--ihx-dim)}.ihx-monitor-list{border-top:1px solid var(--ihx-line)}.ihx-monitor-row{min-height:78px;display:grid;grid-template-columns:14px minmax(220px,1.4fr) minmax(150px,.8fr) 110px 80px;gap:16px;align-items:center;border-bottom:1px solid var(--ihx-line)}.ihx-monitor-orb{width:9px;height:9px;border-radius:50%;border:1px solid #4a565d}.ihx-monitor-orb.ok{background:var(--ihx-green);border-color:var(--ihx-green);box-shadow:0 0 12px rgba(110,224,174,.25)}.ihx-monitor-target{min-width:0}.ihx-monitor-target b{display:block;font-size:12px}.ihx-monitor-target small{display:block;margin-top:5px;color:var(--ihx-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ihx-monitor-row>div:nth-child(3){display:flex;flex-direction:column;gap:4px}.ihx-monitor-row>div:nth-child(3) small{color:var(--ihx-dim);font:700 8px var(--mono);letter-spacing:.08em}.ihx-monitor-row>div:nth-child(3) b{font-size:10px;font-weight:550}

/* Credits */
.ihx-credit-hero{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--ihx-line-2);background:linear-gradient(135deg,#0d1d21,#090d10 58%);margin-bottom:36px}.ihx-credit-hero>div:first-child{padding:34px}.ihx-credit-hero>div:first-child>span{display:flex;align-items:center;gap:8px;color:var(--ihx-green);font:700 9px var(--mono);letter-spacing:.12em}.ihx-credit-hero>div:first-child>b{display:block;font-size:68px;letter-spacing:-.065em;margin:22px 0 3px}.ihx-credit-hero>div:first-child p{margin:0;font-size:11px}.ihx-credit-split{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--ihx-line)}.ihx-credit-split span{padding:26px;border-right:1px solid var(--ihx-line);display:flex;flex-direction:column;justify-content:center;gap:7px}.ihx-credit-split span:last-child{border:0}.ihx-credit-split small{color:var(--ihx-dim);font:700 9px var(--mono);letter-spacing:.1em}.ihx-credit-split b{font-size:25px}.ihx-credit-split em{color:var(--ihx-muted);font-size:9px;font-style:normal}
.ihx-credit-packs{margin-bottom:42px}.ihx-credit-packs>header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:15px}.ihx-credit-packs h2{font-size:25px;margin:7px 0 0}.ihx-credit-packs header p{max-width:320px;margin:0;font-size:11px}.ihx-credit-packs>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border:1px solid var(--ihx-line)}.ihx-credit-packs article{min-height:205px;padding:22px;border-right:1px solid var(--ihx-line);display:flex;flex-direction:column}.ihx-credit-packs article:last-child{border:0}.ihx-credit-packs article>span{color:var(--ihx-muted);font-size:11px}.ihx-credit-packs article>b{font-size:31px;margin:18px 0 0}.ihx-credit-packs article>small{color:var(--ihx-dim)}.ihx-credit-packs article>em{font-size:18px;font-style:normal;margin:auto 0 14px}.ihx-ledger-table-head,.ihx-ledger-table>div:not(.ihx-ledger-table-head){display:grid;grid-template-columns:1.1fr .7fr .7fr 1fr 90px;gap:16px;align-items:center}.ihx-ledger-table-head{height:38px;border-block:1px solid var(--ihx-line);color:var(--ihx-dim);font:700 9px var(--mono);letter-spacing:.08em}.ihx-ledger-table>div:not(.ihx-ledger-table-head){min-height:58px;border-bottom:1px solid var(--ihx-line);font-size:10px}.ihx-ledger-table b{text-align:right}.ihx-ledger-table b.positive{color:var(--ihx-green)}.ihx-ledger-table b.negative{color:#e58b93}

.ihx-custom-topup{margin:0 0 18px;border:1px solid var(--ihx-line-2);background:linear-gradient(145deg,rgba(239,57,223,.055),#0a0f12 42%);padding:24px}
.ihx-custom-topup>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.ihx-custom-topup>header span{color:var(--ihx-cyan);font:700 9px var(--mono);letter-spacing:.11em}
.ihx-custom-topup>header h2{font-size:25px;margin:7px 0 0}.ihx-custom-topup>header p{max-width:390px;margin:0;font-size:10px}
.ihx-custom-topup form{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);align-items:end;gap:18px;border-top:1px solid var(--ihx-line);padding-top:20px}
.ihx-custom-topup label{display:grid;gap:8px;color:var(--ihx-dim);font:700 9px var(--mono);letter-spacing:.09em}
.ihx-dollar-input{height:54px;display:grid;grid-template-columns:44px 1fr;align-items:center;border:1px solid var(--ihx-line-2);background:#070b0e}
.ihx-dollar-input:focus-within{border-color:rgba(93,225,230,.6);box-shadow:0 0 0 3px rgba(93,225,230,.07)}
.ihx-dollar-input>b{height:100%;display:grid;place-items:center;border-right:1px solid var(--ihx-line);font-size:19px;color:var(--ihx-green)}
.ihx-dollar-input input{width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;color:var(--ihx-text)!important;padding:0 14px!important;font:700 21px var(--mono)!important;box-shadow:none!important}
.ihx-custom-topup form>div{display:flex;align-items:center;justify-content:flex-end;gap:16px}.ihx-custom-topup form>div small{max-width:330px;color:var(--ihx-dim);font-size:9px;line-height:1.5}.ihx-custom-topup form>div .btn{min-width:145px}
@media(max-width:760px){.ihx-custom-topup{padding:1rem}.ihx-custom-topup>header{align-items:flex-start;flex-direction:column;gap:.45rem}.ihx-custom-topup form{grid-template-columns:1fr;gap:1rem}.ihx-custom-topup form>div{align-items:stretch;flex-direction:column}.ihx-custom-topup form>div small{max-width:none}.ihx-custom-topup form>div .btn{width:100%}}

/* Contextual explanation surfaces */
.ihx-connection-direction{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.ihx-connection-direction article{padding:20px;border:1px solid var(--ihx-line-2,var(--line));background:#091014}
.ihx-connection-direction article>span{color:var(--ihx-cyan,var(--accent));font:700 9px var(--mono);letter-spacing:.12em}
.ihx-connection-direction h3{margin:7px 0 8px;font-size:17px}
.ihx-connection-direction p{margin:0 0 12px;color:var(--ihx-text-muted,#86959e);font-size:11px;line-height:1.65}
.ihx-connection-direction a,.mcp-doc-strip a,.ihx-context-help a{color:var(--ihx-cyan,var(--accent));font-size:10px;text-decoration:none}
.mcp-doc-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:12px 0 22px;padding:13px 16px;border:1px solid var(--ihx-line-2,var(--line));background:#080d10}
.mcp-doc-strip span{color:var(--ihx-text-muted,#86959e);font:700 9px var(--mono);letter-spacing:.08em}
.ihx-context-help{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-top:1px solid var(--ihx-line,var(--line));background:rgba(255,255,255,.012)}
.ihx-context-help span{max-width:430px;color:var(--ihx-text-muted,#86959e);font-size:10px;line-height:1.55}
@media(max-width:760px){
  .ihx-connection-direction{grid-template-columns:1fr}
  .mcp-doc-strip,.ihx-context-help{align-items:flex-start;flex-direction:column}
}


/* Connected application catalog */
.connected-app-head-actions{display:flex;align-items:center;gap:10px}
.connected-app-head-actions>span{color:var(--muted-2);font:700 9px var(--mono);letter-spacing:.08em;white-space:nowrap}
.connected-catalog{display:grid;gap:12px}
.connected-catalog>label{display:grid;gap:6px;color:var(--muted);font-size:10px}
.connected-catalog>label input{width:100%}
#connected-catalog-list{display:grid;gap:7px;max-height:62vh;overflow:auto;padding-right:3px}
.connected-catalog-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px;background:#090e11;color:inherit;text-align:left;cursor:pointer}
.connected-catalog-row:hover{border-color:#35515a;background:#0c1418}
.connected-catalog-row>span:nth-child(2){min-width:0}
.connected-catalog-row b{display:block;font-size:12px}
.connected-catalog-row small{display:block;margin-top:2px;color:var(--muted-2);font:8px var(--mono);letter-spacing:.04em}
.connected-catalog-row p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.connected-catalog-row em{font-style:normal;color:var(--accent);font-size:10px;white-space:nowrap}
@media(max-width:620px){
  .connected-app-head-actions{width:100%;justify-content:space-between}
  .connected-catalog-row{grid-template-columns:38px minmax(0,1fr)}
  .connected-catalog-row>em{grid-column:2}
}

/* Connected application lifecycle */
.connected-apps{margin:0 0 28px}
.connected-apps>header{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:14px}
.connected-apps>header>div>span{display:block;color:var(--ihx-cyan,var(--accent));font:700 9px var(--mono);letter-spacing:.12em}
.connected-apps>header h2{margin:6px 0 5px;font-size:24px}
.connected-apps>header p{max-width:760px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.connected-apps>header>span{color:var(--muted-2);font:700 9px var(--mono);letter-spacing:.08em}
.connected-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.connected-app-card{border:1px solid var(--line);background:linear-gradient(145deg,#0b1114,#080c0f);border-radius:11px;overflow:hidden}
.connected-app-card>header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px}
.connected-app-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#0e171b;color:var(--accent);font:800 15px var(--mono)}
.connected-app-card>header small{display:block;color:var(--muted-2);font:700 8px var(--mono);letter-spacing:.09em;text-transform:uppercase}
.connected-app-card>header h3{margin:3px 0 2px;font-size:16px}
.connected-app-card>header p{margin:0;color:var(--muted);font-size:10px}
.connected-app-accounts{border-top:1px solid var(--line)}
.connected-app-accounts article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.connected-app-accounts article:last-child{border-bottom:0}
.connected-app-accounts article>div:first-child{min-width:0;display:grid;gap:3px}
.connected-app-accounts b{font-size:12px}
.connected-app-accounts code{overflow:hidden;text-overflow:ellipsis;color:var(--muted-2);font-size:9px}
.connected-app-accounts small{color:#d69a9a;font-size:9px;line-height:1.45}
.connected-app-accounts article>div:last-child{display:flex;gap:6px;justify-content:flex-end}
.connected-app-empty{min-height:72px;margin:0;padding:14px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.6}
.connected-app-card>footer{display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--line);background:rgba(255,255,255,.012)}
.connected-app-card>footer small{color:var(--muted-2);font-size:9px;line-height:1.45}
@media(max-width:900px){.connected-app-grid{grid-template-columns:1fr}}
@media(max-width:620px){
  .connected-apps>header{align-items:flex-start;flex-direction:column}
  .connected-app-card>header{grid-template-columns:42px minmax(0,1fr)}
  .connected-app-card>header>.ihx-state{grid-column:1/-1;width:max-content}
  .connected-app-accounts article{grid-template-columns:1fr}
  .connected-app-accounts article>div:last-child{justify-content:flex-start}
  .connected-app-card>footer{align-items:flex-start;flex-direction:column}
}

/* Remote MCP lifecycle */
.mcp-row-live{align-items:stretch!important;gap:18px!important}
.mcp-row-main{min-width:0;display:grid;gap:5px;flex:1}
.mcp-row-main>.ihx-state{width:max-content;margin-bottom:3px}
.mcp-row-main>em{font-style:normal;color:var(--muted-2);font-size:10px;line-height:1.45}
.mcp-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.mcp-probe-summary{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:10px;background:#091014}
.mcp-probe-summary>span{margin-top:3px}
.mcp-probe-summary b{display:block;font-size:15px}
.mcp-probe-summary p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.mcp-probe-summary.error{border-color:rgba(255,120,120,.28)}
.mcp-tool-preview{display:grid;gap:8px;margin-top:14px;max-height:55vh;overflow:auto}
.mcp-tool-preview article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#080d10}
.mcp-tool-preview article>div{min-width:0;display:grid;gap:4px}
.mcp-tool-preview article code{overflow:hidden;text-overflow:ellipsis;color:var(--muted-2);font-size:9px}
.mcp-tool-preview article p{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:760px){
  .mcp-row-live{flex-direction:column}
  .mcp-row-actions{justify-content:flex-start}
  .mcp-row-actions .btn{flex:1 1 auto}
}

/* Documentation system */
.docs-search-empty{margin:16px 0;padding:12px;border:1px dashed var(--line);border-radius:8px;color:var(--muted-2);font-size:11px}
.docs-group[hidden]{display:none}
.docs-article .doc-lead{font-size:17px;line-height:1.8;color:#c3ced3;margin:0 0 34px}
.docs-article code{font-family:var(--mono);font-size:.92em;color:#d8f5f1}
.docs-article pre{overflow:auto;margin:22px 0;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:#070b0d;color:#c8d5da;font:12px/1.75 var(--mono);white-space:pre}
.docs-article pre code{color:inherit;font:inherit}
.doc-diagram{border-left:2px solid var(--accent)!important;background:linear-gradient(90deg,rgba(93,225,230,.045),#070b0d 55%)!important}
.doc-note{margin:28px 0;padding:18px 20px;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:10px;background:rgba(93,225,230,.035)}
.doc-note.important{border-left-color:#ef39df;background:rgba(239,57,223,.04)}
.doc-note b{display:block;margin-bottom:6px;font-size:13px;color:var(--text)}
.doc-note p{margin:0!important;font-size:13px!important}
.doc-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 30px}
.doc-card-grid article{min-width:0;padding:20px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(150deg,#0c1115,#080c0f)}
.doc-card-grid article>span{display:block;color:var(--accent);font:700 9px var(--mono);letter-spacing:.12em}
.doc-card-grid h3{margin:8px 0 8px;font-size:16px}
.doc-card-grid p{margin:0 0 13px!important;font-size:12px!important;line-height:1.65!important}
.doc-card-grid a,.doc-source-link{display:inline-flex;align-items:center;gap:6px;color:#bfeff0;font-size:11px;text-decoration:none}
.doc-source-link{margin:4px 10px 4px 0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#091014}
.doc-source-link .icon,.doc-card-grid a .icon{width:13px;height:13px}
.doc-stack{display:grid;gap:10px;margin:22px 0 30px}
.doc-stack>div{padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:#091014}
.doc-stack b{font-size:13px}
.doc-stack p{margin:6px 0 0!important;font-size:12px!important}
.doc-steps{list-style:none!important;padding:0!important;margin:20px 0 30px!important;display:grid;gap:10px}
.doc-steps li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#091014}
.doc-steps li>span{display:grid;place-items:center;min-height:38px;border-right:1px solid var(--line);color:var(--accent);font:800 10px var(--mono);letter-spacing:.1em}
.doc-steps li b{font-size:13px;color:var(--text)}
.doc-steps li p{margin:4px 0 0!important;font-size:12px!important;line-height:1.65!important}
.docs-article .table-wrap{margin:22px 0 30px;border:1px solid var(--line);border-radius:10px;overflow:auto}
.docs-article table{width:100%;border-collapse:collapse;min-width:620px}
.docs-article th,.docs-article td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.docs-article th{color:#dce6e9;font:700 10px var(--mono);letter-spacing:.07em;background:#0c1216}
.docs-article td{color:#9eabb1;font-size:12px;line-height:1.6}
.docs-toc span{color:var(--muted-2);font-size:11px}
@media(max-width:760px){
  .doc-card-grid{grid-template-columns:1fr}
  .doc-steps li{grid-template-columns:38px 1fr;padding:14px}
  .docs-article .doc-lead{font-size:15px}
  .doc-source-link{display:flex;margin-right:0}
}

/* Billing */
.ihx-provider-status{display:flex;align-items:center;gap:8px;color:#a7b5bb;font-size:11px}.ihx-plan-current{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--ihx-line-2);background:#0b1115;margin-bottom:18px}.ihx-plan-current>div:first-child{padding:28px}.ihx-plan-current h2{font-size:36px;margin:10px 0 6px}.ihx-plan-current p{margin:0;font-size:11px}.ihx-plan-current>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--ihx-line)}.ihx-plan-current>div:last-child>span{padding:24px;border-right:1px solid var(--ihx-line);display:flex;flex-direction:column;justify-content:center;gap:7px}.ihx-plan-current>div:last-child>span:last-child{border:0}.ihx-plan-current small{color:var(--ihx-dim);font:700 9px var(--mono);letter-spacing:.1em}.ihx-plan-current>div:last-child b{font-size:25px}.ihx-plan-current em{font-size:10px;font-style:normal;color:var(--ihx-muted)}
.ihx-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));border:1px solid var(--ihx-line);margin-bottom:42px}.ihx-plan-grid article{min-height:430px;padding:24px;border-right:1px solid var(--ihx-line);display:flex;flex-direction:column;background:#0a0f12}.ihx-plan-grid article:last-child{border:0}.ihx-plan-grid article.featured{background:linear-gradient(155deg,#102328,#0b1114 62%);box-shadow:inset 0 2px var(--ihx-cyan)}.ihx-plan-grid header{display:flex;justify-content:space-between;gap:8px}.ihx-plan-grid header>span{font-weight:750}.ihx-plan-grid header em{font-style:normal;color:var(--ihx-cyan);font:700 8px var(--mono);letter-spacing:.09em}.ihx-plan-price{font-size:34px;font-weight:760;letter-spacing:-.05em;margin:25px 0 5px}.ihx-plan-price small{font-size:10px;color:var(--ihx-muted);letter-spacing:0}.ihx-plan-grid article>p{font-size:10px}.ihx-plan-grid ul{list-style:none;padding:17px 0 0;margin:18px 0 24px;border-top:1px solid var(--ihx-line);display:grid;gap:10px;flex:1}.ihx-plan-grid li{display:flex;align-items:center;gap:7px;color:#9dabb1;font-size:10px}.ihx-plan-grid li .icon{width:13px;color:var(--ihx-green)}.ihx-current-label{color:var(--ihx-dim);font:700 9px var(--mono)}.ihx-payment-panel>header>small{display:flex;align-items:center;gap:5px;color:var(--ihx-dim)}.ihx-payment-panel>header .icon{width:13px}.ihx-payment-head,.ihx-payment-table>div:not(.ihx-payment-head){display:grid;grid-template-columns:1.15fr .8fr .65fr .7fr 1.2fr;gap:16px;align-items:center}.ihx-payment-head{height:38px;border-block:1px solid var(--ihx-line);color:var(--ihx-dim);font:700 9px var(--mono);letter-spacing:.08em}.ihx-payment-table>div:not(.ihx-payment-head){min-height:62px;border-bottom:1px solid var(--ihx-line);font-size:10px}.ihx-payment-table code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8fa6ad}

/* Settings */
.ihx-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ihx-settings-grid>article{border:1px solid var(--ihx-line);background:#0b1013;padding:26px}.ihx-settings-grid article>header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.ihx-settings-grid article header h2{font-size:23px;margin:6px 0 0}.ihx-profile-panel .form-stack input{height:48px}.ihx-linked-account{min-height:66px;padding:10px 0;border-block:1px solid var(--ihx-line);display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px}.ihx-linked-account .ihx-client-mark{width:38px;height:38px}.ihx-linked-account .platform-mark{width:19px;height:19px}.ihx-linked-account span{display:flex;flex-direction:column;gap:3px}.ihx-linked-account small{color:var(--ihx-dim)}.ihx-linked-account em{font-style:normal;color:var(--ihx-muted);font-size:10px}.ihx-score{font-size:35px;letter-spacing:-.05em}.ihx-score small{font-size:10px;color:var(--ihx-dim)}.ihx-security-rail{border-top:1px solid var(--ihx-line)}.ihx-security-rail>div{min-height:72px;border-bottom:1px solid var(--ihx-line);display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px}.ihx-security-rail>div>.icon{color:var(--ihx-cyan)}.ihx-security-rail>div>span{display:flex;flex-direction:column;gap:3px}.ihx-security-rail small{color:var(--ihx-dim)}.ihx-security-rail>div>em{font-style:normal;color:var(--ihx-green);font-size:10px}.ihx-sessions-panel,.ihx-password-panel{grid-column:1/-1}.ihx-sessions-panel>div{border-top:1px solid var(--ihx-line)}.ihx-session-row{min-height:72px;display:grid;grid-template-columns:30px 1fr 100px 74px;gap:12px;align-items:center;border-bottom:1px solid var(--ihx-line)}.ihx-session-row>.icon{color:var(--ihx-cyan)}.ihx-session-row>span{display:flex;flex-direction:column;gap:4px}.ihx-session-row small{color:var(--ihx-dim)}.ihx-password-panel header p{max-width:340px;margin:0;font-size:10px}.ihx-password-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.ihx-password-form label{display:grid;gap:8px;color:#a4b2b8;font-size:10px}.ihx-password-form input{height:47px;padding:0 12px;border:1px solid var(--ihx-line-2);background:#080c0f;color:var(--ihx-text)}.ihx-password-form .btn{height:47px}

/* Public pricing */
.ihx-pricing-page{padding-bottom:120px}.ihx-pricing-hero{padding-top:110px;padding-bottom:58px;border-bottom:1px solid var(--ihx-line)}.ihx-pricing-hero h1{font-size:clamp(3rem,6vw,6.7rem);line-height:.92;letter-spacing:-.075em;margin:18px 0 25px;max-width:1050px}.ihx-pricing-hero h1 em{font-style:normal;color:var(--ihx-cyan)}.ihx-pricing-hero p{max-width:720px;font-size:16px}.ihx-public-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));border:1px solid var(--ihx-line);margin-top:45px}.ihx-public-plan-grid article{min-height:480px;padding:28px;border-right:1px solid var(--ihx-line);display:flex;flex-direction:column;background:#0a0e11}.ihx-public-plan-grid article:last-child{border:0}.ihx-public-plan-grid article.featured{background:linear-gradient(155deg,#102428,#0b1114 62%);box-shadow:inset 0 2px var(--ihx-cyan)}.ihx-public-plan-grid header{display:flex;justify-content:space-between}.ihx-public-plan-grid header b{font-size:15px}.ihx-public-plan-grid header em{color:var(--ihx-cyan);font:700 8px var(--mono);font-style:normal;letter-spacing:.1em}.ihx-public-plan-grid article>div{font-size:40px;font-weight:760;letter-spacing:-.055em;margin:31px 0 4px}.ihx-public-plan-grid article>div small{font-size:11px;color:var(--ihx-muted)}.ihx-public-plan-grid article>p{font-size:11px}.ihx-public-plan-grid ul{list-style:none;padding:18px 0 0;margin:20px 0 28px;border-top:1px solid var(--ihx-line);display:grid;gap:12px;flex:1;color:#99a8af;font-size:11px}.ihx-pricing-note{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-top:75px;padding-top:40px;border-top:1px solid var(--ihx-line)}.ihx-pricing-note span{color:var(--ihx-cyan);font:700 9px var(--mono);letter-spacing:.12em}.ihx-pricing-note h2{font-size:34px;margin:8px 0 0}.ihx-pricing-note p{margin:0;font-size:13px}

/* Responsive */
@media (max-width:1100px){
  .ihx-auth-layout{grid-template-columns:1fr}.ihx-auth-story{display:none}.ihx-auth-main{min-height:100vh}
  .ihx-endpoint-hero{grid-template-columns:1fr}.ihx-endpoint-meta{border-left:0;border-top:1px solid var(--ihx-line)}
  .ihx-key-table-head,.ihx-key-row{grid-template-columns:1.1fr 110px 1.4fr 110px 85px}.ihx-key-table-head>span:nth-child(4),.ihx-key-row>span:nth-child(4){display:none}
  .ihx-monitor-row{grid-template-columns:14px minmax(200px,1fr) 110px 80px}.ihx-monitor-row>div:nth-child(3){display:none}
  .ihx-credit-hero{grid-template-columns:1fr}.ihx-credit-split{border-left:0;border-top:1px solid var(--ihx-line)}
  .ihx-settings-grid{grid-template-columns:1fr}.ihx-sessions-panel,.ihx-password-panel{grid-column:auto}
}
@media (max-width:760px){
  .ihx-page-head{align-items:start;flex-direction:column}.ihx-page-head h1{font-size:2.35rem}.ihx-page-head>.btn{width:100%}
  .ihx-auth-main{padding:18px}.ihx-auth-card{padding:24px;border-radius:14px}.ihx-auth-card h2{font-size:28px}
  .ihx-endpoint-hero{padding:20px}.ihx-endpoint-meta{grid-template-columns:1fr}.ihx-endpoint-meta span{border-right:0;border-bottom:1px solid var(--ihx-line)}.ihx-endpoint-meta span:last-child{border-bottom:0}
  .ihx-connection-modes{grid-template-columns:1fr}.ihx-connection-modes article{border-right:0;border-bottom:1px solid var(--ihx-line);grid-template-columns:40px 1fr}.ihx-connection-modes article>a{grid-column:2}
  .ihx-catalog>header{align-items:start;flex-direction:column}.ihx-client-main{grid-template-columns:48px 1fr 18px}.ihx-client-mode{display:none}.ihx-client-detail{padding-left:0}.ihx-client-detail ol{grid-template-columns:1fr}.ihx-client-code{flex-direction:column}
  .ihx-key-summary,.ihx-monitor-summary{grid-template-columns:1fr}.ihx-key-summary>div,.ihx-monitor-summary>div{min-height:110px;border-right:0;border-bottom:1px solid var(--ihx-line)}.ihx-key-summary>div:last-child,.ihx-monitor-summary>div:last-child{border-bottom:0}.ihx-key-summary>div>span{margin-bottom:18px}
  .ihx-security-banner{grid-template-columns:28px 1fr}.ihx-security-banner a{grid-column:2}.ihx-key-table-head{display:none}.ihx-key-row{grid-template-columns:1fr auto;gap:10px;padding:16px 0}.ihx-key-row>code,.ihx-key-row>.ihx-scope-list,.ihx-key-row>span:nth-child(4){grid-column:1/-1}.ihx-key-row>.ihx-state{grid-column:1}.ihx-key-row>.btn{grid-column:2;grid-row:1}
  .ihx-monitor-templates{grid-template-columns:1fr 1fr}.ihx-monitor-templates button:nth-child(2){border-right:0}.ihx-monitor-templates button:nth-child(-n+2){border-bottom:1px solid var(--ihx-line)}.ihx-monitor-row{grid-template-columns:12px 1fr auto;padding:14px 0}.ihx-monitor-row>.ihx-state{grid-column:2}.ihx-monitor-row>.btn{grid-column:3;grid-row:1}.ihx-monitor-target small{white-space:normal}
  .ihx-credit-hero>div:first-child>b{font-size:52px}.ihx-credit-split{grid-template-columns:1fr}.ihx-credit-split span{border-right:0;border-bottom:1px solid var(--ihx-line)}.ihx-credit-packs>header{align-items:start;flex-direction:column}.ihx-credit-packs>div{grid-template-columns:1fr 1fr}.ihx-credit-packs article{border-bottom:1px solid var(--ihx-line)}.ihx-ledger-table-head{display:none}.ihx-ledger-table>div:not(.ihx-ledger-table-head){grid-template-columns:1fr auto;padding:12px 0}.ihx-ledger-table>div:not(.ihx-ledger-table-head)>span:nth-child(2),.ihx-ledger-table>div:not(.ihx-ledger-table-head)>span:nth-child(3),.ihx-ledger-table>div:not(.ihx-ledger-table-head)>span:nth-child(4){grid-column:1}.ihx-ledger-table b{grid-column:2;grid-row:1;text-align:right}
  .ihx-plan-current{grid-template-columns:1fr}.ihx-plan-current>div:last-child{border-left:0;border-top:1px solid var(--ihx-line);grid-template-columns:1fr}.ihx-plan-current>div:last-child>span{border-right:0;border-bottom:1px solid var(--ihx-line)}.ihx-plan-grid{grid-template-columns:1fr}.ihx-plan-grid article{border-right:0;border-bottom:1px solid var(--ihx-line)}.ihx-payment-head{display:none}.ihx-payment-table>div:not(.ihx-payment-head){grid-template-columns:1fr auto;padding:14px 0}.ihx-payment-table>div:not(.ihx-payment-head)>span:nth-child(2),.ihx-payment-table>div:not(.ihx-payment-head)>span:nth-child(4),.ihx-payment-table code{grid-column:1}.ihx-payment-table b{grid-column:2;grid-row:1}
  .ihx-settings-grid>article{padding:20px}.ihx-session-row{grid-template-columns:26px 1fr auto;padding:12px 0}.ihx-session-row>.ihx-state{grid-column:2}.ihx-session-row>.btn{grid-column:3;grid-row:1}.ihx-password-form{grid-template-columns:1fr}.ihx-pricing-hero{padding-top:76px}.ihx-pricing-hero h1{font-size:3.2rem}.ihx-public-plan-grid{grid-template-columns:1fr}.ihx-public-plan-grid article{border-right:0;border-bottom:1px solid var(--ihx-line)}.ihx-pricing-note{grid-template-columns:1fr;gap:20px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ihx-client-main>.icon{transition:none}}


/* === Command workspace ================================================== */
/* OpenCrawl — Command OS
   One visual authority for public product, auth and authenticated control plane.
   Dense, calm, operational. No beige editorial layer, no generic neon-card soup.
*/

:root{
  color-scheme:dark;
  --cos-bg:#08070d;
  --cos-bg-2:#0a0e13;
  --cos-surface:#0d1218;
  --cos-surface-2:#111821;
  --cos-surface-3:#151e29;
  --cos-line:#202a36;
  --cos-line-2:#2b3745;
  --cos-text:#f5f7fa;
  --cos-muted:#8b98a8;
  --cos-dim:#647181;
  --cos-accent:#ef39df;
  --cos-accent-2:#69dbe8;
  --cos-accent-soft:rgba(239,57,223,.1);
  --cos-blue-soft:rgba(77,163,255,.1);
  --cos-success:#35d07f;
  --cos-warning:#f2b84b;
  --cos-danger:#ff6b72;
  --cos-r:10px;
  --cos-r-sm:7px;
  --cos-shadow:0 18px 60px rgba(0,0,0,.28);
  --bg:var(--cos-bg);
  --panel:var(--cos-surface);
  --panel-2:var(--cos-surface-2);
  --line:var(--cos-line);
  --text:var(--cos-text);
  --muted:var(--cos-muted);
  --accent:var(--cos-accent);
  --success:var(--cos-success);
  --warning:var(--cos-warning);
  --danger:var(--cos-danger);
  --ih-bg:var(--cos-bg);
  --ih-bg-2:var(--cos-bg-2);
  --ih-surface:var(--cos-surface);
  --ih-surface-2:var(--cos-surface-2);
  --ih-surface-3:var(--cos-surface-3);
  --ih-line:var(--cos-line);
  --ih-line-strong:var(--cos-line-2);
  --ih-text:var(--cos-text);
  --ih-muted:var(--cos-muted);
  --ih-muted-2:var(--cos-dim);
  --ih-accent:var(--cos-accent);
  --ih-accent-2:var(--cos-accent-2);
  --ih-success:var(--cos-success);
  --ih-warning:var(--cos-warning);
  --ih-danger:var(--cos-danger);
  --ih-shadow:var(--cos-shadow);
}

*{box-sizing:border-box}
html,body{background:var(--cos-bg)!important;color:var(--cos-text)!important}
body{
  min-height:100vh;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  background:
    radial-gradient(900px 550px at 70% -160px,rgba(77,163,255,.07),transparent 64%),
    radial-gradient(700px 520px at 10% 120%,rgba(239,57,223,.045),transparent 62%),
    var(--cos-bg)!important;
}
body::before,body::after{display:none!important}
::selection{background:var(--cos-accent);color:#03110f}
a{color:inherit}
.container{width:min(1420px,calc(100% - 56px))}
.icon{width:17px;height:17px;flex:0 0 auto}

/* Core controls */
.btn,
button,input,textarea,select{font:inherit}
.btn{
  min-height:40px!important;
  border:1px solid var(--cos-line)!important;
  border-radius:8px!important;
  background:var(--cos-surface-2)!important;
  color:var(--cos-text)!important;
  box-shadow:none!important;
  font-weight:650!important;
}
.btn:hover{background:var(--cos-surface-3)!important;border-color:var(--cos-line-2)!important;transform:none!important}
.btn.primary{
  background:var(--cos-accent)!important;
  border-color:var(--cos-accent)!important;
  color:#100915!important;
  box-shadow:none!important;
}
.btn.primary:hover{background:#ff6cf3!important;border-color:#ff6cf3!important}
.btn.danger{background:rgba(255,107,114,.08)!important;border-color:rgba(255,107,114,.24)!important;color:#ff9ba0!important}
.btn.quiet{background:transparent!important}

input,textarea,select{
  background:#090d12!important;
  color:var(--cos-text)!important;
  border:1px solid var(--cos-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#586575!important}
input:focus,textarea:focus,select:focus{
  outline:0!important;
  border-color:rgba(239,57,223,.72)!important;
  box-shadow:0 0 0 3px rgba(239,57,223,.09)!important;
}

.card,.stat-card,.plan-card,.modal,.notice,.callout,.code-block,.status-panel,
.ih-run-demo,.ih-operation-primary,.ih-operation-stack article,.ih-ledger,.ih-runs-panel,
.ih-system-panel,.ih-run-composer,.ih-preflight-card,.ih-run-table-wrap,.ih-surface,.ih-panel,
.ihx-endpoint-hero,.ihx-connection-modes article,.ihx-client-card,.ihx-key-inventory,
.ihx-monitor-board,.ihx-credit-hero,.ihx-credit-packs,.ihx-ledger-panel,
.ihx-plan-card,.ihx-settings-card{
  background:var(--cos-surface)!important;
  background-image:none!important;
  color:var(--cos-text)!important;
  border-color:var(--cos-line)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

/* Brand + public shell */
.cos-brand,.ih-brand{
  display:inline-flex!important;
  align-items:center;
  gap:11px!important;
  color:var(--cos-text)!important;
  text-decoration:none;
}
.cos-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#0f151c;border:1px solid var(--cos-line)}
.cos-brand-mark img,.ih-brand img,.ih-brand-mark img{width:26px!important;height:26px!important;border-radius:6px!important}
.cos-brand-copy{display:flex;flex-direction:column;line-height:1}
.cos-brand-copy b{font-size:14px;letter-spacing:-.02em}
.cos-brand-copy small{margin-top:5px;color:#667384;font:700 8px/1 var(--mono);letter-spacing:.13em}

.ih-public-shell,.site-header,.ih-site-header{background:transparent!important;color:var(--cos-text)!important}
.site-header,.ih-site-header{
  height:68px!important;
  background:rgba(7,10,14,.84)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  backdrop-filter:blur(18px)!important;
}
.site-nav,.ih-site-nav{height:68px!important}
.nav-links,.ih-nav-links{color:var(--cos-muted)!important}
.nav-links a:hover,.ih-nav-links a:hover{color:var(--cos-text)!important}
.nav-actions,.ih-nav-actions{color:var(--cos-text)!important}
.ih-nav-signin{color:var(--cos-muted)!important}
.mobile-menu{background:#0b1016!important;border-bottom:1px solid var(--cos-line)!important}

/* Homepage: product-first, not marketing-card soup */
.ih-home,.ih-hero,.ih-operation-section,.ih-evidence-section,.ih-client-band,.ih-final{
  background:transparent!important;
  color:var(--cos-text)!important;
}
.ih-hero{padding-top:108px!important;padding-bottom:92px!important;border-bottom:1px solid var(--cos-line)!important}
.ih-hero::before,.ih-final::before,.ih-operation-primary::before{opacity:.3!important}
.ih-hero-copy h1{color:var(--cos-text)!important;font-weight:650!important;letter-spacing:-.06em!important}
.ih-hero-copy h1 span{color:#98a6b7!important}
.ih-hero-copy>p{color:var(--cos-muted)!important}
.ih-text-link{color:#9fc8ff!important}
.ih-hero-proof{color:#7e8b9a!important}
.ih-client-band{background:#090d12!important;border-color:var(--cos-line)!important}
.ih-provider,.ih-provider b{color:var(--cos-text)!important}
.ih-provider small,.ih-band-label{color:var(--cos-dim)!important}
.ih-section-lead h2,.ih-operation-primary h3,.ih-operation-stack h3,.ih-final h2{color:var(--cos-text)!important}
.ih-section-lead p,.ih-operation-stack p,.ih-final p{color:var(--cos-muted)!important}
.ih-run-demo,.ih-operation-primary,.ih-operation-stack article,.ih-ledger{border-radius:12px!important}
.ih-demo-command,.ih-demo-tabs,.ih-panel-head,.ih-ledger-head{border-color:var(--cos-line)!important}
.ih-demo-command p,.ih-demo-result h3,.ih-demo-step b,.ih-evidence-row b,.ih-ledger-row span{color:var(--cos-text)!important}
.ih-demo-step small,.ih-demo-result p,.ih-evidence-row small,.ih-ledger-row code{color:var(--cos-muted)!important}
.ih-demo-tabs b,.ih-demo-result>span,.ih-panel-head>span,.ih-operation-stack article>span{color:var(--cos-accent)!important}
.platform-mark{fill:currentColor!important;color:#b8c4d2!important}

/* Auth */
.ihx-auth-layout,.auth-layout{background:var(--cos-bg)!important;color:var(--cos-text)!important}
.ihx-auth-story,.auth-story{
  background:
    linear-gradient(180deg,rgba(77,163,255,.06),transparent 44%),
    #090d12!important;
  border-right:1px solid var(--cos-line)!important;
}
.ihx-auth-copy h1,.auth-card h2{color:var(--cos-text)!important}
.ihx-auth-copy p,.auth-card p,.ihx-auth-foot{color:var(--cos-muted)!important}
.ihx-auth-card,.auth-card{background:var(--cos-surface)!important;border:1px solid var(--cos-line)!important;border-radius:14px!important;box-shadow:var(--cos-shadow)!important}
.ihx-auth-kicker{color:var(--cos-accent)!important}
.ihx-auth-console{background:#080c11!important;border-color:var(--cos-line)!important}
.ihx-auth-route strong{background:var(--cos-surface-2)!important;border-color:var(--cos-line)!important}
.form-stack label,fieldset legend{color:#c7d0db!important}
.auth-links,.divider,.divider span{color:var(--cos-muted)!important}

/* Pricing: explicit contrast, no inherited dark-on-dark bug */
.pricing-page,.page{background:transparent!important;color:var(--cos-text)!important}
.pricing-grid .plan-card,.plan-card,.ihx-plan-card{
  background:var(--cos-surface)!important;
  color:var(--cos-text)!important;
  border:1px solid var(--cos-line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.pricing-grid .plan-card.featured,.plan-card.featured,.ihx-plan-card.featured{
  background:#101821!important;
  border-color:rgba(239,57,223,.42)!important;
}
.pricing-grid .plan-card h2,.pricing-grid .plan-card h3,.pricing-grid .plan-card .plan-name,
.pricing-grid .plan-card .plan-price,.pricing-grid .plan-card .plan-price small,
.plan-card h2,.plan-card h3,.plan-card b,.ihx-plan-card h3,.ihx-plan-card b{color:var(--cos-text)!important}
.pricing-grid .plan-card p,.pricing-grid .plan-card li,.pricing-grid .plan-card small,
.plan-card p,.plan-card li,.plan-card small,.ihx-plan-card p,.ihx-plan-card li,.ihx-plan-card small{color:var(--cos-muted)!important}
.plan-card .btn,.pricing-grid .plan-card .btn{width:100%}

/* Command OS shell */
.cos-app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;background:var(--cos-bg);color:var(--cos-text)}
.cos-sidebar{
  position:fixed!important;
  inset:0 auto 0 0;
  width:250px!important;
  display:flex!important;
  flex-direction:column;
  z-index:80;
  background:#090d12!important;
  border-right:1px solid var(--cos-line)!important;
  box-shadow:none!important;
}
.cos-sidebar-brand{height:72px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--cos-line)}
.cos-sidebar .cos-brand{pointer-events:auto}
.cos-sidebar .cos-brand-copy small{display:block!important}
.cos-launch{
  margin:16px 14px 9px;
  height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  border:1px solid var(--cos-line-2);
  border-radius:9px;
  background:#101720;
  color:#dce5ef;
  text-decoration:none;
  transition:.18s ease;
}
.cos-launch:hover,.cos-launch.active{border-color:rgba(239,57,223,.42);background:#111c23;color:#fff}
.cos-launch>span{color:var(--cos-accent);display:grid;place-items:center}
.cos-launch b{font-size:13px;font-weight:650}
.cos-launch kbd{margin-left:auto;border:1px solid var(--cos-line);border-radius:5px;background:#090d12;color:#667383;font:600 9px var(--mono);padding:3px 5px}
.cos-nav{padding:4px 10px 12px;overflow:auto}
.cos-nav-group{margin-top:15px}
.cos-nav-group>span{display:block;padding:0 10px 7px;color:#596676;font:700 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.cos-nav-group>a{
  position:relative;
  height:39px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 10px;
  border-radius:7px;
  color:#8d9aaa;
  text-decoration:none;
  transition:.14s ease;
}
.cos-nav-group>a:hover{background:#0f151d;color:#dce4ee}
.cos-nav-group>a.active{background:#121b24;color:#fff}
.cos-nav-group>a.active>i{position:absolute;right:-10px;width:2px;height:20px;border-radius:2px;background:var(--cos-accent)}
.cos-nav-icon{width:22px;display:grid;place-items:center;color:#6f7d8d}
.cos-nav-group>a.active .cos-nav-icon{color:var(--cos-accent)}
.cos-nav-group>a b{font-size:13px;font-weight:580}
.cos-sidebar-bottom{margin-top:auto;padding:12px 14px 16px;border-top:1px solid var(--cos-line)}
.cos-gateway{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:8px;color:#99a6b5;text-decoration:none}
.cos-gateway:hover{background:#0f151d}
.cos-gateway>div{min-width:0;display:flex;flex-direction:column;flex:1}
.cos-gateway b{font-size:11px;color:#dce5ef}
.cos-gateway small{font-size:9px;color:#596676;margin-top:2px}
.cos-gateway>.icon{width:13px;color:#586575}
.cos-live-dot{width:7px;height:7px;border-radius:50%;background:var(--cos-success);box-shadow:0 0 0 3px rgba(53,208,127,.08);display:inline-block}
.cos-sidebar-links{display:flex;gap:8px;margin-top:8px}
.cos-sidebar-links a{flex:1;height:32px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--cos-line);border-radius:7px;color:#687586;font-size:10px;text-decoration:none}
.cos-sidebar-links a:hover{color:#dce5ef;border-color:var(--cos-line-2)}
.cos-sidebar-links .icon{width:13px}

.cos-workspace{grid-column:2;min-width:0;background:transparent!important}
.cos-topbar{
  position:sticky!important;
  top:0;
  z-index:60;
  height:64px!important;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  padding:0 22px!important;
  background:rgba(7,10,14,.88)!important;
  border-bottom:1px solid var(--cos-line)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:none!important;
}
.cos-topbar-left,.cos-topbar-right{display:flex;align-items:center;gap:12px}
.cos-mobile-menu{display:none!important;color:var(--cos-text)!important}
.cos-breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:#697687}
.cos-breadcrumb i{font-style:normal;color:#354150}
.cos-breadcrumb b{color:#dce5ef;font-weight:650}
.cos-command-cta{
  height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:7px;
  background:#111a22;border:1px solid var(--cos-line-2);color:#dce5ef;text-decoration:none;font-size:11px;font-weight:650
}
.cos-command-cta:hover{border-color:rgba(239,57,223,.45)}
.cos-command-cta .icon{color:var(--cos-accent);width:14px}
.cos-command-cta kbd{font:600 9px var(--mono);color:#637080}
.cos-docs-link{font-size:11px;color:#718092;text-decoration:none}
.cos-docs-link:hover{color:#dce5ef}
.cos-account{height:42px;display:flex;align-items:center;gap:9px;padding:0 5px 0 6px;border:0;background:transparent;color:#dce5ef;border-radius:8px}
.cos-account:hover{background:#0f151d}
.cos-account>i,.cos-account-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#15212b;border:1px solid #263746;color:var(--cos-accent);font-style:normal;font-size:11px;font-weight:750}
.cos-account>span{display:flex;flex-direction:column;align-items:flex-start;max-width:150px}
.cos-account b{font-size:10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cos-account small{font-size:8px;color:#5d6a79;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cos-account>.icon{width:12px;color:#576474;transform:rotate(90deg)}
.cos-account-menu{
  position:absolute;top:56px;right:18px;width:250px;padding:8px;background:#0d131a;border:1px solid var(--cos-line-2);border-radius:10px;box-shadow:var(--cos-shadow);z-index:100
}
.cos-account-menu[hidden]{display:none!important}
.cos-account-menu>div{display:flex;gap:10px;align-items:center;padding:9px 8px 12px;border-bottom:1px solid var(--cos-line);margin-bottom:5px}
.cos-account-menu>div>span:last-child{display:flex;flex-direction:column;min-width:0}
.cos-account-menu>div b{font-size:11px}.cos-account-menu>div small{font-size:9px;color:#617081;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cos-account-menu>a,.cos-account-menu>button{width:100%;height:36px;display:flex;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#98a6b6;font-size:11px;text-decoration:none;text-align:left}
.cos-account-menu>a:hover,.cos-account-menu>button:hover{background:#121a23;color:#fff}
.cos-account-menu .icon{width:14px}
.cos-account-menu>button{border-top:1px solid var(--cos-line);border-radius:0;margin-top:4px;color:#ff8d93}

.cos-content{padding:28px 30px 70px!important;max-width:1600px;width:100%;margin:0 auto;background:transparent!important}

/* Dashboard product surfaces */
.ih-command-head,.ih-runs-head,.ihx-page-head,.page-head{
  padding:8px 0 25px!important;
  border-bottom:0!important;
}
.ih-command-head>div>span,.ih-runs-head>div>span,.ihx-page-head>div>span,.page-head .overline{
  color:var(--cos-accent)!important;font:700 9px/1 var(--mono)!important;letter-spacing:.14em!important
}
.ih-command-head h1,.ih-runs-head h1,.ihx-page-head h1,.page-head h1{
  color:var(--cos-text)!important;font-size:clamp(2rem,3.3vw,3.2rem)!important;letter-spacing:-.05em!important;font-weight:640!important
}
.ih-command-head p,.ih-runs-head p,.ihx-page-head p,.page-head p{color:var(--cos-muted)!important;max-width:760px!important}
.ih-command-health{background:#0c1218!important;border-color:var(--cos-line)!important;border-radius:10px!important}

.ih-run-composer{padding:10px!important;border:1px solid var(--cos-line)!important;border-radius:12px!important;background:#0c1117!important}
.ih-run-input-wrap{background:#080c11!important;border:1px solid #25303c!important;border-radius:10px!important}
.ih-run-input-wrap>.icon{color:var(--cos-accent)!important}
.ih-run-input-wrap textarea{background:transparent!important;border:0!important;box-shadow:none!important;color:#eef3f7!important;font-size:15px!important;line-height:1.55!important}
.ih-run-hints{border-color:var(--cos-line)!important;color:#647181!important}
.ih-run-hints button{background:#111821!important;border:1px solid var(--cos-line)!important;color:#8290a0!important;border-radius:6px!important}
.ih-run-hints button:hover{color:#fff!important;border-color:#344252!important}

.ih-command-stats{border:1px solid var(--cos-line)!important;border-radius:10px!important;overflow:hidden;background:#0a0f14!important}
.ih-command-stats>div{border-color:var(--cos-line)!important;background:transparent!important}
.ih-command-stats span{color:#607080!important}.ih-command-stats b{color:#f2f6fa!important}.ih-command-stats small{color:#657383!important}
.ih-command-grid{gap:14px!important}
.ih-runs-panel,.ih-system-panel{border-radius:11px!important}
.ih-runs-panel header,.ih-system-panel header,.ihx-key-inventory>header,.ihx-monitor-board>header,.ihx-ledger-panel>header{border-color:var(--cos-line)!important}
.ih-runs-panel h2,.ih-system-panel h2,.ihx-key-inventory h2,.ihx-monitor-board h2,.ihx-ledger-panel h2{color:var(--cos-text)!important}
.ih-run-row,.ih-system-row{border-color:var(--cos-line)!important;background:transparent!important}
.ih-run-row:hover{background:#101720!important}
.ih-run-row b,.ih-system-row b{color:#dfe7ef!important}.ih-run-row small,.ih-system-row small{color:#6f7d8c!important}
.ih-run-row code{color:#7d8b9b!important}.ih-run-row em,.ih-system-row em{color:#8795a5!important}

.ih-runs-summary,.ih-key-summary,.ihx-key-summary,.ihx-monitor-summary{background:#0a0f14!important;border:1px solid var(--cos-line)!important;border-radius:10px!important;overflow:hidden}
.ihx-key-summary>div,.ihx-monitor-summary>div{background:transparent!important;border-color:var(--cos-line)!important}
.ihx-key-summary small,.ihx-monitor-summary small{color:#687687!important}.ihx-key-summary b,.ihx-monitor-summary b{color:#eef3f7!important}

.ihx-security-banner{background:rgba(77,163,255,.06)!important;border-color:rgba(77,163,255,.18)!important;color:#a9cfff!important;border-radius:9px!important}
.ihx-security-banner p{color:#7d8fa3!important}
.ihx-key-table-head,.ihx-ledger-table-head{color:#627183!important;border-color:var(--cos-line)!important}
.ihx-key-row,.ihx-ledger-table>div,.ihx-monitor-row{border-color:var(--cos-line)!important;background:transparent!important}
.ihx-key-row:hover,.ihx-monitor-row:hover{background:#101720!important}
.ihx-key-row b,.ihx-monitor-row b{color:#dfe7ef!important}
.ihx-key-row small,.ihx-monitor-row small{color:#687687!important}
.ihx-scope-list em{background:#101a22!important;border-color:#263342!important;color:#8ba0b3!important}
.ihx-state.on{color:#78dda7!important}.ihx-state.off{color:#8b98a8!important}

.ihx-endpoint-hero{border-radius:12px!important}
.ihx-endpoint-hero h2{color:#e8eff6!important}.ihx-endpoint-hero p{color:#748294!important}
.ihx-endpoint-meta{border-color:var(--cos-line)!important}
.ihx-endpoint-meta small{color:#607080!important}.ihx-endpoint-meta b{color:#cbd6e1!important}
.ihx-connection-modes{gap:12px!important}.ihx-connection-modes article{border-radius:10px!important}
.ihx-connection-modes h3,.ihx-client-copy b{color:#eef3f7!important}.ihx-connection-modes p,.ihx-client-copy p{color:#728093!important}
.ihx-client-card{border-radius:10px!important}.ihx-client-main{color:var(--cos-text)!important}.ihx-client-mode{background:#101920!important;border-color:var(--cos-line)!important;color:#8fa1b3!important}
.ihx-client-detail{border-color:var(--cos-line)!important;background:#090e13!important}
.ihx-client-code{background:#070b0f!important;border-color:var(--cos-line)!important}

.ihx-credit-hero{border-radius:12px!important}.ihx-credit-hero b{color:#eef3f7!important}.ihx-credit-hero p{color:#728093!important}
.ihx-credit-split{border-color:var(--cos-line)!important}.ihx-credit-split small{color:#617081!important}.ihx-credit-split b{color:#dfe7ef!important}
.ihx-credit-packs,.ihx-ledger-panel{border-radius:11px!important}.ihx-credit-packs article{background:#0b1117!important;border-color:var(--cos-line)!important;border-radius:9px!important}
.ihx-credit-packs article b,.ihx-credit-packs h2{color:#eef3f7!important}.ihx-credit-packs article small,.ihx-credit-packs p{color:#6d7a8b!important}

/* Tables */
.table-wrap{border:1px solid var(--cos-line)!important;border-radius:10px!important;background:#0b1016!important;overflow:auto!important}
table{color:var(--cos-text)!important}
thead{background:#0f151c!important}
th{color:#657485!important;border-color:var(--cos-line)!important;font:700 9px var(--mono)!important;letter-spacing:.1em!important;text-transform:uppercase}
td{color:#b7c1cc!important;border-color:var(--cos-line)!important}
tbody tr:hover{background:#101720!important}
td code{color:#9fc8ff!important;background:transparent!important}
.badge.success{background:rgba(53,208,127,.08)!important;border-color:rgba(53,208,127,.2)!important;color:#72dda4!important}
.badge.warning{background:rgba(242,184,75,.08)!important;border-color:rgba(242,184,75,.2)!important;color:#f0c56b!important}
.badge.danger{background:rgba(255,107,114,.08)!important;border-color:rgba(255,107,114,.2)!important;color:#ff9399!important}

/* Settings */
.settings-grid,.ihx-settings-grid{gap:14px!important}
.settings-grid .card,.ihx-settings-card{border-radius:11px!important}
.settings-grid h2,.ihx-settings-card h2,.ihx-settings-card h3{color:#eef3f7!important}
.settings-grid p,.ihx-settings-card p{color:#758395!important}
.session-row{border-color:var(--cos-line)!important}

/* Modals / creation flows */
.modal-backdrop{background:rgba(1,3,6,.74)!important;backdrop-filter:blur(5px)!important}
.modal{background:#0d131a!important;border:1px solid #2a3643!important;border-radius:12px!important;box-shadow:0 30px 90px rgba(0,0,0,.48)!important;color:var(--cos-text)!important}
.modal-head{border-color:var(--cos-line)!important}.modal-head h2{color:#f2f6fa!important}.modal-head .overline{color:var(--cos-accent)!important}.modal-head button{color:#7b8999!important}
.form-stack label{color:#b6c0cb!important}.form-stack fieldset{border-color:var(--cos-line)!important}.check{background:#0a1016!important;border-color:var(--cos-line)!important}
.notice.warning{background:rgba(242,184,75,.07)!important;border-color:rgba(242,184,75,.2)!important;color:#e7c67f!important}
.code-block{background:#070b0f!important;border-color:var(--cos-line)!important}.code-block code{color:#b9d8ff!important}

/* Mobile */
.cos-mobile-bottom,.cos-more-sheet,.cos-sheet-backdrop{display:none}
@media (max-width:980px){
  .cos-app{display:block;min-height:100vh}
  .cos-sidebar{transform:translateX(-102%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(0,0,0,.36)!important}
  .cos-sidebar.open{transform:translateX(0)}
  .cos-workspace{margin-left:0!important}
  .cos-mobile-menu{display:grid!important;place-items:center;width:36px;height:36px}
  .cos-topbar{padding:0 14px!important}
  .cos-breadcrumb>span,.cos-breadcrumb>i{display:none}
  .cos-docs-link,.cos-account>span{display:none}
  .cos-account{padding:0}
  .cos-command-cta span,.cos-command-cta kbd{display:none}
  .cos-content{padding:20px 16px 86px!important}
  .cos-mobile-bottom{
    position:fixed;display:grid;grid-template-columns:repeat(5,1fr);z-index:70;left:0;right:0;bottom:0;height:66px;padding-bottom:env(safe-area-inset-bottom);
    background:rgba(8,12,17,.94)!important;border-top:1px solid var(--cos-line)!important;backdrop-filter:blur(18px)
  }
  .cos-mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#637181;font-size:9px;text-decoration:none}
  .cos-mobile-bottom .icon{width:18px;height:18px}
  .cos-mobile-bottom a.active{color:var(--cos-accent)}
  .cos-more-sheet{
    display:block;position:fixed;z-index:100;left:8px;right:8px;bottom:8px;transform:translateY(120%);padding:10px 10px 16px;border:1px solid var(--cos-line-2);border-radius:15px;background:#0d131a;box-shadow:0 30px 80px rgba(0,0,0,.5);transition:transform .22s ease
  }
  .cos-more-sheet.open{transform:translateY(0)}
  .cos-more-sheet>b{display:block;padding:8px 9px 10px;font-size:11px;color:#dbe4ed}
  .cos-sheet-handle{width:38px;height:4px;border-radius:99px;background:#303c49;margin:2px auto 7px}
  .cos-more-sheet a,.cos-more-sheet button{width:100%;height:43px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#95a3b4;text-decoration:none;font-size:12px}
  .cos-more-sheet a:hover,.cos-more-sheet button:hover{background:#121a23;color:#fff}
  .cos-more-sheet button{color:#ff8d93}
  .cos-sheet-backdrop{position:fixed;display:none;inset:0;z-index:90;background:rgba(1,3,6,.62)}
  .cos-sheet-backdrop.open{display:block}
  .ih-command-grid{grid-template-columns:1fr!important}
  .ih-command-stats{grid-template-columns:1fr 1fr!important}
  .ihx-connection-modes,.ihx-settings-grid{grid-template-columns:1fr!important}
}

@media (max-width:640px){
  .container{width:min(100% - 28px,1420px)}
  .ih-hero{padding-top:72px!important}
  .ih-hero-grid{grid-template-columns:1fr!important;gap:42px!important}
  .ih-hero-copy h1{font-size:clamp(2.7rem,13vw,4.4rem)!important}
  .ih-provider-row{grid-template-columns:1fr 1fr!important}
  .ih-command-head,.ih-runs-head,.ihx-page-head{display:block!important}
  .ih-command-health{margin-top:14px!important;width:max-content}
  .ih-run-input-wrap{display:block!important;padding:10px!important}
  .ih-run-input-wrap>.icon{margin:5px 0 6px 4px}
  .ih-run-input-wrap textarea{width:100%!important;min-height:100px!important}
  .ih-run-input-wrap .btn{width:100%!important;margin-top:8px}
  .ih-command-stats{grid-template-columns:1fr!important}
  .ih-command-stats>div{min-height:100px!important}
  .ihx-key-summary,.ihx-monitor-summary{grid-template-columns:1fr!important}
  .ihx-key-row,.ihx-monitor-row{grid-template-columns:1fr!important;gap:9px!important}
  .ihx-key-table-head{display:none!important}
  .table-wrap{border-radius:8px!important}
  .pricing-grid{grid-template-columns:1fr!important}
  .cos-account-menu{right:10px;top:55px;width:min(260px,calc(100vw - 20px))}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* === Cognitive design authority ========================================= */
/* OpenCrawl Cognitive UI Foundation v1
   Single source of truth for product-wide tokens and structural primitives.
   Legacy route layers remain temporarily; this file owns rebuilt shell behavior. */

:root {
  color-scheme: dark;
  --ih-bg: #08070d;
  --ih-surface-1: #0b1016;
  --ih-surface-2: #0f151d;
  --ih-surface-3: #141c26;
  --ih-overlay: rgba(7,10,14,.78);
  --ih-border-subtle: #17212c;
  --ih-border: #202c39;
  --ih-border-strong: #314154;
  --ih-text: #f3f7fa;
  --ih-text-secondary: #a7b4c2;
  --ih-text-muted: #718092;
  --ih-text-faint: #526071;
  --ih-accent: #ef39df;
  --ih-accent-strong: #ff6cf3;
  --ih-accent-soft: rgba(239,57,223,.10);
  --ih-info: #6ca9ff;
  --ih-success: #61d99a;
  --ih-warning: #e6bc69;
  --ih-danger: #f07878;
  --ih-font-sans: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ih-font-mono: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --ih-text-xs: .6875rem;
  --ih-text-sm: .8125rem;
  --ih-text-md: .9375rem;
  --ih-text-lg: 1.125rem;
  --ih-text-xl: 1.5rem;
  --ih-text-2xl: clamp(2rem,3.2vw,3rem);
  --ih-space-1: .25rem;
  --ih-space-2: .5rem;
  --ih-space-3: .75rem;
  --ih-space-4: 1rem;
  --ih-space-5: 1.25rem;
  --ih-space-6: 1.5rem;
  --ih-space-8: 2rem;
  --ih-space-10: 2.5rem;
  --ih-space-12: 3rem;
  --ih-space-16: 4rem;
  --ih-radius-sm: .5rem;
  --ih-radius-md: .75rem;
  --ih-radius-lg: 1rem;
  --ih-radius-pill: 999px;
  --ih-sidebar-width: 15rem;
  --ih-content-max: 92rem;
  --ih-header-height: 4rem;
  --ih-shadow-float: 0 18px 50px rgba(0,0,0,.28);
  --ih-ease: cubic-bezier(.2,.8,.2,1);
  --ih-duration-fast: 120ms;
  --ih-duration: 180ms;
}

html { background:var(--ih-bg); color:var(--ih-text); font-family:var(--ih-font-sans); font-synthesis:none; text-rendering:optimizeLegibility; }
body { background:var(--ih-bg); color:var(--ih-text); }
::selection { background:rgba(239,57,223,.24); color:var(--ih-text); }
:where(button,a,input,textarea,select):focus-visible { outline:2px solid var(--ih-accent); outline-offset:2px; }

.ih-page-shell { width:min(100%,var(--ih-content-max)); margin-inline:auto; padding:var(--ih-space-10) var(--ih-space-8) var(--ih-space-16); }
.ih-page-header { display:flex; align-items:flex-end; justify-content:space-between; gap:var(--ih-space-6); margin-bottom:var(--ih-space-8); }
.ih-page-heading { min-width:0; max-width:52rem; }
.ih-eyebrow { margin:0 0 var(--ih-space-2); color:var(--ih-accent); font:700 var(--ih-text-xs)/1.2 var(--ih-font-mono); letter-spacing:.12em; text-transform:uppercase; }
.ih-title { margin:0; color:var(--ih-text); font-size:var(--ih-text-2xl); line-height:1.05; letter-spacing:-.045em; }
.ih-subtitle { max-width:46rem; margin:var(--ih-space-3) 0 0; color:var(--ih-text-secondary); font-size:var(--ih-text-md); line-height:1.65; }
.ih-page-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:var(--ih-space-3); flex:0 0 auto; }
.ih-page-actions > :is(a,button) { min-height:2.5rem; }
.ih-page-meta { display:flex; align-items:center; flex-wrap:wrap; gap:var(--ih-space-3); margin-top:var(--ih-space-4); color:var(--ih-text-muted); font-size:var(--ih-text-sm); }
.ih-page-meta > * + * { position:relative; padding-left:var(--ih-space-4); }
.ih-page-meta > * + *::before { content:""; position:absolute; left:.35rem; top:50%; width:.22rem; height:.22rem; border-radius:50%; background:var(--ih-border-strong); transform:translateY(-50%); }
.ih-grid { display:grid; gap:var(--ih-space-4); }
.ih-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ih-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ih-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ih-panel { min-width:0; border:1px solid var(--ih-border-subtle); border-radius:var(--ih-radius-md); background:var(--ih-surface-1); }
.ih-panel--raised { border-color:var(--ih-border); background:var(--ih-surface-2); box-shadow:var(--ih-shadow-float); }
.ih-panel-header,.ih-panel-body,.ih-panel-footer { padding:var(--ih-space-5) var(--ih-space-6); }
.ih-panel-header + .ih-panel-body,.ih-panel-body + .ih-panel-footer { border-top:1px solid var(--ih-border-subtle); }
.ih-stack { display:flex; flex-direction:column; gap:var(--ih-space-4); }
.ih-cluster { display:flex; align-items:center; flex-wrap:wrap; gap:var(--ih-space-3); }
.ih-split { display:flex; align-items:center; justify-content:space-between; gap:var(--ih-space-4); }
.ih-status { display:inline-flex; align-items:center; gap:.45rem; min-height:1.75rem; padding:0 .65rem; border:1px solid var(--ih-border-subtle); border-radius:var(--ih-radius-pill); color:var(--ih-text-secondary); background:var(--ih-surface-1); font:700 var(--ih-text-xs)/1 var(--ih-font-mono); }
.ih-status::before { content:""; width:.42rem; height:.42rem; border-radius:50%; background:var(--ih-text-muted); }
.ih-status[data-tone="success"]::before { background:var(--ih-success); }
.ih-status[data-tone="warning"]::before { background:var(--ih-warning); }
.ih-status[data-tone="danger"]::before { background:var(--ih-danger); }
.ih-status[data-tone="info"]::before { background:var(--ih-info); }
.ih-metric-value { color:var(--ih-text); font-size:clamp(1.65rem,2.4vw,2.35rem); font-weight:750; line-height:1; letter-spacing:-.04em; }
.ih-metric-label { color:var(--ih-text-muted); font:700 var(--ih-text-xs)/1.2 var(--ih-font-mono); letter-spacing:.08em; text-transform:uppercase; }
.ih-divider { height:1px; border:0; background:var(--ih-border-subtle); }
.ih-muted { color:var(--ih-text-muted); }
.ih-mono { font-family:var(--ih-font-mono); }

/* Authenticated shell: one visual contract for sidebar, topbar and workspace. */
.cos-app { min-height:100dvh; display:grid; grid-template-columns:var(--ih-sidebar-width) minmax(0,1fr); background:var(--ih-bg); }
.cos-sidebar.ih-sidebar { position:sticky; top:0; z-index:30; height:100dvh; display:flex; flex-direction:column; padding:var(--ih-space-4); border-right:1px solid var(--ih-border-subtle); background:#080c11; }
.cos-sidebar-brand { min-height:4.75rem; display:flex; align-items:center; padding:0 var(--ih-space-2) var(--ih-space-3); }
.cos-brand { display:flex; align-items:center; gap:.7rem; min-width:0; color:var(--ih-text); text-decoration:none; }
.cos-brand-mark { width:2rem; height:2rem; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--ih-border); border-radius:var(--ih-radius-sm); background:var(--ih-surface-2); }
.cos-brand-copy { display:grid; min-width:0; gap:.15rem; }
.cos-brand-copy b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--ih-text-sm); letter-spacing:-.01em; }
.cos-brand-copy small { color:var(--ih-text-faint); font:700 .58rem/1 var(--ih-font-mono); letter-spacing:.13em; }
.cos-launch { min-height:2.75rem; display:grid; grid-template-columns:1.25rem 1fr auto; align-items:center; gap:.65rem; margin-bottom:var(--ih-space-5); padding:0 .75rem; border:1px solid var(--ih-border); border-radius:var(--ih-radius-sm); color:var(--ih-text-secondary); background:var(--ih-surface-1); text-decoration:none; transition:border-color var(--ih-duration-fast),background var(--ih-duration-fast),color var(--ih-duration-fast); }
.cos-launch:hover,.cos-launch.active { border-color:rgba(239,57,223,.42); background:var(--ih-accent-soft); color:var(--ih-text); }
.cos-launch b { font-size:var(--ih-text-sm); font-weight:650; }
.cos-launch kbd,.cos-command-cta kbd { border:1px solid var(--ih-border); border-radius:.35rem; padding:.18rem .35rem; color:var(--ih-text-faint); background:var(--ih-bg); font:600 .62rem/1 var(--ih-font-mono); }
.cos-nav { display:flex; flex:1; flex-direction:column; gap:var(--ih-space-5); overflow-y:auto; scrollbar-width:none; }
.cos-nav-group { display:grid; gap:.2rem; }
.cos-nav-group > span { padding:0 .65rem .35rem; color:var(--ih-text-faint); font:700 .6rem/1.2 var(--ih-font-mono); letter-spacing:.14em; text-transform:uppercase; }
.cos-nav-group > a { position:relative; min-height:2.45rem; display:grid; grid-template-columns:1.25rem 1fr; align-items:center; gap:.65rem; padding:0 .65rem; border-radius:var(--ih-radius-sm); color:var(--ih-text-muted); text-decoration:none; transition:background var(--ih-duration-fast),color var(--ih-duration-fast); }
.cos-nav-group > a:hover { color:var(--ih-text-secondary); background:rgba(255,255,255,.025); }
.cos-nav-group > a.active { color:var(--ih-text); background:var(--ih-surface-2); }
.cos-nav-group > a.active > i { position:absolute; right:-1rem; width:2px; height:1.25rem; border-radius:2px; background:var(--ih-accent); }
.cos-nav-icon { display:grid; place-items:center; color:currentColor; }
.cos-nav-group b { font-size:var(--ih-text-sm); font-weight:560; }
.cos-sidebar-bottom { display:grid; gap:var(--ih-space-3); padding-top:var(--ih-space-4); border-top:1px solid var(--ih-border-subtle); }
.cos-gateway { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.55rem; padding:.55rem .6rem; border-radius:var(--ih-radius-sm); color:var(--ih-text-secondary); text-decoration:none; }
.cos-gateway:hover { background:var(--ih-surface-1); }
.cos-gateway div { display:grid; gap:.12rem; min-width:0; }
.cos-gateway b { font-size:.72rem; }
.cos-gateway small { color:var(--ih-text-faint); font-size:.62rem; }
.cos-live-dot { width:.45rem; height:.45rem; display:block; border-radius:50%; background:var(--ih-success); box-shadow:0 0 0 3px rgba(97,217,154,.08); }
.cos-sidebar-links { display:grid; grid-template-columns:1fr 1fr; gap:.35rem; }
.cos-sidebar-links a { display:flex; justify-content:center; align-items:center; gap:.35rem; min-height:2rem; border:1px solid var(--ih-border-subtle); border-radius:var(--ih-radius-sm); color:var(--ih-text-muted); font-size:.68rem; text-decoration:none; }
.cos-sidebar-links a:hover { color:var(--ih-text-secondary); border-color:var(--ih-border); }
.cos-workspace.ih-workspace { min-width:0; min-height:100dvh; background:var(--ih-bg); }
.cos-topbar.ih-topbar { position:sticky; top:0; z-index:25; min-height:var(--ih-header-height); display:flex; align-items:center; justify-content:space-between; gap:var(--ih-space-4); padding:0 var(--ih-space-8); border-bottom:1px solid var(--ih-border-subtle); background:rgba(7,10,14,.9); backdrop-filter:blur(18px); }
.cos-topbar-left,.cos-topbar-right { display:flex; align-items:center; gap:var(--ih-space-3); min-width:0; }
.cos-breadcrumb { display:flex; align-items:center; gap:.55rem; min-width:0; font-size:var(--ih-text-sm); }
.cos-breadcrumb span { color:var(--ih-text-faint); }
.cos-breadcrumb i { color:var(--ih-border-strong); font-style:normal; }
.cos-breadcrumb b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ih-text-secondary); font-weight:620; }
.cos-docs-link { color:var(--ih-text-muted); font-size:var(--ih-text-sm); text-decoration:none; }
.cos-docs-link:hover { color:var(--ih-text); }
.cos-command-cta { min-height:2.2rem; display:flex; align-items:center; gap:.5rem; padding:0 .65rem; border:1px solid var(--ih-border); border-radius:var(--ih-radius-sm); color:var(--ih-text-secondary); background:var(--ih-surface-1); font-size:var(--ih-text-sm); text-decoration:none; }
.cos-command-cta:hover { border-color:rgba(239,57,223,.35); color:var(--ih-text); }
.cos-account { min-height:2.35rem; display:flex; align-items:center; gap:.55rem; max-width:14rem; padding:.25rem .35rem; border:0; border-radius:var(--ih-radius-sm); color:var(--ih-text-secondary); background:transparent; cursor:pointer; }
.cos-account:hover,.cos-account[aria-expanded="true"] { background:var(--ih-surface-1); color:var(--ih-text); }
.cos-account > i,.cos-account-avatar { width:1.75rem; height:1.75rem; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--ih-border); border-radius:.45rem; color:var(--ih-accent); background:var(--ih-surface-2); font:700 .7rem/1 var(--ih-font-mono); font-style:normal; }
.cos-account > span { min-width:0; display:grid; text-align:left; }
.cos-account > span b,.cos-account > span small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cos-account > span b { font-size:.7rem; font-weight:650; }
.cos-account > span small { color:var(--ih-text-faint); font-size:.58rem; }
.cos-account-menu { position:fixed; top:calc(var(--ih-header-height) - .15rem); right:var(--ih-space-6); z-index:60; width:min(19rem,calc(100vw - 2rem)); padding:.45rem; border:1px solid var(--ih-border); border-radius:var(--ih-radius-md); background:var(--ih-surface-2); box-shadow:var(--ih-shadow-float); }
.cos-account-menu[hidden] { display:none; }
.cos-account-menu > div { display:flex; align-items:center; gap:.65rem; padding:.65rem; margin-bottom:.3rem; border-bottom:1px solid var(--ih-border-subtle); }
.cos-account-menu > div > span:last-child { min-width:0; display:grid; }
.cos-account-menu > div b,.cos-account-menu > div small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cos-account-menu > div b { font-size:var(--ih-text-sm); }
.cos-account-menu > div small { color:var(--ih-text-muted); font-size:.68rem; }
.cos-account-menu > a,.cos-account-menu > button { width:100%; min-height:2.35rem; display:flex; align-items:center; gap:.55rem; padding:0 .65rem; border:0; border-radius:.45rem; color:var(--ih-text-secondary); background:transparent; font:inherit; font-size:var(--ih-text-sm); text-align:left; text-decoration:none; cursor:pointer; }
.cos-account-menu > a:hover,.cos-account-menu > button:hover { color:var(--ih-text); background:rgba(255,255,255,.035); }
.cos-account-menu > button { margin-top:.25rem; border-top:1px solid var(--ih-border-subtle); border-radius:0 0 .45rem .45rem; color:var(--ih-danger); }
.cos-content.ih-content { min-width:0; }
.cos-mobile-menu,.cos-mobile-bottom,.cos-more-sheet,.cos-sheet-backdrop { display:none; }

@media (max-width:900px) {
  .ih-page-shell { padding:var(--ih-space-8) var(--ih-space-5) var(--ih-space-12); }
  .ih-page-header { align-items:flex-start; flex-direction:column; }
  .ih-page-actions { width:100%; justify-content:flex-start; }
  .ih-grid--3,.ih-grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cos-app { display:block; }
  .cos-sidebar.ih-sidebar { position:fixed; left:0; transform:translateX(-102%); width:min(19rem,86vw); box-shadow:var(--ih-shadow-float); transition:transform var(--ih-duration) var(--ih-ease); }
  .cos-sidebar.ih-sidebar.open { transform:translateX(0); }
  .cos-mobile-menu { display:grid; place-items:center; width:2.25rem; height:2.25rem; border:1px solid var(--ih-border-subtle); border-radius:var(--ih-radius-sm); color:var(--ih-text-secondary); background:var(--ih-surface-1); }
  .cos-topbar.ih-topbar { padding-inline:var(--ih-space-4); }
  .cos-breadcrumb span,.cos-breadcrumb i,.cos-command-cta,.cos-docs-link,.cos-account > span { display:none; }
  .cos-account { padding:.25rem; }
  .cos-mobile-bottom { position:fixed; left:0; right:0; bottom:0; z-index:35; height:4rem; display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--ih-border); background:rgba(8,12,17,.96); backdrop-filter:blur(18px); }
  .cos-mobile-bottom a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.18rem; color:var(--ih-text-faint); font-size:.58rem; text-decoration:none; }
  .cos-mobile-bottom a.active { color:var(--ih-accent); }
  .cos-content.ih-content { padding-bottom:4rem; }
  .cos-more-sheet { position:fixed; left:.75rem; right:.75rem; bottom:.75rem; z-index:70; display:grid; gap:.25rem; padding:.7rem; border:1px solid var(--ih-border); border-radius:var(--ih-radius-lg); background:var(--ih-surface-2); box-shadow:var(--ih-shadow-float); transform:translateY(calc(100% + 2rem)); transition:transform var(--ih-duration) var(--ih-ease); }
  .cos-more-sheet.open { transform:translateY(0); }
  .cos-more-sheet > b { padding:.4rem .55rem .55rem; font-size:var(--ih-text-sm); }
  .cos-more-sheet a,.cos-more-sheet button { min-height:2.7rem; display:flex; align-items:center; gap:.65rem; padding:0 .65rem; border:0; border-radius:var(--ih-radius-sm); color:var(--ih-text-secondary); background:transparent; font:inherit; text-decoration:none; }
  .cos-more-sheet a:hover,.cos-more-sheet button:hover { background:rgba(255,255,255,.035); color:var(--ih-text); }
  .cos-sheet-handle { width:2.4rem; height:.22rem; margin:.05rem auto .35rem; border-radius:1rem; background:var(--ih-border-strong); }
  .cos-sheet-backdrop { position:fixed; inset:0; z-index:65; display:block; background:rgba(0,0,0,.5); opacity:0; pointer-events:none; transition:opacity var(--ih-duration-fast); }
  .cos-sheet-backdrop.open { opacity:1; pointer-events:auto; }
}

@media (max-width:620px) {
  .ih-page-shell { padding-inline:var(--ih-space-4); }
  .ih-page-actions > :is(a,button) { flex:1 1 auto; justify-content:center; }
  .ih-page-meta { gap:var(--ih-space-2); }
  .ih-grid--2,.ih-grid--3,.ih-grid--4 { grid-template-columns:1fr; }
  .ih-panel-header,.ih-panel-body,.ih-panel-footer { padding:var(--ih-space-4); }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}

/* Authenticated surface unification --------------------------------------- */
.ih-page-shell > .page-head.ih-page-header { margin:0; padding:0; border:0; background:transparent; }
.ih-page-shell .ih-page-actions:empty { display:none; }
.ih-page-shell .stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--ih-space-4); margin:0; }
.ih-page-shell .stat-card.ih-panel { min-height:8.25rem; display:flex; flex-direction:column; justify-content:space-between; padding:var(--ih-space-5); border-color:var(--ih-border); background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008)),var(--ih-surface-1); }
.ih-page-shell .stat-card.accent { border-color:rgba(239,57,223,.28); background:linear-gradient(135deg,rgba(239,57,223,.1),rgba(239,57,223,.02) 55%),var(--ih-surface-1); }
.ih-page-shell .card,.ih-page-shell .connection-hero,.ih-page-shell .current-plan { border:1px solid var(--ih-border); border-radius:var(--ih-radius-lg); background:var(--ih-surface-1); box-shadow:var(--ih-shadow-panel); }
.ih-page-shell .card > header,.ih-page-shell .current-plan > header { min-height:4rem; display:flex; align-items:center; justify-content:space-between; gap:var(--ih-space-4); padding:var(--ih-space-4) var(--ih-space-5); border-bottom:1px solid var(--ih-border-subtle); }
.ih-page-shell .card > header h2,.ih-page-shell .subhead h2,.ih-page-shell .catalog-head h2 { margin:.2rem 0 0; color:var(--ih-text); font-size:var(--ih-text-lg); letter-spacing:-.02em; }
.ih-page-shell .overline,.ih-page-shell .catalog-head .overline,.ih-page-shell .subhead .overline { color:var(--ih-text-faint); font:700 .62rem/1.2 var(--ih-font-mono); letter-spacing:.14em; }
.ih-page-shell .table-wrap { width:100%; overflow:auto; scrollbar-width:thin; scrollbar-color:var(--ih-border-strong) transparent; }
.ih-page-shell table { width:100%; min-width:46rem; border-collapse:collapse; }
.ih-page-shell th { padding:.72rem var(--ih-space-4); border-bottom:1px solid var(--ih-border); color:var(--ih-text-faint); background:rgba(255,255,255,.012); font:700 .61rem/1.2 var(--ih-font-mono); letter-spacing:.09em; text-align:left; text-transform:uppercase; }
.ih-page-shell td { padding:.82rem var(--ih-space-4); border-bottom:1px solid var(--ih-border-subtle); color:var(--ih-text-secondary); font-size:var(--ih-text-sm); vertical-align:middle; }
.ih-page-shell tbody tr:last-child td { border-bottom:0; }
.ih-page-shell tbody tr:hover td { background:rgba(255,255,255,.012); }
.ih-page-shell code { border:1px solid var(--ih-border-subtle); border-radius:.35rem; padding:.15rem .35rem; color:var(--ih-accent); background:var(--ih-bg); font:600 .72rem/1.4 var(--ih-font-mono); }
.ih-page-shell .smart-empty { min-height:15rem; display:flex; align-items:center; justify-content:center; gap:var(--ih-space-4); padding:var(--ih-space-8); color:var(--ih-text-muted); text-align:left; }
.ih-page-shell .smart-empty.compact { min-height:9rem; }
.ih-page-shell .smart-empty > .icon { width:2rem; height:2rem; color:var(--ih-accent); }
.ih-page-shell .smart-empty span { max-width:34rem; display:grid; gap:.3rem; }
.ih-page-shell .smart-empty b { color:var(--ih-text); font-size:var(--ih-text-md); }
.ih-page-shell .smart-empty p { margin:0; color:var(--ih-text-muted); line-height:1.6; }
.ih-page-shell .security-note { display:flex; align-items:flex-start; gap:var(--ih-space-3); padding:var(--ih-space-4) var(--ih-space-5); border:1px solid rgba(239,57,223,.2); border-radius:var(--ih-radius-md); color:var(--ih-text-secondary); background:rgba(239,57,223,.045); }
.ih-page-shell .security-note .icon { color:var(--ih-accent); flex:0 0 auto; }
.ih-page-shell .security-note p { margin:.2rem 0 0; color:var(--ih-text-muted); }
.ih-page-shell .template-row,.ih-page-shell .pack-grid,.ih-page-shell .connection-modes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--ih-space-3); }
.ih-page-shell .template-row > button,.ih-page-shell .pack-grid > article,.ih-page-shell .connection-modes > article { min-width:0; padding:var(--ih-space-4); border:1px solid var(--ih-border); border-radius:var(--ih-radius-md); color:var(--ih-text-secondary); background:var(--ih-surface-1); }
.ih-page-shell .template-row > button { display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; gap:.25rem .7rem; text-align:left; cursor:pointer; }
.ih-page-shell .template-row > button:hover { border-color:rgba(239,57,223,.35); background:var(--ih-accent-soft); }
.ih-page-shell .template-row .icon { grid-row:1 / 3; width:1.2rem; color:var(--ih-accent); }
.ih-page-shell .template-row small,.ih-page-shell .pack-grid small { color:var(--ih-text-faint); }
.ih-page-shell .monitor-list { display:grid; }
.ih-page-shell .monitor-row { min-height:4.4rem; display:grid; grid-template-columns:auto minmax(12rem,1fr) minmax(9rem,.55fr) auto auto; align-items:center; gap:var(--ih-space-4); padding:var(--ih-space-3) var(--ih-space-5); border-bottom:1px solid var(--ih-border-subtle); }
.ih-page-shell .monitor-row:last-child { border-bottom:0; }
.ih-page-shell .monitor-row > span { min-width:0; display:grid; gap:.2rem; }
.ih-page-shell .monitor-row small { overflow:hidden; color:var(--ih-text-faint); text-overflow:ellipsis; white-space:nowrap; }
.ih-page-shell .monitor-state { width:.55rem; height:.55rem; border-radius:50%; background:var(--ih-warning); box-shadow:0 0 0 4px rgba(235,188,94,.07); }
.ih-page-shell .monitor-state.ok { background:var(--ih-success); box-shadow:0 0 0 4px rgba(97,217,154,.07); }
.ih-page-shell .connection-hero { display:flex; align-items:center; justify-content:space-between; gap:var(--ih-space-6); padding:var(--ih-space-6); }
.ih-page-shell .endpoint-copy { min-width:0; }
.ih-page-shell .endpoint-copy h2 { overflow-wrap:anywhere; margin:.45rem 0 .3rem; color:var(--ih-accent); font:650 var(--ih-text-lg)/1.35 var(--ih-font-mono); }
.ih-page-shell .endpoint-copy p { margin:0; color:var(--ih-text-muted); }
.ih-page-shell .connection-modes { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ih-page-shell .connection-modes > article { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:var(--ih-space-4); }
.ih-page-shell .connection-modes h3 { margin:.18rem 0; color:var(--ih-text); }
.ih-page-shell .connection-modes p { margin:0; color:var(--ih-text-muted); font-size:var(--ih-text-sm); }
.ih-page-shell .integration-guides { display:grid; gap:var(--ih-space-3); }
.ih-page-shell .integration-card { overflow:hidden; border:1px solid var(--ih-border); border-radius:var(--ih-radius-md); background:var(--ih-surface-1); }
.ih-page-shell .integration-summary { width:100%; min-height:4.6rem; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:var(--ih-space-4); padding:var(--ih-space-3) var(--ih-space-4); border:0; color:var(--ih-text-secondary); background:transparent; text-align:left; cursor:pointer; }
.ih-page-shell .integration-summary:hover { background:rgba(255,255,255,.018); }
.ih-page-shell .integration-name { min-width:0; display:grid; gap:.1rem; }
.ih-page-shell .integration-name small,.ih-page-shell .integration-name em { color:var(--ih-text-faint); font-style:normal; font-size:.68rem; }
.ih-page-shell .integration-name b { color:var(--ih-text); }
.ih-page-shell .integration-detail { padding:var(--ih-space-5); border-top:1px solid var(--ih-border-subtle); background:var(--ih-bg-soft); }
.ih-page-shell .wallet-hero { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--ih-space-3); }
.ih-page-shell .wallet-hero > article { display:grid; gap:.3rem; padding:var(--ih-space-5); border:1px solid var(--ih-border); border-radius:var(--ih-radius-md); background:var(--ih-surface-1); }
.ih-page-shell .wallet-hero > article span { color:var(--ih-text-faint); font:700 .62rem/1.2 var(--ih-font-mono); letter-spacing:.12em; }
.ih-page-shell .wallet-hero > article b { color:var(--ih-text); font-size:clamp(1.5rem,3vw,2.25rem); }
.ih-page-shell .wallet-hero > article small { color:var(--ih-text-muted); }
.ih-page-shell .current-plan { display:flex; align-items:center; justify-content:space-between; gap:var(--ih-space-6); padding:var(--ih-space-6); }
.ih-page-shell .current-plan > div { display:flex; flex-wrap:wrap; gap:var(--ih-space-3); }
.ih-page-shell .current-plan > div span { display:grid; gap:.2rem; min-width:6rem; padding:.7rem .85rem; border:1px solid var(--ih-border-subtle); border-radius:var(--ih-radius-sm); color:var(--ih-text-faint); }
.ih-page-shell .current-plan > div b { color:var(--ih-text); font-size:var(--ih-text-md); }
.ih-page-shell .settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ih-space-4); }
.ih-page-shell .settings-grid > .full { grid-column:1 / -1; }
.ih-page-shell .settings-grid .card { overflow:hidden; }
.ih-page-shell .form-stack,.ih-page-shell .inline-form { padding:var(--ih-space-5); }
.ih-page-shell :is(input,select,textarea) { border-color:var(--ih-border); color:var(--ih-text); background:var(--ih-bg-soft); }
.ih-page-shell :is(input,select,textarea):focus { border-color:rgba(239,57,223,.55); box-shadow:0 0 0 3px rgba(239,57,223,.08); }
.ih-page-shell .subhead,.ih-page-shell .catalog-head { display:flex; align-items:end; justify-content:space-between; gap:var(--ih-space-4); margin:var(--ih-space-2) 0 calc(var(--ih-space-3) * -1); }
.ih-page-shell .catalog-head p { margin:0; color:var(--ih-text-muted); }
@media (max-width:1100px) {
  .ih-page-shell .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ih-page-shell .template-row,.ih-page-shell .pack-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ih-page-shell .monitor-row { grid-template-columns:auto 1fr auto; }
  .ih-page-shell .monitor-row > span:nth-of-type(2) { display:none; }
  .ih-page-shell .monitor-row .badge { justify-self:end; }
}
@media (max-width:700px) {
  .ih-page-shell .stats-grid,.ih-page-shell .template-row,.ih-page-shell .pack-grid,.ih-page-shell .connection-modes,.ih-page-shell .wallet-hero,.ih-page-shell .settings-grid { grid-template-columns:1fr; }
  .ih-page-shell .settings-grid > .full { grid-column:auto; }
  .ih-page-shell .connection-hero,.ih-page-shell .current-plan { align-items:stretch; flex-direction:column; }
  .ih-page-shell .endpoint-button { width:100%; justify-content:center; }
  .ih-page-shell .monitor-row { grid-template-columns:auto minmax(0,1fr) auto; gap:var(--ih-space-3); }
  .ih-page-shell .monitor-row > button { grid-column:2 / -1; justify-self:start; }
  .ih-page-shell .smart-empty { align-items:flex-start; flex-direction:column; }
}


/* Merged public polish + exact brand identity ------------------------------------ */


/* Never show an empty canvas while async public routes (notably Pricing) hydrate. */
.cos-boot{
  min-height:100vh;
  display:grid;
  place-items:center;
  background:
    radial-gradient(760px 420px at 62% -80px,rgba(77,163,255,.07),transparent 64%),
    #08070d;
  color:#f5f7fa;
}
.cos-boot-inner{
  width:min(520px,calc(100vw - 40px));
  padding:24px;
  border:1px solid #202a36;
  border-radius:12px;
  background:#0b1016;
}
.cos-boot-mark{display:flex;align-items:center;gap:11px;margin-bottom:22px}
.cos-boot-mark img{width:30px;height:30px;border-radius:8px}
.cos-boot-mark span{display:flex;flex-direction:column}
.cos-boot-mark b{font-size:13px;letter-spacing:-.02em}
.cos-boot-mark small{margin-top:4px;color:#607080;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}
.cos-boot-line{height:8px;border-radius:99px;background:#131b24;overflow:hidden}
.cos-boot-line::after{content:"";display:block;width:34%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#ef39df,transparent);animation:cosBoot 1.05s ease-in-out infinite}
.cos-boot p{margin:12px 0 0;color:#667586;font-size:11px}
@keyframes cosBoot{from{transform:translateX(-110%)}to{transform:translateX(310%)}}

/* Public footer: force real columns and spacing so links never concatenate. */
.ih-footer,.footer.ih-footer{
  padding:44px 0 38px!important;
  background:#080c11!important;
  border-top:1px solid #202a36!important;
  color:#8b98a8!important;
}
.ih-footer-grid{
  display:grid!important;
  grid-template-columns:minmax(280px,1.6fr) minmax(120px,.55fr) minmax(120px,.55fr) minmax(180px,.8fr)!important;
  gap:42px!important;
  align-items:start!important;
}
.ih-footer-grid>div{min-width:0}
.ih-footer-brand{display:block!important}
.ih-footer-brand p{max-width:360px;margin:16px 0 0!important;color:#687687!important;font-size:12px!important;line-height:1.65!important}
.ih-footer-grid>div:not(.ih-footer-brand):not(.ih-footer-meta){display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important}
.ih-footer-grid>div:not(.ih-footer-brand):not(.ih-footer-meta)>b{margin-bottom:4px;color:#dce5ef!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.ih-footer-grid>div:not(.ih-footer-brand):not(.ih-footer-meta)>a{display:block!important;color:#778596!important;font-size:11px!important;line-height:1.4!important;text-decoration:none!important}
.ih-footer-grid>div:not(.ih-footer-brand):not(.ih-footer-meta)>a:hover{color:#eef3f7!important}
.ih-footer-meta{justify-self:end!important;text-align:right!important;color:#8190a1!important;font-size:11px!important;line-height:1.6!important}
.ih-footer-meta span{color:#526071!important;font-size:9px!important}

/* Mobile public nav should look intentional when expanded. */
.mobile-menu[data-mobile-menu]{
  background:#0b1016!important;
  border-bottom:1px solid #202a36!important;
}
.mobile-menu[data-mobile-menu].open{padding:10px 18px 18px!important}
.mobile-menu[data-mobile-menu] a{border-radius:7px!important;color:#9aa8b8!important}
.mobile-menu[data-mobile-menu] a:hover{background:#111821!important;color:#f5f7fa!important}

@media (max-width:820px){
  .ih-footer-grid{grid-template-columns:1fr 1fr!important;gap:30px 22px!important}
  .ih-footer-brand{grid-column:1 / -1!important}
  .ih-footer-meta{justify-self:start!important;text-align:left!important}
}
@media (max-width:520px){
  .ih-footer{padding:34px 0 86px!important}
  .ih-footer-grid{grid-template-columns:1fr!important;gap:24px!important}
  .ih-footer-brand{grid-column:auto!important}
  .ih-footer-meta{justify-self:start!important;text-align:left!important}
  .cos-boot-inner{padding:20px}
}

@media (prefers-reduced-motion:reduce){.cos-boot-line::after{animation:none;width:100%;opacity:.55}}

/* OpenCrawl identity: the crawler's claws lead; the former robot asset remains available for old embeds. */
.oc-brand,
.ih-brand.oc-brand,
.cos-brand.oc-brand {
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:max-content!important;
  max-width:100%;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--ih-text)!important;
  text-decoration:none!important;
}
.oc-brand-mark,
.ih-brand.oc-brand .oc-brand-mark,
.cos-brand.oc-brand .oc-brand-mark {
  width:44px!important;
  height:44px!important;
  flex:0 0 44px;
  object-fit:contain;
  image-rendering:pixelated;
  border:0!important;
  border-radius:0!important;
  background:transparent;
}
.oc-wordmark {display:flex;flex-direction:column;min-width:0;line-height:1.05;white-space:nowrap}
.oc-wordmark>b {font:780 19px/1 var(--ih-font-sans);letter-spacing:-.055em;color:var(--ih-text)}
.oc-wordmark>b span {color:var(--ih-accent)}
.oc-wordmark>small {margin-top:5px;color:var(--ih-text-muted);font:700 8px/1 var(--ih-font-mono);letter-spacing:.18em}
.site-header,.ih-site-header,.site-nav,.ih-site-nav {height:72px!important;min-height:72px!important}
.cos-sidebar-brand {height:78px!important;min-height:78px!important;padding:0 16px!important}
.cos-sidebar-brand .oc-brand-mark {width:48px!important;height:48px!important;flex-basis:48px}
.ih-footer-brand .oc-brand-mark {width:52px!important;height:52px!important;flex-basis:52px}
.cos-boot-mark .oc-boot-crab {width:56px!important;height:56px!important;object-fit:contain;image-rendering:pixelated;border:0!important;border-radius:0!important;background:transparent!important}
.cos-boot-mark b {color:var(--ih-text);font:780 20px/1 var(--ih-font-sans);letter-spacing:-.045em}
.cos-boot-mark small {color:var(--ih-accent);letter-spacing:.14em}
@media(max-width:760px){
  .site-header,.ih-site-header,.site-nav,.ih-site-nav {height:64px!important;min-height:64px!important}
  .oc-brand-mark,.ih-brand.oc-brand .oc-brand-mark,.cos-brand.oc-brand .oc-brand-mark {width:38px!important;height:38px!important;flex-basis:38px}
  .oc-wordmark>b {font-size:17px}
  .oc-wordmark>small {font-size:7px;letter-spacing:.1em}
  .cos-sidebar-brand {height:68px!important;min-height:68px!important;padding:0 12px!important}
}
@media(max-width:350px){.oc-wordmark>b{font-size:16px}.oc-wordmark>small{display:none}}

/* === Legal center ======================================================= */
.ih-legal-page{min-height:70vh;background:var(--bg,#08070d);color:var(--text,#eef2f6)}
.ih-legal-hero{padding:112px 0 72px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 75% 10%,rgba(83,227,155,.08),transparent 30%)}
.ih-legal-hero h1,.ih-legal-doc-head h1{max-width:880px;margin:14px 0 18px;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.96;letter-spacing:-.055em}
.ih-legal-hero>div>p,.ih-legal-doc-head>p{max-width:820px;color:var(--muted,#9aa5b1);font-size:1.08rem;line-height:1.75}
.ih-legal-kicker{font-size:.73rem;letter-spacing:.18em;font-weight:800;color:#ef39df}
.ih-legal-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.ih-legal-meta span{padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:var(--muted,#9aa5b1);font-size:.78rem}.ih-legal-meta b{color:var(--text,#eef2f6)}
.ih-legal-hub{padding:48px 0 100px}.ih-legal-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:42px}.ih-legal-principles article{min-height:170px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}.ih-legal-principles article span{font:700 .72rem/1 ui-monospace,monospace;color:#ef39df}.ih-legal-principles article b{display:block;margin:28px 0 8px}.ih-legal-principles article p{margin:0;color:var(--muted,#9aa5b1);font-size:.9rem;line-height:1.55}
.ih-legal-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ih-legal-card{display:flex;min-height:260px;flex-direction:column;padding:25px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));text-decoration:none;color:inherit;transition:.18s}.ih-legal-card:hover{transform:translateY(-2px);border-color:rgba(83,227,155,.32)}.ih-legal-card>span{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#ef39df;font-weight:800}.ih-legal-card h2{margin:26px 0 10px;font-size:1.35rem}.ih-legal-card p{margin:0;color:var(--muted,#9aa5b1);line-height:1.6}.ih-legal-card em{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:26px;font-style:normal;font-weight:700;font-size:.86rem}.ih-legal-card em .icon{width:15px;height:15px}
.ih-legal-review{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px;padding:24px;border:1px solid rgba(83,227,155,.16);border-radius:18px;background:rgba(83,227,155,.035)}.ih-legal-review>div{display:flex;gap:14px}.ih-legal-review .icon{flex:0 0 20px;color:#ef39df}.ih-legal-review b{display:block;margin-bottom:4px}.ih-legal-review p{margin:0;color:var(--muted,#9aa5b1);line-height:1.5}.ih-legal-review>a{white-space:nowrap;text-decoration:none;color:inherit;font-weight:750}
.ih-legal-doc-head{padding:88px 0 42px;border-bottom:1px solid rgba(255,255,255,.07)}.ih-legal-doc-head h1{font-size:clamp(2.5rem,5vw,4.7rem)}.ih-legal-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:38px;color:var(--muted,#9aa5b1);text-decoration:none;font-size:.84rem;font-weight:700}.ih-legal-back .icon{width:14px;transform:rotate(180deg)}
.ih-legal-layout{display:grid;grid-template-columns:250px minmax(0,820px);gap:56px;align-items:start;padding-top:48px;padding-bottom:110px}.ih-legal-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px}.ih-legal-side a{padding:11px 13px;border-radius:10px;text-decoration:none;color:var(--muted,#9aa5b1);border:1px solid transparent}.ih-legal-side a:hover,.ih-legal-side a.active{color:var(--text,#eef2f6);background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07)}.ih-legal-side a.active{box-shadow:inset 2px 0 #ef39df}
.ih-legal-article{min-width:0}.ih-legal-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0 0 42px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.02)}.ih-legal-toc b{grid-column:1/-1;margin-bottom:5px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#ef39df}.ih-legal-toc a{color:var(--muted,#9aa5b1);text-decoration:none;font-size:.84rem;line-height:1.4}
.ih-legal-article>section{scroll-margin-top:96px;padding:0 0 38px;margin:0 0 38px;border-bottom:1px solid rgba(255,255,255,.065)}.ih-legal-article>section h2{margin:0 0 18px;font-size:1.55rem}.ih-legal-article p,.ih-legal-article li{color:var(--muted,#a7b0bb);font-size:.98rem;line-height:1.78}.ih-legal-article ul{padding-left:20px}.ih-legal-article li+li{margin-top:9px}.ih-legal-callout{margin:20px 0;padding:18px 20px;border-left:2px solid #ef39df;border-radius:0 12px 12px 0;background:rgba(83,227,155,.045)}.ih-legal-callout p{margin:6px 0 0}
.ih-legal-table-wrap{overflow-x:auto;margin:20px 0;border:1px solid rgba(255,255,255,.08);border-radius:14px}.ih-legal-table-wrap table{width:100%;border-collapse:collapse;min-width:620px}.ih-legal-table-wrap th,.ih-legal-table-wrap td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.065);font-size:.86rem;line-height:1.55}.ih-legal-table-wrap th{background:rgba(255,255,255,.035);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase}.ih-legal-table-wrap td{color:var(--muted,#a7b0bb)}
.ih-legal-related>div>span{display:block;margin-bottom:12px;color:#ef39df;font-size:.7rem;letter-spacing:.12em;font-weight:800}.ih-legal-related a{display:inline-flex;align-items:center;gap:6px;margin:0 12px 10px 0;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:inherit;text-decoration:none;font-size:.83rem}.ih-legal-related a .icon{width:13px}.ih-legal-related>p{font-size:.78rem;color:var(--muted,#87919d)}
.ihx-auth-foot{flex-wrap:wrap;gap:8px}.ihx-auth-legal{display:inline-flex;gap:8px;margin-left:auto}.ihx-auth-legal a{color:inherit;text-decoration:none;opacity:.72}.ih-auth-policy-note{margin:0;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.02);color:var(--muted,#9aa5b1);font-size:.74rem;line-height:1.5}.ih-auth-policy-note a{color:var(--text,#eef2f6)}
.ih-footer-grid{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(120px,.8fr)) minmax(150px,.8fr)}
@media(max-width:1000px){.ih-legal-principles{grid-template-columns:repeat(2,1fr)}.ih-legal-card-grid{grid-template-columns:repeat(2,1fr)}.ih-legal-layout{grid-template-columns:210px minmax(0,1fr);gap:34px}.ih-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ih-legal-hero{padding:78px 0 48px}.ih-legal-principles,.ih-legal-card-grid{grid-template-columns:1fr}.ih-legal-layout{display:block;padding-top:28px}.ih-legal-side{position:static;display:flex;flex-direction:row;overflow:auto;margin:0 0 30px;padding-bottom:6px}.ih-legal-side a{min-width:max-content}.ih-legal-toc{grid-template-columns:1fr}.ih-legal-review{align-items:flex-start;flex-direction:column}.ih-legal-doc-head{padding-top:58px}.ihx-auth-legal{width:100%;margin-left:0}.ih-footer-grid{grid-template-columns:1fr}}

/* === Metered playground =============================================== */
.ihp-key,.ihp-form,.ihp-boundary,.ihp-result{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.022)}
.ihp-key{padding:22px;margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:18px 24px;align-items:center}
.ihp-key-copy{display:flex;gap:14px;align-items:flex-start}.ihp-key-copy>.icon{width:22px;margin-top:3px}.ihp-key-copy small,.ihp-form header small,.ihp-boundary>small{display:block;margin-bottom:6px;font-size:.68rem;letter-spacing:.13em;font-weight:800;color:var(--muted,#9aa5b1)}
.ihp-key-copy h2,.ihp-form h2{margin:0;font-size:1.2rem}.ihp-key-copy p,.ihp-form header p{margin:6px 0 0;color:var(--muted,#9aa5b1);line-height:1.55}.ihp-key-actions{display:flex;align-items:center;gap:10px}
.ihp-secret{grid-column:1/-1;display:grid;gap:7px;font-size:.78rem;font-weight:700}.ihp-secret>div{display:flex}.ihp-secret input{flex:1;min-width:0;border-radius:10px 0 0 10px}.ihp-secret button{border:1px solid rgba(255,255,255,.1);border-left:0;border-radius:0 10px 10px 0;padding:0 13px;background:rgba(255,255,255,.04);color:inherit}.ihp-secret small{font-weight:400;color:var(--muted,#9aa5b1)}
#ihp-key-created{grid-column:1/-1}.ihp-created{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:12px}.ihp-created>.icon{width:18px}.ihp-created span{display:grid;gap:3px;min-width:0;flex:1}.ihp-created small{color:var(--muted,#9aa5b1)}.ihp-created code{overflow:auto;padding-top:5px;font-size:.74rem}
.ihp-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:18px}.ihp-form{padding:24px}.ihp-form>header{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px}.ihp-cost{align-self:flex-start;white-space:nowrap;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--muted,#9aa5b1);font-size:.72rem}
.ihp-form>label,.ihp-budgets label,.ihp-paths label{display:grid;gap:7px;font-size:.78rem;font-weight:700}.ihp-form input{width:100%}.ihp-budgets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.ihp-paths{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.ihp-paths small{font-weight:400;color:var(--muted,#9aa5b1)}
.ihp-options{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:16px 0;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:12px}.ihp-options label,.ihp-options span{display:flex;align-items:center;gap:7px;color:var(--muted,#9aa5b1);font-size:.77rem}.ihp-options input{width:auto}.ihp-options .icon{width:14px}
.ihp-presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.ihp-presets>span{margin-right:4px;color:var(--muted,#9aa5b1);font-size:.72rem}.ihp-presets button{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:transparent;color:inherit;font-size:.72rem}.ihp-run{width:100%;justify-content:center}.ihp-note{margin:10px 0 0;text-align:center;color:var(--muted,#9aa5b1);font-size:.72rem}
.ihp-boundary{padding:22px;height:max-content}.ihp-boundary h3{margin:0 0 18px;font-size:1.15rem}.ihp-boundary>div{display:flex;gap:10px;padding:14px 0;border-top:1px solid rgba(255,255,255,.065)}.ihp-boundary>div>.icon{flex:0 0 18px;width:18px;margin-top:2px}.ihp-boundary p{margin:0;color:var(--muted,#9aa5b1);font-size:.8rem;line-height:1.5}.ihp-boundary p b{display:block;margin-bottom:3px;color:var(--text,#eef2f6)}
.ihp-result{margin-top:18px;padding:24px;scroll-margin-top:88px}.ihp-result-head{display:flex;justify-content:space-between;gap:18px}.ihp-result-head>div>span{display:flex;gap:6px;align-items:center;font-size:.7rem;font-weight:800;letter-spacing:.12em}.ihp-result-head h2{margin:7px 0 5px;font-size:1.15rem;word-break:break-all}.ihp-result-head p{margin:0;color:var(--muted,#9aa5b1);font-size:.78rem}
.ihp-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.ihp-stats>div{padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:12px}.ihp-stats small{display:block;color:var(--muted,#9aa5b1);font-size:.65rem;letter-spacing:.08em}.ihp-stats b{display:block;margin-top:7px;font-size:1.2rem}.ihp-stats em{font-size:.7rem;font-style:normal;color:var(--muted,#9aa5b1)}
.ihp-table{overflow:auto;border:1px solid rgba(255,255,255,.07);border-radius:12px}.ihp-table-head,.ihp-row{display:grid;grid-template-columns:90px 60px minmax(280px,1fr) 70px 85px;gap:10px;align-items:center;min-width:720px;padding:10px 12px}.ihp-table-head{background:rgba(255,255,255,.035);font-size:.65rem;letter-spacing:.08em;color:var(--muted,#9aa5b1)}.ihp-row{border-top:1px solid rgba(255,255,255,.055);font-size:.76rem}.ihp-row>span:nth-child(3){min-width:0}.ihp-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ihp-row small{display:block;margin-top:3px;color:var(--muted,#9aa5b1);white-space:normal}
.ihp-raw{margin-top:14px}.ihp-raw summary{cursor:pointer;color:var(--muted,#9aa5b1);font-size:.78rem}.ihp-raw pre{max-height:420px;overflow:auto;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;font-size:.72rem;white-space:pre-wrap}.ihp-running,.ihp-error{display:flex;gap:12px;align-items:flex-start}.ihp-running .icon,.ihp-error .icon{width:20px}.ihp-running small,.ihp-error p{display:block;margin:4px 0 0;color:var(--muted,#9aa5b1)}
@media(max-width:980px){.ihp-main{grid-template-columns:1fr}.ihp-budgets{grid-template-columns:repeat(2,1fr)}.ihp-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.ihp-key{grid-template-columns:1fr}.ihp-key-actions{justify-content:space-between}.ihp-secret{grid-column:auto}.ihp-paths{grid-template-columns:1fr}.ihp-form>header,.ihp-result-head{flex-direction:column}.ihp-stats{grid-template-columns:repeat(2,1fr)}}


/* === Shell IA + responsive authority v2 ================================ */
:root{--ih-sidebar-width:16rem;--ih-header-height:4rem}
html,body,.cos-app,.cos-workspace,.cos-content,.ih-page-shell{max-width:100%;overflow-x:hidden}
html.ih-overlay-open,html.ih-overlay-open body{overflow:hidden}
.cos-app{grid-template-columns:var(--ih-sidebar-width) minmax(0,1fr)!important}
.cos-sidebar.ih-sidebar{
  position:fixed!important;inset:0 auto 0 0!important;width:var(--ih-sidebar-width)!important;height:100dvh!important;
  padding:1rem!important;display:flex!important;overflow:hidden!important;background:#080c11!important;border-right:1px solid var(--ih-border-subtle)!important
}
.cos-sidebar-brand{height:auto!important;min-height:4.35rem!important;padding:0 .45rem .7rem!important}
.cos-sidebar-brand .ih-brand-art{width:3.55rem!important;height:3.55rem!important;object-fit:contain!important}
.cos-launch{margin:0 0 1.15rem!important;min-height:2.75rem!important}
.cos-nav{min-height:0!important;flex:1!important;gap:1.1rem!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important}
.cos-nav-group{margin:0!important}
.cos-nav-group>a{min-height:2.5rem!important;height:auto!important}
.cos-sidebar-bottom{margin-top:.8rem!important;padding:.8rem 0 0!important}
.cos-workspace.ih-workspace{grid-column:2!important;margin:0!important;min-width:0!important;width:100%!important}
.cos-topbar.ih-topbar{
  position:sticky!important;top:0!important;z-index:60!important;width:100%!important;min-height:var(--ih-header-height)!important;height:var(--ih-header-height)!important;
  padding:0 1.5rem!important;background:rgba(7,10,14,.94)!important
}
.cos-breadcrumb b{font-size:.8rem!important}
.cos-content.ih-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-width:0!important}
.ih-page-shell{
  width:min(100%,92rem)!important;max-width:92rem!important;margin:0 auto!important;padding:2rem 2rem 4rem!important;min-width:0!important
}
.ih-page-shell>*{min-width:0}
.cos-account-menu{
  position:fixed!important;top:calc(var(--ih-header-height) + .45rem)!important;right:1.25rem!important;z-index:105!important;
  width:min(19rem,calc(100vw - 2rem))!important;display:grid!important;grid-template-columns:1fr!important;gap:.15rem!important;
  padding:.55rem!important;border:1px solid var(--ih-border)!important;border-radius:.85rem!important;background:#0d141c!important;
  box-shadow:0 24px 70px rgba(0,0,0,.46)!important;overflow:hidden!important
}
.cos-account-menu[hidden]{display:none!important}
.cos-account-menu>div,.cos-account-menu>a,.cos-account-menu>button{min-width:0!important;max-width:100%!important}
.cos-account-menu>div{width:100%!important}
.cos-account-menu>a,.cos-account-menu>button{display:flex!important;width:100%!important;min-height:2.65rem!important;white-space:nowrap!important}
.cos-account-menu .icon{flex:0 0 auto!important}
.cos-mobile-bottom,.cos-more-sheet,.cos-sheet-backdrop{display:none}
.cos-sheet-title{display:grid;gap:.15rem;padding:.4rem .6rem .7rem;border-bottom:1px solid var(--ih-border-subtle)}
.cos-sheet-title b{font-size:.92rem}.cos-sheet-title small{color:var(--ih-text-faint);font-size:.68rem}
.cos-sheet-label{display:block;padding:.7rem .65rem .3rem;color:var(--ih-text-faint);font:700 .58rem/1 var(--ih-font-mono);letter-spacing:.13em;text-transform:uppercase}

@media(max-width:900px){
  :root{--ih-header-height:4.25rem}
  .cos-app{display:block!important;width:100%!important}
  .cos-workspace.ih-workspace{grid-column:auto!important;width:100%!important}
  .cos-sidebar.ih-sidebar{
    position:fixed!important;z-index:90!important;width:min(20rem,84vw)!important;max-width:20rem!important;
    transform:translateX(-102%)!important;transition:transform var(--ih-duration) var(--ih-ease)!important;
    box-shadow:22px 0 70px rgba(0,0,0,.45)!important
  }
  .cos-sidebar.ih-sidebar.open{transform:translateX(0)!important}
  .cos-sidebar-brand{min-height:4.1rem!important}
  .cos-sidebar-brand .ih-brand-art{width:3.3rem!important;height:3.3rem!important}
  .cos-topbar.ih-topbar{padding:0 1rem!important;gap:.75rem!important}
  .cos-topbar-left{min-width:0!important;flex:1!important}
  .cos-topbar-right{flex:0 0 auto!important}
  .cos-mobile-menu{display:grid!important;place-items:center!important;width:2.55rem!important;height:2.55rem!important;flex:0 0 auto!important}
  .cos-breadcrumb{min-width:0!important;flex:1!important}
  .cos-breadcrumb span,.cos-breadcrumb i,.cos-command-cta,.cos-docs-link,.cos-account>span{display:none!important}
  .cos-breadcrumb b{font-size:1rem!important;font-weight:700!important;color:var(--ih-text)!important}
  .cos-account{width:2.55rem!important;height:2.55rem!important;min-height:2.55rem!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--ih-border-subtle)!important;background:var(--ih-surface-1)!important}
  .cos-account>i{width:1.8rem!important;height:1.8rem!important}
  .cos-account>.icon{display:none!important}
  .cos-content.ih-content{padding:0!important}
  .ih-page-shell{
    width:100%!important;max-width:100%!important;padding:1.35rem 1rem calc(5.25rem + env(safe-area-inset-bottom))!important
  }
  .ih-page-shell :is(.ih-command-head,.ih-runs-head,.ihx-page-head,.page-head){padding-top:.2rem!important;margin-top:0!important}
  .ih-page-shell :is(.ih-command-head,.ih-runs-head,.ihx-page-head,.page-head) h1{
    font-size:clamp(2.05rem,10vw,3rem)!important;line-height:.98!important;letter-spacing:-.055em!important
  }
  .ih-page-shell :is(.ih-command-head,.ih-runs-head,.ihx-page-head,.page-head) p{font-size:.95rem!important;line-height:1.55!important}
  .cos-mobile-bottom{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:55!important;
    height:calc(4.35rem + env(safe-area-inset-bottom))!important;padding:0 .2rem env(safe-area-inset-bottom)!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;border-top:1px solid var(--ih-border)!important;
    background:rgba(8,12,17,.97)!important;backdrop-filter:blur(18px)!important
  }
  .cos-mobile-bottom a{
    min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:.25rem!important;padding:.25rem .05rem!important;color:var(--ih-text-faint)!important;font-size:.58rem!important;line-height:1!important;text-align:center!important
  }
  .cos-mobile-bottom a span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .cos-mobile-bottom a.active{color:var(--ih-accent)!important}
  .cos-mobile-bottom .icon{width:1.15rem!important;height:1.15rem!important}
  .cos-more-sheet{
    position:fixed!important;left:.75rem!important;right:.75rem!important;bottom:calc(.75rem + env(safe-area-inset-bottom))!important;z-index:100!important;
    display:grid!important;gap:.1rem!important;max-height:min(78dvh,40rem)!important;padding:.65rem!important;overflow-y:auto!important;
    border:1px solid var(--ih-border)!important;border-radius:1rem!important;background:#0d141c!important;box-shadow:0 28px 80px rgba(0,0,0,.52)!important;
    transform:translateY(calc(100% + 2rem))!important;transition:transform var(--ih-duration) var(--ih-ease)!important
  }
  .cos-more-sheet.open{transform:translateY(0)!important}
  .cos-more-sheet a,.cos-more-sheet button{min-height:2.8rem!important;height:auto!important;width:100%!important;display:flex!important;align-items:center!important;gap:.7rem!important;padding:.55rem .65rem!important;border:0!important;border-radius:.55rem!important;background:transparent!important;color:var(--ih-text-secondary)!important;font-size:.82rem!important;text-align:left!important}
  .cos-more-sheet button{color:var(--ih-danger)!important;border-top:1px solid var(--ih-border-subtle)!important;border-radius:0!important;margin-top:.35rem!important}
  .cos-sheet-backdrop{position:fixed!important;inset:0!important;z-index:80!important;display:block!important;background:rgba(0,0,0,.58)!important;opacity:0!important;pointer-events:none!important;transition:opacity var(--ih-duration-fast)!important}
  .cos-sheet-backdrop.open{opacity:1!important;pointer-events:auto!important}
  .cos-account-menu{
    top:calc(var(--ih-header-height) + .5rem)!important;right:.75rem!important;z-index:100!important;width:min(19rem,calc(100vw - 1.5rem))!important;
    max-height:calc(100dvh - var(--ih-header-height) - 1.5rem)!important;overflow-y:auto!important
  }
  .ih-page-shell .ih-command-stats,.ih-page-shell .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ih-page-shell .ih-command-grid,.ih-page-shell .ihx-connection-modes,.ih-page-shell .settings-grid,.ih-page-shell .ihx-settings-grid{grid-template-columns:1fr!important}
  .ih-page-shell .ihx-endpoint-hero,.ih-page-shell .connection-hero{min-width:0!important;overflow:hidden!important}
  .ih-page-shell .ihx-endpoint-hero h2,.ih-page-shell .endpoint-copy h2{font-size:1.05rem!important;overflow-wrap:anywhere!important;word-break:break-word!important}
}

@media(max-width:620px){
  .ih-page-shell{padding-inline:.9rem!important}
  .ih-page-shell :is(.ih-command-head,.ih-runs-head,.ihx-page-head,.page-head) h1{font-size:clamp(1.95rem,10.5vw,2.65rem)!important}
  .ih-page-shell .ih-command-stats,.ih-page-shell .stats-grid{grid-template-columns:1fr!important}
  .ih-page-shell .ih-command-stats>div,.ih-page-shell .stat-card{min-height:7.2rem!important}
  .ih-page-shell :is(.ihx-endpoint-hero,.ihx-connection-modes article,.card,.ih-panel){max-width:100%!important}
}


/* === Interaction hardening v3 ========================================== */
:where(button,a,[role="button"]){touch-action:manipulation}
.cos-sheet-backdrop{
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
}
@media(max-width:900px){
  .cos-sheet-backdrop{pointer-events:none!important}
  .cos-sheet-backdrop.open{pointer-events:auto!important}
  .cos-sidebar.ih-sidebar,.cos-more-sheet,.cos-account-menu{
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
  }
  .cos-account-menu a,.cos-account-menu button,
  .cos-more-sheet a,.cos-more-sheet button,
  .cos-sidebar a{position:relative!important;z-index:1!important}
  .ih-route-settings :is(.ihx-settings-grid,.settings-grid)>article>header{
    min-width:0!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;
    flex-wrap:wrap!important;gap:.75rem!important
  }
  .ih-route-settings :is(.ihx-settings-grid,.settings-grid)>article>header>span:first-child{
    min-width:0!important;flex:1 1 14rem!important
  }
  .ih-route-settings :is(.ihx-settings-grid,.settings-grid)>article>header>.ihx-state,
  .ih-route-settings :is(.ihx-settings-grid,.settings-grid)>article>header>.badge{
    flex:0 0 auto!important;max-width:100%!important;margin-left:0!important
  }
  .ih-route-settings :is(.ihx-settings-grid,.settings-grid)>article{
    min-width:0!important;overflow:hidden!important
  }
}

/* === Mobile layout correction v4 ======================================= */
.cos-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.cos-sidebar-close{display:none;width:2.35rem;height:2.35rem;border:1px solid var(--ih-border-subtle);border-radius:.65rem;background:transparent;color:var(--ih-text-secondary)}
.cos-sidebar-close .icon{width:1rem;height:1rem}
@media(max-width:900px){
  .cos-sidebar.ih-sidebar{width:min(18.5rem,78vw)!important;max-width:18.5rem!important;padding:.85rem!important}
  .cos-sidebar-head{min-height:3.25rem}
  .cos-sidebar-close{display:grid;place-items:center;flex:0 0 auto}
  .cos-sidebar-brand{min-height:auto!important;padding:0!important}
  .cos-sidebar-brand .ih-brand-art{width:2.9rem!important;height:2.9rem!important}
  .cos-launch{margin:.7rem 0 .9rem!important}
  .cos-nav{gap:.75rem!important}
  .cos-nav-group{gap:.08rem!important}
  .cos-nav-group>span{padding:.4rem .6rem .28rem!important}
  .cos-nav-group>a{min-height:2.3rem!important;padding:0 .6rem!important}
  .cos-sidebar-bottom{padding-top:.65rem!important}
  .cos-gateway{padding:.45rem .5rem!important}
  .cos-sidebar-links{gap:.35rem!important}
  .cos-sidebar-links a{min-height:2.2rem!important}
  .cos-account-menu{top:auto!important;left:.75rem!important;right:.75rem!important;bottom:calc(4.95rem + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:min(62dvh,32rem)!important;border-radius:1rem!important;padding:.7rem!important;box-shadow:0 28px 80px rgba(0,0,0,.55)!important}
  .cos-account-menu>div{padding:.65rem .55rem .8rem!important}
  .cos-account-menu>a,.cos-account-menu>button{min-height:2.85rem!important;padding:.6rem .65rem!important;font-size:.82rem!important}
  .cos-account-menu>button{border-top:1px solid var(--ih-border-subtle)!important;margin-top:.3rem!important}
  .ih-route-wallet .ihx-credit-packs>div{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important;border:0!important}
  .ih-route-wallet .ihx-credit-packs article{min-width:0!important;min-height:auto!important;padding:1rem!important;border:1px solid var(--ih-border)!important;border-radius:.8rem!important}
  .ih-route-wallet .ihx-credit-packs article>b{font-size:2rem!important;margin:.7rem 0 0!important}
  .ih-route-wallet .ihx-credit-packs article>em{margin:.8rem 0!important}
  .ih-route-wallet .ihx-credit-packs article .btn{width:100%!important;min-height:2.7rem!important}
  .ih-route-wallet .ihx-ledger-panel{min-width:0!important;overflow:hidden!important}
  .ih-route-wallet .ihx-ledger-panel>header{min-height:auto!important;padding:0 0 .8rem!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.35rem!important}
  .ih-route-wallet .ihx-ledger-panel>header>small{font-size:.72rem!important}
  .ih-route-wallet .ihx-ledger-table{display:grid!important;gap:.65rem!important;min-width:0!important}
  .ih-route-wallet .ihx-ledger-table-head{display:none!important}
  .ih-route-wallet .ihx-ledger-table>div:not(.ihx-ledger-table-head){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'time amount' 'kind amount' 'bucket amount' 'source amount'!important;gap:.2rem .75rem!important;min-width:0!important;min-height:auto!important;padding:.85rem!important;border:1px solid var(--ih-border)!important;border-radius:.75rem!important;background:var(--ih-surface-1)!important}
  .ih-route-wallet .ihx-ledger-table>div:not(.ihx-ledger-table-head)>span{min-width:0!important;overflow-wrap:anywhere!important;color:var(--ih-text-muted)!important}
  .ih-route-wallet .ihx-ledger-table>div:not(.ihx-ledger-table-head)>span:nth-child(1){grid-area:time!important;color:var(--ih-text-secondary)!important}
  .ih-route-wallet .ihx-ledger-table>div:not(.ihx-ledger-table-head)>span:nth-child(2){grid-area:kind!important}
  .ih-route-wallet .ihx-ledger-table>div:not(.ihx-ledger-table-head)>span:nth-child(3){grid-area:bucket!important}
  .ih-route-wallet .ihx-ledger-table>div:not(.ihx-ledger-table-head)>span:nth-child(4){grid-area:source!important}
  .ih-route-wallet .ihx-ledger-table>div:not(.ihx-ledger-table-head)>b{grid-area:amount!important;align-self:start!important;text-align:right!important;white-space:nowrap!important;font-size:.9rem!important}
  .ih-page-shell,.ih-page-shell>section,.ih-page-shell>article,.ih-page-shell>header,.ih-page-shell [class*='grid'],.ih-page-shell [class*='table'],.ih-page-shell [class*='panel']{min-width:0!important;max-width:100%!important}
}
@media(max-width:620px){
  .ih-route-wallet .ihx-credit-hero>div:first-child{padding:1rem!important}
  .ih-route-wallet .ihx-credit-hero>div:first-child>b{font-size:2.75rem!important}
  .ih-route-wallet .ihx-credit-split span{padding:1rem!important}
  .ih-route-wallet .ihx-credit-packs>header{gap:.45rem!important;margin-bottom:.9rem!important}
  .ih-route-wallet .ihx-credit-packs h2{font-size:1.55rem!important}
}

/* === Account trigger reliability v5 ==================================== */
@media(max-width:900px){
  .cos-topbar-right{position:relative!important;z-index:120!important}
  .cos-account{
    position:relative!important;
    z-index:121!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
  }
  .cos-account::after{
    content:"";
    position:absolute;
    inset:-.35rem;
  }
  .cos-account-menu{
    pointer-events:auto!important;
    z-index:119!important;
  }
}


/* === Native account popover v6 ========================================= */
.cos-account-menu[popover]{
  margin:0!important;
}
.cos-account-menu[popover]:not(:popover-open){
  display:none!important;
}

/* Detail system: feedback follows real request state and keeps the existing shell. */
:root{
  --ih-touch:2.75rem;
  --ih-focus:rgba(255,108,243,.72);
  --ih-feedback-border:#29424a;
  --ih-feedback-surface:#09151b;
}
:is(a,button,input,select,textarea,summary):focus-visible,
.deep-toggle input:focus-visible+span{
  outline:2px solid var(--ih-focus)!important;
  outline-offset:3px!important;
}
:is(.btn,.web-search-submit,.agent-tabs button,.search-examples button):active:not(:disabled){transform:translateY(1px)!important}
:is(button,a)[aria-current="page"],.cos-nav-group>a.active,.cos-mobile-bottom>a.active{font-weight:700}
:is(button,.btn):disabled{opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important}
:is(a,button)[aria-disabled="true"]{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important}
.cos-gateway [data-gateway-indicator].is-unavailable .cos-live-dot{background:var(--ih-danger);box-shadow:0 0 0 3px rgba(255,107,114,.12)}
.cos-gateway [data-gateway-detail]{overflow-wrap:anywhere}
.cos-more-sheet a.active{background:var(--ih-accent-soft)!important;color:var(--ih-accent)!important;box-shadow:inset 2px 0 var(--ih-accent)}
.status-summary.is-unavailable i{background:var(--ih-danger);box-shadow:0 0 0 4px rgba(239,118,128,.1)}
.modal-backdrop{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;overscroll-behavior:contain}
.modal-backdrop .modal{max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)))!important;max-width:100%!important;min-width:0;overflow-x:hidden}
.modal :is(pre,code),.mcp-modal :is(pre,code){overflow-wrap:anywhere;white-space:pre-wrap}
.modal :is(input,textarea,select),.mcp-modal :is(input,textarea,select){max-width:100%;min-width:0}
.modal-head>button{flex:0 0 var(--ih-touch);min-width:var(--ih-touch);min-height:var(--ih-touch)}
.mcp-row code,.ihx-endpoint-hero h2,.ih-run-modal code{white-space:normal;overflow-wrap:anywhere}
.agent-tabs button,.search-examples button,.mcp-secondary button{min-height:var(--ih-touch);cursor:pointer}
.agent-tabs button[aria-pressed="true"]{border-color:var(--ih-accent)}

/* OpenCrawl: expressive identity on the existing command-center geometry. */
:root{
  --cos-bg:#08070d;
  --cos-bg-2:#0c0912;
  --cos-surface:#100d16;
  --cos-surface-2:#15101c;
  --cos-surface-3:#1c1425;
  --cos-line:#2b2031;
  --cos-line-2:#48314e;
  --cos-accent:#ef39df;
  --cos-accent-2:#69dbe8;
  --cos-accent-soft:rgba(239,57,223,.12);
  --ih-bg:#08070d;
  --ih-surface-1:#100d16;
  --ih-surface-2:#15101c;
  --ih-surface-3:#1c1425;
  --ih-border-subtle:#241b2c;
  --ih-border:#302439;
  --ih-border-strong:#48314e;
  --ih-accent:#ef39df;
  --ih-accent-strong:#ff6cf3;
  --ih-accent-soft:rgba(239,57,223,.12);
  --ih-focus:rgba(255,108,243,.8);
}
.ih-hero-copy h1 span{color:var(--ih-text)!important}
.cos-sidebar.ih-sidebar{background:#0c0912!important}
.cos-topbar.ih-topbar{background:rgba(10,7,15,.94)!important}
.cos-nav-group>a.active{background:var(--ih-accent-soft)!important}
.cos-nav-group>a.active .cos-nav-icon{color:var(--ih-accent-strong)!important}
.mobile-menu{background:#100d16!important}
.oc-hero-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 25px;color:var(--ih-accent);font:700 10px/1.3 var(--ih-font-mono);letter-spacing:.16em}
.oc-hero-kicker img{width:24px;height:24px;flex:0 0 24px;object-fit:contain;image-rendering:pixelated}
.oc-capability-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--ih-border-subtle);background:#0d0a13}
.oc-capability-row>span{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 18px;border-right:1px solid var(--ih-border-subtle)}
.oc-capability-row>span:last-child{border-right:0}
.oc-capability-row i{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid var(--ih-border-strong);color:var(--ih-accent);font:700 10px var(--ih-font-mono);font-style:normal}
.oc-capability-row b{color:var(--ih-text-secondary);font:700 12px var(--ih-font-sans);letter-spacing:.03em;text-transform:uppercase}
.ih-hero{background:#08070d!important}
.ih-client-band{background:#0c0912!important}
.ih-hero::before{opacity:.2!important}
.ih-hero-grid::before{content:"";position:absolute;left:0;top:-24px;width:66px;height:1px;background:var(--ih-accent);box-shadow:68px 0 0 var(--ih-border-strong),136px 0 0 var(--ih-border-subtle)}
.ihx-auth-story,.auth-story{background:linear-gradient(160deg,rgba(239,57,223,.065),transparent 52%),#0c0a12!important}
.ihx-auth-route img,.auth-system-flow img,.core-node img{object-fit:contain;image-rendering:pixelated}
.cos-launch:hover,.cos-launch.active{border-color:rgba(239,57,223,.42)}
.ih-legal-hero{background:#08070d}
.ih-text-link{color:#bdb1c9!important}
.ih-text-link:hover{color:var(--ih-accent-strong)!important}
@media(max-width:760px){.ih-hero{padding-top:38px!important;padding-bottom:56px!important}.ih-hero-copy{padding:6px 0 0!important}.ih-hero-grid{gap:32px!important}.ih-hero-grid::before{top:-14px}}
@media(max-width:520px){.ih-hero{padding-top:30px!important}.oc-hero-kicker{margin-bottom:18px;font-size:9px;letter-spacing:.1em}.ih-hero-copy>p{margin-top:22px}.ih-hero-actions{margin-top:26px}.ih-hero-proof{gap:12px 18px;margin-top:25px}}
@media(max-width:760px){.oc-capability-row{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-capability-row>span:nth-child(3){border-right:0}.oc-capability-row>span:nth-child(n+4){border-top:1px solid var(--ih-border-subtle)}}
@media(max-width:430px){.oc-capability-row>span{min-height:52px;padding:8px;gap:6px}.oc-capability-row b{font-size:9px}.oc-capability-row i{width:20px;height:20px;flex-basis:20px;font-size:9px}}
.web-search-submit{flex:0 0 auto}
.web-search-results[hidden]{display:none}
.ih-execution-progress{border:1px solid var(--ih-feedback-border);background:var(--ih-feedback-surface);border-radius:14px;padding:clamp(16px,3vw,24px);color:var(--ih-text);min-width:0}
.ih-execution-head{display:flex;align-items:center;gap:14px;min-width:0}
.ih-execution-head>div{min-width:0;flex:1}
.ih-execution-head b{font-size:1rem}
.ih-execution-head p{margin:3px 0 0;color:var(--ih-text-muted);font-size:.8rem;overflow-wrap:anywhere;max-height:3em;overflow:hidden}
.ih-execution-head .btn{flex:0 0 auto}
.ih-execution-symbol{display:grid;place-items:center;flex:0 0 2.3rem;width:2.3rem;height:2.3rem;border:1px solid var(--ih-feedback-border);border-radius:10px;font-size:1.15rem}
.ih-execution-stages{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:20px 0 12px;padding:0}
.ih-execution-stages li{min-width:0;border-top:2px solid var(--ih-border);padding:10px 2px 0;color:var(--ih-text-faint);font:650 .68rem/1.45 var(--ih-font-mono);overflow-wrap:anywhere}
.ih-execution-stages li.done{border-color:var(--ih-accent);color:var(--ih-text-secondary)}
.ih-execution-stages li.current{border-color:var(--ih-warning);color:var(--ih-text)}
.ih-execution-stages li.current:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--ih-warning);animation:ih-stage-pulse 1.6s ease-in-out infinite}
.ih-execution-note{margin:0;color:var(--ih-text-muted);font-size:.74rem;line-height:1.5}
@keyframes ih-stage-pulse{50%{opacity:.25}}
.search-error .btn{margin:12px 8px 0 0}
.search-result-header>div{min-width:0}
.ih-page-shell :is(.ihx-session-row,.ihx-key-row,.ihx-payment-table>div,.monitor-row)>*{min-width:0}
@media(max-width:900px){
  .ih-run-table-head{display:none!important}
  .ih-run-table-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 12px!important;padding:13px 15px!important;text-align:left}
  .ih-run-table-row>span:first-child{grid-column:2;grid-row:1;align-self:start}
  .ih-run-table-row>span:nth-child(2){grid-column:1;grid-row:1;min-width:0}
  .ih-run-table-row>span:nth-child(3),.ih-run-table-row>span:nth-child(4),
  .ih-run-table-row>span:nth-child(5),.ih-run-table-row>span:nth-child(6){display:flex!important;align-items:baseline;gap:6px;min-width:0;color:var(--ih-text-secondary);font-size:.72rem}
  .ih-run-table-row>span:nth-child(3),.ih-run-table-row>span:nth-child(4){grid-column:1}
  .ih-run-table-row>span:nth-child(5),.ih-run-table-row>span:nth-child(6){grid-column:2;text-align:right;justify-content:flex-end}
  .ih-run-table-row>span:nth-child(3){grid-row:2}
  .ih-run-table-row>span:nth-child(4){grid-row:3}
  .ih-run-table-row>span:nth-child(5){grid-row:2}
  .ih-run-table-row>span:nth-child(6){grid-row:3}
  .ih-run-table-row>[data-label]:before{content:attr(data-label) " · ";color:var(--ih-text-faint);font-size:.66rem}
  .ih-run-table-row>span:last-child{display:none}
}
@media(max-width:720px){
  .ih-execution-stages{grid-template-columns:1fr;gap:0;margin:14px 0}
  .ih-execution-stages li{display:none;padding:6px 2px;border-top:0;border-left:2px solid var(--ih-border);padding-left:12px}
  .ih-execution-stages li.done,.ih-execution-stages li.current{display:block}
  .ih-execution-head{flex-wrap:wrap}
  .ih-execution-head .btn{margin-left:auto}
  .search-result-header{flex-wrap:wrap}
  .search-result-header .btn{min-height:var(--ih-touch)}
  .mcp-row{min-width:0}
  .ihx-session-row small,.ihx-payment-table code{overflow-wrap:anywhere;white-space:normal}
  .ihx-key-row>.btn{min-height:var(--ih-touch)!important}
}
@media(max-width:390px){
  .ih-page-shell{padding-inline:12px!important}
  .ih-run-table-row>span:nth-child(5),.ih-run-table-row>span:nth-child(6){grid-column:1/-1;text-align:left;justify-content:flex-start;overflow-wrap:anywhere}
  .ih-run-table-row>span:nth-child(5){grid-row:4}
  .ih-run-table-row>span:nth-child(6){grid-row:5}
  .search-hint{display:none}
  .web-search-actions{justify-content:flex-start}
  .ihx-endpoint-meta span{padding:10px 0}
  .ihx-security-rail>div{grid-template-columns:24px minmax(0,1fr);padding:10px 0}
  .ihx-security-rail>div>:last-child{grid-column:2;justify-self:start}
  .ihx-session-row{grid-template-columns:22px minmax(0,1fr)!important}
  .ihx-session-row>.btn,.ihx-session-row>.ihx-state{grid-column:2!important;grid-row:auto!important;justify-self:start}
  .search-key-lock{padding:15px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.ih-execution-stages li.current:before{animation:none}}
.cos-account-menu[popover]:popover-open{
  display:grid!important;
}
.cos-account-menu[popover]::backdrop{
  background:rgba(0,0,0,.56);
  backdrop-filter:blur(1px);
}
@media(max-width:900px){
  .cos-account-menu[popover]{
    inset:auto .75rem calc(4.95rem + env(safe-area-inset-bottom)) .75rem!important;
    width:auto!important;
    max-width:none!important;
  }
  .cos-account-menu[popover]::backdrop{
    background:rgba(0,0,0,.62);
  }
}

.mcp-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 26px}.mcp-actions button{background:#0b1217;border:1px solid #243139;color:inherit;padding:18px;text-align:left;cursor:pointer}.mcp-actions b,.mcp-actions small{display:block}.mcp-actions small{color:#778692;margin-top:6px}.mcp-saved{border:1px solid #243139;margin-bottom:26px;background:#091016}.mcp-saved header{padding:20px;border-bottom:1px solid #202c33}.mcp-saved header span{letter-spacing:.15em;color:#6f818c}.mcp-saved header h2{margin:5px 0}.mcp-saved header p{color:#7c8993}.mcp-row{display:flex;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid #18242b}.mcp-row div{display:grid;gap:4px;min-width:0;flex:1}.mcp-row code{overflow:hidden;text-overflow:ellipsis}.mcp-row small{color:#75848f}.mcp-empty{padding:24px}.mcp-empty p{color:#75848f}.mcp-link{border:0;background:none;color:#6de1d9;cursor:pointer}.mcp-modal{width:min(700px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto}.mcp-modal>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243139;padding-bottom:15px;margin-bottom:18px}.mcp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mcp-note,.mcp-preview{border:1px solid #26343b;background:#091116;padding:13px;color:#8997a1}.mcp-preview{display:grid;gap:6px}.mcp-guide{line-height:1.7;color:#98a5ae}.mcp-guide h3{color:#eef3f5;margin:22px 0 6px}.mcp-guide pre{overflow:auto;background:#070d11;border:1px solid #26343b;padding:14px}.mcp-guide code{color:#72ddd5}@media(max-width:800px){.mcp-actions{grid-template-columns:1fr 1fr}.mcp-grid{grid-template-columns:1fr}}@media(max-width:520px){.mcp-actions{grid-template-columns:1fr}.mcp-row{align-items:flex-start;flex-wrap:wrap}.mcp-row .btn{margin-left:auto}.mcp-modal{width:calc(100vw - 12px);padding:17px}}

.agent-connect{margin:18px 0;border:1px solid #26333d;border-radius:18px;padding:20px;background:#0b1218}.agent-connect header span{font:600 10px ui-monospace,monospace;letter-spacing:.18em;color:#62dccb}.agent-connect header h2{margin:7px 0 5px;font-size:26px}.agent-connect header p{margin:0;color:#82909c}.agent-tabs{display:flex;gap:7px;overflow-x:auto;margin:18px 0 12px}.agent-tabs button{white-space:nowrap;border:1px solid #26333d;background:#080e13;color:#9aa7b2;border-radius:999px;padding:9px 13px;font-weight:700}.agent-tabs button.active{background:#49d8c7;color:#06110f;border-color:#49d8c7}.agent-command{border:1px solid #24313a;border-radius:14px;padding:15px;background:#070c10}.agent-command-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.agent-command-head small,.agent-verify span{font:600 10px ui-monospace,monospace;letter-spacing:.14em;color:#62dccb}.agent-command-head h3{font-size:14px;margin:5px 0 0}.agent-command pre{margin:14px 0 10px;padding:13px;border:1px solid #1d2932;border-radius:10px;background:#020609;white-space:pre-wrap;word-break:break-word;overflow:auto}.agent-command pre code{font-size:12px}.agent-command p{font-size:12px;color:#7f8c97;margin:10px 0 0}.agent-verify{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #1d2932;border-radius:10px;padding:9px 11px}.agent-verify code{font-size:12px;overflow:auto}.mcp-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.mcp-secondary button{text-align:left;padding:14px;border:1px solid #26333d;border-radius:12px;background:#091016;color:inherit}.mcp-secondary b,.mcp-secondary small{display:block}.mcp-secondary small{margin-top:4px;color:#788591}@media(max-width:640px){.agent-connect{padding:14px;margin:12px 0;border-radius:14px}.agent-connect header h2{font-size:20px}.agent-command{padding:12px}.agent-command-head h3{font-size:13px}.agent-verify{grid-template-columns:1fr auto}.agent-verify span{grid-column:1/-1}.mcp-secondary{grid-template-columns:1fr}.ihx-endpoint-hero{margin-bottom:12px}}

/* Research Playground v3 */
.research-key-lock,.research-console,.research-results{border:1px solid #24313a;background:#091016;border-radius:20px}.research-key-lock{display:flex;align-items:center;gap:18px;padding:24px}.research-key-lock>svg{width:28px}.research-key-lock div{flex:1}.research-key-lock h2{margin:4px 0}.research-console{padding:22px}.research-top{display:flex;justify-content:space-between;gap:20px;align-items:end}.research-top span{font:600 10px ui-monospace,monospace;letter-spacing:.18em;color:#58d9c8}.research-top h2{margin:7px 0 0;font-size:25px}.research-top label{font-size:11px;color:#84919c}.research-top select{display:block;margin-top:6px;min-width:190px}.research-console textarea{width:100%;margin:20px 0 12px;font-size:17px;line-height:1.5;resize:vertical}.research-modes,.research-depth{display:flex;gap:7px;overflow:auto}.research-modes button,.research-depth button,.result-tabs button{border:1px solid #26333d;background:#070d12;color:#94a1ac;border-radius:999px;padding:9px 13px;white-space:nowrap;font-weight:700}.research-modes button.active,.research-depth button.active,.result-tabs button.active{background:#49d8c7;color:#06110f;border-color:#49d8c7}.research-target{margin:14px 0}.research-target label{font-size:12px}.research-target small{color:#74818d}.research-target input{display:block;width:100%;margin-top:7px}.research-runbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}.research-depth{align-items:center}.research-depth>span{font-size:11px;color:#788590;margin-right:3px}.research-advanced{margin-top:16px;border-top:1px solid #1f2b34;padding-top:14px}.research-advanced summary{cursor:pointer;color:#9aa7b2;font-weight:700}.research-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.research-grid.two{grid-template-columns:1fr 1fr}.research-grid label{font-size:11px}.research-grid input{width:100%;margin-top:5px}.research-switches{display:flex;gap:18px;align-items:center;margin-top:12px;color:#83909b;font-size:12px}.research-balance{margin:14px 0 0;color:#71808b;font-size:12px}.research-flow{display:flex;justify-content:center;align-items:center;gap:12px;margin:16px 0;color:#5f6e79;font:600 9px ui-monospace,monospace;letter-spacing:.13em}.research-flow i{font-style:normal;color:#34434e}.research-results{margin-top:16px;padding:20px}.research-results>header{display:flex;justify-content:space-between;gap:16px;align-items:start}.research-results>header span{font:600 10px ui-monospace,monospace;letter-spacing:.16em;color:#58d9c8}.research-results>header h2{font-size:20px;margin:6px 0;word-break:break-word}.research-results>header p{color:#788590}.research-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.research-stats>div{padding:12px;border:1px solid #202d36;border-radius:11px}.research-stats small{display:block;font-size:9px;color:#6f7d88;letter-spacing:.12em}.research-stats b{font-size:19px}.research-stats em{font-size:10px;font-style:normal}.result-tabs{display:flex;gap:7px;margin-bottom:12px}.source-list,.trace-list{display:grid;gap:7px}.source-list article{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;border:1px solid #1e2b34;border-radius:11px;padding:10px}.source-list article>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#101a21;color:#6fdccc;font-size:11px}.source-list b{display:block;font-size:12px;word-break:break-all}.source-list small{display:block;color:#6f7d88;margin-top:3px}.source-list em{font:600 9px ui-monospace,monospace;font-style:normal}.good{color:#5ed8b3}.bad{color:#e58b8b}.trace-list>div{display:grid;grid-template-columns:18px 1fr auto;gap:8px;padding:8px;border-bottom:1px solid #18242c}.trace-list b{font-size:11px;word-break:break-all}.trace-list small{color:#6f7d88}.research-raw{max-height:440px;overflow:auto;background:#03070a;border:1px solid #1d2932;border-radius:11px;padding:13px;font-size:11px}.research-running{display:flex;gap:14px;align-items:center;padding:20px}.research-running p{margin:4px 0;color:#7c8994}
@media(max-width:640px){.research-key-lock{align-items:flex-start;flex-wrap:wrap;padding:16px}.research-console{padding:14px;border-radius:15px}.research-top{display:block}.research-top h2{font-size:20px}.research-top label{display:block;margin-top:12px}.research-top select{width:100%}.research-console textarea{font-size:15px;margin-top:14px}.research-runbar{display:block}.research-depth{margin-bottom:12px}.research-runbar>.ihp-run{width:100%}.research-grid,.research-grid.two{grid-template-columns:1fr 1fr}.research-switches{flex-wrap:wrap;gap:10px}.research-flow{justify-content:flex-start;overflow:auto;padding-bottom:3px}.research-results{padding:14px;border-radius:15px}.research-results>header{display:block}.research-results>header .btn{margin-top:10px}.research-stats{grid-template-columns:repeat(3,1fr)}.source-list article{grid-template-columns:26px 1fr}.source-list article em{grid-column:2}.trace-list>div{grid-template-columns:15px 1fr}.trace-list small{grid-column:2}.result-tabs{overflow:auto}}


/* Search-first Playground v4 */
.web-search-console{max-width:980px;margin:0 auto 28px}
.web-search-form{border:1px solid var(--border,#22303b);border-radius:22px;background:rgba(8,16,23,.72);padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.web-search-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #2a3944;background:#071017;border-radius:18px;padding:8px 9px 8px 16px;transition:border-color .18s ease,box-shadow .18s ease}
.web-search-box:focus-within{border-color:#49d2c7;box-shadow:0 0 0 3px rgba(73,210,199,.10)}
.web-search-icon{display:grid;place-items:center;color:#7c8d99}
.web-search-icon svg{width:21px;height:21px}
#research-query{width:100%;min-height:46px;max-height:140px;resize:none;border:0!important;background:transparent!important;box-shadow:none!important;color:#f4f7fa;font-size:18px;line-height:1.45;padding:10px 0;outline:0}
#research-query::placeholder{color:#657582}
.web-search-submit{width:48px;height:48px;border:0;border-radius:14px;background:#4bd2c7;color:#05110f;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,opacity .15s ease}
.web-search-submit:hover{transform:translateY(-1px)}
.web-search-submit:disabled{opacity:.55;cursor:wait}
.web-search-submit svg{width:22px;height:22px}
.web-search-actions{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:13px 2px 0;color:#71818e;font-size:13px}
.deep-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#9aa9b4}
.deep-toggle input{position:absolute;opacity:0;pointer-events:none}
.deep-toggle span{width:34px;height:20px;border-radius:999px;border:1px solid #33434f;background:#101b24;position:relative;transition:.18s}
.deep-toggle span:after{content:"";width:14px;height:14px;border-radius:50%;background:#71818e;position:absolute;left:2px;top:2px;transition:.18s}
.deep-toggle input:checked+span{background:rgba(255,108,243,.18);border-color:#4bd2c7}
.deep-toggle input:checked+span:after{left:16px;background:#4bd2c7}
.deep-toggle b{font-weight:650}
.search-examples{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0}
.search-examples button{border:1px solid #263540;background:#0b151d;color:#8fa0ac;border-radius:999px;padding:8px 11px;font-size:12px;cursor:pointer}
.search-examples button:hover{border-color:#3f5a68;color:#c8d2d9}
.search-advanced{margin-top:16px;border-top:1px solid #1f2b34;padding-top:14px}
.search-advanced>summary{cursor:pointer;color:#8696a2;font-weight:650;list-style:none}
.search-advanced>summary::-webkit-details-marker{display:none}
.search-advanced>summary:before{content:"+";display:inline-block;width:20px;color:#4bd2c7}
.search-advanced[open]>summary:before{content:"−"}
.search-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.search-advanced-grid label{font-size:12px;color:#7f909c}
.search-advanced-grid input,.search-advanced-grid select{width:100%;margin-top:6px}
.search-advanced-checks{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;color:#8797a2;font-size:12px}
.search-security{display:flex;align-items:center;gap:7px;color:#657681;font-size:12px;margin:14px 0 0}
.search-security svg{width:16px;height:16px}
.web-search-results{max-width:980px;margin:0 auto;padding-bottom:80px;scroll-margin-top:80px}
.search-result-header{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;padding:22px 0 18px;border-bottom:1px solid #1d2a33}
.search-result-header h2{font-size:30px;line-height:1.16;margin:5px 0 7px;overflow-wrap:anywhere;color:#f2f5f7}
.search-result-header p{margin:0;color:#748590;font-size:13px}
.search-section-kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:#4bd2c7;font-size:11px;font-weight:700}
.search-answer{padding:22px 0;border-bottom:1px solid #1d2a33}
.answer-point{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:14px 0}
.answer-point>span{width:25px;height:25px;border-radius:8px;background:rgba(255,108,243,.12);color:#4bd2c7;display:grid;place-items:center;font-size:12px;font-weight:750}
.answer-point p{margin:0 0 6px;color:#dbe2e7;line-height:1.58;font-size:15px}
.answer-point a{font-size:12px;color:#66d9d0;text-decoration:none}
.search-results-list{padding:22px 0}
.search-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:8px}
.search-section-head h3{font-size:18px;margin:5px 0 0;color:#dbe2e7}
.search-result-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:17px 4px;border-bottom:1px solid #17232b}
.search-result-rank{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#596a76;font-size:12px;padding-top:4px;text-align:center}
.search-result-domain{color:#71838f;font-size:12px;text-transform:lowercase;margin-bottom:5px}
.search-result-title{display:inline-block;color:#eef3f5;font-size:18px;line-height:1.32;font-weight:680;text-decoration:none}
.search-result-title:hover{color:#4bd2c7}
.search-result-body p{max-width:760px;color:#98a6af;line-height:1.52;font-size:14px;margin:7px 0}
.search-result-url{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4f8f8b;font-size:11px;text-decoration:none;max-width:100%}
.search-details{border-top:1px solid #1d2a33;padding:15px 0}
.search-details>summary{cursor:pointer;color:#9aa8b2;font-weight:650;display:flex;align-items:center;justify-content:space-between}
.search-details>summary span{color:#596b77;font-size:12px}
.evidence-list{padding-top:12px}
.evidence-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:9px 0}
.evidence-row b{color:#536773;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.evidence-row a{color:#b9c6ce;text-decoration:none;font-size:13px}
.evidence-row small{display:block;color:#61727d;margin-top:3px}
.run-detail-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin-top:14px;font-size:12px;color:#71838f}
.run-detail-grid code,.run-detail-grid b{color:#a8bac5;overflow-wrap:anywhere}
.raw-json{margin-top:14px}
.raw-json summary{cursor:pointer;color:#6e7f8b;font-size:12px}
.raw-json pre{max-height:420px;overflow:auto;background:#060c11;border:1px solid #1a2730;border-radius:12px;padding:14px;font-size:11px;color:#8fc8c3}
.search-loading,.search-error,.search-empty{display:flex;align-items:flex-start;gap:14px;padding:28px 4px;color:#a9b6be}
.search-loading b,.search-error h3,.search-empty h3{color:#e8edef;margin:0 0 5px}
.search-loading p,.search-error p,.search-empty p{margin:0;color:#71828d}
.search-loader{width:22px;height:22px;border:2px solid #264047;border-top-color:#4bd2c7;border-radius:50%;animation:ihSpin .8s linear infinite;flex:0 0 auto}
.search-error svg,.search-empty svg{width:22px;height:22px;color:#748893}
.search-key-lock{max-width:820px;margin:24px auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:22px;border:1px solid #24333e;border-radius:18px;background:#081119}
.search-key-lock>svg{width:22px;height:22px;color:#4bd2c7}
.search-key-lock h2{margin:4px 0 3px;font-size:18px}.search-key-lock p{margin:0;color:#73838e}
@keyframes ihSpin{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .web-search-console,.web-search-results{max-width:none;width:100%}
  .web-search-form{border-radius:16px;padding:12px}
  .web-search-box{padding:6px 7px 6px 12px;border-radius:15px;gap:8px}
  .web-search-icon{display:none}
  #research-query{font-size:16px;min-height:44px;padding:10px 2px}
  .web-search-submit{width:44px;height:44px;border-radius:12px}
  .web-search-actions{align-items:flex-start;gap:8px}
  .search-hint{max-width:52%;text-align:right;line-height:1.3}
  .search-examples{flex-wrap:nowrap;overflow:auto;margin-left:-12px;margin-right:-12px;padding:0 12px 4px;scrollbar-width:none}
  .search-examples::-webkit-scrollbar{display:none}
  .search-examples button{white-space:nowrap;flex:0 0 auto}
  .search-advanced-grid{grid-template-columns:1fr}
  .search-advanced-checks{display:grid;grid-template-columns:1fr}
  .search-security{align-items:flex-start;line-height:1.4}
  .search-result-header{padding:18px 0 14px}
  .search-result-header h2{font-size:24px}
  .search-result-header .btn{padding:8px 10px;white-space:nowrap}
  .search-result-card{grid-template-columns:26px minmax(0,1fr);gap:8px;padding:15px 0}
  .search-result-title{font-size:16px}
  .search-result-body p{font-size:13px}
  .answer-point{grid-template-columns:24px minmax(0,1fr);gap:9px}
  .answer-point>span{width:22px;height:22px}
  .answer-point p{font-size:14px}
  .search-key-lock{grid-template-columns:auto 1fr}.search-key-lock .btn{grid-column:1/-1}
}

/* Public repository investigation */
.repo-workspace{display:grid;gap:16px;max-width:1100px;margin:auto}
.repo-search{display:grid;gap:10px;padding:22px;border:1px solid #33445a;border-radius:18px;background:#111b2b}
.repo-search label{font-size:13px;color:#aec1d8}.repo-search>div{display:flex;gap:10px}.repo-search input{flex:1;min-width:0;min-height:48px;padding:12px 15px;border:1px solid #465973;border-radius:11px;background:#0b1423;color:#eef5ff;font:inherit}
.repo-search input:focus-visible,.repo-suggestions button:focus-visible,.repo-card button:focus-visible{outline:2px solid #8bb8ff;outline-offset:2px}
.repo-search details{color:#b1bfd1;font-size:12px}.repo-search summary{cursor:pointer;width:max-content}.repo-search select{display:block;max-width:100%;margin-top:9px;padding:9px;border:1px solid #465973;border-radius:8px;background:#0b1423;color:#eef5ff}
.repo-suggestions{display:flex;flex-wrap:wrap;gap:8px}.repo-suggestions button{padding:8px 12px;border:1px solid #3a4d64;border-radius:999px;background:#18273b;color:#cad8eb;cursor:pointer}
.repo-suggestions button:disabled{opacity:.55;cursor:progress}
.repo-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:14px 0}.repo-result-head h2{margin:3px 0 8px;font-size:clamp(22px,3vw,30px)}.repo-result-head p{margin-bottom:8px;color:#c0cddd}.repo-result-head small,.repo-card small,.repo-findings small{color:#9fb3ca}.repo-result-head>a{color:#92beff}
.repo-result-list,.repo-findings{display:grid;gap:12px}.repo-card,.repo-findings article{display:flex;justify-content:space-between;gap:16px;padding:18px;border:1px solid #354860;border-radius:13px;background:#162236}.repo-card strong{font-size:16px;color:#f4f7fc}.repo-card p{margin:6px 0 10px;color:#b8c6d9;line-height:1.4}.repo-card-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.repo-card-actions a,.repo-card-actions button,.repo-files a,.repo-findings article>a{color:#99c2ff}.repo-card-actions button{border:0;background:none;cursor:pointer;font:inherit}.repo-card-actions svg{width:15px}
.repo-findings{margin:10px 0 20px}.repo-findings h3{margin:12px 0 0;font-size:18px}.repo-findings article{display:block}.repo-findings article small{display:block;margin:8px 0}.repo-findings article p{margin:8px 0;color:#b8c6d9}.repo-endpoints,.repo-files{display:flex;flex-wrap:wrap;gap:8px}.repo-endpoints code,.repo-files a{padding:8px 10px;border:1px solid #344760;border-radius:7px;background:#0e192a;font-size:12px;overflow-wrap:anywhere}.repo-empty,.repo-note,.repo-error{padding:18px;border:1px dashed #405572;border-radius:12px;color:#b6c7dc}.repo-error{border-color:#b56369;color:#ffc4c6}
.repo-operations{min-width:0;padding-bottom:14px;border-bottom:1px solid #354860}.repo-operations>p{color:#9fb3ca;line-height:1.5}
.repo-operations>div{display:grid;gap:8px}.repo-operations article{display:flex;align-items:start;justify-content:space-between;gap:12px;min-width:0;padding:13px 15px}
.repo-operations article>div{min-width:0}.repo-operations strong,.repo-operations code{display:block;overflow-wrap:anywhere}.repo-operations code{margin-top:6px;color:#aad9d3;font-size:12px}
.repo-operations article>a{flex:0 0 auto;font-size:12px}
@media(max-width:620px){.repo-search{padding:16px}.repo-search>div{flex-direction:column}.repo-search button{min-height:44px}.repo-card{display:block}.repo-card-actions{margin-top:14px;white-space:normal}.repo-result-head>a{display:block}}
@media(max-width:620px){.repo-operations article{display:block}.repo-operations article>a{display:inline-block;margin-top:8px;min-height:36px;padding-top:8px}}

/* Monitor lifecycle follows persisted executor state. */
.template-row{grid-template-columns:repeat(3,minmax(0,1fr))}
#monitor-target-hint{display:block;margin-top:.35rem;color:var(--ih-text-muted);font-size:.75rem;line-height:1.45}
.monitor-row[aria-busy="true"]{opacity:.65;cursor:progress}
.monitor-history-table td{overflow-wrap:anywhere}
@media(max-width:620px){
  .template-row{grid-template-columns:1fr;gap:.45rem}
  .template-row button{min-height:3.3rem;grid-template-columns:1.8rem minmax(0,1fr);padding:.7rem .85rem}
  .monitor-row{grid-template-columns:10px minmax(0,1fr) auto;gap:.4rem .7rem;padding:.85rem 0;text-align:left}
  .monitor-row>i{grid-column:1;grid-row:1}
  .monitor-row>span:nth-of-type(1){grid-column:2;grid-row:1}
  .monitor-row>span:nth-of-type(2){display:flex!important;grid-column:2/-1;grid-row:2;gap:.2rem}
  .monitor-row>span.badge{grid-column:3;grid-row:1;align-self:start}
  .monitor-row>.icon{display:none}
  .monitor-history-table{width:100%;margin-inline:0;overflow:visible}
  .monitor-history-table table,.monitor-history-table tbody{display:block;width:100%}
  .monitor-history-table thead{display:none}
  .monitor-history-table tbody{display:grid;gap:.55rem}
  .monitor-history-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .7rem;padding:.8rem;border:1px solid var(--ih-border);border-radius:.7rem;background:var(--ih-surface-1)}
  .monitor-history-table td{display:block;min-width:0;padding:0;border:0;font-size:.75rem}
  .monitor-history-table td::before{content:attr(data-label);display:block;margin-bottom:.2rem;color:var(--ih-text-muted);font:650 .62rem var(--ih-font-mono);text-transform:uppercase}
  .monitor-history-table td:nth-child(1){grid-column:1;grid-row:1}
  .monitor-history-table td:nth-child(2){grid-column:2;grid-row:1}
  .monitor-history-table td:nth-child(3){grid-column:1;grid-row:2}
  .monitor-history-table td:nth-child(4){grid-column:2;grid-row:2}
  .monitor-history-table td:nth-child(5){grid-column:1/-1;grid-row:3;border-top:1px solid var(--ih-border);padding-top:.55rem}
}

/* Public evidence shares the execution form's geometry and focus treatment. */
#public-data-research-fields[hidden],#public-data-search-fields[hidden],#public-data-urls-field[hidden]{display:none!important}
#public-data-form,#public-data-form label,#public-data-form input,#public-data-form select,#public-data-form textarea,#public-data-output{min-width:0;max-width:100%}
#public-data-output h4{margin:0 0 8px;overflow-wrap:anywhere}
#game-pagination{margin-block:14px}


/* Rewards redemption */
.reward-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin:18px 0 28px}
.reward-summary>article{min-width:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.reward-summary>article>span{display:block;color:var(--muted-2);font:800 10px var(--mono);letter-spacing:.13em}
.reward-summary>article>b{display:block;margin:9px 0 5px;font-size:clamp(24px,4vw,38px);letter-spacing:-.045em}
.reward-summary>article small{display:block;color:var(--muted);line-height:1.45}
.reward-summary>article a{display:inline-flex;align-items:center;gap:6px;margin-top:13px;color:var(--accent);font-size:12px;font-weight:750}
.reward-balance-card{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 10%,rgba(239,57,223,.15),transparent 40%),linear-gradient(145deg,#11151a,#0b0e11)!important}
.reward-balance-card:after{content:"";position:absolute;width:100px;height:100px;right:-24px;bottom:-34px;border:1px solid rgba(239,57,223,.16);border-radius:50%}
.reward-earned-banner{display:flex;align-items:center;gap:10px;margin:-8px 0 24px;padding:13px 15px;border:1px solid rgba(100,216,164,.25);border-radius:12px;background:rgba(100,216,164,.07);color:#bff3d7}
.reward-earned-banner .icon{color:var(--success)}.reward-earned-banner span{color:var(--muted);font-size:12px}
.reward-subhead{align-items:end}.reward-subhead>small{color:var(--muted-2)}
.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}
.reward-card{display:flex;flex-direction:column;min-height:290px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#0c1115}
.reward-card.available{border-color:rgba(239,57,223,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.reward-card.locked{opacity:.67}.reward-card header{display:flex;align-items:center;justify-content:space-between}.reward-card header>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#121920;color:var(--accent)}
.reward-card header em{font:800 12px var(--mono);font-style:normal;color:var(--success)}.reward-card h3{margin:20px 0 8px;font-size:20px}.reward-card p{font-size:13px;line-height:1.6}
.reward-card>div{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:auto 0 15px;padding-top:20px;border-top:1px solid var(--line)}
.reward-card>div b{font-size:15px}.reward-card>div small{color:var(--muted-2);text-align:right}.reward-card .btn{width:100%}
.reward-history-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:14px}.reward-history-grid>.card{min-width:0}
.reward-ledger{display:grid}.reward-ledger>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.reward-ledger>div:last-child{border-bottom:0}.reward-ledger b{display:block;font-size:13px}.reward-ledger small{display:block;margin-top:4px;color:var(--muted-2);font-size:10px}.reward-ledger em{font-style:normal;font:800 13px var(--mono)}
@media(max-width:950px){.reward-summary{grid-template-columns:1fr 1fr}.reward-summary>article:first-child{grid-column:1/-1}.reward-grid{grid-template-columns:1fr 1fr}.reward-history-grid{grid-template-columns:1fr}}
@media(max-width:620px){.reward-summary,.reward-grid{grid-template-columns:1fr}.reward-summary>article:first-child{grid-column:auto}.reward-earned-banner{align-items:flex-start;flex-wrap:wrap}.reward-subhead{align-items:start}.reward-card{min-height:250px}}


/* Community reward codes */
.reward-code-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:18px;margin:0 0 30px;padding:22px;border:1px solid rgba(239,57,223,.22);border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(239,57,223,.10),transparent 34%),#0c1115}
.reward-code-copy h2{margin:8px 0 8px;font-size:22px}.reward-code-copy p{max-width:680px;color:var(--muted);line-height:1.6}
#reward-code-form{display:flex;align-items:end;gap:10px}
#reward-code-form label{display:grid;gap:7px;flex:1}
#reward-code-form label>span{font:800 10px var(--mono);letter-spacing:.12em;color:var(--muted-2)}
#reward-code-form input{width:100%;min-width:0;text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono)}
#reward-code-form .btn{white-space:nowrap}
.reward-code-history{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}
.reward-code-history>span{display:block;margin-bottom:8px;font:800 10px var(--mono);letter-spacing:.12em;color:var(--muted-2)}
.reward-code-history>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;padding:10px 0;border-bottom:1px solid var(--line)}
.reward-code-history>div:last-child{border-bottom:0}.reward-code-history b{font-size:13px}.reward-code-history small{grid-column:1;color:var(--muted-2);font-size:11px}.reward-code-history em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font:800 12px var(--mono);color:var(--success)}
@media(max-width:820px){.reward-code-panel{grid-template-columns:1fr}#reward-code-form{align-items:stretch}.reward-code-history{grid-column:auto}}
@media(max-width:560px){#reward-code-form{flex-direction:column}#reward-code-form .btn{width:100%}}
