:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#091019;color:#edf5f4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#13302a66,transparent 44%),#091019}main{max-width:1160px;margin:auto;padding:30px 34px 55px}header{display:flex;justify-content:space-between;align-items:center;gap:24px}a{color:#86efd0;text-decoration:none}header>a:first-child{font-size:26px;font-weight:900;letter-spacing:2px;color:white}header span{color:#86efd0}header>a:last-child{font-size:13px}.intro{padding:70px 0 32px;max-width:820px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#8be4cc;margin:0 0 16px}h1{font-size:clamp(40px,6vw,68px);letter-spacing:-.045em;line-height:1.06;margin:0 0 23px}h1 em{font-style:normal;color:#86efd0}h2{font-size:27px;letter-spacing:-.03em;margin:0 0 16px}.lead{font-size:19px;line-height:1.6;max-width:680px;color:#b8c7d0}.badge{display:inline-block;border:1px solid #344941;border-radius:30px;padding:8px 13px;font-size:12px;color:#c1dbd2}#capability{font-size:13px;color:#c1cbd4;line-height:1.5}p{line-height:1.65;color:#b8c7d0}.setup,.results{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 0;border-top:1px solid #2a353e}.setup form{padding:25px;background:#101b23;border:1px solid #2d3b43;border-radius:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:13px;color:#dce6e8;margin-bottom:18px}input:not([type=checkbox]){display:block;width:100%;margin-top:9px;background:#081219;color:#fff;border:1px solid #3b4c54;border-radius:8px;padding:12px;font:inherit;min-width:0}.consent{display:flex;gap:10px;line-height:1.6;align-items:start}.consent input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:#86efd0}.note{font-size:12px;color:#9aabb4;line-height:1.6}button{border:1px solid transparent;border-radius:9px;padding:13px 20px;background:#86efd0;color:#071713;font-weight:750;cursor:pointer;font-family:inherit;min-height:44px}.secondary{background:#14262c;color:#e6f7f2;border-color:#3b5057}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #c3ffed;outline-offset:4px}.diagram{display:block;max-width:100%;height:240px;width:100%;margin:15px 0}.diagram path{stroke:#86efd0;stroke-width:2;fill:#11252a}.diagram path.guide{stroke:#354d53;stroke-dasharray:5;fill:none}.diagram circle{fill:#86efd0;stroke:#091019;stroke-width:3}.diagram circle.check{fill:#ffcd83}.diagram text{fill:#c0d8d1;font-size:15px;font-family:inherit}.diagram .small-label{font-size:11px;fill:#96a8ad}.live-panel{background:#091019eF;border:1px solid #4b7064;padding:18px;border-radius:16px;backdrop-filter:blur(8px);max-width:650px;margin:0 auto}.live-header{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.08em}.landmarks,.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.landmarks button{background:#20363d;color:#fff;min-width:47px;padding:10px}.landmarks button[aria-pressed=true]{outline:2px solid #86efd0}.landmarks button[data-captured=true]{color:#86efd0;border-color:#86efd0}#status,#capture-status{font-size:14px;margin:8px 0}footer{border-top:1px solid #29363e;padding-top:24px;margin-top:20px;font-size:12px;line-height:1.7;color:#92a4ae}.results{padding-top:38px}.results>div{min-width:0}#benchmark-result{font-size:12px;margin-top:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:440px}th,td{text-align:left;padding:9px;border-bottom:1px solid #314049;font-variant-numeric:tabular-nums}th{color:#9becd4}#xr-viewport{position:fixed;inset:0;pointer-events:none;z-index:-1}[hidden]{display:none!important}body.in-xr{background:transparent}body.in-xr main{max-width:none;padding:12px}body.in-xr header,body.in-xr .intro,body.in-xr .setup,body.in-xr .results,body.in-xr footer{display:none}body.in-xr #live{display:block}body.in-xr .live-panel{background:#091019cc}.in-xr #xr-viewport{z-index:-1}@media(max-width:760px){main{padding:22px 20px 35px}.intro{padding-top:46px}.setup,.results{grid-template-columns:1fr;gap:26px}.setup form{padding:20px}.fields{gap:12px}.live-panel{padding:12px}.live-header{gap:8px}.actions button{padding:11px}.diagram{height:215px}}
@media(max-width:760px){table{min-width:0;table-layout:fixed}th,td{padding:9px 5px;overflow-wrap:anywhere}th:first-child{width:34%}}
