body{background:var(--paper);color:var(--ink)}.brand svg.dot-mark{width:32px;height:32px;stroke:none;fill:none;margin-right:10px;color:var(--ink)}.header{border-color:var(--line)}.hero{grid-template-columns:1.08fr 1fr;gap:45px;padding-top:74px;padding-bottom:60px}h1{font-size:clamp(62px,6.35vw,96px)}.hero-intro,.launch-note{color:var(--muted)}.primary,.primary:hover{background:var(--accent);color:var(--on-accent)}.primary:hover{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--accent)}.hero .eyebrow{font-size:11px;letter-spacing:.07em}.launch-note{font-size:13px}.signal-art{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px 25px 24px;overflow:visible}.chart-title{font:11px/1.7 var(--mono);letter-spacing:.09em;color:var(--muted)}.signal-art>svg{margin:3px 0 0;width:100%}.graph-legend{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:22px;color:var(--ink);font:11px/1.7 var(--mono)}.graph-legend span{display:flex;align-items:center;gap:8px}.graph-legend i,.flag-scale i{display:inline-block;width:var(--size);height:var(--size);background:var(--dot);border-radius:50%;flex-shrink:0}.graph-caption{font-size:14px;margin-top:22px;color:var(--ink)}.graph-note{font:11px/1.7 var(--mono);margin-top:6px;color:var(--muted)}.brand-sample{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding-block:28px}.brand-sample .eyebrow{color:var(--muted);font-size:11px}.mark-test{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:21px;font-weight:bold;letter-spacing:-1px}.mark-test svg{width:24px;height:24px}.flag-scale{margin-top:18px}.flag-scale span,.flag-scale span:nth-child(n){background:var(--panel);color:var(--ink);border-color:var(--line);font-size:11px;gap:14px;padding:10px 16px}.flag-scale b{font-size:24px}.footer{border:0}.footer .brand{font-size:26px}.footer p,.footer>span,.footer>a:last-child{font-size:12px}.nav-cta{border-color:var(--line)}a:focus-visible{outline-color:var(--accent)}
@media(max-width:1100px){.hero{gap:26px}.graph-legend{font-size:10px;gap:5px}.signal-art{padding-inline:20px}.graph-caption{font-size:13px}}@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:34px;gap:32px}.hero .eyebrow{font-size:11px;letter-spacing:0;max-width:290px}.hero h1{font-size:66px}.signal-art{padding:22px 17px;border-radius:10px}.chart-title{font-size:11px;letter-spacing:0}.graph-legend{font-size:11px;gap:3px;padding-top:18px}.graph-legend span{gap:5px}.graph-caption{font-size:13px}.graph-note{font-size:11px}.brand-sample{display:block}.brand-sample>div+div{margin-top:28px}.flag-scale{gap:6px}.flag-scale span,.flag-scale span:nth-child(n){gap:5px;padding:9px 7px}.flag-scale b{font-size:20px}.footer .brand{font-size:22px}.footer .brand svg{width:26px;height:26px}.header .brand svg{width:28px;height:28px}.footer{gap:18px 10px}}
@media(max-width:360px){.flag-scale{display:grid;grid-template-columns:1fr 1fr}.graph-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero h1{font-size:60px}}
.skip{background:var(--paper);color:var(--ink)}
.mark-sizes{display:flex;align-items:end;gap:35px;margin-top:18px}.mark-test{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;min-width:42px}.mark-test svg{width:var(--mark-size);height:var(--mark-size);display:block}.mark-test small{font:11px var(--mono);letter-spacing:0;color:var(--muted)}
