@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.story-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.story-no-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.story-home-root{--home-gutter: clamp(20px, 3vw, 56px);--home-max: 100%;--home-grid-cols: 12;--motion-fast: .14s;--motion-base: .22s;--motion-slow: .38s;--motion-scene: .7s;--surface-1: color-mix(in srgb, var(--bg-primary) 92%, var(--bg-secondary));--surface-2: color-mix(in srgb, var(--bg-secondary) 86%, var(--bg-primary));--surface-3: color-mix(in srgb, var(--bg-secondary) 72%, transparent);--surface-elevated: color-mix(in srgb, var(--bg-primary) 97%, var(--bg-secondary));--story-noise-alpha: .018;--story-fog-top: color-mix(in srgb, var(--bg-primary) 16%, transparent);--story-fog-bottom: color-mix(in srgb, var(--bg-primary) 34%, transparent);position:relative;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-behavior:auto;scroll-snap-type:y mandatory;font-family:JetBrains Mono,Fira Code,monospace}.dark .story-home-root{--story-noise-alpha: .046;--story-fog-top: color-mix(in srgb, #090c11 34%, transparent);--story-fog-bottom: color-mix(in srgb, #090c11 70%, transparent)}.story-track{position:relative;z-index:3;min-height:100%;width:100%;will-change:transform}.pf-lang-toggle{position:fixed;top:1.25rem;right:1.25rem;z-index:120;display:flex;align-items:center;gap:0;border-radius:999px;border:1px solid var(--pf-border-subtle, color-mix(in srgb, var(--text-primary) 12%, transparent));background:var(--pf-surface-raised, color-mix(in srgb, var(--surface-elevated) 88%, transparent));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;box-shadow:0 2px 12px color-mix(in srgb,var(--shadow, #000) 40%,transparent)}.pf-lang-btn{display:flex;align-items:center;gap:.3rem;padding:.4rem .75rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;font-weight:600;letter-spacing:.04em;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:color .18s,background .18s;white-space:nowrap}.pf-lang-sep{width:1px;height:18px;background:var(--pf-border-subtle, color-mix(in srgb, var(--text-primary) 12%, transparent));flex-shrink:0}.story-section{min-height:100dvh;height:100dvh;width:100%;padding-block:clamp(.9rem,1.8vw,1.8rem);display:flex;align-items:center;justify-content:flex-start;scroll-snap-align:start;scroll-snap-stop:always;transition:opacity var(--motion-base) ease,transform var(--motion-slow) ease}.story-section.story-theme-hero{z-index:3;position:relative;padding-block:0}.story-section.story-theme-hero .story-section-inner{height:100%;max-width:none;padding-inline:0}.story-section.story-theme-cta{padding-block:0}.story-section.story-theme-cta .story-section-inner{height:100%;max-width:none;padding-inline:0}.story-section.story-theme-speed{position:relative;z-index:3;background:transparent;overflow:hidden}.story-section.story-theme-speed .story-section-inner{height:100%;max-width:none;padding:0;display:flex;flex-direction:column}.spd-root{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;--spd-keyboard-height: clamp(130px, 18vh, 180px)}.spd-glow{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:clamp(500px,80vw,900px);height:clamp(300px,50vh,600px);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 70%);pointer-events:none;z-index:0}.spd-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:100%;padding:clamp(2rem,4vh,4rem) clamp(88px,8vw,108px) clamp(1.5rem,3vh,3rem);gap:clamp(.8rem,1.5vh,1.5rem)}.spd-word-stage{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.spd-word-label{font-size:clamp(.58rem,.76vw,.68rem);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:600}.spd-word-display{display:flex;align-items:center;gap:clamp(.5rem,1.5vw,1.2rem);font-family:Space Grotesk,SF Pro Display,sans-serif;font-size:clamp(2rem,5vw,5rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text-primary);transition:opacity .2s ease,transform .2s ease}.spd-word-display.is-exiting{opacity:0;transform:translateY(-8px) scale(.97);transition:opacity .2s ease,transform .2s ease}.spd-showcase-word{display:inline-block;animation:spd-word-in .38s cubic-bezier(.34,1.56,.64,1) both}@keyframes spd-word-in{0%{opacity:0;transform:translateY(18px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.spd-showcase-word:nth-child(1){animation-delay:0ms}.spd-showcase-word:nth-child(2){animation-delay:65ms}.spd-showcase-word:nth-child(3){animation-delay:.13s}.spd-showcase-word:nth-child(4){animation-delay:195ms}.spd-split{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;width:100%;flex:1;min-height:0}.spd-panel{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.1rem,2.2vw,1.8rem);border-radius:clamp(.8rem,1.1vw,1.1rem);border:1px solid color-mix(in srgb,var(--border) 40%,transparent);background:color-mix(in srgb,var(--bg-secondary) 55%,transparent);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);gap:clamp(.7rem,1.2vh,1.1rem);min-height:0;overflow:hidden}.spd-panel--steno{background:color-mix(in srgb,var(--accent) 6%,color-mix(in srgb,var(--bg-secondary) 55%,transparent));border-color:color-mix(in srgb,var(--accent) 25%,color-mix(in srgb,var(--border) 40%,transparent))}.spd-panel-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:clamp(.58rem,.76vw,.68rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.spd-panel-tag--muted{color:color-mix(in srgb,var(--text-secondary) 80%,transparent)}.spd-panel-tag--accent{color:var(--accent)}.spd-panel-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.spd-panel-demo{flex:1;display:flex;align-items:center;min-height:0;overflow:hidden}.spd-fade-phase{transition:opacity .18s ease,transform .18s ease}.spd-fade-phase.is-exiting{opacity:0;transform:translateY(-6px)}.spd-qwerty-display{display:flex;flex-wrap:wrap;align-content:flex-start;gap:0;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:clamp(1rem,2vw,1.8rem);font-weight:500;line-height:1.4;min-height:2.6em;align-items:flex-start}.spd-qwerty-display.is-exiting .spd-qwerty-char{opacity:.2;transition:none}.spd-qwerty-char{display:inline-block;position:relative;transition:color .05s ease}.spd-qwerty-char.is-typed{color:var(--text-primary)}.spd-qwerty-char.is-just-typed{animation:spd-char-pop .08s ease-out both}.spd-qwerty-char.is-pending,.spd-qwerty-char.is-cursor{color:color-mix(in srgb,var(--text-secondary) 28%,transparent)}.spd-qwerty-char.is-cursor:before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--accent);border-radius:1px;animation:spd-blink .7s step-end infinite}.spd-qwerty-char.is-space{display:inline-block;width:.36em}@keyframes spd-char-pop{0%{opacity:0;transform:scale(1.25) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.spd-panel-stats{display:flex;align-items:baseline;gap:clamp(.8rem,1.5vw,1.4rem);flex-shrink:0}.spd-stat{display:flex;align-items:baseline;gap:.3rem}.spd-stat--wpm{padding-left:clamp(.6rem,1vw,1rem);border-left:1px solid color-mix(in srgb,var(--border) 35%,transparent)}.spd-cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent);margin-left:1px;vertical-align:text-bottom;animation:spd-blink .7s step-end infinite}@keyframes spd-blink{0%,to{opacity:1}50%{opacity:0}}.spd-steno-display{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.35em;font-family:Space Grotesk,SF Pro Display,sans-serif;font-size:clamp(1rem,2vw,1.8rem);font-weight:600;line-height:1.4;min-height:2.6em}.spd-steno-word{display:inline-block;color:transparent;transform:scale(.82) translateY(4px);transition:color .12s ease-out,transform .16s cubic-bezier(.34,1.56,.64,1),opacity .12s ease-out;opacity:0}.spd-steno-word.is-shown{color:var(--accent);transform:scale(1) translateY(0);opacity:1;filter:brightness(1.1)}.spd-chord-flash{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:spd-chord-pulse .3s ease-out infinite;vertical-align:middle;margin-left:.3em}@keyframes spd-chord-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.spd-panel-stat{display:flex;align-items:baseline;gap:.4rem;flex-shrink:0}.spd-stat-num{font-family:Space Grotesk,sans-serif;font-size:clamp(1.3rem,2.6vw,2.2rem);font-weight:700;letter-spacing:-.03em;line-height:1}.spd-stat-num--muted{color:color-mix(in srgb,var(--text-primary) 38%,transparent)}.spd-stat-num--accent{color:var(--accent)}.spd-stat-label{font-size:clamp(.58rem,.82vw,.72rem);color:color-mix(in srgb,var(--text-secondary) 70%,transparent);letter-spacing:.04em;text-transform:uppercase}.spd-qwerty-keyboard{flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;height:var(--spd-keyboard-height)}.spd-qwerty-keyboard .spd-real-keyboard,.spd-qwerty-keyboard>div{max-width:100%;transform-origin:top left}.spd-keyboard-wrap{flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;height:var(--spd-keyboard-height)}.spd-real-keyboard{max-width:100%}.spd-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 clamp(.5rem,1vw,.85rem);gap:.4rem;flex-shrink:0}.spd-vs-line{flex:1;width:1px;background:color-mix(in srgb,var(--border) 35%,transparent)}.spd-vs-label{font-size:clamp(.52rem,.68vw,.62rem);font-weight:700;letter-spacing:.14em;color:color-mix(in srgb,var(--text-secondary) 40%,transparent)}.spd-footer{display:flex;flex-direction:column;align-items:center;gap:.55rem;flex-shrink:0}.spd-tagline{font-family:Space Grotesk,sans-serif;font-size:clamp(.72rem,1.1vw,1rem);font-weight:500;text-align:center;color:color-mix(in srgb,var(--text-secondary) 65%,transparent);letter-spacing:.01em;margin:0;max-width:60ch}.spd-theme-hint{opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease}.spd-footer:hover .spd-theme-hint,.spd-footer:focus-within .spd-theme-hint{opacity:1;transform:translateY(0)}.spd-theme-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.38em .9em;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-size:clamp(.6rem,.8vw,.7rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .12s ease}.spd-theme-btn:hover{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:scale(1.04)}.spd-theme-btn:active{transform:scale(.97)}@media(max-width:1024px){.spd-inner{padding-left:clamp(80px,7vw,96px)}}@media(max-width:768px){.spd-inner{padding:clamp(72px,12vh,88px) 1rem 1rem;gap:.65rem}.spd-split{grid-template-columns:1fr auto 1fr}.spd-word-display{font-size:clamp(1.4rem,7vw,2.8rem)}.spd-keyboard-wrap,.spd-qwerty-keyboard{display:none}}@media(max-width:520px){.spd-split{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr}.spd-vs{flex-direction:row;padding:.3rem 0}.spd-vs-line{flex:1;height:1px;width:auto}.spd-panel--qwerty{border-radius:clamp(.9rem,1.2vw,1.2rem) clamp(.9rem,1.2vw,1.2rem) 0 0;border-right:1px solid color-mix(in srgb,var(--border) 50%,transparent);border-bottom:none}.spd-panel--steno{border-radius:0 0 clamp(.9rem,1.2vw,1.2rem) clamp(.9rem,1.2vw,1.2rem);border-left:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-top:none}}.story-section.story-theme-path{position:relative;z-index:4;background:#0a0a0f;overflow:hidden}.story-section.story-theme-path .story-section-inner{height:100%;max-width:none;padding-inline:0}.story-path-halftone{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.story-path-split{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:clamp(2rem,4vh,4rem) clamp(2rem,5vw,6rem);gap:clamp(1.5rem,3vh,2.5rem)}.story-path-eyebrow{font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3.5vw,3rem);font-weight:700;letter-spacing:-.02em;text-transform:none;color:#fff;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.9),0 0 60px rgba(0,0,0,.6);margin:0}.story-path-panels{display:flex;align-items:stretch;gap:0;width:100%;max-width:960px;flex:1;min-height:0;max-height:520px}.story-path-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.6rem,1.2vw,1rem);padding:clamp(1.5rem,3vw,3rem);border:1.5px solid rgba(255,255,255,.1);border-radius:1.2rem;background:#08080ee0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;text-align:center;transition:border-color .28s ease,background-color .28s ease,transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease}.story-path-panel:hover{transform:translateY(-4px) scale(1.015);border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:#08080ef0;box-shadow:0 16px 48px color-mix(in srgb,var(--accent) 18%,transparent),0 0 80px -20px color-mix(in srgb,var(--accent) 10%,transparent)}.story-path-panel:active{transform:translateY(-1px) scale(.99)}.story-path-panel.is-selected{border-color:color-mix(in srgb,var(--accent) 80%,transparent);background:#08080ef0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent),0 12px 36px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.story-path-number{font-family:Space Grotesk,sans-serif;font-size:clamp(.68rem,.9vw,.8rem);font-weight:600;letter-spacing:.12em;color:var(--accent);opacity:.9}.story-path-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4.5vw,3.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:#fff;margin:0}.story-path-desc{font-family:Inter,sans-serif;font-size:clamp(.82rem,1.1vw,1rem);line-height:1.6;color:#ffffff9e;max-width:28ch;margin:0}.story-path-tag{font-family:Inter,sans-serif;font-size:clamp(.58rem,.72vw,.68rem);letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--accent);padding:.3em .9em;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.story-path-divider{display:flex;align-items:center;justify-content:center;width:clamp(2rem,4vw,4rem);flex-shrink:0}.story-path-divider span{font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;color:#ffffff59;text-transform:lowercase;letter-spacing:.06em}@media(max-width:768px){.story-path-panels{flex-direction:column;max-height:none;gap:0}.story-path-panel{border-radius:1rem;padding:clamp(1.2rem,3vw,2rem)}.story-path-title{font-size:clamp(1.6rem,8vw,2.4rem)}.story-path-divider{width:auto;height:clamp(1.5rem,3vh,2.5rem)}.story-path-split{padding:clamp(4rem,8vh,6rem) clamp(1.2rem,4vw,2rem)}}@media(max-width:420px){.story-path-panel{gap:.5rem;padding:clamp(1rem,2.5vw,1.5rem)}.story-path-title{font-size:clamp(1.4rem,7vw,2rem)}.story-path-desc{font-size:.78rem}.story-path-split{padding:clamp(3.5rem,7vh,5rem) clamp(1rem,3vw,1.5rem)}}.story-section.story-theme-problem{position:relative;z-index:4;background:radial-gradient(circle at 78% 16%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 45%),radial-gradient(circle at 24% 84%,color-mix(in srgb,var(--text-secondary) 11%,transparent),transparent 52%),linear-gradient(160deg,color-mix(in srgb,var(--bg-secondary) 42%,var(--bg-primary)),color-mix(in srgb,var(--bg-primary) 88%,var(--bg-secondary)));box-shadow:0 -1px color-mix(in srgb,var(--border) 78%,transparent) inset}.story-section.story-theme-problem:before{content:"";position:absolute;top:0;left:0;right:0;height:24px;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg-secondary) 34%,var(--bg-primary)),transparent)}.story-section.story-theme-problem:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--story-noise-alpha);background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--text-secondary) 80%,transparent) 1px,transparent 0);background-size:3px 3px}.story-section-inner{width:100%;max-width:var(--home-max);margin-inline:auto;padding-inline:var(--home-gutter)}.story-grid{width:100%;display:grid;grid-template-columns:repeat(var(--home-grid-cols),minmax(0,1fr));gap:clamp(1rem,1.8vw,1.9rem);align-items:center}.story-grid-balanced,.story-grid-proof{align-items:start}.story-grid-cta{min-height:min(56dvh,620px);align-items:center}.story-col{min-width:0}.story-col-1-12{grid-column:1 / -1}.story-col-1-7{grid-column:1 / span 7}.story-col-8-12{grid-column:8 / -1}.story-col-1-8{grid-column:1 / span 8}.story-col-9-12{grid-column:9 / -1}.story-col-3-10{grid-column:3 / span 8}.story-layout{display:grid;gap:clamp(1.25rem,2vw,2.25rem);align-items:center}.story-layout.split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.story-layout.media-first{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.story-problem-surface{width:100%;border-radius:1.2rem;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--bg-primary) 95%,var(--bg-secondary)),color-mix(in srgb,var(--bg-secondary) 88%,var(--bg-primary)));box-shadow:0 10px 24px color-mix(in srgb,var(--shadow-large) 18%,transparent),0 1px color-mix(in srgb,var(--border) 65%,transparent) inset;padding:clamp(1.1rem,2vw,1.8rem);transition:border-color .32s ease,box-shadow .42s ease,background .42s ease}.story-feature-strip{display:grid;gap:.65rem}.story-feature-pill{display:grid;gap:.45rem;grid-template-columns:auto 1fr;border-radius:.9rem;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--bg-primary) 90%,var(--bg-secondary));padding:.65rem .72rem;transition:transform .26s ease,border-color .26s ease,background-color .26s ease,box-shadow .26s ease}.story-feature-pill>span{color:var(--accent);letter-spacing:.14em;font-size:.68rem;padding-top:.18rem}.story-feature-pill strong{color:var(--text-primary);font-size:.95rem}.story-feature-pill p{margin:.1rem 0 0;color:color-mix(in srgb,var(--text-primary) 92%,transparent);font-size:.8rem;line-height:1.5}.story-setup-card{border-radius:1rem;border:1px solid color-mix(in srgb,var(--border) 92%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-primary) 97%,var(--bg-secondary)),color-mix(in srgb,var(--bg-secondary) 92%,var(--bg-primary)));padding:.95rem;backdrop-filter:blur(.35px);box-shadow:0 6px 14px color-mix(in srgb,var(--shadow) 22%,transparent),0 1px color-mix(in srgb,var(--bg-primary) 80%,var(--border)) inset;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease,background .32s ease}.story-setup-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.68rem}.story-setup-title{margin:.45rem 0 0;color:var(--text-primary);font-size:clamp(1.25rem,2.8vw,1.8rem);line-height:1.2}.story-setup-body{margin:.6rem 0 0;color:color-mix(in srgb,var(--text-primary) 94%,transparent);font-size:.9rem;line-height:1.6}.story-setup-choice-grid{margin-top:.9rem;display:grid;gap:.65rem}.story-setup-choice{text-align:left;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--bg-primary) 96%,var(--bg-secondary));padding:.72rem;transition:border-color .2s ease,transform .2s ease,background-color .2s ease;box-shadow:0 0 color-mix(in srgb,var(--accent) 16%,transparent)}.story-setup-choice:hover{transform:translateY(-2px) scale(1.004);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 6px 16px color-mix(in srgb,var(--shadow) 22%,transparent)}.story-setup-choice.selected{border-color:color-mix(in srgb,var(--accent) 80%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-primary));box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 16%,transparent)}.story-setup-choice-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.story-setup-choice-head strong{color:var(--text-primary);font-size:.95rem}.story-setup-choice-head span{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px;padding:.16rem .48rem;color:var(--accent);font-size:.64rem;letter-spacing:.08em}.story-setup-choice p,.story-setup-choice small{margin:.4rem 0 0;display:block;color:color-mix(in srgb,var(--text-primary) 92%,transparent);font-size:.78rem;line-height:1.5}.story-theme-problem .story-body{color:color-mix(in srgb,var(--text-primary) 94%,transparent)}.story-theme-problem .story-setup-choice-head strong,.story-theme-problem .story-setup-choice p,.story-theme-problem .story-setup-choice small,.story-theme-problem .story-feature-pill strong,.story-theme-problem .story-feature-pill p{transition:color .28s ease}.story-theme-problem .story-feature-pill:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:color-mix(in srgb,var(--bg-primary) 96%,var(--bg-secondary));box-shadow:0 8px 18px color-mix(in srgb,var(--shadow) 18%,transparent)}.story-section.story-theme-problem .story-title,.story-section.story-theme-problem .story-setup-title{color:color-mix(in srgb,var(--text-primary) 96%,transparent)}.story-section.story-theme-problem .story-feature-pill,.story-section.story-theme-problem .story-setup-choice{border-color:color-mix(in srgb,var(--border) 94%,transparent)}.dark .story-section.story-theme-problem{box-shadow:0 -14px 28px color-mix(in srgb,#000 42%,transparent),0 -1px color-mix(in srgb,var(--border) 70%,transparent) inset}.dark .story-section.story-theme-problem:before{background:linear-gradient(to bottom,color-mix(in srgb,#0f1218 82%,var(--bg-primary)),transparent)}.dark .story-section.story-theme-problem:after{opacity:.046}.dark .story-problem-surface{box-shadow:0 20px 48px color-mix(in srgb,#000 35%,transparent),0 1px color-mix(in srgb,var(--border) 65%,transparent) inset}.dark .story-feature-pill p,.dark .story-setup-body,.dark .story-setup-choice p,.dark .story-setup-choice small,.dark .story-theme-problem .story-body{color:color-mix(in srgb,var(--text-primary) 86%,transparent)}.story-section.story-theme-keyboard{position:relative;z-index:0;padding:0}.story-section.story-theme-keyboard .story-section-inner{height:100%;max-width:none;padding:0;display:flex;flex-direction:column}.kb-accordion{display:flex;flex-direction:column;width:100%;height:100%;flex:1}.kb-header{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,3vw,3rem);padding:clamp(2.4rem,4vh,4rem) clamp(3rem,6vw,6rem) clamp(2rem,3vh,3rem);padding-left:clamp(88px,8vw,108px);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.kb-title{font-family:Space Grotesk,SF Pro Display,sans-serif;font-size:clamp(1.5rem,3.5vw,3rem);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--text-primary);margin:0;flex:1;min-width:0}.kb-header-desc{font-family:Inter,sans-serif;font-size:clamp(.82rem,1.1vw,.96rem);line-height:1.65;color:color-mix(in srgb,var(--text-primary) 55%,transparent);max-width:36ch;margin:0;align-self:end}.kb-active-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.32em .9em .32em .6em;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--bg-secondary));font-size:.72rem;color:color-mix(in srgb,var(--text-primary) 75%,transparent);white-space:nowrap;align-self:end}.kb-active-pill strong{color:var(--accent);font-weight:600}.kb-active-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 6px 1px color-mix(in srgb,var(--accent) 60%,transparent);animation:kb-dot-pulse 2.2s ease-in-out infinite}@keyframes kb-dot-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.kb-active-dot{animation:none}}.kb-columns{flex:1;display:flex;min-height:0;border-top:none;padding-left:clamp(88px,8vw,108px)}.kb-col{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(1.2rem,2vw,1.8rem);border-right:1px solid color-mix(in srgb,var(--border) 55%,transparent);background:transparent;cursor:pointer;text-align:left;overflow:hidden;transition:flex .48s cubic-bezier(.25,1,.5,1),background .24s ease}.kb-col:first-child{border-left:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.kb-columns:hover .kb-col{flex:.6}.kb-columns:hover .kb-col:hover{flex:2;background:color-mix(in srgb,var(--bg-secondary) 60%,transparent)}.kb-col.is-selected{background:color-mix(in srgb,var(--accent) 5%,var(--bg-secondary))}.kb-col.is-selected:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}.kb-col.is-recommended .kb-col-badge{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.kb-col-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-shrink:0;padding-bottom:clamp(.5rem,.8vw,.8rem)}.kb-col-index{font-family:Space Grotesk,sans-serif;font-size:clamp(.6rem,.72vw,.7rem);font-weight:500;letter-spacing:.08em;color:color-mix(in srgb,var(--text-primary) 28%,transparent);flex-shrink:0;margin-top:.1em}.kb-col-image{flex:1 1 0;min-height:clamp(60px,8vh,100px);position:relative;overflow:hidden}.kb-col-image-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;padding:clamp(.6rem,1.2vw,1.2rem);border-radius:.5rem;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-sizing:border-box;opacity:.45;filter:saturate(.6);transition:opacity .28s ease,filter .28s ease,transform .36s cubic-bezier(.25,1,.5,1)}.kb-col:hover .kb-col-image-img,.kb-col.is-selected .kb-col-image-img{opacity:1;filter:saturate(1);transform:scale(1.04)}.kb-col-foot{display:flex;flex-direction:column;gap:.4rem;padding-top:.8rem;flex-shrink:0;border-top:1px solid color-mix(in srgb,var(--border) 45%,transparent)}.kb-col-title{font-family:Space Grotesk,sans-serif;font-size:clamp(.88rem,1.6vw,1.4rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin:0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-col-desc{font-family:Inter,sans-serif;font-size:clamp(.7rem,.85vw,.8rem);line-height:1.55;color:color-mix(in srgb,var(--text-primary) 55%,transparent);margin:0;opacity:0;max-height:0;overflow:hidden;transition:opacity .28s ease .1s,max-height .32s ease 80ms}.kb-col:hover .kb-col-desc{opacity:1;max-height:4em}.kb-col-badge{display:inline-block;font-family:Inter,sans-serif;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:color-mix(in srgb,var(--text-primary) 50%,transparent);padding:.22em .7em;border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:999px;background:transparent;transition:color .22s ease,border-color .22s ease}.kb-col:hover .kb-col-badge,.kb-col.is-selected .kb-col-badge{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}@media(max-width:1280px){.kb-header{padding:clamp(2rem,3.5vh,3.5rem) clamp(2rem,4vw,4rem) clamp(1.5rem,2.5vh,2.5rem);padding-left:clamp(88px,8vw,108px)}}@media(max-width:1024px){.kb-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.kb-col,.kb-columns:hover .kb-col,.kb-columns:hover .kb-col:hover{flex:none;min-height:clamp(9rem,20vh,14rem);border-right:1px solid color-mix(in srgb,var(--border) 55%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.kb-col:nth-child(2n){border-right:none}.kb-col .kb-col-desc{opacity:1;max-height:none}}@media(max-width:768px){.kb-header{padding:clamp(72px,12vh,88px) clamp(1rem,4vw,1.5rem) clamp(.8rem,1.5vh,1.2rem);padding-left:clamp(1rem,4vw,1.5rem);flex-wrap:wrap;gap:.6rem}.kb-columns{padding-left:0;flex-direction:column;display:flex;grid-template-columns:none}.kb-col,.kb-columns:hover .kb-col,.kb-columns:hover .kb-col:hover{flex:none;height:auto;min-height:0;border-right:none;border-left:none;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);display:grid;grid-template-columns:1fr clamp(72px,20vw,100px);grid-template-rows:auto 1fr auto;align-items:start;gap:0 .75rem;padding:clamp(.75rem,2vw,1rem)}.kb-col:first-child{border-left:none;border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.kb-col-top{grid-column:1;grid-row:1;padding-bottom:.3rem}.kb-col-image{grid-column:2;grid-row:1 / 4;position:relative;width:100%;height:clamp(60px,16vw,90px);min-height:unset;align-self:center}.kb-col-image-img{padding:.25rem;opacity:1;filter:none}.kb-col-foot{grid-column:1;grid-row:2 / 4;border-top:none;padding-top:0}.kb-col .kb-col-desc{opacity:1;max-height:none;font-size:clamp(.68rem,2.8vw,.78rem)}.kb-title{font-size:clamp(1.15rem,4.5vw,1.6rem)}}@media(max-width:480px){.kb-header{padding:clamp(68px,11vh,80px) .85rem .75rem;gap:.4rem}.kb-col{min-height:clamp(4rem,12vw,5.5rem);padding:clamp(.75rem,2.5vw,1rem)}.kb-active-pill{font-size:.62rem}}.story-theme-panel{border-radius:1rem;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--bg-secondary) 76%,transparent);padding:.85rem}.story-theme-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.65rem}.story-theme-panel-head strong{color:var(--text-primary);font-size:.9rem}.story-theme-panel-head span{color:color-mix(in srgb,var(--text-primary) 72%,transparent);font-size:.76rem}.story-theme-grid{display:grid;gap:.62rem;grid-template-columns:repeat(2,minmax(0,1fr))}.story-theme-choice{text-align:left;border-radius:.8rem;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--bg-primary) 72%,transparent);padding:.62rem;transition:transform var(--motion-base) ease,border-color var(--motion-base) ease,background-color var(--motion-base) ease,box-shadow var(--motion-base) ease}.story-theme-choice:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 10px 18px color-mix(in srgb,var(--shadow) 17%,transparent)}.story-theme-choice.selected{border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 9%,var(--bg-primary))}.story-theme-choice-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.story-theme-name-wrap{display:flex;align-items:center;gap:.45rem}.story-theme-accent-dot{width:.74rem;height:.74rem;border-radius:999px}.story-theme-name-wrap strong{color:var(--text-primary);font-size:.82rem}.story-theme-selected-pill{border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:999px;color:var(--accent);font-size:.6rem;letter-spacing:.08em;padding:.12rem .34rem}.story-theme-swatches{margin-top:.5rem;display:flex;gap:.4rem}.story-theme-swatches span{width:.95rem;height:.95rem;border-radius:.22rem}.story-section.story-theme-steps{position:relative;z-index:0;padding:0;overflow:hidden;background:#050508}.story-section.story-theme-steps .story-section-inner{height:100%;max-width:none;padding:0;display:flex;flex-direction:column}.tf-root{position:relative;width:100%;height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.fractal-glass-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.tf-inner{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;padding-left:clamp(88px,8vw,108px)}.tf-header{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:clamp(.3rem,.6vh,.5rem);padding:clamp(2rem,3.5vh,3.2rem) clamp(3rem,6vw,6rem) clamp(1.2rem,2vh,1.8rem);padding-left:0;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.tf-title{font-family:Space Grotesk,SF Pro Display,sans-serif;font-size:clamp(1.3rem,2.8vw,2.4rem);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:#fff;margin:0;text-shadow:0 2px 24px rgba(0,0,0,.8)}.tf-desc{font-family:Inter,sans-serif;font-size:clamp(.75rem,.95vw,.86rem);line-height:1.55;color:#ffffff73;margin:0;max-width:48ch}.tf-grid{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(.55rem,.9vw,.9rem);padding:clamp(1rem,1.8vh,1.8rem) clamp(3rem,6vw,6rem) clamp(1.2rem,2vh,2rem) 0;min-height:0;overflow-y:auto;scrollbar-width:none}.tf-grid::-webkit-scrollbar{display:none}.tf-card{position:relative;display:flex;flex-direction:column;gap:0;border-radius:clamp(.8rem,1.2vw,1.1rem);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;backdrop-filter:blur(6px) saturate(110%);-webkit-backdrop-filter:blur(6px) saturate(110%);overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:border-color .26s ease,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .26s ease}.tf-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--tf-accent, #7c6fe0) 22%,transparent) 0%,transparent 65%);opacity:0;transition:opacity .26s ease;pointer-events:none;z-index:2}.tf-card:hover{transform:scale(1.03);border-color:#fff3;box-shadow:0 8px 32px #00000059}.tf-card:hover:after{opacity:.5}.tf-card:active{transform:scale(.98)}.tf-card.is-selected{transform:scale(1.045);border-color:color-mix(in srgb,var(--tf-accent, #7c6fe0) 80%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--tf-accent, #7c6fe0) 35%,transparent),0 0 28px -4px color-mix(in srgb,var(--tf-accent, #7c6fe0) 50%,transparent),0 12px 40px #0006;z-index:1}.tf-card.is-selected:after{opacity:1}.tf-card.is-selected:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--tf-accent, #7c6fe0);box-shadow:0 0 12px 2px color-mix(in srgb,var(--tf-accent, #7c6fe0) 60%,transparent);border-radius:1px;z-index:3}.tf-preview{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;background:transparent;border-radius:inherit;overflow:hidden;min-height:0;padding:clamp(.45rem,.9vw,.75rem);gap:clamp(.3rem,.5vw,.5rem)}.tf-preview-bar{display:flex;gap:.38rem;align-items:center;flex-shrink:0;background:var(--tf-bg, #1e1e2e);border-radius:.4rem .4rem 0 0;padding:clamp(.3rem,.5vw,.45rem) clamp(.4rem,.7vw,.6rem);margin:calc(-1*clamp(.45rem,.9vw,.75rem));margin-bottom:0}.tf-preview-dot{width:clamp(6px,.6vw,8px);height:clamp(6px,.6vw,8px);border-radius:50%;opacity:.8;flex-shrink:0}.tf-preview-body{flex:1;min-height:0;background:var(--tf-bg2, #181825);border-radius:.4rem;display:flex;align-items:center;gap:.3rem;padding:clamp(.3rem,.6vw,.5rem) clamp(.4rem,.8vw,.6rem);overflow:hidden}.tf-preview-cursor{width:2px;height:clamp(.9rem,1.4vw,1.2rem);background:var(--tf-accent, #cba6f7);border-radius:1px;flex-shrink:0;animation:tf-blink 1.1s ease-in-out infinite}@keyframes tf-blink{0%,45%{opacity:1}55%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.tf-preview-cursor{animation:none}}.tf-preview-text{font-family:JetBrains Mono,monospace;font-size:clamp(.6rem,.85vw,.78rem);color:var(--tf-text, #cdd6f4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.tf-preview-swatches{display:flex;gap:0;flex-shrink:0;border-radius:3px;overflow:hidden;outline:1px solid rgba(255,255,255,.18);outline-offset:-1px}.tf-preview-swatch{flex:1;height:clamp(5px,.65vw,7px);min-width:0}.tf-card-name-overlay{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:clamp(1.2rem,1.8vw,1.6rem) clamp(.6rem,1vw,.85rem) clamp(.45rem,.7vw,.6rem);background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.3) 60%,transparent 100%);display:flex;align-items:center;gap:.4rem;opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.tf-card:hover .tf-card-name-overlay{opacity:1;transform:translateY(0)}.tf-accent-dot{width:.45rem;height:.45rem;border-radius:50%;flex-shrink:0}.tf-card-name{font-family:Space Grotesk,sans-serif;font-size:clamp(.65rem,.85vw,.78rem);font-weight:600;letter-spacing:-.01em;color:#ffffffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.9)}.tf-type-panel{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;background:transparent;border-radius:inherit;overflow:hidden;min-height:0;padding:clamp(.45rem,.9vw,.75rem);gap:clamp(.3rem,.5vw,.5rem)}.tf-type-bar{display:flex;gap:.38rem;align-items:center;flex-shrink:0;background:var(--tf-bg, #1e1e2e);border-radius:.4rem .4rem 0 0;padding:clamp(.3rem,.5vw,.45rem) clamp(.4rem,.7vw,.6rem);margin:calc(-1*clamp(.45rem,.9vw,.75rem));margin-bottom:0}.tf-type-bar-name{font-family:Space Grotesk,sans-serif;font-size:clamp(.56rem,.72vw,.65rem);font-weight:600;color:var(--tf-text, #cdd6f4);opacity:.65;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-type-body{flex:1;min-height:0;background:var(--tf-bg2, #181825);border-radius:.4rem;display:flex;align-items:center;padding:clamp(.3rem,.6vw,.5rem) clamp(.4rem,.8vw,.6rem);overflow:hidden}.tf-type-input{flex:1;min-width:0;min-height:0;background:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;resize:none;overflow:hidden;font-family:JetBrains Mono,monospace;font-size:clamp(.6rem,.85vw,.78rem);line-height:1.4;color:var(--tf-text, #cdd6f4);caret-color:var(--tf-accent, #7c6fe0);padding:0}.tf-type-input:focus,.tf-type-input:focus-visible{outline:none;box-shadow:none;border:none}.tf-type-input::-moz-placeholder{color:var(--tf-text, #cdd6f4);opacity:.35;font-style:italic}.tf-type-input::placeholder{color:var(--tf-text, #cdd6f4);opacity:.35;font-style:italic}@media(min-width:1600px){.tf-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1280px){.tf-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}}@media(max-width:1024px){.tf-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(.45rem,.75vw,.75rem)}}@media(max-width:768px){.tf-inner{padding-left:0}.tf-header{padding:clamp(72px,12vh,88px) clamp(1rem,4vw,1.5rem) clamp(.8rem,1.5vh,1.2rem);border-bottom:1px solid rgba(255,255,255,.07)}.tf-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(.5rem,1.5vw,.8rem);padding:clamp(.75rem,1.5vh,1.2rem) clamp(.75rem,3vw,1.2rem) clamp(1rem,2vh,1.6rem)}.tf-title{font-size:clamp(1.15rem,4.5vw,1.6rem)}}@media(max-width:480px){.tf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.75rem .75rem 1.2rem}.tf-card:nth-child(n+11){display:none}.tf-preview-bar,.tf-type-bar{display:none}}@media(min-width:481px)and (max-width:768px){.tf-card:nth-child(n+13){display:none}}@media(min-width:769px)and (max-width:1280px){.tf-card:nth-child(n+16){display:none}}.story-copy-stack{display:flex;flex-direction:column;gap:1rem;max-width:66ch}.story-copy-stack.centered{max-width:100%;text-align:center;align-items:center}.story-copy-stack.compact{max-width:64ch}.story-eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;color:var(--accent)}.story-display{font-size:clamp(2rem,5vw,4.4rem);line-height:1.05;color:var(--text-primary);text-wrap:balance}.story-title{font-size:clamp(1.65rem,3.5vw,3rem);line-height:1.1;color:var(--text-primary);text-wrap:balance}.story-body{color:color-mix(in srgb,var(--text-primary) 90%,transparent);font-size:clamp(.95rem,1.5vw,1.14rem);line-height:1.72;text-wrap:pretty}.story-panel{border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:1.1rem;background:color-mix(in srgb,var(--bg-secondary) 76%,transparent);padding:1rem;backdrop-filter:blur(2px)}.story-panel.floating{box-shadow:0 24px 40px #0003}.story-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:color-mix(in srgb,var(--text-primary) 80%,transparent);font-size:.78rem}.story-panel-body{margin-top:.9rem;min-height:220px;display:flex;align-items:center;justify-content:center}.story-tag{border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);padding:.2rem .55rem;font-size:.68rem}.story-muted{color:color-mix(in srgb,var(--text-primary) 70%,transparent);font-size:.84rem}.story-cta-row{display:flex;gap:.75rem;flex-wrap:wrap}.story-media-placeholder{min-height:360px;border-radius:1.2rem;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:radial-gradient(circle at 30% 28%,rgba(226,183,20,.24),transparent 60%),radial-gradient(circle at 70% 72%,rgba(102,187,106,.2),transparent 65%),color-mix(in srgb,var(--bg-secondary) 70%,transparent);display:grid;place-content:center;text-align:center;gap:.45rem}.story-media-title{color:var(--text-primary);font-size:1.2rem}.story-media-subtitle{color:color-mix(in srgb,var(--text-primary) 76%,transparent);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.story-list{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.story-list li{border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:.7rem;padding:.62rem .72rem;color:color-mix(in srgb,var(--text-primary) 84%,transparent);background:color-mix(in srgb,var(--bg-secondary) 64%,transparent)}.story-list.accent li{border-color:color-mix(in srgb,var(--accent) 36%,var(--border))}.story-side-grid{display:grid;gap:.7rem}.story-small-card{display:grid;gap:.34rem;text-decoration:none;border-radius:.9rem;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--bg-secondary) 68%,transparent);padding:.8rem;color:inherit}.story-small-card strong{color:var(--text-primary)}.story-small-card p{color:color-mix(in srgb,var(--text-primary) 78%,transparent);font-size:.82rem;line-height:1.55}.story-chip{color:var(--accent);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.story-timeline{width:min(1120px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.story-step-card{text-align:left;border-radius:1rem;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--bg-secondary) 72%,transparent);padding:.95rem}.story-step-card h3{margin:.44rem 0 .32rem;color:var(--text-primary);font-size:1.02rem}.story-step-card p{margin:0;color:color-mix(in srgb,var(--text-primary) 78%,transparent);font-size:.82rem;line-height:1.58}.story-step-id{color:var(--accent);letter-spacing:.12em;font-size:.68rem}.story-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.story-stats-grid>div{border-radius:.72rem;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--bg-secondary) 72%,transparent);padding:.68rem .72rem;display:grid;gap:.24rem}.story-stats-grid span{color:color-mix(in srgb,var(--text-primary) 72%,transparent);font-size:.72rem}.story-stats-grid strong{color:var(--text-primary);font-size:1.14rem}.story-progress-bar{margin-top:.66rem;height:.55rem;border-radius:999px;background:color-mix(in srgb,var(--bg-primary) 86%,transparent);overflow:hidden}.story-progress-bar span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .32s ease-out}.story-progress-nav{position:fixed;z-index:6;top:50%;right:clamp(.56rem,1.2vw,1rem);transform:translateY(-50%);display:grid;gap:.45rem}.story-dot{width:.56rem;height:.56rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:color-mix(in srgb,var(--bg-secondary) 62%,transparent);cursor:pointer;opacity:.74;transition:transform .18s ease,opacity .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.story-dot:hover{opacity:.96;border-color:color-mix(in srgb,var(--accent) 46%,var(--border))}.story-dot.active{background:var(--accent);border-color:var(--accent);opacity:1;transform:scale(1.24);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}@media(max-width:1080px){.story-grid,.story-setup-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.story-col-1-7,.story-col-8-12,.story-col-1-8,.story-col-9-12,.story-col-3-10,.story-setup-grid>.story-copy-stack,.story-setup-grid>.story-keyboard-cards,.story-setup-grid>.story-theme-panel{grid-column:1 / -1}.story-problem-surface,.story-setup-grid{padding:1rem}.story-keyboard-cards,.story-theme-grid,.story-timeline{grid-template-columns:1fr}.story-media-placeholder{min-height:220px}.story-progress-nav{right:.34rem}}@media(max-width:768px){.story-section{padding-block:.6rem}.story-section-inner{padding-inline:clamp(14px,4.2vw,20px)}.story-display{font-size:clamp(1.72rem,8vw,2.6rem)}.story-title{font-size:clamp(1.4rem,6vw,2.1rem)}.story-copy-stack,.story-copy-stack.compact{max-width:100%}.story-progress-nav{display:none}}@media(prefers-reduced-motion:reduce){.story-section{animation:none!important;transition:none!important}}@keyframes story-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes story-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes story-hero-title-in{0%{opacity:0;transform:translateY(26px) scale(.98);letter-spacing:.01em}to{opacity:1;transform:translateY(0) scale(1);letter-spacing:0}}@keyframes story-hero-panel-in{0%{opacity:0;transform:translateY(24px) scale(.96) rotateX(8deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes story-problem-media-in{0%{opacity:0;transform:translateY(34px) scale(.985);clip-path:inset(100% 0 0 0 round 18px)}to{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0 round 18px)}}@keyframes story-problem-item-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes story-solution-card-in{0%{opacity:0;transform:translateY(18px) scale(.97);filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes story-steps-card-in{0%{opacity:0;transform:translateY(20px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes story-proof-stat-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes story-proof-panel-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes story-cta-actions-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes story-problem-text-in{0%{opacity:0;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes story-problem-card-in{0%{opacity:0;transform:translateY(18px) scale(.985);filter:saturate(.9)}to{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}}@keyframes story-problem-choice-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.story-sidebar{position:fixed;left:clamp(12px,1.5vw,24px);top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;align-items:stretch;gap:8px}.story-sidebar-brand{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:2px;border-radius:16px;background:color-mix(in srgb,var(--bg-secondary) 72%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--border) 30%,transparent);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);box-shadow:0 2px 12px #0000001f;transition:transform .28s cubic-bezier(.34,1.56,.64,1),background .18s ease,box-shadow .18s ease}.story-sidebar-brand:hover{transform:scale(1.08);background:color-mix(in srgb,var(--accent) 16%,var(--bg-secondary));box-shadow:0 4px 20px #0000002e}.story-sidebar-brand:active{transform:scale(.96)}.story-sidebar-brand img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;border-radius:6px}.story-sidebar-links{display:flex;flex-direction:column;gap:8px}.story-sidebar-card{display:flex;align-items:center;gap:0;width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--bg-secondary) 68%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--border) 26%,transparent);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);box-shadow:0 2px 12px #0000001a;color:color-mix(in srgb,var(--text-primary) 56%,transparent);cursor:pointer;overflow:hidden;white-space:nowrap;transition:width .32s cubic-bezier(.25,1,.5,1),transform .28s cubic-bezier(.34,1.56,.64,1),background .18s ease,color .18s ease,box-shadow .22s ease,border-color .18s ease}.story-sidebar-card:hover{width:160px;gap:10px;color:var(--text-primary);background:color-mix(in srgb,var(--bg-secondary) 85%,var(--bg-primary));border-color:color-mix(in srgb,var(--border) 50%,transparent);box-shadow:0 6px 28px #0000002e;transform:scale(1.06)}.story-sidebar-card:active{transform:scale(.97);transition-duration:80ms}.story-sidebar-card.active,.story-sidebar-card[aria-current=page]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.story-sidebar-card.active:hover,.story-sidebar-card[aria-current=page]:hover{background:color-mix(in srgb,var(--accent) 18%,var(--bg-secondary))}.story-sidebar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px}.story-sidebar-icon svg{flex-shrink:0}.story-sidebar-label{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:0;transform:translate(-6px);pointer-events:none;transition:opacity .2s 60ms ease,transform .26s 60ms cubic-bezier(.25,1,.5,1)}.story-sidebar-card:hover .story-sidebar-label{opacity:1;transform:translate(0)}.story-sidebar-card--settings{margin-top:2px}.story-hero-centered{position:static;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;gap:0;padding-inline:var(--home-gutter);padding-left:calc(var(--home-gutter) + 40px);padding-bottom:clamp(11rem,16vh,17rem);padding-top:clamp(2rem,4vh,5rem)}.story-hero-glow{position:absolute;top:45%;left:50%;width:clamp(320px,50vw,700px);height:clamp(260px,38vw,520px);transform:translate(-50%,-55%);border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 14%,transparent) 0%,color-mix(in srgb,var(--accent) 6%,transparent) 40%,transparent 72%);filter:blur(40px);pointer-events:none;z-index:-1}.story-hero-eyebrow{font-family:Inter,sans-serif;font-size:clamp(.65rem,.85vw,.78rem);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:clamp(1rem,2vw,1.8rem);position:relative;z-index:1}.story-hero-display{font-family:Space Grotesk,SF Pro Display,sans-serif;font-size:clamp(2.8rem,8vw,7.2rem);font-weight:700;line-height:1.04;letter-spacing:-.04em;color:var(--text-primary);text-wrap:balance;margin:0;position:relative;z-index:1}.story-hero-display .block{display:block}.story-hero-display .hero-emphasis{color:var(--accent);font-style:italic}.hero-thought-word{display:inline-block;position:relative;animation:hero-thought-jitter .18s steps(1) infinite,hero-thought-flicker 2.6s ease-in-out infinite;will-change:transform,text-shadow}@keyframes hero-thought-jitter{0%{transform:translate(0) skew(0)}8%{transform:translate(-1px,.5px) skew(-.4deg)}16%{transform:translate(.5px,-1px) skew(.6deg)}24%{transform:translate(1px,.5px) skew(-.3deg)}32%{transform:translate(-.5px,1px) skew(.5deg)}40%{transform:translateY(-.5px) skew(0)}48%{transform:translate(1px) skew(.4deg)}56%{transform:translate(-1px,.5px) skew(-.5deg)}64%{transform:translate(.5px,1px) skew(.3deg)}72%{transform:translateY(-1px) skew(-.4deg)}80%{transform:translate(-.5px) skew(.2deg)}88%{transform:translate(1px,-.5px) skew(-.3deg)}to{transform:translate(0) skew(0)}}@keyframes hero-thought-flicker{0%{color:var(--accent);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 70%,transparent),0 0 40px color-mix(in srgb,var(--accent) 30%,transparent)}18%{color:color-mix(in srgb,var(--accent) 80%,#da020e 20%);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 60%,#da020e 40%),0 0 8px rgba(218,2,14,.4)}36%{color:color-mix(in srgb,var(--accent) 45%,#da020e 55%);text-shadow:0 0 28px rgba(218,2,14,.7),0 0 60px rgba(218,2,14,.2),1px 0 0 rgba(218,2,14,.5)}52%{color:color-mix(in srgb,var(--accent) 30%,#da020e 70%);text-shadow:0 0 32px rgba(218,2,14,.9),0 0 12px rgba(218,2,14,.6),-1px 0 0 color-mix(in srgb,var(--accent) 60%,transparent)}68%{color:color-mix(in srgb,var(--accent) 55%,#da020e 45%);text-shadow:0 0 20px rgba(218,2,14,.5),0 0 50px color-mix(in srgb,var(--accent) 40%,transparent)}82%{color:color-mix(in srgb,var(--accent) 75%,#da020e 25%);text-shadow:0 0 16px color-mix(in srgb,var(--accent) 65%,transparent),0 0 6px rgba(218,2,14,.3)}to{color:var(--accent);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 70%,transparent),0 0 40px color-mix(in srgb,var(--accent) 30%,transparent)}}@media(prefers-reduced-motion:reduce){.hero-thought-word{animation:none}}.story-hero-body{margin-top:clamp(1.2rem,2vw,2rem);font-family:Inter,sans-serif;font-size:clamp(.92rem,1.3vw,1.1rem);line-height:1.7;color:color-mix(in srgb,var(--text-primary) 55%,transparent);max-width:44ch;text-wrap:pretty}.story-hero-cta{margin-top:clamp(1.2rem,2vw,2rem)}.story-hero-cta button{font-family:Space Grotesk,sans-serif;font-size:clamp(.92rem,1.2vw,1.1rem);padding:.85em 2.4em;border-radius:999px;letter-spacing:.02em;font-weight:600}.story-hero-chips{display:flex;align-items:center;gap:.6rem;margin-top:clamp(1.4rem,2.2vw,2.2rem);flex-wrap:wrap;justify-content:center}.story-hero-chip{font-family:Inter,sans-serif;font-size:clamp(.7rem,.9vw,.82rem);color:color-mix(in srgb,var(--text-primary) 50%,transparent);letter-spacing:.02em}.story-hero-chip strong{color:color-mix(in srgb,var(--text-primary) 82%,transparent);font-weight:600}.story-hero-chip-dot{width:3px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--text-primary) 30%,transparent);flex-shrink:0}.story-hero-band{position:absolute;bottom:0;left:0;right:0;width:100%;z-index:4;display:flex;flex-direction:column;align-items:stretch;padding:0;margin:0}.story-hero-band-title{display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,1.5vw,1.2rem);padding-block:clamp(.15rem,.6vw,.5rem);font-family:Space Grotesk,SF Pro Display,sans-serif;font-size:clamp(3rem,10vw,10rem);font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;-webkit-text-stroke:1.5px color-mix(in srgb,var(--text-primary) 50%,transparent);color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.story-hero-band-sep{font-size:clamp(1rem,3vw,3rem);color:var(--accent);-webkit-text-stroke:0;opacity:.7}.story-marquee{position:relative;overflow:hidden;pointer-events:none;border-top:1px solid color-mix(in srgb,var(--border) 22%,transparent);background:color-mix(in srgb,var(--bg-primary) 40%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.story-hero-band>.story-marquee:first-child{border-bottom:1px solid color-mix(in srgb,var(--border) 12%,transparent)}.story-hero-band>.story-marquee:last-child{border-bottom:1px solid color-mix(in srgb,var(--border) 22%,transparent)}.story-marquee-track{display:flex;width:-moz-max-content;width:max-content;will-change:transform}.story-marquee-track--left{animation:marquee-scroll-left 40s linear infinite}.story-marquee-track--right{animation:marquee-scroll-right 44s linear infinite}.story-marquee-content{display:flex;align-items:center;gap:0;padding-block:clamp(.45rem,.8vh,.65rem);white-space:nowrap}.story-marquee-content>span{font-family:Inter,sans-serif;font-size:clamp(.58rem,.75vw,.72rem);letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:color-mix(in srgb,var(--text-primary) 38%,transparent);padding-inline:.8em}.story-marquee-sep{color:color-mix(in srgb,var(--accent) 45%,transparent)!important;font-size:clamp(.5rem,.65vw,.6rem)!important;letter-spacing:0!important;padding-inline:.3em!important}.story-marquee:before,.story-marquee:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,3vw,60px);z-index:1;pointer-events:none}.story-marquee:before{left:0;background:linear-gradient(to right,var(--bg-primary),transparent)}.story-marquee:after{right:0;background:linear-gradient(to left,var(--bg-primary),transparent)}@keyframes marquee-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.story-marquee-track--left,.story-marquee-track--right{animation-play-state:paused}}@media(max-width:1080px){.story-sidebar-card,.story-sidebar-brand,.story-sidebar-icon{width:48px;height:48px}.story-sidebar-card,.story-sidebar-brand{border-radius:14px}.story-sidebar-card:hover{width:148px}.story-sidebar-icon svg{width:20px;height:20px}}@media(max-width:768px){.story-sidebar{inset:12px auto auto 50%;transform:translate(-50%);flex-direction:row;align-items:center;gap:6px;padding:5px;border-radius:18px;background:color-mix(in srgb,var(--bg-primary) 80%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid color-mix(in srgb,var(--border) 32%,transparent);box-shadow:0 4px 28px #00000029}.story-sidebar-brand{width:40px;height:40px;border-radius:12px;margin-bottom:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.story-sidebar-brand img{width:24px;height:24px}.story-sidebar-links{flex-direction:row;gap:4px}.story-sidebar-card{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--bg-secondary) 50%,transparent);border:1px solid color-mix(in srgb,var(--border) 18%,transparent);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.story-sidebar-icon{width:40px;height:40px}.story-sidebar-icon svg{width:18px;height:18px}.story-sidebar-card:hover{width:40px;gap:0;transform:scale(1.1)}.story-sidebar-label{display:none}.story-sidebar-card--settings{margin-top:0;margin-left:2px}.story-hero-display{font-size:clamp(2.2rem,11vw,3.4rem)}.story-hero-eyebrow{font-size:.58rem;letter-spacing:.14em;margin-bottom:.8rem}.story-hero-body{font-size:clamp(.82rem,3.2vw,1rem);max-width:90%}.story-hero-cta button{font-size:.88rem;padding:.75em 1.8em}.story-hero-centered{padding-top:clamp(4rem,8vh,6rem);padding-bottom:clamp(8rem,14vh,12rem);padding-left:var(--home-gutter)}.story-hero-glow{width:280px;height:200px;filter:blur(30px)}.story-hero-chips{gap:.4rem}.story-hero-chip{font-size:.65rem}.story-hero-band-title{font-size:clamp(2rem,8vw,5rem)}.story-marquee-content>span{font-size:.56rem;padding-inline:.5em}.story-marquee-content{padding-block:.35rem}.story-marquee-track--left{animation-duration:28s}.story-marquee-track--right{animation-duration:32s}}@media(max-width:420px){.story-sidebar{top:8px;bottom:auto;gap:4px;padding:4px;border-radius:14px}.story-sidebar-brand{width:36px;height:36px}.story-sidebar-brand img{width:20px;height:20px}.story-sidebar-card{width:36px;height:36px;border-radius:10px}.story-sidebar-icon{width:36px;height:36px}.story-sidebar-icon svg{width:16px;height:16px}.story-sidebar-card:hover{width:36px}.story-hero-display{font-size:clamp(1.8rem,10vw,2.8rem)}.story-hero-centered{padding-top:clamp(3.5rem,7vh,5rem);padding-bottom:clamp(5rem,12vh,8rem)}.story-hero-glow{display:none}.story-hero-chips{gap:.3rem}.story-hero-chip{font-size:.6rem}.story-hero-band-title{font-size:clamp(1.6rem,8vw,3rem)}.story-marquee-content>span{font-size:.5rem;padding-inline:.4em}.story-marquee-content{padding-block:.3rem}}.story-section.story-theme-proof{position:relative;z-index:0;padding:0;overflow:hidden;background:#06060c}.story-section.story-theme-proof .story-section-inner{height:100%;max-width:none;padding:0;display:flex;flex-direction:column}.pf-root{position:relative;width:100%;height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.pf-particles{position:absolute;inset:0;z-index:0;pointer-events:none}.pf-grid-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,black 20%,transparent 100%)}.pf-dash{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;height:100%;padding:clamp(1.4rem,2.5vh,2.5rem) clamp(1.4rem,2.5vw,2.2rem);padding-left:clamp(88px,8vw,108px);gap:clamp(.8rem,1.4vh,1.4rem);overflow:hidden}.pf-dash-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-shrink:0}.pf-eyebrow{font-size:clamp(.58rem,.76vw,.7rem);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 .3em}.pf-title{font-family:Space Grotesk,SF Pro Display,sans-serif;font-size:clamp(1.5rem,3vw,2.8rem);font-weight:700;line-height:1.06;letter-spacing:-.03em;color:var(--text-primary);margin:0}.pf-title-line{display:block}.pf-dash-chips{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.pf-dash-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:clamp(.6rem,.76vw,.68rem);font-weight:500;letter-spacing:.04em;padding:.3em .75em;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:color-mix(in srgb,var(--text-primary) 70%,transparent);white-space:nowrap}.pf-dash-chip--accent{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:600}.pf-dash-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(.55rem,.9vw,.9rem);flex:1;min-height:0;grid-template-areas:"wide wide wide vol" "area metric1 metric2 insight"}.pf-card{position:relative;display:flex;flex-direction:column;border-radius:clamp(.75rem,1vw,1rem);border:1px solid rgba(255,255,255,.07);background:#ffffff0a;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);padding:clamp(.85rem,1.3vw,1.2rem) clamp(.9rem,1.4vw,1.3rem);overflow:hidden;transition:border-color .22s ease,background .22s ease;min-height:0}.pf-card:hover{border-color:#ffffff1f;background:#ffffff0f}.pf-card--wide{grid-area:wide}.pf-card--vol{grid-area:vol;grid-row:1 / 3}.pf-card--area{grid-area:area}.pf-card--insight{grid-area:insight}.pf-dash-grid .pf-card--metric:nth-child(4){grid-area:metric1}.pf-dash-grid .pf-card--metric:nth-child(5){grid-area:metric2}.pf-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(.5rem,.9vh,.9rem);flex-shrink:0}.pf-card-label{font-size:clamp(.62rem,.82vw,.74rem);font-weight:600;letter-spacing:.04em;color:color-mix(in srgb,var(--text-primary) 65%,transparent)}.pf-card-menu{display:flex;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;opacity:.4;transition:opacity .18s ease}.pf-card-menu:hover{opacity:.8}.pf-card-menu span{display:block;width:3px;height:3px;border-radius:50%;background:var(--text-primary)}.pf-funnel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;flex-shrink:0;margin-bottom:clamp(.5rem,1vh,.8rem)}.pf-funnel-col{display:flex;flex-direction:column;gap:.15rem}.pf-funnel-lbl{font-size:clamp(.52rem,.68vw,.62rem);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 42%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-funnel-num{font-family:Space Grotesk,sans-serif;font-size:clamp(.9rem,1.6vw,1.5rem);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);line-height:1}.pf-bar-chart{display:flex;align-items:flex-end;gap:clamp(.35rem,.6vw,.6rem);flex:1;min-height:0;padding-bottom:0}.pf-bar-col{flex:1;display:flex;align-items:flex-end;min-height:0;height:100%;border-radius:4px 4px 0 0;overflow:hidden;background:#ffffff0a}.pf-bar-col.is-hi .pf-bar-fill{background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 40%,transparent)}.pf-bar-fill{width:100%;border-radius:4px 4px 0 0;background:#ffffff26;transition:height .7s cubic-bezier(.34,1.56,.64,1);min-height:4px}.pf-card-foot{display:flex;align-items:center;gap:.45rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);color:color-mix(in srgb,var(--text-primary) 40%,transparent);font-size:clamp(.58rem,.74vw,.68rem);flex-shrink:0}.pf-vol-hero{display:flex;align-items:baseline;gap:.5rem;margin-bottom:clamp(.7rem,1.2vh,1.1rem);flex-shrink:0}.pf-vol-num{font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,3.2vw,3rem);font-weight:700;letter-spacing:-.04em;color:var(--text-primary);line-height:1}.pf-vol-badge{font-size:clamp(.6rem,.8vw,.72rem);font-weight:600;padding:.18em .55em;border-radius:999px}.pf-vol-badge--up{background:color-mix(in srgb,#4ade80 15%,transparent);color:#4ade80}.pf-vol-bars{display:flex;flex-direction:column;gap:clamp(.55rem,.9vh,.85rem);flex:1;justify-content:center}.pf-vol-row{display:flex;align-items:center;gap:.5rem}.pf-vol-label{font-size:clamp(.56rem,.72vw,.65rem);color:color-mix(in srgb,var(--text-primary) 55%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 0 auto;max-width:30%}.pf-vol-track{flex:1;height:5px;border-radius:999px;background:#ffffff0f;overflow:hidden}.pf-vol-fill{height:100%;border-radius:999px;transition:width .7s ease;min-width:3px}.pf-vol-amount{font-size:clamp(.56rem,.72vw,.65rem);font-weight:600;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.pf-area-num{font-family:Space Grotesk,sans-serif;font-size:clamp(1.2rem,2.2vw,1.9rem);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);line-height:1;margin-bottom:.4rem;display:block}.pf-area-chart{flex:1;min-height:0;display:flex;align-items:flex-end}.pf-area-chart svg{width:100%;height:100%;display:block;overflow:visible}.pf-card--metric{grid-area:unset}.pf-metric-big{font-family:Space Grotesk,sans-serif;font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--text-primary);display:block;margin-bottom:auto}.pf-metric-foot{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:.5rem;flex-shrink:0}.pf-metric-peak{font-size:clamp(.52rem,.68vw,.62rem);color:color-mix(in srgb,var(--text-primary) 38%,transparent);white-space:nowrap;flex-shrink:0}.pf-metric-delta{font-size:clamp(.56rem,.72vw,.65rem);font-weight:600;white-space:nowrap;flex-shrink:0}.pf-metric-delta--up{color:#4ade80}.pf-sparkline{display:flex;align-items:flex-end;gap:2px;height:24px;flex:1;min-width:0}.pf-spark-bar{flex:1;border-radius:2px 2px 0 0;opacity:.75;min-width:3px;transition:opacity .2s ease}.pf-spark-bar:hover{opacity:1}.pf-card--insight{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,#1a1440),color-mix(in srgb,#f472b6 12%,#0d1a2e) 60%,color-mix(in srgb,#fb923c 10%,#0d1a1a))!important;border-color:#ffffff1a!important}.pf-insight-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:clamp(.52rem,.68vw,.62rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.22em .6em;border-radius:999px;background:#ffffff1f;color:#fffc;margin-bottom:.6rem;width:-moz-fit-content;width:fit-content}.pf-insight-big{font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:#fff;display:block;margin-bottom:.5rem}.pf-insight-body{font-size:clamp(.6rem,.8vw,.72rem);line-height:1.55;color:#ffffffb8;font-weight:500;flex:1;margin:0}.pf-insight-bar-wrap{height:3px;background:#ffffff1f;border-radius:999px;overflow:hidden;margin-top:.6rem;flex-shrink:0}.pf-insight-bar{height:100%;border-radius:999px;background:#fff9;min-width:4px;transition:width .8s ease}@media(max-width:1280px){.pf-dash{padding-left:clamp(80px,7vw,96px)}}@media(max-width:1024px){.pf-dash-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"wide   wide" "vol    area" "metric1 metric2" "insight insight"}.pf-card--vol{grid-row:unset}}@media(max-width:768px){.pf-dash{padding:clamp(72px,12vh,88px) 1rem 1rem}.pf-dash-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"wide   wide" "area   vol" "metric1 metric2" "insight insight"}.pf-title{font-size:clamp(1.3rem,5.5vw,2rem)}.pf-funnel-row{grid-template-columns:repeat(2,1fr)}.pf-bar-chart{display:none}}@media(max-width:520px){.pf-dash-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"wide" "vol" "area" "metric1" "metric2" "insight"}.pf-dash-chips{display:none}}.cta-root{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.cta-grid-overlay{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--border) 35%,transparent) 1px,transparent 1px);background-size:28px 28px;opacity:.45}.cta-split{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:1fr 1px 1.1fr;min-height:0;padding-bottom:clamp(8rem,16vw,18rem)}.cta-left{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vh,5rem) clamp(2rem,4vw,4rem) clamp(2rem,5vh,5rem) clamp(88px,8vw,108px);gap:clamp(1.5rem,3vh,2.5rem)}.cta-eyebrow{font-family:Inter,sans-serif;font-size:clamp(.62rem,.82vw,.74rem);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0}.cta-stats{display:flex;flex-direction:column;gap:clamp(.6rem,1.2vh,1rem)}.cta-stat{display:flex;align-items:center;gap:.75rem}.cta-stat-icon{font-size:1.15rem;line-height:1;flex-shrink:0;width:1.6rem;text-align:center}.cta-stat-value{font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:700;letter-spacing:-.04em;color:var(--text-primary);line-height:1;min-width:5ch}.cta-stat-label{font-family:Inter,sans-serif;font-size:clamp(.72rem,.9vw,.84rem);color:color-mix(in srgb,var(--text-primary) 50%,transparent);font-weight:500;line-height:1.2}.cta-setup-recap{border:1px solid color-mix(in srgb,var(--border) 55%,transparent);border-radius:.9rem;background:color-mix(in srgb,var(--bg-secondary) 45%,transparent);padding:clamp(.85rem,1.5vw,1.2rem) clamp(1rem,1.8vw,1.4rem);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cta-recap-title{font-family:Inter,sans-serif;font-size:clamp(.6rem,.72vw,.68rem);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 40%,transparent);font-weight:600;margin:0 0 .7rem}.cta-recap-items{display:flex;flex-direction:column;gap:.5rem}.cta-recap-item{display:flex;align-items:center;gap:.6rem}.cta-recap-icon{color:var(--accent);flex-shrink:0;opacity:.8;display:flex;align-items:center}.cta-recap-lbl{font-family:Inter,sans-serif;font-size:clamp(.68rem,.82vw,.76rem);color:color-mix(in srgb,var(--text-primary) 45%,transparent);flex:1}.cta-recap-val{font-family:Space Grotesk,sans-serif;font-size:clamp(.72rem,.88vw,.82rem);font-weight:600;color:var(--text-primary);text-align:right;max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cta-divider{background:color-mix(in srgb,var(--border) 50%,transparent);align-self:center;height:clamp(120px,30vh,280px);border-radius:1px}.cta-right{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vh,5rem) clamp(2rem,5vw,5rem) clamp(2rem,5vh,5rem) clamp(2.5rem,4vw,4rem);gap:clamp(1.2rem,2.5vh,2rem);position:relative}.cta-right:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 55% 45%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%);pointer-events:none;z-index:0}.cta-right>*{position:relative;z-index:1}.cta-display{font-family:Space Grotesk,SF Pro Display,sans-serif;font-size:clamp(2.4rem,5.5vw,5.5rem);font-weight:700;line-height:1.06;letter-spacing:-.04em;color:var(--text-primary);text-wrap:balance;margin:0}.cta-display-line{display:block}.cta-display-line--accent{color:var(--accent);font-style:italic}.cta-body{font-family:Inter,sans-serif;font-size:clamp(.88rem,1.15vw,1rem);line-height:1.72;color:color-mix(in srgb,var(--text-primary) 54%,transparent);max-width:44ch;text-wrap:pretty;margin:0}.cta-actions{display:flex;gap:.85rem;flex-wrap:wrap;align-items:center;margin-top:.4rem}.cta-btn{font-family:Space Grotesk,sans-serif;font-size:clamp(.9rem,1.15vw,1rem);font-weight:600;letter-spacing:.02em;border-radius:999px;padding:.8em 2em;cursor:pointer;display:inline-flex;align-items:center;gap:.5em;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .16s ease,border-color .16s ease;border:none;outline:none}.cta-btn:active{transform:scale(.97)!important;transition-duration:80ms}.cta-btn--primary{background:var(--accent);color:var(--bg-primary);box-shadow:0 4px 24px color-mix(in srgb,var(--accent) 40%,transparent)}.cta-btn--primary:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 36px color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 88%,white 12%)}.cta-btn--ghost{background:color-mix(in srgb,var(--bg-secondary) 55%,transparent);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cta-btn--ghost:hover{transform:translateY(-2px) scale(1.03);background:color-mix(in srgb,var(--bg-secondary) 80%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.cta-social-proof{display:flex;align-items:center;gap:.75rem;margin-top:.2rem}.cta-avatars{display:flex;flex-direction:row-reverse}.cta-avatar{width:26px;height:26px;border-radius:50%;border:2px solid var(--bg-primary);margin-left:-8px;flex-shrink:0;opacity:.85}.cta-avatars .cta-avatar:last-child{margin-left:0}.cta-proof-text{font-family:Inter,sans-serif;font-size:clamp(.68rem,.82vw,.76rem);color:color-mix(in srgb,var(--text-primary) 45%,transparent)}.cta-footer{position:absolute;bottom:0;left:0;right:0;z-index:2;pointer-events:auto;display:flex;flex-direction:column}.cta-footer-nav{display:grid;grid-template-columns:1.6fr 1fr 1.4fr 1fr;gap:clamp(1rem,3vw,2.5rem);padding:clamp(.6rem,1.2vh,1rem) clamp(1.5rem,4vw,4rem);border-top:1px solid color-mix(in srgb,var(--border) 40%,transparent);background:color-mix(in srgb,var(--bg-primary) 60%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cta-footer-col{display:flex;flex-direction:column;gap:.4rem}.cta-footer-col--brand{gap:.5rem}.cta-footer-logo{font-family:Space Grotesk,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.cta-footer-tagline{font-family:Inter,sans-serif;font-size:.68rem;color:color-mix(in srgb,var(--text-primary) 40%,transparent);margin:0;line-height:1.4}.cta-footer-legal{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.2rem}.cta-footer-dot{color:color-mix(in srgb,var(--text-primary) 25%,transparent);font-size:.6rem}.cta-footer-col-title{font-family:Inter,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 38%,transparent);margin:0 0 .3rem}.cta-footer-link{font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;color:color-mix(in srgb,var(--text-primary) 50%,transparent);text-decoration:none;transition:color .15s ease;display:inline-flex;align-items:center;gap:.3em;pointer-events:auto}.cta-footer-link:hover{color:var(--text-primary)}.cta-footer-link--email{font-size:.68rem;word-break:break-all;color:var(--accent);opacity:.85}.cta-footer-link--email:hover{opacity:1;color:var(--accent)}.cta-footer-contact-desc{font-family:Inter,sans-serif;font-size:.67rem;color:color-mix(in srgb,var(--text-primary) 38%,transparent);margin:0 0 .25rem;line-height:1.4}.cta-footer-appstore{display:flex;align-items:center;gap:.6rem;text-decoration:none;margin-top:.15rem;pointer-events:auto}.cta-footer-qr{border-radius:.4rem;border:1px solid color-mix(in srgb,var(--border) 50%,transparent);flex-shrink:0;display:block;width:56px;height:56px;-o-object-fit:contain;object-fit:contain}.cta-footer-appstore-label{font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;color:color-mix(in srgb,var(--text-primary) 55%,transparent);display:flex;align-items:center;gap:.25em;transition:color .15s ease}.cta-footer-appstore:hover .cta-footer-appstore-label{color:var(--text-primary)}.cta-footer-brand-wrap{overflow:hidden;display:flex;justify-content:center;align-items:flex-start;height:clamp(3rem,9.5vw,11rem);pointer-events:none}.cta-footer-brand{font-family:Space Grotesk,SF Pro Display,sans-serif;font-size:clamp(5rem,17vw,20rem);font-weight:800;letter-spacing:-.05em;line-height:1;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 22%,transparent);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}@media(max-width:1024px){.cta-split{grid-template-columns:1fr;grid-template-rows:auto 1px auto}.cta-left{padding:clamp(2rem,4vh,3.5rem) clamp(1.5rem,4vw,3rem) clamp(1.5rem,3vh,2.5rem) clamp(88px,8vw,108px)}.cta-divider{background:color-mix(in srgb,var(--border) 50%,transparent);align-self:stretch;height:1px;width:auto}.cta-stats{flex-direction:row;flex-wrap:wrap;gap:1rem 2rem}.cta-stat{flex-direction:column;align-items:flex-start;gap:.25rem}.cta-stat-icon{display:none}.cta-right{padding:clamp(1.5rem,3vh,2.5rem) clamp(1.5rem,4vw,3rem) clamp(2rem,4vh,3rem) clamp(88px,8vw,108px)}.cta-right:before{display:none}.cta-footer-nav{grid-template-columns:1fr 1fr;gap:1rem 1.5rem}}@media(max-width:768px){.cta-split{grid-template-columns:1fr;grid-template-rows:auto auto;flex:none;padding-bottom:clamp(11rem,55vw,18rem)}.cta-divider{display:none}.cta-left{justify-content:flex-start;padding:clamp(64px,10vh,80px) 1.25rem .75rem 1.25rem;gap:.75rem}.cta-right{justify-content:flex-start;padding:.5rem 1.25rem .75rem}.cta-right:before{display:none}.cta-display{font-size:clamp(2rem,9vw,3.2rem)}.cta-footer-nav{grid-template-columns:1fr 1fr;gap:.75rem 1rem;padding:.75rem 1.25rem}.cta-footer-brand-wrap{height:clamp(2.5rem,10vw,7rem)}.cta-footer-brand{font-size:clamp(4rem,16vw,12rem)}}@media(max-width:480px){.cta-setup-recap{display:none}.cta-stats{flex-direction:row;flex-wrap:wrap;gap:.4rem 1.25rem}.cta-stat{flex-direction:column;align-items:flex-start;gap:.05rem}.cta-stat-value{font-size:clamp(1.4rem,6vw,2rem)}.cta-stat-label{font-size:.66rem}.cta-actions{flex-direction:column;align-items:stretch;width:100%}.cta-btn{width:100%;justify-content:center}.cta-social-proof{flex-wrap:wrap}.cta-footer-nav{grid-template-columns:1fr 1fr;gap:.8rem .75rem;padding:.65rem 1rem}.cta-footer-col-title{font-size:.58rem;margin-bottom:.2rem}.cta-footer-link,.cta-footer-contact-desc,.cta-footer-tagline{font-size:.65rem}.cta-footer-link--email{font-size:.62rem}.cta-footer-qr{width:44px;height:44px}.cta-footer-appstore-label{font-size:.65rem}.cta-footer-brand-wrap{height:clamp(2rem,12vw,5rem)}.cta-footer-brand{font-size:clamp(3.5rem,20vw,8rem)}}.portfolio-root{--pf-max: 1100px;--pf-gutter: clamp(24px, 4vw, 56px);--pf-section-gap: clamp(80px, 12vh, 140px);--pf-font-display: "Space Grotesk", "SF Pro Display", -apple-system, sans-serif;--pf-font-body: "Inter", "SF Pro Text", -apple-system, sans-serif;--pf-font-mono: "JetBrains Mono", "Fira Code", monospace;--pf-surface-0: var(--bg-primary);--pf-surface-1: color-mix(in srgb, var(--bg-secondary) 40%, var(--bg-primary));--pf-surface-2: color-mix(in srgb, var(--bg-secondary) 65%, var(--bg-primary));--pf-surface-raised: color-mix(in srgb, var(--bg-secondary) 80%, var(--bg-primary));--pf-glow-accent: color-mix(in srgb, var(--accent) 12%, transparent);--pf-glow-accent-strong: color-mix(in srgb, var(--accent) 22%, transparent);--pf-border-subtle: color-mix(in srgb, var(--border) 25%, transparent);--pf-border-mid: color-mix(in srgb, var(--border) 45%, transparent);font-family:var(--pf-font-body);color:var(--text-primary);background:var(--pf-surface-0);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}.pf-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.pf-reveal.is-visible{opacity:1;transform:translateY(0)}.pf-reveal-delay-1{transition-delay:.08s}.pf-reveal-delay-2{transition-delay:.16s}.pf-reveal-delay-3{transition-delay:.24s}.pf-reveal-delay-4{transition-delay:.32s}.pf-reveal-delay-5{transition-delay:.4s}.pf-section-inner{position:relative;z-index:1;max-width:var(--pf-max);margin:0 auto;padding:var(--pf-section-gap) var(--pf-gutter)}.pf-section-label{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--pf-font-mono);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem}.pf-section-label:before{content:"";display:block;width:28px;height:1px;background:var(--accent);opacity:.5}.pf-section-heading{font-family:var(--pf-font-display);font-size:clamp(1.6rem,3.8vw,2.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--text-primary);margin-bottom:1.75rem}.pf-bg-alt{position:relative;background:var(--pf-surface-1)}.pf-dot-overlay{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.35;background-image:radial-gradient(circle,var(--pf-border-subtle) 1px,transparent 1px);background-size:24px 24px}.pf-hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px var(--pf-gutter) 80px;position:relative;overflow:hidden;box-sizing:border-box}.pf-hero-grid{position:absolute;inset:-60px;pointer-events:none;opacity:.035;background-image:linear-gradient(var(--text-secondary) 1px,transparent 1px),linear-gradient(90deg,var(--text-secondary) 1px,transparent 1px);background-size:60px 60px;animation:pf-grid-drift 25s linear infinite}@keyframes pf-grid-drift{0%{transform:translate(0) rotate(0)}to{transform:translate(60px,60px) rotate(.5deg)}}.pf-hero-glow{position:absolute;top:50%;left:50%;width:clamp(500px,60vw,900px);height:clamp(400px,45vw,700px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 14%,transparent) 0%,color-mix(in srgb,var(--accent) 6%,transparent) 40%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.pf-hero:before,.pf-hero:after{content:"";position:absolute;left:0;right:0;height:180px;pointer-events:none;z-index:1}.pf-hero:before{top:0;background:linear-gradient(to bottom,var(--pf-surface-0),transparent)}.pf-hero:after{bottom:0;background:linear-gradient(to top,var(--pf-surface-0),transparent)}.pf-hero-eyebrow,.pf-hero-name,.pf-hero-tagline,.pf-hero-contacts,.pf-hero-scroll{position:relative;z-index:2}.pf-hero-eyebrow{font-family:var(--pf-font-mono);font-size:clamp(.7rem,.9vw,.8rem);font-weight:500;letter-spacing:.12em;color:var(--accent);margin-bottom:1.5rem;opacity:0;animation:pf-hero-fade-in .8s .1s ease forwards}.pf-hero-name{font-family:var(--pf-font-display);font-size:clamp(3rem,9vw,6rem);font-weight:800;letter-spacing:-.04em;line-height:1.02;color:var(--text-primary);margin-bottom:1.75rem;opacity:0;animation:pf-hero-fade-in .9s .25s ease forwards}.pf-hero-name-accent{position:relative;display:inline-block}.pf-hero-name-accent:after{content:"";position:absolute;bottom:-4px;left:-5%;right:-5%;height:6px;background:var(--accent);border-radius:3px;opacity:.35;filter:blur(4px)}.pf-hero-tagline{font-size:clamp(1rem,2vw,1.2rem);max-width:560px;color:var(--text-secondary);line-height:1.65;margin-bottom:2.75rem;opacity:0;animation:pf-hero-fade-in .9s .4s ease forwards}.pf-hero-contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;opacity:0;animation:pf-hero-fade-in .8s .55s ease forwards}.pf-hero-contact-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--pf-border-subtle);background:color-mix(in srgb,var(--pf-surface-1) 70%,transparent);backdrop-filter:blur(8px);transition:all .2s ease}.pf-hero-contact-chip:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--pf-surface-1));transform:translateY(-1px)}.pf-hero-contact-chip svg{width:14px;height:14px;flex-shrink:0;opacity:.6}.pf-hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2;opacity:0;animation:pf-hero-fade-in .6s .8s ease forwards}.pf-hero-scroll-text{font-family:var(--pf-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);opacity:.5}.pf-hero-scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--text-tertiary),transparent);animation:pf-scroll-pulse 2.5s ease-in-out infinite}@keyframes pf-scroll-pulse{0%,to{opacity:.2;transform:scaleY(.8)}50%{opacity:.7;transform:scaleY(1.2)}}@keyframes pf-hero-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pf-about-layout{display:grid;grid-template-columns:1fr;gap:2rem;max-width:720px}.pf-about-highlight{font-family:var(--pf-font-display);font-size:clamp(1.05rem,1.8vw,1.2rem);font-weight:600;color:var(--text-primary);line-height:1.55;padding-left:1.25rem;border-left:3px solid var(--accent);margin-bottom:.5rem}.pf-about-body p{font-size:clamp(.92rem,1.4vw,1rem);color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.78}.pf-about-body p:last-child{margin-bottom:0}.pf-about-badge-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.pf-about-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:10px;background:var(--pf-surface-raised);border:1px solid var(--pf-border-subtle)}.pf-about-badge-value{font-family:var(--pf-font-display);font-size:1.4rem;font-weight:800;color:var(--accent);line-height:1}.pf-about-badge-label{font-size:.72rem;color:var(--text-tertiary);line-height:1.3}.pf-skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:640px){.pf-skills-grid{grid-template-columns:1fr}}.pf-skill-group{display:flex;flex-direction:column;gap:.65rem;padding:1.25rem;border-radius:12px;background:var(--pf-surface-raised);border:1px solid var(--pf-border-subtle);transition:border-color .2s ease}.pf-skill-group:hover{border-color:var(--pf-border-mid)}.pf-skill-group--highlight{grid-column:1 / -1;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--pf-surface-raised)),var(--pf-surface-raised));border-color:color-mix(in srgb,var(--accent) 18%,transparent)}.pf-skill-group--highlight:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.pf-skill-category{font-family:var(--pf-font-display);font-size:.82rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;letter-spacing:.01em}.pf-skill-category-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);flex-shrink:0}.pf-skill-category-icon svg{width:13px;height:13px}.pf-skill-tags{display:flex;flex-wrap:wrap;gap:.35rem}.pf-skill-tag{display:inline-block;padding:.22rem .6rem;font-size:.74rem;font-weight:500;color:var(--text-secondary);background:color-mix(in srgb,var(--bg-primary) 60%,transparent);border:1px solid color-mix(in srgb,var(--border) 18%,transparent);border-radius:6px;transition:border-color .2s,color .2s,background .2s;white-space:nowrap}.pf-skill-tag:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--text-primary);background:color-mix(in srgb,var(--accent) 5%,transparent)}.pf-skill-tooltip-text{margin-top:.5rem;font-size:.78rem;line-height:1.65;color:var(--text-tertiary);padding-top:.5rem;border-top:1px solid var(--pf-border-subtle);font-style:italic}.pf-exp-wrapper{background:var(--pf-surface-raised);border:1px solid var(--pf-border-subtle);border-radius:16px;overflow:hidden}.pf-exp-layout{display:flex;min-height:480px}.pf-exp-tabs{display:flex;flex-direction:column;flex-shrink:0;width:190px;background:color-mix(in srgb,var(--bg-primary) 50%,transparent);border-right:1px solid var(--pf-border-subtle)}.pf-exp-tab{position:relative;padding:.85rem 1.35rem;font-family:var(--pf-font-mono);font-size:.8rem;font-weight:500;color:var(--text-tertiary);background:none;border:none;text-align:left;cursor:pointer;transition:color .2s,background .2s}.pf-exp-tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--bg-secondary) 40%,transparent)}.pf-exp-tab.is-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,transparent)}.pf-exp-tab.is-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.pf-exp-content{flex:1;padding:1.75rem 2rem;min-width:0;animation:pf-exp-slide-in .3s ease}@keyframes pf-exp-slide-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.pf-exp-header{margin-bottom:1.5rem}.pf-exp-role{font-family:var(--pf-font-display);font-size:1.2rem;font-weight:700;color:var(--text-primary);line-height:1.3}.pf-exp-app{font-size:.88rem;color:var(--text-secondary);margin-top:.2rem}.pf-exp-period{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--pf-font-mono);font-size:.72rem;color:var(--text-tertiary);margin-top:.5rem;padding:.2rem .6rem;background:color-mix(in srgb,var(--bg-primary) 70%,transparent);border-radius:4px}.pf-exp-period svg{width:12px;height:12px;opacity:.5}.pf-exp-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.85rem}.pf-exp-tag{padding:.18rem .55rem;font-size:.68rem;font-weight:600;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:5px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.pf-exp-desc p{font-size:.9rem;color:var(--text-secondary);line-height:1.72;margin-bottom:.65rem}.pf-exp-desc p:last-child{margin-bottom:0}.pf-exp-bullets-title{font-family:var(--pf-font-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-top:1.25rem;margin-bottom:.6rem}.pf-exp-bullets{list-style:none;padding:0;margin:0}.pf-exp-bullets li{position:relative;padding-left:1.35rem;font-size:.85rem;color:var(--text-secondary);line-height:1.65;margin-bottom:.4rem}.pf-exp-bullets li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:2px;background:var(--accent);opacity:.5}@media(max-width:768px){.pf-exp-layout{flex-direction:column;min-height:auto}.pf-exp-tabs{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--pf-border-subtle);scrollbar-width:none}.pf-exp-tabs::-webkit-scrollbar{display:none}.pf-exp-tab{flex-shrink:0;padding:.65rem 1rem;white-space:nowrap;font-size:.76rem}.pf-exp-tab.is-active:before{inset:auto 0 0;width:auto;height:3px;border-radius:2px 2px 0 0}.pf-exp-content{padding:1.25rem 1rem}}.pf-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:768px){.pf-projects-grid{grid-template-columns:1fr}}.pf-project-card--featured{grid-column:1 / -1}.pf-project-card{padding:1.5rem;background:var(--pf-surface-raised);border:1px solid var(--pf-border-subtle);border-radius:14px;transition:transform .24s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,box-shadow .24s ease;display:flex;flex-direction:column;gap:.85rem;position:relative;overflow:hidden}.pf-project-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 80% 60% at 70% 0%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 70%);opacity:0;transition:opacity .24s ease;pointer-events:none}.pf-project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--accent) 8%,transparent),0 2px 8px var(--shadow)}.pf-project-card:hover:before{opacity:1}.pf-project-header{display:flex;align-items:flex-start;gap:.85rem;position:relative;z-index:1}.pf-project-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}.pf-project-icon svg{width:19px;height:19px}.pf-project-title-group{flex:1;min-width:0}.pf-project-name{font-family:var(--pf-font-display);font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.3}.pf-project-sub{font-size:.72rem;color:var(--text-tertiary);margin-top:.15rem}.pf-project-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;font-size:.65rem;font-weight:700;letter-spacing:.02em;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:5px;white-space:nowrap;position:relative;z-index:1}.pf-project-desc{font-size:.84rem;color:var(--text-secondary);line-height:1.68;position:relative;z-index:1}.pf-project-desc p{margin-bottom:.5rem}.pf-project-desc p:last-child{margin-bottom:0}.pf-project-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto;position:relative;z-index:1}.pf-project-tag{padding:.12rem .45rem;font-size:.66rem;font-weight:500;color:var(--text-tertiary);border:1px solid color-mix(in srgb,var(--border) 25%,transparent);border-radius:4px;background:color-mix(in srgb,var(--bg-primary) 50%,transparent)}.pf-project-footer{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.pf-project-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--accent);text-decoration:none;transition:opacity .2s,gap .2s}.pf-project-link:hover{opacity:.85;gap:.5rem}.pf-project-link svg{width:12px;height:12px}.pf-contact-inner{text-align:center;position:relative}.pf-contact-glow{position:absolute;top:50%;left:50%;width:500px;height:400px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,var(--pf-glow-accent) 0%,transparent 70%);filter:blur(60px);pointer-events:none}.pf-contact-sub{font-size:clamp(.95rem,1.5vw,1.05rem);color:var(--text-secondary);max-width:480px;margin:0 auto 2.5rem;line-height:1.65;position:relative}.pf-contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;position:relative}.pf-contact-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.55rem 1.1rem;border-radius:10px;border:1px solid var(--pf-border-subtle);background:var(--pf-surface-raised);transition:all .2s ease}.pf-contact-link:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 5%,var(--pf-surface-raised));transform:translateY(-2px);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 10%,transparent)}.pf-contact-link svg{width:16px;height:16px;flex-shrink:0;opacity:.6}.pf-footer{position:relative;overflow:hidden;border-top:1px solid var(--pf-border-subtle)}.pf-footer-inner{max-width:var(--pf-max);margin:0 auto;padding:2rem var(--pf-gutter) 3.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:1}.pf-footer-nav{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.pf-footer-nav-link{font-size:.72rem;font-weight:500;color:var(--text-tertiary);text-decoration:none;transition:color .18s}.pf-footer-nav-link:hover{color:var(--accent)}.pf-footer-copy{font-size:.7rem;color:var(--text-tertiary);opacity:.5}.pf-footer-brand-wrap{position:absolute;bottom:-.5rem;left:0;right:0;text-align:center;overflow:hidden;height:clamp(3rem,9vw,8rem);pointer-events:none}.pf-footer-brand{font-family:var(--pf-font-display);font-size:clamp(5rem,16vw,14rem);font-weight:800;text-transform:uppercase;letter-spacing:-.04em;color:color-mix(in srgb,var(--text-primary) 5%,transparent);line-height:.85;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.pf-hero-grid{animation:none}.pf-hero-scroll-line{animation:none;opacity:.5}.pf-hero-eyebrow,.pf-hero-name,.pf-hero-tagline,.pf-hero-contacts,.pf-hero-scroll{animation:none;opacity:1;transform:none}.pf-reveal{transition:none;opacity:1;transform:none}.pf-project-card:hover,.pf-contact-link:hover,.pf-hero-contact-chip:hover{transform:none}.pf-exp-content{animation:none}}.pf-lang-toggle{position:fixed;top:1.25rem;right:1.25rem;z-index:100;display:flex;align-items:center;gap:0;border-radius:999px;border:1px solid var(--pf-border-subtle);background:color-mix(in srgb,var(--pf-surface-raised) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;box-shadow:0 2px 12px color-mix(in srgb,var(--shadow) 40%,transparent)}.pf-lang-btn{display:flex;align-items:center;gap:.3rem;padding:.4rem .75rem;font-family:var(--pf-font-mono);font-size:.7rem;font-weight:600;letter-spacing:.04em;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:color .18s,background .18s;white-space:nowrap}.pf-lang-btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--bg-secondary) 40%,transparent)}.pf-lang-btn.is-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.pf-lang-sep{width:1px;height:18px;background:var(--pf-border-subtle);flex-shrink:0}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Fira Code,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-bottom-2{bottom:-.5rem}.-bottom-8{bottom:-2rem}.-left-2{left:-.5rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-12{right:3rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-4{top:1rem}.top-full{top:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2 / span 2}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[1\.2em\]{height:1.2em}.h-\[100dvh\]{height:100dvh}.h-\[145px\]{height:145px}.h-\[14px\]{height:14px}.h-\[250px\]{height:250px}.h-\[2px\]{height:2px}.h-\[400px\]{height:400px}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.max-h-96{max-height:24rem}.max-h-\[400px\]{max-height:400px}.max-h-\[500px\]{max-height:500px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100dvh-1rem\)\]{max-height:calc(100dvh - 1rem)}.min-h-0{min-height:0px}.min-h-\[32px\]{min-height:32px}.min-h-\[3rem\]{min-height:3rem}.min-h-\[400px\]{min-height:400px}.min-h-\[40px\]{min-height:40px}.min-h-\[42px\]{min-height:42px}.min-h-\[48px\]{min-height:48px}.min-h-\[60px\]{min-height:60px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[80px\]{min-height:80px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[0\.6em\]{width:.6em}.w-\[2px\]{width:2px}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.min-w-\[3ch\]{min-width:3ch}.min-w-\[400px\]{min-width:400px}.min-w-\[60px\]{min-width:60px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[400px\]{max-width:400px}.max-w-\[940px\]{max-width:940px}.max-w-content{max-width:1280px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-6{--tw-translate-y: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[1em\]{--tw-translate-y: 1em;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.03\]{--tw-scale-x: 1.03;--tw-scale-y: 1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-rows-\[auto\,1fr\,auto\]{grid-template-rows:auto 1fr auto}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-visible{overflow-x:visible}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-accent{border-color:var(--accent)}.border-bg-secondary{border-color:var(--bg-secondary)}.border-bg-tertiary{border-color:var(--bg-tertiary)}.border-black\/10{border-color:#0000001a}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.border-border{border-color:var(--border)}.border-correct{border-color:var(--correct)}.border-cyan-400{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-700{--tw-border-opacity: 1;border-color:rgb(4 120 87 / var(--tw-border-opacity, 1))}.border-emerald-800{--tw-border-opacity: 1;border-color:rgb(6 95 70 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-500\/30{border-color:#6b72804d}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-500\/30{border-color:#22c55e4d}.border-incorrect{border-color:var(--incorrect)}.border-orange-500\/20{border-color:#f9731633}.border-orange-500\/30{border-color:#f973164d}.border-purple-500\/30{border-color:#a855f74d}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/30{border-color:#ef44444d}.border-text-secondary{border-color:var(--text-secondary)}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-yellow-500\/30{border-color:#eab3084d}.border-t-transparent{border-top-color:transparent}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--bg-tertiary\)\]{background-color:var(--bg-tertiary)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-accent{background-color:var(--accent)}.bg-bg-primary{background-color:var(--bg-primary)}.bg-bg-secondary{background-color:var(--bg-secondary)}.bg-bg-tertiary{background-color:var(--bg-tertiary)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-correct{background-color:var(--correct)}.bg-current{background-color:currentColor}.bg-emerald-200{--tw-bg-opacity: 1;background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-emerald-700{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-500\/20{background-color:#6b728033}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-incorrect{background-color:var(--incorrect)}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-500\/20{background-color:#f9731633}.bg-purple-400{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/20{background-color:#a855f733}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/20{background-color:#eab30833}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[var\(--accent\)\]{--tw-gradient-from: var(--accent) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500\/10{--tw-gradient-from: rgb(59 130 246 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-correct{--tw-gradient-from: var(--correct) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from: #22d3ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500\/30{--tw-gradient-from: rgb(6 182 212 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500\/10{--tw-gradient-from: rgb(34 197 94 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-900{--tw-gradient-from: #312e81 var(--tw-gradient-from-position);--tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500\/10{--tw-gradient-from: rgb(249 115 22 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from: #c084fc var(--tw-gradient-from-position);--tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-900{--tw-gradient-from: #581c87 var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500\/10{--tw-gradient-from: rgb(239 68 68 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400\/20{--tw-gradient-from: rgb(250 204 21 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500\/10{--tw-gradient-from: rgb(234 179 8 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-blue-900{--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-900{--tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #312e81 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-yellow-500{--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-yellow-500\/20{--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(234 179 8 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-accent{--tw-gradient-to: var(--accent) var(--tw-gradient-to-position)}.to-amber-500\/10{--tw-gradient-to: rgb(245 158 11 / .1) var(--tw-gradient-to-position)}.to-blue-400{--tw-gradient-to: #60a5fa var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-blue-900{--tw-gradient-to: #1e3a8a var(--tw-gradient-to-position)}.to-cyan-500\/10{--tw-gradient-to: rgb(6 182 212 / .1) var(--tw-gradient-to-position)}.to-cyan-900{--tw-gradient-to: #164e63 var(--tw-gradient-to-position)}.to-emerald-500\/10{--tw-gradient-to: rgb(16 185 129 / .1) var(--tw-gradient-to-position)}.to-orange-500\/10{--tw-gradient-to: rgb(249 115 22 / .1) var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-pink-400{--tw-gradient-to: #f472b6 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to: #c084fc var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-500\/30{--tw-gradient-to: rgb(168 85 247 / .3) var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to: #0f172a var(--tw-gradient-to-position)}.to-yellow-500\/10{--tw-gradient-to: rgb(234 179 8 / .1) var(--tw-gradient-to-position)}.to-yellow-600{--tw-gradient-to: #ca8a04 var(--tw-gradient-to-position)}.to-yellow-600\/20{--tw-gradient-to: rgb(202 138 4 / .2) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[clamp\(16px\,3vw\,48px\)\]{padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[20vh\]{padding-top:20vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.text-\[0\.7em\]{font-size:.7em}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[24px\]{font-size:24px}.text-\[32px\]{font-size:32px}.text-\[96px\]{font-size:96px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.25\]{line-height:1.25}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.leading-typing{line-height:1.6}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-tight{letter-spacing:-.025em}.tracking-typing{letter-spacing:.02em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--bg-primary\)\]{color:var(--bg-primary)}.text-\[var\(--incorrect\)\]{color:var(--incorrect)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-tertiary\)\]{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-bg-primary{color:var(--bg-primary)}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-correct{color:var(--correct)}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-incorrect{color:var(--incorrect)}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-text-tertiary{color:var(--text-tertiary)}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-current{text-decoration-color:currentColor}.decoration-1{text-decoration-thickness:1px}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-text-tertiary::-moz-placeholder{color:var(--text-tertiary)}.placeholder-text-tertiary::placeholder{color:var(--text-tertiary)}.accent-\[var\(--accent\)\],.accent-accent{accent-color:var(--accent)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\]{--tw-shadow: 0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent);--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-cyan-500\/50{--tw-shadow-color: rgb(6 182 212 / .5);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-yellow-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-primary: #f5f5f5;--bg-secondary: #e8e8e8;--bg-tertiary: #e0e0e0;--bg-hover: #d0d0d0;--text-primary: #2c2c2c;--text-secondary: #4f545c;--text-tertiary: #5e646c;--accent: #e2b714;--accent-hover: #d4a813;--accent-dark: #c9a00d;--correct: #4caf50;--incorrect: #f44336;--cursor: #2c2c2c;--border: #cccccc;--shadow: rgba(0, 0, 0, .1);--shadow-large: rgba(0, 0, 0, .15)}.dark{--bg-primary: #323437;--bg-secondary: #2c2e31;--bg-tertiary: #26282b;--bg-hover: #3a3c3f;--text-primary: #d1d0c5;--text-secondary: #aeb3bb;--text-tertiary: #959aa3;--accent: #e2b714;--accent-hover: #f0c829;--accent-dark: #c9a00d;--correct: #66bb6a;--incorrect: #ef5350;--cursor: #e2b714;--border: #3a3c3f;--shadow: rgba(0, 0, 0, .2);--shadow-large: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}body{font-family:Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*:focus:not(:focus-visible){outline:none}@media(prefers-contrast:high){:root{--bg-primary: #ffffff;--bg-secondary: #f0f0f0;--text-primary: #000000;--text-secondary: #333333;--accent: #0066cc;--correct: #008000;--incorrect: #cc0000;--cursor: #000000}.dark{--bg-primary: #000000;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--accent: #66b3ff;--correct: #00ff00;--incorrect: #ff3333;--cursor: #ffffff}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.animate-fadeIn,.animate-caret-blink,.animate-shake,.animate-word-fade,.animate-press,.animate-chord-highlight,.animate-float,.animate-bounce-slow,.animate-progress{will-change:transform,opacity}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes caret-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shake{0%,to{transform:translate(0) translateZ(0)}10%,30%,50%,70%,90%{transform:translate(-4px) translateZ(0)}20%,40%,60%,80%{transform:translate(4px) translateZ(0)}}@keyframes word-fade{0%{opacity:1}to{opacity:.5}}@keyframes press{0%{transform:scale(1) translateZ(0)}50%{transform:scale(.95) translateZ(0)}to{transform:scale(1) translateZ(0)}}@keyframes chord-highlight{0%{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 20px 5px currentColor}to{box-shadow:0 0 0 0 currentColor}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-caret-blink{animation:caret-blink .53s ease-in-out infinite}.animate-caret-pulse{animation:caret-pulse .53s ease-in-out infinite}.animate-shake{animation:shake .4s ease-in-out}.animate-word-fade{animation:word-fade .3s ease-out forwards}.animate-press{animation:press .15s ease-out}.animate-chord-highlight{animation:chord-highlight .3s ease-out}@keyframes float{0%,to{transform:translateY(0) rotate(0) translateZ(0);opacity:0}10%{opacity:1}50%{transform:translateY(-20px) rotate(180deg) translateZ(0);opacity:.8}90%{opacity:.5}}@keyframes bounce-slow{0%,to{transform:translateY(0) scale(1) translateZ(0)}50%{transform:translateY(-10px) scale(1.1) translateZ(0)}}@keyframes progress{0%{width:100%}to{width:0%}}.animate-float{animation:float 3s ease-in-out infinite}.animate-bounce-slow{animation:bounce-slow 2s ease-in-out infinite}.animate-progress{animation:progress linear forwards}.metronome-panel{transition:width .3s cubic-bezier(.4,0,.2,1)}.metronome-toggle{position:relative;overflow:hidden}.metronome-toggle.active:before{content:"";position:absolute;inset:0;background:var(--accent);opacity:.1;animation:metronome-pulse 1s ease-in-out infinite}@keyframes metronome-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}@keyframes beat-pulse{0%{transform:scale(1);opacity:.6}20%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:.6}}@media(max-width:1024px){.metronome-panel{font-size:.9rem}}@media(max-width:768px){.metronome-panel{width:60px!important}}.legal-page{min-height:100dvh;background:var(--bg-primary);color:var(--text-primary);padding:clamp(2rem,6vw,6rem) clamp(1rem,4vw,2rem)}.legal-page-inner{max-width:720px;margin-inline:auto}.legal-back{display:inline-flex;align-items:center;gap:.4em;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;color:color-mix(in srgb,var(--text-primary) 55%,transparent);text-decoration:none;margin-bottom:2rem;transition:color .15s ease}.legal-back:hover{color:var(--text-primary)}.legal-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .4rem;color:var(--text-primary)}.legal-meta{font-family:Inter,sans-serif;font-size:.78rem;color:color-mix(in srgb,var(--text-primary) 40%,transparent);margin:0 0 2.5rem}.legal-page section{margin-bottom:2rem}.legal-page h2{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600;margin:0 0 .6rem;color:var(--text-primary)}.legal-page p,.legal-page li{font-family:Inter,sans-serif;font-size:.88rem;line-height:1.75;color:color-mix(in srgb,var(--text-primary) 70%,transparent)}.legal-page ul{padding-left:1.4rem;margin:.4rem 0}.legal-page a{color:var(--accent);text-decoration:none}.legal-page a:hover{text-decoration:underline}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-0\.5:after{content:var(--tw-content);bottom:-.125rem}.after\:left-0:after{content:var(--tw-content);left:0}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:right-0:after{content:var(--tw-content);right:0}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-0\.5:after{content:var(--tw-content);height:.125rem}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:scale-x-100:after{content:var(--tw-content);--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.after\:bg-\[var\(--accent\)\]:after{content:var(--tw-content);background-color:var(--accent)}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:transition-transform:after{content:var(--tw-content);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:duration-150:after{content:var(--tw-content);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-102:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[color-mix\(in_srgb\,var\(--accent\)_35\%\,var\(--border\)\)\]:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:border-\[var\(--text-secondary\)\]:hover{border-color:var(--text-secondary)}.hover\:border-accent:hover{border-color:var(--accent)}.hover\:border-cyan-400\/50:hover{border-color:#22d3ee80}.hover\:border-text-secondary:hover{border-color:var(--text-secondary)}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-\[var\(--bg-secondary\)\]:hover{background-color:var(--bg-secondary)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-accent-hover:hover{background-color:var(--accent-hover)}.hover\:bg-bg-primary:hover{background-color:var(--bg-primary)}.hover\:bg-bg-secondary:hover{background-color:var(--bg-secondary)}.hover\:bg-bg-tertiary:hover{background-color:var(--bg-tertiary)}.hover\:bg-blue-500\/20:hover{background-color:#3b82f633}.hover\:bg-incorrect:hover{background-color:var(--incorrect)}.hover\:bg-purple-600:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-500\/30:hover{background-color:#ef44444d}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:from-blue-600:hover{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-cyan-600:hover{--tw-gradient-from: #0891b2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-600:hover{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-pink-600:hover{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.hover\:to-purple-600:hover{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.hover\:text-\[var\(--accent\)\]:hover{color:var(--accent)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-text-primary:hover{color:var(--text-primary)}.hover\:text-text-secondary:hover{color:var(--text-secondary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-cyan-500\/20:hover{--tw-shadow-color: rgb(6 182 212 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:ring-2:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-\[var\(--accent\)\]:hover{--tw-ring-color: var(--accent)}.hover\:brightness-105:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:z-50:focus{z-index:50}.focus\:rounded-lg:focus{border-radius:.5rem}.focus\:border-\[var\(--accent\)\]:focus{border-color:var(--accent)}.focus\:border-accent:focus{border-color:var(--accent)}.focus\:border-cyan-500:focus{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.focus\:border-incorrect:focus{border-color:var(--incorrect)}.focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-bg-primary:focus{color:var(--bg-primary)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--accent\)\]:focus{--tw-ring-color: var(--accent)}.focus\:ring-accent:focus{--tw-ring-color: var(--accent)}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-\[var\(--bg-primary\)\]:focus{--tw-ring-offset-color: var(--bg-primary)}.focus\:ring-offset-bg-primary:focus{--tw-ring-offset-color: var(--bg-primary)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[var\(--accent\)\]:focus-visible{--tw-ring-color: var(--accent)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-\[var\(--bg-primary\)\]:focus-visible{--tw-ring-offset-color: var(--bg-primary)}.active\:translate-y-0:active{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:translate-y-px:active{--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:shadow-none:active{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:from-gray-600:disabled{--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.disabled\:to-gray-600:disabled{--tw-gradient-to: #4b5563 var(--tw-gradient-to-position)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.group\/link:hover .group-hover\/link\:translate-x-1,.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-\[var\(--accent\)\]{border-color:var(--accent)}.group:hover .group-hover\:text-\[var\(--accent\)\]{color:var(--accent)}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:bg-accent{background-color:var(--accent)}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\:ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:focus~.peer-focus\:ring-accent{--tw-ring-color: var(--accent)}.dark\:border-emerald-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.dark\:border-emerald-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.dark\:border-emerald-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))}.dark\:border-emerald-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(6 95 70 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:bg-emerald-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.dark\:bg-emerald-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.dark\:bg-emerald-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.dark\:bg-emerald-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(6 78 59 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-100:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:text-gray-900:is(.dark *){--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-yellow-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.dark\:text-yellow-400:is(.dark *){--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-3{gap:.75rem}.sm\:p-0{padding:0}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}}@media(min-width:768px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:ml-0{margin-left:0}.md\:max-h-\[90vh\]{max-height:90vh}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:p-8{padding:2rem}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.xl\:max-w-6xl{max-width:72rem}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\[\&_div\.overflow-x-auto\]\:overflow-hidden div.overflow-x-auto{overflow:hidden}.\[\&_div\.overflow-x-auto\]\:pb-0 div.overflow-x-auto{padding-bottom:0}