.tools-wrap{max-width:1160px;margin:auto;padding:140px 24px 80px;color:var(--color-text,#dce9fa)}.tools-intro{max-width:840px;margin-bottom:64px}.tools-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#87bfff;font-weight:700}.tools-intro h1{font-size:clamp(32px,5.5vw,64px);line-height:1.1;letter-spacing:-.04em;margin:20px 0}.tools-intro p,.tool-heading>p:last-child{font-size:18px;line-height:1.7;max-width:78ch}.tools-intro nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.tools-intro nav a{padding:10px 16px;border:1px solid #5c83ab;border-radius:24px;text-decoration:none;color:inherit}.tool-section{scroll-margin-top:110px;border-top:1px solid #416080;padding-top:36px;margin-bottom:70px}.tool-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.2}.tools-wrap input,.tools-wrap textarea,.tools-wrap select{font:inherit;padding:12px;border:1px solid #7188a2;border-radius:8px;width:100%;max-width:100%;background:#0a2038;color:#f4f8ff}.tools-wrap label{display:block;font-weight:650;margin-bottom:8px}.tools-wrap button{font:inherit;font-weight:650;background:#2557db;color:white;border:1px solid #709aff;border-radius:8px;padding:12px 20px;min-height:46px;cursor:pointer}.tools-wrap button:disabled{opacity:.5;cursor:default}.tools-wrap a{color:#9acaff;text-underline-offset:4px}.tools-wrap :focus-visible{outline:3px solid #9ccfff;outline-offset:4px}.demo-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.demo-toolbar select{width:auto;max-width:100%}.demo-toolbar label{margin:0}.demo-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid #456181;border-radius:18px;overflow:hidden;background:#0b1d33;color:#eef5ff}.demo-workspace>aside{padding:28px;background:#102c4b}.demo-workspace>div{padding:28px}.demo-workspace dt{color:#b5cbe4;font-size:13px;margin-top:20px}.demo-workspace dd{margin:4px 0;overflow-wrap:anywhere}.demo-badge{display:inline-block;padding:4px 9px;border-radius:20px;background:#23496e;color:#d7edff;font-size:12px}.demo-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:step}.demo-steps li{padding:12px 6px;border-top:3px solid #456181;font-size:13px;color:#9ab2cb}.demo-steps li:before{counter-increment:step;content:counter(step);display:block;font-size:20px;font-weight:700;margin-bottom:8px}.demo-steps li[data-state=current]{color:#fff;border-color:#9bcaff}.demo-steps li[data-state=done]{color:#b2ecd6;border-color:#73c8ac}.demo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.demo-actions button:last-child{background:transparent}.tools-search,.diagnostic-form{max-width:720px;margin:28px 0;display:grid;gap:12px}.tools-consent{display:flex!important;gap:12px;align-items:start;font-weight:400!important}.tools-consent input{width:20px;flex:0 0 20px;margin-top:5px}.orientation-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.orientation-results article{padding:22px 0;border-bottom:1px solid #416080}.tools-muted{font-size:14px;opacity:.8}.tools-notice{padding:20px;border-left:4px solid #9bcaff;background:#122f50;color:#edf5ff}.diagnostic-report h3,.diagnostic-report li{overflow-wrap:anywhere}.diagnostic-report ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.diagnostic-report li{padding:20px;border:1px solid #5b7593;border-radius:12px}.diagnostic-report h4{text-transform:uppercase;font-size:14px;letter-spacing:.08em}html[data-theme=light] .tools-wrap{color:#142d4a}html[data-theme=light] .tools-wrap a{color:#2454bd}html[data-theme=light] .tools-eyebrow{color:#28569e}@media(max-width:760px){.tools-wrap{padding:110px 20px 40px}.demo-workspace{grid-template-columns:1fr}.demo-workspace>aside,.demo-workspace>div{padding:20px}.demo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.orientation-results,.diagnostic-report ul{grid-template-columns:1fr}.demo-toolbar select,.demo-toolbar button{width:100%}.tools-intro{margin-bottom:40px}}@media print{.site-header,.site-footer,.tools-intro,#demo,#orientation,.diagnostic-form,.tool-heading,.tools-wrap button{display:none!important}.tools-wrap{padding:0;color:#111}.diagnostic-report ul{display:block}.diagnostic-report li{break-inside:avoid;margin-bottom:10px}.demo-badge{color:#111;background:none}#diagnostic{border:0}}
.demo-workspace h3,.demo-workspace h4{color:#eef5ff}