:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#17181b;background:#fff;--red:#c00;--muted:#62656c;--line:#e7e8eb}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
h1,p{margin:0}
::selection{background:#ffd5d5;color:#17181b}
:focus-visible{outline:3px solid var(--red);outline-offset:5px;border-radius:4px}
.shell{width:min(100% - 2 * clamp(1.25rem,4vw,4rem),78rem);margin-inline:auto}
.skip-link{position:fixed;z-index:10;left:1rem;top:1rem;padding:.8rem 1.1rem;background:#17181b;color:#fff;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.selector-header{min-height:6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;min-height:2.75rem;min-width:0}
.brand img{width:12rem;height:auto}
.brand-origin{font-size:.875rem;display:inline-flex;align-items:center;gap:1rem;padding:.8rem 0;color:#4e5056;flex-shrink:0}
.brand-origin:hover{color:var(--red)}
.selector-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(3rem,6vw,6rem);padding-block:clamp(3rem,6vw,5rem) clamp(3.5rem,7vw,6rem)}
.selector-kicker{display:block;font-size:.75rem;font-weight:600;letter-spacing:.13em;color:var(--red);line-height:1.5;margin-bottom:1.6rem}
h1{font-size:clamp(3.5rem,5.4vw,5rem);font-weight:650;line-height:1.03;letter-spacing:-.055em;overflow-wrap:break-word}
h1>span{color:var(--red)}
.selector-prompts{display:flex;flex-direction:column;gap:.25rem;margin-top:1.6rem;color:var(--muted);font-size:1.125rem;line-height:1.65}
.selector-status{display:flex;align-items:center;gap:.65rem;margin-top:2.8rem}
.status-dot{width:.4rem;height:.4rem;flex-shrink:0;border-radius:50%;background:#147a4c;box-shadow:0 0 0 4px #147a4c0d}
.selector-status p{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.75rem;line-height:1.65;color:#62656c}
.selector-status p>span+span{border-left:1px solid #d9dce1;padding-left:.75rem}
.language-choices{display:grid;gap:.85rem;min-width:0;container-type:inline-size}
.language-choice{display:flex;align-items:center;gap:1.4rem;padding:1.65rem 1.6rem;border:1px solid #dfe2e7;border-radius:12px;min-width:0;min-height:7.4rem;transition:background-color .16s,border-color .16s,color .16s}
.choice-code{display:grid;place-items:center;flex-shrink:0;width:2.6rem;height:2.6rem;border:1px solid #efd9d9;border-radius:8px;color:var(--red);background:#fff8f8;font-size:.75rem;font-weight:600;letter-spacing:.04em}
.choice-copy{display:flex;flex-direction:column;gap:.45rem;min-width:0;overflow-wrap:anywhere}
.choice-copy strong{font-size:1.75rem;font-weight:600;letter-spacing:-.035em;line-height:1.15}
.choice-copy>span{font-size:.875rem;line-height:1.5;color:var(--muted)}
.choice-arrow{display:grid;place-items:center;margin-left:auto;width:2.65rem;height:2.65rem;flex-shrink:0;border-radius:50%;color:#17181b;border:1px solid #dfe2e7}
.language-choice:hover{background:#17181b;border-color:#17181b;color:#fff}
.language-choice:hover .choice-copy>span{color:#d1d4da}
.language-choice:hover .choice-arrow{color:#fff;border-color:var(--red);background:var(--red)}
.selector-footer{margin-top:auto;border-top:1px solid var(--line);padding-block:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8125rem;color:var(--muted)}
.selector-footer nav{display:flex;flex-wrap:wrap;gap:1.5rem}
.selector-footer a{display:inline-block;padding:.8rem 0}
.selector-footer a:hover{color:var(--red)}
@media(max-width:850px){.selector-header{min-height:5rem}.brand img{width:10.9rem}.selector-main{grid-template-columns:minmax(0,1fr);max-width:36rem;gap:2rem;padding-block:2.5rem 3rem}.selector-kicker{margin-bottom:1.1rem}h1{font-size:clamp(3rem,8vw,4.25rem)}.selector-prompts{font-size:1rem;margin-top:1.25rem;gap:.1rem}.selector-status{margin-top:1.5rem}.language-choice{min-height:6.2rem;padding:1.2rem 1.4rem}.choice-copy strong{font-size:1.5rem}.selector-footer{align-items:flex-start}}
@media(max-width:480px){.selector-header{min-height:4.75rem}.brand img{width:10.25rem}.brand-origin{gap:.4rem;font-size:.8125rem}.selector-main{padding-top:2rem;gap:1.75rem}h1{font-size:clamp(2.9rem,11vw,3.65rem)}.selector-kicker{font-size:.75rem}.selector-status p{font-size:.75rem;gap:.3rem .5rem}.selector-status p>span+span{padding-left:.5rem}.language-choice{padding:1.15rem 1rem;gap:1rem;border-radius:9px}.choice-code{width:2.2rem;height:2.2rem}.choice-copy strong{font-size:1.4rem}.choice-copy>span{font-size:.875rem}.choice-arrow{width:2.25rem;height:2.25rem}.selector-footer{flex-direction:column;gap:.35rem;font-size:.75rem}.selector-footer nav{gap:1.1rem}}
@media(max-width:360px){.brand img{width:9rem}.brand-origin{font-size:.75rem}.language-choice{gap:.7rem}.choice-copy>span{font-size:.875rem}.choice-arrow{width:2rem;height:2rem}}
@container(max-width:18rem){.choice-code{display:none}}
@container(max-width:10rem){.choice-arrow{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
@media(forced-colors:active){.choice-code,.choice-arrow,.language-choice{border:1px solid CanvasText}.status-dot{background:CanvasText;box-shadow:none}}