.landing-page{--bg-primary: var(--sp-landing-bg-primary);--bg-secondary: var(--sp-landing-bg-secondary);--bg-card: var(--sp-landing-bg-card);--bg-card-hover: var(--sp-landing-bg-card-hover);--border-subtle: var(--sp-landing-border-subtle);--border-medium: var(--sp-landing-border-medium);--text-primary: var(--sp-landing-text-primary);--text-secondary: var(--sp-landing-text-secondary);--text-tertiary: var(--sp-landing-text-tertiary);--accent: var(--sp-landing-accent);--accent-glow: var(--sp-landing-accent-glow);--accent-soft: var(--sp-landing-accent-soft);--accent-hover: var(--sp-landing-accent-hover);--green: var(--sp-landing-green);--blue: var(--sp-landing-blue);--purple: var(--sp-landing-purple);--font-display: var(--sp-landing-font-display);--font-body: var(--sp-landing-font-body);--ease-out-expo: var(--sp-landing-ease-out-expo);--ease-out-quart: var(--sp-landing-ease-out-quart);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6;position:relative;min-height:100vh}.landing-page a{color:inherit;text-decoration:none}.landing-page:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.landing-page ::-webkit-scrollbar{width:6px}.landing-page ::-webkit-scrollbar-track{background:var(--bg-primary)}.landing-page ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.landing-page ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.landing-page .hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem 4rem;text-align:center;overflow:hidden}.landing-page .hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:900px;height:900px;background:radial-gradient(ellipse at center,rgba(255,91,75,.08) 0%,rgba(255,91,75,.02) 40%,transparent 70%);pointer-events:none}.landing-page .hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 70%);pointer-events:none}.landing-page .hero-badge{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--accent-soft);border:1px solid rgba(255,91,75,.15);border-radius:100px;font-size:.8rem;color:var(--accent);font-weight:500;margin-bottom:2rem;animation:landing-fadeInUp .8s var(--ease-out-expo) both}.landing-page .hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:landing-pulse 2s ease-in-out infinite}.landing-page .hero h1{position:relative;font-family:var(--font-display);font-size:clamp(3rem,7vw,5.5rem);line-height:1.05;font-weight:400;letter-spacing:-.02em;max-width:800px;margin-bottom:1.5rem;animation:landing-fadeInUp .8s var(--ease-out-expo) .1s both}.landing-page .hero h1 em{font-style:italic;color:var(--accent);position:relative}.landing-page .hero h1 em:after{content:"";position:absolute;bottom:.05em;left:0;right:0;height:2px;background:var(--accent);opacity:.4;border-radius:2px}.landing-page .hero-sub{position:relative;max-width:520px;margin-bottom:3rem;animation:landing-fadeInUp .8s var(--ease-out-expo) .2s both;font-family:var(--sp-landing-font-body);font-size:1.15rem;line-height:1.7;font-weight:300;color:var(--sp-landing-text-secondary)}.landing-page .hero-prompt{position:relative;width:100%;max-width:600px;margin-bottom:2.5rem;animation:landing-fadeInUp .8s var(--ease-out-expo) .3s both}.landing-page .prompt-box{position:relative;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:14px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;transition:border-color .3s,box-shadow .3s;cursor:text}.landing-page .prompt-box:hover,.landing-page .prompt-box:focus-within{border-color:#ff5b4b4d;box-shadow:0 0 0 3px #ff5b4b0f,0 8px 40px #0006}.landing-page .prompt-box .sparkle{flex-shrink:0;font-size:1.2rem;opacity:.5}.landing-page .prompt-text{flex:1;font-size:.95rem;color:var(--text-secondary);text-align:left;min-height:1.4em}.landing-page .prompt-text-field{position:relative;flex:1;min-width:0;min-height:1.4em;display:flex;align-items:center}.landing-page .prompt-input{position:relative;z-index:1;flex:1;width:100%;min-width:0;padding:0;margin:0;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);line-height:1.4}.landing-page .prompt-input::-moz-placeholder{color:transparent}.landing-page .prompt-input::placeholder{color:transparent}.landing-page .prompt-input:focus{outline:none}.landing-page .prompt-placeholder{position:absolute;inset:0;display:flex;align-items:center;gap:0;font-size:.95rem;color:var(--text-secondary);text-align:left;pointer-events:none;z-index:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.landing-page .prompt-placeholder .cursor{flex-shrink:0}.landing-page .prompt-text .cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent);margin-left:1px;vertical-align:text-bottom;animation:landing-blink 1s step-end infinite}.landing-page .prompt-btn{flex-shrink:0;padding:.6rem 1.2rem;background:var(--accent);color:#fff;border:none;border-radius:9px;font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.landing-page .prompt-btn:hover{background:var(--accent-hover);transform:scale(1.03)}.landing-page .prompt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.landing-page .hero-proof{position:relative;display:flex;align-items:center;gap:1rem;animation:landing-fadeInUp .8s var(--ease-out-expo) .4s both}.landing-page .avatar-stack{display:flex}.landing-page .avatar-stack .avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-primary);margin-right:-8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.landing-page .avatar-stack .avatar:nth-child(1){background:linear-gradient(135deg,#ff5b4b,#ff8a65)}.landing-page .avatar-stack .avatar:nth-child(2){background:linear-gradient(135deg,#60a5fa,#818cf8)}.landing-page .avatar-stack .avatar:nth-child(3){background:linear-gradient(135deg,#34d399,#6ee7b7)}.landing-page .avatar-stack .avatar:nth-child(4){background:linear-gradient(135deg,#fbbf24,#f59e0b)}.landing-page .avatar-stack .avatar:nth-child(5){background:linear-gradient(135deg,#a78bfa,#c084fc)}.landing-page .hero-proof-text{font-size:.85rem;color:var(--text-secondary)}.landing-page .hero-proof-text strong{color:var(--text-primary);font-weight:600}.landing-page:not(.use-case-page) section{position:relative;padding:7rem 2rem}.landing-page .section-inner{max-width:1100px;margin:0 auto}.landing-page .section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:500;margin-bottom:1rem}.landing-page .section-label:before{content:"";width:20px;height:1px;background:var(--accent);opacity:.5}.landing-page .section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;font-weight:400;letter-spacing:-.02em;margin-bottom:1rem}.landing-page .section-desc{font-size:1.05rem;color:var(--text-secondary);max-width:550px;line-height:1.7;font-weight:300}.landing-page .gallery{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);overflow:hidden}.landing-page .gallery-header{text-align:center;margin-bottom:4rem}.landing-page .gallery-header .section-desc{margin:.5rem auto 0}.landing-page .gallery-role-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.landing-page .role-carousel{display:inline-block;position:relative;color:var(--accent);min-width:200px;text-align:left}.landing-page .role-carousel .role-word{display:inline-block;opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease-out-expo),transform .35s var(--ease-out-expo)}.landing-page .role-carousel .role-word.visible{opacity:1;transform:translateY(0)}.landing-page .role-carousel .role-word.fading{opacity:0;transform:translateY(-8px)}.landing-page .gallery-punchline{opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease-out-expo),transform .5s var(--ease-out-expo);font-weight:400!important;color:var(--accent)!important;font-size:1.15rem!important;letter-spacing:.01em}.landing-page .gallery-punchline.show{opacity:1;transform:translateY(0)}.landing-page .role-carousel.hover-ready{cursor:pointer;transition:text-shadow .3s}.landing-page .role-carousel.hover-ready:hover{text-shadow:0 0 20px rgba(255,91,75,.3)}.landing-page .showcase-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:200px 200px;gap:1.25rem;max-width:760px;margin:0 auto}.landing-page .showcase-card{position:relative;border-radius:12px;-webkit-mask-image:-webkit-radial-gradient(white,black);overflow:hidden;border:1.5px solid rgba(255,255,255,.1);background:var(--bg-card);transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo),border-color .35s;cursor:pointer;padding:0;font:inherit;color:inherit;text-align:left;z-index:1;isolation:isolate}.landing-page .showcase-card.featured{grid-column:1;grid-row:1 / 3}.landing-page .showcase-card:hover{z-index:10;border-color:#ffffff2e;box-shadow:0 16px 48px #0000008c,0 0 0 1px #ffffff0f}.landing-page .showcase-card img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;display:block;z-index:0}.landing-page .showcase-row-2 .showcase-card img{-o-object-position:top center;object-position:top center}.landing-page .showcase-card .card-mock{position:absolute;inset:0;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;padding:1.5rem;z-index:0}.landing-page .showcase-grid>.showcase-card:nth-child(1) .card-mock{background:linear-gradient(145deg,#1a1520,#261e2d)}.landing-page .showcase-grid>.showcase-card:nth-child(2) .card-mock{background:linear-gradient(145deg,#0f1922,#152030)}.landing-page .showcase-grid>.showcase-card:nth-child(3) .card-mock{background:linear-gradient(145deg,#1a1a0f,#262610)}.landing-page .showcase-row-2>.showcase-card:nth-child(1) .card-mock{background:linear-gradient(145deg,#151820,#1e2430)}.landing-page .showcase-row-2>.showcase-card:nth-child(2) .card-mock{background:linear-gradient(145deg,#18151c,#242028)}.landing-page .showcase-row-2>.showcase-card:nth-child(3) .card-mock{background:linear-gradient(145deg,#141a18,#1a2620)}.landing-page .card-mock-nav{display:flex;gap:.3rem;margin-bottom:1.5rem}.landing-page .card-mock-nav span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.1)}.landing-page .card-mock-nav span:first-child{background:rgba(255,91,75,.5)}.landing-page .card-mock-hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.landing-page .card-mock-line{height:8px;border-radius:4px;background:rgba(255,255,255,.12)}.landing-page .card-mock-line.short{width:40%}.landing-page .card-mock-line.medium{width:65%}.landing-page .card-mock-line.long{width:85%}.landing-page .card-mock-line.accent{background:rgba(255,91,75,.3);width:30%;height:10px;margin-top:.5rem;border-radius:5px}.landing-page .card-mock-img{width:100%;border-radius:8px;margin-top:auto;min-height:80px}.landing-page .showcase-card.featured .card-mock-img{min-height:120px}.landing-page .showcase-label{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.25rem 1rem;background:linear-gradient(to top,rgba(8,8,12,.92) 20%,transparent);font-size:.78rem;color:var(--text-secondary);z-index:2}.landing-page .showcase-label strong{display:block;color:var(--text-primary);font-weight:600;font-size:.88rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-page .showcase-card.featured .showcase-label strong{font-size:1rem;font-family:var(--font-display);font-weight:500}.landing-page .showcase-row-2{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:200px;gap:1.25rem;max-width:760px;margin:1.25rem auto 0}.landing-page .gallery-browse{text-align:center;margin-top:2.5rem}.landing-page .gallery-browse-btn{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);transition:gap .25s var(--ease-out-quart);background:none;border:none;cursor:pointer;font:inherit;font-size:.9rem;font-weight:500}.landing-page .gallery-browse-btn:hover{gap:.7rem}.landing-page .showcase-card-skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,#1a1a24 50%,var(--bg-card) 75%);background-size:200% 100%;animation:landing-shimmer 1.5s ease-in-out infinite;border:1px solid var(--border-subtle)}.landing-page .how-it-works .section-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.landing-page .how-steps{display:flex;flex-direction:column;gap:2.5rem}.landing-page .step{display:flex;gap:1.25rem;opacity:.5;transition:opacity .4s;background:none;border:none;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%}.landing-page .step.active,.landing-page .step:hover{opacity:1}.landing-page .step-number{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border:1px solid var(--border-medium);color:var(--text-secondary);transition:all .3s}.landing-page .step.active .step-number{background:var(--accent);border-color:var(--accent);color:#fff}.landing-page .step-content h3{font-family:var(--font-display);font-size:1.35rem;margin-bottom:.4rem;font-weight:400}.landing-page .step-content p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;font-weight:300}.landing-page .how-preview{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border-medium);background:var(--bg-card);aspect-ratio:4/3}.landing-page .how-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,91,75,.03),transparent 60%);pointer-events:none;z-index:1}.landing-page .step-panel{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .45s var(--ease-out-expo),transform .45s var(--ease-out-expo);pointer-events:none}.landing-page .step-panel.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.landing-page .mock-browser-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.landing-page .mock-dots{display:flex;gap:5px}.landing-page .mock-dots span{width:8px;height:8px;border-radius:50%}.landing-page .mock-dots span:nth-child(1){background:#ff5f57}.landing-page .mock-dots span:nth-child(2){background:#ffbd2e}.landing-page .mock-dots span:nth-child(3){background:#28ca42}.landing-page .mock-url-bar{flex:1;height:24px;border-radius:6px;background:rgba(255,255,255,.05);display:flex;align-items:center;padding:0 10px;font-size:.65rem;color:var(--text-tertiary);font-family:var(--font-body);gap:5px}.landing-page .mock-url-bar .lock{opacity:.5;font-size:.55rem}.landing-page .step-panel-body{flex:1;padding:1.5rem;display:flex;flex-direction:column;overflow:hidden;position:relative}.landing-page .mock-onboarding{display:flex;flex-direction:column;height:100%;justify-content:center;gap:1rem;max-width:85%;margin:0 auto}.landing-page .mock-onboarding-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.landing-page .mock-onboarding h4{font-family:var(--font-display);font-size:1.2rem;font-weight:400;line-height:1.3}.landing-page .mock-prompt-input{background:rgba(255,255,255,.04);border:1px solid var(--border-medium);border-radius:10px;padding:1rem;font-size:.78rem;color:var(--text-secondary);line-height:1.6;min-height:60px}.landing-page .mock-prompt-input .typing-cursor{display:inline-block;width:1.5px;height:.9em;background:var(--accent);vertical-align:text-bottom;animation:landing-blink 1s step-end infinite}.landing-page .mock-chips{display:flex;gap:.5rem;flex-wrap:wrap}.landing-page .mock-chip{padding:.3rem .7rem;border-radius:6px;font-size:.65rem;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);color:var(--text-tertiary)}.landing-page .mock-chip.selected{background:var(--accent-soft);border-color:#ff5b4b33;color:var(--accent)}.landing-page .mock-generate-btn{align-self:flex-end;padding:.5rem 1.2rem;background:var(--accent);border-radius:8px;font-size:.75rem;color:#fff;font-weight:500}.landing-page .mock-generating{height:100%;display:flex;flex-direction:column;gap:.8rem;position:relative}.landing-page .mock-gen-status{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--accent);font-weight:500;margin-bottom:.5rem}.landing-page .mock-gen-spinner{width:12px;height:12px;border:2px solid rgba(255,91,75,.2);border-top-color:var(--accent);border-radius:50%;animation:landing-spin .8s linear infinite}.landing-page .mock-gen-blocks{flex:1;display:flex;flex-direction:column;gap:.6rem}.landing-page .mock-gen-block{border-radius:8px;background:rgba(255,255,255,.03);border:1px solid var(--border-subtle);overflow:hidden;position:relative}.landing-page .mock-gen-block:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,91,75,.06),transparent);animation:landing-genSweep 1.5s ease-in-out infinite}.landing-page .mock-gen-block.hero-block{height:35%}.landing-page .mock-gen-block.text-block{height:15%}.landing-page .mock-gen-block.img-block{height:25%}.landing-page .mock-gen-block.cta-block{height:12%}.landing-page .mock-gen-block .block-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);white-space:nowrap;z-index:1}.landing-page .mock-published{height:100%;display:flex;flex-direction:column;gap:.6rem}.landing-page .mock-pub-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.65rem;color:var(--green);font-weight:500;align-self:flex-start;padding:.25rem .6rem;background:rgba(52,211,153,.08);border-radius:5px;border:1px solid rgba(52,211,153,.15)}.landing-page .mock-pub-badge .pub-dot{width:5px;height:5px;border-radius:50%;background:var(--green);animation:landing-pulse 2s ease-in-out infinite}.landing-page .mock-pub-page{flex:1;border-radius:8px;background:rgba(255,255,255,.02);border:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden}.landing-page .mock-pub-hero-img{height:40%;background:linear-gradient(135deg,rgba(255,91,75,.12),rgba(255,180,120,.08));position:relative}.landing-page .mock-pub-content{flex:1;padding:.8rem;display:flex;flex-direction:column;gap:.4rem}.landing-page .mock-pub-line{height:6px;border-radius:3px;background:rgba(255,255,255,.08)}.landing-page .mock-pub-line.title{width:70%;height:8px;background:rgba(255,255,255,.12)}.landing-page .mock-pub-line.sub{width:50%}.landing-page .mock-pub-line.body1{width:95%;margin-top:.3rem}.landing-page .mock-pub-line.body2{width:85%}.landing-page .mock-pub-line.body3{width:60%}.landing-page .mock-pub-cta{width:35%;height:22px;border-radius:6px;background:var(--accent);opacity:.6;margin-top:auto}.landing-page .mock-pub-stats{display:flex;gap:1rem;padding-top:.5rem}.landing-page .mock-stat{display:flex;flex-direction:column;gap:.1rem}.landing-page .mock-stat-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.landing-page .mock-stat-label{font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.landing-page .features{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:7rem 2rem 5rem}.landing-page .features-header{text-align:center;margin-bottom:5rem}.landing-page .features-header .section-desc{margin:.5rem auto 0}.landing-page .features-timeline{position:relative;max-width:1100px;margin:0 auto}.landing-page .features-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--border-medium) 10%,var(--border-medium) 90%,transparent);transform:translate(-50%)}.landing-page .ft-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0;position:relative}.landing-page .ft-row:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-medium);transform:translate(-50%,-50%);z-index:2;transition:all .5s var(--ease-out-expo)}.landing-page .ft-row.visible:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px #ff5b4b26,0 0 20px #ff5b4b1a}.landing-page .ft-text{opacity:0;transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.landing-page .ft-visual{opacity:0;transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo);transition-delay:.15s}.landing-page .ft-row .ft-text{transform:translate(-30px)}.landing-page .ft-row .ft-visual{transform:translate(30px)}.landing-page .ft-row.reversed{direction:rtl}.landing-page .ft-row.reversed>*{direction:ltr}.landing-page .ft-row.reversed .ft-text{transform:translate(30px)}.landing-page .ft-row.reversed .ft-visual{transform:translate(-30px)}.landing-page .ft-row.visible .ft-text,.landing-page .ft-row.visible .ft-visual{opacity:1;transform:translate(0)}.landing-page .ft-number{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.landing-page .ft-number:after{content:"";flex:1;max-width:40px;height:1px;background:rgba(255,91,75,.3)}.landing-page .ft-text h3{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;line-height:1.15;margin-bottom:1rem;letter-spacing:-.01em}.landing-page .ft-text h3 em{font-style:italic;color:var(--accent)}.landing-page .ft-text p{font-size:.95rem;color:var(--text-secondary);line-height:1.75;font-weight:300;max-width:420px}.landing-page .ft-text .ft-detail{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.landing-page .ft-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:6px;font-size:.72rem;background:rgba(255,255,255,.03);border:1px solid var(--border-subtle);color:var(--text-tertiary);font-weight:400}.landing-page .ft-tag .tag-dot{width:5px;height:5px;border-radius:50%}.landing-page .ft-visual-card{border-radius:14px;border:1px solid var(--border-subtle);background:var(--bg-card);overflow:hidden;aspect-ratio:4/3;position:relative;transition:all .4s var(--ease-out-expo)}.landing-page .ft-row:hover .ft-visual-card{border-color:var(--border-medium);box-shadow:0 12px 40px #0000004d;transform:translateY(-2px)}.landing-page .ft-visual-inner{width:100%;height:100%;display:flex;flex-direction:column;padding:1.5rem;position:relative}.landing-page .ft-row:nth-child(1) .ft-visual-inner{background:linear-gradient(145deg,#1a1520,#261e2d)}.landing-page .ft-row:nth-child(2) .ft-visual-inner{background:linear-gradient(145deg,#0f1922,#152030)}.landing-page .ft-row:nth-child(3) .ft-visual-inner{background:linear-gradient(145deg,#12200f,#1a3010)}.landing-page .ft-row:nth-child(4) .ft-visual-inner{background:linear-gradient(145deg,#201a0f,#302510)}.landing-page .ft-row:nth-child(5) .ft-visual-inner{background:linear-gradient(145deg,#0f1a1a,#102626)}.landing-page .ft-row:nth-child(6) .ft-visual-inner{background:linear-gradient(145deg,#1a0f1a,#260f26)}.landing-page .ft-mock-label{position:absolute;bottom:1.5rem;left:1.5rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:.3rem .6rem;background:rgba(0,0,0,.4);border-radius:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-page .integrations{padding:5rem 2rem;overflow:hidden;position:relative}.landing-page .integrations-header{text-align:center;margin-bottom:3rem}.landing-page .integrations-header .section-desc{margin:.5rem auto 0}.landing-page .integrations-flow{display:flex;flex-direction:column;gap:1.25rem;max-width:900px;margin:0 auto}.landing-page .integrations-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-page .integration-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:100px;font-size:.85rem;color:var(--text-secondary);font-weight:400;transition:all .3s var(--ease-out-quart);white-space:nowrap}.landing-page .integration-pill:hover{border-color:var(--border-medium);background:var(--bg-card-hover);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.landing-page .integration-pill .pill-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.landing-page .integration-pill .pill-icon img{display:block;border-radius:2px}.landing-page .integration-pill.accent{border-color:#ff5b4b33;background:rgba(255,91,75,.05);color:var(--accent)}.landing-page .integrations-subtext{text-align:center;margin-top:2rem;font-size:.85rem;color:var(--text-tertiary)}.landing-page .integrations-subtext a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;transition:color .2s}.landing-page .integrations-subtext a:hover{color:var(--accent-hover)}.landing-page .for-marketers{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.landing-page .for-marketers .section-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.landing-page .marketer-points{display:flex;flex-direction:column;gap:2rem}.landing-page .marketer-point{display:flex;gap:1rem;align-items:flex-start}.landing-page .marketer-point-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid rgba(255,91,75,.12);color:var(--accent)}.landing-page .marketer-point h4{font-family:var(--font-display);font-size:1.1rem;font-weight:400;margin-bottom:.3rem}.landing-page .marketer-point p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;font-weight:300}.landing-page .marketer-visual{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border-medium);background:var(--bg-card);padding:2.5rem}.landing-page .marketer-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,91,75,.04),transparent 60%);pointer-events:none}.landing-page .mv-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:1.5rem}.landing-page .mv-metric{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--border-subtle)}.landing-page .mv-metric:last-child{border-bottom:none}.landing-page .mv-metric-label{font-size:.85rem;color:var(--text-secondary)}.landing-page .mv-metric-value{font-size:1.1rem;font-weight:600;font-family:var(--font-body)}.landing-page .mv-metric-value.up{color:var(--green)}.landing-page .mv-metric-value.accent{color:var(--accent)}.landing-page .mv-bar-chart{display:flex;align-items:flex-end;gap:6px;height:60px;margin-top:1.5rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.landing-page .mv-bar{flex:1;border-radius:4px 4px 0 0;background:rgba(255,91,75,.15);transition:height .5s var(--ease-out-expo);position:relative}.landing-page .mv-bar.active{background:var(--accent);opacity:.8}.landing-page .mv-bar-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.55rem;color:var(--text-tertiary);white-space:nowrap}.landing-page .comparison .section-inner{text-align:center}.landing-page .comparison-header{margin-bottom:3.5rem}.landing-page .comparison-header .section-desc{margin:.5rem auto 0}.landing-page .comparison-table-wrapper{overflow-x:auto;border-radius:16px;border:1px solid var(--border-subtle)}.landing-page .comparison-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.9rem;text-align:left;min-width:700px}.landing-page .comparison-table col.comparison-col-feature{width:24%}.landing-page .comparison-table col.comparison-col-us,.landing-page .comparison-table col.comparison-col-competitor{width:19%}.landing-page .comparison-table thead th{padding:1.25rem 1.5rem;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);background:var(--bg-card);border-bottom:1px solid var(--border-subtle)}.landing-page .comparison-table thead th.highlight{color:var(--accent);background:rgba(255,91,75,.03);position:relative}.landing-page .comparison-table thead th.highlight:before{content:"You are here";position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:.65rem;background:var(--accent);color:#fff;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.landing-page .comparison-table tbody td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-secondary);font-weight:300;vertical-align:top;overflow-wrap:anywhere}.landing-page .comparison-price-lead{display:block;font-weight:500;margin-bottom:.25rem;color:var(--text-secondary)}.landing-page .comparison-table tbody td.highlight .comparison-price-lead{color:var(--text-primary)}.landing-page .comparison-price-detail{display:block;font-size:.78rem;line-height:1.4;color:var(--text-tertiary);font-weight:300}.landing-page .comparison-table tbody td.highlight{background:rgba(255,91,75,.02);color:var(--text-primary);font-weight:400}.landing-page .comparison-table tbody td .check{color:var(--green);font-size:1.1rem}.landing-page .comparison-table tbody td .cross{color:#ffffff26;font-size:1.1rem}.landing-page .comparison-table tbody tr:last-child td{border-bottom:none}.landing-page .comparison-table tbody td:first-child{color:var(--text-primary);font-weight:400}.landing-page .comparison-table tbody tr.comparison-row-primary td{background:rgba(255,91,75,.06);border-bottom-color:#ff5b4b1f}.landing-page .comparison-table tbody tr.comparison-row-primary td.highlight{background:rgba(255,91,75,.1)}.landing-page .comparison-table tbody tr.comparison-row-primary td:first-child{font-weight:600}.landing-page .testimonials{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.landing-page .testimonials-header{text-align:center;margin-bottom:3.5rem}.landing-page .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.landing-page .testimonial-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:2rem;transition:all .4s var(--ease-out-expo)}.landing-page .testimonial-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.landing-page .testimonial-stars{display:flex;gap:2px;margin-bottom:1rem;color:#fbbf24;font-size:.9rem}.landing-page .testimonial-text{font-size:.92rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:300;font-style:italic}.landing-page .testimonial-author{display:flex;align-items:center;gap:.75rem}.landing-page .testimonial-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.landing-page .testimonial-card:nth-child(1) .testimonial-avatar{background:linear-gradient(135deg,#ff5b4b,#ff8a65)}.landing-page .testimonial-card:nth-child(2) .testimonial-avatar{background:linear-gradient(135deg,#60a5fa,#818cf8)}.landing-page .testimonial-card:nth-child(3) .testimonial-avatar{background:linear-gradient(135deg,#34d399,#6ee7b7)}.landing-page .testimonial-name{font-size:.85rem;font-weight:500}.landing-page .testimonial-role{font-size:.75rem;color:var(--text-tertiary)}.landing-page .final-cta{text-align:center;padding:8rem 2rem;position:relative;overflow:hidden}.landing-page .final-cta:before{content:"";position:absolute;bottom:-30%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(ellipse at center,rgba(255,91,75,.06) 0%,transparent 60%);pointer-events:none}.landing-page .final-cta h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;font-weight:400;letter-spacing:-.02em;margin-bottom:1rem;position:relative}.landing-page .final-cta p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;font-weight:300;position:relative}.landing-page .final-cta .btn-primary{padding:.8rem 2rem;font-size:1rem;border-radius:10px;position:relative}.landing-page .cta-note{margin-top:1rem;font-size:.8rem;color:var(--text-tertiary);position:relative}.landing-page .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.landing-page .reveal.visible{overflow:visible;opacity:1;transform:translateY(0)}.landing-page .reveal-delay-1{transition-delay:.1s}.landing-page .reveal-delay-2{transition-delay:.2s}.landing-page .reveal-delay-3{transition-delay:.3s}.landing-page .reveal-delay-4{transition-delay:.4s}.landing-page .reveal-delay-5{transition-delay:.5s}@keyframes landing-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-blink{50%{opacity:0}}@keyframes landing-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes landing-spin{to{transform:rotate(360deg)}}@keyframes landing-genSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes landing-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 900px){.landing-page .showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:200px}.landing-page .showcase-card.featured{grid-row:auto;grid-column:1 / -1}.landing-page .showcase-row-2{grid-template-columns:1fr 1fr;grid-template-rows:200px}.landing-page .how-it-works .section-inner{grid-template-columns:1fr;gap:3rem}.landing-page .testimonials-grid{grid-template-columns:1fr}.landing-page .features-timeline:before{left:24px}.landing-page .ft-row{grid-template-columns:1fr;gap:2rem;padding:3rem 0 3rem 3.5rem}.landing-page .ft-row:before{left:24px;top:3.5rem}.landing-page .ft-row.reversed{direction:ltr}.landing-page .ft-row .ft-text,.landing-page .ft-row.reversed .ft-text,.landing-page .ft-row .ft-visual,.landing-page .ft-row.reversed .ft-visual{transform:translateY(15px)}.landing-page .ft-row.visible .ft-text,.landing-page .ft-row.visible .ft-visual{transform:translateY(0)}.landing-page .for-marketers .section-inner{grid-template-columns:1fr;gap:3rem}}@media (max-width: 640px){.landing-page .hero{padding:7rem 1.25rem 3rem}.landing-page .showcase-grid,.landing-page .showcase-row-2{grid-template-columns:1fr;grid-template-rows:200px}.landing-page .comparison-table-wrapper{margin:0 -1rem;border-radius:0}.landing-page .hero-proof{flex-direction:column;gap:.5rem}}@media (prefers-reduced-motion: reduce){.landing-page .reveal,.landing-page .hero-badge,.landing-page .hero h1,.landing-page .hero-sub,.landing-page .hero-prompt,.landing-page .hero-proof{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.landing-page .hero-badge .dot,.landing-page .mock-pub-badge .pub-dot,.landing-page .prompt-text .cursor{animation:none!important}.landing-page .role-carousel .role-word,.landing-page .gallery-punchline{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.landing-page .showcase-card-skeleton{animation:none!important}}