.sf-hero{padding:112px 0 86px;overflow:hidden}.sf-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.sf-hero h1{font-size:clamp(3.3rem,7.2vw,7.25rem);line-height:.89;letter-spacing:-.055em;margin:18px 0 24px}.sf-hero h1 em{color:var(--teal, var(--accent, #0cb8a4));font-style:normal}.hero-window,.preview-shell{border:1px solid rgba(148,163,184,.2);border-radius:22px;background:rgba(10,17,31,.84);box-shadow:0 36px 100px rgba(0,0,0,.42);overflow:hidden}.window-bar,.preview-browser{height:44px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.025)}.window-bar span,.preview-browser span{width:8px;height:8px;border-radius:50%;background:#334155}.window-bar span:first-child,.preview-browser span:first-child{background:#fb7185}.window-bar span:nth-child(2),.preview-browser span:nth-child(2){background:#fbbf24}.window-bar span:nth-child(3),.preview-browser span:nth-child(3){background:#34d399}.window-bar small,.preview-browser small{margin-left:auto;color:#64748b;font:600 .7rem/1 'JetBrains Mono',monospace}.window-body{padding:54px 42px 42px;background:radial-gradient(circle at 80% 0,rgba(12,184,164,.19),transparent 42%),#0b1220}.sample-avatar,.preview-brand span{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--teal, var(--accent, #0cb8a4)),#67e8f9);color:#05201d;display:grid;place-items:center;font:800 1.15rem/1 'Plus Jakarta Sans',sans-serif}.sample-tag,.preview-category{font:700 .7rem/1.3 'JetBrains Mono',monospace;letter-spacing:.12em;color:var(--teal, var(--accent, #0cb8a4));margin:28px 0 14px}.window-body h2{font-size:2.2rem;line-height:1.05;margin:0 0 14px}.window-body>p:not(.sample-tag){color:#94a3b8}.sample-buy,.store-preview>a{margin-top:30px;padding:16px 18px;border-radius:14px;background:var(--teal, var(--accent, #0cb8a4));color:#05201d;display:flex;align-items:center;justify-content:space-between;text-decoration:none}.sample-buy strong,.store-preview>a strong{font-size:1.4rem}.sample-buy span,.store-preview>a span{font-weight:800}.signal-strip{border-top:1px solid rgba(148,163,184,.12);border-bottom:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.018)}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.signal-grid div{padding:28px 24px;border-right:1px solid rgba(148,163,184,.12)}.signal-grid div:last-child{border-right:0}.signal-grid strong{display:block;color:#f8fafc;font-size:1.55rem}.signal-grid span{display:block;color:#7f8da3;font-size:.82rem;margin-top:5px}.builder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.store-form{display:grid;gap:18px;padding:28px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:rgba(8,14,25,.68)}.store-form label{display:grid;gap:8px}.store-form label span{font-size:.78rem;font-weight:800;letter-spacing:.04em;color:#cbd5e1}.store-form input,.store-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#0c1424;color:#f8fafc;padding:13px 14px;font:500 .93rem/1.5 'Plus Jakarta Sans',sans-serif;outline:none}.store-form input:focus,.store-form textarea:focus{border-color:var(--teal, var(--accent, #0cb8a4));box-shadow:0 0 0 3px rgba(12,184,164,.12)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-help{font-size:.76rem;color:#718096;margin:-8px 0 0}.builder-actions{display:flex;gap:10px;flex-wrap:wrap}.builder-actions .btn{border:0;cursor:pointer}.builder-status{min-height:1.4em;margin:0;color:#5eead4;font-size:.82rem}.builder-status.error{color:#fda4af}.preview-shell{position:sticky;top:92px}.store-preview{min-height:500px;padding:64px 54px;background:radial-gradient(circle at 85% 8%,rgba(14,165,233,.14),transparent 35%),radial-gradient(circle at 10% 90%,rgba(12,184,164,.12),transparent 42%),#0a111f}.preview-brand{display:flex;align-items:center;gap:12px}.preview-brand strong{font-size:.9rem}.store-preview h3{font:600 clamp(2.4rem,5vw,4.7rem)/.98 'Fraunces',serif;letter-spacing:-.035em;margin:16px 0 18px}.store-preview>p:not(.preview-category){font-size:1rem;line-height:1.7;color:#a7b2c3;max-width:52ch}.store-preview>a{transition:transform .2s ease,box-shadow .2s ease}.store-preview>a:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(12,184,164,.22)}.store-preview>small{display:block;text-align:center;margin-top:12px;color:#66758b}.compare-grid,.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-card{padding:32px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:rgba(255,255,255,.02)}.compare-card.featured,.price-card.featured{border-color:rgba(12,184,164,.46);background:linear-gradient(145deg,rgba(12,184,164,.1),rgba(255,255,255,.02))}.compare-card h3{font-size:1.65rem}.compare-card ul{padding-left:20px;color:#9ca9bb;line-height:1.75}.compare-card.muted{opacity:.82}.pricing-wrap{max-width:980px}.pricing-grid .price-card{padding:34px}.price-card .price{font:600 3.4rem/1 'Fraunces',serif;color:#f8fafc;margin:14px 0}.price-card .price span{font:600 1rem/1 'Plus Jakarta Sans',sans-serif;color:#94a3b8}.pricing-note{text-align:center;margin-top:22px}.fine{font-size:.78rem;color:#728096}.sf-hero .fine{max-width:65ch;margin-top:15px}
@media(max-width:900px){.sf-hero{padding:82px 0 60px}.sf-hero-grid,.builder-grid{grid-template-columns:1fr;gap:38px}.sf-hero-grid{grid-template-areas:"copy" "window"}.signal-grid{grid-template-columns:1fr 1fr}.signal-grid div:nth-child(2){border-right:0}.signal-grid div:nth-child(-n+2){border-bottom:1px solid rgba(148,163,184,.12)}.preview-shell{position:static}.store-preview{min-height:410px;padding:46px 34px}}
@media(max-width:620px){.sf-hero h1{font-size:3.6rem}.window-body{padding:42px 26px 28px}.window-body h2{font-size:1.8rem}.signal-grid,.compare-grid,.pricing-grid,.field-grid{grid-template-columns:1fr}.signal-grid div{border-right:0;border-bottom:1px solid rgba(148,163,184,.12)}.signal-grid div:last-child{border-bottom:0}.store-form{padding:20px}.store-preview{padding:38px 24px}.store-preview h3{font-size:2.65rem}.builder-actions{display:grid}.builder-actions .btn{text-align:center}}
@media(prefers-reduced-motion:reduce){.store-preview>a{transition:none}}