img{max-width:100%;display:block}.hero{padding:100px 0 80px;text-align:center}.hero-badge{display:inline-block;font-size:13px;font-weight:600;background:#dbeafe;color:#2563eb;padding:6px 16px;border-radius:100px;margin-bottom:24px;letter-spacing:.02em}.hero-title{font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:20px}.accent{color:#3b82f6}.hero-subtitle{font-size:18px;color:#71717a;max-width:540px;margin:0 auto 36px;line-height:1.7}.hero-actions{display:flex;gap:12px;justify-content:center}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;padding:14px 32px;border-radius:12px;font-weight:600;font-size:15px;transition:all .2s;box-shadow:0 1px 3px #3b82f64d}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#18181b;padding:14px 32px;border-radius:12px;font-weight:600;font-size:15px;border:1px solid #e4e4e7;transition:all .2s}.btn-secondary:hover{border-color:#d4d4d8;background:#fafafa}.btn-large{padding:18px 40px;font-size:16px;border-radius:14px}.section-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#3b82f6;margin-bottom:8px}.section-title{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:48px}.features{padding:80px 0 100px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:16px}.bento-card{background:#fff;border-radius:20px;padding:28px;display:flex;flex-direction:column;border:1px solid #f0f0f2;box-shadow:0 1px 3px #0000000a,0 8px 24px #00000005;overflow:hidden;transition:box-shadow .3s,transform .3s}.bento-card:hover{box-shadow:0 4px 12px #0000000f,0 12px 32px #0000000f;transform:translateY(-3px)}.bento-wide{grid-column:span 2}.open-mockup{width:100%}.open-file{display:flex;align-items:center;gap:12px;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:12px;padding:14px 18px}.open-filename{font-size:14px;font-weight:600;color:#18181b}.open-size{font-size:12px;color:#a1a1aa;margin-left:auto}.bento-card-content{margin-bottom:20px}.bento-label{font-size:15px;font-weight:700;margin-bottom:6px}.bento-desc{font-size:14px;color:#71717a;line-height:1.6}.bento-visual{flex:1;display:flex;align-items:center;justify-content:center}.editor-mockup{flex-direction:column;align-items:stretch}.editor-chrome{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#27272a;border-radius:10px 10px 0 0}.editor-dots{display:flex;gap:6px}.editor-dots span{width:10px;height:10px;border-radius:50%}.editor-dots span:nth-child(1){background:#ef4444}.editor-dots span:nth-child(2){background:#eab308}.editor-dots span:nth-child(3){background:#22c55e}.editor-filename{font-size:12px;color:#a1a1aa;font-family:Inter,monospace}.editor-body{background:#18181b;padding:16px;border-radius:0 0 10px 10px;font-family:Courier New,monospace;font-size:13px;line-height:1.8;color:#e4e4e7}.code-line{white-space:nowrap}.code-line.indent{padding-left:20px}.code-line.indent2{padding-left:40px}.code-key{color:#93c5fd}.code-colon{color:#a1a1aa}.code-dash{color:#fbbf24}.preview-mockup{flex-direction:column;align-items:stretch;position:relative}.preview-page{background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;padding:20px;width:100%}.preview-header-block{display:flex;align-items:center;gap:12px;margin-bottom:16px}.preview-avatar{width:36px;height:36px;border-radius:50%;background:#dbeafe;flex-shrink:0}.preview-name{height:10px;width:80px;background:#18181b;border-radius:4px;margin-bottom:6px}.preview-role{height:8px;width:120px;background:#d4d4d8;border-radius:4px}.preview-section-title{height:8px;width:60px;background:#3b82f6;border-radius:4px;margin-bottom:10px}.preview-section-title.short{width:40px}.preview-line{height:6px;background:#e4e4e7;border-radius:3px;margin-bottom:6px}.preview-line.full{width:100%}.preview-line.w80{width:80%}.preview-line.w60{width:60%}.preview-spacer{height:12px}.preview-chips{display:flex;gap:6px}.preview-chips span{width:40px;height:16px;background:#dbeafe;border-radius:8px}.preview-pulse{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;color:#22c55e;letter-spacing:.05em;display:flex;align-items:center;gap:4px}.preview-pulse:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.themes-mockup{width:100%}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.theme-swatch{aspect-ratio:1;border-radius:12px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;transition:transform .2s}.theme-swatch span{font-size:10px;font-weight:600;color:#ffffffb3}.theme-swatch:hover{transform:scale(1.06)}.pdf-mockup,.pdf-icon{position:relative}.pdf-badge{position:absolute;bottom:-4px;right:-8px;font-size:10px;font-weight:700;background:#ef4444;color:#fff;padding:2px 6px;border-radius:4px}.url-bar{display:flex;align-items:center;gap:8px;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:10px;padding:10px 16px;font-size:13px;color:#71717a;width:100%}.url-lock{color:#22c55e;display:flex}.url-bar strong{color:#18181b}.git-diff{background:#18181b;border-radius:10px;padding:14px;width:100%;font-family:Courier New,monospace;font-size:12px;line-height:1.9}.diff-line{white-space:nowrap}.diff-add{color:#4ade80}.diff-remove{color:#f87171}.diff-context{color:#71717a}.how-it-works{padding:80px 0 100px}.steps-row{display:flex;align-items:center;gap:16px}.step-card{flex:1;background:#fff;border-radius:20px;padding:36px 28px;border:1px solid #f0f0f2;box-shadow:0 1px 3px #0000000a,0 8px 24px #00000005;transition:box-shadow .3s,transform .3s}.step-card:hover{box-shadow:0 4px 12px #0000000f,0 12px 32px #0000000f;transform:translateY(-3px)}.step-number{width:40px;height:40px;border-radius:12px;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;margin-bottom:20px}.step-card h4{font-size:18px;font-weight:700;margin-bottom:8px}.step-card p{font-size:14px;color:#71717a;line-height:1.7}.step-arrow{flex-shrink:0;display:flex;align-items:center}.showcase{padding:80px 0 100px}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.showcase-card{border-radius:16px;padding:0;position:relative;overflow:hidden;transition:transform .3s;border:1px solid #e4e4e7;min-height:240px}.showcase-card:hover{box-shadow:0 4px 12px #0000000f,0 12px 32px #0000000f;transform:translateY(-3px)}.sc-accent-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.showcase-card .sc-header{padding:24px 24px 0}.showcase-card .sc-body{padding:0 24px 24px}.sc-name{font-size:16px;font-weight:700}.sc-role{font-size:12px;margin-top:2px}.sc-section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:16px 0 8px}.sc-item{font-size:13px;line-height:1.6}.sc-tags{display:flex;gap:6px;margin-top:8px}.sc-tags span{font-size:10px;padding:2px 8px;border-radius:100px;font-weight:500}.sc-theme-label{position:absolute;bottom:10px;right:14px;font-size:10px;font-weight:600;opacity:.35;font-family:Courier New,monospace}.sc-modern-navy,.sc-modern-slate{display:flex;padding:0}.sc-sidebar{width:35%;padding:24px 16px;display:flex;flex-direction:column;justify-content:center}.sc-sidebar-name{font-size:16px;font-weight:700;color:#fff}.sc-sidebar-role{font-size:12px;margin-top:4px}.sc-sidebar-detail{font-size:11px;margin-top:12px;opacity:.6}.sc-main{width:65%;padding:24px 20px;display:flex;flex-direction:column;justify-content:center}.sc-main .sc-section{margin-top:0}.sc-classic-blue{background:#f8f9fa;color:#2c3e50}.sc-classic-blue .sc-accent-bar{background:#1e3a8a}.sc-classic-blue .sc-section{color:#1e3a8a}.sc-classic-blue .sc-role{color:#64748b}.sc-classic-blue strong{color:#0050d3}.sc-classic-blue .sc-tags span{background:#e8edf2;color:#1e3a8a}.sc-classic-burgundy{background:#fefefe;color:#1f1f1f}.sc-classic-burgundy .sc-accent-bar{background:#7c2d4b}.sc-classic-burgundy .sc-section{color:#7c2d4b}.sc-classic-burgundy .sc-role{color:#71717a}.sc-classic-burgundy strong{color:#a60327}.sc-classic-burgundy .sc-tags span{background:#fff8fa;color:#7c2d4b;border:1px solid #fecdd3}.sc-modern-navy .sc-sidebar{background:#1e3a5a;color:#e8f0f8}.sc-modern-navy .sc-main{background:#fff;color:#2d3748}.sc-modern-navy .sc-section,.sc-modern-navy strong{color:#1a202c}.sc-modern-navy .sc-tags span{background:#eff6ff;color:#1e3a8a}.sc-modern-navy .sc-theme-label{color:#71717a;opacity:.6}.sc-modern-slate .sc-sidebar{background:#2d3748;color:#f7fafc}.sc-modern-slate .sc-main{background:#fff;color:#2d3748}.sc-modern-slate .sc-section,.sc-modern-slate strong{color:#1a202c}.sc-modern-slate .sc-tags span{background:#faf5ff;color:#5b21b6}.why{padding:80px 0 100px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-item{background:#fff;border-radius:16px;padding:28px 24px;border:1px solid #f0f0f2;box-shadow:0 1px 3px #0000000a,0 8px 24px #00000005;transition:box-shadow .3s,transform .3s;position:relative;overflow:hidden}.why-item:hover{box-shadow:0 4px 12px #0000000f,0 12px 32px #0000000f;transform:translateY(-3px)}.why-accent-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--why-accent)}.why-item h4{font-size:16px;font-weight:700;margin-bottom:8px}.why-item p{font-size:13px;color:#71717a;line-height:1.6}.cta-section{padding:100px 0}.cta-inner{text-align:center;background:#18181b;border-radius:24px;padding:72px 40px;color:#fff}.cta-inner h2{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.cta-inner p{font-size:16px;color:#a1a1aa;margin-bottom:32px}@media(max-width:900px){.bento-grid{grid-template-columns:1fr 1fr}.bento-wide{grid-column:span 2}.showcase-grid{grid-template-columns:1fr 1fr}.steps-row{flex-direction:column}.step-arrow{transform:rotate(90deg)}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr}.bento-wide{grid-column:span 1}.hero-actions{flex-direction:column;align-items:center}.why-grid{grid-template-columns:1fr 1fr}}