:root {
      --bg: #090d12;
      --panel: #101720;
      --panel-2: #131d28;
      --ink: #f3f7fb;
      --muted: #9aa9b5;
      --line: #273544;
      --blue: #50b8ff;
      --green: #69e39a;
      --yellow: #ffd166;
      --orange: #ff9f5a;
      --red: #ff6b6b;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      background:
        radial-gradient(circle at 12% 18%, rgba(80, 184, 255, .15), transparent 32%),
        radial-gradient(circle at 84% 8%, rgba(105, 227, 154, .12), transparent 28%),
        linear-gradient(180deg, #090d12 0%, #0d131a 54%, #090d12 100%);
      color: var(--ink);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
    }
    body.theme-light {
      --bg:#f4f7fb;
      --panel:#ffffff;
      --panel-2:#eef4f8;
      --ink:#111827;
      --muted:#5f6f7f;
      --line:#d6e1ea;
      --blue:#147fd1;
      --green:#16855d;
      --yellow:#9a6a00;
      --orange:#b55313;
      --red:#c83e3e;
      background:linear-gradient(180deg,#f5f8fb 0%,#eaf1f7 100%);
      color:var(--ink);
    }
    a { color: inherit; text-decoration: none; }
    a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
    .skip-link { position:fixed; left:16px; top:12px; z-index:9999; transform:translateY(-160%); padding:10px 14px; border-radius:8px; background:var(--blue); color:#071018; font-weight:900; }
    .skip-link:focus { transform:translateY(0); }
    .wrap { max-width: 1200px; margin: 0 auto; padding: 20px; }
    .topbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 10px 0 38px; }
    .brand { display: flex; gap: 12px; align-items: center; }
    .brand img { width: 42px; height: 42px; }
    .brand strong { display: block; font-size: 18px; letter-spacing: -.02em; }
    .brand span { color: var(--muted); font-size: 13px; }
    .nav { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
    .locale-switch { display:flex; gap:4px; align-items:center; border:1px solid var(--line); border-radius:8px; padding:4px; background:rgba(16,23,32,.62); }
    .locale-switch a { min-width:38px; padding:6px 8px; border-radius:6px; color:var(--muted); font-size:12px; font-weight:950; text-align:center; text-transform:uppercase; }
    .locale-switch a.active { background:var(--blue); color:#071018; }
    .btnx { border: 1px solid var(--line); border-radius: 8px; background: rgba(16, 23, 32, .82); color: var(--ink); padding: 10px 14px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; }
    .btnx.primary { background: var(--blue); border-color: var(--blue); color: #071018; }
    .btnx.success { background: var(--green); border-color: var(--green); color: #071018; }
    .btnx.quiet { background:rgba(8,16,25,.56); border-color:rgba(72,101,128,.7); color:var(--ink); }
    .btn-icon { width:22px; height:22px; border-radius:8px; display:inline-grid; place-items:center; background:rgba(255,255,255,.08); font-size:11px; font-weight:950; }
    .btnx:hover { border-color: var(--blue); color: var(--ink); }
    .btnx.primary:hover, .btnx.success:hover { color: #071018; }
    .hero { padding: 28px 0 64px; }
    .hero-product-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(520px,1.1fr); gap:42px; align-items:center; min-height:620px; padding:36px 0 72px; }
    .hero-copy h1 { max-width:640px; font-size:clamp(46px,4.5vw,66px); line-height:1; }
    .hero-copy .lead { max-width:620px; font-size:18px; line-height:1.6; }
    .hero-assurances { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:18px; color:var(--muted); font-size:12px; }
    .product-preview { overflow:hidden; border:1px solid rgba(80,184,255,.28); border-radius:20px; background:#080e14; box-shadow:0 34px 110px rgba(0,0,0,.42),0 0 80px rgba(80,184,255,.08); transform:perspective(1200px) rotateY(-2deg) rotateX(1deg); }
    .preview-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid var(--line); background:#0d151e; color:var(--muted); font-size:12px; }
    .preview-brand { color:var(--ink); font-weight:900; }.preview-brand i { display:inline-block; width:9px; height:9px; margin-right:7px; border-radius:3px; background:linear-gradient(135deg,var(--blue),var(--green)); }
    .preview-live { color:var(--green); }
    .preview-body { display:grid; grid-template-columns:128px 1fr; min-height:430px; }
    .preview-sidebar { display:flex; flex-direction:column; gap:7px; padding:16px 10px; border-right:1px solid var(--line); background:#0a1118; }
    .preview-sidebar span { display:flex; justify-content:space-between; padding:9px 10px; border-radius:8px; color:var(--muted); font-size:11px; }.preview-sidebar .active { color:var(--ink); background:rgba(80,184,255,.1); }.preview-sidebar b { color:var(--blue); }
    .preview-content { padding:22px; }
    .preview-heading { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; padding-bottom:18px; border-bottom:1px solid var(--line); }.preview-heading small,.preview-metrics small { display:block; color:var(--muted); font-size:9px; letter-spacing:.12em; }.preview-heading strong { display:block; margin-top:5px; font-size:20px; }.preview-valid { padding:6px 9px; border:1px solid rgba(105,227,154,.3); border-radius:999px; color:var(--green); background:rgba(105,227,154,.08); font-size:11px; }
    .preview-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:18px 0; }.preview-metrics div { padding:12px; border:1px solid var(--line); border-radius:10px; background:#0c141c; }.preview-metrics strong { display:block; margin-top:5px; font-size:13px; }
    .preview-code { padding:16px; border:1px solid var(--line); border-radius:12px; background:#050a0f; color:#b7e4ff; font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; }.preview-code span { display:inline-block; min-width:72px; color:var(--green); }
    .preview-diagnostic { display:flex; gap:12px; align-items:center; margin-top:16px; padding:13px; border:1px solid rgba(105,227,154,.25); border-radius:12px; background:rgba(105,227,154,.06); }.preview-diagnostic i { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:var(--green); color:#071018; font-style:normal; font-weight:950; }.preview-diagnostic strong,.preview-diagnostic small { display:block; }.preview-diagnostic small { margin-top:3px; color:var(--muted); font-size:10px; }
    .proof-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:0 0 64px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--line); }
    .proof-strip span { background:rgba(10,17,24,.96); color:var(--muted); padding:16px; font-size:13px; }
    .proof-strip strong { display:block; color:var(--ink); margin-bottom:4px; }
    .comparison-visual { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:rgba(8,16,25,.72); }
    .comparison-row { display:grid; grid-template-columns:1.2fr .8fr 1fr; align-items:center; min-height:62px; border-top:1px solid var(--line); }
    .comparison-row:first-child { border-top:0; }
    .comparison-row > * { height:100%; display:flex; align-items:center; padding:14px 18px; border-left:1px solid var(--line); }
    .comparison-row > *:first-child { border-left:0; }
    .comparison-head { color:var(--ink); background:linear-gradient(90deg,rgba(80,184,255,.12),rgba(105,227,154,.08)); }
    .comparison-neutral,.comparison-negative { color:var(--muted); }
    .comparison-positive { color:var(--green); font-weight:900; background:rgba(105,227,154,.045); }
    .delivery-journey { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:12px; align-items:center; margin-top:28px; padding:20px; border:1px solid var(--line); border-radius:18px; background:radial-gradient(circle at 50% 0%,rgba(80,184,255,.12),transparent 56%),#0b1118; }
    .journey-node { min-height:136px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:6px; padding:14px; border:1px solid rgba(80,184,255,.2); border-radius:14px; background:rgba(16,23,32,.82); }
    .journey-node small { color:var(--muted); }
    .journey-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; color:#071018; background:linear-gradient(135deg,var(--blue),var(--green)); font-size:12px; font-weight:950; }
    .journey-arrow { color:var(--blue); font-size:24px; }
    .maker-footer { display:grid; grid-template-columns:auto 1fr auto; gap:20px; align-items:center; margin:0 0 48px; padding:20px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(90deg,rgba(80,184,255,.08),rgba(16,23,32,.72),rgba(105,227,154,.06)); }
    .maker-identity { display:flex; gap:12px; align-items:center; min-width:230px; }
    .maker-identity img { width:56px; height:56px; border-radius:50%; object-fit:cover; }
    .maker-identity span,.maker-identity strong { display:block; }
    .maker-identity span,.maker-footer p { color:var(--muted); font-size:13px; }
    .maker-footer p { margin:0; line-height:1.6; text-align:center; }
    .story-visual { position:relative; overflow:hidden; margin:28px 0 8px; border:1px solid rgba(80,184,255,.24); border-radius:20px; background:#071018; box-shadow:0 30px 90px rgba(0,0,0,.32); }
    .story-visual img { display:block; width:100%; height:auto; aspect-ratio:3/1; object-fit:cover; }
    .story-visual:after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(9,13,18,.24),transparent 30%,transparent 70%,rgba(9,13,18,.24)); }
    .trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:24px; }
    .trust-item { display:flex; gap:12px; align-items:flex-start; padding:16px; border:1px solid var(--line); border-radius:12px; background:rgba(16,23,32,.64); }
    .trust-item b { flex:0 0 30px; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:rgba(105,227,154,.12); color:var(--green); }
.trust-item strong,.trust-item small { display:block; }.trust-item small { margin-top:4px; color:var(--muted); line-height:1.45; }
.selected-plan { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px; border:1px solid rgba(80,184,255,.3); border-radius:12px; background:rgba(80,184,255,.07); }
.selected-plan .kicker,.selected-plan strong { display:block; }.selected-plan .kicker { margin-bottom:4px; }
.ai-showcase { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.9fr); gap:48px; align-items:center; }
.ai-copy .lead { font-size:18px; }.ai-modes { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:22px; }
.ai-modes > div { padding:15px; border:1px solid var(--line); border-radius:12px; background:rgba(16,23,32,.68); }
.ai-modes strong,.ai-modes span { display:block; }.ai-modes span { margin-top:5px; color:var(--muted); font-size:13px; line-height:1.5; }
.ai-result { overflow:hidden; border:1px solid rgba(80,184,255,.28); border-radius:18px; background:#080e14; box-shadow:0 28px 80px rgba(0,0,0,.32); }
.ai-result-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-bottom:1px solid var(--line); background:#0d151e; font-weight:900; }
.ai-result-head i { display:inline-block; width:9px; height:9px; margin-right:8px; border-radius:50%; background:var(--blue); box-shadow:0 0 16px rgba(80,184,255,.7); }
.ai-summary,.ai-signals,.ai-actions { padding:16px 18px; border-top:1px solid rgba(39,53,68,.72); }.ai-summary { border-top:0; }
.ai-result small { display:block; margin-bottom:8px; color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.13em; }
.ai-result p,.ai-result ol { margin:0; line-height:1.65; }.ai-result ol { padding-left:20px; }
.ai-signals { display:flex; flex-wrap:wrap; gap:8px; }.ai-signals small { width:100%; }.ai-signals span { padding:6px 9px; border-radius:999px; background:rgba(255,209,102,.08); color:var(--yellow); font-size:12px; }
    .integration-hero { max-width:900px; padding-bottom:72px; }
    .integration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
    .integration-card { display:grid; grid-template-columns:64px 1fr; gap:18px; min-height:220px; padding:22px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,rgba(19,29,40,.94),rgba(10,17,24,.86)); transition:transform .2s ease,border-color .2s ease; }
    .integration-card:hover { transform:translateY(-3px); border-color:var(--blue); }
    .integration-card h3 { margin:12px 0 8px; font-size:24px; font-weight:950; }
    .integration-card p { min-height:78px; color:var(--muted); line-height:1.55; }
    .integration-card > div > strong { color:var(--blue); font-size:13px; }
    .stack-mark { width:58px; height:58px; display:grid; place-items:center; border-radius:16px; background:linear-gradient(135deg,var(--blue),var(--green)); color:#071018; font-weight:950; letter-spacing:-.04em; }
    .integration-detail-hero { display:grid; grid-template-columns:1fr 310px; gap:48px; align-items:end; }
    .integration-detail-hero h1 { font-size:clamp(42px,6vw,76px); }
    .integration-check { display:grid; gap:12px; }
    .integration-check span { color:var(--muted); }
    .integration-code-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:32px; align-items:start; }
    .integration-code { margin:0; padding:22px; max-height:620px; overflow:auto; border-radius:14px; box-shadow:0 25px 70px rgba(0,0,0,.28); }
    .lifecycle-card { display:flex; justify-content:space-between; align-items:center; gap:20px; background:linear-gradient(90deg,rgba(80,184,255,.08),rgba(16,23,32,.88)); }
    .lifecycle-card.lifecycle-active { border-color:rgba(105,227,154,.32); background:linear-gradient(90deg,rgba(105,227,154,.08),rgba(16,23,32,.88)); }
    .lifecycle-card.lifecycle-dormant { border-color:rgba(255,159,90,.4); background:linear-gradient(90deg,rgba(255,159,90,.1),rgba(16,23,32,.88)); }
    .eyebrow { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 999px; padding: 8px 12px; color: var(--green); background: rgba(105, 227, 154, .06); font-size: 13px; font-weight: 900; margin-bottom: 18px; }
    h1 { max-width: 960px; font-size: clamp(46px, 7vw, 88px); line-height: .96; letter-spacing: -.06em; font-weight: 950; margin: 0 0 22px; }
    .lead { max-width: 760px; color: var(--muted); font-size: 20px; line-height: 1.65; }
    .hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 18px; align-items: end; margin-top: 36px; }
    .terminal, .panel { border: 1px solid var(--line); border-radius: 8px; background: rgba(16, 23, 32, .86); box-shadow: 0 30px 80px rgba(0, 0, 0, .36); overflow: hidden; }
    .bar { display: flex; gap: 8px; padding: 12px; border-bottom: 1px solid var(--line); background: #0c1219; }
    .dot { width: 10px; height: 10px; border-radius: 50%; background: #ff6b6b; }
    .dot:nth-child(2) { background: var(--yellow); }
    .dot:nth-child(3) { background: var(--green); }
    .terminal pre { margin: 0; padding: 18px; min-height: 310px; color: #b7e4ff; white-space: pre-wrap; background: transparent; border: 0; }
    .panel { padding: 16px; }
    .signal { border: 1px solid var(--line); border-radius: 8px; padding: 14px; margin-bottom: 10px; background: #0f171f; }
    .signal strong { display: flex; justify-content: space-between; gap: 12px; }
    .signal span { color: var(--muted); font-size: 13px; }
    .band { border-top: 1px solid var(--line); padding: 56px 0; }
    .kicker { color: var(--blue); font-size: 12px; text-transform: uppercase; letter-spacing: .14em; font-weight: 950; margin-bottom: 10px; }
    h2 { font-size: clamp(30px, 4vw, 50px); line-height: 1.05; letter-spacing: -.04em; font-weight: 950; margin-bottom: 16px; }
    .cardx { border: 1px solid var(--line); border-radius: 8px; background: rgba(16, 23, 32, .82); padding: 18px; }
    .band .cardx { height: 100%; }
    .cardx h3 { font-size: 18px; font-weight: 950; margin-bottom: 8px; }
    .cardx p { color: var(--muted); line-height: 1.65; margin: 0; }
    .pricing-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
    .pricing-card { display:flex; flex-direction:column; min-width:0; }
    .pricing-card-featured {
      grid-column:1 / -1;
      display:grid;
      grid-template-columns:minmax(210px, .75fr) minmax(320px, 1.5fr) minmax(220px, .75fr);
      align-items:center;
      gap:32px;
      border-color:var(--blue);
      background:linear-gradient(110deg, rgba(80,184,255,.1), rgba(16,23,32,.9) 42%);
      box-shadow:0 24px 70px rgba(80,184,255,.12);
      padding:28px;
    }
    .pricing-price { font-size:38px; font-weight:950; letter-spacing:-.05em; margin:12px 0; }
    .pricing-price .muted { font-size:14px; letter-spacing:0; }
    .pricing-card-details { flex:1; }
    .pricing-card-action { margin-top:24px; }
    .pricing-card-featured .pricing-card-action { margin-top:0; }
    .pricing-card-empty { grid-column:1 / -1; }
    .steps { counter-reset: step; }
    .step { position: relative; padding-left: 54px; }
    .step:before { counter-increment: step; content: counter(step); position: absolute; left: 18px; top: 18px; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: var(--blue); color: #071018; font-weight: 950; }
    .footer { border-top: 1px solid var(--line); padding: 30px 0; color: var(--muted); }
    .muted { color: var(--muted); }
    .pill { border:1px solid var(--line); border-radius:999px; padding:5px 9px; color:var(--muted); font-size:12px; display:inline-flex; align-items:center; gap:6px; }
    input, textarea, select { width:100%; border:1px solid var(--line); border-radius:8px; background:#0b1118; color:var(--ink); padding:12px; }
    label { color:var(--muted); margin-bottom:6px; font-weight:750; }
    pre, code { color:#a8d7ff; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
    pre { background:#0b1118; border:1px solid var(--line); border-radius:8px; padding:12px; white-space:pre-wrap; word-break:break-word; }
    .dashboard-hero { display:grid; grid-template-columns:1.15fr .85fr; gap:16px; align-items:stretch; margin-bottom:16px; }
    .dashboard-title { font-size:clamp(32px,5vw,58px); line-height:.98; letter-spacing:-.055em; font-weight:950; margin:0; }
    .metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:16px; }
    .metric { border:1px solid var(--line); border-radius:8px; background:linear-gradient(180deg, rgba(16,23,32,.92), rgba(15,23,31,.78)); padding:14px; min-height:106px; position:relative; overflow:hidden; }
    .metric:after { content:""; position:absolute; right:-28px; top:-28px; width:84px; height:84px; border-radius:50%; background:rgba(80,184,255,.1); }
    .metric-value { font-size:32px; font-weight:950; letter-spacing:-.05em; }
    .metric-label { color:var(--muted); font-size:13px; }
    .spark { height:8px; display:flex; gap:3px; align-items:end; margin-top:14px; }
    .spark span { flex:1; min-width:5px; border-radius:999px; background:linear-gradient(180deg,var(--blue),rgba(80,184,255,.22)); }
    .dashboard-grid { display:grid; grid-template-columns:360px 1fr; gap:16px; align-items:start; }
    .ops-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:16px; align-items:stretch; margin-bottom:16px; }
    .control-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:18px; }
    .control-card { border:1px solid var(--line); border-radius:12px; padding:12px; background:#0b1118; }
    .control-label { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:900; }
    .control-value { font-size:20px; font-weight:950; letter-spacing:-.03em; margin-top:3px; }
    .health-panel { min-height:100%; display:flex; flex-direction:column; justify-content:space-between; }
    .health-orb { width:112px; height:112px; border-radius:34px; display:grid; place-items:center; background:radial-gradient(circle at 35% 25%, rgba(105,227,154,.28), rgba(80,184,255,.12) 42%, rgba(8,16,25,.94) 72%); border:1px solid rgba(105,227,154,.3); box-shadow:0 22px 60px rgba(105,227,154,.12), inset 0 0 0 8px rgba(105,227,154,.04); font-size:28px; font-weight:950; }
    .mini-board { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-bottom:16px; }
    .insight-card { border:1px solid var(--line); border-radius:14px; background:linear-gradient(180deg, rgba(16,23,32,.92), rgba(11,17,24,.88)); padding:16px; min-height:160px; }
    .insight-list { display:grid; gap:10px; margin-top:12px; }
    .insight-row { display:flex; justify-content:space-between; gap:12px; align-items:center; border:1px solid rgba(39,53,68,.85); border-radius:10px; padding:10px; background:#0b1118; }
    .bar-track { height:9px; border-radius:999px; background:#081019; border:1px solid var(--line); overflow:hidden; }
    .bar-fill { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--blue),var(--green)); }
    .bar-fill.warn { background:linear-gradient(90deg,var(--yellow),var(--orange)); }
    .bar-fill.danger { background:linear-gradient(90deg,var(--orange),var(--red)); }
    .quick-actions { display:grid; gap:10px; }
    .quick-action { display:flex; justify-content:space-between; gap:12px; align-items:center; border:1px solid var(--line); border-radius:12px; padding:12px; background:#0b1118; }
    .event-feed-head { display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; align-items:flex-start; margin-bottom:12px; }
    .event-feed-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; align-items:center; }
    .config-card { position:sticky; top:16px; }
    .endpoint-box { background:#081019; border:1px solid var(--line); border-radius:8px; padding:12px; color:#a8d7ff; word-break:break-all; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:13px; }
    .event-card { border:1px solid var(--line); border-radius:8px; background:linear-gradient(180deg, rgba(19,29,40,.92), rgba(13,19,26,.92)); padding:16px; margin-bottom:12px; box-shadow:0 20px 60px rgba(0,0,0,.18); }
    .event-top { display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; align-items:flex-start; }
    .event-type { display:flex; gap:12px; align-items:center; }
    .event-icon { width:52px; height:52px; border-radius:14px; display:grid; place-items:center; background:rgba(80,184,255,.12); border:1px solid rgba(80,184,255,.28); color:var(--blue); font-weight:950; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); }
    .event-icon svg,
    .insight-glyph svg,
    .section-orb svg,
    .mini-panel-head svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
    .insight-glyph.github svg { fill:currentColor; stroke:none; }
    .event-title { font-size:18px; font-weight:950; }
    .event-subtitle { color:var(--muted); font-size:13px; margin-top:2px; }
    .event-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:14px 0; }
    .summary-cell { border:1px solid var(--line); border-radius:8px; padding:10px; background:#0b1118; min-height:74px; }
    .summary-label { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:900; margin-bottom:4px; }
    .summary-value { font-weight:850; word-break:break-word; }
    .file-list { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
    .file-chip { border:1px solid rgba(80,184,255,.26); color:#b7e4ff; background:rgba(80,184,255,.08); border-radius:999px; padding:4px 8px; font-size:12px; }
    details.payload { margin-top:12px; }
    details.payload summary { cursor:pointer; color:var(--blue); font-weight:850; }
    details.payload pre { max-height:420px; overflow:auto; margin-top:10px; }
    .status-ok { color:var(--green); }
    .status-warn { color:var(--yellow); }
    .roadmap-board { display:grid; gap:16px; }
    .roadmap-phase { border:1px solid var(--line); border-radius:14px; background:linear-gradient(180deg, rgba(16,23,32,.94), rgba(10,15,21,.9)); padding:16px; box-shadow:0 20px 60px rgba(0,0,0,.2); position:relative; overflow:hidden; }
    .roadmap-phase:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 92% 0%, rgba(80,184,255,.14), transparent 34%), radial-gradient(circle at 10% 100%, rgba(105,227,154,.1), transparent 30%); pointer-events:none; }
    .roadmap-phase > * { position:relative; }
    .roadmap-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; flex-wrap:wrap; margin-bottom:14px; }
    .roadmap-title { font-size:22px; font-weight:950; letter-spacing:-.03em; margin:0; }
    .roadmap-count { color:var(--muted); font-size:13px; margin-top:4px; }
    .roadmap-percent { min-width:82px; height:82px; border-radius:24px; display:grid; place-items:center; border:1px solid rgba(80,184,255,.28); background:rgba(80,184,255,.08); color:var(--ink); font-size:24px; font-weight:950; box-shadow:inset 0 0 0 6px rgba(80,184,255,.06); }
    .roadmap-progress { height:10px; border-radius:999px; background:#0b1118; border:1px solid var(--line); overflow:hidden; margin-bottom:14px; }
    .roadmap-progress span { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--blue),var(--green)); box-shadow:0 0 20px rgba(80,184,255,.28); }
    .roadmap-items { display:grid; gap:10px; }
    .roadmap-item { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; border:1px solid rgba(39,53,68,.9); border-radius:12px; padding:12px; background:rgba(11,17,24,.78); }
    .roadmap-check { width:34px; height:34px; border-radius:12px; display:grid; place-items:center; border:1px solid var(--line); color:var(--muted); font-weight:950; background:#081019; }
    .roadmap-item.done { border-color:rgba(105,227,154,.38); background:rgba(105,227,154,.07); }
    .roadmap-item.done .roadmap-check { background:var(--green); border-color:var(--green); color:#071018; }
    .roadmap-item-title { font-weight:950; letter-spacing:-.01em; }
    .roadmap-item-desc { color:var(--muted); line-height:1.55; margin-top:3px; }
    .roadmap-meta { display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
    .roadmap-meta .pill { background:rgba(8,16,25,.78); }
    .roadmap-action { white-space:nowrap; }
    @media (max-width: 700px) {
      .roadmap-item { grid-template-columns:auto 1fr; }
      .roadmap-action { grid-column:1 / -1; }
      .roadmap-action .btnx { width:100%; }
      .comparison-row { grid-template-columns:1.15fr .75fr 1fr; font-size:12px; }
      .comparison-row > * { padding:10px 8px; }
      .hero-copy h1 { font-size:clamp(42px,13vw,58px); }
      .preview-body { grid-template-columns:1fr; }
      .preview-sidebar { display:none; }
      .preview-content { padding:15px; }
      .preview-metrics { grid-template-columns:1fr; }
    }
    @media (max-width: 1000px) {
      .hero-product-layout { grid-template-columns:1fr; min-height:auto; gap:32px; }
      .product-preview { transform:none; }
      .dashboard-hero, .dashboard-grid, .ops-grid { grid-template-columns:1fr; }
      .metric-grid { grid-template-columns:repeat(2,1fr); }
      .mini-board { grid-template-columns:1fr; }
      .config-card { position:static; }
    }
    @media (max-width: 900px) {
      .integration-grid, .integration-detail-hero, .integration-code-layout { grid-template-columns:1fr; }
      .integration-card { grid-template-columns:52px 1fr; padding:18px; }
      .lifecycle-card { align-items:flex-start; flex-direction:column; }
      .lifecycle-card .btnx { width:100%; }
      .stack-mark { width:48px; height:48px; border-radius:13px; }
      .proof-strip { grid-template-columns:1fr; }
      .topbar { width:100%; align-items:stretch; flex-direction:column; gap:16px; padding-bottom:24px; }
      .topbar .brand { width:100%; min-width:0; }
      .topbar .brand > span { min-width:0; flex:1; }
      .topbar .brand > span > strong { white-space:nowrap; }
      .hero-grid { grid-template-columns: 1fr; }
      .topbar .nav { width:100%; justify-content:flex-start; align-items:center; }
      .topbar .nav > .btnx { flex:0 0 auto; }
      .event-summary { grid-template-columns:1fr; }
      .nav .nav-secondary { display:none; }
      .delivery-journey { grid-template-columns:1fr; }
      .journey-arrow { transform:rotate(90deg); justify-self:center; }
      .maker-footer { grid-template-columns:1fr; text-align:center; }
      .maker-identity { justify-content:center; }
      .maker-footer .btnx { width:100%; }
      .control-strip { grid-template-columns:1fr; }
      .trust-row { grid-template-columns:1fr; }
      .ai-showcase { grid-template-columns:1fr; gap:28px; }
    }
    @media (max-width: 520px) {
      .wrap { padding:16px; }
      .topbar .brand img { width:36px; height:36px; }
      .topbar .brand span { font-size:12px; }
      .topbar .brand strong { font-size:16px; }
      .topbar .nav { display:grid; grid-template-columns:auto auto 1fr; gap:7px; }
      .topbar .locale-switch { grid-row:1; grid-column:1; }
      .topbar .nav > .btnx { min-height:42px; padding:9px 11px; font-size:13px; }
      .topbar .nav > a[href*="pricing"] { grid-row:1; grid-column:2; }
      .topbar .nav > a[href*="login"] { grid-row:1; grid-column:3; justify-self:end; }
      .topbar .nav > a.primary { grid-row:2; grid-column:1 / -1; width:100%; }
      .topbar .nav > a[href$="#produto"] { display:none; }
      .hero-product-layout { padding-top:20px; }
      .hero-copy h1 { font-size:clamp(40px,12.5vw,52px); }
      .hero-copy .lead { font-size:16px; }
      .story-visual img { aspect-ratio:16/9; }
      .ai-modes { grid-template-columns:1fr; }
    }
      .event-control-panel { position:relative; overflow:hidden; }
    .event-filters { display:flex; gap:8px; flex-wrap:wrap; margin-top:18px; }
    .filter-chip { border:1px solid var(--line); background:#0c141d; color:var(--muted); border-radius:999px; padding:8px 12px; font-weight:850; }
    .filter-chip.active, .filter-chip:hover { color:#071018; background:var(--green); border-color:var(--green); }
    .event-card { border-left:4px solid var(--blue); }
    .event-card-compact { padding:14px; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
    .event-card-compact:hover { transform:translateY(-2px); border-color:rgba(80,184,255,.72); box-shadow:0 28px 90px rgba(80,184,255,.12), 0 24px 80px rgba(0,0,0,.24); }
    .event-card-full { border-left-width:6px; }
    .event-topline { display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:14px; }
    .event-name { font-size:20px; letter-spacing:-.02em; }
    .pill.success { background:rgba(105,227,154,.14); color:var(--green); border-color:rgba(105,227,154,.38); }
    .pill.warning { background:rgba(255,209,102,.12); color:var(--yellow); border-color:rgba(255,209,102,.38); }
    .pill.soft { background:rgba(80,184,255,.1); color:#a8d7ff; }
    .event-insights { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; margin:14px 0; }
    .insight { border:1px solid var(--line); border-radius:8px; background:#0b121a; padding:12px; }
    .insight-glyph { width:38px; height:38px; border-radius:14px; display:grid; place-items:center; color:#a8d7ff; background:rgba(80,184,255,.1); border:1px solid rgba(80,184,255,.26); font-size:11px; font-weight:950; flex:0 0 auto; }
    .insight span { display:block; color:var(--muted); font-size:12px; margin-bottom:4px; }
    .insight strong { font-size:16px; }
    .event-diagnostic { border:1px solid rgba(80,184,255,.28); background:rgba(80,184,255,.08); border-radius:8px; padding:12px; display:flex; gap:12px; align-items:flex-start; }
    .event-diagnostic span { color:var(--muted); }
    .section-orb { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg, rgba(80,184,255,.22), rgba(20,42,74,.84)); border:1px solid rgba(80,184,255,.28); color:#a8d7ff; font-size:11px; font-weight:950; flex:0 0 auto; }
    .event-compact-footer { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:center; margin-top:12px; padding-top:12px; border-top:1px solid rgba(39,53,68,.78); }
    .event-mini-stack { display:flex; gap:8px; flex-wrap:wrap; }
    .event-detail-shell { display:grid; gap:16px; }
    .event-detail-hero { display:flex; justify-content:space-between; gap:20px; align-items:flex-end; overflow:hidden; position:relative; }
    .event-detail-hero:before { content:""; position:absolute; right:-80px; top:-90px; width:240px; height:240px; border-radius:80px; background:radial-gradient(circle, rgba(80,184,255,.2), transparent 64%); pointer-events:none; }
    .event-detail-hero > * { position:relative; }
    .event-detail-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
    .file-strip { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
    .file-strip code { border:1px solid var(--line); border-radius:999px; background:#081018; padding:6px 9px; color:#b7e4ff; }
    .event-actions-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
    .mini-panel { border:1px solid var(--line); border-radius:8px; background:#0b121a; padding:12px; }
    .mini-panel p { color:var(--muted); margin:8px 0; }
    @media (max-width: 900px) { .event-insights, .event-actions-grid { grid-template-columns:1fr; } .event-detail-hero { align-items:flex-start; flex-direction:column; } .event-detail-actions, .event-detail-actions .btnx { width:100%; } }
    @media (max-width: 900px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-featured { grid-column:auto; grid-template-columns:1fr; gap:0; padding:22px; }
      .pricing-card-featured .pricing-card-action { margin-top:24px; }
    }
    body.app-dashboard {
      background:
        radial-gradient(circle at 0% 0%, rgba(80, 184, 255, .12), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(105, 227, 154, .1), transparent 28%),
        linear-gradient(120deg, #071018 0%, #09131b 48%, #07150f 100%);
    }
    body.theme-light.app-dashboard {
      background:linear-gradient(180deg,#f6f9fc 0%,#edf3f8 100%);
    }
    body.app-dashboard .wrap {
      max-width: none;
      width: 100%;
      min-height: 100vh;
      padding: 0;
    }
    .app-shell { display:grid; grid-template-columns:292px minmax(0,1fr); min-height:100vh; }
    .app-sidebar {
      position:sticky;
      top:0;
      height:100vh;
      padding:18px 14px;
      border-right:1px solid rgba(39,53,68,.92);
      background:
        radial-gradient(circle at 18% 0%, rgba(80,184,255,.16), transparent 32%),
        linear-gradient(180deg, rgba(8,16,25,.98), rgba(5,11,17,.96));
      box-shadow:22px 0 80px rgba(0,0,0,.26);
      overflow:auto;
      z-index:6;
    }
    body.theme-light .app-sidebar {
      background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,251,.98));
      border-right-color:var(--line);
      box-shadow:18px 0 70px rgba(31,58,78,.08);
    }
    .app-sidebar .brand { width:100%; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid rgba(39,53,68,.86); }
    .app-sidebar .brand img { width:42px; height:42px; filter:drop-shadow(0 14px 28px rgba(80,184,255,.22)); }
    .app-user-card {
      border:1px solid rgba(56,77,96,.92);
      border-radius:16px;
      padding:14px;
      margin-bottom:16px;
      background:linear-gradient(135deg, rgba(80,184,255,.1), rgba(105,227,154,.06)), #08111a;
    }
    .app-avatar {
      width:42px;
      height:42px;
      border-radius:14px;
      display:grid;
      place-items:center;
      color:#061018;
      font-weight:950;
      background:linear-gradient(135deg,var(--blue),var(--green));
      box-shadow:0 14px 34px rgba(80,184,255,.18);
      flex:0 0 auto;
    }
    .app-user-name { font-weight:950; line-height:1.15; }
    .app-user-email { color:var(--muted); font-size:12px; word-break:break-all; margin-top:3px; }
    .app-menu-label { color:var(--muted); font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:950; margin:18px 0 8px; }
    .app-menu { display:grid; gap:8px; }
    .app-menu a,
    .app-menu button {
      width:100%;
      border:1px solid rgba(39,53,68,.92);
      border-radius:12px;
      background:rgba(11,17,24,.76);
      color:var(--ink);
      padding:11px 12px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
      font-weight:850;
      text-align:left;
    }
    body.theme-light .app-user-card,
    body.theme-light .app-menu a,
    body.theme-light .app-menu button {
      background:#fff;
      border-color:var(--line);
    }
    .app-menu a:hover,
    .app-menu button:hover { border-color:var(--blue); color:var(--ink); }
    .app-menu a.active { color:#061018; border-color:transparent; background:linear-gradient(135deg,var(--blue),var(--green)); }
    .app-menu .hint { color:inherit; opacity:.72; font-size:12px; font-weight:900; }
    .app-sidebar form { margin:0; }
    .app-content { min-width:0; }
    .app-topbar {
      position:sticky;
      top:0;
      z-index:5;
      min-height:76px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
      padding:14px 24px;
      border-bottom:1px solid rgba(39,53,68,.88);
      background:rgba(8,16,25,.82);
      backdrop-filter:blur(16px);
    }
    body.theme-light .app-topbar { background:rgba(255,255,255,.88); border-bottom-color:var(--line); }
    .app-topbar-title strong { display:block; font-size:18px; line-height:1.15; }
    .app-topbar-title span { color:var(--muted); font-size:13px; }
    .app-topbar-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
    .top-plan-chip {
      border:1px solid var(--line);
      border-radius:999px;
      padding:7px 10px;
      color:var(--muted);
      background:rgba(11,17,24,.58);
      font-size:12px;
      font-weight:850;
      display:inline-flex;
      align-items:center;
      gap:7px;
      max-width:240px;
    }
    .top-plan-chip strong { color:var(--ink); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    body.theme-light .top-plan-chip { background:#fff; }
    .icon-btn {
      width:42px;
      height:42px;
      border:1px solid var(--line);
      border-radius:14px;
      background:rgba(11,17,24,.72);
      color:var(--ink);
      display:grid;
      place-items:center;
      position:relative;
      font-weight:950;
    }
    body.theme-light .icon-btn { background:#fff; }
    .notification-dot {
      position:absolute;
      right:7px;
      top:6px;
      min-width:18px;
      height:18px;
      border-radius:999px;
      background:var(--red);
      color:#fff;
      display:grid;
      place-items:center;
      font-size:10px;
      padding:0 4px;
      border:2px solid #081019;
    }
    body.theme-light .notification-dot { border-color:#fff; }
    .top-dropdown { position:relative; }
    .top-dropdown summary { list-style:none; cursor:pointer; }
    .top-dropdown summary::-webkit-details-marker { display:none; }
    .top-dropdown-menu {
      position:absolute;
      right:0;
      top:50px;
      width:min(360px, calc(100vw - 32px));
      border:1px solid var(--line);
      border-radius:16px;
      background:linear-gradient(180deg, rgba(15,25,35,.98), rgba(7,14,21,.98));
      box-shadow:0 28px 100px rgba(0,0,0,.42);
      padding:12px;
      display:grid;
      gap:10px;
    }
    body.theme-light .top-dropdown-menu { background:#fff; box-shadow:0 24px 80px rgba(30,48,64,.18); }
    .notification-item { border:1px solid var(--line); border-radius:12px; padding:10px; background:rgba(11,17,24,.62); }
    body.theme-light .notification-item { background:#f7fafc; }
    .notification-item.unread { border-color:rgba(80,184,255,.55); }
    .account-menu-actions { display:grid; gap:8px; }
    .app-mobilebar { display:none; }
    body.app-dashboard main {
      width: min(100% - 36px, 1420px);
      padding: 28px 0 54px;
      margin: 0 auto;
    }
    body.app-dashboard .dashboard-hero { grid-template-columns: minmax(0, 1.45fr) minmax(340px, .72fr); gap: 18px; }
    body.app-dashboard .dashboard-title { max-width: 980px; font-size: clamp(42px, 4.2vw, 72px); }
    body.app-dashboard .cardx,
    body.app-dashboard .metric,
    body.app-dashboard .event-card,
    body.app-dashboard .control-card,
    body.app-dashboard .insight-card {
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(15, 25, 35, .94), rgba(8, 15, 22, .9));
      border-color: rgba(56, 77, 96, .92);
      box-shadow: 0 24px 80px rgba(0, 0, 0, .22);
    }
    body.theme-light.app-dashboard .cardx,
    body.theme-light.app-dashboard .metric,
    body.theme-light.app-dashboard .event-card,
    body.theme-light.app-dashboard .control-card,
    body.theme-light.app-dashboard .insight-card,
    body.theme-light.app-dashboard .summary-cell,
    body.theme-light.app-dashboard .quick-action,
    body.theme-light.app-dashboard .endpoint-box,
    body.theme-light.app-dashboard pre,
    body.theme-light.app-dashboard input,
    body.theme-light.app-dashboard textarea {
      background:#fff;
      border-color:var(--line);
      box-shadow:0 18px 60px rgba(31,58,78,.08);
      color:var(--ink);
    }
    body.app-dashboard .metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
    body.app-dashboard .dashboard-grid { grid-template-columns: 410px minmax(0, 1fr); gap: 18px; }
    body.app-dashboard .config-card { top: 28px; }
    body.app-dashboard .event-feed-head {
      border-radius: 16px;
      padding: 18px;
      background: linear-gradient(135deg, rgba(80,184,255,.08), rgba(105,227,154,.05)), rgba(8, 15, 22, .74);
      border: 1px solid rgba(56, 77, 96, .8);
    }
    body.app-dashboard .alert { width: min(100% - 36px, 1420px); margin: 18px auto 0; border-radius: 14px; }
    body.app-dashboard .billing-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:16px; margin-bottom:16px; }
    body.app-dashboard .plan-status-card {
      border:1px solid rgba(105,227,154,.34);
      background:linear-gradient(135deg, rgba(105,227,154,.1), rgba(80,184,255,.08)), rgba(8,15,22,.92);
    }
    body.theme-light.app-dashboard .plan-status-card { background:linear-gradient(135deg, rgba(22,133,93,.08), rgba(20,127,209,.08)), #fff; }
    .billing-records { display:grid; gap:10px; }
    .billing-record {
      display:grid;
      grid-template-columns:1fr auto;
      gap:12px;
      align-items:center;
      border:1px solid var(--line);
      border-radius:12px;
      padding:12px;
      background:#0b1118;
    }
    body.theme-light .billing-record { background:#f7fafc; }
    .status-pill { border-radius:999px; padding:6px 10px; font-size:12px; font-weight:950; border:1px solid var(--line); color:var(--muted); white-space:nowrap; }
    .status-pill.active,.status-pill.processed_active,.status-pill.paid { background:var(--green); border-color:var(--green); color:#061018; }
    .status-pill.pending,.status-pill.processed_pending,.status-pill.received { background:var(--yellow); border-color:var(--yellow); color:#061018; }
    body.app-dashboard .event-detail-shell { display:grid; gap:16px; }
    body.app-dashboard .event-detail-hero {
      position:relative;
      overflow:hidden;
      min-height:230px;
      padding:28px;
      display:flex;
      justify-content:space-between;
      align-items:flex-end;
      gap:22px;
      border-color:rgba(80,184,255,.34) !important;
      background:
        radial-gradient(circle at 88% 12%, rgba(80,184,255,.28), transparent 34%),
        radial-gradient(circle at 8% 100%, rgba(105,227,154,.16), transparent 34%),
        linear-gradient(135deg, rgba(9,18,28,.98), rgba(11,31,43,.9) 48%, rgba(6,16,18,.98)) !important;
    }
    body.app-dashboard .event-detail-hero:after {
      content:"";
      position:absolute;
      left:28px;
      bottom:0;
      width:54%;
      height:4px;
      background:linear-gradient(90deg,var(--blue),var(--green),transparent);
      border-radius:999px;
    }
    body.app-dashboard .event-detail-hero > * { position:relative; z-index:1; }
    body.app-dashboard .event-detail-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
    body.app-dashboard .event-backlink { display:inline-flex; align-items:center; gap:8px; color:var(--blue); font-size:12px; text-transform:uppercase; letter-spacing:.13em; font-weight:950; margin-bottom:14px; }
    body.app-dashboard .event-hero-pills { display:flex; gap:8px; flex-wrap:wrap; margin-top:18px; }
    body.app-dashboard .event-command-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    body.app-dashboard .event-command-card {
      border:1px solid rgba(67,96,121,.88);
      border-radius:18px;
      padding:22px;
      background:linear-gradient(180deg, rgba(15,25,35,.9), rgba(5,11,17,.92));
      box-shadow:0 18px 60px rgba(0,0,0,.18);
      position:relative;
      overflow:hidden;
    }
    body.app-dashboard .event-command-card:after { content:""; position:absolute; right:18px; top:50%; width:34px; height:34px; margin-top:-17px; border-radius:50%; background:linear-gradient(135deg, rgba(80,184,255,.3), rgba(105,227,154,.22)); box-shadow:0 0 28px rgba(80,184,255,.18); }
    body.app-dashboard .event-command-card span {
      display:block;
      color:var(--muted);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.13em;
      font-weight:950;
    }
    body.app-dashboard .event-command-card strong {
      display:block;
      font-size:24px;
      line-height:1.1;
      letter-spacing:-.04em;
      margin-top:8px;
    }
    body.app-dashboard .event-command-card small {
      display:block;
      color:var(--muted);
      margin-top:8px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    body.app-dashboard .event-card-full {
      border-left-width:0;
      padding:22px;
      position:relative;
      overflow:hidden;
      background:linear-gradient(145deg, rgba(13,24,34,.98), rgba(5,12,18,.96)) !important;
    }
    body.app-dashboard .event-card-full:before {
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 0% 0%, rgba(80,184,255,.12), transparent 30%),
        radial-gradient(circle at 100% 18%, rgba(105,227,154,.09), transparent 28%);
      pointer-events:none;
    }
    body.app-dashboard .event-card-full > * { position:relative; z-index:1; }
    body.app-dashboard .event-card-full .event-topline {
      padding:20px;
      border:1px solid rgba(80,184,255,.24);
      border-radius:18px;
      background:linear-gradient(135deg, rgba(80,184,255,.1), rgba(105,227,154,.04));
      margin-bottom:18px;
    }
    body.app-dashboard .event-card-full .event-insights { gap:16px; margin:18px 0; }
    body.app-dashboard .event-card-full .insight {
      min-height:92px;
      border-radius:16px;
      background:rgba(3,9,14,.72);
      border-color:rgba(67,96,121,.88);
      display:flex;
      align-items:center;
      gap:14px;
    }
    body.app-dashboard .event-card-full .insight strong { font-size:22px; letter-spacing:-.035em; }
    body.app-dashboard .event-card-full .event-diagnostic {
      border-radius:18px;
      padding:20px;
      background:linear-gradient(135deg, rgba(80,184,255,.08), rgba(8,16,25,.84));
      margin-top:12px;
    }
    body.app-dashboard .event-card-full .ai-diagnostic {
      display:block;
      border-color:rgba(80,184,255,.48);
      background:linear-gradient(145deg, rgba(80,184,255,.16), rgba(105,227,154,.06) 46%, rgba(6,13,20,.9));
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 24px 70px rgba(80,184,255,.1);
    }
    body.app-dashboard .event-card-full .ai-diagnostic strong { font-size:20px; letter-spacing:-.02em; }
    body.app-dashboard .event-card-full .ai-diagnostic > .d-flex > .pill { display:none; }
    body.app-dashboard .event-card-full .ai-diagnostic .pill { margin-top:0; }
    body.app-dashboard .ai-meta-line { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:14px; color:var(--muted); font-size:13px; }
    body.app-dashboard .ai-meta-line span:not(.pill) { padding-left:10px; border-left:1px solid rgba(80,184,255,.22); }
    body.app-dashboard .event-card-full .ai-diagnostic ul { columns:2; column-gap:42px; padding-left:0; list-style:none; margin-top:18px !important; }
    body.app-dashboard .event-card-full .ai-diagnostic li { position:relative; break-inside:avoid; padding-left:28px; margin-bottom:10px; }
    body.app-dashboard .event-card-full .ai-diagnostic li:before { content:""; position:absolute; left:0; top:.3em; width:15px; height:15px; border-radius:50%; border:1px solid var(--blue); background:radial-gradient(circle, var(--blue) 0 28%, transparent 32%); }
    body.app-dashboard .ai-action-bar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:18px; padding-top:18px; border-top:1px solid rgba(80,184,255,.16); }
    body.app-dashboard .ai-action-bar form { margin:0; }
    body.app-dashboard .event-card-full .event-actions-grid { gap:16px; margin-top:16px; }
    body.app-dashboard .event-card-full .mini-panel {
      border-radius:18px;
      padding:20px;
      background:rgba(3,9,14,.76);
      border-color:rgba(67,96,121,.82);
      min-height:150px;
    }
    body.app-dashboard .mini-panel-head { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:12px; }
    body.app-dashboard .mini-panel-head strong { font-size:18px; display:flex; align-items:center; gap:8px; }
    body.app-dashboard .empty-state { border:1px dashed rgba(80,184,255,.22); border-radius:12px; padding:14px; background:rgba(2,8,13,.45); }
    body.app-dashboard .event-card-full textarea,
    body.app-dashboard .event-card-full input { background:rgba(2,8,13,.78); border-color:rgba(67,96,121,.72); }
    body.app-dashboard .devlog-modal {
      width:min(560px, calc(100vw - 32px));
      border:1px solid rgba(80,184,255,.34);
      border-radius:22px;
      padding:0;
      color:var(--ink);
      background:linear-gradient(145deg, rgba(13,24,34,.98), rgba(5,12,18,.98));
      box-shadow:0 30px 120px rgba(0,0,0,.58);
    }
    body.app-dashboard .devlog-modal::backdrop { background:rgba(1,6,10,.72); backdrop-filter:blur(8px); }
    body.app-dashboard .devlog-modal form { padding:22px; margin:0; }
    body.app-dashboard .modal-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:18px; }
    body.app-dashboard .modal-head h3 { margin:3px 0 0; font-size:28px; letter-spacing:-.04em; font-weight:950; }
    body.app-dashboard .modal-close { width:38px; height:38px; border-radius:12px; border:1px solid rgba(80,184,255,.24); background:rgba(8,16,25,.72); color:var(--ink); font-size:24px; line-height:1; }
    body.app-dashboard .modal-actions { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; margin-top:16px; }
    @media (max-width: 1100px) {
      .app-shell { display:block; }
      .app-sidebar { display:none; }
      .app-topbar { display:none; }
      .app-mobilebar {
        position:sticky;
        top:0;
        z-index:7;
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:12px;
        padding:12px 14px;
        border-bottom:1px solid rgba(39,53,68,.92);
        background:rgba(8,16,25,.96);
        backdrop-filter:blur(12px);
      }
      body.app-dashboard main { padding:20px 14px 42px; width:100%; }
      body.app-dashboard .event-detail-hero { align-items:flex-start; flex-direction:column; min-height:auto; }
      body.app-dashboard .event-detail-actions, body.app-dashboard .event-detail-actions .btnx { width:100%; }
      body.app-dashboard .event-command-strip, body.app-dashboard .billing-hero { grid-template-columns:1fr; }
      body.app-dashboard .event-card-full .ai-diagnostic ul { columns:1; }
      body.app-dashboard .event-card-full .insight { align-items:flex-start; }
    }
/* Minimal local replacement for the Bootstrap utilities used by the views. */
html { line-height:1.5; -webkit-text-size-adjust:100%; }
body { font-size:1rem; }
h1,h2,h3,h4,h5,h6,p { margin-top:0; }
p { margin-bottom:1rem; }
button,input,select,textarea { font:inherit; }
img,svg { vertical-align:middle; }
table { border-collapse:collapse; }
.row { --gutter-x:1.5rem; --gutter-y:0; display:flex; flex-wrap:wrap; margin-top:calc(-1 * var(--gutter-y)); margin-right:calc(-.5 * var(--gutter-x)); margin-left:calc(-.5 * var(--gutter-x)); }
.row > * { flex-shrink:0; width:100%; max-width:100%; padding-right:calc(.5 * var(--gutter-x)); padding-left:calc(.5 * var(--gutter-x)); margin-top:var(--gutter-y); }
.g-2 { --gutter-x:.5rem; --gutter-y:.5rem; }.g-3 { --gutter-x:1rem; --gutter-y:1rem; }.g-4 { --gutter-x:1.5rem; --gutter-y:1.5rem; }
.col-6 { flex:0 0 auto; width:50%; }.col-12 { flex:0 0 auto; width:100%; }
.d-flex { display:flex!important; }.d-grid { display:grid!important; }.d-block { display:block!important; }.d-none { display:none!important; }
.flex-wrap { flex-wrap:wrap!important; }.align-items-start { align-items:flex-start!important; }.align-items-center { align-items:center!important; }
.justify-content-between { justify-content:space-between!important; }.justify-content-center { justify-content:center!important; }.justify-content-end { justify-content:flex-end!important; }
.gap-1 { gap:.25rem!important; }.gap-2 { gap:.5rem!important; }.gap-3 { gap:1rem!important; }.gap-4 { gap:1.5rem!important; }
.mt-1 { margin-top:.25rem!important; }.mt-2 { margin-top:.5rem!important; }.mt-3 { margin-top:1rem!important; }.mt-4 { margin-top:1.5rem!important; }.mt-6 { margin-top:3rem!important; }
.mb-0 { margin-bottom:0!important; }.mb-1 { margin-bottom:.25rem!important; }.mb-2 { margin-bottom:.5rem!important; }.mb-3 { margin-bottom:1rem!important; }.mb-4 { margin-bottom:1.5rem!important; }.mb-6 { margin-bottom:3rem!important; }
.me-1 { margin-right:.25rem!important; }.w-100 { width:100%!important; }.h-100 { height:100%!important; }.text-end { text-align:right!important; }
.py-4 { padding-top:1.5rem!important; padding-bottom:1.5rem!important; }
.alert { position:relative; padding:1rem; margin-bottom:1rem; border:1px solid transparent; border-radius:8px; }
.alert-success { color:#b7f7ce; background:rgba(105,227,154,.12); border-color:rgba(105,227,154,.3); }
.alert-danger { color:#ffc0c0; background:rgba(255,107,107,.12); border-color:rgba(255,107,107,.3); }
.alert-info { color:#b7e4ff; background:rgba(80,184,255,.12); border-color:rgba(80,184,255,.3); }
@media (min-width:768px) {
  .col-md-3 { flex:0 0 auto; width:25%; }.col-md-4 { flex:0 0 auto; width:33.333333%; }.col-md-6 { flex:0 0 auto; width:50%; }
}
@media (min-width:992px) {
  .col-lg-2 { flex:0 0 auto; width:16.666667%; }.col-lg-3 { flex:0 0 auto; width:25%; }.col-lg-4 { flex:0 0 auto; width:33.333333%; }
  .col-lg-5 { flex:0 0 auto; width:41.666667%; }.col-lg-6 { flex:0 0 auto; width:50%; }.col-lg-7 { flex:0 0 auto; width:58.333333%; }
}