.landing .pick{max-width:1180px;margin:0 auto;padding:clamp(28px,6vw,72px) 20px 56px}
.pick-head{max-width:760px;margin-bottom:clamp(26px,4vw,44px)}
.pick-head h1{font-family:var(--font-head);font-weight:780;font-size:clamp(40px,7vw,84px);line-height:.98;letter-spacing:-.035em;margin:0 0 18px;text-wrap:balance}
.pick-head p{font-size:19px;color:var(--ink-2);margin:0;max-width:56ch}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.choice{--c:var(--blue);--cs:var(--acc-soft);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;position:relative}
.c-zae{--c:var(--blue);--cs:#E6EDFC}
.c-zel{--c:var(--green);--cs:#E2F2EB}
:root[data-theme="dark"] .c-zae{--cs:#1B2747}
:root[data-theme="dark"] .c-zel{--cs:#12322A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .c-zae{--cs:#1B2747}:root:not([data-theme="light"]) .c-zel{--cs:#12322A}}
.choice::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--c)}
.choice-main{display:flex;flex-direction:column;gap:10px;padding:28px 30px 26px;text-decoration:none;color:var(--ink);flex:1}
.choice-art{display:block;border-radius:14px;background:var(--cs);padding:10px 14px;margin-bottom:10px;
  background-image:radial-gradient(color-mix(in srgb,var(--c) 22%,transparent) 1.2px,transparent 1.3px);background-size:18px 18px}
.schem{width:100%;height:auto;display:block;max-height:220px}
.schem .wire,.schem .part *{fill:none;stroke:var(--c);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.schem .part .fill{fill:var(--c)}
.schem .cover{stroke:var(--cs);stroke-width:8}
.schem .lbl text{fill:var(--ink-2);font:italic 20px "Times New Roman",Times,serif;stroke:none}
.schem .electron{fill:var(--pad);opacity:0;transition:opacity .25s}
.choice-main:hover .electron,.choice-main:focus-visible .electron{opacity:1}
.schem .wire,.schem .part *{stroke-dasharray:900;stroke-dashoffset:900;animation:draw 1.4s ease-out forwards}
.c-zel .schem .wire,.c-zel .schem .part *{animation-delay:.25s}
@keyframes draw{to{stroke-dashoffset:0}}
.choice-meta{font-size:14px;color:var(--muted);font-weight:700}
.choice h2{font-family:var(--font-head);font-weight:750;font-size:clamp(28px,3.4vw,40px);line-height:1.05;letter-spacing:-.02em;margin:0;color:var(--c)}
.choice p{margin:0;color:var(--ink-2);font-size:17px}
.choice-cta{align-self:flex-start;margin-top:12px;padding:11px 20px;border-radius:999px;background:var(--c);color:var(--surface);font-weight:700}
.choice-main:hover .choice-cta{box-shadow:0 0 0 4px var(--cs)}
.choice-topics{border-top:1px solid var(--line);padding:0 30px}
.choice-topics summary{cursor:pointer;padding:14px 0;font-weight:700;color:var(--ink-2)}
.choice-topics ul{list-style:none;padding:0 0 20px;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.choice-topics a{display:block;padding:6px 12px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--ink-2);font-size:14.5px}
.choice-topics a:hover{border-color:var(--c);color:var(--c)}
.landing .switch{display:none}
@media (max-width:820px){.choices{grid-template-columns:1fr}.choice-main{padding:22px 20px}.choice-topics{padding:0 20px}}
@media (prefers-reduced-motion:reduce){.schem .wire,.schem .part *{animation:none;stroke-dashoffset:0}.schem .electron{display:none}}