:root{--bg:#fff;--surface:#fff;--surface-soft:#f7faf9;--text:#111827;--muted:#58625f;--border:#dfe8e5;--accent:#007f68;--accent-dark:#006452;--accent-soft:#e7f5f0;--shadow:0 18px 50px #11182717;--radius:8px;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#fff 0%,#f8fbfa 100%);min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-shell{width:min(1180px,100% - 48px);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #dfe8e5cc;justify-content:space-between;align-items:center;min-height:68px;padding:0 30px;display:flex;position:sticky;top:0}.brand,.link-button,.text-button{background:0 0;border:0}.brand{color:var(--text);align-items:center;gap:10px;padding:0;font-size:18px;font-weight:760;display:inline-flex}.brand-mark{background:var(--accent-soft);border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.brand-mark img{object-fit:contain;width:24px;height:27px;display:block}.nav-links,.header-actions,.hero-actions,.trust-row,.auth-actions,.revision-row{align-items:center;display:flex}.nav-links{color:#303a37;gap:30px;font-size:14px;font-weight:560}.header-actions{gap:10px}.account-label{max-width:180px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.primary-button,.secondary-button{border:1px solid var(--accent);border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:710;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.primary-button{background:var(--accent);color:#fff;box-shadow:0 12px 22px #007f682e}.button-spinner,.large-spinner{border-style:solid;border-color:currentColor #0000 currentColor currentColor;border-radius:999px;animation:.8s linear infinite spin;display:inline-block}.button-spinner{border-width:2px;width:18px;height:18px}.large-spinner{width:42px;height:42px;color:var(--accent);border-width:3px}.secondary-button{color:var(--accent-dark);background:#fff}.primary-button:hover,.secondary-button:hover,.option:hover,.plan-option:hover{transform:translateY(-1px)}.primary-button:hover{background:var(--accent-dark)}.compact{min-height:38px;padding:0 14px;font-size:13px}.hero{grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);align-items:center;gap:34px;padding:58px 0 42px;display:grid}.hero-copy h1,.auth-card h1,.dashboard-hero h1{color:var(--text);letter-spacing:0;margin:0}.hero-copy h1{max-width:560px;font-size:clamp(44px,5vw,72px);font-weight:790;line-height:.98}.hero-copy p{color:#34413d;max-width:500px;margin:22px 0 0;font-size:19px;line-height:1.55}.hero-actions{gap:12px;margin-top:30px}.trust-row{color:#41504c;flex-wrap:wrap;gap:16px;margin-top:26px;font-size:14px}.trust-row span,.price-card li{align-items:center;gap:7px;display:inline-flex}.comparison-card{border:1px solid var(--border);border-radius:var(--radius);min-height:420px;box-shadow:var(--shadow);background:#f4f6f5;position:relative;overflow:hidden}.comparison-card img{object-fit:cover;width:100%;height:100%;min-height:420px;display:block}.image-label,.comparison-card:after{position:absolute}.image-label{color:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:760;display:inline-flex}.comparison-card:after{content:"";pointer-events:none;background:#ffffffeb;width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)}.image-label{min-width:70px;min-height:34px;top:18px}.before{background:#121615c7;left:18px}.after{background:var(--accent);right:18px}.examples-section,.product-modes,.seo-section,.use-cases-section,.pricing-section,.faq-section{padding:56px 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.section-heading h2{margin:0;font-size:28px;line-height:1.15}.section-heading p{max-width:560px;color:var(--muted);margin:0;line-height:1.55}.section-heading.stacked{display:block}.section-heading.stacked p{margin-top:10px}.examples-strip,.result-gallery{border:1px solid var(--border);border-radius:var(--radius);object-fit:cover;width:100%;display:block}.examples-strip{max-height:310px;box-shadow:0 16px 36px #11182714}.price-card,.auth-card,.upload-panel,.result-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.auth-card svg{color:var(--accent)}.price-card h3,.control-group h3{margin:14px 0 8px;font-size:18px}.price-card p{color:var(--muted);margin:0;line-height:1.55}.product-modes{gap:22px;display:grid}.mode-section{border:1px solid var(--border);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);align-items:center;gap:28px;padding:24px;display:grid}.mode-section.reverse{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.mode-section.reverse .mode-copy{order:2}.mode-section img{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);object-fit:cover;width:100%;display:block}.mode-copy h2{margin:10px 0 0;font-size:30px;line-height:1.12}.mode-copy p{color:var(--muted);margin:14px 0 22px;line-height:1.58}.seo-section{border-top:1px solid #dfe8e5c7;border-bottom:1px solid #dfe8e5c7}.seo-grid,.use-case-grid,.faq-list{gap:14px;display:grid}.seo-grid,.use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-grid article,.use-case-grid a,.faq-list article{border:1px solid var(--border);border-radius:var(--radius);background:#fff}.seo-grid article{padding:22px}.use-case-grid a{color:var(--text);gap:8px;padding:20px;transition:transform .16s,border-color .16s,background .16s;display:grid}.use-case-grid a:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.use-case-grid strong,.use-case-grid span{display:block}.use-case-grid strong{font-size:17px}.use-case-grid span{color:var(--muted);line-height:1.5}.seo-grid h3,.faq-list h3{color:var(--text);margin:0;font-size:18px;line-height:1.25}.seo-grid p,.faq-list p{color:var(--muted);margin:10px 0 0;line-height:1.58}.seo-section>p,.seo-section ul{color:var(--muted);line-height:1.58}.seo-section ul{gap:8px;margin:18px 0 0;padding-left:20px;display:grid}.eyebrow{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.pricing-section{padding-bottom:76px}.faq-section{padding-top:0;padding-bottom:76px}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-list article{padding:20px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.price-card{padding:26px}.price-card ul{color:#32413d;gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.price-card li svg{color:var(--accent)}.auth-gate{grid-template-columns:minmax(360px,.82fr) minmax(420px,1.18fr);align-items:center;gap:28px;min-height:calc(100vh - 76px);padding:48px 0;display:grid}.auth-card{padding:34px}.auth-card h1{margin-top:18px;font-size:42px;line-height:1.04}.auth-card p{color:var(--muted);font-size:17px;line-height:1.55}.auth-actions{gap:12px;margin:24px 0 18px}.text-button{color:var(--accent-dark);padding:0;font-size:14px;font-weight:700}.compact-comparison,.compact-comparison img{min-height:360px}.dashboard-loading{color:var(--muted);padding:80px 36px;font-size:18px}.dashboard-shell{width:min(1360px,100% - 40px);margin:0 auto;padding:12px 0 14px}.dashboard-hero{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.dashboard-hero h1{font-size:26px}.dashboard-hero p{color:var(--muted);margin:5px 0 0;font-size:13px}.dashboard-grid{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:14px;display:grid}.upload-panel,.result-panel{max-height:calc(100vh - 178px);padding:14px;overflow:auto}.panel-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px;display:flex}.panel-heading h2{margin:0 0 4px;font-size:16px}.panel-heading span{color:var(--muted);font-size:12px;line-height:1.35}.dropzone{border-radius:var(--radius);min-height:126px;color:var(--muted);text-align:center;background:#fbfdfc;border:1px dashed #aebfba;place-items:center;padding:14px;display:grid}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.dropzone svg{color:var(--accent)}.dropzone strong{color:var(--text);margin-top:6px;font-size:14px}.dropzone span,.dropzone em{font-size:13px;font-style:normal}.control-group{margin-top:22px}.control-group h3{margin:0 0 10px;font-size:14px;font-weight:740}.control-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.option,.plan-option{border:1px solid var(--border);color:#35413e;background:#fff;border-radius:6px}.option{place-items:center;gap:8px;min-height:72px;padding:10px 6px;font-size:12px;font-weight:650;display:grid}.option svg{color:var(--accent-dark)}.option.active,.plan-option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.plan-option{text-align:left;grid-column:span 5;justify-content:space-between;align-items:center;min-height:58px;padding:0 14px;display:flex}.plan-option strong{font-size:14px}.plan-option span{color:var(--muted);font-size:12px}.result-gallery{aspect-ratio:16/9;max-height:500px}.generated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.generated-item,.generated-error{border:1px solid var(--border);border-radius:var(--radius);background:#fbfdfc;margin:0;overflow:hidden}.generated-item img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.generated-item figcaption,.generated-error{color:var(--muted);font-size:12px}.generated-item figcaption{padding:7px 9px}.generated-error{gap:6px;min-height:140px;padding:14px;display:grid}.generated-error strong{color:var(--text)}.revision-row{flex-wrap:wrap;gap:10px;margin-top:16px}.pack-list{gap:10px;display:grid}.mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode-option{border:1px solid var(--border);border-radius:var(--radius);color:#35413e;text-align:left;background:#fff;grid-template-columns:auto 1fr;gap:8px;min-height:82px;padding:10px;transition:transform .16s,border-color .16s,background .16s;display:grid}.mode-option:hover{transform:translateY(-1px)}.mode-option.active{border-color:var(--accent);background:var(--accent-soft)}.mode-option svg{color:var(--accent-dark)}.mode-option strong,.mode-option small{display:block}.mode-option strong{color:var(--text);font-size:13px}.mode-option small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.3}.pack-option{border:1px solid var(--border);border-radius:var(--radius);color:#35413e;text-align:left;background:#fff;grid-template-columns:auto 1fr;gap:12px;width:100%;padding:14px;transition:transform .16s,border-color .16s,background .16s;display:grid}.pack-option:hover{transform:translateY(-1px)}.pack-option.active{border-color:var(--accent);background:var(--accent-soft)}.pack-icon{width:34px;height:34px;color:var(--accent-dark);background:#fff;border-radius:6px;place-items:center;display:grid}.pack-option strong,.pack-option em,.pack-option small{display:block}.pack-option strong{color:var(--text);font-size:14px}.pack-option em{color:var(--accent-dark);margin-top:4px;font-size:13px;font-style:normal;font-weight:700}.pack-option small{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.4}.credit-card{border:1px solid var(--border);border-radius:var(--radius);background:#fbfdfc;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:14px;display:flex}.credit-section{border:1px solid var(--border);border-radius:var(--radius);background:#fbfdfc;margin-top:10px;padding:10px}.credit-section-heading{justify-content:space-between;gap:12px;display:flex}.credit-section h2{margin:0 0 4px;font-size:14px}.credit-section-heading span{color:var(--muted);font-size:12px;line-height:1.45}.credit-pack-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.credit-pack{border:1px solid var(--border);text-align:left;background:#fff;border-radius:6px;min-height:48px;padding:8px}.credit-pack.active{border-color:var(--accent);background:var(--accent-soft)}.credit-pack strong,.credit-pack span{display:block}.credit-pack strong{color:var(--text);font-size:12px}.credit-pack span{color:var(--accent-dark);margin-top:3px;font-size:13px;font-weight:800}.buy-credits-button{width:100%;margin-top:8px}.credit-card strong,.credit-card span,.panel-note{display:block}.credit-card strong{color:var(--text);font-size:14px}.credit-card span,.panel-note{color:var(--muted);font-size:12px;line-height:1.45}.panel-note{margin:6px 0 0}.second-step{margin-top:14px}.upload-preview-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.upload-preview,.empty-upload-state,.empty-results{border:1px solid var(--border);border-radius:var(--radius);background:#fbfdfc}.upload-preview{margin:0;position:relative;overflow:hidden}.upload-preview img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.upload-preview figcaption{gap:3px;padding:7px;display:grid}.remove-upload-button{z-index:1;color:#fff;background:#161c1ad1;border:1px solid #fffc;border-radius:999px;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 8px 18px #161c1a38}.remove-upload-button:hover{background:#161c1a}.upload-preview strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.upload-preview span{color:var(--muted);font-size:11px}.empty-upload-state{color:var(--muted);align-items:center;gap:8px;margin-top:10px;padding:10px;font-size:13px;display:flex}.empty-upload-state svg{color:var(--accent)}.empty-results{text-align:center;place-items:center;min-height:calc(100vh - 285px);padding:24px;display:grid}.generation-busy{border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:linear-gradient(#fbfdfc 0%,#eef8f5 100%);place-items:center;min-height:calc(100vh - 285px);padding:24px;display:grid}.empty-results svg{color:var(--accent)}.empty-results h3,.generation-busy h3{margin:12px 0 6px;font-size:19px}.empty-results p,.generation-busy p{max-width:390px;color:var(--muted);margin:0;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.site-header{padding:0 20px}.nav-links{display:none}.hero,.auth-gate,.dashboard-grid,.mode-section,.mode-section.reverse{grid-template-columns:1fr}.mode-section.reverse .mode-copy{order:0}.hero{padding-top:36px}.hero-copy h1{max-width:760px}.pricing-grid,.seo-grid,.use-case-grid,.faq-list{grid-template-columns:1fr}.upload-panel,.result-panel{max-height:none;overflow:visible}.upload-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.page-shell,.dashboard-shell{width:min(100% - 28px,1180px)}.site-header{min-height:66px}.brand{font-size:15px}.brand-mark{width:30px;height:30px}.brand-mark img{width:21px;height:23px}.header-actions .secondary-button{display:none}.header-actions .primary-button{min-height:36px;padding:0 12px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:17px}.hero-actions,.auth-actions,.section-heading,.dashboard-hero,.panel-heading{flex-direction:column;align-items:stretch}.comparison-card,.comparison-card img,.compact-comparison,.compact-comparison img{min-height:280px}.auth-card h1{font-size:34px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-option{grid-column:span 2}.generated-grid{grid-template-columns:1fr}.upload-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-toggle,.credit-pack-list{grid-template-columns:1fr}}