body{-webkit-user-select:text;user-select:text;cursor:auto;display:flex;flex-direction:column}.intro-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--surface);pointer-events:all}.intro-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);position:relative}.intro-glow{position:absolute;top:50%;left:50%;translate:-50% -50%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--primary-tint-20) 0%,var(--primary-tint-08) 40%,transparent 70%);filter:blur(var(--blur-lg));pointer-events:none;opacity:0;transform:scale(.5)}.intro-logo{position:relative;z-index:1;opacity:0;transform:scale(.7)}.intro-brand{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--primary);letter-spacing:var(--letter-spacing-brand);text-transform:uppercase;line-height:1;position:relative;z-index:1;opacity:0;transform:translateY(8px)}.intro-shimmer{position:absolute;width:200%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary-tint-08) 20%,var(--primary) 50%,var(--primary-tint-08) 80%,transparent 100%);top:50%;left:-50%;pointer-events:none;z-index:2;opacity:0;transform:translate(-100%)}.intro-animate .intro-glow{animation:intro-glow-in .9s cubic-bezier(.22,1,.36,1) forwards}.intro-animate .intro-logo{animation:intro-logo-in .6s cubic-bezier(.22,1,.36,1) forwards}.intro-animate .intro-brand{animation:intro-brand-in .4s cubic-bezier(.22,1,.36,1) 1.1s forwards}.intro-animate .intro-shimmer{animation:intro-shimmer .6s cubic-bezier(.22,1,.36,1) 1.6s forwards}@keyframes intro-glow-in{to{opacity:1;transform:scale(1)}}@keyframes intro-logo-in{to{opacity:1;transform:scale(1)}}@keyframes intro-brand-in{to{opacity:1;transform:translateY(0)}}@keyframes intro-shimmer{0%{opacity:0;transform:translate(-100%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(100%)}}.top-bar{position:sticky;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;height:3.5rem;padding:0 var(--space-md);background:var(--surface);flex-shrink:0}@media(min-width:768px){.top-bar{position:absolute;background:transparent;padding:0 var(--space-xl)}}.top-bar-left{display:flex;align-items:center;gap:var(--space-sm)}.top-bar-right{display:flex;align-items:center;gap:var(--space-2xs)}.brand-mark{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);color:var(--primary);letter-spacing:var(--letter-spacing-brand);text-transform:uppercase;line-height:1;position:relative;display:flex;align-items:center}.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);animation:stage-pulse 2.5s ease-in-out infinite;position:relative;margin-left:var(--space-2xs)}@keyframes stage-pulse{0%,to{box-shadow:var(--beta-glow)}50%{box-shadow:var(--beta-glow-intense)}}.landing-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;display:flex;flex-direction:column}.hero-split{display:flex;flex-direction:column;gap:var(--space-xl);width:100%;max-width:76rem;margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-md);position:relative}@media(min-width:768px){.hero-split{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:var(--space-3xl);padding:calc(3.5rem + var(--space-3xl)) var(--space-xl) var(--space-xl)}}.hero-glow{position:absolute;top:-4rem;left:20%;width:clamp(24rem,50vw,40rem);height:clamp(16rem,30vw,24rem);background:radial-gradient(ellipse at center,var(--primary-tint-06) 0%,var(--primary-tint-03) 40%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0;display:none}@media(min-width:768px){.hero-glow{display:block}}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-xs)}.hero-headline{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--on-surface);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-display);margin:0 0 var(--space-xs) 0;text-wrap:balance}@media(min-width:768px){.hero-headline{font-size:var(--font-size-5xl)}}.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-md) 0;max-width:28rem}@media(min-width:768px){.hero-desc{font-size:var(--font-size-lg);margin:0 0 var(--space-lg) 0}}.hero-ctas{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs)}.cta-primary,.cta-secondary{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-md);border:none;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-decoration:none;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}@media(min-width:768px){.hero-ctas{gap:var(--space-md)}.cta-primary,.cta-secondary{gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base)}}.cta-primary{background:var(--primary);color:var(--on-primary)}.cta-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--primary-glow)}.cta-primary:active{transform:translateY(0)}.cta-secondary{background:var(--surface-container);color:var(--on-surface);box-shadow:var(--glass-border)}.cta-secondary:hover{background:var(--surface-container-high);transform:translateY(-2px);box-shadow:var(--glass-border),var(--shadow-md)}.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-muted);margin:0 0 var(--space-md) 0}@media(min-width:768px){.hero-formats{margin:0 0 var(--space-lg) 0}}.highlight-strip{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}@media(min-width:768px){.highlight-strip{gap:var(--space-xs)}}.highlight-chip{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);background:var(--surface-container);border-radius:var(--radius-pill);transition:background-color var(--transition-fast)}.highlight-chip:hover{background:var(--surface-container-high)}.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(min-width:768px){.hero-preview{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}}.app-window{width:100%;max-width:36rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),0 0 80px var(--primary-tint-06);background:var(--surface)}.app-window-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--surface-container)}.window-dots{display:flex;gap:var(--space-2xs)}.window-dot{width:10px;height:10px;border-radius:50%;background:var(--surface-container-highest)}.window-dot:first-child{background:var(--destructive);opacity:var(--opacity-soft)}.window-dot:nth-child(2){background:var(--primary);opacity:var(--opacity-soft)}.window-dot:nth-child(3){background:var(--success);opacity:var(--opacity-soft)}.window-title{font-family:var(--font-body);font-size:var(--font-size-2xs);color:var(--on-surface-variant);opacity:var(--opacity-muted)}.window-controls{display:flex;gap:var(--space-xs);color:var(--on-surface-variant);opacity:var(--opacity-disabled)}.app-window-body{display:grid;grid-template-columns:140px 1fr 160px;height:320px;background:var(--surface-container-low)}.mock-sidebar{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--surface)}.mock-histogram{width:100%;height:60px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary-tint-08) 0%,var(--surface-container) 40%,var(--primary-tint-06) 70%,var(--surface-container) 100%);position:relative;overflow:hidden}.mock-histogram:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to right,var(--primary-tint-10) 0%,var(--primary-tint-20) 30%,var(--primary-tint-15) 50%,var(--accent-blue) 70%,var(--primary-tint-10) 100%);opacity:var(--opacity-faint);clip-path:polygon(0 100%,0 80%,10% 60%,20% 40%,30% 50%,40% 20%,50% 35%,60% 15%,70% 30%,80% 25%,90% 45%,100% 70%,100% 100%)}.mock-meta{display:flex;flex-direction:column;gap:var(--space-2xs)}.mock-line{height:6px;background:var(--surface-container);border-radius:var(--radius-xs)}.mock-canvas{display:flex;align-items:center;justify-content:center;padding:var(--space-xs)}.mock-image{width:100%;height:100%;border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--surface-container-high) 0%,var(--surface-container) 30%,var(--primary-tint-06) 60%,var(--surface-container-high) 100%);position:relative;overflow:hidden}.mock-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 35%,var(--primary-tint-10) 0%,transparent 50%)}.mock-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:var(--gradient-scrim-light)}.mock-controls{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);background:var(--surface)}.mock-section-header{width:60%;height:8px;background:var(--surface-container-high);border-radius:var(--radius-xs)}.mock-slider{display:flex;flex-direction:column;gap:var(--space-3xs)}.mock-slider-track{width:100%;height:4px;background:var(--white-08);border-radius:var(--radius-pill);overflow:hidden}.mock-slider-fill{height:100%;background:var(--primary);border-radius:var(--radius-pill);opacity:var(--opacity-soft)}.mock-color-wheels{display:flex;gap:var(--space-2xs);justify-content:center;margin-top:var(--space-xs)}.mock-wheel{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at center,var(--surface-container-highest) 40%,var(--primary-tint-10) 100%);box-shadow:inset 0 0 0 1px var(--outline-variant)}.bottom-grid{width:100%;max-width:76rem;margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}@media(min-width:768px){.bottom-grid{padding:var(--space-xl) var(--space-xl) var(--space-xl);gap:var(--space-xl)}}.pillars-row{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media(min-width:768px){.pillars-row{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}}.pillar-card{padding:var(--space-md);background:var(--surface-container-low);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2xs);transition:background-color var(--transition-fast)}@media(min-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);display:flex;margin-bottom:var(--space-2xs)}.pillar-title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--on-surface);margin:0;line-height:var(--line-height-tight)}.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{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media(min-width:768px){.expectations-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}.expectation-card{padding:var(--space-md);background:transparent;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2xs);border:1px dashed var(--outline-variant)}@media(min-width:768px){.expectation-card{padding:var(--space-lg);gap:var(--space-xs)}}.expectation-icon{color:var(--on-surface-variant);opacity:var(--opacity-medium);display:flex;margin-bottom:var(--space-2xs)}.expectation-title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--on-surface);margin:0;line-height:var(--line-height-tight)}.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}.support-bar{background:var(--surface-container-low);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:inset 0 0 0 1px var(--outline-variant);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.support-bar:hover{background:var(--surface-container);box-shadow:inset 0 0 0 1px var(--primary-tint-30)}.support-bar-content{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:768px){.support-bar{padding:var(--space-md) var(--space-lg)}.support-bar-content{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-lg)}}.support-bar-text{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.support-bar-title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--on-surface);margin:0;line-height:var(--line-height-tight)}.support-bar-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}.support-bar-actions{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.support-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-lg);background:var(--primary-tint-10);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary);text-decoration:none;border:none;box-shadow:inset 0 0 0 1px var(--primary-tint-30);text-wrap:balance;text-align:center;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.support-link:hover{background:var(--primary-tint-20);box-shadow:inset 0 0 0 1px var(--primary);transform:translateY(-1px)}.flow-steps{width:100%;max-width:76rem;margin:0 auto;padding:var(--space-xl) var(--space-md) 0;position:relative}@media(min-width:768px){.flow-steps{padding:var(--space-3xl) var(--space-xl) 0}}.flow-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-wrap:balance;margin:0 0 var(--space-lg) 0}@media(min-width:768px){.flow-heading{font-size:var(--font-size-3xl);margin-bottom:var(--space-xl)}}.flow-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media(min-width:768px){.flow-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}}.flow-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md);background:var(--surface-container-low);border-radius:var(--radius-lg);text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}@media(min-width:768px){.flow-card{padding:var(--space-lg);gap:var(--space-xs)}}.flow-card:hover{background:var(--surface-container);transform:translateY(-2px)}.flow-number{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--primary);opacity:var(--opacity-faint);line-height:1;margin-bottom:var(--space-3xs);font-variant-numeric:tabular-nums}.flow-icon{display:flex;color:var(--primary);opacity:var(--opacity-medium);margin-bottom:var(--space-3xs)}.flow-title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--on-surface);margin:0;line-height:var(--line-height-tight)}.flow-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}.flow-link{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary);margin-top:auto;padding-top:var(--space-xs);opacity:0;transform:translate(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.flow-card:hover .flow-link{opacity:1;transform:translate(0)}.changelog-preview{display:flex;flex-direction:column;gap:var(--space-sm)}.changelog-preview-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.changelog-preview-heading{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--on-surface);margin:0;line-height:var(--line-height-tight)}.changelog-preview-all{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary);text-decoration:none;white-space:nowrap;transition:opacity var(--transition-fast)}.changelog-preview-all:hover{opacity:var(--opacity-soft)}.changelog-preview-list{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-container-low)}.changelog-preview-entry{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm);align-items:center;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:background-color var(--transition-fast)}.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-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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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(max-width:767px){.changelog-preview-date{display:none}.changelog-preview-entry{grid-template-columns:auto 1fr}}.legal-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);flex-wrap:wrap;padding:var(--space-md) var(--space-md) var(--space-xl);margin-top:auto;position:relative;z-index:1}.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);text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}.legal-link:hover{color:var(--primary);opacity:1}