:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fb;color:#172033;line-height:1.4}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{background:#f7f8f4;min-height:100vh}.site-nav{align-items:center;background:#ffffffeb;border-bottom:1px solid #e0e7ef;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;justify-content:space-between;padding:14px clamp(18px,4vw,58px);position:sticky;top:0;z-index:10}.site-links,.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.site-links a{border-radius:8px;color:#334155;font-weight:800;min-height:38px;padding:9px 10px}.site-links .nav-cta{align-items:center;background:#111827;color:#fff;display:inline-flex;gap:8px;padding:9px 13px;transition:transform .18s ease,background .18s ease}.site-hero{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.14) 0 1px,transparent 1px 30px),linear-gradient(45deg,rgba(14,165,233,.1) 0 1px,transparent 1px 34px),linear-gradient(120deg,#06120d,#091018 48%,#16120d);color:#fff;display:grid;gap:32px;grid-template-columns:minmax(0,.95fr) minmax(320px,.85fr);min-height:760px;overflow:hidden;padding:clamp(54px,7vw,104px) clamp(18px,5vw,74px) 50px}.hero-copy h1{animation:riseIn .72s ease both;font-size:clamp(46px,6.1vw,82px);letter-spacing:0;line-height:.96;margin:0;max-width:900px}.hero-copy p{animation:riseIn .72s ease 80ms both;color:#c8d6cf;font-size:20px;max-width:720px}.hero-actions{animation:riseIn .72s ease .16s both;margin-top:24px}.hero-kicker{align-items:center;animation:riseIn .72s ease both;color:#a7f3d0;display:inline-flex;font-size:13px;font-weight:900;gap:9px;letter-spacing:0;margin:0 0 14px;text-transform:uppercase}.hero-kicker span{animation:pulseDot 1.8s ease-in-out infinite;background:#22c55e;border-radius:999px;box-shadow:0 0 0 7px #22c55e29;height:9px;width:9px}.site-secondary-action{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#fff;display:inline-flex;font-weight:900;gap:8px;min-height:42px;padding:0 14px;transition:transform .18s ease,background .18s ease}.site-secondary-action:hover,.primary-action:hover,.nav-cta:hover{transform:translateY(-2px)}.hero-proof{animation:riseIn .72s ease .24s both;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;max-width:760px}.hero-proof span{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#c8d6cf;display:grid;gap:4px;padding:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-proof strong{color:#fff}.support-stage{animation:stageFloat 6s ease-in-out infinite,riseIn .84s ease .12s both;background:linear-gradient(135deg,#ffffff24,#ffffff0d),#0f172a;border:1px solid rgba(255,255,255,.18);border-radius:8px;box-shadow:0 28px 90px #0000006b;display:grid;gap:18px;overflow:hidden;padding:18px;position:relative}.support-stage:before{animation:scanLine 4.5s linear infinite;background:linear-gradient(90deg,transparent,rgba(34,197,94,.38),transparent);content:"";height:1px;left:-20%;position:absolute;top:0;width:140%}.stage-topline{align-items:center;color:#dbeafe;display:grid;gap:10px;grid-template-columns:auto 1fr auto}.stage-topline span,.stage-topline em{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#a7f3d0;font-style:normal;font-weight:900;padding:9px 11px}.stage-topline strong{color:#fff;font-size:19px}.stage-map{background:linear-gradient(90deg,rgba(148,163,184,.11) 1px,transparent 1px),linear-gradient(0deg,rgba(148,163,184,.11) 1px,transparent 1px),#020617b8;background-size:34px 34px;border:1px solid rgba(255,255,255,.11);border-radius:8px;display:grid;gap:18px;grid-template-columns:minmax(120px,.8fr) minmax(80px,.45fr) minmax(120px,.8fr);min-height:330px;padding:22px;position:relative}.stage-node,.session-card{background:#ffffffeb;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#172033;display:grid;gap:7px;place-self:center;padding:16px;width:100%}.stage-node{max-width:170px}.tech-node{animation:nodePulse 2.8s ease-in-out infinite}.client-node{animation:nodePulse 2.8s ease-in-out .9s infinite}.stage-node svg{color:#0f766e}.stage-node span,.session-card span,.session-card p{color:#64748b;margin:0}.signal-track{align-self:center;background:#ffffff24;border-radius:999px;height:8px;overflow:hidden;position:relative}.signal-track span{animation:signalMove 1.9s ease-in-out infinite;background:linear-gradient(90deg,#22c55e,#38bdf8,#f59e0b);border-radius:inherit;display:block;height:100%;width:46%}.session-card{bottom:22px;box-shadow:0 20px 50px #00000038;left:50%;position:absolute;transform:translate(-50%);width:min(390px,calc(100% - 44px))}.session-card strong{font-size:21px}.stage-queue{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.stage-queue div{background:#ffffff17;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;display:grid;gap:4px;padding:14px}.stage-queue strong{font-size:28px}.stage-queue span{color:#cbd5e1}.logo-strip{background:#07120d;border-bottom:1px solid #173827;border-top:1px solid #173827;color:#c8d6cf;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px clamp(18px,5vw,74px);text-align:center}.logo-strip span{animation:riseIn .7s ease both;font-weight:900}.site-section,.site-cta,.workflow-section{display:grid;gap:26px;margin:0 auto;max-width:1180px;padding:clamp(46px,7vw,86px) 22px}.site-section h2,.site-cta h2,.workflow-section h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:0;max-width:760px}.feature-grid,.pricing-grid,.workflow-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid article,.pricing-grid article,.workflow-grid article,.site-cta{background:#fff;border:1px solid #dde5f0;border-radius:8px}.feature-grid article,.pricing-grid article,.workflow-grid article{display:grid;gap:10px;padding:20px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.feature-grid article:hover,.pricing-grid article:hover,.workflow-grid article:hover{border-color:#93c5fd;box-shadow:0 18px 40px #0f172a14;transform:translateY(-4px)}.feature-grid svg{color:#2563eb}.feature-grid strong,.pricing-grid strong{font-size:18px}.feature-grid span,.pricing-grid span,.workflow-grid p{color:#64748b}.workflow-section{background:linear-gradient(135deg,rgba(34,197,94,.1) 0 1px,transparent 1px 28px),#101820;border-radius:8px;color:#fff;margin-top:18px;max-width:1180px}.workflow-section .eyebrow,.workflow-section h2{color:#fff}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-grid article>span{align-items:center;background:#dcfce7;border-radius:8px;color:#15803d;display:grid;font-weight:900;height:38px;place-items:center;width:46px}.workflow-grid strong{font-size:20px}.workflow-grid p{color:#cbd5e1;margin:0}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid h3{font-size:34px}.pricing-grid a{color:#1d4ed8;font-weight:900}.pricing-grid .featured-plan{border-color:#22c55e;box-shadow:0 18px 44px #22c55e2e}.site-cta{align-items:center;grid-template-columns:1fr auto;margin-bottom:52px}.portal-shell{min-height:100vh;background:#f5f7fb}.portal-nav{align-items:center;border-bottom:1px solid #dde5f0;display:flex;justify-content:space-between;padding:18px clamp(18px,4vw,56px)}.portal-actions{display:flex;gap:10px;flex-wrap:wrap}.portal-actions a,.portal-nav>a,.secondary-link{align-items:center;background:#fff;border:1px solid #d8e0ec;border-radius:8px;display:flex;gap:8px;min-height:40px;padding:0 12px}.portal-grid,.signup-layout{align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) minmax(320px,440px);margin:0 auto;max-width:1120px;padding:clamp(34px,8vw,96px) 22px}.portal-copy h1,.signup-layout h1,.workspace h1{font-size:clamp(32px,5vw,54px);letter-spacing:0;line-height:1.05;margin:0}.portal-copy p,.signup-layout p{color:#475569;font-size:18px;max-width:620px}.portal-panel,.side-panel,.metric,.detail-panel{background:#fff;border:1px solid #dde5f0;border-radius:8px}.portal-panel{display:grid;gap:14px;padding:18px}.support-entry{display:grid;margin:0 auto;max-width:480px;min-height:calc(100vh - 82px);padding:clamp(48px,10vw,120px) 22px;place-items:start stretch}.support-entry .portal-panel{gap:16px;padding:22px}.support-entry h1{font-size:34px;letter-spacing:0;line-height:1.05;margin:0 0 4px}.page-guide{align-items:center;background:#eef6ff;border:1px solid #bfdbfe;border-radius:8px;color:#172033;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.page-guide strong{display:block;font-size:15px}.page-guide p{color:#334155;font-size:14px;margin:4px 0 0;max-width:920px}.guide-actions{display:flex;flex-wrap:wrap;gap:8px}.guide-actions a{background:#fff;border:1px solid #93c5fd;border-radius:8px;color:#1d4ed8;font-size:13px;font-weight:900;min-height:36px;padding:8px 10px}.docs-shell{background:#f8fafc;min-height:100vh}.docs-hero{background:linear-gradient(135deg,rgba(34,197,94,.14) 0 1px,transparent 1px 28px),#101820;color:#fff;padding:clamp(42px,7vw,86px) clamp(18px,5vw,74px)}.docs-hero h1{font-size:clamp(38px,6vw,72px);letter-spacing:0;line-height:1;margin:0}.docs-hero p{color:#cbd5e1;font-size:18px;max-width:760px}.docs-layout{align-items:start;display:grid;gap:24px;grid-template-columns:240px minmax(0,1fr);margin:0 auto;max-width:1180px;padding:28px 22px 70px}.docs-toc{background:#fff;border:1px solid #dde5f0;border-radius:8px;display:grid;gap:6px;padding:12px;position:sticky;top:92px}.docs-toc a{border-radius:8px;color:#334155;font-weight:900;padding:9px 10px}.docs-toc a:hover{background:#eef6ff;color:#1d4ed8}.docs-content{display:grid;gap:16px}.docs-content article{background:#fff;border:1px solid #dde5f0;border-radius:8px;display:grid;gap:8px;padding:20px}.docs-content h2{margin:0}.docs-content p{color:#334155;margin:0}.docs-content code{background:#e2e8f0;border-radius:6px;color:#0f172a;padding:2px 5px}label{color:#334155;display:grid;gap:7px;font-size:13px;font-weight:700}input,select{border:1px solid #d8e0ec;border-radius:8px;min-height:42px;min-width:0;padding:0 11px;width:100%}.primary-action{align-items:center;background:#2563eb;border:0;border-radius:8px;color:#fff;display:inline-flex;gap:8px;justify-content:center;min-height:42px;padding:0 14px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.form-error{background:#fee2e2;border-radius:8px;color:#991b1b;margin:0;padding:10px}.form-link{color:#1d4ed8;font-size:13px;font-weight:900;text-align:center}.success-box,.empty-state{align-items:flex-start;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;gap:10px;padding:12px}.success-box span,.success-box a,.empty-state span{display:block}.success-box a{color:#1d4ed8;font-weight:800;margin-top:8px}.empty-state{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#182230;color:#f8fafc;display:flex;flex-direction:column;gap:28px;padding:24px 18px}.brand,.identity{align-items:center;display:flex;gap:12px}.brand-mark{align-items:center;background:#22c55e;border-radius:8px;color:#052e16;display:grid;height:42px;place-items:center;width:42px}.brand strong,.identity strong{display:block;font-size:16px}.brand span,.identity span{color:#cbd5e1;display:block;font-size:12px}.portal-nav .brand span{color:#64748b}.nav-list{display:grid;gap:8px}.nav-list button,.identity{background:transparent;border:0;border-radius:8px;color:#dbeafe;display:flex;gap:10px;padding:11px 12px;text-align:left}.nav-list button.active,.nav-list button:hover{background:#263548;color:#fff}.nav-list svg{height:18px;width:18px}.identity{background:#263548;margin-top:auto}.workspace{min-width:0;padding:26px}.topbar,.panel-head,.top-actions,.detail-actions{align-items:center;display:flex}.topbar{justify-content:space-between;margin-bottom:22px}.top-actions{gap:10px}.eyebrow{color:#64748b;font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h2,h3{margin:0}h2{font-size:32px}h3{font-size:16px}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(150px,1fr));margin-bottom:18px}.metric{display:grid;gap:8px;min-height:126px;padding:18px}.metric div{align-items:center;border-radius:8px;display:grid;height:38px;place-items:center;width:38px}.metric span{color:#64748b;font-size:13px}.metric strong{font-size:28px}.metric.green div{background:#dcfce7;color:#15803d}.metric.yellow div{background:#fef3c7;color:#b45309}.metric.blue div{background:#dbeafe;color:#1d4ed8}.metric.red div{background:#fee2e2;color:#b91c1c}.stack{display:grid;gap:14px;min-width:0}.view-stack{display:grid;gap:18px}.view-grid{align-items:start;display:grid;gap:18px}.view-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.view-grid.three{grid-template-columns:minmax(320px,.85fr) minmax(420px,1.35fr)}.session-workspace{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(340px,.72fr) minmax(520px,1.28fr)}.action-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.action-grid button,.plain-row{background:#fff;border:1px solid #dde5f0;border-radius:8px;color:#172033;display:grid;gap:8px;padding:16px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.action-grid button:hover,.plain-row:hover{border-color:#93c5fd;box-shadow:0 14px 32px #0f172a14;transform:translateY(-2px)}.action-grid svg{color:#2563eb}.action-grid strong,.plain-row strong{display:block;font-size:15px}.action-grid span,.plain-row span{color:#64748b;display:block;font-size:13px}.step-list{counter-reset:step;display:grid;gap:10px;list-style:none;margin:0;padding:0}.step-list li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:4px;padding:12px}.step-list strong{color:#172033}.step-list span{color:#64748b;font-size:13px}.span-two{min-width:0}.side-panel{padding:16px;scroll-margin-top:18px}.topbar{scroll-margin-top:18px}.panel-head{justify-content:space-between;margin-bottom:12px}.form-grid{display:grid;gap:9px}.readout{background:#f8fafc;border:1px solid #dde5f0;border-radius:8px;display:grid;gap:3px;padding:11px 12px}.readout span{color:#64748b;font-size:13px}.inline-grid{display:grid;gap:8px;grid-template-columns:78px minmax(120px,1fr) minmax(120px,1fr) auto}.session-list,.compact-list,.event-list,.dns-table,.audit-list{display:grid;gap:9px}.session-row{align-items:center;background:#fff;border:1px solid #dde5f0;border-radius:8px;color:#172033;display:flex;justify-content:space-between;min-height:72px;padding:14px;text-align:left;width:100%}.session-row.active{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.session-row strong,.session-row span,.compact-list strong,.compact-list span,.dns-table strong,.dns-table span{display:block}.session-row span,.compact-list span,.dns-table span{color:#64748b;font-size:12px}.compact-list>div,.compact-list>a,.dns-table>div,.event-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.compact-list>a{color:#1e3a8a;display:block;font-size:13px;text-decoration:none}.token-box{background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;display:grid;gap:8px;padding:10px}.token-box code{background:#e2e8f0;border-radius:6px;color:#0f172a;font-size:12px;overflow-wrap:anywhere;padding:8px}.token-box button{background:#fff;border:1px solid #d8e0ec;border-radius:8px;min-height:38px}.audit-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:4px;padding:10px}.audit-row strong,.audit-row span,.audit-row time{display:block}.audit-row span,.audit-row time{color:#64748b;font-size:12px;overflow-wrap:anywhere}.consent-box{background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;color:#172033;display:grid;gap:8px;padding:12px}.consent-box span{color:#334155;font-size:13px}.handoff{display:grid;gap:12px}.viewer-panel{background:#0f172a;border:1px solid #1e293b;border-radius:8px;color:#cbd5e1;display:grid;gap:8px;overflow:hidden;padding:10px}.viewer-panel video{aspect-ratio:16 / 9;background:#020617;border-radius:6px;display:block;object-fit:contain;width:100%}.viewer-panel span{font-size:12px}.file-transfer{display:grid;gap:10px}.file-picker{align-items:center;background:#fff;border:1px solid #d8e0ec;border-radius:8px;color:#172033;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:8px;min-height:38px;padding:0 12px;width:fit-content}.file-picker input{display:none}.copy-row{display:grid;gap:8px;grid-template-columns:1fr 42px}.copy-row button{background:#fff;border:1px solid #d8e0ec;border-radius:8px}.status{border-radius:999px;display:inline-block;font-size:11px;font-weight:800;padding:5px 8px;text-transform:capitalize;white-space:nowrap}.status.waiting{background:#fef3c7;color:#92400e}.status.customer_ready,.status.technician_connected{background:#dcfce7;color:#166534}.status.closed{background:#e2e8f0;color:#475569}.detail-actions{gap:8px;flex-wrap:wrap}.detail-actions button{align-items:center;background:#fff;border:1px solid #d8e0ec;border-radius:8px;color:#172033;display:inline-flex;gap:6px;min-height:36px;padding:0 10px}.detail-actions button:nth-child(2),.detail-actions button:nth-child(3){background:#172033;color:#fff}.detail-actions .danger-action{background:#fee2e2;border-color:#fecaca;color:#991b1b}.event-item{align-items:center;display:grid;gap:8px;grid-template-columns:120px 1fr auto}.event-item span{background:#e0f2fe;border-radius:6px;color:#0369a1;font-size:11px;font-weight:800;padding:4px 6px;text-align:center}.event-item time{color:#64748b;font-size:12px}.toast{animation:toast 2.4s ease forwards;background:#172033;border-radius:8px;bottom:24px;color:#fff;left:50%;padding:12px 16px;position:fixed;transform:translate(-50%)}.loading{align-items:center;display:flex;gap:10px;min-height:100vh;justify-content:center}.spin{animation:spin 1s linear infinite}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:.72;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}@keyframes stageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scanLine{0%{transform:translateY(0)}to{transform:translateY(540px)}}@keyframes signalMove{0%{transform:translate(-120%)}to{transform:translate(240%)}}@keyframes signalDrop{0%{transform:translateY(-120%)}to{transform:translateY(240%)}}@keyframes nodePulse{0%,to{box-shadow:0 0 #22c55e00;transform:translateY(0)}50%{box-shadow:0 0 0 7px #22c55e29;transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,12px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,12px)}}@media(max-width:900px){.app-shell,.site-hero,.docs-layout,.portal-grid,.signup-layout,.feature-grid,.pricing-grid,.workflow-grid,.logo-strip,.site-cta,.view-grid.two,.view-grid.three,.session-workspace,.action-grid,.metric-grid{grid-template-columns:1fr}.site-nav{align-items:flex-start;gap:14px;flex-direction:column}.page-guide{align-items:flex-start;flex-direction:column}.docs-toc{position:static}.hero-proof,.stage-queue{grid-template-columns:1fr}.site-hero{min-height:auto}.stage-topline,.stage-map{grid-template-columns:1fr}.signal-track{height:92px;justify-self:center;width:8px}.signal-track span{animation-name:signalDrop;height:46%;width:100%}.session-card{bottom:auto;left:auto;position:relative;transform:none;width:100%}.sidebar{display:none}.workspace,.portal-nav{padding:18px}.topbar,.portal-nav{align-items:flex-start;gap:16px;flex-direction:column}.inline-grid{grid-template-columns:1fr}}@media(max-width:560px){.event-item{grid-template-columns:1fr}}