.hero{padding:80px 0 96px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse at center, var(--brand-tint) 0%, transparent 70%);pointer-events:none;z-index:0;width:1000px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-inner{z-index:1;text-align:center;max-width:760px;margin:0 auto;position:relative}.hero h1{margin:20px 0 24px}.hero p.lede{color:var(--text-muted);max-width:580px;margin:0 auto 32px;font-size:1.25rem;line-height:1.55}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:inline-flex}.hero-meta{color:var(--text-subtle);margin-top:20px;font-size:.875rem}.hero-frame{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:880px;box-shadow:var(--shadow-lg);isolation:isolate;margin:48px auto 0;position:relative;overflow:hidden}.hero-frame:after{content:"";animation:heroStageScan 5.8s var(--ease-in-out) infinite;pointer-events:none;z-index:5;background:linear-gradient(115deg,#0000 0%,#ffffff3d 42%,#0000 64%);position:absolute;inset:0;transform:translate(-120%)}.hero-stage{min-height:248px;padding:20px 24px 24px}.hero-msg{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);will-change:opacity, transform;transform:translateY(10px)}.hero-msg.in{opacity:1;transform:none}.hero-cite{color:var(--text-subtle);flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:.8125rem;display:flex}.hero-cite b{color:var(--brand-hover);font-weight:600}.typing-dots{gap:5px;padding:8px 2px;display:inline-flex}.typing-dots span{background:var(--text-subtle);opacity:.4;border-radius:999px;width:7px;height:7px;animation:1.2s infinite heroTypeBlink}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}.hero-loop-rail{z-index:4;pointer-events:none;grid-template-columns:repeat(5,1fr);gap:8px;display:grid;position:absolute;bottom:12px;left:24px;right:24px}.hero-loop-rail span{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--brand), var(--accent-amber));opacity:.32;height:5px;animation:heroRailPulse 2.4s var(--ease-in-out) infinite}.hero-loop-rail span:nth-child(2){animation-delay:.18s}.hero-loop-rail span:nth-child(3){animation-delay:.36s}.hero-loop-rail span:nth-child(4){animation-delay:.54s}.hero-loop-rail span:nth-child(5){animation-delay:.72s}@keyframes heroTypeBlink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes heroStageScan{0%,55%{transform:translate(-120%)}82%,to{transform:translate(120%)}}@keyframes heroRailPulse{0%,to{opacity:.32}45%{opacity:.9}}@media (prefers-reduced-motion:reduce){.hero-msg{transition:none;opacity:1!important;transform:none!important}.typing-dots span{animation:none}.hero-frame:after,.hero-loop-rail span,.motion-mini img{animation:none!important}#heroTyping{display:none}}.motion-mini{border:1px solid var(--border);border-radius:var(--radius-lg);max-width:520px;box-shadow:var(--shadow-sm);background:#ffffffb8;margin:18px auto 0;padding:8px;display:none;overflow:hidden}.motion-mini-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.motion-mini img{object-fit:cover;border-radius:var(--radius);background:var(--bg-elev);width:100%;min-width:0;height:54px;animation:miniStep 3.4s var(--ease-in-out) infinite;border:1px solid #d5cec0cc;display:block}.motion-mini img:nth-child(2){animation-delay:.16s}.motion-mini img:nth-child(3){animation-delay:.32s}.motion-mini img:nth-child(4){animation-delay:.48s}.motion-mini img:nth-child(5){animation-delay:.64s}@keyframes miniStep{0%,to{opacity:.74;transform:translateY(0)}45%{opacity:1;transform:translateY(-5px)}}.demo-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.demo-tab{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elev);height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:0 16px;font-family:inherit;font-size:.875rem;font-weight:500}.demo-tab:hover{color:var(--text);border-color:var(--border-strong)}.demo-tab.active{background:var(--brand-tint);color:var(--brand-hover);border-color:#0000}.demo-tab:focus-visible{box-shadow:var(--shadow-glow-brand);outline:none}.demo-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.demo-play{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elev);height:32px;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);align-items:center;gap:7px;padding:0 14px;font-family:inherit;font-size:.8125rem;font-weight:500;display:inline-flex}.demo-play:hover{color:var(--text);border-color:var(--border-strong)}.demo-play:focus-visible{box-shadow:var(--shadow-glow-brand);outline:none}.demo-play svg{fill:currentColor;width:14px;height:14px}.demo-play .ic-play,.demo-play.is-paused .ic-pause{display:none}.demo-play.is-paused .ic-play{display:inline}.demo-controls .subtle{margin:0}.product-frame{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:900px;box-shadow:var(--shadow-lg);margin:0 auto;overflow:hidden}.frame-chrome{border-bottom:1px solid var(--border);background:var(--bg-muted);align-items:center;gap:8px;padding:10px 14px;display:flex}.dot{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.dot.r{background:#e6b5a8}.dot.y{background:#e8d2a0}.dot.g{background:#b4d2bc}.frame-body{padding:24px}.slack-thread{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:14px 0;display:flex}.slack-thread:last-child{border-bottom:none}.avatar{border-radius:var(--radius-sm);background:var(--brand-tint);width:36px;height:36px;color:var(--brand-hover);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.avatar.user{color:#8a6b3a;background:#f2e8d9}.slack-author{font-size:.9375rem;font-weight:600}.slack-time{color:var(--text-subtle);font-size:.8125rem}.slack-body{color:var(--text);margin-top:4px;font-size:.9375rem}.logo-strip{opacity:.7;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;padding:32px 0;display:flex}.logo-strip span{color:var(--text-muted);font-size:.9375rem;font-weight:500}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.skill-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);transition:border var(--duration), transform var(--duration);padding:24px;position:relative}.skill-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.skill-soon{opacity:.62}.soon-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-amber-text);border-radius:var(--radius-pill);background:#d08a4c1f;padding:3px 8px;font-size:.6875rem;font-weight:600;position:absolute;top:16px;right:16px}.skill-icon{width:42px;height:42px;color:var(--brand);background:#4a73591f;background:color-mix(in srgb, var(--brand) 14%, transparent);transition:background var(--duration), color var(--duration);border-radius:11px;place-items:center;display:inline-grid}.skill-card:hover .skill-icon{background:color-mix(in srgb, var(--brand) 20%, transparent)}.skill-card h3{margin:12px 0 6px;font-size:1.0625rem}.skill-card p{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.5}.step-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.step-grid{grid-template-columns:repeat(3,1fr);gap:32px}}.step{padding:0}.step-num{font-family:var(--font-serif);color:var(--brand);font-size:2.5rem;line-height:1}.step h3{margin:12px 0 8px;font-size:1.25rem}.step p{color:var(--text-muted);margin:0;font-size:.9375rem}.testimonial{background:var(--bg-muted);border-radius:var(--radius-lg);border:none;padding:40px}.testimonial blockquote{font-family:var(--font-serif);color:var(--text);letter-spacing:-.015em;margin:0;font-size:1.625rem;line-height:1.35}.testimonial cite{color:var(--text-muted);margin-top:20px;font-size:.9375rem;font-style:normal;display:block}.memory-panel{grid-template-columns:1fr 1.4fr;align-items:center;gap:48px;display:grid}.table-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);overflow-x:auto}.compare-table{border-collapse:collapse;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-width:560px;overflow:hidden}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 20px;font-size:.9375rem}.compare-table th{background:var(--bg-muted);color:var(--text);font-weight:500}.compare-table td:not(:first-child){text-align:center;color:var(--text-muted)}.compare-table .yes{color:var(--brand);font-weight:500}.final-cta{text-align:center;background:linear-gradient(180deg, var(--bg) 0%, var(--brand-tint) 100%);border-radius:var(--radius-xl);margin:0 24px;padding:96px 0}.final-cta h2{font-family:var(--font-serif);margin-bottom:16px;font-weight:400}.faq{border-top:1px solid var(--border);flex-direction:column;gap:0;display:flex}.faq-item{border-bottom:1px solid var(--border);padding:4px 0}.faq-item summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;padding:18px 0;font-size:1.0625rem;font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--text-subtle);font-size:1.25rem;font-weight:400}.faq-item[open] summary:after{content:"–"}.faq-item p{color:var(--text-muted);margin:0 0 18px;font-size:.9375rem;line-height:1.6}.icon{vertical-align:-3px;stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:inline-block}@media (max-width:680px){.hero{padding:48px 0 64px}.hero:before{width:560px;height:420px;top:-170px}.hero .display{overflow-wrap:anywhere;font-size:clamp(2.35rem,13vw,3.35rem);line-height:1}.hero p.lede{margin-bottom:24px;font-size:1rem;line-height:1.55}.hero-cta{grid-template-columns:1fr;width:100%;display:grid}.hero-cta .btn{width:100%}.motion-mini{display:block}.hero-frame{border-radius:var(--radius-lg);margin-top:32px}.frame-body{padding:18px}.hero-stage{min-height:300px}.slack-thread{gap:10px}.card-lg{padding:24px}.memory-panel{grid-template-columns:1fr;gap:28px}.testimonial{padding:28px 24px}.testimonial blockquote{font-size:1.35rem}.final-cta{border-radius:var(--radius-lg);margin:0;padding:48px 24px}.final-cta .flex{grid-template-columns:1fr;display:grid}.final-cta .btn{width:100%}}@media (max-width:420px){.motion-mini{padding:7px}.motion-mini-track{gap:6px}.motion-mini img{height:48px}.hero-stage{min-height:320px}}