.feat-anchors{background:var(--color-white);padding:80px 24px}.feat-anchors-inner{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1140px;margin:0 auto;display:grid}.feat-anchor-card{background:var(--color-white);border:1px solid var(--color-stone-150);border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}@media (hover:hover){.feat-anchor-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #1c191714}}.anchor-visual{flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:32px 28px 24px;display:flex}.anchor-visual--speed{background:linear-gradient(180deg, var(--color-gold-soft) 0%, var(--color-white) 100%)}.anchor-visual--control{background:linear-gradient(180deg, #f0f5ff 0%, var(--color-white) 100%)}.anchor-visual--simple{background:linear-gradient(180deg, var(--color-stone-850) 0%, var(--color-stone-825) 100%);min-height:180px}.speed-bars{flex-direction:column;gap:14px;width:100%;max-width:280px;display:flex}.speed-row{align-items:center;gap:10px;display:flex}.speed-label{color:var(--text-secondary);text-align:right;flex-shrink:0;width:80px;font-family:DM Mono,monospace;font-size:.7rem}.speed-track{background:var(--color-stone-100);border-radius:6px;flex:1;height:28px;position:relative;overflow:hidden}.speed-fill{border-radius:6px;justify-content:flex-end;align-items:center;width:0;height:100%;padding-right:10px;transition:width .15s;display:flex}.speed-fill--yt{background:linear-gradient(90deg, var(--color-error-pale), var(--color-error-light))}.speed-fill--sv{background:linear-gradient(90deg, var(--color-gold-pale), var(--color-gold-light))}.speed-fill.animated.speed-fill--yt{width:90%;transition:width 1s ease-out}.speed-fill.animated.speed-fill--sv{width:42%;transition:width .6s ease-out}.speed-fill span{color:var(--text-primary);white-space:nowrap;opacity:0;font-family:DM Mono,monospace;font-size:.65rem;font-weight:500;transition:opacity .3s .3s}.speed-fill.animated span{opacity:1}.speed-fill--yt span{color:var(--color-white)}.mini-player{aspect-ratio:16/9;background:var(--color-stone-850);border-radius:8px;flex-direction:column;width:180px;margin-bottom:16px;display:flex;overflow:hidden}.mini-player-screen{flex:1;justify-content:center;align-items:center;display:flex}.mini-player-bar{background:linear-gradient(90deg, var(--color-gold-light) 35%, var(--color-stone-700) 35%);border-radius:0 0 8px 8px;height:4px}.color-swatches{justify-content:center;gap:8px;display:flex}.swatch{border:2px solid var(--color-white);border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 1px 4px #0000001a}@media (hover:hover){.swatch:hover{transform:scale(1.2)}}.code-snippet{background:var(--color-stone-850);border:1px solid var(--color-stone-750);border-radius:10px;width:100%;max-width:280px;overflow:hidden}.code-header{background:var(--color-stone-950);border-bottom:1px solid var(--color-stone-750);align-items:center;gap:5px;padding:8px 12px;display:flex}.code-dot{border-radius:50%;width:8px;height:8px}.code-snippet pre{margin:0;padding:14px 14px 16px;overflow-x:auto}.code-snippet code{color:var(--color-stone-200);white-space:pre-wrap;word-break:break-all;font-family:DM Mono,monospace;font-size:.68rem;line-height:1.6}.feat-anchor-card h2{color:var(--text-primary);margin:20px 28px 12px;font-size:1.15rem;font-weight:700;line-height:1.3}.feat-anchor-card p{color:var(--text-secondary);margin:0 28px 28px;font-size:.88rem;line-height:1.65}.feat-anchor-card p strong{color:var(--text-primary);font-weight:600}@media (width<=860px){.feat-anchors-inner{grid-template-columns:1fr;max-width:500px}}.feat-grid-section{background:var(--color-stone-100);padding:80px 24px}.feat-grid-inner{max-width:960px;margin:0 auto}.feat-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.feat-item{background:var(--color-white);border:1px solid var(--color-stone-150);border-radius:14px;align-items:flex-start;gap:18px;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.feat-item:not(.visible){opacity:0;transform:translateY(6px)}.feat-item.visible{animation:fade-in-up-xs .2s var(--ease-out) backwards}.feat-item:first-child.visible{animation-delay:0s}.feat-item:nth-child(2).visible{animation-delay:50ms}.feat-item:nth-child(3).visible{animation-delay:.1s}.feat-item:nth-child(4).visible{animation-delay:.15s}.feat-item:nth-child(5).visible{animation-delay:.2s}.feat-item:nth-child(6).visible{animation-delay:.25s}.feat-item:nth-child(7).visible{animation-delay:.3s}.feat-item:nth-child(8).visible{animation-delay:.35s}.feat-item:nth-child(9).visible{animation-delay:.4s}.feat-item:nth-child(10).visible{animation-delay:.45s}.feat-item:nth-child(11).visible{animation-delay:.5s}@media (hover:hover){a.feat-item:hover{border-color:var(--color-gold);transform:translateY(-2px);box-shadow:0 6px 24px #1c19170f}}.feat-item--no-link{cursor:default}.feat-icon{background:linear-gradient(135deg, var(--color-gold-soft), var(--color-gold-pale));width:52px;height:52px;color:var(--color-gold-text);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feat-icon svg{width:24px;height:24px}.feat-text h3{color:var(--text-primary);margin-bottom:6px;font-size:.95rem;font-weight:600;line-height:1.3}.feat-text p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.6}.feat-link{color:var(--color-gold-text);margin-top:8px;font-size:.82rem;font-weight:500;transition:color .2s;display:inline-block}a.feat-item:hover .feat-link{color:var(--color-gold-mid)}@media (width<=700px){.feat-grid{grid-template-columns:1fr}}.feat-platforms{background:var(--color-white);border-top:1px solid var(--color-stone-150);padding:48px 24px}.feat-platforms-inner{text-align:center;max-width:800px;margin:0 auto}.feat-platforms-label{color:var(--color-gold-text);letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px;font-family:DM Mono,monospace;font-size:.72rem;font-weight:500;display:block}.feat-platforms-row{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.feat-platform{color:var(--text-muted);cursor:default;flex-direction:column;align-items:center;gap:8px;transition:color .3s;display:flex}.feat-platform img,.feat-platform svg{opacity:.5;transition:opacity .3s,filter .3s}.feat-platform .brand-logo{color:var(--color-stone-500);display:block}.feat-platform .brand-logo svg{width:36px;height:36px;display:block}.feat-platform:hover img,.feat-platform:hover svg{opacity:1}.feat-platform:hover{color:var(--text-primary)}.feat-platform span{font-size:.82rem;font-weight:500}.feat-testimonials{background:var(--color-white);border-top:1px solid var(--color-stone-150);padding:80px 24px}.feat-testimonials-header{text-align:center;margin-bottom:40px}.feat-testimonials-badge{color:var(--color-gold-text);background:#c9a00014;border-radius:50px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 16px;font-size:.82rem;font-weight:500;display:inline-flex}.feat-testimonials-header h2{color:var(--text-primary);letter-spacing:-.01em;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700}.feat-testimonials-inner{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1140px;margin:0 auto;display:grid}.feat-testimonials .tcard{background:var(--color-stone-50);border:1px solid var(--color-stone-150);border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:space-between;gap:20px;width:auto;padding:28px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 4px #1c191708,0 4px 16px #1c19170a}.feat-testimonials .tcard:hover{border-color:var(--color-stone-300);box-shadow:0 2px 8px #1c19170d,0 8px 24px #1c19170f}.feat-testimonials .tcard-quote{align-items:flex-start;gap:12px;display:flex}.feat-testimonials .tcard-mark{color:var(--color-gold-text);opacity:.5;flex-shrink:0;margin-top:2px}.feat-testimonials .tcard blockquote{color:var(--text-secondary);margin:0;padding:0;font-size:.88rem;line-height:1.65}.feat-testimonials .tcard-author{border-top:1px solid var(--color-stone-150);align-items:center;gap:12px;padding-top:16px;display:flex}.feat-testimonials .tcard-author img{object-fit:cover;border:2px solid var(--color-stone-150);border-radius:50%;width:36px;height:36px}.feat-testimonials .tcard-meta{flex-direction:column;gap:1px;display:flex}.feat-testimonials .tcard-meta cite{color:var(--text-primary);font-size:.82rem;font-style:normal;font-weight:600}.feat-testimonials .tcard-meta span{color:var(--text-secondary);font-size:.72rem}[data-theme=dark] .feat-testimonials{background:var(--color-stone-950);border-top-color:var(--color-stone-750)}[data-theme=dark] .feat-testimonials-badge{color:var(--color-gold-light);background:#fee2651a}[data-theme=dark] .feat-testimonials .tcard{background:var(--color-stone-900);border-color:var(--color-stone-800);box-shadow:none}[data-theme=dark] .feat-testimonials .tcard:hover{border-color:var(--color-stone-700);box-shadow:none}[data-theme=dark] .feat-testimonials .tcard-mark{opacity:.6}[data-theme=dark] .feat-testimonials .tcard-author{border-top-color:var(--color-stone-800)}[data-theme=dark] .feat-testimonials .tcard-author img{border-color:var(--color-stone-800)}@media (width<=860px){.feat-testimonials-inner{grid-template-columns:1fr;max-width:440px}}.feat-cta{background:var(--color-stone-50);text-align:center;padding:80px 24px;position:relative;overflow:hidden}.feat-cta-gradient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.feat-cta .blob{filter:blur(80px);will-change:transform;border-radius:50%;position:absolute}.feat-cta .blob-1{background:radial-gradient(circle,#fee26573,#ffc83226 50%,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite alternate drift-2-lg;top:-30%;right:-5%}.feat-cta .blob-2{background:radial-gradient(circle,#fec83c66,#ffe6781f 50%,#0000 70%);width:450px;height:450px;animation:16s ease-in-out infinite alternate drift-3-lg;bottom:-20%;left:-5%}.feat-cta-inner{z-index:1;max-width:560px;margin:0 auto;position:relative}.feat-cta h2{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.feat-cta p{color:var(--text-secondary);margin-bottom:32px;font-size:1rem;line-height:1.6}.feat-cta p strong{color:var(--text-primary);font-weight:600}.feat-cta-note{color:var(--text-muted);margin-top:14px;font-size:.82rem;display:block}[data-theme=dark] .feat-anchors{background:var(--color-stone-950)}[data-theme=dark] .feat-anchor-card{background:var(--color-stone-900);border-color:var(--color-stone-750)}[data-theme=dark] .feat-anchor-card:hover{border-color:var(--color-stone-700);box-shadow:0 8px 30px #0003}[data-theme=dark] .anchor-visual--speed{background:linear-gradient(#eab3080f 0%,#0000 100%)}[data-theme=dark] .anchor-visual--control{background:linear-gradient(#3b82f60f 0%,#0000 100%)}[data-theme=dark] .anchor-visual--simple{background:linear-gradient(180deg, var(--color-stone-950) 0%, var(--color-stone-900) 100%)}[data-theme=dark] .speed-track{background:var(--color-stone-750)}[data-theme=dark] .mini-player{background:var(--color-bg-dark)}[data-theme=dark] .swatch{border-color:var(--color-stone-750)}[data-theme=dark] .code-snippet{background:var(--color-bg-dark);border-color:var(--color-stone-750)}[data-theme=dark] .code-header{background:var(--color-stone-990);border-color:var(--color-stone-750)}[data-theme=dark] .feat-grid-section{background:var(--color-stone-950)}[data-theme=dark] .feat-item{background:var(--color-stone-900);border-color:var(--color-stone-750)}[data-theme=dark] a.feat-item:hover{border-color:var(--color-gold);box-shadow:0 6px 24px #0003}[data-theme=dark] .feat-icon{background:linear-gradient(135deg,#fee26514,#fee2650a)}[data-theme=dark] .feat-link{color:var(--color-gold-light)}[data-theme=dark] a.feat-item:hover .feat-link{color:var(--color-gold-glow)}[data-theme=dark] .feat-platforms{background:var(--color-stone-950);border-top-color:var(--color-stone-750)}[data-theme=dark] .feat-platform img{filter:invert()}[data-theme=dark] .feat-platform .brand-logo{color:var(--color-stone-450)}[data-theme=dark] .feat-platform svg{stroke:var(--color-stone-450)}[data-theme=dark] .feat-platform:hover svg{stroke:var(--color-stone-200)}[data-theme=dark] .feat-testimonials{background:var(--color-bg-dark)}[data-theme=dark] .feat-cta{background:var(--color-stone-850)}[data-theme=dark] .feat-cta .blob-1{background:radial-gradient(circle,#fee26526,#ffc8320d 50%,#0000 70%)}[data-theme=dark] .feat-cta .blob-2{background:radial-gradient(circle,#fec83c1f,#ffe6780a 50%,#0000 70%)}@media (prefers-reduced-motion:reduce){.speed-fill.speed-fill,.speed-fill.animated.speed-fill--yt,.speed-fill.animated.speed-fill--sv{transition:none}.feat-cta .blob-1,.feat-cta .blob-2{animation:none}.feat-item.feat-item{opacity:1;animation:none;transform:none}}@media (scripting:none){.feat-item.feat-item,.feat-item--no-link.feat-item--no-link{opacity:1;animation:none;transform:none}}
