*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #00d1b2;--primary-strong: #00b497;--secondary: #ff8a00;--secondary-soft: #fff0dc;--text: #131525;--text-muted: #5f657d;--bg: #fff8ee;--bg-soft: #fff2de;--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--border: rgba(19, 21, 37, .09);--shadow: 0 20px 50px rgba(19, 21, 37, .08);--header-bg: rgba(255, 248, 238, .82);--input-bg: rgba(255, 255, 255, .96);--hero-ring: rgba(0, 209, 178, .16);--accent-panel: linear-gradient(135deg, rgba(0, 209, 178, .12), rgba(255, 138, 0, .14))}[data-theme=dark]{--primary: #57f0d2;--primary-strong: #12d7b6;--secondary: #ffb347;--secondary-soft: rgba(255, 179, 71, .12);--text: #f8f3eb;--text-muted: #a7abc0;--bg: #0f1020;--bg-soft: #15172d;--surface: rgba(21, 23, 45, .82);--surface-strong: #17192f;--border: rgba(255, 255, 255, .08);--shadow: 0 24px 64px rgba(0, 0, 0, .32);--header-bg: rgba(15, 16, 32, .82);--input-bg: rgba(23, 25, 47, .98);--hero-ring: rgba(87, 240, 210, .18);--accent-panel: linear-gradient(135deg, rgba(87, 240, 210, .14), rgba(255, 179, 71, .12))}html{scroll-behavior:smooth}body{min-width:320px;font-family:Manrope,sans-serif;background:radial-gradient(circle at top right,rgba(0,209,178,.08),transparent 28%),radial-gradient(circle at bottom left,rgba(255,138,0,.1),transparent 34%),var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}textarea{resize:vertical}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.section-shell{padding:84px 0}.section-head{max-width:700px;margin-bottom:32px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);color:var(--text-muted);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--secondary);box-shadow:0 0 0 6px #ff8a001f}.panel{background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-title,h1,h2,h3{font-family:Space Grotesk,sans-serif;letter-spacing:-.03em}h1{font-size:clamp(2.8rem,7vw,5.2rem);line-height:.95}h2{font-size:clamp(2rem,4vw,3rem);line-height:1.02}h3{font-size:1.2rem;line-height:1.15}p{color:var(--text-muted)}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.cta-row{display:flex;flex-wrap:wrap;gap:14px}.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:16px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#101321;box-shadow:0 18px 40px #00d1b22e}.btn-secondary{background:var(--surface-strong);border:1px solid var(--border);color:var(--text)}.btn-ghost{background:transparent;border:1px dashed var(--border);color:var(--text-muted)}.btn-primary:hover,.btn-secondary:hover,.btn-ghost:hover{transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chip-row,.stats-grid,.card-grid,.split-grid,.blog-grid,.tool-grid,.faq-grid,.article-callouts{display:grid;gap:18px}.chip-row{grid-template-columns:repeat(auto-fit,minmax(150px,max-content))}.chip{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);color:var(--text);font-weight:700;font-size:14px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.info-card,.use-case-card,.faq-card,.blog-card,.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.stat-card{padding:20px}.stat-card strong{display:block;margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:1.75rem;color:var(--text)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.info-card,.use-case-card,.faq-card,.blog-card,.tool-card{padding:24px}.info-card p,.use-case-card p,.faq-card p,.blog-card p,.tool-card p{font-size:15px}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:18px;background:var(--accent-panel);color:var(--text)}.surface-hero{padding:84px 0 56px}.hero-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,470px);gap:28px;align-items:center}.hero-copy{display:flex;flex-direction:column;gap:20px}.hero-copy p{max-width:640px;font-size:1.08rem}.hero-note{display:flex;flex-wrap:wrap;gap:12px;font-size:14px}.hero-note span{padding:10px 14px;border-radius:14px;background:var(--surface-strong);border:1px solid var(--border);font-weight:700;color:var(--text)}.hero-preview{position:relative;padding:22px;overflow:hidden}.hero-preview:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:28px;border:1px solid var(--hero-ring)}.thumbnail-stack{position:relative;min-height:430px}.thumb-card{position:absolute;inset-inline:0;max-width:360px;padding:18px;border-radius:26px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px #0000002e}.thumb-card.is-top{top:16px;right:18px;background:linear-gradient(135deg,#fff4d6,#fff);color:#111320;transform:rotate(-4deg)}.thumb-card.is-bottom{left:0;bottom:0;background:linear-gradient(135deg,#15162d,#202449);color:#f7f3eb;transform:rotate(5deg)}.thumb-canvas{height:190px;border-radius:20px;padding:18px;display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden}.thumb-canvas.warm{background:linear-gradient(135deg,#ff9f43,#ffd071 55%,#fff4d6)}.thumb-canvas.dark{background:linear-gradient(135deg,#00b497,#182045 70%)}.thumb-blob{width:96px;height:120px;border-radius:28px;background:#ffffffd6}.thumb-blob.dark{background:#fff4d6e6}.thumb-hook{max-width:170px;font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:700;line-height:.95}.thumb-badge{display:inline-flex;margin-top:14px;padding:8px 12px;border-radius:999px;background:#11132014;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.thumb-card.is-bottom .thumb-badge{background:#ffffff1f}.tool-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:start}.tool-form{display:grid;gap:16px}.tool-field{display:grid;gap:8px}.tool-field label{font-size:14px;font-weight:800;color:var(--text)}.tool-field input,.tool-field select,.tool-field textarea{width:100%;min-height:52px;border-radius:16px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:14px 16px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.tool-field textarea{min-height:110px}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:#00d1b299;box-shadow:0 0 0 4px #00d1b21f}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.tool-status-card{display:grid;gap:16px;padding:20px;border-radius:22px;border:1px solid var(--border);background:linear-gradient(135deg,#00d1b214,#ff8a001a);margin-bottom:18px}.tool-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.provider-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;background:#101321db;color:#fff8ee;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tool-note{font-size:13px;line-height:1.7}.tool-banner{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:18px;border:1px solid var(--border);background:var(--surface)}.tool-banner.is-error{border-color:#b9414138;background:#b9414114}.tool-banner.is-warning{border-color:#f4b84b57;background:#f4b84b1f}.tool-banner.is-success{border-color:#00d1b23d;background:#00d1b21a}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preset-card{display:grid;gap:8px;min-height:152px;padding:16px;text-align:left;border-radius:18px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.preset-card:hover{transform:translateY(-1px);border-color:#00d1b242}.preset-card.is-active{border-color:#00d1b27a;background:linear-gradient(135deg,#00d1b21f,#ff8a0014);box-shadow:0 18px 36px #00d1b21f}.preset-card small{color:var(--text-muted);font-size:12px;line-height:1.45}.preset-card p{font-size:14px;line-height:1.55}.tool-result-grid{display:grid;gap:18px}.tool-result-card{padding:22px;border-radius:24px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.mini-preview{display:grid;gap:14px;margin-bottom:18px}.mini-preview-canvas{min-height:160px;padding:18px;border-radius:20px;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden}.mini-preview-canvas.is-rendered{min-height:220px}.mini-preview-canvas.is-composited{align-items:flex-start;justify-content:flex-start;box-shadow:inset 0 0 0 1px #ffffff14}.mini-preview-canvas h4{max-width:190px;font-size:1.55rem;line-height:.98}.mini-preview-inner{display:flex;flex:1;min-height:100%;flex-direction:column;justify-content:space-between;gap:18px}.mini-preview-status{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;min-height:32px;padding:0 12px;border-radius:999px;background:#10132185;color:#fff8ee;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mini-preview-copy{display:grid;gap:12px;max-width:240px}.mini-preview-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#1113201f;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mini-preview-subject{width:86px;height:110px;border-radius:24px;background:#ffffffb3;border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 0 0 1px #1013210a}.meta-list{display:grid;gap:10px}.meta-row{display:grid;gap:4px}.meta-row strong{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--secondary-soft);color:var(--text);font-size:13px;font-weight:800}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;color:var(--text);font-weight:800}.faq-answer{margin-top:14px;color:var(--text-muted);font-size:15px;line-height:1.75}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card{display:flex;flex-direction:column;gap:16px}.blog-card:hover{transform:translateY(-2px)}.blog-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-muted)}.blog-tag{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:var(--accent-panel);font-size:12px;font-weight:800;color:var(--text);text-transform:uppercase;letter-spacing:.06em}.article-shell{padding:52px 0 92px}.article{max-width:780px;margin:0 auto}.article header{margin-bottom:34px}.article header p{font-size:1.04rem}.article-body{display:grid;gap:22px}.article-body h2{font-size:clamp(1.55rem,4vw,2.05rem);margin-top:14px}.article-body h3{font-size:1.15rem}.article-body ul,.article-body ol{display:grid;gap:10px;padding-left:24px;color:var(--text-muted)}.article-body li strong{color:var(--text)}.article-callouts{grid-template-columns:repeat(2,minmax(0,1fr))}.article-callout{padding:18px 20px;border-radius:18px;border:1px solid var(--border);background:var(--surface)}.inline-table{width:100%;border-collapse:collapse;border-radius:20px;overflow:hidden;border:1px solid var(--border)}.inline-table th,.inline-table td{padding:14px 16px;text-align:left;font-size:14px}.inline-table th{background:linear-gradient(135deg,#00d1b229,#ff8a002e);color:var(--text);font-weight:800}.inline-table tr:nth-child(2n) td{background:#ffffff59}[data-theme=dark] .inline-table tr:nth-child(2n) td{background:#ffffff05}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--text-muted);font-weight:800}.footer-shell{padding:48px 0 30px}.footer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.8fr));gap:24px}.footer-links{display:grid;gap:10px}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;margin-top:28px;border-top:1px solid var(--border);color:var(--text-muted);font-size:14px}.platform-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.platform-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;border-radius:22px;border:2px solid var(--border);background:var(--surface-strong);color:var(--text);text-align:center;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.platform-card:hover{transform:translateY(-2px);border-color:#00d1b24d}.platform-card.is-active{border-color:var(--primary);background:linear-gradient(135deg,#00d1b224,#ff8a001a);box-shadow:0 0 0 4px #00d1b224}.platform-icon{font-size:1.6rem;line-height:1}.platform-card strong{font-size:14px;font-weight:800;font-family:Space Grotesk,sans-serif}.platform-card small{font-size:11px;color:var(--text-muted);font-weight:600}.render-status-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;background:var(--accent-panel);border:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text);margin-bottom:18px}.render-status-dot{width:8px;height:8px;border-radius:999px;background:var(--text-muted);flex-shrink:0}.render-status-dot[data-ready=true]{background:#00c787;box-shadow:0 0 0 4px #00c78733}.render-status-pill{margin-left:auto;padding:4px 10px;border-radius:999px;background:#101321db;color:#fff8ee;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.chip-selector{display:flex;flex-wrap:wrap;gap:8px}.selector-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface-strong);color:var(--text);font-size:14px;font-weight:700;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.selector-chip:hover{border-color:#00d1b24d}.selector-chip.is-active{border-color:var(--primary);background:linear-gradient(135deg,#00d1b229,#ff8a001a);box-shadow:0 0 0 3px #00d1b224}.preset-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.preset-scroll::-webkit-scrollbar{height:4px}.preset-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.preset-chip{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:88px;padding:12px 14px;border-radius:18px;border:1.5px solid var(--border);background:var(--surface-strong);color:var(--text);text-align:center;cursor:pointer;flex-shrink:0;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.preset-chip:hover{border-color:#00d1b24d}.preset-chip.is-active{border-color:var(--primary);background:linear-gradient(135deg,#00d1b229,#ff8a001a);box-shadow:0 0 0 3px #00d1b224}.preset-chip-label{font-size:14px;font-weight:800;font-family:Space Grotesk,sans-serif}.preset-chip small{font-size:11px;color:var(--text-muted);font-weight:600;line-height:1.3}.advanced-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 0;color:var(--text-muted);font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;background:none;border:none;transition:color .14s ease}.advanced-toggle:hover{color:var(--text)}.advanced-panel{display:grid;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--border);background:var(--surface)}.color-row{display:flex;align-items:center;gap:12px}.color-swatch{width:52px!important;min-height:52px!important;padding:4px!important;border-radius:14px!important;cursor:pointer}.color-hex{font-size:14px;font-weight:700;color:var(--text-muted);font-family:monospace}.btn-render{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:16px;font-weight:800;background:linear-gradient(135deg,#7c3aed,#00d1b2);color:#fff;border:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;box-shadow:0 18px 40px #7c3aed38}.btn-render:hover{transform:translateY(-1px);box-shadow:0 22px 48px #7c3aed4d}.btn-render:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}.btn-full{width:100%}.thumb-preview{position:relative;min-height:200px;border-radius:20px;overflow:hidden;margin-bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;padding:16px;background:var(--bg-soft);border:1px solid var(--border)}.thumb-preview.is-portrait{min-height:280px}.thumb-preview.is-rendered{min-height:240px;background-size:cover!important;background-position:center!important;align-items:flex-start;justify-content:flex-start}.thumb-preview-inner{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:168px;gap:16px}.thumb-preview-status-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#00c787eb;color:#101321;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.thumb-preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0f102099;color:#fff;font-size:13px;font-weight:700;border-radius:20px}.result-labels{display:grid;gap:6px;margin-bottom:12px}.result-label-row{display:flex;align-items:baseline;gap:8px}.result-label-key{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);min-width:44px}.result-label-val{font-size:14px;font-weight:700;color:var(--text)}.ctr-tip{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:var(--accent-panel);border:1px solid var(--border);margin-bottom:12px}.ctr-tip-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-strong)}.ctr-tip p{font-size:13px;line-height:1.55}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}@media (max-width: 1040px){.hero-shell,.tool-shell,.split-grid,.footer-grid,.card-grid,.faq-grid,.blog-grid,.article-callouts{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumbnail-stack{min-height:360px}}@media (max-width: 720px){.section-shell,.surface-hero,.article-shell{padding:68px 0 72px}.container{width:min(100% - 24px,1160px)}.stats-grid,.tool-grid,.preset-grid,.chip-row{grid-template-columns:1fr}.thumb-card{position:relative;max-width:none;inset:auto;transform:none!important}.thumbnail-stack{display:grid;gap:18px;min-height:auto}.platform-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chip-selector{gap:6px}.selector-chip{font-size:13px;padding:7px 13px}.btn-full{width:100%}.thumb-preview{min-height:180px}.thumb-preview.is-portrait{min-height:240px}}.mode-toggle{display:flex;align-items:center;gap:6px;padding:6px;border-radius:20px;background:var(--surface);border:1px solid var(--border);width:-moz-fit-content;width:fit-content;margin-bottom:20px}.mode-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:14px;font-size:14px;font-weight:800;color:var(--text-muted);transition:all .18s ease;cursor:pointer;background:none;border:none;white-space:nowrap}.mode-toggle-btn:hover{color:var(--text)}.mode-toggle-btn.is-active{background:var(--surface-strong);color:var(--text);box-shadow:0 2px 12px #00000014}.step-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--primary);color:#101321;font-size:11px;font-weight:900;flex-shrink:0}.step-divider{height:1px;background:var(--border);margin:4px 0 12px}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:148px;padding:24px;border-radius:20px;border:2px dashed var(--border);background:var(--surface);cursor:pointer;transition:border-color .16s ease,background .16s ease;text-align:center}.upload-zone:hover,.upload-zone.is-dragging{border-color:var(--primary);background:#00d1b20f}.upload-zone-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:var(--accent-panel);color:var(--primary)}.upload-zone-text strong{display:block;font-size:15px;font-weight:800;color:var(--text);margin-bottom:4px}.upload-zone-text small{font-size:13px;color:var(--text-muted)}.upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-preview-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.upload-preview-item{position:relative;width:88px;height:66px;border-radius:12px;overflow:hidden;border:2px solid var(--border);flex-shrink:0;transition:border-color .14s ease}.upload-preview-item.is-best{border-color:var(--primary);box-shadow:0 0 0 3px #00d1b238}.upload-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.upload-best-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);white-space:nowrap;padding:2px 7px;border-radius:999px;background:var(--primary);color:#101321;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.upload-remove-btn{position:absolute;top:3px;right:3px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#080a12b8;color:#fff;font-size:11px;border:none;cursor:pointer;padding:0;line-height:1;transition:background .14s ease}.upload-remove-btn:hover{background:#b94141e0}.upload-info-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#00d1b21a;border:1px solid rgba(0,209,178,.2);font-size:13px;font-weight:700;color:var(--text);margin-top:4px}.thumb-img-wrap{position:relative;border-radius:16px;overflow:hidden;background:var(--bg-soft);border:1px solid var(--border);margin-bottom:14px}.thumb-img{width:100%;height:240px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:16px;animation:fadeIn .3s ease}.thumb-img.is-portrait{height:380px}@keyframes fadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.thumb-img-placeholder{height:240px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:16px}.thumb-img-placeholder.is-portrait{height:380px}.thumb-img-status-chip{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background:#00c787eb;color:#101321;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.thumb-generating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#080a129e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;color:#fff;font-size:14px;font-weight:700}.result-grid-2col{display:grid;grid-template-columns:1fr;gap:24px}.result-card-v2{padding:18px;border-radius:22px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:0}.result-card-v2:hover{border-color:#00d1b242;box-shadow:0 28px 64px #1315251f;transform:translateY(-2px);transition:all .2s ease}.result-card-footer{display:flex;flex-direction:column;gap:10px;padding-top:4px}.result-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.result-hook-text{font-size:15px;font-weight:800;color:var(--text);line-height:1.25;margin-bottom:2px}.result-badge-text{font-size:13px;color:var(--text-muted)}.result-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#101321;font-weight:800;font-size:14px;border:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 8px 24px #00d1b233}.result-download-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #00d1b247}.result-download-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.generate-cta{display:flex;flex-direction:column;gap:10px;margin-top:8px}.btn-generate{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:18px;font-weight:900;font-size:16px;background:linear-gradient(135deg,#7c3aed,#00d1b2);color:#fff;border:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;box-shadow:0 20px 48px #7c3aed42;width:100%}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 26px 56px #7c3aed57}.btn-generate:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.generate-hint{text-align:center;font-size:12px;color:var(--text-muted);font-weight:600}.creator-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.creator-style-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:2px solid var(--border);background:var(--surface-strong);color:var(--text);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .14s ease;overflow:hidden}.creator-style-card:hover{border-color:#00d1b25c;transform:translateY(-1px)}.creator-style-card.is-active{border-color:var(--primary);background:linear-gradient(135deg,#00d1b21a,#ff8a0012);box-shadow:0 0 0 3px #00d1b229}.creator-style-swatch{width:40px;height:40px;border-radius:12px;flex-shrink:0;box-shadow:0 4px 10px #00000026}.creator-style-info{display:flex;flex-direction:column;gap:3px;min-width:0}.creator-style-name{font-size:13px;font-weight:900;font-family:Space Grotesk,sans-serif;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-style-desc{font-size:11px;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.creator-style-check{position:absolute;top:8px;right:10px;font-size:11px;font-weight:900;color:var(--primary)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mqShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.thumb-marquee{width:100%;overflow:hidden;margin:0 auto 44px;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.thumb-marquee-track{display:flex;gap:16px;width:-moz-max-content;width:max-content;animation:marqueeScroll 28s linear infinite}.thumb-marquee-track:hover{animation-play-state:paused}.mq-card{width:260px;height:146px;border-radius:14px;overflow:hidden;flex-shrink:0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;box-shadow:0 8px 32px #00000059,0 2px 8px #0000002e}.mq-card-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);background-size:200% 100%;animation:mqShimmer 3.8s linear infinite;pointer-events:none}.mq-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase;width:-moz-fit-content;width:fit-content;margin-bottom:6px}.mq-hook{font-family:Space Grotesk,sans-serif;font-weight:900;font-size:15px;line-height:1.2;letter-spacing:-.3px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}.mq-bar{height:3px;border-radius:4px;margin-top:8px;width:40px;opacity:.75}@media (max-width: 640px){.mq-card{width:200px;height:113px}.mq-hook{font-size:12px}}.way-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 auto 48px;max-width:860px;padding:0 20px}.way-card{background:#1a1d27;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:28px 24px 24px;display:flex;flex-direction:column;gap:10px}.way-card--new{border-color:#8b5cf640;background:linear-gradient(145deg,#1a1d27 60%,#1e1535)}.way-label{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.4px}.way-desc{font-size:13.5px;color:#ffffff8c;line-height:1.55;margin:0 0 6px}.way-mockup{border-radius:14px;overflow:hidden;margin-top:4px}.way-mockup--editor{background:#12141e;border:1px solid rgba(255,255,255,.06)}.wm-editor-screen{display:flex;height:160px}.wm-editor-layers{width:90px;background:#1a1d28;border-right:1px solid rgba(255,255,255,.06);padding:12px 10px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.wm-layer{height:10px;border-radius:4px;opacity:.7}.wm-editor-canvas{flex:1;background:#0d0f18;position:relative;overflow:hidden}.wm-canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px}.wm-canvas-img{position:absolute;top:16px;left:16px;right:16px;height:88px;border-radius:8px;background:linear-gradient(135deg,#2a2d3e,#3a3f56);opacity:.7}.wm-canvas-text-block{position:absolute;bottom:14px;left:16px}.wm-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#14161f;border-top:1px solid rgba(255,255,255,.05)}.wm-tool-group{display:flex;gap:4px;background:#1e2130;border-radius:28px;padding:6px 10px}.wm-tool-btn{width:32px;height:32px;border-radius:50%;background:#252839;display:flex;align-items:center;justify-content:center;color:#fff9;flex-shrink:0}.wm-tool-btn--accent{background:#6c3ef4;color:#fff;border-radius:12px;width:36px;height:36px}@keyframes aiGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes particleDrift{0%{transform:translate(0) rotate(0);opacity:.9}to{transform:translate(var(--dx),var(--dy)) rotate(180deg);opacity:0}}.way-mockup--ai{background:#0d0f18;border:1px solid rgba(255,255,255,.06)}.wm-ai-thumb{height:160px;position:relative;overflow:hidden}.wm-ai-thumb-inner{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a0a35,#6c3ef4 45%,#e040fb 80%,#ff6b35)}.wm-ai-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at center,rgba(139,92,246,.5) 0%,transparent 65%);animation:aiGlow 3s ease-in-out infinite}.wm-ai-rays{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(from 0deg at 50% 60%,rgba(255,255,255,.06) 0deg 6deg,transparent 6deg 18deg)}.wm-ai-subject{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:90px;height:110px;background:linear-gradient(180deg,rgba(255,180,0,.9) 0%,rgba(255,80,0,.7) 60%,transparent 100%);border-radius:50% 50% 0 0/60% 60% 0 0;filter:blur(1px);opacity:.85}.wm-ai-particles{position:absolute;top:0;right:0;bottom:0;left:0}.wm-particle{position:absolute;width:8px;height:8px;border-radius:3px;animation:particleDrift 2.4s ease-out infinite}.wm-particle--1{top:30%;left:20%;background:gold;--dx: -15px;--dy: -25px;animation-delay:0s}.wm-particle--2{top:20%;left:70%;background:#ff6b35;--dx: 12px;--dy: -20px;animation-delay:.4s}.wm-particle--3{top:50%;left:80%;background:#6cf1ff;--dx: 18px;--dy: -15px;animation-delay:.8s}.wm-particle--4{top:60%;left:15%;background:#e040fb;--dx: -10px;--dy: -22px;animation-delay:1.2s}.wm-particle--5{top:15%;left:45%;background:#4ade80;--dx: 5px;--dy: -28px;animation-delay:1.6s}.wm-particle--6{top:40%;left:55%;background:gold;--dx: -8px;--dy: -18px;animation-delay:2s}.wm-ai-input{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#14161f;border-top:1px solid rgba(255,255,255,.06)}.wm-ai-input-text{flex:1;font-size:12.5px;color:#ffffffa6;font-family:Space Grotesk,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-ai-input-btn{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#6c3ef4,#e040fb);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}@media (max-width: 700px){.way-compare{grid-template-columns:1fr}}.stats-bar{display:flex;align-items:center;justify-content:center;gap:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px 32px;margin:0 auto 36px;max-width:680px;flex-wrap:wrap}.stats-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 28px}.stats-num{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.stats-label{font-size:11.5px;color:#ffffff73;font-weight:500;white-space:nowrap}.stats-divider{width:1px;height:36px;background:#ffffff1a;flex-shrink:0}@media (max-width: 600px){.stats-bar{gap:8px;padding:14px 16px}.stats-item{padding:0 14px}.stats-num{font-size:18px}.stats-divider{display:none}}.feat-section{padding:60px 0 80px;background:#0d0f1a;position:relative}.feat-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(108,62,244,.4),transparent)}.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:860px;margin:0 auto;padding:0 20px}.feat-card{background:#1a1d27;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:28px 24px 0;display:flex;flex-direction:column;gap:10px;overflow:hidden}.feat-card-text{display:flex;flex-direction:column;gap:8px}.feat-card-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:800;color:#fff;letter-spacing:-.3px}.feat-card-desc{font-size:13px;color:#ffffff80;line-height:1.55;margin:0 0 8px}.feat-mockup{border-radius:14px 14px 0 0;overflow:hidden;margin-top:auto;flex-shrink:0}.feat-mockup--swap{height:170px;background:#12141e;border:1px solid rgba(255,255,255,.06);border-bottom:none;position:relative}.fm-swap-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a0a00,#7c3a00 50%,#ff8c42);opacity:.75}.fm-swap-face--main{position:absolute;top:10px;left:16px;right:80px;bottom:10px;border-radius:12px;background:linear-gradient(160deg,#3a2010,#9a5528 60%,#e07840);opacity:.85}.fm-swap-face--circle{position:absolute;bottom:14px;right:14px;width:72px;height:72px;border-radius:50%;border:3px solid #6C3EF4;background:#0d0f18;overflow:hidden}.fm-swap-face-inner{width:100%;height:100%;border-radius:50%;background:linear-gradient(160deg,#c8a07a,#e8c9a0 50%,#b88050)}.feat-mockup--yt{background:#12141e;border:1px solid rgba(255,255,255,.06);border-bottom:none}.fm-yt-thumb{height:120px;position:relative;overflow:hidden}.fm-yt-thumb-inner{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0d1a35,#e040fb 50%,#ffce00)}.fm-yt-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at 60% 50%,rgba(255,80,200,.5) 0%,transparent 60%)}.fm-yt-rays{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(from 0deg at 60% 60%,rgba(255,255,255,.05) 0deg 8deg,transparent 8deg 20deg)}.fm-yt-subject{position:absolute;bottom:0;right:20%;width:70px;height:90px;background:linear-gradient(180deg,rgba(0,200,255,.9) 0%,rgba(0,100,255,.6) 60%,transparent 100%);border-radius:50% 50% 0 0/60% 60% 0 0;filter:blur(1px);opacity:.9}.fm-yt-input{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#14161f;border-top:1px solid rgba(255,255,255,.06)}.fm-yt-url{flex:1;font-size:12px;color:#ffffff73;font-family:monospace}.fm-yt-btn{width:28px;height:28px;border-radius:50%;background:#1e2130;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff9;flex-shrink:0}.feat-mockup--chat{background:#12141e;border:1px solid rgba(255,255,255,.06);border-bottom:none}.fm-chat-img{height:120px;position:relative;overflow:hidden}.fm-chat-img-inner{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0d2a10,#14a044 45%,#7ed86a 80%,#c8f5a0)}.fm-chat-input{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#14161f;border-top:1px solid rgba(255,255,255,.06)}.fm-chat-text{flex:1;font-size:12.5px;color:#fff9;font-family:Space Grotesk,sans-serif}.fm-chat-btn{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6c3ef4,#e040fb);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.feat-mockup--edit{height:170px;background:#12141e;border:1px solid rgba(255,255,255,.06);border-bottom:none;padding:14px}.fm-edit-grid{position:relative;height:100%}.fm-edit-img{border-radius:10px;position:absolute;overflow:hidden}.fm-edit-img--main{top:0;left:0;right:80px;bottom:0;background:linear-gradient(135deg,#0d1a2a,#1a3a5a 50%,#4080c0);border:2px solid #6C3EF4}.fm-edit-img--br1{top:0;right:0;width:72px;height:72px;background:linear-gradient(135deg,#1a1000,#8a5500 60%,#d4880a)}.fm-edit-img--br2{bottom:0;right:0;width:72px;height:72px;background:linear-gradient(135deg,#1a0010,#8a0050 60%,#e040a0)}@media (max-width: 700px){.feat-grid{grid-template-columns:1fr}}.hiw-section{margin:60px auto 0;max-width:860px;padding:0 20px}.hiw-head{text-align:center;margin-bottom:32px}.hiw-title{font-family:Space Grotesk,sans-serif;font-size:clamp(26px,4vw,38px);font-weight:900;color:#fff;letter-spacing:-.8px;line-height:1.15;margin:0 0 10px}.hiw-title span{color:#ffffff8c}.hiw-sub{font-size:14px;color:#ffffff73;margin:0}.hiw-steps{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.hiw-step{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:140px;text-align:center}.hiw-step-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;font-family:Space Grotesk,sans-serif;flex-shrink:0}.hiw-step-dot--active{background:#6c3ef4;color:#fff}.hiw-step-dot--mid{background:#3e8bff;color:#fff}.hiw-step-dot--done{background:#4ade80;color:#042010}.hiw-step-label{font-size:13px;color:#fff9;line-height:1.4}.hiw-step-arrow{font-size:20px;color:#fff3;flex-shrink:0;margin-bottom:24px}.hiw-mockup{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0d0f18}.hiw-mockup-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#14161f;border-bottom:1px solid rgba(255,255,255,.06)}.hiw-mockup-dots{display:flex;gap:6px;flex-shrink:0}.hiw-mockup-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff26;display:block}.hiw-mockup-tab{font-size:11.5px;color:#ffffff59;padding:4px 12px;border-radius:6px;cursor:default}.hiw-mockup-tab--active{background:#6c3ef433;color:#a78bfa;border:1px solid rgba(108,62,244,.3)}.hiw-mockup-body{display:flex;height:240px}.hiw-mockup-sidebar{width:80px;background:#12141e;border-right:1px solid rgba(255,255,255,.05);padding:16px 10px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.hiw-sidebar-item{height:8px;border-radius:4px;background:#252839;width:80%}.hiw-sidebar-item--active{background:#6c3ef480;width:100%;height:10px}.hiw-mockup-main{flex:1;display:flex;flex-direction:column;padding:20px;gap:16px;overflow:hidden}.hiw-mockup-prompt{display:flex;align-items:center;gap:10px;background:#1a1d2a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px}.hiw-mockup-prompt span{flex:1;font-size:12px;color:#ffffff4d}.hiw-prompt-btn{background:linear-gradient(135deg,#6c3ef4,#e040fb);color:#fff;font-size:11px;font-weight:700;padding:5px 12px;border-radius:6px;white-space:nowrap}.hiw-mockup-result{flex:1;border-radius:10px;overflow:hidden}.hiw-result-thumb{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#1a0a35,#6c3ef4 45%,#e040fb 80%,#ff6b35)}.hiw-result-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at center,rgba(139,92,246,.45) 0%,transparent 65%)}.hiw-result-rays{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(from 0deg at 50% 60%,rgba(255,255,255,.04) 0deg 6deg,transparent 6deg 18deg)}.hiw-result-subject{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:80px;background:linear-gradient(180deg,rgba(255,180,0,.9) 0%,rgba(255,80,0,.6) 60%,transparent 100%);border-radius:50% 50% 0 0/60% 60% 0 0;filter:blur(1px)}@media (max-width: 640px){.hiw-mockup-bar{gap:8px;padding:10px 12px}.hiw-mockup-tab:not(.hiw-mockup-tab--active){display:none}.hiw-mockup-body{height:180px}.hiw-mockup-sidebar{width:56px}.hiw-step-arrow{display:none}.hiw-steps{gap:20px}}.social-proof{display:flex;align-items:center;justify-content:center;gap:20px;margin:48px auto 0;padding:20px 32px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;max-width:680px;flex-wrap:wrap}.sp-badge{display:flex;align-items:center;gap:7px;font-size:13px;color:#ffffffb3;font-weight:500}.sp-divider{width:1px;height:24px;background:#ffffff1a}.sp-avatars{display:flex;align-items:center;gap:0}.sp-avatar{width:28px;height:28px;border-radius:50%;border:2px solid #0d0f18;flex-shrink:0}.sp-avatar-label{margin-left:12px;font-size:13px;color:#ffffff8c;font-weight:500;white-space:nowrap}@media (max-width: 600px){.social-proof{gap:12px;padding:16px}.sp-divider{display:none}}#tool .stats-bar,.feat-section{display:none}.section-head-center{text-align:center;margin-left:auto;margin-right:auto}.hero-immersive{position:relative;overflow:hidden;padding:96px 0 72px;background:radial-gradient(circle at top center,rgba(0,209,178,.22),transparent 28%),radial-gradient(circle at 85% 30%,rgba(62,139,255,.18),transparent 24%),radial-gradient(circle at 15% 70%,rgba(255,138,0,.16),transparent 26%),linear-gradient(180deg,#081018,#0b1420)}.hero-immersive:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 90%);pointer-events:none}.hero-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:36px;align-items:center}.hero-copy-block{display:flex;flex-direction:column;gap:20px}.hero-chip-row{display:flex;flex-wrap:wrap;gap:10px}.hero-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff8efc7;font-size:13px;font-weight:800;letter-spacing:.04em}.eyebrow-invert{background:#ffffff0f;border-color:#ffffff1a;color:#fff8efb8}.eyebrow-invert:before{background:#57f0d2;box-shadow:0 0 0 6px #57f0d22e}.hero-display{max-width:12ch;color:#fff8ef}.hero-lead{max-width:640px;color:#fff8efc2;font-size:1.08rem}.hero-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff8ef;font-weight:800;transition:transform .16s ease,border-color .16s ease,background .16s ease}.hero-secondary-btn:hover{transform:translateY(-1px);border-color:#fff3;background:#ffffff14}.hero-proof-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-proof-card{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 16px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff8efd6;font-weight:700}.hero-proof-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:#57f0d21f;color:#57f0d2;flex-shrink:0}.hero-scene-shell{position:relative;display:flex;flex-direction:column;gap:18px;min-height:540px;padding:22px;border-radius:32px;border:1px solid rgba(87,240,210,.16);background:radial-gradient(circle at top right,rgba(87,240,210,.12),transparent 26%),linear-gradient(180deg,#0b1420f0,#0e1724fa);box-shadow:0 32px 100px #00000061}.hero-scene-shell:before{content:"";position:absolute;inset:24px 32px auto;height:220px;border-radius:999px;background:#00d1b22e;filter:blur(80px);pointer-events:none}.hero-command-bar{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.hero-command-label{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#57f0d21f;color:#57f0d2;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-command-text{flex:1;color:#fff8efc7;font-size:14px}.hero-scene-grid{position:relative;z-index:1;flex:1;min-height:420px}.hero-preview-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;gap:18px;width:min(100%,280px);min-height:220px;padding:18px;border-radius:28px;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px #00000042;overflow:hidden}.hero-preview-card:after{content:"";position:absolute;inset:auto -20% -35% auto;width:160px;height:160px;border-radius:999px;background:#ffffff2e;filter:blur(28px)}.hero-preview-card--1{top:8px;left:0;transform:rotate(-4deg)}.hero-preview-card--2{top:74px;right:6px;transform:rotate(3deg)}.hero-preview-card--3{bottom:8px;left:52px;transform:rotate(-2deg)}.hero-preview-topline{position:relative;z-index:1;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.84}.hero-preview-hook{position:relative;z-index:1;max-width:9ch;font-family:Space Grotesk,sans-serif;font-size:clamp(1.7rem,4vw,2.4rem);line-height:.95;letter-spacing:-.04em}.hero-preview-bottom{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.hero-preview-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-preview-subject{width:92px;height:112px;border-radius:28px;background:#ffffffc7;border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 0 0 1px #1113200f;flex-shrink:0}.comparison-layout{display:grid;gap:28px}.comparison-head{max-width:760px}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.comparison-card{display:grid;gap:18px;padding:28px;border-radius:28px;color:#fff8ef;box-shadow:0 24px 72px #0003}.comparison-card h3{font-size:clamp(1.4rem,3vw,1.8rem)}.comparison-card--problem{background:linear-gradient(145deg,#151824,#25141a);border:1px solid rgba(255,107,107,.16)}.comparison-card--solution{background:linear-gradient(145deg,#0f1c25,#132b34);border:1px solid rgba(87,240,210,.16)}.comparison-kicker{display:inline-flex;width:-moz-fit-content;width:fit-content;min-height:30px;padding:0 12px;border-radius:999px;background:#ffffff12;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.comparison-list{display:grid;gap:16px}.comparison-item{display:flex;align-items:flex-start;gap:12px}.comparison-item strong{display:block;margin-bottom:4px;color:#fff8ef}.comparison-item p{color:#fff8efb8}.comparison-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:14px;flex-shrink:0}.comparison-icon--problem{background:#ff6b6b1f;color:#ff8f8f}.comparison-icon--solution{background:#57f0d21f;color:#57f0d2}.showcase-section{background:radial-gradient(circle at top left,rgba(0,209,178,.1),transparent 28%),linear-gradient(180deg,rgba(255,242,222,.72),transparent 85%)}.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.showcase-card{display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.showcase-preview{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:230px;padding:18px;overflow:hidden}.showcase-preview:after{content:"";position:absolute;inset:auto -20% -30% auto;width:140px;height:140px;border-radius:999px;background:#ffffff2e;filter:blur(24px)}.showcase-preview-meta{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.showcase-label{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:#ffffff24;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.showcase-badge{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.showcase-hook{position:relative;z-index:1;max-width:9ch;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3vw,2rem);line-height:.95;letter-spacing:-.04em}.showcase-subject-row{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.showcase-subject{width:84px;height:112px;border-radius:26px;background:#ffffffc2;border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 0 0 1px #1113200f}.showcase-glow{width:110px;height:110px;border-radius:999px;background:#ffffff29;filter:blur(16px)}.showcase-body{display:grid;gap:12px;padding:22px}.showcase-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--text)}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workflow-card{display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:28px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.workflow-card--featured{background:linear-gradient(135deg,#00d1b224,#ff8a001a);border-color:#00d1b238}.workflow-kicker{display:inline-flex;width:-moz-fit-content;width:fit-content;min-height:30px;align-items:center;padding:0 12px;border-radius:999px;background:#11132014;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.workflow-price{color:var(--text);font-weight:700}.workflow-list{display:grid;gap:12px}.workflow-item{display:flex;align-items:flex-start;gap:10px;color:var(--text-muted)}.workflow-item svg{color:var(--primary);margin-top:4px;flex-shrink:0}.final-cta-shell{position:relative;overflow:hidden;display:grid;gap:18px;padding:42px;border-radius:32px;text-align:center;background:radial-gradient(circle at top center,rgba(0,209,178,.2),transparent 28%),linear-gradient(135deg,#0a111a,#101829 65%,#10202d);border:1px solid rgba(87,240,210,.16);box-shadow:0 28px 80px #00000047}.final-cta-shell:before{content:"";position:absolute;inset:auto 12% -30% 12%;height:180px;border-radius:999px;background:#00d1b22e;filter:blur(72px)}.final-cta-shell>*{position:relative;z-index:1}.final-cta-shell h2{color:#fff8ef}.final-cta-shell p{max-width:680px;margin:0 auto;color:#fff8efbd}.final-cta-shell .cta-row{justify-content:center}@media (max-width: 1080px){.hero-stage{grid-template-columns:1fr}.hero-display{max-width:14ch}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.comparison-grid,.workflow-grid{grid-template-columns:1fr}}@media (max-width: 720px){.hero-proof-row{grid-template-columns:1fr}.hero-scene-shell{min-height:auto}.hero-scene-grid{display:grid;min-height:auto;gap:14px}.hero-preview-card{position:relative;width:100%;min-height:200px;inset:auto;transform:none}.hero-preview-card--1,.hero-preview-card--2,.hero-preview-card--3{top:auto;right:auto;bottom:auto;left:auto;transform:none}.showcase-grid{grid-template-columns:1fr}}@media (max-width: 640px){.hero-immersive{padding:76px 0 56px}.hero-command-bar{align-items:flex-start}.hero-command-text{width:100%}.hero-chip{font-size:12px}.final-cta-shell,.comparison-card,.workflow-card{padding:24px}}