.hero{text-align:center;flex-direction:column;align-items:center;padding-top:96px;padding-bottom:56px;display:flex}.hero-symbol{filter:drop-shadow(0 0 28px #d2d2eb24);width:48px;height:48px;margin-bottom:28px}.hero-eyebrow{color:var(--foreground-muted);font-size:var(--text-sm);margin-bottom:18px;animation-delay:60ms}.hero-title{letter-spacing:-.045em;font-size:clamp(42px,7.2vw,84px);font-weight:640;line-height:1}.hero-title .line{padding:0 .04em .1em;display:block;overflow:hidden}.hero-title .line>span{color:#0000;transform-origin:0 100%;animation:rise .9s var(--ease-enter) .12s both;background:linear-gradient(135deg,#fff 0%,#dedee9 55%,#aaaabd 100%);-webkit-background-clip:text;background-clip:text;display:block}.hero-title .line+.line>span{animation-delay:.21s}@keyframes rise{0%{transform:translateY(105%)rotate(2.5deg)}}.hero-lead{max-width:600px;color:var(--foreground-secondary);font-size:var(--text-lg);margin-top:26px;line-height:1.55;animation-delay:.4s}.hero-actions{gap:8px;margin-top:34px;animation-delay:.5s;display:flex}.hero-note{color:var(--foreground-muted);font-size:var(--text-sm);margin-top:18px;animation-delay:.58s}.loop-figure{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background-deep);max-width:1040px;margin:0 auto;animation-duration:1.1s;animation-delay:.7s;container-type:inline-size}.loop-captions{padding:18px 22px 0;display:grid}.loop-caption{max-width:640px;color:var(--foreground-secondary);font-size:var(--text-md);visibility:hidden;grid-area:1/1;line-height:1.5}.loop-caption.current{visibility:visible}.loop-canvas{width:100%;height:340px;display:block}.loop-controls{align-items:center;gap:12px;padding:0 14px 14px 22px;display:flex}.loop-chapters{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.loop-chapter{min-width:0;color:var(--foreground-faint);font:500 var(--text-xs) / 1.2 var(--font-sans);text-align:left;cursor:pointer;transition:color var(--motion-base) var(--ease-out);background:0 0;border:0;align-items:baseline;gap:8px;padding:12px 0 10px;display:flex;position:relative}.loop-chapter:hover,.loop-chapter.current{color:var(--foreground-secondary)}.loop-chapter-index{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.loop-chapter-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loop-chapter i{background:var(--border-strong);height:1px;position:absolute;top:0;left:0;right:0}.loop-chapter i:after{content:"";background:var(--accent);transform:scaleX(var(--progress,0));transform-origin:0;position:absolute;inset:0}.loop-toggle{width:64px;height:30px;font-size:var(--text-xs);flex:none}@container (width<=939px){.loop-canvas{height:600px}}@container (width<=520px){.loop-captions{min-height:88px;padding:16px 16px 0}.loop-controls{padding:0 8px 10px 16px}.loop-chapters{gap:6px}.loop-chapter-name{display:none}}.section-head{max-width:640px}.section-head h2,.part-head h2,.cta h2{letter-spacing:-.03em;font-size:clamp(28px,3.6vw,40px);font-weight:600;line-height:1.1}.section-head p{color:var(--foreground-secondary);font-size:var(--text-md);margin-top:16px;line-height:1.6}.compare{padding-top:120px}.compare-table{border-collapse:collapse;width:100%;font-size:var(--text-md);margin-top:40px;line-height:1.5}.compare-table th,.compare-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:18px 24px 18px 0}.compare-table thead th{color:var(--foreground-muted);font-size:var(--text-xs);padding-top:0;padding-bottom:12px;font-weight:500}.compare-table thead th:last-child{color:var(--accent)}.compare-table tbody th{width:16%;color:var(--foreground-muted);font-size:var(--text-sm);font-weight:500}.compare-table td:first-of-type{width:32%;color:var(--foreground-muted)}.compare-table td:nth-of-type(2){color:var(--foreground)}code{border-radius:var(--radius-xs);background:var(--surface-3);color:var(--foreground);padding:1px 5px;font-size:.86em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.parts{gap:96px;padding-top:128px;display:grid}.part{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 48px;display:grid}.part-head{align-self:start;position:sticky;top:100px}.part-index{color:var(--foreground-faint);font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:14px;display:block}.part-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.part-list li{border-top:1px solid var(--border);padding:22px 0 26px}.part-list h3{font-size:var(--text-md);margin:0 0 8px;font-weight:550}.part-list p{color:var(--foreground-secondary);font-size:var(--text-sm);line-height:1.6}.part-note{color:var(--foreground-muted);font-size:var(--text-sm);grid-column:2;line-height:1.6}.part-note span{border-left:1px solid var(--border-accent);padding-left:14px;display:block}.cta{padding-top:140px}.cta-inner{border-top:1px solid var(--border);text-align:center;justify-items:center;gap:18px;padding:72px 24px;display:grid}.cta-inner p{max-width:560px;color:var(--foreground-secondary);font-size:var(--text-md);line-height:1.6}.cta-actions{gap:8px;margin-top:10px;display:flex}@media (width<=860px){.part{grid-template-columns:minmax(0,1fr)}.part-head{position:static}.part-note{grid-column:1}}@media (width<=640px){.hero{padding-top:64px;padding-bottom:40px}.hero-lead{font-size:var(--text-md)}.compare,.parts{padding-top:88px}.parts{gap:72px}.part-list{grid-template-columns:minmax(0,1fr)}.compare-table thead{display:none}.compare-table,.compare-table tbody,.compare-table tr,.compare-table th,.compare-table td{width:auto;display:block}.compare-table tr{border-bottom:1px solid var(--border);padding:18px 0}.compare-table th,.compare-table td{border:0;padding:0}.compare-table tbody th{width:auto;margin-bottom:8px}.compare-table td:first-of-type{width:auto;margin-bottom:6px}.compare-table td:first-of-type:before{content:"usually: "}.cta{padding-top:96px}.cta-inner{padding:56px 0}}@media (prefers-reduced-motion:reduce){.hero-title .line>span{animation:none}}