:root{--font-body:"Inter",-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace;--bg:#fafafa;--surface:#fff;--card:#f5f5f5;--accent:#c4603a;--accent-light:#d8845f;--text-primary:#111;--text-secondary:#666;--text-muted:#aaa;--border:#ebebeb;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}.landing-page{font-family:var(--font-body);background:var(--bg);color:var(--text-primary)}.landing-page nav{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex}.nav-logo{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.nav-logo-mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--text-primary)}.nav-cta{border-radius:var(--radius-sm);background:var(--text-primary);color:var(--surface);padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s}.nav-cta:hover{opacity:.85}.nav-signin{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.nav-signin:hover{color:var(--text-primary)}.nav-cta-mobile{display:none}.hero-wrap{background:linear-gradient(#c4603a0a 0%,#fafafa00 60%);position:relative;overflow:hidden}.hero-wrap:before{content:"";pointer-events:none;background:radial-gradient(circle,#c4603a1a 0%,#d8845f0a 40%,#0000 70%);border-radius:50%;width:900px;height:900px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.hero{text-align:center;max-width:1100px;margin:0 auto;padding:72px 24px 80px;position:relative}.hero-badge{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px 6px 8px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 1px 3px #0000000a}.hero-badge-dot{background:#4caf50;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #4caf5026}.hero-badge-text{color:var(--text-primary);font-weight:600}.hero h1{letter-spacing:-.035em;margin-bottom:20px;font-size:64px;font-weight:900;line-height:1.05}.hero-sub{color:var(--text-secondary);max-width:560px;margin:0 auto 36px;font-size:19px;font-weight:400;line-height:1.6}.hero-actions{justify-content:center;align-items:center;gap:12px;display:flex}.btn-primary{background:var(--text-primary);color:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #00000026}.btn-primary:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s}.btn-secondary:hover{border-color:#ccc}.hero-note{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.hero-note-dot{background:var(--text-muted);border-radius:50%;width:3px;height:3px}.hero-showcase{grid-template-columns:repeat(6,1fr);gap:12px;max-width:900px;margin:56px auto 0;display:grid}.showcase-card{aspect-ratio:3/4;cursor:pointer;border-radius:14px;transition:all .3s;position:relative;overflow:hidden}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.showcase-image{object-fit:cover;width:100%;height:100%;display:block}.showcase-overlay{background:linear-gradient(#0000,#0009);padding:10px;position:absolute;bottom:0;left:0;right:0}.showcase-name{color:#fff;font-size:13px;font-weight:700}.showcase-niche{color:#fffc;margin-top:1px;font-size:10px}.niches{text-align:center;max-width:1100px;margin:0 auto;padding:48px 24px 0}.niches-label{color:var(--text-muted);margin-bottom:16px;font-size:13px;font-weight:500}.niches-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.niche-tag{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.niche-tag:hover{color:var(--text-primary);border-color:#ccc}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);text-align:center;margin-bottom:10px;font-size:11px;font-weight:500}.section-title{text-align:center;letter-spacing:-.03em;margin-bottom:10px;font-size:40px;font-weight:800}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:520px;margin:0 auto 52px;font-size:17px;line-height:1.6}.problem{max-width:1100px;margin:0 auto;padding:80px 24px}.problem-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:48px;display:grid}.problem-tool{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;padding:18px 14px;position:relative}.problem-tool:after{content:"";opacity:.6;background:#ef4444;border-radius:2px;width:20px;height:3px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.problem-tool-name{margin-bottom:4px;font-size:13px;font-weight:600}.problem-tool-cost{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.problem-arrow{color:var(--accent);justify-content:center;padding:20px 0;display:flex}.problem-solution{background:var(--surface);border:2px solid var(--accent);border-radius:16px;align-items:center;gap:16px;max-width:600px;margin:0 auto;padding:20px 28px;display:flex;box-shadow:0 4px 20px #c4603a1a}.problem-solution-logo{flex-shrink:0}.problem-solution-text{flex:1}.problem-solution-name{font-size:16px;font-weight:700}.problem-solution-desc{color:var(--text-secondary);margin-top:2px;font-size:13px;line-height:1.5}.problem-solution-price{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;font-size:13px;font-weight:600}.features{max-width:1100px;margin:0 auto;padding:100px 24px 80px}.bento-grid{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px;display:grid}.bento-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;transition:all .2s;position:relative;overflow:hidden}.bento-card:hover{border-color:#ddd;transform:translateY(-2px);box-shadow:0 8px 30px #0000000d}.bento-card.span-2{grid-column:span 2}.bento-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.bento-icon.orange{color:var(--accent);background:#c4603a14}.bento-icon.blue{color:#3b82f6;background:#3b82f614}.bento-icon.green{color:#059669;background:#05966914}.bento-icon.purple{color:#7c3aed;background:#7c3aed14}.bento-icon.pink{color:#ec4899;background:#ec489914}.bento-name{margin-bottom:6px;font-size:16px;font-weight:700}.bento-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.bento-stats{gap:12px;margin-top:16px;display:flex}.bento-stat{font-family:var(--font-mono);color:var(--text-muted);background:var(--card);border-radius:6px;padding:4px 10px;font-size:11px}.bento-tag-coming{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:#c4603a0a;border:1px solid #c4603a33;border-radius:999px;margin-top:12px;padding:3px 10px;font-size:10px;display:inline-block}.how{max-width:1100px;margin:0 auto;padding:80px 24px}.steps{align-items:stretch;gap:0;margin-top:52px;display:flex}.step{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex:1;padding:32px 28px;transition:all .2s}.step:hover{border-color:#ddd;box-shadow:0 4px 16px #0000000a}.step-arrow{color:var(--text-muted);justify-content:center;align-items:center;padding:0 8px;display:flex}.step-num{background:var(--text-primary);width:40px;height:40px;color:var(--surface);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:15px;font-weight:700;display:flex}.step-title{margin-bottom:8px;font-size:16px;font-weight:700}.step-desc{color:var(--text-secondary);max-width:260px;margin:0 auto;font-size:14px;line-height:1.6}.use-cases{max-width:1100px;margin:0 auto;padding:80px 24px}.use-cases-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px;display:grid}.use-case{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px;transition:all .2s}.use-case:hover{border-color:#ddd;transform:translateY(-2px);box-shadow:0 8px 30px #0000000d}.use-case-icon{margin-bottom:14px;font-size:28px}.use-case-title{margin-bottom:6px;font-size:15px;font-weight:700}.use-case-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.pricing{max-width:1100px;margin:0 auto;padding:80px 24px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:52px;display:grid}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px 24px;transition:all .2s}.price-card:hover{border-color:#ddd;box-shadow:0 8px 30px #0000000d}.price-card.featured{border-color:var(--accent);background:linear-gradient(180deg,#c4603a04 0%,var(--surface)100%);position:relative;box-shadow:0 8px 40px #c4603a1a}.price-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 14px;font-size:10px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.price-name{color:var(--text-secondary);margin-bottom:8px;font-size:15px;font-weight:600}.price-amount{letter-spacing:-.03em;margin-bottom:4px;font-size:40px;font-weight:900}.price-amount span{color:var(--text-muted);font-size:15px;font-weight:400}.price-credits{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px;font-size:14px}.price-features{margin-bottom:24px;padding:0;list-style:none}.price-features li{color:var(--text-secondary);align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.price-features li:before{content:"";background:#ecfdf5 url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") 50% no-repeat;border-radius:50%;flex-shrink:0;width:18px;height:18px}.price-btn{border:1px solid var(--border);width:100%;color:var(--text-primary);text-align:center;background:0 0;border-radius:10px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:block}.price-btn:hover{background:var(--card)}.price-btn.primary{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary)}.price-btn.primary:hover{opacity:.85}.pricing-packs{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:14px}.pricing-packs a{color:var(--accent);font-weight:600;text-decoration:none}.pricing-packs a:hover{text-decoration:underline}.pricing-costs{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:600px;margin:40px auto 0;padding:24px 28px}.pricing-costs-title{text-align:center;margin-bottom:16px;font-size:14px;font-weight:700}.pricing-costs-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pricing-cost-item{background:var(--card);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.pricing-cost-label{color:var(--text-secondary);font-size:13px}.pricing-cost-value{font-family:var(--font-mono);color:var(--text-primary);font-size:12px;font-weight:600}.pricing-cost-soon{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;vertical-align:super;font-size:9px}.cta{max-width:1100px;margin:0 auto;padding:40px 24px 80px}.cta-card{background:var(--text-primary);text-align:center;color:var(--surface);border-radius:24px;padding:72px 32px;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#c4603a33 0%,#0000 60%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-20%}.cta-card h2{letter-spacing:-.03em;margin-bottom:12px;font-size:36px;font-weight:800;position:relative}.cta-card p{opacity:.6;margin-bottom:32px;font-size:17px;position:relative}.cta-btn{background:var(--surface);color:var(--text-primary);border-radius:999px;align-items:center;gap:8px;padding:14px 36px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;position:relative;box-shadow:0 2px 8px #0000001a}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.landing-footer{border-top:1px solid var(--border);max-width:1100px;margin:0 auto;padding:0 24px}.footer-top{gap:80px;padding:48px 0 40px;display:flex}.footer-brand{flex:1}.footer-logo{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.footer-tagline{color:var(--text-secondary);font-size:13px}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:4px;font-size:12px;font-weight:600}.footer-col a{color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .15s}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border);padding:24px 0}.footer-copy{color:var(--text-muted);font-size:12px}@media (max-width:1024px){.pricing-grid,.use-cases-grid{grid-template-columns:repeat(2,1fr)}.problem-grid{grid-template-columns:repeat(3,1fr)}.pricing-costs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-inner{height:52px;padding:0 16px}.nav-links{display:none}.nav-cta-mobile{border-radius:var(--radius-sm);background:var(--text-primary);color:var(--surface);align-items:center;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.hero{padding:48px 20px 60px}.hero h1{letter-spacing:-.03em;font-size:38px}.hero h1 br{display:none}.hero-sub{margin-bottom:28px;font-size:16px}.hero-badge{margin-bottom:20px;padding:5px 12px 5px 7px;font-size:12px}.hero-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{justify-content:center;width:100%;min-height:48px;padding:14px 24px;font-size:15px}.hero-note{flex-wrap:wrap;gap:6px;font-size:12px}.hero-note-dot{display:none}.hero-note span{padding:0 4px}.hero-showcase{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:40px}.showcase-name{font-size:12px}.showcase-niche{font-size:9px}.niches{padding:36px 20px 0}.niche-tag{padding:6px 12px;font-size:12px}.section-title{margin-bottom:8px;font-size:28px}.section-label{font-size:10px}.section-subtitle{margin-bottom:36px;font-size:15px}.problem{padding:48px 20px}.problem-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:36px}.problem-tool{padding:14px 10px}.problem-solution{text-align:center;flex-direction:column;gap:12px;padding:20px}.features{padding:64px 20px 48px}.bento-grid{grid-template-columns:1fr;gap:10px;margin-top:36px}.bento-card.span-2{grid-column:span 1}.bento-card{border-radius:14px;padding:22px}.bento-icon{border-radius:10px;width:38px;height:38px;margin-bottom:12px}.bento-name{font-size:15px}.bento-desc{font-size:13px}.how{padding:48px 20px}.steps{flex-direction:column;gap:12px;margin-top:36px}.step-arrow{padding:4px 0;transform:rotate(90deg)}.step{border-radius:14px;padding:24px 22px}.step-num{border-radius:10px;width:36px;height:36px;margin-bottom:12px;font-size:14px}.step-title{font-size:15px}.step-desc{font-size:13px}.use-cases{padding:48px 20px}.use-cases-grid{grid-template-columns:1fr;gap:10px;margin-top:36px}.use-case{border-radius:14px;padding:22px}.use-case-icon{margin-bottom:10px;font-size:24px}.pricing{padding:48px 20px}.pricing-grid{grid-template-columns:1fr;gap:12px;margin-top:36px}.price-card{border-radius:16px;padding:28px 22px}.price-amount{font-size:36px}.price-btn{justify-content:center;align-items:center;min-height:48px;display:flex}.price-features li{min-height:36px;font-size:14px}.pricing-costs{padding:20px}.pricing-costs-grid{grid-template-columns:1fr}.cta{padding:24px 20px 48px}.cta-card{border-radius:18px;padding:48px 24px}.cta-card h2{font-size:26px}.cta-card p{margin-bottom:24px;font-size:15px}.cta-btn{min-height:48px}.footer-top{flex-direction:column;gap:32px;padding:36px 0 32px}.footer-bottom{padding:20px 0}}@media (max-width:390px){.hero h1{font-size:32px}.hero-sub{font-size:15px}.hero-showcase{grid-template-columns:repeat(2,1fr)}.section-title{font-size:26px}.price-amount{font-size:32px}.cta-card h2{font-size:24px}.nav-logo{font-size:13px}}