.landing-frame{position:relative;margin-inline:auto;max-width:80rem;border-inline:1px solid color-mix(in oklch,var(--border),transparent 20%)}@media(max-width:84rem){.landing-frame{margin-inline:max(.75rem,calc((100vw - 80rem)/2))}}.landing-section{position:relative;border-top:1px solid color-mix(in oklch,var(--border),transparent 20%)}.landing-section:before,.landing-section:after{content:"";position:absolute;top:-5px;width:9px;height:9px;background-image:linear-gradient(to bottom,currentColor,currentColor),linear-gradient(to right,currentColor,currentColor);background-size:1px 9px,9px 1px;background-position:center,center;background-repeat:no-repeat;color:color-mix(in oklch,var(--foreground),transparent 55%);pointer-events:none}.landing-section:before{left:-5px}.landing-section:after{right:-5px}.section-accent{background-image:linear-gradient(to bottom,transparent,color-mix(in oklch,var(--muted),transparent 90%) 14%,transparent)}.landing-dot-bg{background-image:radial-gradient(circle,color-mix(in oklch,var(--border),transparent 35%) 1.5px,transparent 1.5px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 100% 90% at 50% 0%,black 0%,transparent 85%);mask-image:radial-gradient(ellipse 100% 90% at 50% 0%,black 0%,transparent 85%)}.landing-grid-bg{background-image:linear-gradient(to right,color-mix(in oklch,var(--border),transparent 82%) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--border),transparent 82%) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 0%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 0%,transparent 75%)}.landing-signal{-webkit-mask-image:radial-gradient(ellipse 85% 90% at 82% 92%,black 0%,transparent 72%);mask-image:radial-gradient(ellipse 85% 90% at 82% 92%,black 0%,transparent 72%)}.landing-signal-rings{transform-origin:80% 98%;animation:signalBreath 16s ease-in-out infinite}.landing-signal-cta{-webkit-mask-image:radial-gradient(ellipse 70% 100% at 50% 100%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse 70% 100% at 50% 100%,black 0%,transparent 70%)}.landing-signal-cta .landing-signal-rings{transform-origin:50% 100%}@keyframes signalBreath{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media(prefers-reduced-motion:reduce){.landing-signal-rings{animation:none}}.landing-well{position:relative;isolation:isolate;background-image:linear-gradient(to right,color-mix(in oklch,var(--border),transparent 88%) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--border),transparent 88%) 1px,transparent 1px);background-size:34px 34px;background-position:center bottom}.landing-well:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,var(--card) 0%,transparent 45%);pointer-events:none}.landing-eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.landing-h2{font-size:clamp(1.75rem,2.5vw + 1rem,2.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.1}.landing-stat-block,.landing-proof-step,.landing-side-note,.landing-feature-panel,.landing-process-row,.landing-story-card,.landing-progress-callout,.landing-mini-stat,.landing-chat-panel{border:1px solid var(--border)}.landing-stat-block,.landing-proof-step,.landing-side-note,.landing-feature-panel,.landing-mini-stat{border-radius:1rem;background:color-mix(in oklch,var(--card),transparent 8%);box-shadow:0 1px 2px color-mix(in oklch,var(--foreground),transparent 94%)}.landing-stat-block{padding:.875rem 1rem}.landing-beta-badge{background:color-mix(in oklch,var(--accent),transparent 10%);color:var(--accent-foreground)}.landing-status-dot{background:var(--primary);box-shadow:0 0 8px color-mix(in oklch,var(--primary),transparent 45%)}.landing-round-stage{border-radius:1rem;background:color-mix(in oklch,var(--background),var(--card) 30%);padding:1.125rem}.landing-stage-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}.landing-stage-count{border:1px solid var(--border);border-radius:9999px;background:color-mix(in oklch,var(--card),transparent 8%);padding:.4rem .7rem;color:var(--foreground);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:700;letter-spacing:.08em;white-space:nowrap}.landing-stage-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.landing-stage-actions{display:flex;flex-direction:column;gap:.625rem;align-self:center}.landing-vote{border:1px solid var(--border);border-radius:.625rem;background:color-mix(in oklch,var(--muted),transparent 20%);min-width:8.5rem;padding:.75rem;text-align:center;color:var(--muted-foreground);font-size:.95rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.landing-vote-active{border-color:color-mix(in oklch,var(--primary),transparent 60%);background:color-mix(in oklch,var(--primary),transparent 88%);color:var(--primary)}.landing-stage-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.landing-stage-stat{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid color-mix(in oklch,var(--border),transparent 10%);padding-top:.875rem}.landing-chat-panel{border-radius:1rem}.landing-proof-band{box-shadow:0 16px 40px -30px color-mix(in oklch,var(--foreground),transparent 76%)}.landing-proof-step{padding:.875rem 1rem}.landing-story-card,.landing-side-note,.landing-feature-panel,.landing-progress-callout{padding:1.25rem}.landing-frame-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.landing-frame-showcase{display:grid;gap:1rem;align-self:center}.landing-frame-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:0;padding:.25rem 0}.landing-frame-avatar{position:relative;isolation:isolate;display:grid;place-items:center;width:4rem;height:4rem}.landing-frame-photo{display:grid;place-items:center;width:3rem;height:3rem;border-radius:9999px;border:1px solid color-mix(in oklch,var(--border),transparent 18%);color:color-mix(in oklch,var(--foreground),white 12%);font-size:.95rem;font-weight:700;box-shadow:inset 0 1px color-mix(in oklch,white,transparent 40%)}.landing-frame-chip{position:absolute;right:-.125rem;bottom:-.125rem;z-index:2;display:inline-flex;align-items:center;gap:.125rem;border:1px solid color-mix(in oklch,var(--primary),transparent 58%);border-radius:9999px;background:color-mix(in oklch,var(--foreground),transparent 6%);padding:.125rem .375rem;color:var(--primary-foreground);font-size:.5625rem;font-weight:700;line-height:1;box-shadow:0 1px 4px color-mix(in oklch,var(--foreground),transparent 65%)}.landing-story-card,.landing-progress-callout{background:color-mix(in oklch,var(--card),transparent 6%)}.landing-side-note,.landing-feature-panel{background:color-mix(in oklch,var(--background),var(--card) 26%)}.landing-process-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;border-radius:1rem;background:color-mix(in oklch,var(--card),transparent 6%);padding:1rem}.landing-process-index{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:9999px;background:color-mix(in oklch,var(--primary),transparent 86%);color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:700;letter-spacing:.14em}@media(max-width:640px){.landing-stage-main{grid-template-columns:1fr}.landing-stage-actions{width:100%}.landing-vote{min-width:0}.landing-stage-stat-row,.landing-frame-list{grid-template-columns:1fr}}.landing-mockup{border:1px solid var(--border);background:var(--card);color:var(--card-foreground);border-radius:1rem;padding:1rem;box-shadow:0 1px 2px color-mix(in oklch,var(--foreground),transparent 92%),0 18px 40px -20px color-mix(in oklch,var(--foreground),transparent 80%);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.landing-mockup:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--primary),transparent 60%);box-shadow:0 1px 2px color-mix(in oklch,var(--foreground),transparent 92%),0 24px 48px -20px color-mix(in oklch,var(--primary),transparent 70%)}.landing-panel{border:1px solid var(--border);background:var(--muted);color:var(--foreground);border-radius:.625rem;padding:.75rem}.landing-row{border:1px solid var(--border);background:var(--card);color:var(--card-foreground);border-radius:.375rem;padding:.375rem .625rem}.card-lift{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card-lift:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--primary),transparent 55%);box-shadow:0 12px 32px -16px color-mix(in oklch,var(--primary),transparent 80%)}.landing-reveal{opacity:0;transform:translateY(14px)}.landing-reveal-in{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms),transform .6s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms)}.fade-in-up{animation:fadeInUp .5s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.landing-reveal,.landing-reveal-in{opacity:1;transform:none;transition:none}.fade-in-up{animation:none}.card-lift,.landing-mockup{transition:none}.card-lift:hover,.landing-mockup:hover{transform:none;box-shadow:none}}
