body{user-select:text;cursor:auto;flex-direction:column;display:flex}.top-bar{z-index:40;height:3.5rem;padding:0 var(--space-md);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;left:0;right:0}@media (width>=768px){.top-bar{padding:0 var(--space-xl);position:absolute}}.top-bar-left{align-items:center;gap:var(--space-sm);display:flex}.top-bar-right{align-items:center;gap:var(--space-2xs);display:flex}.brand-mark{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-extrabold);color:var(--primary);letter-spacing:var(--letter-spacing-brand);text-transform:uppercase;align-items:center;line-height:1;display:flex;position:relative}.stage-badge{font-family:var(--font-display);font-size:var(--font-size-micro);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-section);text-transform:uppercase;color:var(--on-beta-badge);background:var(--beta-badge);padding:var(--space-nano) var(--space-2xs);border-radius:var(--radius-2xs);line-height:var(--line-height-compact);box-shadow:var(--beta-glow);margin-left:var(--space-2xs);animation:2.5s ease-in-out infinite stage-pulse;position:relative}@keyframes stage-pulse{0%,to{box-shadow:var(--beta-glow)}50%{box-shadow:var(--beta-glow-intense)}}.landing-scroll{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.hero-split{gap:var(--space-xl);width:100%;max-width:76rem;padding:var(--space-lg) var(--space-md) var(--space-lg);flex-direction:column;margin:0 auto;display:flex;position:relative}@media (width>=768px){.hero-split{align-items:center;gap:var(--space-xl);padding:calc(3.5rem + var(--space-xl)) var(--space-xl) var(--space-2xl);grid-template-columns:1fr 1fr;display:grid}}.hero-glow{background:radial-gradient(ellipse at center, var(--primary-tint-08) 0%, var(--primary-tint-03) 45%, transparent 70%);pointer-events:none;z-index:0;filter:blur(20px);border-radius:50%;width:clamp(28rem,55vw,46rem);height:clamp(20rem,35vw,28rem);display:none;position:absolute;top:-2rem;right:5%}@media (width>=768px){.hero-glow{display:block}}.hero-content{z-index:1;gap:var(--space-sm);flex-direction:column;display:flex;position:relative}.hero-headline{font-family:var(--font-display);font-size:clamp(2.25rem,4vw,3.5rem);font-weight:var(--font-weight-extrabold);color:var(--on-surface);line-height:var(--line-height-compact);letter-spacing:var(--letter-spacing-display);text-wrap:balance;margin:0}.hero-desc{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--on-surface-variant);line-height:var(--line-height-relaxed);margin:0 0 var(--space-2xs) 0;max-width:32rem}@media (width>=768px){.hero-desc{font-size:var(--font-size-lg);margin:0 0 var(--space-2xs) 0}}.hero-ctas{align-items:center;gap:var(--space-sm);margin-top:var(--space-2xs);margin-bottom:var(--space-2xs);display:flex}.cta-primary,.cta-secondary{align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:transform var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);border:none;text-decoration:none;display:inline-flex}@media (width>=768px){.hero-ctas{gap:var(--space-md)}.cta-primary,.cta-secondary{gap:var(--space-xs);padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-base)}}.cta-primary{background:var(--primary);color:var(--on-primary)}.cta-primary:hover{background:var(--primary-hover);box-shadow:var(--primary-glow);transform:translateY(-2px)}.cta-primary:active{transform:translateY(0)}.cta-secondary{background:var(--surface-container-high);color:var(--on-surface);box-shadow:var(--glass-border)}.cta-secondary:hover{background:var(--surface-container-highest);box-shadow:var(--glass-border), var(--shadow-md);transform:translateY(-2px)}.cta-secondary:active{transform:translateY(0)}.hero-formats{font-family:var(--font-body);font-size:var(--font-size-2xs);color:var(--on-surface-variant);opacity:var(--opacity-subtle);margin:0}.highlight-strip{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.highlight-chip{align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-sm);background:var(--surface-container-low);box-shadow:inset 0 0 0 1px var(--outline-variant);border-radius:var(--radius-pill);transition:background-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.highlight-chip:hover{background:var(--surface-container);box-shadow:inset 0 0 0 1px var(--outline)}.highlight-chip svg{color:var(--primary);opacity:var(--opacity-soft);flex-shrink:0}.highlight-chip span{font-family:var(--font-body);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--on-surface-variant);letter-spacing:var(--letter-spacing-chip)}.hero-preview{display:none}@media (width>=768px){.hero-preview{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}}.hero-screenshot-frame{border-radius:var(--radius-xl);width:100%;max-width:100%;box-shadow:var(--glass-border), 0 24px 60px -12px #000000b3, 0 0 80px var(--primary-tint-08);background:var(--surface-container-low);transition:transform .4s var(--timing-smooth), box-shadow .4s var(--timing-smooth);overflow:hidden}.hero-screenshot-frame:hover{box-shadow:var(--glass-border), 0 32px 70px -12px #000c, 0 0 100px var(--primary-tint-12);transform:translateY(-4px)}.hero-screenshot{border-radius:var(--radius-xl);width:100%;height:auto;display:block}.showcase{width:100%;max-width:76rem;padding:var(--space-xl) var(--space-md);align-items:center;gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px){.showcase{padding:var(--space-3xl) var(--space-xl)}}.showcase-heading{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--on-surface);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);text-align:center}.showcase-pair{gap:var(--space-md);grid-template-columns:1fr;width:100%;display:grid}@media (width>=768px){.showcase-pair{gap:var(--space-xl);grid-template-columns:1fr 1fr}}.showcase-figure{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0;position:relative;overflow:hidden}.showcase-img{width:100%;height:auto;transition:transform .5s var(--timing-smooth);display:block}.showcase-figure:hover .showcase-img{transform:scale(1.02)}.showcase-label{bottom:var(--space-sm);left:var(--space-sm);font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--on-surface);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;background:var(--surface-container);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);backdrop-filter:blur(8px);opacity:var(--opacity-soft);position:absolute}.showcase-label--after{color:var(--primary)}.founder-quote{background:var(--surface-container-low);width:100%;padding:var(--space-xl) var(--space-md)}@media (width>=768px){.founder-quote{padding:var(--space-3xl) var(--space-xl)}}.founder-blockquote{border:none;max-width:40rem;margin:0 auto;padding:0;position:relative}.founder-blockquote:before{content:"“";font-family:var(--font-display);font-size:4rem;font-weight:var(--font-weight-extrabold);color:var(--primary);opacity:var(--opacity-faint);pointer-events:none;line-height:1;position:absolute;top:-.35em;left:-.05em}@media (width>=768px){.founder-blockquote:before{font-size:6rem;top:-.4em;left:-.6em}}.founder-text{font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--on-surface);line-height:var(--line-height-relaxed);margin:0 0 var(--space-lg) 0;font-style:italic}@media (width>=768px){.founder-text{font-size:var(--font-size-xl)}}.founder-footer{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.founder-avatar{object-fit:cover;width:48px;height:48px;box-shadow:0 0 0 2px var(--surface-container-low), 0 0 0 3px var(--primary-tint-20);border-radius:50%}.founder-meta{gap:var(--space-nano);flex-direction:column;display:flex}.founder-name{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--on-surface);font-style:normal}.founder-role{font-family:var(--font-body);font-size:var(--font-size-2xs);color:var(--on-surface-variant)}.founder-cta{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary);transition:opacity var(--transition-fast);margin-left:auto;text-decoration:none}.founder-cta:hover{opacity:var(--opacity-soft)}.bottom-grid{width:100%;max-width:76rem;padding:var(--space-lg) var(--space-md) var(--space-md);gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px){.bottom-grid{padding:var(--space-xl) var(--space-xl) var(--space-xl);gap:var(--space-xl)}}.seo-section-heading{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--on-surface);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0}.pillars-row{gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (width>=768px){.pillars-row{gap:var(--space-md);grid-template-columns:repeat(3,1fr)}}.pillar-card{padding:var(--space-md);background:var(--surface-container-low);border-radius:var(--radius-lg);gap:var(--space-2xs);transition:background-color var(--transition-fast);flex-direction:column;display:flex}@media (width>=768px){.pillar-card{padding:var(--space-lg);gap:var(--space-xs)}}.pillar-card:hover{background:var(--surface-container)}.pillar-icon{color:var(--primary);opacity:var(--opacity-medium);margin-bottom:var(--space-2xs);display:flex}.pillar-title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--on-surface);line-height:var(--line-height-tight);margin:0}.pillar-desc{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--on-surface-variant);line-height:var(--line-height-relaxed);margin:0}.expectations-grid{gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (width>=768px){.expectations-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr)}}.expectation-card{padding:var(--space-md);border-radius:var(--radius-lg);gap:var(--space-2xs);border:1px dashed var(--outline-variant);background:0 0;flex-direction:column;display:flex}@media (width>=768px){.expectation-card{padding:var(--space-lg);gap:var(--space-xs)}}.expectation-icon{color:var(--on-surface-variant);opacity:var(--opacity-medium);margin-bottom:var(--space-2xs);display:flex}.expectation-title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--on-surface);line-height:var(--line-height-tight);margin:0}.expectation-desc{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--on-surface-variant);line-height:var(--line-height-relaxed);margin:0}.about-section{max-width:48rem;padding:var(--space-xl) var(--space-md) var(--space-md);text-align:center;margin:0 auto}.about-section h2{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--on-surface);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--space-sm)}.about-section p{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--on-surface-variant);line-height:var(--line-height-relaxed);margin:0}.faq-section{box-sizing:border-box;width:100%;max-width:76rem;padding:var(--space-xl) var(--space-md) var(--space-3xl);margin:0 auto}@media (width>=768px){.faq-section{padding:var(--space-xl) var(--space-xl) var(--space-3xl)}}.faq-container{box-sizing:border-box;width:100%;max-width:48rem;margin:0 auto}.faq-header{text-align:center;margin-bottom:var(--space-xl)}.faq-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--on-surface);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0 0 var(--space-xs)}.faq-subheading{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--on-surface-variant);max-width:36rem;line-height:var(--line-height-relaxed);margin:0 auto}.faq-list{gap:var(--space-xs);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.faq-item{box-sizing:border-box;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);width:100%;transition:background var(--transition-fast), border-color var(--transition-fast);overflow:hidden}.faq-item:hover{background:var(--surface-container)}.faq-item[open]{background:var(--surface-container);border-color:#ffffff38}.faq-question{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--on-surface);user-select:none;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.faq-q-text{line-height:var(--line-height-snug);flex:1}.faq-chevron{color:var(--on-surface-variant);transition:transform var(--transition-normal) cubic-bezier(.16, 1, .3, 1), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-item:hover .faq-chevron{color:var(--on-surface)}.faq-item[open] .faq-chevron{color:var(--primary);transform:rotate(180deg)}.faq-answer{padding:0 var(--space-lg) var(--space-md);border-top:1px solid #ffffff0f}.faq-answer p{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--on-surface-variant);line-height:var(--line-height-relaxed);margin:var(--space-sm) 0 0}.sticky-support{z-index:30;background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(12px);box-shadow:0 -1px 0 0 var(--outline-variant);position:sticky;bottom:0}.support-bar{max-width:76rem;padding:var(--space-xs) var(--space-md);background:0 0;border-radius:0;margin:0 auto}@media (width>=768px){.support-bar{padding:var(--space-xs) var(--space-xl)}}.support-bar-content{align-items:center;gap:var(--space-sm);display:flex}@media (width<=767px){.support-bar-content{flex-wrap:wrap}}.support-bar-text{gap:var(--space-nano);flex-direction:column;min-width:0;display:flex}.support-bar-title{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--on-surface);line-height:var(--line-height-tight);margin:0}.support-bar-desc{font-family:var(--font-body);font-size:var(--font-size-2xs);color:var(--on-surface-variant);line-height:var(--line-height-relaxed);margin:0}@media (width<=767px){.support-bar-desc{display:none}}.support-bar-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;margin-left:auto;display:flex}.support-link{justify-content:center;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-md);background:var(--primary-tint-10);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary-tint-30);white-space:nowrap;transition:background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:none;text-decoration:none;display:inline-flex}.support-link:hover{background:var(--primary-tint-20);box-shadow:inset 0 0 0 1px var(--primary);transform:translateY(-1px)}.changelog-preview{gap:var(--space-sm);flex-direction:column;display:flex}.changelog-preview-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.changelog-preview-heading{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--on-surface);line-height:var(--line-height-tight);margin:0}.changelog-preview-all{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary);white-space:nowrap;transition:opacity var(--transition-fast);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.changelog-preview-all:hover{opacity:var(--opacity-soft)}.changelog-preview-all:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:var(--radius-2xs)}.changelog-preview-list{border-radius:var(--radius-lg);background:var(--surface-container-low);flex-direction:column;display:flex;overflow:hidden}.changelog-preview-entry{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:background-color var(--transition-fast);outline:none;grid-template-columns:auto 1fr auto;align-items:center;text-decoration:none;display:grid}.changelog-preview-entry:not(:last-child){box-shadow:inset 0 -1px 0 0 var(--outline-variant)}.changelog-preview-entry:hover{background:var(--surface-container)}.changelog-preview-entry:focus-visible{background:var(--surface-container);outline:2px solid var(--primary);outline-offset:-2px}.changelog-preview-entry:active{background:var(--surface-container-high)}.changelog-preview-version{font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--primary);background:var(--primary-tint-08);padding:var(--space-nano) var(--space-2xs);border-radius:var(--radius-2xs);white-space:nowrap;font-variant-numeric:tabular-nums}.changelog-preview-title{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--on-surface-variant);line-height:var(--line-height-snug);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.changelog-preview-date{font-family:var(--font-body);font-size:var(--font-size-2xs);color:var(--on-surface-variant);opacity:var(--opacity-muted);white-space:nowrap;font-variant-numeric:tabular-nums}@media (width<=767px){.changelog-preview-date{display:none}.changelog-preview-entry{grid-template-columns:auto 1fr}}.legal-footer{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-md) var(--space-xl);z-index:1;flex-wrap:wrap;margin-top:auto;display:flex;position:relative}.legal-text{font-family:var(--font-body);font-size:var(--font-size-2xs);color:var(--on-surface-variant);opacity:var(--opacity-muted)}.legal-sep{font-size:var(--font-size-2xs);color:var(--on-surface-variant);opacity:var(--opacity-disabled)}.legal-link{font-family:var(--font-body);font-size:var(--font-size-2xs);color:var(--on-surface-variant);opacity:var(--opacity-muted);transition:color var(--transition-fast), opacity var(--transition-fast);outline:none;text-decoration:none}.legal-link:hover{color:var(--primary);opacity:1}.legal-link:focus-visible{color:var(--primary);opacity:1;outline:2px solid var(--primary);outline-offset:4px;border-radius:var(--radius-2xs)}.whats-new-banner{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:color-mix(in srgb, var(--surface-container-low) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--outline-variant);flex-shrink:0;animation:.5s cubic-bezier(.16,1,.3,1) both whats-new-slide-in;display:flex;position:relative;overflow:hidden}.whats-new-banner:before{content:"";background:linear-gradient(90deg, transparent 15%, var(--primary-tint-10) 50%, transparent 85%);opacity:.12;pointer-events:none;z-index:0;position:absolute;inset:0}@media (width>=768px){.whats-new-banner{padding-top:calc(3.5rem + var(--space-xs))}}@keyframes whats-new-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.whats-new-link{align-items:center;gap:var(--space-xs);z-index:1;flex:0 auto;min-width:0;text-decoration:none;display:flex}.whats-new-badge{align-items:center;gap:var(--space-micro);font-family:var(--font-display);font-size:var(--font-size-micro);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-section);text-transform:uppercase;color:var(--primary);background:var(--primary-tint-10);border:1px solid var(--primary-tint-25);padding:2px var(--space-2xs);border-radius:var(--radius-2xs);line-height:var(--line-height-compact);box-shadow:0 0 10px var(--primary-tint-08);transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;display:inline-flex}.whats-new-badge svg{transition:transform var(--transition-fast);flex-shrink:0}.whats-new-link:hover .whats-new-badge{background:var(--primary-tint-15);border-color:var(--primary);box-shadow:0 0 16px var(--primary-tint-20);transform:scale(1.04)}.whats-new-link:hover .whats-new-badge svg{animation:.5s ease-in-out sparkle-wiggle}@keyframes sparkle-wiggle{0%,to{transform:rotate(0)scale(1)}33%{transform:rotate(-15deg)scale(1.15)}66%{transform:rotate(15deg)scale(1.15)}}.whats-new-text{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--on-surface-variant);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast);overflow:hidden}.whats-new-link:hover .whats-new-text{color:var(--on-surface)}.whats-new-version{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--on-surface-variant);opacity:var(--opacity-muted);transition:opacity var(--transition-fast);flex-shrink:0}.whats-new-link:hover .whats-new-version{opacity:var(--opacity-soft)}.whats-new-dismiss{width:24px;height:24px;color:var(--on-surface-variant);cursor:pointer;z-index:1;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.whats-new-dismiss:hover{background:var(--hover-bg);color:var(--on-surface);transform:rotate(90deg)}