.hero{background:radial-gradient(circle at 80% 15%,rgba(91,109,246,.22),transparent 28%),#0b1020;color:#fff;padding:58px 0}.hero h1{font-size:clamp(38px,6vw,58px);letter-spacing:-.055em;margin:8px 0 12px}.hero p{color:#adb6c9;max-width:780px}.tool-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tool-nav a{color:#dbe1f4;text-decoration:none;border:1px solid #35405f;border-radius:99px;padding:8px 11px;font-size:11px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tool{background:#fff;border:1px solid #e6e9ef;border-radius:20px;padding:22px}.tool.full{grid-column:1/-1}.tool h2{font-size:22px;letter-spacing:-.035em;margin:0 0 5px}.tool p.desc{font-size:13px;color:#737c8e;margin:0 0 18px}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.row.three{grid-template-columns:repeat(3,1fr)}label{font-size:11px;font-weight:800;color:#555f72;display:block;margin-bottom:5px}input,select{width:100%;box-sizing:border-box;border:1px solid #dfe3eb;border-radius:10px;padding:10px 11px;background:#fff;font:inherit}.btnx{border:0;border-radius:11px;background:#11182c;color:#fff;font-weight:800;padding:11px 14px;cursor:pointer}.btnx.alt{background:#5b6df6}.tool-action{margin-top:10px}.tool-action-lg{margin-top:12px}.out{margin-top:14px;background:#f5f7fb;border-radius:13px;padding:14px;min-height:28px;font-size:13px;color:#596376}.out strong{color:#222b3f}.out-stack{display:grid;gap:6px}.balls{display:flex;gap:6px;flex-wrap:wrap}.ball{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:11px}.ball-c1{background:#e9ac35}.ball-c2{background:#5798df}.ball-c3{background:#e76870}.ball-c4{background:#747d91}.ball-c5{background:#4baa80}.pick6{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin:12px 0}.pick6 button{aspect-ratio:1;border:1px solid #dde2ea;background:#fff;border-radius:50%;font-size:11px;font-weight:800;cursor:pointer}.pick6 button.on{background:#5b6df6;color:#fff;border-color:#5b6df6}.metrics{display:flex;flex-wrap:wrap;gap:7px}.metrics-spaced,.relations-spaced{margin-top:10px}.metric{background:#fff;border:1px solid #e1e5ec;border-radius:9px;padding:7px 9px;font-size:11px}.match-list{display:grid;gap:7px;margin-top:10px}.match{display:flex;justify-content:space-between;gap:10px;background:#fff;padding:9px;border-radius:9px}.relations{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.rel{background:#fff;border-radius:9px;padding:9px;text-align:center}.rel b{display:block;font-size:18px}.rel small{font-size:10px;color:#7f8797}.compare-row+.compare-row{margin-top:6px}.notice{font-size:11px;color:#8991a1;margin-top:14px}@media(max-width:820px){.grid{grid-template-columns:1fr}.tool.full{grid-column:auto}.row,.row.three{grid-template-columns:1fr 1fr}.relations{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.row,.row.three{grid-template-columns:1fr}.pick6{grid-template-columns:repeat(7,1fr)}.relations{grid-template-columns:repeat(2,1fr)}.match{align-items:flex-start;flex-direction:column}}

.advanced-conditions{border:1px solid #e2e6ef;border-radius:14px;padding:14px;margin:16px 0}.advanced-conditions summary{cursor:pointer;font-size:13px;font-weight:800;color:#333e57}.advanced-conditions summary span{font-size:11px;font-weight:500;color:#737e92;margin-left:8px}.advanced-conditions[open] summary{margin-bottom:16px}.advanced-grid{margin-top:12px}.condition-help{font-size:12px;line-height:1.7;color:#68758c}.condition-label{font-size:11px;font-weight:800;color:#5b6680;margin-bottom:5px}.condition-summary{background:#f4f6fb;border-radius:12px;padding:12px;margin:0;font-size:12px;line-height:1.8;color:#64708a}.condition-error,.transfer-status,.selection-status{font-size:12px;line-height:1.7}.condition-error{color:#a53e49}.transfer-status,.selection-status{color:#5465b7}.condition-error:empty,.transfer-status:empty{display:none}.tool-next{display:inline-block;margin-top:14px;color:#4655c3;font-size:12px;font-weight:800;text-decoration:none}.tool-current-next{margin-left:12px}.result-provenance{white-space:pre-line;font-size:12px;line-height:1.8}.backtest-coverage{font-size:12px;line-height:1.7}.btnx:disabled{opacity:.55;cursor:wait}[aria-disabled="true"]{opacity:.5;cursor:not-allowed}.pick6 button:focus-visible,.advanced-conditions summary:focus-visible,.tool-next:focus-visible{outline:3px solid #9ca8ff;outline-offset:3px}@media(max-width:520px){.advanced-conditions summary span{display:block;margin:5px 0 0}.tool-current-next{display:block;margin-left:0}}

/* Keep deep-linked tool headings below the 62–70px sticky header. */
.tool[id]{scroll-margin-top:90px}

/* Keep 44px touch targets without forcing seven columns onto narrow screens. */
.tool{min-width:0}@media(max-width:520px){.pick6{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}}