:root{--brand:#6d5dfc;--blue:#6d5dfc;--accent:#6d5dfc;--paper:#fff;--ink:#142033;--muted:#59697c;--soft:#f5f7fb;--line:#d9e1ec;--bg:#f5f7fb;--panel:#fff;--text:#142033;color-scheme:light}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}
:focus-visible{outline:3px solid var(--brand)!important;outline-offset:3px}button,a,input,select,summary{touch-action:manipulation}button:disabled{cursor:wait;opacity:.55}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--brand)}
.hero{gap:40px;grid-template-columns:1.2fr .8fr;padding:54px 0 64px;min-height:620px}.hero h1{font-size:clamp(40px,4.4vw,62px);letter-spacing:-.05em;line-height:1.08}.hero-copy{max-width:720px}.preview-form{border-radius:12px;box-shadow:0 6px 24px #1222380a;padding:24px;background:var(--panel)}.preview-form input,.preview-form select,.preview-form textarea{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;width:100%;padding:11px}.preview-form textarea{min-height:88px;resize:vertical}.preview-form label>span{font-size:12px}.preview-form .advanced{border-top:1px solid var(--line);padding:15px 0;margin:4px 0}.advanced summary{font-size:13px;font-weight:700;cursor:pointer}.advanced[open] summary{margin-bottom:18px}.field-note{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}.form-summary{font:12px/1.6 ui-monospace,Consolas,monospace;color:var(--muted);padding:12px;background:var(--soft);border-radius:6px;overflow-wrap:anywhere;margin-bottom:12px}.preset-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.preset-tools button{padding:7px 10px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font-size:11px;color:var(--ink)}.preview-form>button{background:var(--brand)}.form-result a,.form-result button{background:var(--paper);color:var(--ink)}.route-visual{height:350px}.route-line{background:var(--brand)}.route-skip{border-color:var(--brand)}.world{color:var(--line)}.orbit{stroke:var(--brand)}.node{fill:var(--brand)}.route{background:var(--panel);color:var(--ink);box-shadow:none}.route b{font-size:12px}.ucretsiz-ssl-banner--top{max-width:720px;margin:16px auto!important}.ucretsiz-ssl-banner--hero{display:none}.ucretsiz-ssl-banner a{border-radius:6px!important;box-shadow:none!important}.use-cases{padding:60px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.use-cases article{padding:20px;border:1px solid var(--line);border-radius:8px}.use-cases h3{font-size:16px}.use-cases p{font-size:13px;line-height:1.7;color:var(--muted)}.faq-search{width:100%;padding:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);margin-bottom:16px;border-radius:6px}.theme-control{position:fixed;right:16px;bottom:16px;z-index:100;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px;font:12px system-ui}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#142033;color:#fff;padding:12px 20px;border-radius:8px;z-index:10000;font:13px system-ui;max-width:90vw}
.access-card{width:min(620px,calc(100% - 32px));margin:12vh auto;padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.access-card h1{font-size:28px;line-height:1.2}.access-card p{color:var(--muted);line-height:1.7}.access-card input{width:100%;padding:12px;margin:12px 0;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}.access-card button,.diagnostics-actions button{background:var(--brand);color:#fff;border:0;padding:10px 14px;border-radius:5px;font-size:13px}.diagnostics-page{margin:0;background:var(--soft)}.diagnostics-header{display:flex;align-items:center;gap:24px;padding:24px 32px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.diagnostics-header h1{font-size:22px;margin:0}.diagnostics-page main{max-width:1600px;padding:24px;margin:auto;width:100%}.diagnostics-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.diagnostics-actions a{font-size:13px;padding:8px}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inspector-grid>section,.viewport-panel{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:10px;margin-bottom:20px;min-width:0}.inspector-grid h2,.viewport-panel h2{font-size:18px}.inspector-grid input{width:100%;padding:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px}.inspector-grid details{padding:12px 0;border-bottom:1px solid var(--line)}.inspector-grid summary{cursor:pointer;font:12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}.inspector-grid pre{font:11px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--soft);padding:12px;max-height:500px;overflow:auto}.viewport-scroll{overflow:auto;max-width:100%}#preview-frame{display:block;width:100%;height:75vh;border:1px solid var(--line);background:white;margin:auto}.capability-badge{font:11px ui-monospace,monospace;padding:5px 8px;border-radius:4px;background:var(--soft);border:1px solid var(--line)}
.inspector-grid{align-items:start}#request-list{max-height:620px;overflow:auto;padding-right:6px}body .mobile{color:var(--ink)!important;min-width:44px;min-height:44px;font-size:22px}
/* Unify legacy admin/studio surfaces while retaining their working controls. */
body .side{background:#111c30!important}body .card,body .kpi{background:var(--panel)!important;box-shadow:none!important;border-radius:8px!important}body .button.primary,body .btn.primary{background:var(--brand)!important;border-color:var(--brand)!important}body .top{background:var(--panel)!important}.brand small{color:#aab8ce!important}.navitem.active,.snav.active{background:var(--brand)!important}.policy-grid>div,.check-grid a{background:var(--soft)!important}.session-detail-drawer{background:var(--panel)!important;color:var(--ink)!important}.session-detail-drawer dd{color:var(--ink)!important}body .tablewrap,body .table{background:var(--panel)!important}body .input{background:var(--panel)!important;color:var(--ink)!important}body td,body .tablewrap td{color:var(--ink)!important}body th,body .tablewrap th{background:var(--soft)!important;color:var(--muted)!important}body .top h1,body .kpi b{color:var(--ink)!important}.request-inspector{max-width:900px}.request-inspector pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace}
html[data-theme="dark"]{--brand:#a599ff!important;--blue:#a599ff!important;--accent:#a599ff!important;--paper:#101827!important;--ink:#e8edf5!important;--muted:#a9b6ca!important;--soft:#172236!important;--line:#354259!important;--bg:#101827!important;--panel:#141f32!important;--text:#e8edf5!important;color-scheme:dark}html[data-theme="dark"] body{background:var(--paper)!important;color:var(--ink)!important;background-image:none!important}html[data-theme="dark"] .preview-form,html[data-theme="dark"] .form-result a,html[data-theme="dark"] .form-result button{background:var(--panel)!important;color:var(--ink)!important}html[data-theme="dark"] .main{background:var(--paper)!important}html[data-theme="dark"] .box{background:var(--panel)!important}html[data-theme="dark"] .button,html[data-theme="dark"] .btn{background:var(--soft)!important;color:var(--ink)!important}html[data-theme="dark"] .toggle{background:var(--soft)!important;color:var(--ink)!important}html[data-theme="dark"] .field label{color:var(--ink)!important}html[data-theme="dark"] .kpis{background:var(--panel)!important}html[data-theme="contrast"]{--brand:#2525aa!important;--blue:#2525aa!important;--ink:#000!important;--muted:#222!important;--line:#000!important;--paper:#fff!important;--panel:#fff!important;--soft:#eee!important}html[data-theme="contrast"] *{box-shadow:none!important}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-copy{max-width:none}.route-visual{height:270px}.inspector-grid{grid-template-columns:1fr}.use-cases{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero{padding-top:35px}.hero h1{font-size:38px}.preview-form{padding:16px}.use-cases{grid-template-columns:1fr}.diagnostics-header{padding:20px;gap:12px}.diagnostics-page main{padding:12px}.inspector-grid>section{padding:16px}.diagnostics-actions button{flex:1;min-width:130px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.qr-dialog{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--panel);color:var(--ink);max-width:95vw}.qr-dialog canvas{display:block;width:min(320px,100%);height:auto;margin-bottom:16px}.qr-dialog button,.qr-dialog a{display:inline-block;padding:9px;margin:5px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:5px}.qr-dialog::backdrop{background:#14203388}.preview-form>button:hover{background:#5748d8}.route-visual{min-width:0}.route-domain small,.route-server small{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;margin:24px 0;background:var(--panel)}.public-kpis>div{padding:20px;border-right:1px solid var(--line)}.public-kpis>div:last-child{border:0}.public-kpis small{color:var(--muted);font-size:11px}.public-kpis b{display:block;font-size:24px;margin-top:8px}@media(max-width:620px){.public-kpis{grid-template-columns:1fr 1fr}.public-kpis>div{padding:14px}}