.landing-page{background-color:var(--bg-app,#fafafa);min-height:100vh;color:var(--text-body,#30313d);font-family:var(--type-body,inherit);scroll-behavior:smooth;padding-top:76px;position:relative;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.landing-texture{background-image:linear-gradient(var(--text-muted,#4b5563) 1px, transparent 1px), linear-gradient(90deg, var(--text-muted,#4b5563) 1px, transparent 1px);opacity:.04;z-index:0;pointer-events:none;background-size:48px 48px;width:100vw;height:100%;position:absolute;top:0;left:0}.landing-header-wrapper{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafafacc;border-bottom:1px solid #0000000d;width:100%;position:fixed;top:0;left:0}.landing-header{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 32px;display:flex}.brand-lockup{color:var(--text-strong,#111827);letter-spacing:-.02em;align-items:center;gap:12px;font-weight:700;display:flex}.coming-soon-pill{color:#4b5563;border-radius:var(--radius-md);background:#f3f4f6;padding:6px 16px;font-size:14px;font-weight:600}.hero{z-index:10;flex-direction:column;align-items:center;gap:64px;max-width:1100px;margin:0 auto;padding:100px 24px 80px;display:flex;position:relative}.hero-content{text-align:center;flex-direction:column;align-items:center;max-width:800px;display:flex}.hero-platforms{color:#6b7280;gap:12px;margin-bottom:24px;display:flex}.hero-title{letter-spacing:-.04em;color:var(--text-strong,#111827);margin-bottom:24px;font-size:clamp(56px,8vw,84px);font-weight:800;line-height:1.05}.highlight-invert{background:linear-gradient(180deg, var(--accent), var(--accent-hover));color:#fff;border-radius:var(--radius-sm);padding:4px 16px;display:inline-block;transform:rotate(-1deg);box-shadow:inset 0 1px #ffffff29,0 1px 2px #0d121e0d}.hero-subtitle{max-width:480px;color:var(--text-muted,#4b5563);letter-spacing:-.01em;margin:0 auto 48px;font-size:16px;font-weight:400;line-height:1.6}.hero-visual-container{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;width:100%;padding:12px;position:relative;box-shadow:0 40px 100px -20px #0000001a}.hero-mock{border-radius:var(--radius-2xl);background:#fff;border:1px solid #0000000f;overflow:hidden}.mock-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:14px 20px;display:flex}.mock-dots{gap:6px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.mock-title{color:#9ca3af;font-size:13px;font-weight:500}.mock-body{flex-direction:column;display:flex}.mock-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;padding:16px 20px;transition:background .15s;display:flex}.mock-row:last-child{border-bottom:none}.mock-row:hover{background:#fafbfc}.mock-faded{opacity:.5}.mock-thumb{border-radius:var(--radius-md);flex-shrink:0;width:44px;height:44px}.mock-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mock-label{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.mock-meta{color:#9ca3af;font-size:13px}.mock-status{border-radius:var(--radius-md);white-space:nowrap;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600}.mock-status.published{color:#059669;background:#ecfdf5}.mock-status.scheduled{color:#4f46e5;background:#eef2ff}.mock-status.draft{color:#6b7280;background:#f3f4f6}.waitlist-form{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:440px;display:flex}.waitlist-input-row{gap:8px;width:100%;display:flex}.waitlist-input{border-radius:var(--radius-md);border:1px solid #e5e7eb;outline:none;flex:1;min-width:0;padding:14px 20px;font-size:16px;transition:border-color .15s}.waitlist-input:focus{border-color:var(--accent,#05f);box-shadow:0 0 0 3px #0055ff14}.waitlist-hint{color:#9ca3af;font-size:14px;font-weight:500}.waitlist-error{color:#dc2626;font-size:14px;font-weight:500}.waitlist-success{border-radius:var(--radius-md);color:#059669;background:#ecfdf5;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:600;display:flex}.section-feature{padding:160px 24px;position:relative}.feature-desc{color:#4b5563;max-width:450px;margin-bottom:32px;font-size:16px;line-height:1.6}.feature-bullets{flex-direction:column;gap:16px;padding:0;list-style:none;display:flex}.feature-bullets li{align-items:center;gap:12px;font-size:18px;font-weight:500;display:flex}.layout-window-chrome{grid-template-columns:1fr 1.5fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.feature-text-left h2{letter-spacing:-.03em;color:var(--text-strong);margin-bottom:24px;font-size:48px;font-weight:800;line-height:1.1}.window-chrome{border-radius:var(--radius-2xl);background:#fff;transition:transform .5s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg);box-shadow:0 30px 80px -10px #00000014,0 0 0 1px #00000008}.window-chrome:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.wc-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 20px}.spreadsheet-mock{flex-direction:column;display:flex}.ss-row{border-bottom:1px solid #f3f4f6;display:flex}.ss-row:last-child{border-bottom:none}.ss-row.ss-header{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;font-size:12px;font-weight:600}.ss-row.ss-faded{opacity:.45}.ss-cell{border-right:1px solid #f3f4f6;flex:1;align-items:center;gap:6px;padding:12px 16px;font-size:14px;display:flex}.ss-cell:last-child{border-right:none}.ss-cell.ss-num{color:#9ca3af;background:#00000003;flex:0 0 48px;justify-content:center;font-size:12px}.ss-cell.ss-wide{flex:3}.section-dark{color:#fff;text-align:center;background:#0b0f19;padding:160px 24px;position:relative;overflow:hidden}.dark-texture{opacity:.5;background-image:repeating-linear-gradient(0deg,#0000,#0000 39px,#ffffff0d 39px 40px);position:absolute;inset:0}.layout-centered-wow{z-index:10;max-width:900px;margin:0 auto;position:relative}.dark-title{letter-spacing:-.04em;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.1}.dark-sub{color:#9ca3af;margin-bottom:64px;font-size:22px}.recycle-visual{flex-direction:column;align-items:center;gap:32px;display:flex}.recycle-card{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:20px;padding:28px 36px;display:flex}.recycle-icon{color:#059669;animation:8s linear infinite spinSlow}.recycle-title{text-align:left;font-size:24px;font-weight:700}.recycle-meta{color:#9ca3af;text-align:left;margin-top:4px;font-size:14px}.recycle-timeline{align-items:center;width:100%;max-width:400px;display:flex}.rt-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.rt-dot.active{background:#059669;box-shadow:0 0 12px #05966966}.rt-dot.upcoming{background:#ffffff26;border:2px dashed #ffffff4d}.rt-line{background:#059669;flex:1;height:2px}.rt-line.rt-dashed{background:0 0;border-top:2px dashed #fff3}.recycle-labels{color:#6b7280;justify-content:space-between;width:100%;max-width:400px;font-size:13px;display:flex}.section-ai{background:linear-gradient(180deg, var(--accent-wash) 0%, transparent 100%);padding:160px 24px;position:relative}.ai-container{max-width:1200px;margin:0 auto}.ai-header{text-align:center;margin-bottom:72px}.ai-title{letter-spacing:-.03em;color:var(--text-strong,#111827);margin-top:20px;margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.1}.ai-title em{background:linear-gradient(135deg, var(--accent-lift), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.ai-sub{color:#4b5563;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.ai-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ai-card{border-radius:var(--radius-2xl);background:#fff;border:1px solid #0000000a;padding:40px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 24px #00000008}.ai-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000014}.ai-card-hero{flex-direction:column;grid-column:span 2;gap:24px;display:flex}.ai-card-icon-wrap{border-radius:var(--radius-2xl);background:linear-gradient(135deg, var(--bg-surface), var(--accent-subtle));border:1px solid var(--accent-border);width:56px;height:56px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:8px;display:flex}.ai-card h3{letter-spacing:-.02em;color:var(--text-strong,#111827);margin-bottom:8px;font-size:24px;font-weight:700}.ai-card p{color:#4b5563;font-size:16px;line-height:1.6}.inbox-mock{border-radius:var(--radius-2xl);background:#f9fafb;flex-direction:column;gap:12px;width:100%;max-width:500px;padding:24px;display:flex}.inbox-comment{align-items:flex-start;gap:10px;display:flex}.inbox-avatar{color:#4f46e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.inbox-bubble{border-radius:var(--radius-md);background:#fff;border:1px solid #e5e7eb;flex-direction:column;gap:4px;padding:12px 16px;font-size:14px;line-height:1.5;display:flex}.inbox-name{color:#6b7280;font-size:12px;font-weight:600}.inbox-reply{border-radius:var(--radius-md);background:#eef2ff;border:1px solid #c7d2fe;flex-direction:column;gap:8px;margin-left:42px;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.inbox-ai-badge{color:#4f46e5;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.ai-credits-callout{background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius-2xl);color:var(--accent-active);justify-content:center;align-items:center;gap:12px;max-width:640px;margin-top:48px;margin-left:auto;margin-right:auto;padding:16px 28px;font-size:15px;display:flex}.layout-bento-mixed{max-width:1200px;margin:0 auto}.bento-header{text-align:left;margin-bottom:64px}.bento-header h2{letter-spacing:-.03em;font-size:48px;font-weight:800;line-height:1.1}.bento-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.bento-card{border-radius:var(--radius-2xl);background:#fff;border:1px solid #0000000a;flex-direction:column;gap:16px;padding:40px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 24px #00000008}.bento-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000014}.bento-card h3{letter-spacing:-.02em;color:var(--text-strong,#111827);font-size:22px;font-weight:700}.bento-card p{color:#4b5563;font-size:16px;line-height:1.6}.section-pricing{background:#f3f4f6;padding:160px 24px;position:relative}.pricing-container{max-width:1000px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:64px}.pricing-title{letter-spacing:-.03em;color:var(--text-strong,#111827);margin-top:20px;margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.1}.pricing-sub{color:#4b5563;max-width:560px;margin:0 auto;font-size:18px;line-height:1.6}.pricing-single{grid-template-columns:1.4fr 1fr;align-items:start;gap:24px;display:grid}.pricing-main-card{border-radius:var(--radius-2xl);border:2px solid var(--accent,#05f);background:#fff;padding:48px;box-shadow:0 8px 40px #0055ff1a}.pricing-main-top{margin-bottom:32px}.pricing-plan-name{color:var(--text-strong,#111827);letter-spacing:-.02em;font-size:24px;font-weight:800}.pricing-tagline{color:#6b7280;margin-top:4px;font-size:15px}.pricing-channel-block{margin-bottom:32px}.pricing-channel-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:14px;font-weight:600}.pricing-price-row{align-items:baseline;display:flex}.pricing-dollar{color:var(--text-strong,#111827);font-size:28px;font-weight:700}.pricing-amount{letter-spacing:-.04em;color:var(--text-strong,#111827);font-size:72px;font-weight:800;line-height:1}.pricing-period{color:#9ca3af;margin-left:4px;font-size:16px}.pricing-volume-note{color:#059669;margin-top:8px;font-size:14px;font-weight:500}.pricing-divider{background:#f3f4f6;height:1px;margin-bottom:32px}.pricing-features{flex-direction:column;gap:14px;margin-bottom:36px;padding:0;list-style:none;display:flex}.pricing-features li{color:#374151;align-items:center;gap:10px;font-size:15px;line-height:1.4;display:flex}.pricing-cta-row{flex-direction:column;align-items:center;gap:12px;display:flex}.pricing-annual{color:#6b7280;font-size:14px;font-weight:500}.pricing-addons{flex-direction:column;gap:20px;display:flex}.addon-card{border-radius:var(--radius-2xl);background:#fff;border:1px solid #0000000f;flex-direction:column;gap:16px;padding:28px;display:flex;box-shadow:0 2px 12px #00000008}.addon-info h4{color:var(--text-strong,#111827);margin-bottom:4px;font-size:18px;font-weight:700}.addon-info p{color:#6b7280;font-size:14px;line-height:1.6}.addon-price{color:#059669;border-radius:var(--radius-sm);background:#ecfdf5;align-self:flex-start;padding:6px 14px;font-size:14px;font-weight:600}.pricing-footnote{text-align:center;color:#6b7280;margin-top:40px;font-size:15px}.section-about{background:#fff;padding:120px 24px}.about-container{grid-template-columns:1.5fr 1fr;align-items:start;gap:80px;max-width:1000px;margin:0 auto;display:grid}.about-text h2{letter-spacing:-.03em;color:var(--text-strong,#111827);margin:20px 0 24px;font-size:40px;font-weight:800;line-height:1.15}.about-text p{color:#4b5563;margin-bottom:16px;font-size:16px;line-height:1.7}.about-details{border-radius:var(--radius-2xl);border:1px solid #e5e7eb;flex-direction:column;gap:0;margin-top:48px;display:flex;overflow:hidden}.about-detail-item{border-bottom:1px solid #f3f4f6;flex-direction:column;gap:4px;padding:20px 24px;display:flex}.about-detail-item:last-child{border-bottom:none}.about-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.about-detail-value{color:var(--text-strong,#111827);font-size:16px;font-weight:600}.about-link{text-decoration:none;color:var(--accent,#05f)!important}.section-final-cta{text-align:center;padding:120px 24px;position:relative}.final-cta-content{flex-direction:column;align-items:center;max-width:600px;margin:0 auto;display:flex}.final-cta-content h2{letter-spacing:-.03em;color:var(--text-strong,#111827);margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.1}.final-cta-content p{color:#4b5563;margin-bottom:40px;font-size:18px;line-height:1.6}.landing-footer{background:#fafafa;border-top:1px solid #0000000d;padding:80px 24px}.footer-inner{justify-content:space-between;max-width:1200px;margin:0 auto;display:flex}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-col-title{color:var(--text-strong,#111827);margin-bottom:4px;font-size:14px;font-weight:600}.footer-col a{color:#4b5563;font-size:14px;transition:color .15s}.footer-col a:hover{color:var(--text-strong,#111827)}@media (max-width:960px){.layout-window-chrome{grid-template-columns:1fr;gap:48px}.bento-grid,.ai-grid{grid-template-columns:1fr}.ai-card-hero{grid-column:span 1}.pricing-single{grid-template-columns:1fr}.about-container{grid-template-columns:1fr;gap:48px}.hero-title{font-size:clamp(40px,8vw,48px)}.dark-title{font-size:40px}.ai-title,.bento-header h2,.pricing-title{font-size:36px}.landing-header{padding:16px 20px}.section-feature,.section-dark,.hero,.section-pricing,.section-final-cta,.section-ai,.section-about{padding-left:20px;padding-right:20px}.hero{padding-top:64px}.footer-inner{flex-direction:column;gap:48px}.header-nav{display:none!important}.final-cta-content h2{font-size:32px}.about-details{margin-top:24px}}@media (max-width:480px){.waitlist-input-row{flex-direction:column}.waitlist-button{width:100%}.mock-row{gap:10px;padding:12px 14px}.mock-thumb{width:36px;height:36px}.pricing-amount{font-size:56px}}@media (prefers-reduced-motion:reduce){.animate-in{opacity:1!important;animation:none!important;transform:none!important}.recycle-icon{animation:none!important}}
