.feature-showcase{grid-template-columns:.9fr 1.2fr;align-items:stretch;gap:45px;display:grid}.feature-selector{flex-direction:column;display:flex}.feature-pills{flex-direction:column;gap:10px;display:flex}.feature-pill{background:#fff;border:1px solid #e2e8f0;border-radius:25px;transition:border-color .25s,box-shadow .25s;overflow:hidden}.feature-pill[data-active=true]{border-color:color-mix(in srgb, var(--accent-from) 35%, white);box-shadow:var(--shadow-card)}.feature-pill>button{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:13px;width:100%;padding:19px 22px;display:flex}.feature-number{font:9px var(--font-geist-mono), monospace;color:#94a3b8}.feature-pill strong{letter-spacing:-.5px;font-size:17px;font-weight:550}.feature-pill-category{color:#94a3b8;max-width:120px;margin-left:auto;font-size:8px}.feature-pill svg{color:#94a3b8;flex-shrink:0;margin-left:auto}.feature-pill[data-active=true] strong,.feature-pill[data-active=true]>button svg{color:var(--accent-from)}.feature-pill-detail{overflow:hidden}.feature-pill-detail p{color:#64748b;padding:0 24px 0 47px;font-size:11px;line-height:1.8}.feature-pill-detail a{color:var(--accent-from);align-items:center;gap:10px;margin:15px 24px 22px 47px;font-size:10px;display:inline-flex}.feature-pill-detail a svg{color:var(--accent-from)}.feature-controls{align-items:center;gap:10px;margin-top:auto;padding-top:24px;display:flex}.feature-controls>span{font:10px var(--font-geist-mono), monospace;color:#14213d}.feature-controls i{color:#cbd5e1;margin:0 3px;font-style:normal}.feature-controls p{color:#94a3b8;margin:0 auto 0 8px;font-size:9px}.feature-controls button{color:#52627a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:border-color .2s,color .2s;display:flex}.feature-controls button:hover{border-color:var(--accent-from);color:var(--accent-from)}.feature-media{border:1px solid color-mix(in srgb, var(--accent-from) 12%, white);touch-action:pan-y;background:color-mix(in srgb, var(--accent-from) 5%, white);border-radius:25px;min-height:530px;position:relative;overflow:hidden}.feature-visual{position:absolute;inset:0}.feature-visual>.illustration-scene{border-radius:0;height:100%}.feature-visual .illustration-composition{height:100%;padding:80px}.feature-visual .scene-browser{max-width:400px;transform:rotate(-3deg)scale(1.1)}.feature-visual .scene-chat{transform:rotate(-3deg)scale(1.25)}.feature-visual .scene-chip-bottom{bottom:90px;left:45px;transform:scale(1.15)rotate(2deg)}.feature-visual .scene-chip-top{top:100px;right:40px}.feature-media-caption{font:8px var(--font-geist-mono), monospace;color:#8592a6;letter-spacing:.6px;border-top:1px solid #ffffff70;justify-content:space-between;padding:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.feature-media-caption>span:last-child{color:var(--accent-from)}@media (max-width:1100px){.feature-showcase{gap:25px}.feature-pill-category{display:none}}@media (max-width:800px){.feature-showcase{grid-template-columns:1fr}.feature-media{min-height:420px}.feature-controls{padding-top:20px}}@media (max-width:480px){.feature-media{min-height:370px}.feature-visual .illustration-composition{padding:35px}.feature-visual .scene-browser{transform:rotate(-3deg)scale(.9)}.feature-visual .scene-chat{transform:rotate(-3deg)scale(1)}.feature-visual .scene-chip-bottom{bottom:75px;left:15px;transform:scale(.9)}.feature-visual .scene-chip-top{top:65px;right:15px}.feature-pill>button{padding:17px 18px}.feature-controls p{font-size:8px}}@media (prefers-reduced-motion:reduce){.feature-pill,.feature-controls button{transition:none}}