@font-face{font-family:inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.ttf)format('truetype')}@font-face{font-family:inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.ttf)format('truetype')}@font-face{font-family:inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.ttf)format('truetype')}@font-face{font-family:inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.ttf)format('truetype')}@font-face{font-family:inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-800.ttf)format('truetype')}@font-face{font-family:inter;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/inter-900.ttf)format('truetype')}:root{color-scheme:light dark;--color-bg:#f6f5ff;--color-bg-alt:#eceaf8;--color-surface:rgba(255, 255, 255, 0.72);--color-surface-subtle:rgba(246, 245, 255, 0.88);--color-surface-strong:rgba(255, 255, 255, 0.92);--color-border:rgba(114, 121, 160, 0.18);--color-border-strong:rgba(114, 121, 160, 0.28);--color-text:#0b0b10;--color-text-soft:rgba(24, 24, 29, 0.68);--color-text-muted:rgba(24, 24, 29, 0.52);--color-pop:#5f3df4;--color-accent-start:#7f4aff;--color-accent-mid:#5b5bff;--color-accent-end:#0dcff5;--gradient-accent:linear-gradient(135deg, var(--color-accent-start), var(--color-accent-end));--gradient-soft:linear-gradient(160deg, rgba(127, 74, 255, 0.16), rgba(0, 212, 255, 0.08));--glow-ambient:radial-gradient(120% 120% at 20% 20%, rgba(127, 74, 255, 0.18) 0%, rgba(7, 14, 30, 0) 60%);--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--radius-xl:32px;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--radius-xs:8px;--blur-bg:saturate(180%) blur(24px);--shadow-soft:0 18px 60px rgba(62, 36, 145, 0.18);--shadow-medium:0 10px 40px rgba(54, 38, 105, 0.22);--shadow-hard:0 30px 80px rgba(23, 16, 56, 0.45);--shadow-border:0 0 0 0.5px rgba(114, 121, 160, 0.35);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-7:64px;--space-8:80px;--max-width-shell:1200px;--max-width-readable:640px;--transition-soft:cubic-bezier(0.4, 0, 0.2, 1);--transition-emphatic:cubic-bezier(0.16, 1, 0.3, 1);--spring-short:280ms var(--transition-emphatic);--spring-medium:420ms var(--transition-emphatic)}[data-theme=dark]{--color-bg:#070913;--color-bg-alt:#0c0f1c;--color-surface:rgba(14, 18, 33, 0.88);--color-surface-subtle:rgba(20, 24, 43, 0.82);--color-surface-strong:rgba(16, 20, 37, 0.92);--color-border:rgba(120, 130, 190, 0.18);--color-border-strong:rgba(120, 130, 190, 0.32);--color-text:rgba(244, 246, 255, 0.98);--color-text-soft:rgba(215, 221, 255, 0.78);--color-text-muted:rgba(215, 221, 255, 0.58);--color-pop:#8b7bff;--gradient-soft:linear-gradient(160deg, rgba(127, 74, 255, 0.28), rgba(0, 212, 255, 0.14));--glow-ambient:radial-gradient(120% 120% at 20% 20%, rgba(127, 74, 255, 0.32) 0%, rgba(7, 9, 19, 0) 65%);--shadow-soft:0 26px 80px rgba(5, 7, 20, 0.72);--shadow-medium:0 20px 60px rgba(4, 6, 18, 0.68);--shadow-hard:0 40px 120px rgba(3, 5, 16, 0.9);--shadow-border:0 0 0 0.5px rgba(132, 140, 210, 0.38)}@media(prefers-color-scheme:dark){:root[data-theme=system],:root[data-theme-preference=system],:root:not([data-theme]){--color-bg:#070913;--color-bg-alt:#0c0f1c;--color-surface:rgba(14, 18, 33, 0.88);--color-surface-subtle:rgba(20, 24, 43, 0.82);--color-surface-strong:rgba(16, 20, 37, 0.92);--color-border:rgba(120, 130, 190, 0.18);--color-border-strong:rgba(120, 130, 190, 0.32);--color-text:rgba(244, 246, 255, 0.98);--color-text-soft:rgba(215, 221, 255, 0.78);--color-text-muted:rgba(215, 221, 255, 0.58);--color-pop:#8b7bff;--gradient-soft:linear-gradient(160deg, rgba(127, 74, 255, 0.28), rgba(0, 212, 255, 0.14));--glow-ambient:radial-gradient(120% 120% at 20% 20%, rgba(127, 74, 255, 0.32) 0%, rgba(7, 9, 19, 0) 65%);--shadow-soft:0 26px 80px rgba(5, 7, 20, 0.72);--shadow-medium:0 20px 60px rgba(4, 6, 18, 0.68);--shadow-hard:0 40px 120px rgba(3, 5, 16, 0.9);--shadow-border:0 0 0 0.5px rgba(132, 140, 210, 0.38)}}:where(*){box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body.page{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--color-text);background:radial-gradient(120% 120% at 15% 20%,rgba(127,74,255,.14),transparent 60%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-alt) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'kern' 1,'liga' 1,'calt' 1;text-rendering:optimizeLegibility;display:flex;flex-direction:column}.no-js body{opacity:1!important}.backdrop{position:fixed;inset:0;pointer-events:none;background-image:var(--glow-ambient);opacity:.75;z-index:-2}.main{flex:1;display:flex;flex-direction:column;gap:var(--space-8)}.shell{width:min(100% - 2 * var(--space-2),var(--max-width-shell));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);background:color-mix(in srgb,var(--color-surface) 75%,transparent);border-bottom:1px solid var(--color-border)}.site-header .shell{display:flex;align-items:center;gap:var(--space-4);padding-block:var(--space-2)}.site-header .primary-nav{margin-right:auto}.site-header .header-actions{margin-left:auto}.brand img,.brand picture{display:block;height:auto}.brand img{height:48px;width:auto;object-fit:contain}.primary-nav{display:flex;gap:var(--space-3);font-size:.95rem;font-weight:500}.primary-nav a{color:var(--color-text-soft);text-decoration:none;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:color var(--spring-short),background-color var(--spring-short);white-space:nowrap}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--color-text);background:rgba(127,74,255,.12);outline:none}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.theme-selector{position:relative;display:inline-flex;align-items:center;gap:.25rem;padding:.4rem;border-radius:999px;background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid var(--color-border);box-shadow:var(--shadow-border)}.theme-chip{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:999px;background:0 0;color:var(--color-text-soft);cursor:pointer;transition:color var(--spring-short)}.theme-chip svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none}.theme-chip[data-active=true],.theme-chip:hover,.theme-chip:focus-visible{color:var(--color-text);outline:none}.theme-indicator{position:absolute;top:.4rem;left:.4rem;width:32px;height:32px;border-radius:999px;background:var(--gradient-accent);opacity:.95;box-shadow:0 12px 30px rgba(127,74,255,.35);transform:translateX(0);transition:transform var(--spring-medium),opacity var(--spring-medium)}[data-theme-preference=system] .theme-indicator{transform:translateX(36px)}[data-theme-preference=dark] .theme-indicator{transform:translateX(72px)}.ghost-link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.7rem 1.1rem;border-radius:var(--radius-lg);background:0 0;color:var(--color-pop);text-decoration:none;font-weight:600;transition:background-color var(--spring-short),color var(--spring-short)}.ghost-link:hover,.ghost-link:focus-visible{background:rgba(127,74,255,8%);color:var(--color-text);outline:none}.pill-btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.8rem;border-radius:999px;font-size:1rem;font-weight:600;color:#fff;background:var(--gradient-accent);text-decoration:none;box-shadow:0 16px 40px rgba(46,30,110,.35);border:none;cursor:pointer;transition:transform 140ms ease,box-shadow 200ms ease}.pill-btn:hover,.pill-btn:focus-visible{transform:translateY(-2px);box-shadow:0 24px 60px rgba(46,30,110,.45);outline:none}.pill-btn:active{transform:translateY(0)}.pill-btn--wide{width:100%}.coming-soon-badge{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.8rem;border-radius:999px;font-size:1rem;font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.coming-soon-badge--header{padding:.7rem 1.1rem;font-size:.95rem}.hero{padding-block:clamp(4rem,10vh,8rem)var(--space-7);position:relative;min-height:95vh;display:flex;align-items:center}.hero-copy>*{opacity:0;transform:translateY(30px)}.hero-copy>*:nth-child(1){animation:slideInUp 1e3ms cubic-bezier(.16,1,.3,1)forwards;animation-delay:100ms}.hero-copy>*:nth-child(2){animation:slideInUp 1e3ms cubic-bezier(.16,1,.3,1)forwards;animation-delay:200ms}.hero-copy>*:nth-child(3){animation:slideInUp 1e3ms cubic-bezier(.16,1,.3,1)forwards;animation-delay:300ms}.hero-copy>*:nth-child(4){animation:slideInUp 1e3ms cubic-bezier(.16,1,.3,1)forwards;animation-delay:400ms}.hero-copy>*:nth-child(5){animation:slideInUp 1e3ms cubic-bezier(.16,1,.3,1)forwards;animation-delay:500ms}.hero-visual{opacity:0;transform:translateX(40px)scale(.96);animation:slideInRight 1200ms cubic-bezier(.16,1,.3,1)forwards;animation-delay:300ms}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{to{opacity:1;transform:translateX(0)scale(1)}}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 60% at 40% 10%,rgba(127,74,255,.28),transparent 65%);pointer-events:none;z-index:-1;opacity:.8}.hero-grid{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1fr)minmax(0,1.1fr);align-items:center}.hero-grid--centered{grid-template-columns:1fr;max-width:var(--max-width-readable);margin-inline:auto;text-align:center}.hero-grid--centered .hero-copy{max-width:none;align-items:center}.hero-grid--centered .cta-row{justify-content:center}.hero-grid--centered .hero-highlights{text-align:left;max-width:42rem}.hero-copy{max-width:var(--max-width-readable);display:flex;flex-direction:column;gap:var(--space-3)}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-weight:700;font-size:.75rem;color:var(--color-text-muted);margin:0}.hero h1{font-family:var(--font-display);font-size:clamp(3.2rem,5.5vw,5rem);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin:0}.lead{margin:0;font-size:1.2rem;line-height:1.6;color:var(--color-text-soft);max-width:42ch}.highlight-term{position:relative;padding:.15em .35em;border-radius:var(--radius-xs);background:linear-gradient(135deg,rgba(127,74,255,.18),rgba(0,212,255,.18));color:var(--color-text);font-weight:600;cursor:help;transition:background 280ms cubic-bezier(.16,1,.3,1)}.highlight-term:hover{background:linear-gradient(135deg,rgba(127,74,255,.28),rgba(0,212,255,.28))}.highlight-term[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)translateY(-4px);padding:12px 16px;border-radius:12px;background:var(--color-surface-strong);border:1px solid var(--color-border-strong);box-shadow:0 16px 48px rgba(0,0,0,.4);color:var(--color-text-soft);font-size:.875rem;font-weight:400;line-height:1.5;width:320px;opacity:0;pointer-events:none;transition:opacity 220ms cubic-bezier(.16,1,.3,1),transform 220ms cubic-bezier(.16,1,.3,1);z-index:50}.highlight-term:hover::after{opacity:1;transform:translateX(-50%)translateY(0)}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:center}.hero-highlights{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;color:var(--color-text-muted);font-size:.95rem}.hero-visual{display:flex;justify-content:flex-end;position:relative}.hero-gif-wrapper{width:clamp(480px,52vw,960px);position:relative;aspect-ratio:16/10;max-height:70vh}.hero-gif-wrapper::before{content:"";position:absolute;inset:-60px;background:radial-gradient(50% 50% at 50% 50%,rgba(127,74,255,.35),transparent 70%);filter:blur(60px);z-index:-1;opacity:.6;pointer-events:none}.hero-gif-wrapper img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 24px 80px rgba(46,30,110,.55),0 8px 30px rgba(127,74,255,.3)}.hero-gif-wrapper img.screenshot--dark{display:none}.hero-gif-wrapper img.screenshot--light{display:block}[data-theme=dark] .hero-gif-wrapper img.screenshot--dark{display:block}[data-theme=dark] .hero-gif-wrapper img.screenshot--light{display:none}@media(prefers-color-scheme:dark){:root[data-theme=system] .hero-gif-wrapper img.screenshot--dark,:root[data-theme-preference=system] .hero-gif-wrapper img.screenshot--dark,:root:not([data-theme]) .hero-gif-wrapper img.screenshot--dark{display:block}:root[data-theme=system] .hero-gif-wrapper img.screenshot--light,:root[data-theme-preference=system] .hero-gif-wrapper img.screenshot--light,:root:not([data-theme]) .hero-gif-wrapper img.screenshot--light{display:none}}.hero-visual .mockup-card{width:clamp(480px,52vw,960px);opacity:1;transform:scale(1)translateY(0)}.mockup-card{position:relative;border-radius:var(--radius-md);overflow:hidden;background:0 0;opacity:0;transform:scale(.94)translateY(20px);transition:opacity 1e3ms cubic-bezier(.16,1,.3,1),transform 1e3ms cubic-bezier(.16,1,.3,1)}.section.is-visible .mockup-card{opacity:1;transform:scale(1)translateY(0);transition-delay:200ms}.lightbox-trigger{cursor:pointer}.lightbox-icon{position:absolute;top:var(--space-2);right:var(--space-2);width:40px;height:40px;background:var(--color-surface-strong);backdrop-filter:var(--blur-bg);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-soft);opacity:0;transition:opacity 300ms ease,transform 300ms ease;z-index:5}.lightbox-trigger:hover .lightbox-icon{opacity:1}.lightbox-icon svg{width:20px;height:20px}.video-enlarge-hint{position:absolute;bottom:var(--space-3);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);background:color-mix(in srgb,var(--color-surface-strong) 40%,transparent);backdrop-filter:var(--blur-bg);border-radius:var(--radius-lg);color:var(--color-text);font-size:.875rem;font-weight:500;opacity:1;transition:all .2s ease;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.15)}.video-enlarge-hint svg{width:16px;height:16px;stroke:currentColor}.lightbox-trigger:hover .video-enlarge-hint{transform:translateX(-50%)translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);display:none;align-items:center;justify-content:center;z-index:9999;padding:var(--space-4)}.lightbox-overlay.active{display:flex}.lightbox-image,.lightbox-video{max-width:90%;max-height:90vh;border-radius:var(--radius-lg);box-shadow:0 40px 120px rgba(0,0,0,.8)}.lightbox-video{display:none}.lightbox-close{position:absolute;top:var(--space-3);right:var(--space-3);width:48px;height:48px;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 200ms ease}.lightbox-close:hover{background:rgba(255,255,255,.2)}.lightbox-close svg{width:24px;height:24px}.mockup-card.narrow{max-width:720px;margin-inline:auto}.mockup-glow{position:absolute;inset:0;background:var(--gradient-soft);filter:blur(40px);opacity:.9;pointer-events:none}.mockup-card img{width:100%;height:auto;border-radius:var(--radius-md);display:block}.screenshot{display:block}.screenshot--dark{display:none}.screenshot--light{display:block}[data-theme=dark] .screenshot--dark{display:block}[data-theme=dark] .screenshot--light{display:none}.mockup-card .screenshot--dark{display:none}.mockup-card .screenshot--light{display:block}[data-theme=dark] .mockup-card .screenshot--dark{display:block}[data-theme=dark] .mockup-card .screenshot--light{display:none}.section{display:flex;flex-direction:column;gap:var(--space-6);padding-block:var(--space-8);position:relative;scroll-margin-top:104px}.hero{scroll-margin-top:0}#supercharge{min-height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}#supercharge .scroll-indicator{position:absolute;bottom:var(--space-8)}#how-it-works{scroll-margin-top:80px;padding-top:var(--space-7)}.section>*:not(.scroll-indicator){opacity:0;transform:translateY(40px)scale(.98);transition:opacity 900ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1)}.section.is-visible>*:not(.scroll-indicator){opacity:1;transform:translateY(0)scale(1)}.section.is-visible>*:not(.scroll-indicator):nth-child(1){transition-delay:0ms}.section.is-visible>*:not(.scroll-indicator):nth-child(2){transition-delay:100ms}.section.is-visible>*:not(.scroll-indicator):nth-child(3){transition-delay:200ms}.section.is-visible>*:not(.scroll-indicator):nth-child(4){transition-delay:300ms}.section--alt{background:0 0}.section-head{display:grid;gap:var(--space-3);text-align:left}.section-head h2{margin:0;font-size:clamp(2.1rem,4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.section-head p{margin:0;color:var(--color-text-soft);font-size:1.05rem;max-width:var(--max-width-readable)}.feature-showcase{opacity:0;transform:translateY(40px)scale(.98);transition:opacity 900ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);overflow:hidden}.section.is-visible .feature-showcase{opacity:1;transform:translateY(0)scale(1);transition-delay:100ms}.feature-cards-container{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--color-border)}.feature-card{padding:var(--space-3);display:grid;gap:var(--space-1);cursor:pointer;transition:background-color var(--spring-medium);border-right:1px solid var(--color-border);position:relative}.feature-card:last-child{border-right:none}.feature-card:hover{background:var(--color-surface-subtle)}.feature-card.is-active{background:var(--color-surface-subtle)}.feature-card.is-active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gradient-accent)}.feature-card h3{margin:0;font-size:1rem;font-weight:600;line-height:1.3}.feature-card p{margin:0;color:var(--color-text-soft);font-size:.875rem;line-height:1.5}.feature-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--gradient-accent);box-shadow:inset 0 1px rgba(255,255,255,.25),0 8px 20px rgba(92,52,196,.4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.feature-icon--hotkey{width:48px}.feature-icon--hotkey::before{content:'⌥';font-size:.9rem}.feature-icon--hotkey::after{content:'SPACE';font-size:.4rem;font-weight:800;letter-spacing:.08em;margin-left:.15rem}.feature-icon--search::before{content:'';width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.feature-icon--template::before{content:'';width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8l-4 4 4 4M17 8l4 4-4 4M14 4l-4 16'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.feature-icon--clipboard::before{content:'';width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.feature-visual{position:relative;padding:var(--space-5)var(--space-4);background:var(--color-surface-subtle);overflow:hidden;min-height:400px;display:grid;align-items:center}.feature-screenshot{position:absolute;inset:var(--space-5)var(--space-4);transform:translateX(100%);opacity:0;transition:opacity 600ms cubic-bezier(.16,1,.3,1),transform 600ms cubic-bezier(.16,1,.3,1);pointer-events:none;will-change:transform,opacity;display:flex;align-items:center;justify-content:center}.feature-screenshot.is-visible{opacity:1!important;transform:translateX(0)!important;pointer-events:auto}.feature-screenshot.is-exiting-left{opacity:0!important;transform:translateX(-100%)!important}.feature-screenshot.is-exiting-right{opacity:0!important;transform:translateX(100%)!important}.feature-screenshot img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,8%);box-shadow:0 8px 24px rgba(0,0,0,.15)}.feature-screenshot .screenshot--dark{display:none}.feature-screenshot .screenshot--light{display:block}[data-theme=dark] .feature-screenshot .screenshot--dark{display:block}[data-theme=dark] .feature-screenshot .screenshot--light{display:none}.workflow-container,.library-container{display:grid;gap:var(--space-4)}.workflow-visual,.library-visual{opacity:0;transform:scale(.94)translateY(20px);transition:opacity 1e3ms cubic-bezier(.16,1,.3,1),transform 1e3ms cubic-bezier(.16,1,.3,1)}.section.is-visible .workflow-visual,.section.is-visible .library-visual{opacity:1;transform:scale(1)translateY(0);transition-delay:100ms}.workflow-grid,.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3)}.workflow-feature,.library-feature{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-subtle);border:1px solid var(--color-border);box-shadow:var(--shadow-border);backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);opacity:0;transform:translateY(30px)scale(.95);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.section.is-visible .workflow-feature,.section.is-visible .library-feature{opacity:1;transform:translateY(0)scale(1)}.section.is-visible .workflow-feature:nth-child(1),.section.is-visible .library-feature:nth-child(1){transition-delay:150ms}.section.is-visible .workflow-feature:nth-child(2),.section.is-visible .library-feature:nth-child(2){transition-delay:250ms}.section.is-visible .workflow-feature:nth-child(3),.section.is-visible .library-feature:nth-child(3){transition-delay:350ms}.section.is-visible .workflow-feature:nth-child(4),.section.is-visible .library-feature:nth-child(4){transition-delay:450ms}.library-icon{font-size:2rem;margin-bottom:var(--space-2);display:block}.workflow-feature .feature-icon,.library-feature .feature-icon{margin-bottom:var(--space-2)}.feature-icon--keyboard::before{content:'⌘';font-size:1rem}.feature-icon--pin::before{content:'';width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0-7-9-7-9-7s-9 0-9 7c0 1.656.13 3.096.36 4.32M12 19v3M12 22l-4-4M12 22l4-4'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.feature-icon--folder::before{content:'';width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.feature-icon--tag::before{content:'';width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Ccircle cx='7' cy='7' r='1'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.workflow-feature h3,.library-feature h3{margin:0 0 var(--space-1);font-weight:600;font-size:1.1rem}.workflow-feature p,.library-feature p{margin:0;color:var(--color-text-soft);line-height:1.5}.reusable-features{display:grid;gap:var(--space-6)}.reusable-feature{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;opacity:0;transform:translateY(40px);transition:opacity 900ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1)}.reusable-feature--reverse .reusable-feature-content{order:1}.reusable-feature--reverse .reusable-feature-visual{order:2}@media(min-width:768px){.reusable-feature--reverse .reusable-feature-content{order:0}.reusable-feature--reverse .reusable-feature-visual{order:1}}.section.is-visible .reusable-feature{opacity:1;transform:translateY(0)}.section.is-visible .reusable-feature:nth-child(1){transition-delay:100ms}.section.is-visible .reusable-feature:nth-child(2){transition-delay:200ms}.reusable-feature-visual{display:flex;flex-direction:column;gap:var(--space-4);opacity:0;transform:scale(.94)translateY(20px);transition:opacity 1e3ms cubic-bezier(.16,1,.3,1),transform 1e3ms cubic-bezier(.16,1,.3,1)}.section.is-visible .reusable-feature-visual{opacity:1;transform:scale(1)translateY(0);transition-delay:200ms}.reusable-feature-content{display:grid;gap:var(--space-3)}.reusable-feature-content h3{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.reusable-feature-content>p{margin:0;font-size:1.05rem;color:var(--color-text-soft);line-height:1.6}.reusable-feature-content .callout{opacity:0;transform:translateY(20px);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.section.is-visible .reusable-feature-content .callout{opacity:1;transform:translateY(0);transition-delay:300ms}.reusable-feature-content .callout h4{margin:0 0 .3rem;font-size:1rem;font-weight:600}.integration-layout{display:grid;gap:var(--space-5);grid-template-columns:1fr 1.2fr;align-items:center}.integration-intro{opacity:0;transform:translateX(-30px);transition:opacity 900ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1)}.section.is-visible .integration-intro{opacity:1;transform:translateX(0);transition-delay:100ms}.integration-intro h2{margin:0 0 var(--space-3);font-size:clamp(2.3rem,4vw,3.2rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.integration-intro p{margin:0;color:var(--color-text-soft);font-size:1.05rem;line-height:1.6}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}.integration-grid--2x2{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:900px){.integration-grid,.integration-grid--2x2{grid-template-columns:1fr;gap:24px}}.integration-card{margin:0;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-subtle);border:1px solid var(--color-border);box-shadow:var(--shadow-border);backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);opacity:0;transform:translateY(30px)scale(.95);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.section.is-visible .integration-card{opacity:1;transform:translateY(0)scale(1)}.section.is-visible .integration-card:nth-child(1){transition-delay:200ms}.section.is-visible .integration-card:nth-child(2){transition-delay:300ms}.section.is-visible .integration-card:nth-child(3){transition-delay:400ms}.section.is-visible .integration-card:nth-child(4){transition-delay:500ms}.integration-card dt{font-weight:600;font-size:1.05rem}.integration-card dd{margin:.4rem 0 0;color:var(--color-text-soft);line-height:1.5;font-size:.95rem}@media(max-width:980px){.integration-layout{grid-template-columns:1fr}}.design-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}#design .integration-layout{grid-template-columns:1.2fr 1fr}#design .integration-intro{transform:translateX(30px)}.section.is-visible #design .integration-intro{transform:translateX(0)}@media(max-width:980px){#design .integration-layout{grid-template-columns:1fr}#design .integration-intro{order:-1}}.token-list{margin:0;padding-left:1.25rem;display:grid;gap:.75rem;color:var(--color-text-soft)}.token-list strong{color:var(--color-text)}.templates-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center}.templates-copy{display:grid;gap:var(--space-3)}.templates-copy>*{opacity:0;transform:translateX(30px);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.section.is-visible .templates-copy>*{opacity:1;transform:translateX(0)}.section.is-visible .templates-copy>*:nth-child(1){transition-delay:100ms}.section.is-visible .templates-copy>*:nth-child(2){transition-delay:200ms}.section.is-visible .templates-copy>*:nth-child(3){transition-delay:300ms}.section.is-visible .templates-copy>*:nth-child(4){transition-delay:400ms}.callout{padding:var(--space-3);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(127,74,255,8%),rgba(0,212,255,6%));border:1px solid rgba(127,74,255,.15);opacity:0;transform:translateX(-20px);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.section.is-visible .callout{opacity:1;transform:translateX(0)}.section.is-visible .callout:nth-child(1){transition-delay:300ms}.section.is-visible .callout:nth-child(2){transition-delay:400ms}.reusable-feature-visual .callout{opacity:0;transform:translateY(20px);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.section.is-visible .reusable-feature-visual .callout{opacity:1;transform:translateY(0);transition-delay:400ms}.callout h3,.callout h4{margin:0 0 var(--space-1);font-size:1rem;font-weight:600}.callout p{margin:0;color:var(--color-text-soft);line-height:1.6}.docs-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.docs-list{margin:0;padding-left:1.25rem;color:var(--color-text-soft);display:grid;gap:.75rem}.docs-grid>div{opacity:0;transform:translateX(-30px);transition:opacity 900ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1)}.section.is-visible .docs-grid>div{opacity:1;transform:translateX(0);transition-delay:100ms}.docs-card{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);display:grid;gap:var(--space-2);text-align:center;opacity:0;transform:scale(.95)translateY(20px);transition:opacity 900ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1)}.section.is-visible .docs-card{opacity:1;transform:scale(1)translateY(0);transition-delay:300ms}.docs-card h3{margin:0;font-size:1.4rem;font-weight:600}.cta{padding-block:var(--space-8)}.cta-card{padding:var(--space-5);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-surface-strong) 90%,transparent);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-hard);display:grid;gap:var(--space-3);text-align:center;opacity:0;transform:scale(.96)translateY(30px);transition:opacity 1e3ms cubic-bezier(.16,1,.3,1),transform 1e3ms cubic-bezier(.16,1,.3,1)}.section.is-visible .cta-card{opacity:1;transform:scale(1)translateY(0);transition-delay:100ms}.cta-card h2{margin:0;font-size:clamp(2.4rem,4vw,3rem);font-weight:700}.section code{font-family:sfmono-regular,sf mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;padding:.25rem .45rem;border-radius:var(--radius-xs);background:rgba(95,61,244,.12);color:var(--color-pop)}abbr{text-decoration:underline dotted;text-decoration-color:rgba(127,74,255,.4);text-underline-offset:3px;cursor:help;position:relative}abbr:hover{text-decoration-color:var(--color-pop)}abbr::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%)translateY(-8px);padding:var(--space-2)var(--space-3);background:var(--color-surface-strong);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;line-height:1.4;white-space:normal;width:280px;text-align:left;box-shadow:var(--shadow-hard);opacity:0;pointer-events:none;transition:opacity 200ms ease,transform 200ms ease;z-index:1000}abbr:hover::after{opacity:1;transform:translateX(-50%)translateY(-4px)}.site-footer{margin-top:var(--space-8);background:linear-gradient(180deg,rgba(127,74,255,8%),transparent),var(--color-bg-alt);border-top:1px solid var(--color-border)}.content-section{padding-block:var(--space-7)}.prose-shell{display:grid;gap:0;max-width:580px}.content-header{display:grid;gap:1rem;text-align:center;max-width:720px;margin:0 auto;padding-bottom:2rem;border-bottom:1px solid var(--color-border);margin-bottom:3.5rem}.content-header .eyebrow{font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.content-header h1{margin:0;font-size:clamp(2.8rem,5vw,3.6rem);font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(90deg,var(--color-accent-start),var(--color-accent-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-header .lead{font-size:1.15rem;line-height:1.6;color:var(--color-text-soft);margin:0;max-width:580px;margin-inline:auto}.prose{line-height:1.7;color:var(--color-text);opacity:.88;text-align:left}.prose>*+*{margin-top:1.5rem}.prose.intro{display:grid;gap:1rem}.prose.intro>*+*{margin-top:0}.prose h2,.prose h3,.prose h4{color:var(--color-text);opacity:1;margin-top:3rem;margin-bottom:1rem}.prose .comparison-title{margin:0!important}.prose h2:first-child,.prose h3:first-child,.prose h4:first-child{margin-top:0}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:.75rem}.prose .card-grid{margin-top:2.5rem;margin-bottom:2.5rem}.prose .card-grid+*{margin-top:2rem}.prose ul,.prose ol{padding-left:1.25rem;display:grid;gap:.5rem;margin-top:1.25rem}.prose a{color:var(--color-pop);text-decoration:underline}.prose blockquote{margin:0;padding:1.25rem;border-left:4px solid var(--color-pop);background:rgba(127,74,255,8%);border-radius:var(--radius-sm);color:var(--color-text)}.footer-grid{display:grid;gap:var(--space-3);padding-block:var(--space-4);align-items:center;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer-brand{display:flex;align-items:center;gap:var(--space-2)}.footer-brand picture{display:contents}.footer-brand img{width:32px;height:32px;border-radius:10px}.footer-brand strong{font-size:1.1rem}.footer-brand p{margin:0;color:var(--color-text-muted)}.footer-links{display:flex;gap:var(--space-2);justify-content:flex-end;justify-self:end}.footer-links a{color:var(--color-text-soft);text-decoration:none;padding:.45rem .75rem;border-radius:var(--radius-sm);transition:background-color var(--spring-short),color var(--spring-short)}.footer-links a:hover,.footer-links a:focus-visible{color:var(--color-text);background:rgba(127,74,255,.12);outline:none}.footer-meta{text-align:center;padding-bottom:var(--space-4);color:var(--color-text-muted);font-size:.85rem}.video-showcase-modal__close{display:none!important}.list-section{padding-top:0}.list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media(max-width:768px){.list-grid{grid-template-columns:1fr}}.list-card{display:grid;gap:0;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform 280ms var(--transition-snappy),box-shadow 280ms var(--transition-snappy),border-color 280ms var(--transition-snappy)}.list-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.15);border-color:var(--color-accent-start)}.list-card__media img{width:100%;display:block}.list-card__body{display:grid;gap:var(--space-3);padding:var(--space-5)}.list-card__body h2{margin:0;font-size:1.8rem;font-weight:700;line-height:1.3}.list-card__body h2 a{color:inherit;text-decoration:none;background:linear-gradient(90deg,var(--color-accent-start),var(--color-accent-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity 280ms var(--transition-snappy)}.list-card__body h2 a:hover{opacity:.8}.list-card__body p{margin:0;color:var(--color-text-soft);line-height:1.6;font-size:1rem}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:640px){.card-grid{grid-template-columns:1fr}}.card-grid-item{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.card-grid-title{margin:0 0 var(--space-2);font-size:1.1rem;font-weight:700;color:var(--color-text)}.card-grid-text{margin:0;font-size:.95rem;line-height:1.6;color:var(--color-text-soft)}.content-steps{margin:var(--space-5)0;padding:0;padding-left:0!important;list-style:none;counter-reset:content-step;display:grid;gap:var(--space-3)}.content-step{counter-increment:content-step;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);line-height:1.6}.step-content{flex:1;display:flex;flex-direction:column;align-items:flex-start}.step-content strong{display:block;margin-bottom:0}.content-step::before{content:counter(content-step);display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--gradient-accent);color:#fff;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px rgba(127,74,255,.3);align-self:center}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)var(--space-5);margin:var(--space-5)0;padding-left:0;grid-auto-rows:auto}@media(max-width:768px){.comparison-grid{grid-template-columns:1fr;gap:var(--space-4);padding-left:0}}.comparison-column{display:grid;gap:var(--space-2);align-content:start;grid-template-rows:subgrid;grid-row:span 6}.comparison-title{font-size:15px;font-weight:600;letter-spacing:-.01em;padding:10px 16px;border-radius:8px;margin:0 0 var(--space-1);display:inline-flex;align-items:center;gap:8px;width:fit-content;justify-self:center}.comparison-column--bad .comparison-title{background:rgba(255,59,48,8%);color:#ff3b30}.comparison-column--good .comparison-title{background:rgba(52,199,89,8%);color:#34c759}.comparison-content{display:grid;gap:var(--space-2);grid-template-rows:repeat(4,minmax(0,1fr))auto}.comparison-content p{margin:0;line-height:1.6;font-size:15px;padding:6px 0;display:flex;align-items:center}.comparison-content p:last-child{margin-top:var(--space-3);padding:var(--space-3);background:linear-gradient(135deg,rgba(127,74,255,8%),rgba(0,212,255,6%))!important;border:1px solid rgba(127,74,255,.15)!important;border-radius:var(--radius-lg);font-size:14px;font-style:normal;color:var(--color-text-soft)!important;line-height:1.6}.comparison-content p{margin:0;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-subtle);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:.9rem;line-height:1.6;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.comparison-content p:hover{transform:translateX(4px)}.comparison-content p::before{font-family:var(--font-body);font-weight:600;margin-right:var(--space-2);opacity:.5}.comparison-column--bad .comparison-content p{background:rgba(255,59,48,4%);border-color:rgba(255,59,48,.15);position:relative;padding-left:calc(var(--space-4) + 24px)}.comparison-column--bad .comparison-content p::before{content:"✕";position:absolute;left:var(--space-4);color:#ff3b30;opacity:.6}.comparison-column--bad .comparison-content p:hover{border-color:rgba(255,59,48,.25);background:rgba(255,59,48,6%)}.comparison-column--good .comparison-content p{background:rgba(52,199,89,4%);border-color:rgba(52,199,89,.2);position:relative;padding-left:calc(var(--space-4) + 24px)}.comparison-column--good .comparison-content p::before{content:"✓";position:absolute;left:var(--space-4);color:#34c759;opacity:.7}.comparison-column--good .comparison-content p:hover{border-color:rgba(52,199,89,.35);background:rgba(52,199,89,7%);transform:translateX(4px);box-shadow:0 2px 8px rgba(52,199,89,.15)}.comparison-content p:first-of-type{margin-top:var(--space-1)}.comparison-content p:last-of-type:not(:first-of-type){margin-bottom:var(--space-1)}.template-catalog{display:grid;gap:var(--space-5)}.template-card{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.template-card__media{padding:var(--space-3)}.template-card__body{display:grid;gap:var(--space-3)}.template-card__body h2{margin:0;font-size:1.75rem}.template-card__body p{margin:0;color:var(--color-text-soft);line-height:1.6}.template-card__variables{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.template-card__variables li{padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-subtle);border:1px solid var(--color-border);display:grid;gap:.3rem}.template-card__variables strong{font-size:1rem;color:var(--color-text)}.template-card__variables span{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.template-card__variables p{margin:0;font-size:.95rem}.template-card__mustache{margin:0;padding:var(--space-2);border-radius:var(--radius-md);background:rgba(95,61,244,.12);color:var(--color-pop);overflow-x:auto}.template-card__mustache code{font-family:sfmono-regular,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;white-space:pre-wrap}.template-detail__wrap{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.template-detail__visual{padding:var(--space-3)}.template-detail__meta{display:grid;gap:var(--space-3)}.template-detail__variables{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.template-detail__variables li{display:grid;gap:.3rem}.scroll-indicator{position:sticky;bottom:var(--space-6);left:50%;width:20px;height:20px;margin-left:-10px;margin-top:var(--space-7);color:var(--color-text-muted);cursor:pointer;opacity:0;border:none;background:0 0;padding:0;pointer-events:none;z-index:10;transition:color 280ms ease,opacity 600ms ease;transform:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.hero{position:relative}.hero .scroll-indicator{position:absolute;bottom:var(--space-6);margin-top:0}.section.is-active .scroll-indicator,.hero.is-active .scroll-indicator{opacity:1;pointer-events:auto;transition-delay:800ms;transform:none}.scroll-indicator:hover{color:var(--color-pop)}.scroll-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);white-space:nowrap;transition:color 280ms ease;opacity:0;transform:translateY(4px);animation:scrollLabelFade 800ms cubic-bezier(.16,1,.3,1)forwards;animation-delay:1200ms;position:relative;background:linear-gradient(90deg,var(--color-text-muted) 0%,var(--color-text-muted) 40%,var(--color-text) 50%,var(--color-text-muted) 60%,var(--color-text-muted) 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:scrollLabelFade 800ms cubic-bezier(.16,1,.3,1)forwards,scrollLabelShine 3s ease-in-out infinite;animation-delay:1200ms,2500ms}.scroll-label::after{content:'';position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(24, 24, 29, 0.52)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M19 12l-7 7-7-7'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transition:background 280ms ease}.scroll-indicator:hover .scroll-label::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f3df4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M19 12l-7 7-7-7'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}[data-theme=dark] .scroll-label::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(215, 221, 255, 0.58)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M19 12l-7 7-7-7'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}[data-theme=dark] .scroll-indicator:hover .scroll-label::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b7bff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M19 12l-7 7-7-7'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}@keyframes scrollLabelFade{to{opacity:1;transform:translateY(0)}}@keyframes scrollLabelShine{0%{background-position:200%}100%{background-position:-200%}}.scroll-indicator svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.5;fill:none;display:block;animation:bounceArrow 2.5s ease-in-out infinite}@keyframes bounceArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}.scroll-to-top{position:fixed;bottom:var(--space-5);right:var(--space-5);width:48px;height:48px;border-radius:50%;background:var(--color-accent-start);border:none;color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:100;transition:opacity 400ms ease,transform 280ms cubic-bezier(.16,1,.3,1),background 280ms ease;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.scroll-to-top.visible{opacity:1;pointer-events:auto}.scroll-to-top:hover{transform:translateY(-2px)scale(1.05);background:var(--color-accent-end);box-shadow:0 6px 28px rgba(0,0,0,.2)}.scroll-to-top:active{transform:translateY(0)scale(.98)}.scroll-to-top svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.5;fill:none;display:block}@media(max-width:980px){.primary-nav{display:none}.site-header .shell{justify-content:space-between}.hero-grid{grid-template-columns:1fr}.hero-visual{justify-content:center}.hero-gif-wrapper{width:min(100%,640px);aspect-ratio:16/11}.hero-visual .mockup-card{width:min(100%,640px)}.feature-cards-container{grid-template-columns:repeat(2,1fr)}.feature-card:nth-child(2){border-right:none}.feature-card:nth-child(1),.feature-card:nth-child(2){border-bottom:1px solid var(--color-border)}.feature-visual{min-height:400px}.workflow-demo{display:flex!important;flex-direction:column;grid-template-columns:none}.demo-left{display:contents}.demo-left .mockup-card{order:0}.demo-steps{order:1}.demo-left .workflow-callout{order:2}.workflow-steps li{min-height:auto;padding:var(--space-2)}.step-number{width:40px;height:40px;font-size:1rem}.step-key{font-size:.95rem}.step-desc{font-size:.8125rem}}@media(max-width:720px){.hero{padding-block:var(--space-7);min-height:auto}.hero-gif-wrapper::before{inset:-30px;filter:blur(40px)}.mockup-card img{border-radius:calc(var(--radius-xl) - var(--space-2))}.section{padding-block:var(--space-6)}.cta-card{padding:var(--space-4)}.feature-cards-container{grid-template-columns:1fr}.feature-card{border-right:none;border-bottom:1px solid var(--color-border)}.feature-card:last-child{border-bottom:1px solid var(--color-border)}.feature-card.is-active::after{left:0;right:auto;top:0;bottom:0;width:3px;height:auto}.feature-visual{min-height:300px;padding:var(--space-2)}.feature-screenshot{inset:var(--space-2)}.workflow-steps{gap:var(--space-1)}.workflow-steps li{min-height:auto;padding:var(--space-1)var(--space-2)}.step-number{width:36px;height:36px;font-size:.95rem}.step-key{font-size:.875rem}.step-desc{font-size:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-copy>*{opacity:1!important;transform:none!important;animation:none!important}.hero-visual{opacity:1!important;transform:none!important;animation:none!important}.scroll-indicator,.scroll-indicator svg{animation:none!important}[data-animate-in]{opacity:1!important;transform:none!important;animation:none!important}.pill-btn:hover,.pill-btn:focus-visible{transform:none!important}.pill-btn:active{transform:none!important}.feature-card:hover{transform:none!important}.loading-bar::before{animation:none!important}.template-cta:hover svg{animation:none!important}.template-card:hover{transform:none!important}.lightbox-overlay,.video-showcase-modal{transition:none!important}.lightbox-image,.lightbox-video,.video-showcase-modal__content{transition:none!important;transform:none!important}.feature-screenshot{transition:none!important;transform:none!important}.theme-indicator{transition:none!important}.highlight-term::after{transition:none!important}.video-enlarge-hint{transition:none!important}}[data-theme=dark] body.page{background:radial-gradient(120% 120% at 15% 20%,rgba(127,74,255,.18),transparent 60%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-alt) 100%)}[data-theme=dark] .hero-gif-wrapper::before{background:radial-gradient(50% 50% at 50% 50%,rgba(127,74,255,.45),transparent 70%);opacity:.7}[data-theme=dark] .section--highlight{background:radial-gradient(90% 60% at 50% 50%,rgba(127,74,255,.18),transparent 70%)}[data-theme=dark] .workflow-demo .mockup-card{border-color:rgba(127,74,255,.25);box-shadow:0 16px 50px rgba(0,0,0,.5),0 4px 16px rgba(127,74,255,.3)}[data-theme=dark] .section--alt{background:0 0}[data-theme=dark] .feature-card,[data-theme=dark] .integration-card,[data-theme=dark] .docs-card,[data-theme=dark] .callout,[data-theme=dark] .cta-card{border-color:rgba(143,151,220,.24);box-shadow:var(--shadow-soft)}[data-theme=dark] .mockup-card{border:none;box-shadow:none}[data-theme=dark] .theme-selector{border-color:rgba(143,151,220,.26)}[data-theme=dark] .footer-links a:hover,[data-theme=dark] .footer-links a:focus-visible{background:rgba(127,74,255,.25)}.heading-link{opacity:0;color:var(--color-text-muted);text-decoration:none;transition:opacity var(--spring-short),color var(--spring-short);display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-left:.5rem;vertical-align:middle}.heading-link svg{width:16px;height:16px}.prose h2:hover .heading-link,.prose h3:hover .heading-link,.prose h4:hover .heading-link,.prose h5:hover .heading-link,.prose h6:hover .heading-link{opacity:1}.heading-link:hover{color:var(--color-pop)}.heading-link.copied{color:var(--color-pop)}.heading-link.copied svg{animation:linkCopied 400ms ease}@keyframes linkCopied{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.section--highlight{background:radial-gradient(90% 60% at 50% 50%,rgba(127,74,255,.12),transparent 70%);position:relative;padding-block:var(--space-8)var(--space-9)}.workflow-demo{display:grid;gap:var(--space-6);grid-template-columns:1fr 1.3fr;align-items:start}.demo-left{display:grid;gap:var(--space-3)}.workflow-demo .demo-visual video{width:100%;height:auto;display:block}.workflow-demo .mockup-card{overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-surface);aspect-ratio:1200/820;max-width:560px;margin-inline:auto;border:2px solid rgba(127,74,255,.15);box-shadow:0 16px 50px rgba(0,0,0,.3),0 4px 16px rgba(127,74,255,.2),inset 0 1px rgba(255,255,255,5%)}.workflow-demo .mockup-card video{width:100%;height:100%;object-fit:cover;display:block}.workflow-demo .mockup-card video.screenshot--dark{display:none}.workflow-demo .mockup-card video.screenshot--light{display:block}[data-theme=dark] .workflow-demo .mockup-card video.screenshot--dark{display:block}[data-theme=dark] .workflow-demo .mockup-card video.screenshot--light{display:none}@media(prefers-color-scheme:dark){:root[data-theme=system] .workflow-demo .mockup-card video.screenshot--dark,:root[data-theme-preference=system] .workflow-demo .mockup-card video.screenshot--dark,:root:not([data-theme]) .workflow-demo .mockup-card video.screenshot--dark{display:block}:root[data-theme=system] .workflow-demo .mockup-card video.screenshot--light,:root[data-theme-preference=system] .workflow-demo .mockup-card video.screenshot--light,:root:not([data-theme]) .workflow-demo .mockup-card video.screenshot--light{display:none}}.demo-visual{opacity:0;transform:scale(.94)translateY(20px);transition:opacity 1e3ms cubic-bezier(.16,1,.3,1),transform 1e3ms cubic-bezier(.16,1,.3,1)}.section.is-visible .demo-visual{opacity:1;transform:scale(1)translateY(0);transition-delay:100ms}.demo-steps{display:grid;gap:var(--space-2)}.workflow-steps{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2);counter-reset:step}.workflow-steps li{display:flex;flex-direction:row;gap:var(--space-2);align-items:center;justify-content:flex-start;text-align:left;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-border);opacity:0;transform:translateY(-20px);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1);min-height:120px}.section.is-visible .workflow-steps li{opacity:1;transform:translateY(0)}.section.is-visible .workflow-steps li:nth-child(1){transition-delay:200ms}.section.is-visible .workflow-steps li:nth-child(2){transition-delay:300ms}.section.is-visible .workflow-steps li:nth-child(3){transition-delay:400ms}.section.is-visible .workflow-steps li:nth-child(4){transition-delay:500ms}.section.is-visible .workflow-steps li:nth-child(5){transition-delay:600ms}.step-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--gradient-accent);color:#fff;font-weight:700;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 16px rgba(127,74,255,.35)}.step-content{display:grid;gap:var(--space-1)}.step-key{font-weight:600;color:var(--color-text);font-size:1.0625rem;line-height:1.3;letter-spacing:-.01em}.step-key kbd{display:inline-block;padding:.25rem .5rem;border-radius:6px;background:rgba(127,74,255,.12);color:var(--color-pop);font-family:sfmono-regular,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;border:1px solid rgba(127,74,255,.25);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,5%)}.step-desc{color:var(--color-text-soft);font-size:.875rem;line-height:1.5;opacity:.7}.workflow-callout{padding:var(--space-3);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(127,74,255,8%),rgba(0,212,255,6%));border:1px solid rgba(127,74,255,.15);opacity:0;transform:translateY(20px);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.section.is-visible .workflow-callout{opacity:1;transform:translateY(0);transition-delay:700ms}.workflow-callout p{margin:0;color:var(--color-text-soft);line-height:1.6}.workflow-callout p:first-child{color:var(--color-text);margin-bottom:.5rem}.example-box{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-border);display:grid;gap:var(--space-3)}.example-box h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.example-box strong{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--color-text-soft)}.example-box pre{margin:0;padding:var(--space-2);border-radius:var(--radius-sm);background:rgba(95,61,244,8%);overflow-x:auto}.example-box code{font-family:sfmono-regular,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;color:var(--color-text);line-height:1.5;background:0 0;padding:0;border-radius:0}.example-box .placeholder,.example-box .value{padding:.15em .35em;border-radius:var(--radius-xs);background:rgba(127,74,255,.18);color:var(--color-pop);font-weight:600}.example-form{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-subtle);border:1px solid var(--color-border)}.example-form strong{display:block;font-size:.9rem;color:var(--color-text-soft);margin-bottom:.25rem}.example-form-fields{display:grid;gap:var(--space-2)}.example-field{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);align-items:center;padding:.65rem .85rem;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:inset 0 1px 2px rgba(0,0,0,4%);transition:border-color 200ms ease,background-color 200ms ease}.example-field:hover{border-color:rgba(127,74,255,.25);background:color-mix(in srgb,var(--color-surface) 98%,rgba(127,74,255,5%))}.example-field-label{font-family:sfmono-regular,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;color:var(--color-text-muted);font-weight:500;min-width:80px}.example-field-value{font-family:sfmono-regular,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;color:var(--color-text);padding:.15em .35em;border-radius:var(--radius-xs);background:rgba(127,74,255,8%);border:1px solid rgba(127,74,255,.15)}.example-form p{margin:0;color:var(--color-text-soft);font-size:.95rem}.comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-subtle);border:1px solid var(--color-border)}.comparison-before,.comparison-after{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.comparison-before h4,.comparison-after h4{margin:0 0 var(--space-2);font-size:1.05rem;font-weight:600}.comparison-before ol,.comparison-after ol{margin:0;padding-left:1.25rem;display:grid;gap:.5rem;color:var(--color-text-soft);font-size:.95rem}.comparison-time{margin:var(--space-2)0 0;padding:.5rem .75rem;border-radius:var(--radius-sm);background:rgba(127,74,255,8%);color:var(--color-pop);font-weight:600;font-size:.9rem;text-align:center}kbd{display:inline-block;padding:.2em .4em;border-radius:var(--radius-xs);background:rgba(127,74,255,.12);color:var(--color-pop);font-family:sfmono-regular,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;font-weight:600;border:1px solid rgba(127,74,255,.2);box-shadow:0 1px rgba(127,74,255,.15)}.placeholder-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.placeholder-type-card{display:flex;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 4px 12px rgba(0,0,0,6%);opacity:0;transform:translateY(20px)scale(.96);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1),box-shadow 280ms cubic-bezier(.16,1,.3,1),border-color 280ms cubic-bezier(.16,1,.3,1)}.section.is-visible .placeholder-type-card{opacity:1;transform:translateY(0)scale(1)}.section.is-visible .placeholder-type-card:nth-child(1){transition-delay:500ms}.section.is-visible .placeholder-type-card:nth-child(2){transition-delay:600ms}.section.is-visible .placeholder-type-card:nth-child(3){transition-delay:700ms}.section.is-visible .placeholder-type-card:nth-child(4){transition-delay:800ms}.placeholder-type-card:hover{box-shadow:0 8px 24px rgba(127,74,255,.12);border-color:rgba(127,74,255,.25);transform:translateY(-2px)scale(1.01)}.placeholder-type-icon{font-size:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(127,74,255,.12),rgba(0,212,255,8%))}.placeholder-type-content{display:grid;gap:.25rem;flex:1}.placeholder-type-name{font-family:sfmono-regular,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;color:var(--color-text);font-weight:600}.placeholder-type-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.placeholder-type-desc{font-size:.8125rem;color:var(--color-text-soft);line-height:1.4}.type-list{margin:0;padding-left:1.25rem;display:grid;gap:.5rem;color:var(--color-text-soft);list-style:none}.type-list li{position:relative;padding-left:0}.type-list li::before{content:'•';position:absolute;left:-1.25rem;color:var(--color-pop);font-weight:700}.type-list strong{color:var(--color-text)}@media(max-width:720px){.placeholder-types-grid{grid-template-columns:1fr}.placeholder-type-card{padding:var(--space-2)}.placeholder-type-icon{font-size:1.5rem;width:40px;height:40px}}.workflow-transformation{margin-top:0;display:grid;gap:var(--space-5)}.workflow-pain-callout{max-width:42rem;text-align:center;padding:var(--space-4)var(--space-5);margin-inline:auto;margin-block:var(--space-5)var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(127,74,255,8%),rgba(0,212,255,6%));border:1px solid rgba(127,74,255,.15);opacity:0;transform:translateY(20px);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.section.is-visible .workflow-pain-callout{opacity:1;transform:translateY(0);transition-delay:300ms}.workflow-pain-callout p{margin:0;font-size:1rem;line-height:1.6;color:var(--color-text-soft)}.workflow-footnote{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(127,74,255,.15);text-align:center}.workflow-footnote p{margin:0;font-size:.875rem;color:var(--color-text-muted);font-style:italic}.workflow-comparison-header{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2;text-align:center;opacity:0;transform:translateY(20px);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.section.is-visible .workflow-comparison-header{opacity:1;transform:translateY(0);transition-delay:200ms}.workflow-divider,.feature-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 10%,var(--color-accent-mid) 50%,var(--color-border) 90%,transparent 100%);position:relative;opacity:0;transform:scaleX(.8);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.workflow-divider::before,.feature-divider::before{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:40%;height:5px;background:linear-gradient(90deg,transparent 0%,rgba(127,74,255,.15) 50%,transparent 100%);filter:blur(8px)}.section.is-visible .workflow-divider,.section.is-visible .feature-divider{opacity:1;transform:scaleX(1);transition-delay:150ms}.workflow-transformation .section-head{text-align:left;max-width:48rem;opacity:0;transform:translateY(30px);transition:opacity 900ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1)}.section.is-visible .workflow-transformation .section-head{opacity:1;transform:translateY(0);transition-delay:100ms}.workflow-comparison{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:center;opacity:0;transform:scale(.96)translateY(40px);transition:opacity 1e3ms cubic-bezier(.16,1,.3,1),transform 1e3ms cubic-bezier(.16,1,.3,1)}.section.is-visible .workflow-comparison{opacity:1;transform:scale(1)translateY(0);transition-delay:300ms}.workflow-column{display:grid;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);position:relative}.workflow-column--manual{opacity:1}.workflow-column--manual::before{content:'';position:absolute;inset:0;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(100,100,100,5%),transparent);pointer-events:none}.workflow-column--migi{border-color:rgba(127,74,255,.25);box-shadow:0 12px 40px rgba(127,74,255,.15),var(--shadow-soft)}.workflow-column--migi::before{content:'';position:absolute;inset:0;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(127,74,255,8%),rgba(0,212,255,5%));pointer-events:none}.workflow-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.workflow-header h3{margin:0;font-size:1.15rem;font-weight:600;color:var(--color-text)}.workflow-time{display:flex;align-items:baseline;gap:.35rem;padding:.5rem .85rem;border-radius:999px;background:rgba(127,74,255,.1);border:1px solid rgba(127,74,255,.2)}.workflow-column--manual .workflow-time{background:rgba(100,100,100,8%);border-color:rgba(100,100,100,.2)}.time-number{font-size:1.4rem;font-weight:700;color:var(--color-text);line-height:1}.time-unit{font-size:.75rem;font-weight:500;color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.05em}.workflow-steps-list{margin:0;padding-left:1.5rem;display:grid;gap:.75rem;color:var(--color-text-soft);line-height:1.5;font-size:.95rem}.workflow-column--manual .workflow-steps-list{color:var(--color-text-soft)}.workflow-progress{height:8px;border-radius:999px;overflow:hidden;background:rgba(100,100,100,.12);position:relative}.workflow-progress--loading::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(100,100,100,.3) 0%,rgba(100,100,100,.5) 50%,rgba(100,100,100,.3) 100%);animation:loadingBar 2s ease-in-out infinite}@keyframes loadingBar{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.workflow-progress--complete{height:auto;background:linear-gradient(135deg,rgba(127,74,255,.15),rgba(0,212,255,.1));border:1px solid rgba(127,74,255,.25);display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.workflow-progress--complete svg{width:24px;height:24px;color:var(--color-pop)}.workflow-speed-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:var(--space-3);position:relative;z-index:5;align-self:center}.workflow-speed-badge::before{content:'';position:absolute;inset:-40%;background:radial-gradient(circle,rgba(127,74,255,.3),transparent 60%);filter:blur(40px);z-index:-1;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.4;transform:scale(.95)}50%{opacity:.7;transform:scale(1.05)}}.speed-multiplier{font-size:2.5rem;font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.02em}.speed-label{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--color-text-muted);text-transform:uppercase}.speed-arrow{width:32px;height:32px;color:var(--color-pop);margin-top:.5rem;animation:arrowPulse 2s ease-in-out infinite}@keyframes arrowPulse{0%,100%{transform:translateX(0);opacity:1}50%{transform:translateX(4px);opacity:.7}}.template-showcase{margin-top:var(--space-2);display:grid;gap:var(--space-5)}.template-showcase-intro{text-align:center;max-width:48rem;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.section.is-visible .template-showcase-intro{opacity:1;transform:translateY(0);transition-delay:300ms}.template-showcase-intro h3{margin:0 0 var(--space-2);font-size:1.75rem;font-weight:700;line-height:1.2}.template-showcase-intro p{margin:0;font-size:1.0625rem;color:var(--color-text-soft);line-height:1.6}.template-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.template-category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all 300ms cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(20px)}.section.is-visible .template-category-card{opacity:1;transform:translateY(0)}.section.is-visible .template-category-card:nth-child(1){transition-delay:350ms}.section.is-visible .template-category-card:nth-child(2){transition-delay:400ms}.section.is-visible .template-category-card:nth-child(3){transition-delay:450ms}.section.is-visible .template-category-card:nth-child(4){transition-delay:500ms}.section.is-visible .template-category-card:nth-child(5){transition-delay:550ms}.section.is-visible .template-category-card:nth-child(6){transition-delay:600ms}.section.is-visible .template-category-card:nth-child(7){transition-delay:650ms}.section.is-visible .template-category-card:nth-child(8){transition-delay:700ms}.section.is-visible .template-category-card:nth-child(9){transition-delay:750ms}.template-category-card:hover{transform:translateY(-2px);border-color:rgba(127,74,255,.3);box-shadow:0 8px 24px rgba(127,74,255,.12)}.template-category-name{font-size:1rem;font-weight:600;color:var(--color-text)}.template-category-count{font-size:.8125rem;color:var(--color-text-soft)}.browse-all-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2)var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;font-weight:500;font-size:.9375rem;margin:0 auto;transition:all 300ms cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(20px)}.section.is-visible .browse-all-link{opacity:1;transform:translateY(0);transition-delay:800ms}.browse-all-link:hover{background:var(--color-surface-strong);border-color:rgba(127,74,255,.3);transform:translateY(-2px)}@media(max-width:980px){.workflow-comparison{grid-template-columns:1fr;gap:var(--space-3)}.workflow-column--manual{order:0}.workflow-speed-badge{order:1;flex-direction:row;padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-border)}.workflow-column--migi{order:2}.speed-arrow{transform:rotate(90deg);margin-top:0;margin-left:.5rem}@keyframes arrowPulse{0%,100%{transform:rotate(90deg)translateX(0);opacity:1}50%{transform:rotate(90deg)translateX(4px);opacity:.7}}}@media(max-width:720px){.workflow-column{padding:var(--space-3)}.workflow-header h3{font-size:1rem}.time-number{font-size:1.2rem}.time-unit{font-size:.7rem}.workflow-steps-list{font-size:.875rem;gap:.6rem}.speed-multiplier{font-size:2rem}}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-4)}.breadcrumb a{color:var(--color-pop);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{color:var(--color-text-muted)}.breadcrumb .current{color:var(--color-text-soft)}.template-header{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.template-header h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 var(--space-3);color:var(--color-text)}.template-description{font-size:1.125rem;color:var(--color-text-soft);margin:0 0 var(--space-3);line-height:1.6}.template-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag{display:inline-block;padding:.3rem .8rem;background:rgba(127,74,255,.12);color:var(--color-pop);border-radius:999px;font-size:.8rem;font-weight:600}.template-content{margin-bottom:var(--space-6)}.template-content h2{font-size:1.75rem;font-weight:700;margin:var(--space-6)0 var(--space-3);color:var(--color-text)}.template-content h2:first-child{margin-top:0}.template-content h3{font-size:1.25rem;font-weight:600;margin:var(--space-4)0 var(--space-2);color:var(--color-text)}.template-content p{line-height:1.7;margin-bottom:var(--space-3);color:var(--color-text-soft)}.template-content ul,.template-content ol{margin:var(--space-3)0;padding-left:var(--space-4);color:var(--color-text-soft)}.template-content li{margin:var(--space-1)0;line-height:1.7}.template-content pre{background:var(--color-surface-strong);border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-4)0;font-size:.9rem;line-height:1.6}.template-content code{font-family:sfmono-regular,ui-monospace,monospace}.template-content pre code{background:0 0;padding:0;border-radius:0;color:var(--color-text-soft)}.template-content :not(pre)>code{background:rgba(127,74,255,.12);color:var(--color-pop);padding:.2rem .4rem;border-radius:var(--radius-xs);font-size:.9em}.template-content table{width:100%;border-collapse:collapse;margin:var(--space-4)0}.template-content th,.template-content td{padding:var(--space-2);border:1px solid var(--color-border);text-align:left}.template-content th{background:var(--color-surface-subtle);font-weight:600;color:var(--color-text)}.template-content td{color:var(--color-text-soft)}.template-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.nav-link{display:flex;flex-direction:column;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--spring-medium)}.nav-link:hover{border-color:var(--color-pop);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.nav-link.next{text-align:right}.nav-label{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.25rem}.nav-title{font-size:1rem;font-weight:600;color:var(--color-text)}[data-theme=dark] .nav-link{background:color-mix(in srgb,var(--color-surface) 85%,transparent);border-color:rgba(143,151,220,.2)}[data-theme=dark] .nav-link:hover{background:color-mix(in srgb,var(--color-surface) 95%,transparent);border-color:var(--color-pop)}@media(max-width:768px){.template-nav{grid-template-columns:1fr}.nav-link.next{text-align:left}}picture{display:contents}picture img{max-width:100%;height:auto;display:block}.hero-image{width:100%;max-width:1280px;margin:0 auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.app-screenshot{max-width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 4px 12px rgba(0,0,0,8%);transition:transform var(--spring-medium),box-shadow var(--spring-medium)}.app-screenshot:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}figure{margin:var(--space-6)0;text-align:center}figure img{margin:0 auto}figcaption{margin-top:var(--space-2);font-size:.875rem;color:var(--color-text-muted);font-style:italic;line-height:1.5}.screenshot-figure{margin:var(--space-5)0;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.screenshot-figure figcaption{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-style:normal;text-align:center}[data-theme=dark] .app-screenshot{border-color:rgba(143,151,220,.2);box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-theme=dark] .app-screenshot:hover{box-shadow:0 8px 24px rgba(0,0,0,.4)}[data-theme=dark] .screenshot-figure{background:color-mix(in srgb,var(--color-surface) 85%,transparent);border-color:rgba(143,151,220,.2)}@media(max-width:768px){figure{margin:var(--space-4)0}.screenshot-figure{padding:var(--space-3)}.workflow-pain-callout{width:min(100% - 2 * var(--space-2),42rem);padding:var(--space-3)}.example-box{max-width:100%;overflow-x:hidden;padding:var(--space-2)}.example-box pre{overflow-x:auto;max-width:100%}.example-box code{word-wrap:break-word;overflow-wrap:break-word}.example-code,.example-form,.example-output{max-width:100%;overflow-x:auto}.example-form-fields{max-width:100%}.example-field{max-width:100%;overflow:hidden}.example-field-value{word-break:break-word}.lightbox-trigger{cursor:default;pointer-events:none}.lightbox-icon,.video-enlarge-hint{display:none}.design-grid{grid-template-columns:1fr}.reusable-features{gap:var(--space-3)}.reusable-feature{gap:var(--space-2)}.reusable-feature-visual{gap:var(--space-2)}.scroll-indicator{display:none}.section{padding-block:var(--space-2);gap:var(--space-3)}.section-head{gap:var(--space-2)}.section--highlight{padding-block:var(--space-3)}.coming-soon-badge--header{display:none}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{flex-direction:column;justify-content:center;gap:var(--space-1)}.footer-brand strong{display:block;margin-bottom:var(--space-1)}.footer-links{justify-content:center;justify-self:center}}.waitlist-form{position:relative;width:100%;max-width:560px;margin:0 auto;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft),var(--shadow-border);backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg)}.waitlist-form-content{display:flex;flex-direction:column;gap:var(--space-3)}.waitlist-form-header{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.waitlist-form-title{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);line-height:1.2}.waitlist-form-description{margin:0;font-size:1rem;line-height:1.5;color:var(--color-text-soft)}.waitlist-form-field-group{display:flex;flex-direction:column;gap:var(--space-2)}.waitlist-form-field{position:relative;display:flex;flex-direction:column;gap:var(--space-1)}.waitlist-form-label{display:flex;align-items:baseline;gap:.25rem;font-size:.875rem;font-weight:600;color:var(--color-text);line-height:1.4}.waitlist-form-label-required{color:var(--color-pop);font-weight:700}.waitlist-form-input{position:relative;width:100%;height:48px;padding:0 var(--space-2);font-family:var(--font-body);font-size:1rem;color:var(--color-text);background:var(--color-surface-subtle);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--spring-short),background-color var(--spring-short),box-shadow var(--spring-short);-webkit-appearance:none;appearance:none}.waitlist-form-input::placeholder{color:var(--color-text-muted);opacity:1}.waitlist-form-input:hover:not(:disabled){border-color:var(--color-border-strong)}.waitlist-form-input:focus{border-color:var(--color-pop);background:var(--color-surface-strong);box-shadow:0 0 0 4px rgba(127,74,255,.12)}.waitlist-form-input:disabled{opacity:.6;cursor:not-allowed}.waitlist-form-input[aria-invalid=true]{border-color:#e74c3c;box-shadow:0 0 0 4px rgba(231,76,60,.12)}.waitlist-form-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:52px;padding:0 var(--space-3);font-family:var(--font-body);font-size:1rem;font-weight:600;color:#fff;background:var(--gradient-accent);border:none;border-radius:var(--radius-md);cursor:pointer;outline:none;box-shadow:0 16px 40px rgba(46,30,110,.32);transition:transform 140ms var(--transition-soft),box-shadow 200ms var(--transition-soft),opacity 200ms var(--transition-soft);-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.waitlist-form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 60px rgba(46,30,110,.42)}.waitlist-form-submit:active:not(:disabled){transform:translateY(0);transition-duration:80ms}.waitlist-form-submit:focus-visible{box-shadow:0 0 0 4px rgba(127,74,255,.4),0 24px 60px rgba(46,30,110,.42)}.waitlist-form-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.waitlist-form-submit-text{display:block;transition:opacity 200ms var(--transition-soft),transform 200ms var(--transition-soft)}.waitlist-form-submit-loader{position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:scale(.8);transition:opacity 200ms var(--transition-soft),transform 280ms var(--transition-emphatic)}.waitlist-form-spinner{width:24px;height:24px;animation:waitlist-spin 1e3ms linear infinite}@keyframes waitlist-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.waitlist-form-message{display:none;align-items:flex-start;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);font-size:.9rem;line-height:1.5;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity 280ms var(--transition-emphatic),transform 280ms var(--transition-emphatic)}.waitlist-form-message-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.waitlist-form-message-text{flex:1;font-weight:500}.waitlist-form-message--error{background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.28);color:#e74c3c}.waitlist-form-message--error .waitlist-form-message-icon{stroke:#e74c3c}.waitlist-form-message--success{background:rgba(46,213,115,.12);border:1px solid rgba(46,213,115,.28);color:#2ed573}.waitlist-form-message--success .waitlist-form-message-icon{stroke:#2ed573}.waitlist-form[data-state=submitting] .waitlist-form-submit-text{opacity:0;transform:scale(.95)}.waitlist-form[data-state=submitting] .waitlist-form-submit-loader{opacity:1;transform:scale(1)}.waitlist-form[data-state=error] .waitlist-form-message--error,.waitlist-form[data-state=success] .waitlist-form-message--success{display:flex;opacity:1;transform:translateY(0);pointer-events:auto}.waitlist-form[data-state=success] .waitlist-form-field,.waitlist-form[data-state=success] .waitlist-form-submit{opacity:.5;pointer-events:none}.waitlist-form[data-state=success] .waitlist-form-submit{background:linear-gradient(135deg,rgba(46,213,115,.9),rgba(46,213,115,.9))}[data-theme=dark] .waitlist-form{background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-medium),var(--shadow-border)}[data-theme=dark] .waitlist-form-input{background:var(--color-surface-subtle);border-color:var(--color-border)}[data-theme=dark] .waitlist-form-input:focus{background:var(--color-surface-strong)}[data-theme=dark] .waitlist-form-message--error{background:rgba(231,76,60,.18);border-color:rgba(231,76,60,.38);color:#ff6b6b}[data-theme=dark] .waitlist-form-message--success{background:rgba(46,213,115,.18);border-color:rgba(46,213,115,.38);color:#5feca8}@media(prefers-color-scheme:dark){:root[data-theme=system] .waitlist-form,:root[data-theme-preference=system] .waitlist-form,:root:not([data-theme]) .waitlist-form{background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-medium),var(--shadow-border)}:root[data-theme=system] .waitlist-form-input,:root[data-theme-preference=system] .waitlist-form-input,:root:not([data-theme]) .waitlist-form-input{background:var(--color-surface-subtle);border-color:var(--color-border)}:root[data-theme=system] .waitlist-form-input:focus,:root[data-theme-preference=system] .waitlist-form-input:focus,:root:not([data-theme]) .waitlist-form-input:focus{background:var(--color-surface-strong)}:root[data-theme=system] .waitlist-form-message--error,:root[data-theme-preference=system] .waitlist-form-message--error,:root:not([data-theme]) .waitlist-form-message--error{background:rgba(231,76,60,.18);border-color:rgba(231,76,60,.38);color:#ff6b6b}:root[data-theme=system] .waitlist-form-message--success,:root[data-theme-preference=system] .waitlist-form-message--success,:root:not([data-theme]) .waitlist-form-message--success{background:rgba(46,213,115,.18);border-color:rgba(46,213,115,.38);color:#5feca8}}@media(max-width:640px){.waitlist-form{padding:var(--space-4)}.waitlist-form-title{font-size:1.5rem}.waitlist-form-description{font-size:.95rem}}.exit-intent-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 300ms var(--transition-emphatic)}.exit-intent-modal:not([hidden]){opacity:1;pointer-events:auto}.exit-intent-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.exit-intent-content{position:relative;width:90%;max-width:480px;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-heavy),var(--shadow-border);text-align:center;transform:scale(.95);transition:transform 300ms var(--transition-emphatic)}.exit-intent-modal:not([hidden]) .exit-intent-content{transform:scale(1)}.exit-intent-close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:0 0;border:none;border-radius:var(--radius-sm);color:var(--color-text-soft);cursor:pointer;transition:background 150ms var(--transition-soft),color 150ms var(--transition-soft)}.exit-intent-close:hover{background:var(--color-border);color:var(--color-text)}.exit-intent-close svg{width:20px;height:20px}.exit-intent-content h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);line-height:1.2}.exit-intent-content p{margin:0 0 var(--space-4);font-size:1rem;line-height:1.5;color:var(--color-text-soft)}.exit-intent-form{display:flex;flex-direction:column;gap:var(--space-3)}.exit-intent-field{display:flex;gap:var(--space-2)}.exit-intent-field input{flex:1;height:52px;padding:0 var(--space-3);font-family:var(--font-body);font-size:1rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color 200ms var(--transition-soft),box-shadow 200ms var(--transition-soft)}.exit-intent-field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(127,74,255,.12)}.exit-intent-field input::placeholder{color:var(--color-text-muted)}.exit-intent-submit{position:relative;display:flex;align-items:center;justify-content:center;height:52px;padding:0 var(--space-4);font-family:var(--font-body);font-size:1rem;font-weight:600;color:#fff;background:var(--gradient-accent);border:none;border-radius:var(--radius-md);cursor:pointer;outline:none;white-space:nowrap;transition:transform 140ms var(--transition-soft),box-shadow 200ms var(--transition-soft)}.exit-intent-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(127,74,255,.4)}.exit-intent-submit:active{transform:translateY(0)}.exit-intent-submit-text{display:block;transition:opacity 200ms var(--transition-soft)}.exit-intent-submit-loader{position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 200ms var(--transition-soft)}.exit-intent-form[data-state=submitting] .exit-intent-submit-text{opacity:0}.exit-intent-form[data-state=submitting] .exit-intent-submit-loader{opacity:1}.exit-intent-spinner{width:24px;height:24px;animation:spin 1e3ms linear infinite}.exit-intent-message{padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);font-size:.9rem;line-height:1.5;text-align:left}.exit-intent-message--error{background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.28);color:#e74c3c}.exit-intent-message--success{background:rgba(46,213,115,.12);border:1px solid rgba(46,213,115,.28);color:#2ed573}@media(max-width:640px){.exit-intent-field{flex-direction:column}.exit-intent-content h2{font-size:1.5rem}}.naming-formula{margin:48px 0;display:flex;flex-direction:column;gap:32px}.formula-pill{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;background:rgba(127,74,255,6%);backdrop-filter:blur(24px);border-radius:16px;border:1px solid rgba(127,74,255,.12);font-size:20px;font-weight:600;letter-spacing:-.02em;align-self:center;box-shadow:0 4px 16px rgba(127,74,255,8%)}.formula-part{padding:8px 16px;border-radius:8px;font-family:sf mono,menlo,monospace;font-size:18px;font-weight:500}.formula-part.task{background:rgba(127,74,255,.25);color:#8b5cf6;border:1px solid rgba(127,74,255,.4);font-weight:700}.formula-part.specialization{background:rgba(0,212,255,.25);color:#22d3ee;border:1px solid rgba(0,212,255,.4);font-weight:700}.formula-separator{color:var(--color-text-muted);font-weight:300}.formula-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.component-card{padding:24px;background:var(--color-surface);backdrop-filter:blur(24px);border-radius:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.16,1,.3,1)}.component-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.15)}.task-card{border-left:3px solid rgba(127,74,255,.6)}.specialization-card{border-left:3px solid rgba(0,212,255,.6)}.component-label{font-size:16px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.task-card .component-label{color:#6b46cc}.specialization-card .component-label{color:#09c}.component-desc{font-size:14px;color:var(--color-text-soft);margin-bottom:16px;line-height:1.5}.component-examples{font-size:13px;color:var(--color-text-muted);font-style:italic;line-height:1.6}.formula-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.example-item{display:flex;align-items:center;gap:8px;padding:16px 20px;background:var(--color-surface);backdrop-filter:blur(16px);border-radius:12px;border:1px solid var(--color-border);font-size:15px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:default}.example-item:hover{background:var(--color-surface-strong);border-color:var(--color-border-strong);transform:translateX(4px)}.example-task{color:#6b46cc;font-weight:600}.example-specialization{color:#09c;font-weight:500}.example-separator{color:var(--color-text-muted);font-weight:300}@media(max-width:768px){.naming-formula{gap:24px;margin:32px 0}.formula-pill{flex-direction:column;gap:8px;padding:16px 20px;font-size:18px}.formula-part{width:100%;text-align:center}.formula-separator{transform:rotate(90deg);margin:4px 0}.formula-examples{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.component-card,.example-item{transition:none}.component-card:hover,.example-item:hover{transform:none}}.prose pre{background:rgba(127,74,255,4%);border:1px solid rgba(127,74,255,.15);border-radius:12px;padding:24px;backdrop-filter:blur(24px);font-family:sf mono,Monaco,cascadia code,monospace;font-size:14px;line-height:1.8;overflow-x:auto;box-shadow:0 4px 12px rgba(127,74,255,8%)}.prose pre code{background:0 0;padding:0;border:none;font-size:inherit;line-height:inherit;color:var(--color-text)}[data-theme=dark] .prose pre{background:rgba(11,11,16,.6);border-color:rgba(127,74,255,.2)}.prose p.tradeoff-pro{padding:16px 20px;border-radius:12px;margin:16px 0;background:rgba(52,199,89,6%);border-left:3px solid #34c759}.prose p.tradeoff-pro strong{color:#34c759;font-weight:600}.prose p.tradeoff-con{padding:16px 20px;border-radius:12px;margin:16px 0;background:rgba(255,59,48,6%);border-left:3px solid #ff3b30}.prose p.tradeoff-con strong{color:#ff3b30;font-weight:600}[data-theme=dark] .prose p.tradeoff-pro{background:rgba(52,199,89,8%)}[data-theme=dark] .prose p.tradeoff-con{background:rgba(255,59,48,8%)}.prose p.example-label{margin-bottom:8px;margin-top:24px}.prose p.example-label strong{display:inline-block;padding:6px 14px;border-radius:8px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.prose p.example-bad strong{background:rgba(255,59,48,.1);color:#ff3b30;border:1px solid rgba(255,59,48,.2)}.prose p.example-good strong{background:rgba(52,199,89,.1);color:#34c759;border:1px solid rgba(52,199,89,.2)}.prose pre.example-code-bad{border-top:3px solid #ff3b30;margin-top:0}.prose pre.example-code-good{border-top:3px solid #34c759;margin-top:0}[data-theme=dark] .prose p.example-bad strong{background:rgba(255,59,48,.15);border-color:rgba(255,59,48,.3)}[data-theme=dark] .prose p.example-good strong{background:rgba(52,199,89,.15);border-color:rgba(52,199,89,.3)}.prose code .template-placeholder{background:rgba(127,74,255,.15);padding:2px 4px;border-radius:4px;color:#8b5cf6;font-weight:500}[data-theme=dark] .prose code .template-placeholder{background:rgba(127,74,255,.2);color:#a78bfa}.defaults-example{background:rgba(127,74,255,8%);border:1px solid rgba(127,74,255,.25);border-radius:16px;padding:32px;margin:32px 0}.defaults-header{margin-bottom:24px}.defaults-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a78bfa}.defaults-template{background:rgba(11,11,16,.8);border:1px solid rgba(127,74,255,.3);border-radius:12px;padding:20px 24px;margin-bottom:32px;font-family:sf mono,Monaco,monospace;font-size:15px;line-height:1.6;color:#e5e7eb}.defaults-template .template-var{padding:4px 8px;border-radius:6px;font-weight:600}.defaults-template .template-var.required{background:rgba(255,59,48,.25);color:#fca5a5;border:1px solid rgba(255,59,48,.5)}.defaults-template .template-var.optional{background:rgba(127,74,255,.25);color:#c4b5fd;border:1px solid rgba(127,74,255,.5)}.defaults-scenarios{display:grid;gap:20px;margin-bottom:24px}.scenario-card{background:rgba(127,74,255,6%);border:1px solid rgba(127,74,255,.2);border-radius:12px;padding:20px}.scenario-label{font-size:13px;font-weight:600;color:#d1d5db;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.scenario-input{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.input-tag{background:rgba(127,74,255,.2);color:#c4b5fd;padding:6px 12px;border-radius:8px;font-family:sf mono,Monaco,monospace;font-size:13px;font-weight:500;border:1px solid rgba(127,74,255,.4)}.input-tag-missing{background:rgba(127,74,255,8%);color:#9ca3af;padding:6px 12px;border-radius:8px;font-family:sf mono,Monaco,monospace;font-size:13px;font-style:italic;border:1px dashed rgba(127,74,255,.3)}.scenario-arrow{font-size:20px;color:#a78bfa;text-align:center;margin:8px 0}.scenario-output{background:rgba(11,11,16,.8);border:1px solid rgba(127,74,255,.3);border-radius:8px;padding:14px 16px;font-family:sf mono,Monaco,monospace;font-size:14px;line-height:1.6;color:#e5e7eb}.default-highlight{background:rgba(127,74,255,.3);color:#c4b5fd;padding:2px 6px;border-radius:4px;font-weight:600}.defaults-legend{display:flex;gap:24px;padding-top:20px;border-top:1px solid rgba(127,74,255,.2)}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#d1d5db}.legend-dot{width:12px;height:12px;border-radius:50%;border:2px solid}.legend-dot.required{background:rgba(255,59,48,.3);border-color:#fca5a5}.legend-dot.optional{background:rgba(127,74,255,.3);border-color:#c4b5fd}[data-theme=dark] .defaults-example{background:rgba(127,74,255,6%)}.tagging-strategy-visual{background:rgba(127,74,255,8%);border:1px solid rgba(127,74,255,.25);border-radius:16px;padding:32px;margin:32px 0}.tagging-header{text-align:center;margin-bottom:32px}.tagging-title{font-size:20px;font-weight:600;color:#1a1a1f;margin-bottom:8px}.tagging-subtitle{font-size:14px;color:#a78bfa;font-weight:500}.tagging-diagram{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px;margin-bottom:32px;align-items:center}.diagram-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a78bfa;margin-bottom:12px}.folder-tree{background:rgba(255,255,255,.85);border:1px solid rgba(127,74,255,.2);border-radius:8px;padding:16px}.folder-item{font-family:sf mono,Monaco,monospace;font-size:13px;color:#3f3f46;padding:4px 0}.folder-item.indent-1{padding-left:20px;color:#71717a}.example-prompt{background:rgba(255,255,255,.92);border:2px solid #7c3aed;border-radius:12px;padding:20px;text-align:center;box-shadow:0 8px 24px rgba(127,74,255,.2)}.prompt-title{font-size:14px;font-weight:600;color:#1a1a1f;margin-bottom:8px}.prompt-location{font-family:sf mono,Monaco,monospace;font-size:12px;color:#52525b;margin-bottom:12px}.prompt-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.tag-chip{display:inline-block;padding:4px 10px;background:rgba(127,74,255,.25);border:1px solid rgba(127,74,255,.4);border-radius:12px;font-size:11px;font-weight:500;color:#1a1a1f}.tag-chip.small{padding:3px 8px;font-size:10px}.tag-chip.inconsistent{background:rgba(255,59,48,.2);border-color:rgba(255,59,48,.4);color:#991b1b}.tag-filters{background:rgba(255,255,255,.85);border:1px solid rgba(127,74,255,.2);border-radius:8px;padding:16px}.filter-option{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:#3f3f46;position:relative;padding-left:16px}.filter-option::before{content:'';position:absolute;left:0;width:6px;height:6px;background:#a78bfa;border-radius:50%}.tagging-rules{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rule-card{background:rgba(255,255,255,.85);border:1px solid rgba(127,74,255,.2);border-radius:12px;padding:20px}.rule-title{font-size:14px;font-weight:600;color:#1a1a1f;margin-bottom:16px}.rule-examples{display:flex;flex-direction:column;gap:16px}.rule-bad,.rule-good{display:flex;flex-direction:column;gap:8px}.rule-label{font-size:11px;color:#52525b;margin-top:4px}.tag-count-indicator{display:inline-block;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;margin-bottom:8px}.tag-count-indicator.excessive{background:rgba(255,59,48,.2);border:1px solid rgba(255,59,48,.4);color:#991b1b}.tag-count-indicator.good{background:rgba(52,199,89,.2);border:1px solid rgba(52,199,89,.4);color:#15803d}.version-control-visual{background:rgba(127,74,255,8%);border:1px solid rgba(127,74,255,.25);border-radius:16px;padding:32px;margin:32px 0}.version-header{text-align:center;margin-bottom:32px}.version-title{font-size:20px;font-weight:600;color:#e5e7eb}.version-timeline{display:flex;flex-direction:column;gap:0;margin-bottom:32px;padding:0 20px}.timeline-item{display:flex;align-items:flex-start;gap:16px}.timeline-dot{width:16px;height:16px;border-radius:50%;border:3px solid;flex-shrink:0;margin-top:4px}.timeline-dot.initial{background:rgba(127,74,255,.3);border-color:#a78bfa}.timeline-dot.update{background:rgba(59,130,246,.3);border-color:#60a5fa}.timeline-dot.current{background:rgba(34,197,94,.3);border-color:#34c759}.timeline-connector{width:2px;height:40px;background:linear-gradient(to bottom,rgba(127,74,255,.3),rgba(127,74,255,.1));margin-left:27px}.timeline-content{flex:1;padding-bottom:8px}.timeline-date{font-size:12px;font-weight:600;color:#a78bfa;margin-bottom:4px}.timeline-version{font-size:14px;font-weight:500;color:#d1d5db;margin-bottom:8px}.timeline-file{font-family:sf mono,Monaco,monospace;font-size:13px;color:#9ca3af;padding:8px 12px;background:rgba(11,11,16,.6);border:1px solid rgba(127,74,255,.2);border-radius:6px;display:inline-block}.timeline-file.current{border-color:#34c759;color:#34c759}.timeline-changes{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:12px;background:rgba(11,11,16,.4);border-radius:8px}.change-item{font-family:sf mono,Monaco,monospace;font-size:12px;padding:4px 8px;border-radius:4px}.change-item.added{color:#34c759;background:rgba(34,197,94,.1)}.change-item.modified{color:#60a5fa;background:rgba(59,130,246,.1)}.version-strategies{display:grid;grid-template-columns:1fr 1fr;gap:20px}.strategy-card{background:rgba(11,11,16,.6);border:1px solid rgba(127,74,255,.2);border-radius:12px;padding:20px}.strategy-title{font-size:14px;font-weight:600;color:#e5e7eb;margin-bottom:16px}.file-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:rgba(11,11,16,.6);border:1px solid rgba(127,74,255,.2);border-radius:8px}.file-item.current{border-color:#34c759}.file-name{flex:1;font-family:sf mono,Monaco,monospace;font-size:13px;color:#d1d5db}.file-status{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px}.file-status.archived{background:rgba(156,163,175,.2);color:#9ca3af}.file-status.current{background:rgba(34,197,94,.2);color:#34c759}.strategy-flow{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.flow-step{flex:1}.flow-box{padding:20px 16px;border-radius:10px;text-align:center;border:2px solid}.flow-box.active{background:rgba(127,74,255,.2);border-color:#a78bfa}.flow-box.archive{background:rgba(156,163,175,.2);border-color:#9ca3af}.flow-box.deleted{background:rgba(255,59,48,.2);border-color:#ff3b30;opacity:.5;position:relative}.flow-box.deleted::after{content:'';position:absolute;top:50%;left:15%;right:15%;height:3px;background:#ff3b30;transform:rotate(-15deg)}.flow-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#e5e7eb}.flow-arrow{font-size:20px;color:#a78bfa;padding:0 8px;flex-shrink:0}.strategy-note{font-size:11px;color:#9ca3af;line-height:1.5}.strategy-example{display:flex;flex-direction:column}[data-theme=dark] .tagging-strategy-visual,[data-theme=dark] .version-control-visual{background:rgba(127,74,255,6%)}.maintenance-habits-visual{background:rgba(127,74,255,8%);border:1px solid rgba(127,74,255,.25);border-radius:16px;padding:32px;margin:32px 0}.maintenance-header{text-align:center;margin-bottom:32px}.maintenance-title{font-size:20px;font-weight:600;color:#1a1a1f}.habits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.habit-card{background:rgba(255,255,255,.85);border:1px solid rgba(127,74,255,.2);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}.habit-frequency{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#7c3aed}.habit-name{font-size:18px;font-weight:600;color:#1a1a1f;margin-bottom:4px}.habit-duration{font-size:12px;color:#52525b;padding:4px 10px;background:rgba(127,74,255,.12);border-radius:6px;display:inline-block;width:fit-content}.habit-checklist{display:flex;flex-direction:column;gap:8px;margin-top:8px}.checklist-item{font-size:13px;color:#3f3f46;padding-left:20px;position:relative;line-height:1.5}.checklist-item::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;background:#34c759;border-radius:50%}.habit-description{font-size:13px;color:#3f3f46;line-height:1.6;margin-top:4px}.habit-tip{font-size:12px;color:#a78bfa;background:rgba(127,74,255,.15);padding:10px 12px;border-radius:8px;margin-top:8px;border-left:3px solid #a78bfa}.habit-questions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.question-item{font-size:13px;color:#3f3f46;padding-left:24px;position:relative;line-height:1.5}.question-item::before{content:'?';position:absolute;left:0;top:0;width:16px;height:16px;background:rgba(127,74,255,.3);border:1px solid #a78bfa;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#a78bfa}.habit-benefit{font-size:12px;color:#60a5fa;background:rgba(59,130,246,.15);padding:10px 12px;border-radius:8px;margin-top:8px;border-left:3px solid #60a5fa}[data-theme=dark] .maintenance-habits-visual{background:rgba(127,74,255,6%)}[data-theme=dark] .rule-card,[data-theme=dark] .habit-card{background:rgba(11,11,16,.6)}[data-theme=dark] .rule-title,[data-theme=dark] .habit-name,[data-theme=dark] .tagging-title,[data-theme=dark] .maintenance-title{color:#e5e7eb}[data-theme=dark] .rule-label,[data-theme=dark] .habit-duration{color:#9ca3af}[data-theme=dark] .habit-frequency{color:#a78bfa}[data-theme=dark] .checklist-item,[data-theme=dark] .habit-description,[data-theme=dark] .question-item{color:#d1d5db}[data-theme=dark] .tag-chip{color:#c4b5fd}[data-theme=dark] .tag-chip.inconsistent{color:#fca5a5}[data-theme=dark] .tag-count-indicator.excessive{color:#fca5a5}[data-theme=dark] .tag-count-indicator.good{color:#34c759}[data-theme=dark] .folder-tree,[data-theme=dark] .example-prompt,[data-theme=dark] .tag-filters{background:rgba(11,11,16,.6)}[data-theme=dark] .example-prompt{background:rgba(11,11,16,.8);border-color:#a78bfa}[data-theme=dark] .folder-item{color:#d1d5db}[data-theme=dark] .folder-item.indent-1{color:#9ca3af}[data-theme=dark] .prompt-title{color:#e5e7eb}[data-theme=dark] .prompt-location{color:#9ca3af}[data-theme=dark] .filter-option{color:#d1d5db}@media(max-width:768px){.tagging-diagram{grid-template-columns:1fr}.tagging-rules,.version-strategies{grid-template-columns:1fr}.habits-grid{grid-template-columns:1fr}}.hero-community{margin-top:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.community-label{font-size:.875rem;font-weight:600;color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.05em}.discord-link{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.5rem;border-radius:10px;border:1px solid rgba(127,74,255,.3);background:rgba(127,74,255,8%);backdrop-filter:blur(12px);color:var(--color-accent-start);text-decoration:none;font-weight:600;font-size:.9375rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.discord-link:hover{background:rgba(127,74,255,.16);border-color:rgba(127,74,255,.6);transform:translateY(-1px);box-shadow:0 8px 16px rgba(127,74,255,.2)}.discord-link:active{transform:translateY(0);box-shadow:0 4px 8px rgba(127,74,255,.15)}.discord-icon{fill:currentColor;flex-shrink:0}.community-subtitle{font-size:.875rem;color:var(--color-text-soft);max-width:400px}.cta-community{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:1rem}.cta-divider{display:flex;align-items:center;width:100%;margin-bottom:.5rem}.cta-divider::before,.cta-divider::after{content:'';flex:1;height:1px;background:var(--color-border)}.cta-divider span{padding:0 1rem;font-size:.875rem;color:var(--color-text-soft);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.discord-link-secondary{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;border-radius:8px;border:1px solid rgba(127,74,255,.2);background:0 0;color:var(--color-accent-start);text-decoration:none;font-weight:600;font-size:.875rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.discord-link-secondary:hover{background:rgba(127,74,255,8%);border-color:rgba(127,74,255,.4);transform:translateY(-1px)}.cta-community-subtitle{font-size:.8125rem;color:var(--color-text-soft);text-align:center}.community-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.benefit-card{padding:1.5rem;border-radius:12px;background:rgba(127,74,255,4%);border:1px solid rgba(127,74,255,.1);transition:all .3s cubic-bezier(.16,1,.3,1)}.benefit-card:hover{background:rgba(127,74,255,8%);border-color:rgba(127,74,255,.2);transform:translateY(-2px)}.benefit-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.benefit-card p{font-size:.9375rem;color:var(--color-text-soft);line-height:1.6;margin:0}.community-cta{margin:2rem 0;display:flex;justify-content:center}.discord-join-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;background:linear-gradient(135deg,#7f4aff 0%,#00d4ff 100%);color:#fff!important;text-decoration:none!important;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px rgba(127,74,255,.3)}.discord-join-button:hover{color:#fff!important;text-decoration:none!important;transform:translateY(-2px);box-shadow:0 8px 24px rgba(127,74,255,.4)}.discord-join-button:active{transform:translateY(0);box-shadow:0 4px 12px rgba(127,74,255,.3)}@media(prefers-color-scheme:dark){.discord-link{border-color:rgba(127,74,255,.4);background:rgba(127,74,255,.12);color:#a78aff}.discord-link:hover{border-color:rgba(127,74,255,.6);background:rgba(127,74,255,.2)}.discord-link-secondary{border-color:rgba(127,74,255,.3)}.discord-link-secondary:hover{background:rgba(127,74,255,.12);border-color:rgba(127,74,255,.5)}.benefit-card{background:rgba(127,74,255,6%);border-color:rgba(127,74,255,.15)}.benefit-card:hover{background:rgba(127,74,255,.12);border-color:rgba(127,74,255,.3)}}@media(max-width:768px){.hero-community{margin-top:1.5rem}.discord-link,.discord-link-secondary{width:100%;justify-content:center}.community-benefits{grid-template-columns:1fr;gap:1rem}.discord-join-button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.discord-link,.discord-link-secondary,.benefit-card,.discord-join-button,.discord-link-inline{transition:none;transform:none!important}}.habit-action{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(127,74,255,.15);display:flex;justify-content:center}.discord-link-inline{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(127,74,255,.25);background:rgba(127,74,255,6%);backdrop-filter:blur(8px);color:var(--color-accent-start);text-decoration:none;font-weight:500;font-size:.875rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.discord-link-inline:hover{background:rgba(127,74,255,.12);border-color:rgba(127,74,255,.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(127,74,255,.2);text-decoration:none}.discord-icon-small{flex-shrink:0;width:16px;height:16px}@media(prefers-color-scheme:dark){:root[data-theme=system] .rule-card,:root[data-theme-preference=system] .rule-card,:root:not([data-theme]) .rule-card,:root[data-theme=system] .habit-card,:root[data-theme-preference=system] .habit-card,:root:not([data-theme]) .habit-card{background:rgba(11,11,16,.6)}:root[data-theme=system] .rule-title,:root[data-theme-preference=system] .rule-title,:root:not([data-theme]) .rule-title,:root[data-theme=system] .habit-name,:root[data-theme-preference=system] .habit-name,:root:not([data-theme]) .habit-name,:root[data-theme=system] .tagging-title,:root[data-theme-preference=system] .tagging-title,:root:not([data-theme]) .tagging-title,:root[data-theme=system] .maintenance-title,:root[data-theme-preference=system] .maintenance-title,:root:not([data-theme]) .maintenance-title{color:#e5e7eb}:root[data-theme=system] .rule-label,:root[data-theme-preference=system] .rule-label,:root:not([data-theme]) .rule-label,:root[data-theme=system] .habit-duration,:root[data-theme-preference=system] .habit-duration,:root:not([data-theme]) .habit-duration{color:#9ca3af}:root[data-theme=system] .habit-frequency,:root[data-theme-preference=system] .habit-frequency,:root:not([data-theme]) .habit-frequency{color:#a78bfa}:root[data-theme=system] .checklist-item,:root[data-theme-preference=system] .checklist-item,:root:not([data-theme]) .checklist-item,:root[data-theme=system] .habit-description,:root[data-theme-preference=system] .habit-description,:root:not([data-theme]) .habit-description,:root[data-theme=system] .question-item,:root[data-theme-preference=system] .question-item,:root:not([data-theme]) .question-item{color:#d1d5db}:root[data-theme=system] .tag-chip,:root[data-theme-preference=system] .tag-chip,:root:not([data-theme]) .tag-chip{color:#c4b5fd}:root[data-theme=system] .tag-chip.inconsistent,:root[data-theme-preference=system] .tag-chip.inconsistent,:root:not([data-theme]) .tag-chip.inconsistent{color:#fca5a5}:root[data-theme=system] .tag-count-indicator.excessive,:root[data-theme-preference=system] .tag-count-indicator.excessive,:root:not([data-theme]) .tag-count-indicator.excessive{color:#fca5a5}:root[data-theme=system] .tag-count-indicator.good,:root[data-theme-preference=system] .tag-count-indicator.good,:root:not([data-theme]) .tag-count-indicator.good{color:#34c759}:root[data-theme=system] .folder-tree,:root[data-theme-preference=system] .folder-tree,:root:not([data-theme]) .folder-tree,:root[data-theme=system] .tag-filters,:root[data-theme-preference=system] .tag-filters,:root:not([data-theme]) .tag-filters{background:rgba(11,11,16,.6)}:root[data-theme=system] .example-prompt,:root[data-theme-preference=system] .example-prompt,:root:not([data-theme]) .example-prompt{background:rgba(11,11,16,.8);border-color:#a78bfa}:root[data-theme=system] .folder-item,:root[data-theme-preference=system] .folder-item,:root:not([data-theme]) .folder-item{color:#d1d5db}:root[data-theme=system] .folder-item.indent-1,:root[data-theme-preference=system] .folder-item.indent-1,:root:not([data-theme]) .folder-item.indent-1{color:#9ca3af}:root[data-theme=system] .prompt-title,:root[data-theme-preference=system] .prompt-title,:root:not([data-theme]) .prompt-title{color:#e5e7eb}:root[data-theme=system] .prompt-location,:root[data-theme-preference=system] .prompt-location,:root:not([data-theme]) .prompt-location{color:#9ca3af}:root[data-theme=system] .filter-option,:root[data-theme-preference=system] .filter-option,:root:not([data-theme]) .filter-option{color:#d1d5db}.habit-action{border-top-color:rgba(127,74,255,.2)}.discord-link-inline{background:rgba(127,74,255,.1);border-color:rgba(127,74,255,.3);color:#a78aff}.discord-link-inline:hover{background:rgba(127,74,255,.18);border-color:rgba(127,74,255,.5)}}.author-bio{margin-top:4rem;padding-top:2.5rem;border-top:2px solid rgba(127,74,255,.15);display:flex;gap:1.5rem;align-items:flex-start}.author-avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px rgba(127,74,255,.2)}.author-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.author-info{flex:1}.author-name{font-size:1.125rem;font-weight:600;color:#1a1a1f;margin-bottom:.5rem}.author-description{font-size:.9375rem;line-height:1.6;color:#52525b}@media(max-width:768px){.author-bio{flex-direction:column;align-items:center;text-align:center;margin-top:3rem;padding-top:2rem}.author-avatar{width:56px;height:56px}}[data-theme=dark] .author-name{color:#e5e7eb}[data-theme=dark] .author-description{color:#9ca3af}@media(prefers-color-scheme:dark){.author-bio{border-top-color:rgba(127,74,255,.25)}:root[data-theme=system] .author-name,:root[data-theme-preference=system] .author-name,:root:not([data-theme]) .author-name{color:#e5e7eb}:root[data-theme=system] .author-description,:root[data-theme-preference=system] .author-description,:root:not([data-theme]) .author-description{color:#9ca3af}}.support-hero{padding-top:var(--space-8);padding-bottom:var(--space-6);text-align:center}.breadcrumb{display:flex;align-items:center;gap:var(--space-1);justify-content:center;font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-4)}.breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--color-pop)}.support-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.02em;color:var(--color-text)}.support-lead{font-size:1.125rem;color:var(--color-text-soft);max-width:640px;margin:0 auto;line-height:1.6}.support-channels{padding-block:var(--space-6)}.support-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--space-4);max-width:1e3px;margin:0 auto}.support-card{background:var(--color-surface);backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft);transition:transform var(--spring-medium),box-shadow var(--spring-medium),border-color .3s ease;will-change:transform;opacity:0;transform:translateY(24px);animation:fadeInUp .6s var(--transition-emphatic)forwards}.support-card:nth-child(1){animation-delay:.1s}.support-card:nth-child(2){animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.support-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:var(--shadow-medium)}.support-card:active{transform:translateY(-2px)scale(1.005);transition-duration:.1s}.support-card--primary{background:linear-gradient(135deg,rgba(127,74,255,8%) 0%,rgba(0,212,255,6%) 100%),var(--color-surface);border-color:rgba(127,74,255,.2)}.support-card--primary:hover{box-shadow:0 16px 48px rgba(127,74,255,.16),0 4px 12px rgba(0,0,0,.12)}.support-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.support-card__icon svg{width:24px;height:24px;color:#fff}.support-card h2{font-size:1.375rem;font-weight:600;margin:0 0 var(--space-2);letter-spacing:-.01em;color:var(--color-text)}.support-card>p{color:var(--color-text-soft);line-height:1.6;margin:0 0 var(--space-3)}.support-card__cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--gradient-accent);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:600;transition:transform .2s var(--transition-emphatic),opacity .2s ease;position:relative;overflow:hidden;margin-bottom:var(--space-3)}.support-card__cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,0));opacity:0;transition:opacity .3s ease}.support-card__cta:hover::before{opacity:1}.support-card__cta:active{transform:scale(.96)}.support-card__meta{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.support-card__details{font-size:.875rem;color:var(--color-text-muted);margin:0 0 var(--space-1);font-weight:500}.support-card__meta ul{list-style:none;padding:0;margin:0;font-size:.875rem;color:var(--color-text-soft)}.support-card__meta li{padding:.25rem 0;display:flex;align-items:center;gap:var(--space-1)}.support-card__meta li::before{content:'•';color:var(--color-pop)}.support-card__note{font-size:.875rem;color:var(--color-text-muted);margin:var(--space-2)0 0}.support-faq{padding-block:var(--space-8);background:var(--color-surface-subtle);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.support-section-header{text-align:center;margin-bottom:var(--space-6)}.support-section-header h2{font-size:2rem;font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.02em;color:var(--color-text)}.support-section-header p{color:var(--color-text-soft);font-size:1.125rem;margin:0}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.faq-item[open]{border-color:var(--color-pop)}.faq-item summary{cursor:pointer;padding:var(--space-3)var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);list-style:none;transition:background-color .2s ease;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{background-color:rgba(127,74,255,5%)}.faq-question{font-weight:600;color:var(--color-text);font-size:1.0625rem;line-height:1.5}.faq-chevron{width:20px;height:20px;flex-shrink:0;color:var(--color-text-muted);transition:transform .3s var(--transition-emphatic),color .2s ease}.faq-item[open] .faq-chevron{transform:rotate(90deg);color:var(--color-pop)}.faq-answer{padding:0 var(--space-4)var(--space-3);color:var(--color-text-soft);line-height:1.7;animation:slideDown .4s var(--transition-emphatic)}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{margin:0 0 var(--space-2)}.faq-answer p:last-child{margin-bottom:0}.faq-answer a{color:var(--color-pop);text-decoration:none;border-bottom:1px solid rgba(127,74,255,.3);transition:border-color .2s ease}.faq-answer a:hover{border-bottom-color:var(--color-pop)}.faq-answer code{background:rgba(127,74,255,.1);color:var(--color-pop);padding:.125rem .375rem;border-radius:4px;font-size:.9em;font-family:sf mono,monaco,menlo,monospace}.faq-answer pre{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:var(--space-2);overflow-x:auto;margin:var(--space-2)0}.faq-answer strong{font-weight:600;color:var(--color-text)}.support-resources{padding-block:var(--space-8)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-3);max-width:1e3px;margin:0 auto}.resource-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);text-decoration:none;display:flex;flex-direction:column;transition:transform var(--spring-short),border-color .2s ease,box-shadow var(--spring-short)}.resource-card:hover{transform:translateY(-2px);border-color:var(--color-pop);box-shadow:0 8px 24px rgba(127,74,255,.12)}.resource-icon{width:40px;height:40px;border-radius:var(--radius-xs);background:var(--gradient-soft);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.resource-icon svg{width:20px;height:20px;color:var(--color-pop)}.resource-card h3{font-size:1.0625rem;font-weight:600;margin:0 0 var(--space-1);color:var(--color-text)}.resource-card p{font-size:.9375rem;color:var(--color-text-soft);line-height:1.6;margin:0}.support-response{padding-block:var(--space-8);background:var(--color-surface-subtle);border-top:1px solid var(--color-border)}.response-card{max-width:800px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.response-card h2{font-size:1.75rem;font-weight:700;margin:0 0 var(--space-4);letter-spacing:-.02em;color:var(--color-text)}.response-times{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.response-item{display:grid;grid-template-columns:180px 1fr;gap:var(--space-3);padding:var(--space-2)0;border-bottom:1px solid var(--color-border)}.response-item:last-child{border-bottom:none}.response-item dt{font-weight:600;color:var(--color-text)}.response-item dd{margin:0;color:var(--color-text-soft);line-height:1.6}.response-note{margin:var(--space-4)0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-soft);font-size:.9375rem}.response-note a{color:var(--color-pop);text-decoration:none;border-bottom:1px solid rgba(127,74,255,.3);transition:border-color .2s ease}.response-note a:hover{border-bottom-color:var(--color-pop)}@media(max-width:768px){.support-cards{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.response-item{grid-template-columns:1fr;gap:var(--space-1)}.support-hero{padding-top:var(--space-6)}.support-header h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){.support-card,.faq-chevron,.faq-answer{animation:none!important;transition-duration:.01ms!important}.support-card:hover{transform:none!important}}.changelog-hero{padding-top:var(--space-8);padding-bottom:var(--space-6);text-align:center}.changelog-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.02em;color:var(--color-text)}.changelog-lead{font-size:1.125rem;color:var(--color-text-soft);max-width:640px;margin:0 auto;line-height:1.6}.changelog-releases{padding-block:var(--space-6)}.releases-timeline{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.release-card{background:var(--color-surface);backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:transform var(--spring-short),box-shadow var(--spring-short),border-color .2s ease;position:relative}.release-card::before{content:'';position:absolute;left:calc(var(--space-4) * -1 - 2px);top:var(--space-4);width:12px;height:12px;background:var(--gradient-accent);border-radius:50%;box-shadow:0 0 0 4px var(--color-bg);opacity:0;transition:opacity .3s ease}.release-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--color-pop)}.release-card:hover::before{opacity:1}.release-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.release-version{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--gradient-accent);color:#fff;font-size:.875rem;font-weight:600;border-radius:var(--radius-xs)}.release-date{color:var(--color-text-muted);font-size:.875rem}.release-title{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.01em}.release-title a{color:var(--color-text);text-decoration:none;transition:color .2s ease}.release-title a:hover{color:var(--color-pop)}.release-description{color:var(--color-text-soft);line-height:1.7;margin:0 0 var(--space-3)}.release-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-pop);text-decoration:none;font-weight:600;font-size:.9375rem;transition:gap .2s var(--transition-emphatic)}.release-link:hover{gap:var(--space-2)}.release-link svg{width:16px;height:16px;transition:transform .2s var(--transition-emphatic)}.release-link:hover svg{transform:translateX(2px)}.release-detail{padding-top:var(--space-6)}.release-detail .breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-4)}.release-detail .breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.release-detail .breadcrumb a:hover{color:var(--color-pop)}.release-header{margin-bottom:var(--space-6)}.release-badge{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.release-header h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.02em;color:var(--color-text)}.release-header .lead{font-size:1.25rem;color:var(--color-text-soft);line-height:1.6;margin:0}.release-content h2{font-size:1.5rem;font-weight:700;margin:var(--space-5)0 var(--space-3);letter-spacing:-.01em;color:var(--color-text)}.release-content h3{font-size:1.25rem;font-weight:600;margin:var(--space-4)0 var(--space-2);color:var(--color-text)}.release-content ul{list-style:none;padding:0;margin:var(--space-3)0}.release-content ul li{padding:.5rem 0;padding-left:var(--space-4);position:relative;line-height:1.7;color:var(--color-text-soft)}.release-content ul li::before{content:'';position:absolute;left:0;top:1rem;width:6px;height:6px;background:var(--gradient-accent);border-radius:50%}.release-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-soft);text-decoration:none;font-weight:500;transition:color .2s ease,gap .2s var(--transition-emphatic)}.back-link:hover{color:var(--color-pop);gap:var(--space-2)}.back-link svg{width:20px;height:20px;transition:transform .2s var(--transition-emphatic)}.back-link:hover svg{transform:translateX(-2px)}@media(max-width:768px){.changelog-hero{padding-top:var(--space-6)}.changelog-header h1{font-size:2rem}.release-card::before{display:none}.release-title{font-size:1.25rem}}