:root{color-scheme:dark;--bg: #0f172a;--card: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--primary: #22c55e;--primary-dim: rgba(34, 197, 94, .15);--border: #334155;--danger: #ef4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{background:radial-gradient(ellipse at 20% 0%,rgba(29,78,216,.55) 0%,transparent 50%),radial-gradient(ellipse at 80% 10%,rgba(34,197,94,.08) 0%,transparent 40%),#0f172a;min-height:100vh;color:var(--text)}.container,.app-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:0}.container{place-content:center}.logo-container img{border-radius:1.25rem}.card{background:#1e293bf5;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:420px;padding:1.5rem;box-shadow:0 8px 32px #02061759}.card-wide{max-width:560px}.card-app,.card-app-audit{max-width:960px}input,select{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0b1220;color:var(--text);padding:.75rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:#22c55e8c;box-shadow:0 0 0 2px #22c55e1f}select{cursor:pointer}label{font-size:.9rem}.submit{border:none;border-radius:var(--radius-sm);background:var(--primary);color:#052e16;font-weight:700;padding:.75rem;margin-top:.5rem;cursor:pointer;transition:filter .15s ease,transform .1s ease}.submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.submit:disabled{opacity:.6;cursor:not-allowed}.ghost{margin-top:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text);font-weight:700;padding:.75rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .1s ease}.ghost:hover:not(:disabled){border-color:#94a3b880;background:#33415566;transform:translateY(-1px)}.ghost:disabled{opacity:.65;cursor:not-allowed}.ghost.stop-test,.nav-pill.nav-stop{border-color:#f87171;color:#fecdd3}.nav-pill.nav-stop:disabled{opacity:.45}.form{display:flex;flex-direction:column;gap:.5rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap}.actions .submit{flex:1}.actions-inline{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:.5rem}.actions-inline .submit{flex:1;min-width:140px}.feedback{min-height:1.25rem;margin-top:1rem;color:var(--muted);text-align:center;font-size:.9rem}.feedback-top{margin:-.25rem 0 1rem}.feedback.error{color:var(--danger)}.feedback.success{color:var(--primary)}.card-auth{margin-top:0}.link-back{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;margin-bottom:1rem;padding:.45rem .75rem;border:1px solid var(--border);border-radius:999px;background:#0b12208c;color:var(--text);font-size:.84rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.link-back:hover{transform:translateY(-1px);border-color:#22c55e6b;background:#22c55e1f;color:#86efac}h1{text-align:center;margin-bottom:.25rem}.subtitle{text-align:center;color:var(--muted);margin-bottom:1rem}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.tab{border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text);padding:.65rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.tab.active{border-color:var(--primary);color:var(--primary)}.app-topbar{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.brand-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.brand-icon{border-radius:1.25rem}.brand-title{font-size:1.25rem;margin:0;line-height:1.2}.brand-tagline{font-size:.78rem;color:var(--muted);margin:0}.site-header{margin:-.5rem -.5rem 1rem;padding:.75rem .75rem 1rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0f172afa,#0f172a8c);border-radius:var(--radius-md) var(--radius-md) 0 0}.site-header-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem 1.25rem}.site-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit;min-width:0}.site-brand-icon{border-radius:1.25rem;flex-shrink:0}.site-brand-title{display:block;font-weight:700;font-size:1.1rem;line-height:1.2}.site-brand-sub{display:block;font-size:.75rem;color:var(--muted)}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .15rem;justify-content:flex-start;min-width:0}.nav-link{border:none;background:transparent;color:var(--muted);padding:.5rem .75rem;font-size:.88rem;cursor:pointer;border-radius:var(--radius-sm);position:relative;transition:color .15s ease,background .15s ease}.nav-link:hover{color:var(--text);background:#33415573}.nav-link.active{color:var(--primary);font-weight:600}.nav-link.active:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.15rem;height:2px;background:var(--primary);border-radius:1px}.site-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-width:max-content}.btn-header-stop{margin-top:0;padding:.45rem .75rem;font-size:.82rem;border-radius:var(--radius-sm);border:1px solid #f87171;background:#ef44441f;color:#fecaca;cursor:pointer;transition:background .15s ease}.btn-header-stop:hover:not(:disabled){background:#ef444438}.btn-header-stop:disabled{opacity:.6;cursor:not-allowed}.btn-header-logout{margin-top:0;padding:.45rem .85rem;font-size:.82rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0b122099;color:var(--text);cursor:pointer;transition:border-color .15s ease,color .15s ease}.btn-header-logout:hover{border-color:var(--danger);color:#fecaca}.welcome-badge{padding:.45rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--primary);background:#22c55e1f;color:var(--primary);font-weight:600;font-size:.9rem;white-space:nowrap}.config-intro{color:var(--muted);font-size:.95rem;margin-bottom:.9rem;line-height:1.4}.muted-small{font-size:.82rem;color:var(--muted);line-height:1.4}.ok{color:var(--primary)}.warn{color:#fbbf24}.example-box{border:1px dashed var(--border);border-radius:10px;padding:.8rem;margin-bottom:.9rem;display:flex;flex-direction:column;gap:.35rem;background:#0b122066}.example-box p{color:var(--text);font-size:.9rem}.example-box code{color:var(--muted);font-size:.82rem}.example-box .ghost{margin-top:.4rem}.config-block{border:1px solid var(--border);border-radius:10px;padding:.8rem;margin-bottom:.4rem;display:flex;flex-direction:column;gap:.5rem;background:#0b122040;transition:border-color .15s ease}.config-block:focus-within{border-color:#22c55e59}.config-block h2{font-size:1rem;margin-bottom:.2rem}.checkbox-inline{display:flex;align-items:center;gap:.5rem;font-size:.95rem;cursor:pointer}.checkbox-inline input[type=checkbox]{width:1.05rem;height:1.05rem;cursor:pointer}.jitsi-notice{margin-top:12px;padding:10px 14px;border-left:3px solid #f59e0b;background:#f59e0b14;border-radius:0 6px 6px 0;font-size:.85rem;line-height:1.6}.jitsi-notice-title{display:block;color:#f59e0b;margin-bottom:4px}.jitsi-notice p{margin:4px 0 0}.jitsi-notice-sub{color:#e2e8f080!important;font-size:.8rem}.whereby-notice{margin-top:12px;padding:10px 14px;border-left:3px solid #f59e0b;background:#f59e0b14;border-radius:0 6px 6px 0;font-size:.85rem;line-height:1.6}.whereby-notice-title{display:block;color:#f59e0b;margin-bottom:4px}.whereby-notice p{margin:4px 0 0}.result-box{margin-top:1rem;border:1px solid var(--border);border-radius:10px;padding:.9rem;background:#0b1220b3}.result-box h2{font-size:1rem;margin-bottom:.5rem}.result-box p{font-size:.9rem;color:var(--muted);margin-bottom:.2rem}.app-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-bottom:0}.nav-pill{border:1px solid var(--border);border-radius:999px;background:#0b122099;color:var(--text);padding:.45rem .9rem;font-size:.85rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .1s ease}.nav-pill:hover:not(:disabled){border-color:#22c55e8c;transform:translateY(-1px)}.nav-pill.active{border-color:var(--primary);color:var(--primary)}.nav-logout{border-color:var(--danger);color:#fca5a5}.audit-dashboard{text-align:left}.audit-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.audit-header h2{font-size:1.1rem;margin-bottom:0;text-align:left}.audit-status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:max-content;border:1px solid var(--border);border-radius:999px;padding:.28rem .65rem;background:#0f172ad6;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.audit-status-pill--starting,.audit-status-pill--waiting{border-color:#fbbf2459;background:#fbbf241f;color:#fcd34d}.audit-status-pill--running{border-color:#22c55e61;background:#22c55e24;color:#86efac;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 0 3px #22c55e24}}.audit-status-pill--stopping,.audit-status-pill--warning{border-color:#f8717173;background:#ef444424;color:#fecaca}.audit-status-pill--done{border-color:#38bdf866;background:#38bdf81f;color:#bae6fd}.audit-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.kpi{border:1px solid var(--border);border-radius:10px;padding:.75rem .6rem;text-align:center;background:#0b12208c;transition:border-color .2s ease,transform .15s ease}.kpi:hover{border-color:#22c55e4d;transform:translateY(-1px)}.kpi-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}.kpi-label{font-size:.73rem;color:var(--muted);margin-top:.15rem;line-height:1.2}.audit-charts{display:grid;gap:.75rem;margin-bottom:1rem}@media (min-width: 640px){.audit-charts{grid-template-columns:1fr 1fr}}.chart-wrap{border:1px solid var(--border);border-radius:10px;padding:.75rem;background:#0b122066}.chart-label{font-size:.92rem;color:var(--muted);display:block;margin-bottom:.25rem}.chart-svg{width:100%;height:120px;display:block}.chart-placeholder{border:1px dashed var(--border);border-radius:10px;padding:1rem;min-height:120px;display:flex;flex-direction:column;justify-content:center}.chart-placeholder--unavailable{border-color:#fbbf2473;background:#fbbf240f}.chart-placeholder--unavailable span{color:#fbbf24}.audit-block{margin-top:1rem}.audit-block h3{font-size:.95rem;margin-bottom:.5rem;color:var(--text);font-weight:600;letter-spacing:.01em}.webrtc-block{border:1px solid rgba(99,102,241,.25);border-radius:10px;padding:.85rem;background:#0b122080;box-shadow:0 0 0 1px #6366f10f inset}.webrtc-block h3{color:#a5b4fc}.webrtc-intro{margin-bottom:.75rem}.webrtc-intro code{color:#a5b4fc;font-size:.8rem}.webrtc-chart-note{margin:0 0 .6rem;line-height:1.4;max-width:100%}.webrtc-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.webrtc-kpi{position:relative;border:1px solid var(--border);border-top:2px solid rgba(99,102,241,.4);border-radius:8px;padding:.6rem 1.9rem .6rem .65rem;background:#0b1220;display:flex;flex-direction:column;gap:.25rem;transition:border-color .2s ease,transform .15s ease}.webrtc-kpi:hover{border-color:#6366f180;border-top-color:#6366f1b3;transform:translateY(-1px)}.webrtc-kpi:hover,.webrtc-kpi:focus-within{z-index:30}.webrtc-kpi-label{font-size:.68rem;color:var(--muted);line-height:1.2}.info-dot{position:absolute;top:.45rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:1px solid rgba(148,163,184,.45);border-radius:999px;color:#cbd5e1;background:#0f172aeb;font-size:.65rem;font-weight:800;line-height:1;cursor:help;transition:border-color .15s ease,color .15s ease}.info-dot:hover,.info-dot:focus{border-color:#22c55e99;color:#86efac;outline:none}.info-tooltip{position:absolute;z-index:20;top:1.35rem;right:0;width:min(15rem,70vw);padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;background:#0f172afa;box-shadow:0 14px 32px #02061773;color:var(--text);font-size:.72rem;font-weight:500;line-height:1.35;text-align:left;opacity:0;pointer-events:none;transform:translateY(-.25rem);transition:opacity .15s ease,transform .15s ease}.info-dot:hover .info-tooltip,.info-dot:focus .info-tooltip{opacity:1;transform:translateY(0)}.webrtc-kpi-value{font-size:.88rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.webrtc-kpi--unavailable{border-style:dashed;border-top-style:dashed;background:#1e293b7a}.webrtc-kpi--unavailable .webrtc-kpi-value{color:#fbbf24;font-size:.78rem}@media (max-width: 900px){.webrtc-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}}.webrtc-charts{margin-top:.5rem}@media (min-width: 720px){.webrtc-charts{grid-template-columns:1fr 1fr}}.webrtc-sub{font-size:.85rem;font-weight:600;margin:.85rem 0 .4rem;color:var(--muted)}.webrtc-user-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px}.webrtc-user-table{width:100%;border-collapse:collapse;font-size:.78rem}.webrtc-user-table th,.webrtc-user-table td{padding:.4rem .6rem;text-align:left;border-bottom:1px solid var(--border)}.webrtc-user-table th{color:var(--muted);font-weight:600;background:#0b1220b3;font-size:.73rem}.webrtc-user-table tbody tr{transition:background .12s ease}.webrtc-user-table tbody tr:hover{background:#33415559}.webrtc-user-table tbody tr:last-child td{border-bottom:none}.status-bars{display:flex;flex-direction:column;gap:.4rem}.status-bar-row{display:grid;grid-template-columns:52px 1fr 44px;align-items:center;gap:.5rem;font-size:.85rem}.status-code{font-weight:600;font-variant-numeric:tabular-nums}.status-code--2xx{color:#4ade80}.status-code--3xx{color:#38bdf8}.status-code--4xx{color:#fbbf24}.status-code--5xx{color:#f87171}.status-bar-track{height:8px;background:#0b1220;border-radius:4px;overflow:hidden}.status-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.status-bar-fill--2xx{background:linear-gradient(90deg,#22c55e,#4ade80)}.status-bar-fill--3xx{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.status-bar-fill--4xx{background:linear-gradient(90deg,#d97706,#fbbf24)}.status-bar-fill--5xx{background:linear-gradient(90deg,#dc2626,#f87171)}.status-count{text-align:right;color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}.feed-list{list-style:none;max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:.5rem;background:#0b1220;font-size:.78rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.feed-list li{padding:.25rem 0;border-bottom:1px solid rgba(51,65,85,.5)}.feed-list li:last-child{border-bottom:none}.feed-list code{word-break:break-all;color:var(--muted)}.feed-time{color:#64748b}.audit-controls-panel{border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem;background:#0b12208c}.audit-duration-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.duration-pill{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem}.duration-pill .muted-small{width:100%}.duration-value{font-size:1.45rem;font-variant-numeric:tabular-nums;color:#86efac;font-weight:700}.session-chip{font-size:.72rem;padding:.2rem .45rem;border-radius:6px;background:#0f172ae6;border:1px solid var(--border);max-width:100%;overflow:hidden;text-overflow:ellipsis}.audit-pause-row{display:flex;gap:.5rem}.btn-compact{margin-top:0;padding:.45rem .75rem;font-size:.85rem}.audit-control-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:end}@media (max-width: 640px){.audit-control-grid{grid-template-columns:1fr}.btn-apply-control{width:100%}}.control-field{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--muted)}.control-field input,.control-field select{margin-top:0}.control-hint{margin-top:.75rem}.chaos-quick-row{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.chaos-quick-label{display:block;margin-bottom:.4rem}.chaos-quick-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.chaos-chip{margin-top:0;padding:.35rem .65rem;font-size:.78rem;border-radius:999px}.chaos-chip.active{border-color:#22c55ea6;color:#86efac;background:#22c55e1a}.btn-apply-control{margin-top:0;align-self:end}.report-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.report-actions-grid{max-width:720px}.history-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;width:max-content;max-width:100%}.history-actions-cell{vertical-align:middle;white-space:nowrap}.history-audit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.btn-tiny{display:inline-flex;align-items:center;justify-content:center;margin-top:0;min-height:1.9rem;padding:.35rem .55rem;font-size:.72rem;font-weight:600}.report-actions .submit{margin-top:0}.history-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.history-table{width:100%;border-collapse:collapse;font-size:.82rem}.history-table th,.history-table td{padding:.5rem .65rem;text-align:left;border-bottom:1px solid var(--border)}.history-table th{background:#0b1220d9;color:var(--muted);font-weight:600;font-size:.78rem}.history-table tbody tr{transition:background .12s ease}.history-table tbody tr:hover{background:#3341554d}.history-id{font-size:.72rem;word-break:break-all}.chart-wrap-interactive{position:relative}.chart-header-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.35rem .75rem;margin-bottom:.25rem}.chart-tag-row{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end;max-width:100%}.chart-tag{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .45rem;border-radius:4px;line-height:1.2}.chart-tag--warn{background:#fbbf242e;color:#fcd34d;border:1px solid rgba(251,191,36,.35)}.chart-tag--bad{background:#ef44442e;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.chart-tag--ok{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.35)}.chart-svg--interactive{width:100%;height:auto;min-height:178px;display:block;cursor:crosshair;touch-action:none}.chart-floating-tooltip{position:absolute;bottom:.25rem;left:50%;min-width:10rem;max-width:min(18rem,92%);padding:.45rem .55rem;background:#0f172af7;border:1px solid var(--border);border-radius:8px;font-size:.72rem;line-height:1.35;pointer-events:none;z-index:2;box-shadow:0 8px 28px #00000073}.chart-tooltip-time{color:#e2e8f0;font-weight:600}.chart-tooltip-sub{color:var(--muted);font-size:.68rem}.chart-tooltip-val{color:#a5b4fc;margin-top:.15rem}.chart-tooltip-unit{color:var(--muted);font-weight:400}.chart-tooltip-user-row{display:flex;align-items:center;gap:.3rem;margin-top:.18rem}.chart-tooltip-user-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.chart-tooltip-user-label{color:var(--muted);font-size:.68rem;min-width:1.8rem}.chart-tooltip-val-inline{color:#a5b4fc;font-weight:600}.chart-legend{display:flex;flex-wrap:wrap;gap:.55rem 1rem;padding:.2rem 0 .1rem 4.5rem}.chart-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--muted)}.chart-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-legend-label{color:#cbd5e1;font-size:.7rem}.landing-page{width:100%;max-width:1080px;margin:0 auto;padding-bottom:2rem}.landing-masthead{position:sticky;top:0;z-index:10;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);margin:-1rem -1rem 1.25rem;padding:.75rem 1rem}.landing-masthead-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.landing-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit}.landing-brand-logo{border-radius:1.25rem}.landing-brand-name{display:block;font-weight:700;font-size:1.05rem;line-height:1.2}.landing-brand-tag{display:block;font-size:.72rem;color:var(--muted)}.landing-masthead-actions{display:flex;align-items:center;gap:.5rem}.nav-link-ghost{border:1px solid transparent;background:transparent;color:var(--text);padding:.45rem .85rem;font-size:.9rem;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease}.nav-link-ghost:hover{background:#33415580}.nav-cta{border:1px solid var(--primary);background:#22c55e26;color:#86efac;padding:.45rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease,transform .1s ease}.nav-cta:hover{background:#22c55e47;transform:translateY(-1px)}.landing-hero{position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;padding:2.5rem 1.5rem 3rem;text-align:center;background:#0f172ae0;border-radius:var(--radius-lg);border:1px solid rgba(51,65,85,.6);box-shadow:0 20px 60px #0206174d}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 14% 18%,rgba(34,197,94,.13),transparent 30%),radial-gradient(circle at 86% 8%,rgba(56,189,248,.15),transparent 34%),radial-gradient(circle at 50% 90%,rgba(99,102,241,.08),transparent 40%);pointer-events:none}.landing-hero-inner{position:relative;z-index:1;max-width:100%;width:100%;margin:0 auto}.landing-badge{display:inline-block;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem;padding:.3rem .75rem;border:1px solid rgba(148,163,184,.2);border-radius:999px;background:#0b122080}.landing-title{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.65rem;background:linear-gradient(110deg,#e2e8f0 30%,#86efac 65%,#38bdf8 90%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.15}.landing-lead{font-size:1.05rem;line-height:1.6;color:var(--muted);margin-bottom:1.1rem;max-width:60ch;margin-inline:auto}.landing-lead strong{color:#86efac}.landing-lead code{color:#a5b4fc;font-size:.95em;background:#6366f11f;padding:.1em .3em;border-radius:4px}.landing-points{list-style:none;text-align:left;display:inline-block;width:100%;max-width:52ch;color:var(--text);font-size:.9rem;line-height:1.75;margin-bottom:1.25rem}.landing-points li:before{content:"✓ ";color:var(--primary);font-weight:700}.landing-platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-bottom:.9rem}.landing-platforms span{border:1px solid rgba(99,102,241,.35);border-radius:999px;background:#6366f11a;color:#a5b4fc;padding:.28rem .7rem;font-size:.75rem;font-weight:600}.landing-capabilities{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem}.landing-capabilities span{border:1px solid rgba(148,163,184,.22);border-radius:999px;background:#0b12208c;color:#cbd5e1;padding:.32rem .7rem;font-size:.78rem}.landing-stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:1.5rem 0;border:1px solid var(--border);border-radius:var(--radius-lg);background:#0f172ab3;overflow:hidden}.landing-stat{flex:1;min-width:140px;text-align:center;padding:1.25rem 1rem}.landing-stat-divider{width:1px;height:48px;background:var(--border);flex-shrink:0}.landing-stat-value{display:block;font-size:2.25rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#86efac,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1;margin-bottom:.3rem}.landing-stat-label{display:block;font-size:.78rem;color:var(--muted);line-height:1.3}.landing-features{display:grid;gap:1rem;margin-top:0;text-align:left}@media (min-width: 640px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.landing-features{grid-template-columns:repeat(4,1fr)}}.landing-feature-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem;background:linear-gradient(180deg,#0f172ae6,#0b1220b3),radial-gradient(circle at top right,rgba(34,197,94,.1),transparent 38%);box-shadow:0 12px 30px #0206172e;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.landing-feature-card:hover{transform:translateY(-3px);border-color:#22c55e66;box-shadow:0 20px 44px #0206174d,0 0 0 1px #22c55e1a inset;background:linear-gradient(180deg,#0f172af2,#0b1220bf),radial-gradient(circle at top right,rgba(34,197,94,.16),transparent 42%)}.landing-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-bottom:.9rem;border:1px solid rgba(34,197,94,.3);border-radius:10px;background:#22c55e1a;color:#86efac}.landing-feature-icon svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.landing-feature-card h2{font-size:1rem;margin-bottom:.5rem;color:var(--primary)}.landing-feature-card p{font-size:.85rem;color:var(--muted);line-height:1.5}.landing-feature-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.9rem}.landing-feature-tags span{border-radius:999px;background:#33415573;color:#dbeafe;padding:.22rem .5rem;font-size:.7rem;font-weight:600}.landing-cta{margin-top:2rem;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0f172af2,#0b1220cc),radial-gradient(circle at 20% 50%,rgba(34,197,94,.1),transparent 50%),radial-gradient(circle at 80% 50%,rgba(56,189,248,.08),transparent 50%);padding:2.5rem 1.5rem;text-align:center;box-shadow:0 0 0 1px #22c55e0f inset}.landing-cta-inner{max-width:48ch;margin:0 auto}.landing-cta-title{font-size:1.6rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.6rem;background:linear-gradient(110deg,#e2e8f0,#86efac);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-cta-lead{font-size:.95rem;color:var(--muted);line-height:1.55;margin-bottom:1.5rem}.landing-cta-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.landing-cta-btn{padding:.65rem 1.5rem;font-size:.95rem;border-radius:var(--radius-sm)}.landing-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--muted);opacity:.7}.landing-footer-sep{opacity:.4}