:root{color-scheme:dark;--bg:#0c111b;--card:#141c29;--card2:#101823;--stroke:#283448;--text:#f2f6fb;--muted:#99a8bd;--cyan:#75e4f6;--cyan2:#24b9d8;--red:#ff8e94;--green:#b1f7ab}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}.site-body{min-height:100vh;background:radial-gradient(ellipse 52% 29% at 75% 15%,#1c3045 0%,transparent 75%),var(--bg)}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:86px;border-bottom:1px solid rgba(165,189,212,.11)}.brand{color:#fff;font-size:19px;font-weight:900;letter-spacing:-.07em;text-decoration:none;white-space:nowrap}.brand span:not(.brand-icon){color:var(--cyan)}.brand-icon{display:inline-flex;width:37px;height:37px;align-items:center;justify-content:center;border:1px solid #305866;border-radius:12px;background:#15303c;color:var(--cyan);margin-right:10px;font-size:23px;vertical-align:middle}.brand small{font-size:12px;letter-spacing:.1em;color:var(--muted);margin-left:5px}.header-pill{display:inline-flex;align-items:center;gap:9px;color:#c7d4e4;font-size:12px;border:1px solid var(--stroke);border-radius:100px;padding:10px 14px}.on-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#65e6c2;box-shadow:0 0 12px #65e6c288}.homepage{display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center;min-height:560px;padding-block:68px 74px}.eyebrow{font-size:11px;letter-spacing:.24em;color:var(--cyan);font-weight:750;display:flex;align-items:center;gap:12px}.eyebrow-line{width:23px;height:1px;background:var(--cyan)}.hero h1{font-size:clamp(48px,5.3vw,78px);line-height:1.07;letter-spacing:-.075em;margin:23px 0}.hero h1 span{color:var(--cyan)}.hero p{max-width:540px;font-size:16px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid #97f5fa;border-radius:12px;background:#83e5f4;color:#08202b;font-weight:800;transition:background .15s,transform .15s;box-shadow:0 6px 24px #22bde323}.primary-button:hover:not(:disabled){background:#b7f4fa;transform:translateY(-1px)}.big-button{padding:17px 22px;font-size:15px}.arr{font-size:20px;font-weight:600}.small-help{color:#8799b0;font-size:12px}.feature-strip{margin-top:58px;padding-top:22px;border-top:1px solid var(--stroke);display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-strip>div{display:flex;flex-direction:column;gap:10px}.feature-strip strong{font-size:12px;color:var(--cyan)}.feature-strip span{font-size:12px;color:#b4c1d2}.hero-visual{border:1px solid #2d4054;border-radius:20px;background:linear-gradient(155deg,#1a2737,#0f1823);padding:23px;box-shadow:0 25px 110px #0006;transform:rotate(-1deg)}.visual-label{font-size:10px;font-weight:750;letter-spacing:.16em;color:#afc4d6;display:flex;gap:10px;align-items:center}.live-indicator{width:8px;height:8px;background:#6af0bc;box-shadow:0 0 14px #6af0bc;border-radius:100%}.visual-dots{margin-left:auto;font-size:18px;color:#65768f}.demo-screen{background:radial-gradient(ellipse at center,#142e40,#0b1019);height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:22px 0;border:1px solid #284055;border-radius:11px}.demo-top{color:#75e4f6;letter-spacing:.24em;font-size:14px;font-weight:800}.demo-number{font-size:clamp(32px,3.3vw,55px);font-family:Consolas,ui-monospace,monospace;font-weight:800;letter-spacing:-.07em;color:#75e4f6;text-shadow:0 0 26px #55dff941;margin:16px 0}.demo-number span{font-size:.65em;opacity:.64}.demo-bottom{width:85%;display:flex;justify-content:space-between;color:#698199;letter-spacing:.1em;font-size:10px}.demo-tag{color:#8dccb7}.visual-footer{display:flex;gap:14px;justify-content:space-between;color:#7f93ad;letter-spacing:.07em;font-size:9px}.info-section{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:60px}.info-card{border:1px solid var(--stroke);border-radius:15px;padding:23px;background:#111926}.step-number{color:var(--cyan);font-size:12px;font-weight:700}.info-card h2{font-size:16px;margin:17px 0 8px}.info-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.footer{padding:24px 0 32px;border-top:1px solid #243145;color:#8192a9;font-size:11px;line-height:1.7}.error{color:#ffb6b9;font-size:13px!important;margin:12px 0 0!important}.control-layout{padding-top:34px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:29px}.page-heading h1{font-size:clamp(30px,4.2vw,48px);letter-spacing:-.055em;margin:11px 0}.page-heading p{font-size:13px;color:var(--muted);margin:0}.quiet-link{border:0;background:none;color:var(--cyan);font-size:12px;text-decoration:none;white-space:nowrap;padding:9px 0}.quiet-link:hover{text-decoration:underline}.control-columns{display:grid;grid-template-columns:1.04fr .96fr;gap:20px;margin-bottom:20px}.panel{padding:23px;border:1px solid var(--stroke);background:linear-gradient(155deg,#172131,#111a27);border-radius:16px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#c4d2df;font-size:10px;letter-spacing:.16em;font-weight:800}.panel-title>span:first-child{display:flex;align-items:center;gap:9px}.tiny-line{width:15px;height:2px;background:var(--cyan)}.state-badge,.pill-outline{border-radius:5px;border:1px solid #516175;font-size:10px;padding:7px 8px;white-space:nowrap;color:#d9e5f0;letter-spacing:.02em}.state-badge.running{color:#a0f8cb;border-color:#3b8d77;background:#17372f}.big-time{font-size:clamp(39px,4.1vw,65px);color:var(--cyan);font-family:Consolas,'Cascadia Mono',ui-monospace,monospace;letter-spacing:-.08em;font-weight:850;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums;margin:28px 0 8px}.big-time span{font-size:.65em;opacity:.6}.time-subline{display:flex;justify-content:space-between;gap:10px;color:#71889e;font-size:11px;font-weight:750;letter-spacing:.15em;padding-bottom:24px;border-bottom:1px solid var(--stroke)}.time-subline span:first-child{color:#d3dfec;overflow:hidden;text-overflow:ellipsis;max-width:56%;white-space:nowrap}.button-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;margin-top:23px}.action-button{min-height:51px;padding:11px 9px;font-size:13px}.secondary-button,.ghost-button{border-radius:10px;border:1px solid #476174;color:#e1edf7;background:#233345;font-weight:750;padding:11px 13px;white-space:nowrap}.secondary-button:hover:not(:disabled){background:#30495d}.ghost-button{color:#e6b5b7;background:#331f2a;border-color:#694454}.ghost-button:hover:not(:disabled){background:#48303c}.key-hint{font-size:11px;color:#8798a9;margin:15px 0 0;line-height:1.8}.key-hint kbd{border:1px solid #4c5a6f;border-radius:4px;padding:3px 5px;color:#dce8f4;background:#1d2837;font-size:10px}.inline-form{display:flex;align-items:center;gap:9px;margin-top:24px}.inline-form label{font-size:11px;color:#adc0d2;white-space:nowrap}.inline-form input,.copy-line input,.settings-grid select{min-width:0;background:#0f1926;border:1px solid #3e5268;border-radius:9px;padding:12px;color:#f3f7fb;outline:none}.inline-form input:focus,.copy-line input:focus,.settings-grid select:focus{border-color:var(--cyan)}.inline-form input{flex:1;font-size:12px}.overlay-preview{height:145px;display:flex;align-items:center;justify-content:center;margin:22px 0 19px;border:1px solid #2c4153;border-radius:11px;overflow:hidden;background-color:#192736;background-image:linear-gradient(45deg,#203144 25%,transparent 25%),linear-gradient(-45deg,#203144 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#203144 75%),linear-gradient(-45deg,transparent 75%,#203144 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.overlay-preview iframe{border:0;width:100%;height:100%}.field-label{display:block;font-size:11px;color:#acbfd2;margin-bottom:9px}.copy-line{display:flex;gap:8px;margin:0 0 15px}.copy-line input{flex:1;font-size:11px}.caution{font-size:11px;color:#edc5a9;line-height:1.6;margin:8px 0 23px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid select{display:block;width:100%;margin-top:9px;color:#e8f3ff;font-size:12px}.check-label{font-size:12px;color:#bac9da;display:flex;align-items:center;gap:8px}.check-label input{accent-color:var(--cyan);width:15px;height:15px}.split-list{padding-top:14px;max-height:240px;overflow-y:auto}.empty-splits{color:#7e8da4;font-size:12px;padding:17px 0}.split-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border-bottom:1px solid #2b384a;padding:11px 0;font-size:12px}.split-row .split-name{color:#ccdae9}.split-row .split-delta{color:#8093a7;font-size:11px}.split-row .split-time{color:var(--cyan);font-family:ui-monospace,monospace}.quickstart ol{padding-left:18px;margin-top:19px;font-size:12px;color:#c5d2e2;line-height:2.3}.quickstart p{font-size:11px;color:#8fa2b9;line-height:1.7}.danger-card{padding:17px;background:#452835;border:1px solid #834855;color:#ffd9db;border-radius:10px;margin:0 0 20px;font-size:13px;line-height:1.6}@media(max-width:980px){.homepage{grid-template-columns:1fr;min-height:auto;gap:26px;padding-block:42px}.hero-visual{transform:none}.control-columns{grid-template-columns:1fr}.big-time{font-size:clamp(42px,8vw,68px)}}@media(max-width:590px){.shell{width:min(100% - 30px,1180px)}.site-header{min-height:74px}.header-pill{font-size:10px;padding:8px 9px}.brand{font-size:16px}.brand small{display:none}.hero h1{font-size:48px}.feature-strip{gap:8px}.feature-strip span{font-size:10px}.demo-screen{height:210px}.demo-number{font-size:34px}.visual-footer{font-size:8px;flex-wrap:wrap}.info-section{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}.panel{padding:17px}.big-time{font-size:clamp(35px,8.8vw,53px)}.time-subline{font-size:9px}.button-grid{grid-template-columns:1fr 1fr}.button-grid button:first-child{grid-column:span 2}.inline-form{flex-wrap:wrap}.inline-form label{width:100%}.settings-grid{grid-template-columns:1fr}}