:root{color-scheme:dark;--bg:#0b1218;--card:#121d26;--line:#273743;--text:#e5edf1;--muted:#91a4b1;--accent:#66e1c2}*{box-sizing:border-box}body{margin:0;font:15px/1.7 "Segoe UI",Tahoma,sans-serif;background:var(--bg);color:var(--text)}[hidden]{display:none!important}header{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:var(--accent);text-underline-offset:4px}.brand{text-decoration:none;color:var(--text);font-size:27px;font-weight:700;letter-spacing:-1px}.brand span{color:var(--accent)}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:var(--muted);line-height:1.2}.header-right{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.live-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}main{max-width:1250px;padding:64px 32px 80px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr;gap:64px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:600;margin:0 0 15px}h1{font-size:clamp(30px,3.3vw,46px);line-height:1.45;letter-spacing:-.8px;margin:0 0 24px}h1 span{color:var(--muted)}h2{font-size:23px;line-height:1.5;margin:0 0 12px}h3{font-size:17px}.intro>p{color:var(--muted)}.flow{display:flex;gap:14px;font-size:12px;margin:28px 0;color:var(--muted)}.flow b{color:var(--accent)}.line-demo{height:190px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#0d1820;max-width:530px}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(#21313d66 1px,transparent 1px),linear-gradient(90deg,#21313d66 1px,transparent 1px);background-size:40px 40px}.example-line{position:absolute;left:24px;right:24px;border-bottom:1px dashed;padding:0 0 3px;font-size:11px;letter-spacing:.5px}.example-line span{float:right}.resistance{top:30px;color:#ef8990}.support{top:140px;color:#66e1c2}.trend{top:100px;left:80px;right:60px;color:#72bfff;transform:rotate(-9deg)}.line-demo small{position:absolute;bottom:6px;right:12px;color:#657d8c;font-size:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px}.auth-card{align-self:start}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:26px}.tabs button{flex:1;border:0;background:transparent;border-radius:0;color:var(--muted);padding:12px 0}.tabs .selected{color:var(--accent);border-bottom:2px solid var(--accent)}label{display:block;margin:18px 0;color:#c3d0d8;font-size:13px}input,select{width:100%;background:#0b151c;color:var(--text);border:1px solid #354754;border-radius:8px;padding:12px 14px;font:inherit;margin-top:7px;min-width:0}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}label small,.subtle,small,.footnote{color:var(--muted)}label small{font-size:11px}.checkbox{display:flex;align-items:start;gap:10px;line-height:1.7}.checkbox input{width:auto;margin-top:5px}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:10px 16px;font:inherit;transition:background .15s}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--accent);color:#0d2520;border-color:var(--accent);font-weight:650}.primary:hover{background:#89edd5}.auth-card .primary{width:100%;margin-top:12px}.quiet{background:transparent;color:var(--text)}.quiet:hover{background:#24343f}.message{color:var(--accent);font-size:13px;min-height:22px}.message.error{color:#ffb0a8}.footnote{font-size:12px;border-top:1px solid var(--line);padding-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.section-heading h1{margin:0;font-size:32px}.section-heading .eyebrow{margin-bottom:6px}#dashboard{grid-column:1/-1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.metrics p{margin:0 0 10px;color:var(--muted)}.metrics h2{font-size:27px}.dashboard-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-bottom:24px}.connect-card ol{padding-left:22px;color:#bccbd4}.connect-card li{padding:5px 0}.code-box{border-top:1px solid var(--line);margin-top:25px;padding-top:12px}.code-box input{font:12px/1.8 Consolas,monospace}label button{margin-top:10px}.activity-list{list-style:none;padding:0}.activity-list li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:13px}.activity-list time{color:var(--muted);font-size:12px}.divider{border-top:1px solid var(--line);margin-top:30px}.swatch{display:inline-block;width:20px;height:2px;margin-right:8px;vertical-align:middle}.green{background:#66e1c2}.red{background:#ef8990}.blue{background:#72bfff}.notice{background:#332c1b;border:1px solid #705c2e;color:#e8d3a0;padding:16px 20px;border-radius:10px;margin-bottom:24px}.badge{font-size:12px;border:1px solid #386252;color:var(--accent);padding:4px 10px;border-radius:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:400;padding:12px}td{padding:14px 12px;border-top:1px solid var(--line);vertical-align:middle}td:first-child{min-width:200px}td input,td select{margin:0;padding:8px;min-width:110px}td input[type=number]{min-width:80px;max-width:90px}td button{font-size:12px;padding:7px 10px;white-space:nowrap;margin:3px}td small{display:block}.password-card{margin-top:24px}.password-card form{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.password-card label{flex:1;min-width:220px}.password-card .message{width:100%;margin:0}footer{display:flex;justify-content:space-between;padding:24px 5vw;border-top:1px solid var(--line);color:var(--muted);font-size:11px}@media(max-width:850px){main{gap:30px;grid-template-columns:1fr;padding:32px 20px}.metrics{gap:10px}.metrics .card{padding:18px}.metrics h2{font-size:20px}.dashboard-columns{grid-template-columns:1fr}.intro h1{font-size:36px}.line-demo{display:none}.header-right>span:not(.live-dot){display:none}.card{padding:22px}.flow{flex-wrap:wrap}footer span{display:none}}@media(max-width:500px){.metrics{grid-template-columns:1fr}.section-heading{align-items:start}.section-heading h1{font-size:26px}.intro h1{font-size:30px}header{height:75px}}