:root { color-scheme: dark; --bg:#071016; --panel:#0c161e; --panel2:#101d27; --line:#20303b; --text:#eef5f7; --muted:#8da0ad; --green:#36e0a1; --blue:#62a9ff; --amber:#ffb454; --red:#ff6b7a; }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
body { margin:0; background:radial-gradient(circle at 70% -10%,#123044 0,transparent 32%),var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.topbar { height:72px; padding:0 max(24px,4vw); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(7,16,22,.78); backdrop-filter:blur(12px); position:sticky; top:0; z-index:5; }
.brand { color:inherit; text-decoration:none; display:flex; align-items:center; gap:12px; font-weight:760; letter-spacing:-.02em; }.brand small{color:var(--muted);font-weight:500;border-left:1px solid var(--line);padding-left:12px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #35846b;background:#12362d;color:var(--green);border-radius:9px;font-size:12px;letter-spacing:.08em}.privacy-pill{font-size:12px;color:#9bb0bb}.privacy-pill::first-letter{color:var(--green)}
.topnav{display:flex;align-items:center;gap:17px;margin-left:auto;margin-right:24px}.topnav a{color:#96a8b3;text-decoration:none;font-size:11px;font-weight:700}.topnav a:hover{color:var(--green)}.topnav button{border:1px solid #2d6d59;background:#102b24;color:var(--green);border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}
.edition-badge{font-size:8px;letter-spacing:.12em;color:#8ca0ab;border:1px solid #2a3b45;border-radius:5px;padding:3px 5px}.edition-pro .edition-badge{color:var(--green);border-color:#2d6d59;background:#102b24}.pro-link{color:var(--green)!important}.edition-free .pro-only,.edition-pro .free-only{display:none!important}.upgrade-strip{margin:0 max(24px,4vw) 34px;border:1px solid #245744;background:linear-gradient(90deg,#102b24,#0d1b22);border-radius:12px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.upgrade-strip div{display:flex;gap:12px;align-items:center}.upgrade-strip strong{font-size:12px}.upgrade-strip span{font-size:11px;color:var(--muted)}.upgrade-strip a{color:var(--green);font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
.demo-invite{margin:0 max(24px,4vw) 14px;border:1px solid #2d6d59;background:linear-gradient(120deg,#12362d,#0d1b22 65%);border-radius:14px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:28px}.demo-invite div{display:grid;gap:5px}.demo-invite strong{font-size:17px}.demo-invite p{margin:0;color:#9fb1bb;font-size:12px}.demo-kicker{color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:850}.demo-invite button{border:0;border-radius:9px;background:var(--green);color:#052018;padding:12px 17px;font-weight:850;white-space:nowrap;cursor:pointer}.demo-coach{position:fixed;right:24px;bottom:24px;z-index:20;width:min(390px,calc(100vw - 32px));border:1px solid #397c68;border-radius:15px;background:#0d1b22;box-shadow:0 24px 90px #000b;padding:20px}.demo-progress{display:flex;justify-content:space-between;align-items:center;color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.demo-progress button{border:0;background:transparent;color:#9aabb5;font-size:22px;cursor:pointer}.demo-coach h2{font-size:19px;margin:14px 0 7px}.demo-coach p{color:#a7b6c0;font-size:13px;line-height:1.6;margin:0}.demo-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.demo-actions button{border:1px solid var(--line);border-radius:8px;background:#101d27;color:#bac7ce;padding:9px 12px;font-weight:750;cursor:pointer}.demo-actions #demoNext{border-color:var(--green);background:var(--green);color:#052018}
main{max-width:1500px;margin:auto}.hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:72px max(24px,4vw) 46px}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.18em;font-weight:750;font-size:11px;color:var(--green)}h1{margin:0;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.055em;max-width:820px}.lead{max-width:730px;color:#a7b6c0;font-size:18px;line-height:1.7;margin:25px 0 0}.hero-stat{border-left:1px solid var(--line);padding:5px 0 5px 28px;min-width:160px}.hero-stat strong{font-size:40px;display:block;letter-spacing:-.05em}.hero-stat span{font-size:12px;color:var(--muted)}
.plain-definition{max-width:730px;margin:14px 0 0;padding-left:13px;border-left:2px solid #2d6d59;color:#8fa3af;font-size:12px;line-height:1.6}.plain-definition strong{color:#c6d3d9}
.workspace{display:grid;grid-template-columns:390px minmax(0,1fr);border-top:1px solid var(--line);min-height:780px}.panel{background:rgba(12,22,30,.88);border-right:1px solid var(--line);padding:28px}.step{display:flex;gap:14px;align-items:flex-start}.step>span{font:700 10px ui-monospace;color:var(--green);padding-top:4px}.step h2{font-size:15px;margin:0}.step p{font-size:12px;color:var(--muted);margin:4px 0 0}.divider{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.drop-zone{display:grid;place-items:center;text-align:center;height:130px;border:1px dashed #35505f;border-radius:12px;background:#0a131a;margin-top:18px;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--green);background:#0c211c}.drop-zone input{display:none}.drop-zone strong{font-size:13px}.drop-zone span{font-size:11px;color:var(--muted);margin-top:-22px}.secondary-button,.primary-button{width:100%;border-radius:9px;padding:11px 14px;font-weight:700;cursor:pointer}.secondary-button{margin-top:9px;border:1px solid var(--line);background:#101d27;color:#bac7ce}.primary-button{margin-top:18px;border:0;background:var(--green);color:#052018}.button-note{text-align:center;color:var(--muted);font-size:10px}.file-list{display:grid;gap:7px;margin-top:12px}.file-item{display:flex;align-items:center;gap:9px;background:#101c24;border:1px solid #1d303b;border-radius:8px;padding:9px}.file-item i,.result-cards i{width:7px;height:7px;border-radius:50%;flex:none}.file-item span{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-item small{display:block;color:var(--muted);margin-top:2px}.file-item button{border:0;background:transparent;color:#83949f;font-size:18px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:17px}.form-grid .full{grid-column:1/-1}label{font-size:10px;color:#9caeb9;font-weight:700}input,select,textarea{display:block;width:100%;margin-top:6px;background:#071118;border:1px solid #253945;border-radius:8px;color:var(--text);padding:10px;font:inherit;font-size:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#357b67}textarea{resize:vertical}
.results{padding:32px;background:linear-gradient(160deg,rgba(16,29,39,.55),rgba(7,16,22,.2))}.empty-card{min-height:600px;display:grid;place-content:center;text-align:center;border:1px solid var(--line);border-radius:15px;background:rgba(7,16,22,.35)}.scope-icon{font-size:54px;color:var(--green)}.empty-card h2{margin:14px 0 4px;font-size:20px}.empty-card p{color:var(--muted);font-size:13px;max-width:380px}.summary-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.summary-row h2{font-size:22px;margin:0}.status,.report-status{border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:12px;font-weight:850;letter-spacing:.12em}.pass{color:var(--green)!important;border-color:rgba(54,224,161,.35)!important;background:rgba(54,224,161,.09)!important}.fail{color:var(--red)!important;border-color:rgba(255,107,122,.35)!important;background:rgba(255,107,122,.09)!important}.review,.no-data{color:var(--amber)!important}.chart-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0d151d;padding:5px}canvas{display:block;width:100%;height:auto}.result-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px}.result-cards article{border:1px solid var(--line);background:#0c171f;border-radius:10px;padding:14px}.result-cards article>div{display:flex;align-items:center;gap:8px;min-width:0}.result-cards strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-cards p{margin:13px 0 0;font-size:11px;color:var(--muted)}.result-cards p b{color:var(--text)}.mini-status{float:right;margin-top:-16px;font-size:9px;font-weight:850}.marker-card{display:grid;grid-template-columns:1fr 1fr;margin-top:12px;border:1px solid var(--line);border-radius:10px;background:#0c171f}.marker-card>div{padding:16px}.marker-card>div+div{border-left:1px solid var(--line)}.label,.report-meta span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.marker-card strong{font-size:12px}
.report{display:none;background:white;color:#17222a;padding:14mm;font-family:Arial,sans-serif}.report h1{font-size:27px;letter-spacing:-.03em}.report .eyebrow{color:#187a5d}.report-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #17222a;padding-bottom:8mm}.report-status{color:#17222a}.report-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:7mm;padding:7mm 0}.report-meta span{color:#6b7880}.report-meta strong{font-size:11px}.report-chart img{width:100%;border:1px solid #d6dde1;border-radius:4px}.report h2{font-size:14px;margin:8mm 0 3mm}.report table{width:100%;border-collapse:collapse;font-size:9px}.report th{text-align:left;background:#edf2f4;color:#43525b}.report th,.report td{padding:3mm 2mm;border-bottom:1px solid #d9e0e3}.table-status{font-size:8px}.report-notes{border:1px solid #d9e0e3;padding:0 5mm 4mm;margin-top:7mm}.report-notes p{font-size:10px;color:#47545c;white-space:pre-wrap}.report footer{margin-top:8mm;padding-top:3mm;border-top:1px solid #d9e0e3;font-size:8px;color:#79858c}
.project-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.project-actions .secondary-button{margin-top:8px}.measurement-item{gap:7px;padding:8px}.measurement-item>.trace-visible{width:14px;margin:0;accent-color:var(--green)}.trace-color{width:22px;height:26px;padding:0;margin:0;border:0;background:transparent}.trace-name-wrap{min-width:0;flex:1}.trace-name{margin:0;padding:4px 6px;border-color:transparent;background:transparent;font-weight:700}.trace-name:focus{background:#071118}.trace-name-wrap small{display:block;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:6px}.reference-control{display:flex;align-items:center;gap:3px;font-size:8px}.reference-control input{width:auto;margin:0;accent-color:var(--green)}.template-controls button{margin:0}.danger-button{color:#ff8c98}.rule-list{display:grid;gap:9px;margin-top:12px}.rule-card{border:1px solid #20343f;background:#0a141b;border-radius:10px;padding:11px}.rule-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.rule-card-head button{border:0;background:transparent;color:var(--muted);font-size:16px;cursor:pointer}.rule-card-head button:disabled{opacity:.2}.rule-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.rule-fields .full{grid-column:1/-1}.rule-card input,.rule-card select{padding:7px;font-size:10px}.logo-field input{padding:7px}
.project-message{min-height:14px;margin:8px 0 0;text-align:center;color:var(--green);font-size:10px}
.analysis-section{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:#0c171f;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.section-heading h3{margin:0;font-size:13px}.section-heading span{font-size:9px;color:var(--muted)}.table-scroll{overflow:auto}.analysis-table{width:100%;border-collapse:collapse;font-size:10px}.analysis-table th,.analysis-table td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.055);white-space:nowrap}.analysis-table th{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.statistics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:12px}.statistics-cards article{border:1px solid var(--line);border-radius:9px;padding:12px;background:#09131a}.stats-title{display:flex;align-items:center;gap:7px;font-size:11px}.stats-title i{width:7px;height:7px;border-radius:50%;flex:none}.statistics-cards dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0 0}.statistics-cards dl div:last-child{grid-column:1/-1}.statistics-cards dt{color:var(--muted);font-size:8px;text-transform:uppercase}.statistics-cards dd{margin:3px 0 0;font-size:11px;font-weight:700}.statistics-cards small{color:var(--muted);font-weight:400}.report-identity{display:flex;align-items:center;gap:6mm}.report-identity img{width:24mm;height:16mm;object-fit:contain}.report-meta{grid-template-columns:repeat(3,1fr);gap:6mm;padding:6mm 0}.report table{font-size:8px;break-inside:avoid}.report th,.report td{padding:2.2mm 1.5mm}.report-notes{break-inside:avoid}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.panel{border-right:0}.hero{grid-template-columns:1fr}.hero-stat{display:none}.results{padding:20px}.brand small,.privacy-pill{display:none}.topnav{gap:10px;margin-right:0}.topnav a:nth-child(2){display:none}.demo-invite{align-items:flex-start;flex-direction:column;gap:14px}.demo-invite button{width:100%}.upgrade-strip div{align-items:flex-start;flex-direction:column;gap:4px}}
@media print{body{background:white}.no-print{display:none!important}.report{display:block}@page{size:A4 landscape;margin:0}.report{min-height:100vh;counter-reset:page}.report-chart img{max-height:86mm;object-fit:contain;background:#0d151d}.report footer::after{content:" · Page " counter(page)}}