@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-0:#08090B;--bg-1:#0C0E11;--bg-2:#12151A;--bg-3:#191D23;--ink-1:#EAF1EE;--ink-2:#9AA8A2;--ink-3:#5C6963;--accent:#00E5A0;--accent-strong:#00C98D;--accent-dim:rgba(0,229,160,.12);--accent-glow:rgba(0,229,160,.35);--info:#4DD8FF;--warn:#FFB224;--danger:#FF5C5C;--border-1:rgba(234,241,238,.08);--border-2:rgba(234,241,238,.16);--border-accent:rgba(0,229,160,.4);--surface-page:var(--bg-0);--surface-card:var(--bg-1);--surface-raised:var(--bg-2);--surface-hover:var(--bg-3);--text-body:var(--ink-1);--text-muted:var(--ink-2);--text-faint:var(--ink-3);--text-on-accent:#04130C;--text-link:var(--accent);--text-link-hover:#5CF2C4;--focus-ring:0 0 0 2px var(--bg-0),0 0 0 4px var(--accent)}:root{--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Space Grotesk",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:26px;--text-2xl:34px;--text-3xl:46px;--text-4xl:62px;--text-hero:84px;--leading-tight:1.05;--leading-snug:1.25;--leading-body:1.6;--tracking-display:-.03em;--tracking-body:-.005em;--tracking-mono:.08em;--weight-body:400;--weight-medium:500;--weight-semibold:600;--weight-display:700}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--container:1200px;--container-narrow:760px}:root{--shadow-card:0 1px 0 rgba(255,255,255,.03) inset,0 8px 24px rgba(0,0,0,.35);--shadow-raised:0 1px 0 rgba(255,255,255,.04) inset,0 16px 48px rgba(0,0,0,.5);--glow-accent:0 0 24px var(--accent-glow);--blur-overlay:blur(16px);--ease-out:cubic-bezier(.2,0,0,1);--ease-in-out:cubic-bezier(.6,0,.2,1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.32s;--grid-line:rgba(234,241,238,.05)}*{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased}a{color:var(--text-link);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--text-link-hover)}::selection{background:var(--accent-dim);color:var(--accent)}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:0}code,kbd,pre{font-family:var(--font-mono)}.dt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:var(--weight-medium);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--dur-fast) var(--ease-out);text-decoration:none}.dt-btn:active{transform:scale(.98)}.dt-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dt-btn[disabled]{opacity:.4;pointer-events:none}.dt-btn--md{height:38px;padding:0 18px;font-size:var(--text-sm)}.dt-btn--sm{height:30px;padding:0 12px;font-size:var(--text-xs)}.dt-btn--lg{height:46px;padding:0 24px;font-size:var(--text-base)}.dt-btn--primary{background:var(--accent);color:var(--text-on-accent)}.dt-btn--primary:hover{background:var(--text-link-hover);box-shadow:var(--glow-accent)}.dt-btn--secondary{background:var(--surface-raised);color:var(--text-body);border-color:var(--border-2)}.dt-btn--secondary:hover{border-color:var(--border-accent);color:var(--accent)}.dt-btn--ghost{background:transparent;color:var(--text-muted)}.dt-btn--ghost:hover{color:var(--text-body);background:var(--surface-raised)}.dt-iconbtn{width:38px;padding:0}.dt-iconbtn.dt-btn--sm{width:30px}.dt-input-wrap{display:flex;flex-direction:column;gap:6px}.dt-label{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--text-muted)}.dt-input,.dt-select{height:38px;padding:0 12px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-sm);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.dt-input::placeholder{color:var(--text-faint)}.dt-input:hover,.dt-select:hover{border-color:var(--border-2)}.dt-input:focus,.dt-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.dt-input--error{border-color:var(--danger)}.dt-hint{font-size:var(--text-xs);color:var(--text-faint)}.dt-hint--error{color:var(--danger)}.dt-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239AA8A2' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.dt-check,.dt-radio{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--text-sm);color:var(--text-body)}.dt-check input,.dt-radio input,.dt-switch input{position:absolute;opacity:0;width:0;height:0}.dt-check .box{width:18px;height:18px;border-radius:var(--radius-xs);border:1px solid var(--border-2);background:var(--bg-2);display:inline-flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out);flex:none}.dt-check .box svg{opacity:0;transform:scale(.6);transition:all var(--dur-fast) var(--ease-out)}.dt-check input:checked+.box{background:var(--accent);border-color:var(--accent)}.dt-check input:checked+.box svg{opacity:1;transform:scale(1)}.dt-check input:focus-visible+.box,.dt-radio input:focus-visible+.dot,.dt-switch input:focus-visible+.track{box-shadow:var(--focus-ring)}.dt-radio .dot{width:18px;height:18px;border-radius:50%;border:1px solid var(--border-2);background:var(--bg-2);display:inline-flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out);flex:none}.dt-radio .dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--text-on-accent);transform:scale(0);transition:transform var(--dur-fast) var(--ease-out)}.dt-radio input:checked+.dot{background:var(--accent);border-color:var(--accent)}.dt-radio input:checked+.dot:after{transform:scale(1)}.dt-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--text-sm)}.dt-switch .track{width:36px;height:20px;border-radius:var(--radius-pill);background:var(--bg-3);border:1px solid var(--border-2);position:relative;transition:all var(--dur-base) var(--ease-out);flex:none}.dt-switch .track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--ink-2);transition:all var(--dur-base) var(--ease-out)}.dt-switch input:checked+.track{background:var(--accent);border-color:var(--accent)}.dt-switch input:checked+.track:after{left:18px;background:var(--text-on-accent)}.dt-card{background:var(--surface-card);border:1px solid var(--border-1);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.dt-card--interactive{transition:all var(--dur-base) var(--ease-out);cursor:pointer}.dt-card--interactive:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:var(--shadow-raised)}.dt-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;border:1px solid}.dt-badge--accent{color:var(--accent);border-color:var(--border-accent);background:var(--accent-dim)}.dt-badge--neutral{color:var(--text-muted);border-color:var(--border-2);background:var(--surface-raised)}.dt-badge--danger{color:var(--danger);border-color:#ff5c5c66;background:#ff5c5c1a}.dt-badge--warn{color:var(--warn);border-color:#ffb22466;background:#ffb2241a}.dt-badge--info{color:var(--info);border-color:#4dd8ff66;background:#4dd8ff1a}.dt-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-xs);font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--border-1)}.dt-tag button{all:unset;cursor:pointer;color:var(--text-faint);line-height:0;display:flex}.dt-tag button:hover{color:var(--text-body)}.dt-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-1)}.dt-tab{all:unset;cursor:pointer;padding:10px 14px;font-size:var(--text-sm);color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-fast) var(--ease-out);font-family:var(--font-body)}.dt-tab:hover{color:var(--text-body)}.dt-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.dt-dialog-overlay{position:fixed;inset:0;background:#040506b3;-webkit-backdrop-filter:var(--blur-overlay);backdrop-filter:var(--blur-overlay);display:flex;align-items:center;justify-content:center;z-index:100}.dt-dialog{background:var(--surface-card);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);width:min(440px,90vw);padding:var(--space-5)}.dt-toast{display:flex;align-items:center;gap:12px;background:var(--surface-raised);border:1px solid var(--border-2);border-left:2px solid var(--accent);border-radius:var(--radius-sm);padding:12px 16px;font-size:var(--text-sm);box-shadow:var(--shadow-raised);max-width:380px}.dt-toast--danger{border-left-color:var(--danger)}.dt-toast--warn{border-left-color:var(--warn)}.dt-tooltip{position:relative;display:inline-flex}.dt-tooltip .tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--bg-3);border:1px solid var(--border-2);color:var(--text-body);font-size:var(--text-xs);font-family:var(--font-mono);padding:5px 9px;border-radius:var(--radius-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--dur-fast) var(--ease-out);z-index:50}.dt-tooltip:hover .tip{opacity:1;transform:translate(-50%) translateY(0)}.site-wrap{max-width:var(--container);margin:0 auto;padding:0 32px}.site-mono{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--text-muted)}.site-wordmark{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--text-body)}.site-wordmark:hover{color:var(--text-body)}.site-header{position:fixed;top:0;left:0;right:0;z-index:40;border-bottom:1px solid var(--border-1);background:#08090bb3;backdrop-filter:var(--blur-overlay);-webkit-backdrop-filter:var(--blur-overlay)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}.site-nav{display:flex;gap:28px;font-size:var(--text-sm)}.site-nav a{color:var(--text-muted)}.site-nav a:hover{color:var(--text-body)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.stat{padding:36px 24px;border-left:1px solid var(--border-1)}.features-grid,.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.showroom-grid{display:grid;grid-template-columns:1fr 260px;overflow:hidden;padding:0}.showroom-stage{position:relative;min-width:0}.showroom-side{border-left:1px solid var(--border-1);padding:24px;display:flex;flex-direction:column;gap:24px}.site-section{padding:112px 0;border-bottom:1px solid var(--border-1)}.site-h2{font-size:var(--text-3xl);max-width:560px;margin-bottom:56px}.site-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.site-footer-links{display:flex;gap:24px;font-size:var(--text-sm)}.site-footer-links a{color:var(--text-faint)}.site-footer-links a:hover{color:var(--text-body)}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.products-grid,.showroom-grid{grid-template-columns:1fr}.showroom-side{border-left:0;border-top:1px solid var(--border-1)}.site-section{padding:80px 0}.site-h2{font-size:var(--text-2xl);margin-bottom:40px}}@media(max-width:640px){.site-wrap{padding:0 20px}.site-nav{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:24px 16px}}.rw{display:inline-grid;vertical-align:baseline;color:var(--accent)}.rw>span{grid-area:1/1;white-space:nowrap}.rw-in{animation:rw-in var(--dur-slow) var(--ease-out) both}.rw-out{animation:rw-out var(--dur-slow) var(--ease-out) both;pointer-events:none}@keyframes rw-in{0%{opacity:0;transform:translateY(.4em);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes rw-out{0%{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:translateY(-.4em);filter:blur(6px)}}@media(prefers-reduced-motion:reduce){.rw-in{animation:none}.rw-out{display:none}}.app-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.app-icon{width:72px;height:72px;border-radius:16px;box-shadow:var(--shadow-card);display:block;margin-bottom:24px}.meta-row{display:flex;gap:20px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.meta-row span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle}.menu-mock{font-family:var(--font-mono);font-size:13px;background:var(--surface-raised);border:1px solid var(--border-2);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);padding:6px 0;width:300px;max-width:100%;margin:0 auto}.menu-mock .row{display:flex;justify-content:space-between;gap:16px;padding:8px 16px;color:var(--text-body)}.menu-mock .row.muted{color:var(--text-muted)}.menu-mock .row.active{background:var(--accent-dim);color:var(--accent)}.menu-mock .sep{height:1px;background:var(--border-1);margin:6px 0}.menubar-mock{display:flex;justify-content:flex-end;gap:18px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);padding:6px 14px;border:1px solid var(--border-1);border-radius:var(--radius-sm);background:var(--surface-card);width:300px;max-width:100%;margin:0 auto 10px}.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.usecase{padding:16px 18px;border:1px solid var(--border-1);border-radius:var(--radius-sm);background:var(--surface-card);font-size:var(--text-sm);color:var(--text-muted)}.pricing-wrap{display:grid;grid-template-columns:minmax(0,440px);justify-content:center}.pricing-list{list-style:none;padding:0;margin:20px 0 24px;display:flex;flex-direction:column;gap:10px;font-size:var(--text-sm);color:var(--text-muted)}.pricing-list li:before{content:"→";font-family:var(--font-mono);color:var(--accent);margin-right:10px}.faq{border-top:1px solid var(--border-1);max-width:760px}.faq details{border-bottom:1px solid var(--border-1);padding:18px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-weight:var(--weight-medium)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--text-faint);flex-shrink:0}.faq details[open] summary:after{content:"−"}.faq p{margin:12px 0 0;color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:900px){.app-hero{grid-template-columns:1fr}.usecase-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.usecase-grid{grid-template-columns:1fr}}.changelog{border-top:1px solid var(--border-1);max-width:760px}.changelog-entry{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--border-1)}.changelog-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.changelog-notes{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;color:var(--text-muted);font-size:var(--text-sm)}.changelog-notes li:before{content:"→";font-family:var(--font-mono);color:var(--accent);margin-right:10px}@media(max-width:640px){.changelog-entry{grid-template-columns:1fr;gap:12px}}