*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--dark-bg);scroll-padding-top:96px}a,button,select,summary,label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--step-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.55}h1,h2,h3{letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:600;line-height:1.02}h2{font-size:var(--step-head)}h3{font-size:var(--step-lead);letter-spacing:-.02em;line-height:1.2}p{text-wrap:pretty;max-width:62ch;margin:0 0 1em}small,.small{font-size:var(--step-small);letter-spacing:.01em}a{color:inherit;text-underline-offset:.18em}img,video,canvas,svg{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--spec-web);outline-offset:3px;border-radius:4px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{padding-inline:max(var(--margin), env(safe-area-inset-left)) max(var(--margin), env(safe-area-inset-right))}.section{padding-block:var(--section)}.section-head{gap:16px;max-width:780px;margin-bottom:clamp(40px,5vw,64px);display:grid}.section-head h2{font-size:var(--step-head)}.section-head p{font-size:var(--step-lead);color:var(--muted);max-width:52ch;margin:0;line-height:1.45}.rounded-top{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.lift{z-index:1;margin-top:calc(var(--radius-lg) * -1);position:relative}.grid12{column-gap:var(--gap);padding-inline:var(--margin);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.button,.button-ghost{border-radius:var(--pill);min-height:48px;font:500 1rem/1 var(--font);cursor:pointer;white-space:nowrap;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-ui) ease, box-shadow var(--dur-ui) ease;border:0;justify-content:center;align-items:center;gap:.5em;padding:0 22px;text-decoration:none;display:inline-flex}.button{background:var(--ink);color:var(--bg)}.sec-dark .button,.button.on-dark{box-shadow:0 0 0 1px #fff,0 8px 32px #36c3d638}.button-ghost{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--card-line)}.button:active,.button-ghost:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.button:hover{box-shadow:0 0 0 1px var(--ink), 0 10px 40px #36c3d652}.button-ghost:hover{box-shadow:inset 0 0 0 1px var(--muted)}}.link-quiet{text-decoration:none}@media (hover:hover) and (pointer:fine){.link-quiet:hover{text-decoration:underline}}.badge{border-radius:var(--pill);font-size:var(--step-small);color:var(--muted);background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line);align-items:center;gap:10px;padding:7px 14px;display:inline-flex}.badge .dot{background:var(--spec-web);width:7px;height:7px;box-shadow:0 0 12px var(--spec-web);border-radius:50%}.card{isolation:isolate;border-radius:var(--radius);background:var(--card);box-shadow:0 0 0 1px var(--card-line), 0 1px 2px #0000000a;transition:transform .26s var(--ease-out);position:relative;overflow:hidden}.card:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(420px circle at var(--x,50%) var(--y,50%), #36c3d629, transparent 55%);transition:opacity .22s;position:absolute;inset:0}.card:after{content:"";border-radius:inherit;z-index:-2;opacity:0;pointer-events:none;transition:opacity .26s var(--ease-out);position:absolute;inset:0;box-shadow:0 28px 70px -24px #10182847}@media (hover:hover) and (pointer:fine){a.card:hover{transform:translateY(-4px)}.card:hover:before,a.card:hover:after{opacity:1}}.r-16-10{aspect-ratio:16/10}.r-16-9{aspect-ratio:16/9}.r-4-5{aspect-ratio:4/5}.r-3-4{aspect-ratio:3/4}.r-1-1{aspect-ratio:1}