:root{--bg:#081117;--sidebar:#0b151c;--surface:#101c24;--surface-2:#15242d;--surface-3:#1b2c36;--border:#b2cdd91f;--border-strong:#b2cdd933;--text:#f2f6f7;--muted:#91a5af;--muted-2:#69808b;--accent:#25d596;--accent-strong:#17bc80;--accent-soft:#25d5961f;--blue:#72b7ff;--amber:#f6c966;--rose:#ff8395;--shadow:0 18px 55px #0003;--sidebar-chrome:#0a141bf5;--topbar-chrome:#081117d1;--subtle-fill:#ffffff06;--hover-fill:#ffffff09;--track-fill:#ffffff09;--avatar-from:#27414a;--avatar-to:#142832;--switch-off:#2c3c45;--switch-thumb:#82929a;--radius:16px;--radius-sm:11px;--sidebar-width:246px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{min-width:320px}html[data-trackwapp-theme=light],html[data-trackwapp-theme=light] body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7f8}html[data-trackwapp-theme=dark],html[data-trackwapp-theme=dark] body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#081117}html[data-trackwapp-theme=classic],html[data-trackwapp-theme=classic] body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#020706}button,input,select{font:inherit}button{color:inherit}button,select{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--accent);color:#062218;border-radius:9px;padding:11px 16px;font-weight:800;transition:top .15s;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}:focus-visible{outline-offset:3px;outline:2px solid #7dd3fc}.app{background:radial-gradient(circle at 72% -20%, #25d59612, transparent 34%), var(--bg);min-height:100vh}.sidebar{z-index:30;width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--sidebar-chrome);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);flex-direction:column;padding:25px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand-mark{background:linear-gradient(145deg,#2de1a3,#19b77c);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 26px #25d59630}.brand-mark:after{content:"";background:#06251a;border-radius:50%;width:7px;height:7px}.brand-mark i{border:1.6px solid #04281cad;border-color:#04281cad #04281cad #0000 #0000;border-radius:50%;position:absolute;transform:rotate(45deg)}.brand-mark i:first-child{width:17px;height:17px}.brand-mark i:nth-child(2){opacity:.75;width:26px;height:26px}.brand-mark i:nth-child(3){opacity:.42;width:35px;height:35px}.brand strong{letter-spacing:-.25px;font-size:17px;display:block}.brand small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-top:3px;font-size:11px;display:block}.sidebar nav{gap:5px;display:grid}.sidebar nav button{width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:13px;padding:0 13px;transition:all .16s;display:flex;position:relative}.sidebar nav button>span{width:22px;color:var(--muted-2);place-items:center;font-size:17px;display:grid}.sidebar nav button:hover{color:var(--text);background:var(--hover-fill)}.sidebar nav button.active{color:var(--text);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);border-color:#25d5961f}.sidebar nav button.active>span{color:var(--accent)}.sidebar nav button b{background:var(--accent);color:#062218;text-align:center;border-radius:999px;min-width:21px;margin-left:auto;padding:2px 6px;font-size:11px}.sidebar-status{border:1px solid var(--border);background:#ffffff06;border-radius:13px;margin-top:auto;padding:14px}.sidebar-status>div{align-items:center;gap:8px;display:flex}.sidebar-status strong{text-transform:capitalize;font-size:12px}.sidebar-status small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 11px 16px;display:block;overflow:hidden}.sidebar-status button{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--muted);border-radius:8px;padding:8px;font-size:11px}.engine-dot{background:var(--muted-2);border-radius:50%;width:8px;height:8px}.engine-dot.status-monitoring{background:var(--accent);box-shadow:0 0 0 4px #25d5961a}.engine-dot.status-starting{background:var(--amber)}.engine-dot.status-error{background:var(--rose)}.privacy-note{color:var(--muted);gap:10px;margin-top:12px;padding:11px;display:flex}.privacy-note>span{color:var(--accent)}.privacy-note strong,.privacy-note small{display:block}.privacy-note strong{color:var(--text);font-size:11px}.privacy-note small{margin-top:3px;font-size:10px;line-height:1.4}.app-main{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{z-index:25;border-bottom:1px solid var(--border);background:var(--topbar-chrome);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);align-items:center;min-width:0;height:76px;padding:0 clamp(22px,3vw,42px);display:flex;position:sticky;top:0}.mobile-brand{font-weight:800;display:none}.global-search{border:1px solid var(--border);background:var(--subtle-fill);border-radius:11px;align-items:center;gap:10px;width:min(380px,34vw);min-width:0;padding:0 14px;display:flex}.global-search span{color:var(--muted);font-size:20px}.global-search input{width:100%;height:40px;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.global-search input::placeholder{color:var(--muted-2)}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.connection-badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}.connection-badge i{background:var(--amber);border-radius:50%;width:6px;height:6px}.connection-badge.connected i{background:var(--accent)}.icon-button{border:1px solid var(--border);width:38px;height:38px;color:var(--muted);background:0 0;border-radius:10px;place-items:center;display:grid}.account-button{text-align:left;background:0 0;border:0;align-items:center;gap:9px;margin-left:4px;padding:0;display:flex}.account-button>span{background:linear-gradient(145deg, var(--avatar-from), var(--avatar-to));width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;font-size:11px;font-weight:800;display:grid}.account-button strong,.account-button small{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:block;overflow:hidden}.account-button strong{font-size:12px}.account-button small{color:var(--muted);margin-top:3px;font-size:10px}.content{width:100%;max-width:1560px;margin:0 auto;padding:34px clamp(22px,3vw,42px) 64px}.page-stack{gap:22px;display:grid}.narrow-page{max-width:1000px}.welcome-row,.page-header{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.welcome-row h1,.page-header h1{letter-spacing:-.045em;margin:3px 0 7px;font-size:clamp(28px,3.2vw,42px);line-height:1.07}.welcome-row p,.page-header p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.eyebrow,p.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800}.welcome-actions{flex-shrink:0;gap:9px;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 17px;font-size:12px;font-weight:750;text-decoration:none;transition:all .15s;display:inline-flex}.button.primary{border:1px solid var(--accent);background:var(--accent);color:#052319;box-shadow:0 9px 24px #25d5961f}.button.primary:hover{background:#3ee0a7;transform:translateY(-1px)}.button.secondary{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text)}.button.ghost{border:1px solid var(--border);color:var(--muted);background:0 0}.button.danger{color:var(--rose);background:#ff839517;border:1px solid #ff839559}.button.wide{width:100%}.button:disabled{cursor:not-allowed;opacity:.45}.mode-banner,.error-banner{background:#72b7ff12;border:1px solid #72b7ff33;border-radius:12px;align-items:center;gap:12px;padding:13px 15px;display:flex}.mode-banner>span{color:var(--blue);text-transform:uppercase;background:#72b7ff1f;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800}.mode-banner p{color:var(--muted);margin:0;font-size:12px}.error-banner{background:#ff839512;border-color:#ff83953d}.error-banner strong{color:var(--rose)}.error-banner span{color:var(--muted);font-size:12px}.error-banner button{background:var(--rose);color:#30060d;border:0;border-radius:8px;margin-left:auto;padding:7px 12px;font-weight:800}.metrics-grid,.diagnostic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg, var(--surface), var(--bg));align-items:center;gap:14px;min-height:112px;padding:18px;display:flex;box-shadow:0 10px 35px #00000012}.metric-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;flex:none;place-items:center;font-size:18px;display:grid}.metric-icon.tone-blue{color:var(--blue);background:#72b7ff1a}.metric-icon.tone-amber{color:var(--amber);background:#f6c9661a}.metric-icon.tone-rose{color:var(--rose);background:#ff83951a}.metric-card>div:last-child{min-width:0}.metric-card span,.metric-card small,.metric-card strong{display:block}.metric-card span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:750}.metric-card strong{color:var(--text);letter-spacing:-.04em;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;margin:4px 0 2px;font-size:clamp(20px,2.2vw,28px);overflow:hidden}.metric-card small{color:var(--muted-2);font-size:10px}.overview-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:14px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(150deg, var(--surface), var(--bg));box-shadow:0 12px 42px #00000014}.chart-panel,.live-panel,.log-panel{padding:20px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading h2{letter-spacing:-.02em;margin:3px 0 0;font-size:16px}.kicker{color:var(--accent);letter-spacing:.18em;font-size:8px;font-weight:850}.subtle-chip{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:9px}.text-button{color:var(--accent);background:0 0;border:0;font-size:10px}.activity-chart{height:230px;margin-top:14px;padding-top:8px;position:relative}.chart-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:9px 0 29px}.chart-grid i{border-top:1px dashed #b2cdd914;display:block}.chart-bars{justify-content:space-around;align-items:flex-end;gap:13px;display:flex;position:absolute;inset:8px 6px 0}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar-track{background:var(--track-fill);border-radius:8px 8px 3px 3px;align-items:flex-end;width:min(33px,70%);height:calc(100% - 25px);display:flex;overflow:hidden}.bar-fill{background:linear-gradient(#35dea3,#179666);border-radius:7px 7px 2px 2px;width:100%;min-height:5px;transition:height .35s;box-shadow:0 0 20px #25d5961c}.bar-column span{color:var(--muted-2);text-transform:uppercase;font-size:9px}.live-list{gap:2px;margin-top:11px;display:grid}.live-row{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;padding:10px 7px;display:grid}.live-row:last-child{border-bottom:0}.live-row strong,.live-row small{display:block}.live-row strong{font-size:12px}.live-row small{color:var(--muted);margin-top:4px;font-size:9px}.live-row>i{color:var(--muted-2);font-style:normal}.avatar{border:1px solid var(--border);background:linear-gradient(145deg, var(--avatar-from), var(--avatar-to));color:var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:850;display:grid;position:relative;overflow:visible}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar-small{width:32px;height:32px;font-size:9px}.avatar-medium{width:40px;height:40px;font-size:10px}.avatar-large{width:62px;height:62px;font-size:16px}.presence-dot{border:2px solid var(--surface);background:var(--muted-2);border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:0}.presence-dot.is-online{background:var(--accent)}.presence-dot.is-offline{background:#7c909a}.presence-dot.is-stale{background:var(--amber)}.status-pill{border:1px solid var(--border);color:var(--muted);text-transform:capitalize;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;display:inline-flex}.status-pill i{background:var(--muted-2);border-radius:50%;width:6px;height:6px}.status-pill.is-online{background:var(--accent-soft);color:var(--accent);border-color:#25d59633}.status-pill.is-online i{background:var(--accent)}.status-pill.is-offline{color:var(--rose);border-color:#ff83952e}.status-pill.is-offline i{background:var(--rose)}.status-pill.is-stale{color:var(--amber)}.status-pill.is-stale i{background:var(--amber)}.table-wrap{width:100%;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th{border-bottom:1px solid var(--border);color:var(--muted-2);letter-spacing:.11em;text-align:left;text-transform:uppercase;padding:12px 17px;font-size:8px;font-weight:750}.table-wrap td{border-bottom:1px solid var(--border);color:var(--muted);white-space:nowrap;padding:13px 17px;font-size:10px}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:var(--subtle-fill)}.table-wrap td:first-child{color:var(--text);align-items:center;gap:9px;display:flex}.table-wrap td strong{text-overflow:ellipsis;max-width:150px;overflow:hidden}.table-avatar{background:var(--surface-3);width:27px;height:27px;color:var(--accent);border-radius:8px;place-items:center;font-size:8px;font-weight:800;display:grid}.duration-pill{color:var(--blue);background:#72b7ff12;border-radius:7px;padding:5px 8px}.full-table td{padding-top:15px;padding-bottom:15px}.empty-state{min-height:180px;color:var(--muted);text-align:center;align-content:center;place-items:center;padding:26px;display:grid}.empty-state>span{border:1px solid var(--border);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:10px;display:grid}.empty-state strong{color:var(--text);font-size:13px}.empty-state p{max-width:360px;margin:7px 0 0;font-size:10px;line-height:1.5}.toolbar{border:1px solid var(--border);background:var(--surface);border-radius:13px;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:8px;display:flex}.monitor-policy{border:1px solid var(--border);background:var(--subtle-fill);border-radius:13px;justify-content:space-between;align-items:center;gap:18px;padding:13px 15px;display:flex}.monitor-policy>div{grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;display:grid}.monitor-policy .engine-dot{grid-row:1/3}.monitor-policy strong{font-size:11px}.monitor-policy small{color:var(--muted);font-size:9px}.action-message{min-height:15px;color:var(--muted);margin:-12px 2px 0;font-size:10px}.segmented{flex-wrap:wrap;gap:3px;display:flex}.segmented button{min-height:35px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 13px;font-size:10px}.segmented button.active{background:var(--surface-3);color:var(--text)}.toolbar-actions{align-items:center;gap:12px;display:flex}.toolbar-actions>span{color:var(--muted);padding-right:8px;font-size:10px}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.contact-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(150deg, var(--surface), var(--bg));min-width:0;padding:18px;transition:all .18s}.contact-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.contact-card-top{justify-content:space-between;align-items:flex-start;display:flex}.favorite{border:1px solid var(--border);width:34px;height:34px;color:var(--muted-2);background:0 0;border-radius:9px;place-items:center;display:grid}.favorite.active{color:var(--amber);background:#f6c96614;border-color:#f6c96638}.contact-name{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.contact-name h3{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;overflow:hidden}.contact-card>p{color:var(--muted);margin:6px 0 16px;font-size:10px}.contact-meta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;display:grid}.contact-meta small,.contact-meta strong{display:block}.contact-meta small{color:var(--muted-2);text-transform:uppercase;margin-bottom:4px;font-size:8px}.contact-meta strong{font-size:10px}.card-actions{gap:7px;margin-top:13px;display:flex}.card-actions button{border:1px solid var(--border);min-height:34px;color:var(--muted);background:0 0;border-radius:8px;flex:1;font-size:9px}.card-actions button:first-child{background:var(--accent-soft);color:var(--accent);border-color:#25d59633}.card-actions button.enabled{color:var(--blue)}.card-actions button.remove-contact{color:var(--rose);border-color:#ff839533}.history-tools label{color:var(--muted);align-items:center;gap:10px;padding-left:8px;font-size:10px;display:flex}select,input[type=text],input[type=tel],input[type=url],input[type=number]{border:1px solid var(--border-strong);background:var(--surface-2);min-height:40px;color:var(--text);border-radius:9px;outline:0;padding:0 11px}select:focus,input:focus{border-color:#25d5968c;box-shadow:0 0 0 3px #25d59614}.export-actions{flex-wrap:wrap;gap:5px;display:flex}.export-actions button{border:1px solid var(--border);min-height:34px;color:var(--muted);background:0 0;border-radius:8px;padding:0 11px;font-size:9px}.export-actions button:disabled{cursor:not-allowed;opacity:.45}.history-export-group{justify-items:end;gap:5px;display:grid}.history-export-summary,.history-export-message{color:var(--muted-2);font-size:9px}.history-export-message{min-height:12px;color:var(--muted)}.compare-picker{grid-template-columns:1fr auto 1fr;align-items:end;gap:18px;padding:22px;display:grid}.compare-picker label{color:var(--muted);gap:8px;font-size:10px;display:grid}.compare-picker select{width:100%}.versus{border:1px solid var(--border);width:38px;height:38px;color:var(--accent);border-radius:50%;place-items:center;font-size:9px;font-weight:900;display:grid}.compare-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.comparison-bars{gap:22px;padding:26px;display:grid}.comparison-bars>div{grid-template-columns:150px 1fr 75px;align-items:center;gap:15px;display:grid}.comparison-bars span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.comparison-bars i{background:var(--track-fill);border-radius:999px;height:10px;overflow:hidden}.comparison-bars b{border-radius:inherit;background:linear-gradient(90deg, var(--accent-strong), var(--accent));height:100%;display:block}.comparison-bars>div:nth-child(2) b{background:linear-gradient(90deg, #458fd9, var(--blue))}.comparison-bars strong{color:var(--muted);text-align:right;font-size:10px}.settings-section{grid-template-columns:minmax(200px,.8fr) minmax(320px,1.2fr);gap:30px;padding:22px;display:grid}.settings-section h2{margin:0 0 7px;font-size:14px}.settings-section p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.settings-controls{align-content:start;gap:15px;display:grid}.toggle-row{min-height:42px;color:var(--text);justify-content:space-between;align-items:center;gap:18px;font-size:11px;display:flex}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row i{background:var(--switch-off);border-radius:999px;flex:none;width:39px;height:22px;transition:all .15s;position:relative}.toggle-row i:after{content:"";background:var(--switch-thumb);border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:3px;left:3px}.toggle-row input:checked+i{background:var(--accent)}.toggle-row input:checked+i:after{background:#063123;left:20px}.toggle-row input:focus-visible+i{outline-offset:3px;outline:2px solid #7dd3fc}.field{color:var(--muted);gap:8px;font-size:10px;display:grid}.field input,.field select{width:100%}.field input[type=range]{min-height:auto;accent-color:var(--accent);padding:0}.inline-action{align-items:center;gap:12px;display:flex}.inline-action span{color:var(--muted);font-size:10px}.setting-status{min-height:42px;color:var(--text);align-items:center;gap:9px;font-size:11px;display:flex}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.integration-card{align-content:start;gap:18px;min-width:0;padding:22px;display:grid}.integration-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.integration-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:13px;place-items:center;font-size:18px;display:grid}.integration-card h2{letter-spacing:-.025em;margin:4px 0 8px;font-size:18px}.integration-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.notify-channel{border:1px solid var(--border);background:var(--subtle-fill);border-radius:12px;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:12px;padding:13px;display:grid}.notify-channel img{aspect-ratio:1;background:#fff;border-radius:9px;grid-row:1/3;width:118px;padding:7px}.notify-channel a{color:var(--accent);align-self:end;font-size:10px;font-weight:700;text-decoration:none}.notify-channel code{min-width:0;color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;align-self:start;font-size:8px;overflow:hidden}.integration-empty{border:1px dashed var(--border-strong);min-height:118px;color:var(--muted-2);text-align:center;border-radius:12px;place-items:center;padding:20px;font-size:10px;display:grid}.integration-actions{flex-wrap:wrap;gap:8px;display:flex}.integration-status{min-height:16px;color:var(--blue)!important}.privacy-warning{background:#f6c9660f;border:1px solid #f6c96633;border-radius:9px;padding:10px 12px;color:var(--amber)!important}.service-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.service-facts div{border:1px solid var(--border);background:var(--subtle-fill);border-radius:9px;min-width:0;padding:11px}.service-facts dt{color:var(--muted-2);text-transform:uppercase;font-size:8px}.service-facts dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:10px;font-weight:700;overflow:hidden}.migration-panel{padding:22px}.migration-list{border:1px solid var(--border);background:var(--border);border-radius:12px;gap:1px;margin-top:17px;display:grid;overflow:hidden}.migration-list>div{background:var(--surface);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.migration-list>div>span{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:8px;place-items:center;font-size:10px;font-weight:900;display:grid}.migration-list strong,.migration-list small{display:block}.migration-list strong{font-size:11px}.migration-list small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45}.migration-list b{color:var(--accent);white-space:nowrap;font-size:9px;font-weight:750}.migration-list .retired>span{color:var(--amber);background:#f6c96617}.migration-list .retired b{color:var(--amber)}.legacy-import{border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;margin-top:16px;padding:15px;display:grid}.legacy-import strong,.legacy-import small{display:block}.legacy-import strong{font-size:11px}.legacy-import small,.legacy-import>span{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.5}.legacy-import>span{grid-column:1/-1;min-height:12px}.event-log{border:1px solid var(--border);background:var(--bg);border-radius:10px;max-height:430px;margin-top:14px;overflow-y:auto}.log-row{border-bottom:1px solid #b2cdd912;grid-template-columns:75px minmax(120px,190px) 1fr;gap:12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:grid}.log-row:last-child{border-bottom:0}.log-row time{color:var(--muted-2)}.log-row strong{color:var(--blue)}.log-row span{color:var(--muted);overflow-wrap:anywhere}.log-row.level-success strong{color:var(--accent)}.log-row.level-warning strong{color:var(--amber)}.log-row.level-error strong{color:var(--rose)}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#02080bb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--border-strong);background:var(--surface);border-radius:20px;width:min(440px,100%);padding:28px;position:relative;box-shadow:0 30px 100px #0000007a}.dialog-icon{background:var(--accent-soft);width:45px;height:45px;color:var(--accent);border-radius:13px;place-items:center;margin-bottom:17px;font-size:20px;display:grid}.dialog h2{letter-spacing:-.03em;margin:0;font-size:21px}.dialog>p{color:var(--muted);margin:8px 0 20px;font-size:11px;line-height:1.55}.dialog form{gap:14px;display:grid}.dialog form label{color:var(--muted);gap:7px;font-size:10px;display:grid}.dialog form input{width:100%}.dialog-close{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);background:0 0;border-radius:9px;font-size:20px;position:absolute;top:15px;right:15px}.form-message{color:var(--blue);background:#72b7ff12;border-radius:8px;padding:9px 11px;font-size:10px}.floating-chat{z-index:40;background:var(--accent);color:#052319;border:0;border-radius:15px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:grid;position:fixed;bottom:22px;right:23px;box-shadow:0 14px 35px #25d59638}.mobile-nav{display:none}.loading-state{min-height:70vh;color:var(--muted);align-content:center;place-items:center;gap:16px;font-size:12px;display:grid}.loading-mark{border:3px solid #25d59626;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.theme-light{--bg:#f4f7f8;--sidebar:#fff;--surface:#fff;--surface-2:#eef3f4;--surface-3:#e5edef;--border:#1e3c481c;--border-strong:#1e3c4833;--text:#10242d;--muted:#5c737d;--muted-2:#82949c;--shadow:0 15px 42px #233c4614;--sidebar-chrome:#f9fcfcf5;--topbar-chrome:#f9fcfce6;--subtle-fill:#10242d09;--hover-fill:#10242d0e;--track-fill:#10242d12;--avatar-from:#e4efed;--avatar-to:#d6e5e2;--switch-off:#d7e2e4;--switch-thumb:#6d838c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-light .panel,.theme-light .metric-card,.theme-light .contact-card{background:linear-gradient(150deg,#fff,#f9fbfb)}.theme-light .event-log{background:#eef4f5}.theme-classic{--bg:#020706;--sidebar:#030b08;--surface:#06100c;--surface-2:#091811;--surface-3:#0b2117;--border:#3aff982e;--border-strong:#3aff9852;--text:#bfffd9;--muted:#69b88a;--muted-2:#44785a;--accent:#24ff8d;--accent-strong:#00c866;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (prefers-color-scheme:light){html[data-trackwapp-theme=system],html[data-trackwapp-theme=system] body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7f8}.theme-system{--bg:#f4f7f8;--sidebar:#fff;--surface:#fff;--surface-2:#eef3f4;--surface-3:#e5edef;--border:#1e3c481c;--border-strong:#1e3c4833;--text:#10242d;--muted:#5c737d;--muted-2:#82949c;--shadow:0 15px 42px #233c4614;--sidebar-chrome:#f9fcfcf5;--topbar-chrome:#f9fcfce6;--subtle-fill:#10242d09;--hover-fill:#10242d0e;--track-fill:#10242d12;--avatar-from:#e4efed;--avatar-to:#d6e5e2;--switch-off:#d7e2e4;--switch-thumb:#6d838c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-system .panel,.theme-system .metric-card,.theme-system .contact-card{background:linear-gradient(150deg,#fff,#f9fbfb)}.theme-system .event-log{background:#eef4f5}}@media (max-width:1180px){:root{--sidebar-width:78px}.sidebar{padding-inline:11px}.brand{justify-content:center;padding-inline:0}.brand>div,.sidebar nav button:not(.active):after,.sidebar nav button{font-size:0}.sidebar nav button{justify-content:center;padding:0}.sidebar nav button>span{font-size:17px}.sidebar nav button b{margin:0 0 27px 28px;font-size:8px;position:absolute}.sidebar-status,.privacy-note{display:none}.metrics-grid,.diagnostic-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){:root{--sidebar-width:0px}.sidebar{display:none}.app-main{padding-bottom:calc(78px + env(safe-area-inset-bottom));margin-left:0}.topbar{height:66px;padding:0 17px}.mobile-brand{margin-right:15px;display:block}.global-search{width:min(310px,46vw)}.account-button div,.connection-badge{display:none}.content{padding:25px 17px 40px}.welcome-row,.page-header{flex-direction:column;align-items:flex-start}.overview-grid{grid-template-columns:1fr}.live-list{grid-template-columns:repeat(2,1fr)}.live-row:nth-child(odd){border-right:1px solid var(--border)}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-section{grid-template-columns:1fr;gap:18px}.integration-grid{grid-template-columns:1fr}.mobile-nav{z-index:50;min-height:calc(66px + env(safe-area-inset-bottom));padding:6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.mobile-nav button,.mobile-nav-more{min-width:0;min-height:52px;color:var(--muted-2);background:0 0;border:0;border-radius:9px;align-content:center;place-items:center;gap:2px;font-size:8px;font-weight:600;display:grid;position:relative}.mobile-nav button span,.mobile-nav-more>span{font-size:16px;font-weight:400;line-height:1}.mobile-nav button.active,.mobile-nav-more.active{color:var(--accent);background:var(--accent-soft)}.mobile-nav-more strong{max-width:100%;font-size:inherit;font-weight:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-nav-more select{opacity:0;cursor:pointer;border:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}.mobile-nav-more:focus-within{outline-offset:-2px;outline:2px solid #7dd3fc}.floating-chat{bottom:calc(80px + env(safe-area-inset-bottom))}}@media (max-width:600px){.global-search{flex:1;width:auto}.top-actions .icon-button{display:none}.welcome-actions,.page-header>.button{width:100%}.welcome-actions .button,.page-header>.button{flex:1}.metrics-grid,.diagnostic-grid,.contact-grid,.compare-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{align-items:flex-start;gap:10px;min-height:104px;padding:14px}.metric-icon{border-radius:10px;width:36px;height:36px;font-size:16px}.metric-card strong{font-size:clamp(18px,5.7vw,23px)}.metric-card small{line-height:1.35}.contact-grid>.empty-state{grid-column:1/-1}.contact-card{padding:14px}.avatar-large{width:52px;height:52px;font-size:14px}.contact-name{flex-direction:column;align-items:flex-start;gap:7px}.contact-name h3{width:100%;font-size:13px}.contact-card>p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-meta{grid-template-columns:1fr}.contact-meta>span{justify-content:space-between;align-items:baseline;gap:7px;display:flex}.contact-meta small{margin-bottom:0}.contact-meta strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card-actions{grid-template-columns:1fr;display:grid}.card-actions button{width:100%;min-height:40px}.live-list{grid-template-columns:1fr}.live-row:nth-child(odd){border-right:0}.toolbar,.history-tools,.monitor-policy{flex-direction:column;align-items:stretch}.monitor-policy .button{width:100%}.segmented{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.segmented button{padding:0 4px}.toolbar-actions,.export-actions{width:100%}.toolbar-actions button,.export-actions button{flex:1}.history-tools label{justify-content:space-between;padding:0}.history-export-group{justify-items:stretch;width:100%}.history-export-summary,.history-export-message{text-align:left}.compare-picker{grid-template-columns:1fr}.versus{margin:-7px auto}.comparison-bars>div{grid-template-columns:90px 1fr 55px}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block}.table-wrap thead{display:none}.table-wrap tr{border:1px solid var(--border);border-radius:11px;margin:10px;padding:11px}.table-wrap td{white-space:normal;border:0;justify-content:space-between;align-items:center;min-height:32px;padding:5px 0;display:flex!important}.table-wrap td:before{color:var(--muted-2);text-transform:uppercase;font-size:8px}.table-wrap td:first-child:before{content:"Contact"}.table-wrap td:nth-child(2):before{content:"Phone"}.table-wrap td:nth-child(3):before{content:"Date"}.table-wrap td:nth-child(4):before{content:"Online"}.table-wrap td:nth-child(5):before{content:"Offline"}.table-wrap td:nth-child(6):before{content:"Duration"}.table-avatar{display:none}.log-row{grid-template-columns:58px 105px 1fr;gap:7px}.mode-banner{flex-direction:column;align-items:flex-start}.dialog-backdrop{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));align-items:end}.dialog{border-radius:20px 20px 12px 12px;width:100%;max-height:min(92vh,680px);padding:24px 20px;overflow-y:auto}.notify-channel{grid-template-columns:92px minmax(0,1fr)}.notify-channel img{width:92px}.service-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.migration-list>div{grid-template-columns:30px minmax(0,1fr)}.migration-list b{white-space:normal;grid-column:2}.legacy-import{grid-template-columns:1fr}.legacy-import>span{grid-column:1}}@media (max-width:390px){.mobile-brand{display:none}.topbar{gap:8px}.global-search{padding-inline:10px}.account-button{margin-left:0}}@media (max-width:350px){.contact-grid,.compare-metrics,.service-facts{grid-template-columns:1fr}}@page{margin:14mm}@media print{html,body{color:#111;min-width:0;background:#fff!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.skip-link,.sidebar,.topbar,.mobile-nav,.floating-chat,.toolbar,.welcome-actions,.dialog-backdrop,.mode-banner,.error-banner{display:none!important}.app-main{min-height:0;margin:0;padding:0}.app{--bg:#fff;--surface:#fff;--surface-2:#f7f7f7;--surface-3:#eee;--text:#111;--muted:#444;--muted-2:#555;--border:#d4d4d4;--border-strong:#bbb;color:#111;min-height:0;background:#fff!important}.content{max-width:none;padding:0}.page-stack{gap:12px}.page-header,.welcome-row{display:block}.page-header h1,.welcome-row h1{font-size:24pt}.panel,.metric-card,.contact-card{break-inside:avoid;box-shadow:none!important;background:#fff!important}.table-wrap{overflow:visible}.table-wrap table{width:100%;display:table!important}.table-wrap thead{display:table-header-group!important}.table-wrap tbody{display:table-row-group!important}.table-wrap tr{break-inside:avoid;border:0;margin:0;padding:0;display:table-row!important}.table-wrap th,.table-wrap td{color:#222;white-space:normal;min-height:0;border-bottom:1px solid #ddd!important;padding:8px!important;display:table-cell!important}.table-wrap td:before{content:none!important}.table-avatar{display:none}.duration-pill{color:#111;background:0 0;padding:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.marketing-shell{--site-ink:#091712;--site-ink-soft:#17332a;--site-paper:#f6f4ed;--site-paper-strong:#fffefa;--site-green:#22ca8c;--site-green-dark:#087d56;--site-russet:#d97847;background:var(--site-paper);min-height:100vh;color:var(--site-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow:clip}.marketing-shell a,.auth-shell a{text-decoration:none}.site-header{z-index:80;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f6f4edd6;border-bottom:1px solid #09171214;position:sticky;top:0}.site-nav-wrap{align-items:center;gap:32px;width:min(1240px,100% - 40px);height:72px;margin:0 auto;display:flex}.site-brand{min-width:0;color:inherit;align-items:center;gap:11px;display:inline-flex}.site-brand>span:last-child{min-width:0}.site-brand strong,.site-brand small{display:block}.site-brand strong{letter-spacing:-.04em;font-size:18px}.site-brand small{color:#6c7d76;letter-spacing:.09em;text-transform:uppercase;margin-top:2px;font-size:9px}.stoat-mark{background:linear-gradient(145deg,#32dca0,#16b97d);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 9px 24px #18b0772e}.stoat-mark svg{fill:#08251a;width:30px;height:30px}.stoat-mark .stoat-mark-chest{fill:#ffffff9e}.stoat-mark .stoat-mark-line{fill:none;stroke:#08251a;stroke-width:1.5px;stroke-linecap:round}.site-nav-links{align-items:center;gap:27px;margin-left:auto;display:flex}.site-nav-links a,.site-text-link{color:#344a42;font-size:13px;font-weight:650;transition:color .15s}.site-nav-links a:hover,.site-text-link:hover{color:var(--site-green-dark)}.site-nav-actions{align-items:center;gap:18px;display:flex}.site-button{border:1px solid var(--site-green);background:var(--site-green);color:#062319;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:0 22px;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 10px 28px #22ca8c26}.site-button:hover{transform:translateY(-2px);box-shadow:0 14px 32px #22ca8c3b}.site-button-small{min-height:40px;padding:0 18px;font-size:12px}.site-button-secondary{color:var(--site-ink);box-shadow:none;background:#ffffff8c;border-color:#09171224}.site-button-dark{border-color:var(--site-ink);background:var(--site-ink);color:#fff;box-shadow:0 14px 35px #09171226}.site-button-light{color:var(--site-ink);background:#fff;border-color:#fff;box-shadow:0 14px 40px #0000002e}.site-menu-button,.site-mobile-menu{display:none}.marketing-hero{grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);align-items:center;gap:clamp(24px,5vw,76px);width:min(1280px,100% - 40px);min-height:720px;margin:0 auto;padding:70px 0 78px;display:grid;position:relative}.marketing-orb{z-index:0;filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.marketing-orb-one{background:radial-gradient(circle,#22ca8c21,#0000 68%);width:520px;height:520px;top:-170px;right:-260px}.marketing-orb-two{background:radial-gradient(circle,#d978471a,#0000 70%);width:340px;height:340px;bottom:-100px;left:-220px}.hero-copy,.hero-visual{z-index:1;position:relative}.site-pill{color:var(--site-green-dark);letter-spacing:.08em;text-transform:uppercase;background:#22ca8c14;border:1px solid #087d5629;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;font-weight:850;display:inline-flex}.site-pill i{background:var(--site-green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22ca8c1f}.hero-copy h1{letter-spacing:-.065em;max-width:720px;margin:25px 0 22px;font-size:clamp(46px,5.2vw,76px);line-height:.98}.hero-copy h1 em{color:var(--site-green-dark);font-family:Georgia,Times New Roman,serif;font-weight:500}.hero-copy>p{color:#50645c;max-width:630px;margin:0;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:11px;margin-top:32px;display:flex}.hero-trust{color:#667870;flex-wrap:wrap;gap:14px 20px;margin-top:28px;font-size:10px;font-weight:700;display:flex}.hero-trust span:first-letter{color:var(--site-green-dark)}.hero-image-frame{background:#081511;border:1px solid #ffffff40;border-radius:32px;min-height:500px;position:relative;overflow:hidden;box-shadow:0 35px 90px #0917123d,0 0 0 8px #ffffff57}.hero-image-frame:after{content:"";pointer-events:none;background:linear-gradient(90deg,#07130f66,#0000 45%);position:absolute;inset:0}.hero-image-frame>img{object-fit:cover;object-position:59% center;width:100%;height:100%;min-height:500px}.hero-float-card{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#dcebe5;background:#071510db;border:1px solid #ffffff21;border-radius:13px;align-items:center;gap:8px;padding:11px 14px;font-size:10px;font-weight:750;display:flex;position:absolute;box-shadow:0 15px 35px #00000038}.hero-float-card i{background:var(--site-green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22ca8c1f}.hero-float-live{top:30px;left:24px}.hero-float-private{bottom:27px;right:24px}.marketing-proof{color:#65776f;letter-spacing:.12em;text-align:center;text-transform:uppercase;border-top:1px solid #0917121a;border-bottom:1px solid #0917121a;justify-content:center;align-items:center;gap:clamp(16px,4vw,50px);width:min(1240px,100% - 40px);min-height:76px;margin:0 auto;font-size:10px;font-weight:850;display:flex}.marketing-proof i{background:var(--site-green);border-radius:50%;width:4px;height:4px}.marketing-section{width:min(1160px,100% - 40px);margin:0 auto;padding:126px 0;scroll-margin-top:76px}.section-heading{text-align:center;max-width:760px;margin:0 auto 55px}.section-kicker{color:var(--site-green-dark);letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:900}.section-heading h2,.split-copy h2,.privacy-panel h2{letter-spacing:-.055em;margin:16px 0;font-size:clamp(36px,4.3vw,58px);line-height:1.04}.section-heading>p,.split-copy>p,.privacy-panel>div>p{color:#5c6f67;font-size:15px;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-card{background:#ffffff8f;border:1px solid #09171217;border-radius:22px;min-width:0;min-height:245px;padding:29px;box-shadow:0 18px 46px #09171209}.feature-card>span{width:44px;height:44px;color:var(--site-green-dark);background:#22ca8c1a;border-radius:13px;place-items:center;font-size:19px;display:grid}.feature-card h3{letter-spacing:-.025em;margin:38px 0 10px;font-size:18px}.feature-card p{color:#607169;margin:0;font-size:12px;line-height:1.7}.split-section{grid-template-columns:minmax(0,.82fr) minmax(450px,1.18fr);align-items:center;gap:clamp(50px,9vw,120px);display:grid}.split-copy .site-button{margin-top:20px}.steps-list{gap:12px;display:grid}.step-card{background:var(--site-paper-strong);border:1px solid #09171217;border-radius:20px;grid-template-columns:58px 1fr;align-items:center;gap:21px;min-height:138px;padding:24px;display:grid;box-shadow:0 16px 45px #0917120a}.step-card>span{background:var(--site-ink);width:52px;height:52px;color:var(--site-green);border-radius:50%;place-items:center;font-size:11px;font-weight:850;display:grid}.step-card h3{margin:0 0 8px;font-size:17px}.step-card p{color:#65776f;margin:0;font-size:12px;line-height:1.55}.privacy-section{background:var(--site-ink);color:#fff;width:100%;max-width:none;padding:50px max(20px,50% - 580px)}.privacy-panel{background:radial-gradient(circle at 18% 0,#22ca8c21,#0000 38%),#0c2018;border:1px solid #ffffff17;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:90px;min-height:540px;padding:72px;display:grid}.privacy-panel .section-kicker{color:var(--site-green)}.privacy-panel>div>p{color:#9cb2a9}.privacy-panel ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.privacy-panel li{border-bottom:1px solid #ffffff17;grid-template-columns:38px 1fr;gap:5px 13px;padding:22px 0;display:grid}.privacy-panel li>span{color:var(--site-green);grid-row:1/3;font-size:10px;font-weight:850}.privacy-panel li strong{font-size:14px}.privacy-panel li small{color:#8fa79d;font-size:11px;line-height:1.5}.faq-section{padding-bottom:145px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.faq-card{background:#ffffff8a;border:1px solid #09171217;border-radius:19px;min-height:160px;padding:27px}.faq-card h3{letter-spacing:-.02em;margin:0 0 12px;font-size:16px}.faq-card p{color:#62736c;margin:0;font-size:12px;line-height:1.65}.marketing-cta{text-align:center;color:#062319;background:linear-gradient(130deg,#19b97e,#2edba0);padding:105px 20px}.marketing-cta .site-brand{justify-content:center}.marketing-cta .stoat-mark{box-shadow:none;background:#fff}.marketing-cta h2{letter-spacing:-.06em;margin:28px 0 16px;font-size:clamp(40px,5vw,68px);line-height:1}.marketing-cta p{margin:0 0 28px;font-size:14px}.site-footer{color:#fff;background:#07130f;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:42px;padding:44px max(20px,50% - 620px);display:grid}.site-footer .stoat-mark{width:34px;height:34px}.site-footer>p{color:#8ca299;max-width:620px;margin:0;font-size:10px;line-height:1.6}.site-footer>div{gap:17px;font-size:11px;display:flex}.site-footer>small{color:#5e766c;grid-column:1/-1;font-size:9px}.auth-shell{color:#eef8f4;background:#071510;place-items:center;min-height:100vh;padding:72px 20px 40px;display:grid;position:relative;overflow:hidden}.auth-backdrop{background:radial-gradient(circle at 15% 10%,#22ca8c33,#0000 28%),radial-gradient(circle at 88% 90%,#d9784726,#0000 25%),linear-gradient(#ffffff05 1px,#0000 1px) 0 0/52px 52px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/52px 52px;position:absolute;inset:0}.auth-home-link{z-index:2;color:#9bb0a7;font-size:11px;position:absolute;top:26px;left:28px}.auth-card{z-index:1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a1d16db;border:1px solid #ffffff1a;border-radius:26px;width:min(475px,100%);padding:38px;position:relative;box-shadow:0 35px 100px #00000061}.auth-heading{margin:38px 0 26px}.auth-heading>span{color:#3cdda3;letter-spacing:.17em;font-size:9px;font-weight:900}.auth-heading h1{letter-spacing:-.045em;margin:12px 0 10px;font-size:32px;line-height:1.07}.auth-heading p{color:#91a9a0;margin:0;font-size:12px;line-height:1.65}.auth-form{gap:16px;display:grid}.auth-form label{color:#b6c8c0;gap:7px;font-size:10px;font-weight:750;display:grid}.auth-form input{color:#fff;background:#ffffff0e;border:1px solid #ffffff21;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 14px;font-size:13px}.auth-form input:focus{border-color:#22ca8cb8;box-shadow:0 0 0 3px #22ca8c1c}.auth-form input::placeholder{color:#647a71}.auth-submit{border:0;width:100%;margin-top:4px}.auth-submit:disabled{cursor:wait;opacity:.65;transform:none}.auth-message{color:#ffadba;background:#ff7e9114;border:1px solid #ff7e9140;border-radius:10px;padding:11px 13px;font-size:11px;line-height:1.5}.auth-switch{color:#8ea59c;text-align:center;margin:23px 0 0;font-size:11px}.auth-switch a{color:#3cdda3;font-weight:800}.auth-legal{color:#61776e;text-align:center;margin-top:18px;font-size:9px;line-height:1.5;display:block}.dashboard-gate{color:#f2f6f7;text-align:center;background:#081117;place-content:center;justify-items:center;gap:15px;min-height:100vh;padding:30px;display:grid}.dashboard-gate p{color:#91a5af;max-width:520px;margin:0;font-size:12px}@media (max-width:1050px){.site-nav-links{display:none}.site-nav-actions{margin-left:auto}.marketing-hero{grid-template-columns:1fr;min-height:0;padding-top:80px}.hero-copy{text-align:center;max-width:780px;margin:0 auto}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-image-frame,.hero-image-frame>img{min-height:470px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-section{grid-template-columns:1fr}.split-copy{max-width:700px}.privacy-panel{grid-template-columns:1fr;gap:40px}}@media (max-width:720px){.site-nav-wrap{width:min(100% - 28px,1240px);height:64px}.site-nav-actions{display:none}.site-menu-button{background:#ffffff7a;border:1px solid #0917121f;border-radius:11px;place-content:center;gap:6px;width:40px;height:40px;margin-left:auto;display:grid}.site-menu-button i{border-top:1.5px solid var(--site-ink);width:17px;display:block}.site-mobile-menu{background:#fffefa;border:1px solid #0917121a;border-radius:16px;gap:2px;padding:12px;display:grid;position:absolute;inset:64px 12px auto;box-shadow:0 22px 55px #09171229}.site-mobile-menu>a{color:var(--site-ink);border-radius:9px;padding:13px 12px;font-size:13px;font-weight:700}.site-mobile-menu .site-button{color:#062319;margin-top:4px}.marketing-hero{gap:48px;width:min(100% - 28px,1280px);padding:58px 0 62px}.hero-copy h1{font-size:clamp(40px,13vw,60px)}.hero-copy>p{font-size:14px}.hero-image-frame,.hero-image-frame>img{min-height:390px}.hero-image-frame{border-radius:24px}.marketing-proof{flex-wrap:wrap;gap:10px 18px;width:min(100% - 28px,1240px);padding:20px 8px}.marketing-section{width:min(100% - 28px,1160px);padding:88px 0}.section-heading{margin-bottom:38px}.feature-grid,.faq-grid{gap:9px}.feature-card{min-height:220px;padding:21px}.feature-card h3{margin-top:28px}.privacy-section{width:100%;padding:22px 14px}.privacy-panel{border-radius:23px;min-height:0;padding:35px 25px}.site-footer{grid-template-columns:1fr;gap:22px}.site-footer>small{grid-column:1}}@media (max-width:480px){.site-brand small{display:none}.hero-actions .site-button{width:100%}.hero-trust{grid-template-columns:1fr;display:grid}.hero-image-frame,.hero-image-frame>img{min-height:325px}.hero-float-card{padding:9px 10px;font-size:8px}.hero-float-live{top:15px;left:12px}.hero-float-private{bottom:15px;right:12px}.section-heading h2,.split-copy h2,.privacy-panel h2{font-size:34px}.feature-card{border-radius:17px;min-height:206px;padding:16px}.feature-card>span{border-radius:10px;width:36px;height:36px;font-size:15px}.feature-card h3{margin:22px 0 8px;font-size:14px}.feature-card p{font-size:10px;line-height:1.55}.faq-card{min-height:176px;padding:17px}.faq-card h3{font-size:13px}.faq-card p{font-size:10px}.step-card{grid-template-columns:45px 1fr;padding:18px}.step-card>span{width:42px;height:42px}.auth-card{border-radius:22px;padding:28px 21px}.auth-heading{margin-top:30px}.auth-heading h1{font-size:27px}.auth-home-link{top:20px;left:20px}}@media (max-width:340px){.feature-grid,.faq-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.marketing-shell *,.auth-shell *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}