.suite-hero-dots{pointer-events:none;opacity:.35;background-image:radial-gradient(#7fb6ee2e 1px,#0000 1px);background-position:0 0;background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c 0%,#00000040 70%,#0000 100%);mask-image:linear-gradient(#000c 0%,#00000040 70%,#0000 100%)}.suite-illus-wrap{background:linear-gradient(135deg,#0f1c2e 0%,#16263d 100%);border-radius:18px;width:100%;max-width:560px;margin-inline:auto;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #7fb6ee2e,0 24px 64px -28px #070e188c}.suite-illus-wrap:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#7fb6ee1a 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.suite-illus{z-index:1;width:100%;height:auto;display:block;position:relative}@media (prefers-reduced-motion:no-preference){.suite-illus-wrap{animation:.6s cubic-bezier(.2,.65,.25,1) both suite-illus-in}}@keyframes suite-illus-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.suite-forge-card{will-change:transform;transition:background-color .18s,border-color .18s,transform .18s}@media (prefers-reduced-motion:no-preference){.suite-forge-card:hover{transform:translateY(-2px)}}@media (max-width:640px){.suite-illus-wrap{border-radius:14px;padding:14px}}.suite-shot{background:#fff;border:1px solid #dbe4ee;border-radius:13px;overflow:hidden;box-shadow:0 16px 40px -18px #060c154d}.suite-shot-bar{background:#eef2f7;border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;padding:7px 11px;display:flex}.suite-shot-bar i{background:#cbd5e1;border-radius:50%;width:8px;height:8px;display:block}.suite-shot-url{color:#64748b;font-family:var(--o1-mono,ui-monospace, monospace);text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;min-width:0;margin-left:6px;padding:1px 9px;font-size:10px;line-height:1.7;overflow:hidden}.suite-shot-body{background:#f6f8fb;padding:11px 12px 13px}.suite-shot-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:9px;display:flex}.suite-shot-crumb{color:#64748b;font-size:9px;font-weight:600;line-height:1.5}.suite-shot-crumb b{color:#0f1c2e;letter-spacing:-.01em;font-size:12px;font-weight:800;display:block}.suite-chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.suite-chip{color:#475569;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:8.5px;font-weight:600}.suite-chip--on{color:#0156a9;background:#0156a90d;border-color:#0156a973}.suite-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:8px;display:grid}.suite-stat{background:#fff;border:1px solid #eaeff5;border-radius:9px;min-width:0;padding:8px 10px 7px}.suite-stat-l{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:600;overflow:hidden}.suite-stat-v{color:#0f1c2e;letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:800;line-height:1.35}.suite-stat-d{color:#64748b;font-size:8px;font-weight:700}.suite-stat-d--up{color:#0a7d33}.suite-stat-d--dn{color:#b3400a}.suite-card{background:#fff;border:1px solid #eaeff5;border-radius:9px;min-width:0;padding:9px 11px}.suite-card+.suite-card{margin-top:7px}.suite-card-t{color:#0f1c2e;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;font-size:10px;font-weight:800;display:flex}.suite-card-t span{color:#64748b;font-size:8px;font-weight:600}.suite-card-note{color:#64748b;border-top:1px solid #f4f7fa;margin-top:4px;padding-top:6px;font-size:8px;font-weight:600}.suite-tbl-scroll{overflow-x:auto}.suite-tbl{border-collapse:collapse;width:100%;font-size:9px}.suite-tbl th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#64748b;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:5px 6px;font-size:7.5px;font-weight:700}.suite-tbl td{color:#334155;font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:1px solid #f4f7fa;padding:5px 6px}.suite-tbl tr:last-child td{border-bottom:none}.suite-tbl .r{text-align:right}.suite-tbl .mono{font-family:var(--o1-mono,ui-monospace, monospace);color:#475569;font-size:8.5px}.suite-tbl .strong{color:#0f1c2e;font-weight:800}.suite-tbl .muted{color:#64748b}.suite-pill{white-space:nowrap;border:1px solid;border-radius:999px;padding:2px 7px;font-size:7.5px;font-weight:700;line-height:1.6;display:inline-block}.suite-pill--ok{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.suite-pill--info{color:#0156a9;background:#0156a912;border-color:#0156a94d}.suite-pill--warn{color:#b45309;background:#fffbeb;border-color:#fde68a}.suite-pill--red{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.suite-pill--gray{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.suite-bars{flex-direction:column;gap:5px;margin-top:5px;display:flex}.suite-bar{color:#475569;grid-template-columns:62px minmax(0,1fr) 46px;align-items:center;gap:6px;font-size:8px;font-weight:600;display:grid}.suite-bar-track{background:#eef2f7;border-radius:4px;height:7px;overflow:hidden}.suite-bar-fill{background:linear-gradient(90deg,#3d8fd4,#0156a9);border-radius:4px;height:100%;display:block}.suite-bar-val{text-align:right;font-variant-numeric:tabular-nums;color:#0f1c2e;font-weight:700}.suite-cols{align-items:flex-end;gap:3px;height:62px;padding-top:4px;display:flex}.suite-col{background:linear-gradient(#7fb6ee,#0156a9);border-radius:2px 2px 0 0;flex:1;min-height:2px}.suite-legend{color:#64748b;flex-wrap:wrap;gap:12px;padding-top:6px;font-size:8px;font-weight:600;display:flex}.suite-legend i{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.suite-pairs{align-items:flex-end;gap:6px;height:74px;padding-top:4px;display:flex}.suite-pair{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.suite-pair-bars{align-items:flex-end;gap:2px;height:60px;display:flex}.suite-pair-bars span{border-radius:2px;width:7px;display:block}.suite-pair-lab{color:#64748b;font-size:7px;font-weight:700}.suite-flow{align-items:stretch;gap:5px;margin-bottom:8px;display:flex}.suite-step{background:#fff;border:1px solid #e6edf5;border-radius:7px;flex-direction:column;flex:1;gap:2px;min-width:0;padding:6px 7px;display:flex}.suite-step--on{background:#0156a90f;border-color:#0156a952}.suite-step-n{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:7px;font-weight:800}.suite-step--on .suite-step-n{color:#0156a9}.suite-step-t{color:#0f1c2e;font-size:8.5px;font-weight:700;line-height:1.3}.suite-step-s{color:#64748b;font-size:7.5px;font-weight:600;line-height:1.3}.suite-api{background:#0b1524;grid-template-columns:1fr;gap:9px;padding:11px;display:grid}@media (min-width:480px){.suite-api{grid-template-columns:1fr 1.05fr}}.suite-api-list{background:#0f1c2e;border:1px solid #7fb6ee2e;border-radius:8px;padding:7px}.suite-api-row{align-items:center;gap:6px;padding:3px;display:flex}.suite-verb{font-family:var(--o1-mono,ui-monospace, monospace);border-radius:3px;flex:none;padding:1px 5px;font-size:6.5px;font-weight:700}.suite-verb--get{color:#4ade80;background:#4ade801f;border:1px solid #4ade8059}.suite-verb--post{color:#7fb6ee;background:#7fb6ee1f;border:1px solid #7fb6ee59}.suite-verb--patch{color:#f2cf8b;background:#f2cf8b1f;border:1px solid #f2cf8b59}.suite-api-path{font-family:var(--o1-mono,ui-monospace, monospace);color:#ffffffbf;text-overflow:ellipsis;font-size:7.5px;font-weight:600;overflow:hidden}.suite-api-json{font-family:var(--o1-mono,ui-monospace, monospace);color:#fff9;background:#060c15;border:1px solid #7fb6ee38;border-radius:8px;margin:0;padding:9px 11px;font-size:8px;line-height:1.75;overflow-x:auto}.suite-api-json .k{color:#7fb6ee}.suite-api-json .s{color:#9ce0a9}.suite-api-json .n{color:#f2cf8b}.suite-cap{color:#64748b;align-items:flex-start;gap:7px;margin-top:10px;font-size:12px;line-height:1.5;display:flex}.suite-cap i{background:#94a3b8;border-radius:50%;flex:none;width:6px;height:6px;margin-top:6px}.suite-chapter{align-items:center;gap:16px;display:flex}.suite-chapter-n{font-family:var(--o1-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:#0156a9;white-space:nowrap;font-size:12px;font-weight:800}.suite-chapter-c{color:#64748b;white-space:nowrap;font-size:12px;font-weight:600}.suite-chapter-l{background:linear-gradient(90deg,#0156a959,#f1f5f9);flex:1;height:1px}.suite-night{padding-left:26px;position:relative}.suite-night:before{content:"";background:linear-gradient(#1c2f47 0%,#0156a9 38%,#3d8fd4 72%,#f2cf8b 100%);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:5px}.suite-night-ends{display:none}.suite-night-step{position:relative}.suite-night-step:before{content:"";background:#3d8fd4;border:2.5px solid #0f1c2e;border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:-26px;box-shadow:0 0 0 3px #3d8fd438}@media (min-width:1024px){.suite-night{padding-top:46px;padding-left:0}.suite-night:before{background:linear-gradient(90deg,#1c2f47 0%,#0156a9 38%,#3d8fd4 72%,#f2cf8b 100%);width:auto;height:2px;inset:26px 0 auto}.suite-night-ends{font-family:var(--o1-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:#7d90aa;justify-content:space-between;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.suite-night-step{padding-top:4px}.suite-night-step:before{top:-26px;left:0}}.suite-cmp{border-collapse:collapse;background:#fff;width:100%;min-width:700px;font-size:14px}.suite-cmp th,.suite-cmp td{text-align:left;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:13px 18px}.suite-cmp thead th{color:#cbd5e1;background:#0f1c2e;font-size:12.5px;font-weight:700}.suite-cmp thead th.is-suite{color:#fff;background:#0156a9;border-left:2px solid #0156a9;border-right:2px solid #0156a9;font-size:14px;font-weight:800}.suite-cmp td.is-suite{background:#0156a90b;border-left:2px solid #0156a9;border-right:2px solid #0156a9}.suite-cmp tbody tr:last-child td.is-suite{border-bottom:2px solid #0156a9}.suite-cmp tbody tr:last-child td{border-bottom:none}.suite-cmp th[scope=row]{color:#0f1c2e;text-align:left;width:30%;font-weight:700}.suite-verdict{align-items:flex-start;gap:9px;line-height:1.5;display:flex}.suite-verdict svg{flex:none;width:18px;height:18px;margin-top:1px}.suite-verdict--yes{color:#0f1c2e;font-weight:600}.suite-verdict--no{color:#64748b;font-weight:500}@media (max-width:767px){.suite-cmp{min-width:0;font-size:14px}.suite-cmp thead{display:none}.suite-cmp,.suite-cmp tbody,.suite-cmp tr,.suite-cmp td,.suite-cmp th[scope=row]{width:100%;display:block}.suite-cmp tr{border:1px solid #e2e8f0;border-radius:12px;padding:14px 14px 10px}.suite-cmp tr+tr{margin-top:12px}.suite-cmp td{border-bottom:none;padding:0}.suite-cmp th[scope=row]{width:auto;margin-bottom:10px;padding:0;font-size:15px;font-weight:800}.suite-cmp td.is-suite,.suite-cmp td.is-other{background:#f8fafc;border-left:3px solid #0000;border-right:none;border-radius:8px;padding:9px 11px}.suite-cmp td.is-suite{background:#0156a90d;border-left-color:#0156a9;margin-bottom:8px}.suite-cmp td.is-other{border-left-color:#e0483f}.suite-cmp tbody tr:last-child td.is-suite{border-bottom:none}.suite-cmp td.is-suite:before,.suite-cmp td.is-other:before{font-family:var(--o1-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.suite-cmp td.is-suite:before{content:"O1 Suite";color:#0156a9}.suite-cmp td.is-other:before{content:"Typical analytics tool";color:#64748b}}@media (max-width:640px){.suite-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-flow{flex-wrap:wrap}.suite-step{flex:44%}.suite-tbl{font-size:10px}.suite-tbl th,.suite-pill,.suite-step-s,.suite-api-path{font-size:9px}.suite-step-n,.suite-pair-lab,.suite-verb{font-size:8px}.suite-stat-l{font-size:9.5px}.suite-card-t span,.suite-card-note{font-size:9px}}.suite-tbl-scroll{background:linear-gradient(90deg,#fff 30%,#fff0) 0/24px 100% no-repeat local,linear-gradient(270deg,#fff 30%,#fff0) 100%/24px 100% no-repeat local,radial-gradient(farthest-side at 0,#0f1c2e1f,#0000) 0/12px 100% no-repeat,radial-gradient(farthest-side at 100%,#0f1c2e1f,#0000) 100%/12px 100% no-repeat}