:root{color-scheme:light;--bg:#f5f6f8;--surface:#fff;--ink:#182230;--muted:#687589;--line:#e3e7ed;--blue:#2553e9;--tint:#edf3ff;--green:#27815b;--badge:#edf8f2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}footer{margin-top:auto}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.header{height:64px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;gap:20px}.wordmark{font-size:24px;font-weight:800;letter-spacing:-1px;line-height:1}.wordmark span{color:var(--blue)}.header-label{font-size:13px;font-weight:600;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.theme-toggle{margin-left:auto;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface);cursor:pointer}.theme-toggle:hover{background:var(--tint);color:var(--blue)}.theme-toggle svg{width:18px;height:18px}.main{max-width:976px;margin:0 auto;padding:51px 28px 29px}.intro{max-width:740px;margin-bottom:36px}h1,h2,h3,p{margin-top:0}h1{font-size:38px;line-height:1.2;letter-spacing:-1.2px;margin-bottom:17px;font-weight:700}h1 span{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.intro-text{font-size:16px;line-height:1.75;color:var(--muted);max-width:670px;margin-bottom:10px}.scope{font-size:12px;color:var(--muted);margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}h2{font-size:16px;line-height:1.4;margin-bottom:0}.status{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--green);background:var(--badge);border-radius:20px;padding:3px 9px}.status>span{width:5px;height:5px;border-radius:50%;background:var(--green)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:22px 23px 0;transition:border-color .15s,box-shadow .15s}.tool-card:hover{border-color:var(--blue);box-shadow:0 3px 14px #2553e909}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tool-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;color:var(--blue);background:var(--tint)}.tool-icon svg{width:24px;height:24px}.arrow{color:var(--muted);font-size:21px}.tool-card:hover .arrow{color:var(--blue)}.tool-card h3{font-size:21px;line-height:1.3;letter-spacing:-.3px;margin-bottom:9px}.tool-card>p{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:17px;max-width:355px}.features{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.features>span{font-size:10px;border:1px solid var(--line);padding:2px 9px;border-radius:4px;color:var(--muted)}.card-footer{border-top:1px solid var(--line);padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-size:11px;font-weight:600;color:var(--blue)}.card-footer>span:first-child{white-space:nowrap}.card-footer>span:first-child>span{margin-left:5px}.domain{font-size:9px;color:var(--muted);font-weight:400}.direction{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}.stages{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;list-style:none;padding:0;margin:0}.stages li{display:flex;gap:11px;align-items:center}.stage-number{width:27px;height:27px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:11px}.current .stage-number{background:var(--tint);border-color:#c9d8fc;color:var(--blue)}.stages h3{font-size:14px;font-weight:700;margin:0;color:var(--ink);letter-spacing:-.2px}.stages li div>span{font-size:10px;color:var(--muted)}.stages .current div>span{color:var(--blue)}footer{border-top:1px solid var(--line);background:var(--surface)}footer>div{max-width:976px;padding:16px 28px;margin:auto;display:flex;gap:20px;justify-content:space-between;font-size:10px;color:var(--muted)}.skip{position:absolute;left:15px;top:-60px;background:var(--surface);padding:10px;z-index:10}.skip:focus{top:10px}
html[data-theme="dark"]{color-scheme:dark;--bg:#101722;--surface:#17212f;--ink:#e4eaf4;--muted:#a0aec1;--line:#2c384a;--blue:#8aaaff;--tint:#213150;--green:#8dd7b0;--badge:#1b342b}
@media(min-width:1500px){.main{padding-top:65px;padding-bottom:38px}.intro{margin-bottom:43px}.direction{margin-top:38px}}
@media(max-width:700px){.header{padding:0 20px;gap:13px}.wordmark{font-size:22px}.header-label{font-size:11px;padding-left:13px}.main{padding:32px 20px 25px}h1{font-size:31px;letter-spacing:-.9px}.intro-text{font-size:14px}.intro{margin-bottom:27px}.tool-grid{grid-template-columns:1fr;gap:15px}.tool-card{padding:20px 20px 0}.tool-card>p{max-width:none}.domain{font-size:10px}.stages{grid-template-columns:1fr;gap:17px}.direction{margin-top:27px}footer>div{flex-direction:column;gap:5px;padding:15px 20px}.section-heading{gap:10px}h2{font-size:14px}.status{font-size:9px}}
@media(max-width:380px){.header-label{font-size:10px;max-width:125px;line-height:1.3}.header{gap:10px}.card-footer{flex-wrap:wrap;gap:3px}.domain{width:100%}.section-heading{align-items:flex-start}.status{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}