.plates{display:grid;gap:var(--s-4);max-width:940px;margin-inline:auto}.plate{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--s-6) var(--s-7);position:relative}.plate-head{display:grid;grid-template-columns:1fr auto;gap:var(--s-6);align-items:baseline}.plate h3{font-size:var(--fs-card-h);margin-bottom:var(--s-2)}.plate .one{margin:0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.plate .tag{font-size:var(--fs-eyebrow);font-weight:var(--w-bold);color:var(--accent);white-space:nowrap}.plate details{margin-top:var(--s-4);border-top:1px solid var(--hairline)}.plate summary{cursor:pointer;list-style:none;padding:var(--s-3) 0 0;font-size:var(--fs-sm);color:var(--accent);font-weight:600}.plate summary::-webkit-details-marker{display:none}.plate details p{margin:var(--s-3) 0 0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-prose);max-width:70ch}.plate:after{content:"";position:absolute;inset-block-end:calc(var(--s-4) * -1 - 1px);inset-inline-start:50%;width:2px;height:var(--s-4);background-image:linear-gradient(180deg,var(--accent) 40%,transparent 40%);background-size:2px 6px}.plate:last-child:after{display:none}.gradient-cards .step.dashed{border:2px dashed var(--faint);box-shadow:none}.scrolly{height:640vh;position:relative}.n-snap{position:absolute;inset-inline:0;height:2px;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}.n-stage{position:sticky;top:0;height:100svh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:1fr minmax(420px,640px);gap:var(--s-9);align-items:center;justify-items:center;padding-inline:max(var(--s-7),calc((100vw - 1216px)/2));background:radial-gradient(80% 60% at 85% 12%,var(--accent-soft) 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,#f4f6f4 100%)}.n-pad{position:absolute;top:var(--s-6);inset-inline-start:50%;transform:translate(50%)}.n-beats{position:relative;height:46svh;width:100%;max-width:720px;order:1}.n-fig{order:2;width:100%;align-self:center}.n-fig svg{width:100%;height:auto;max-height:92svh;display:block;border-radius:var(--radius-xl)}@media(max-width:900px){.n-fig svg text.pilltext{font-size:24px}.n-fig svg text.ftitle{font-size:26px}.n-fig svg .pcl{display:none}.n-fig svg .aurora,.n-fig svg .mist{animation:none}}.n-fig svg{transform:translateZ(0)}.n-fig{position:relative;border-radius:var(--radius-xl)}.n-fig svg .frame{display:none}.frame-css{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;pointer-events:none;overflow:visible}.frame-css rect{x:1px;y:1px;width:calc(100% - 2px);height:calc(100% - 2px);rx:22px;fill:none;stroke:#8cbea599;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s ease}.n-fig.framed .frame-css rect{stroke-dashoffset:0}.fig-title{position:absolute;top:-1px;inset-inline-start:50%;transform:translate(-50%);background:#14271d;border:1.5px solid rgba(140,190,165,.55);border-top:0;border-radius:0 0 12px 12px;padding:5px 18px 7px;font-family:Space Grotesk,Inter,sans-serif;font-weight:500;font-size:14px;letter-spacing:.03em;color:#d2ecde;direction:ltr;white-space:nowrap;opacity:0;transition:opacity .6s ease .4s}.n-fig.framed .fig-title{opacity:1}@media(max-width:900px){.n-fig svg .stagebg,.n-fig svg .aurora,.n-fig svg .mist,.n-fig svg .vig{display:none}.n-fig{background:radial-gradient(120% 90% at 50% 0%,#1d3b2c,#11261c 55%,#0b1c13)}.fig-title{display:none}}@media(prefers-reduced-motion:reduce){.frame-css rect{stroke-dasharray:none;stroke-dashoffset:0;transition:none}.fig-title{opacity:1;transition:none}}@media(max-width:900px){.scrolly{height:780vh}.n-stage{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--s-3);align-items:start;padding-top:100px}.n-fig{order:1;max-width:420px;margin-inline:auto}.n-fig svg{max-height:54svh}.n-beats{order:2;height:auto;min-height:26svh}.n-beats .beat{text-align:start}}.n-beats .beat{position:absolute;inset-inline:0;top:50%;transform:translateY(-40%);margin:0;opacity:0;text-align:start;font-size:clamp(22px,2.3vw,34px);line-height:1.5;letter-spacing:var(--ls-head);color:var(--ink)}.n-beats .beat strong{color:var(--accent);font-weight:700}.n-dots{position:absolute;inset-block-end:var(--s-6);inset-inline-start:50%;transform:translate(50%);display:flex;gap:10px}.n-dots i{width:8px;height:8px;border-radius:50%;background:var(--hairline);transition:background .35s ease}.n-dots i.on{background:var(--accent)}.n-rail{position:absolute;inset-block:14svh;inset-inline-end:max(14px,calc((100vw - 1216px)/2 - 30px));width:3px;border-radius:2px;background:var(--hairline);overflow:hidden}.n-rail i{position:absolute;inset-inline:0;top:0;height:calc(var(--p, 0) * 100%);background:var(--accent)}@media(prefers-reduced-motion:reduce){.scrolly{height:auto}.n-stage{position:static;height:auto;padding-block:var(--s-9)}.n-beats{height:auto}.n-beats .beat{position:static;opacity:1;transform:none;margin-bottom:var(--s-7)}}.comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);max-width:980px;margin-inline:auto}.comp-grid .card.wide{grid-column:1 / -1}.comp-grid .card p{color:var(--muted);font-size:var(--fs-sm);line-height:1.65}@media(max-width:760px){.comp-grid{grid-template-columns:1fr}}