/* v420 public/unauthenticated body refresh: does not touch top login/header bar */
:root{--sf-deep:#0d2d3d;--sf-flow:#1aa6b8;--sf-flow-2:#44c2c7;--sf-flower:#e68aa8;--sf-blush:#fff4f8;--sf-mint:#ecfbfb;--sf-paper:#ffffff;--sf-ink:#20323c;--sf-muted:#647783;--sf-line:rgba(26,166,184,.22);--sf-shadow:0 18px 45px rgba(13,45,61,.14)}
body.sf-v420-public main{background:linear-gradient(180deg,#fbffff 0%,#fff7fb 48%,#f3fcfc 100%);color:var(--sf-ink);overflow:hidden;}
body.sf-v420-public main .container{max-width:1180px;}
/* Body-section logo sizing only. Header/top login/footer logos are excluded. */
body.sf-v420-public main .logo img,
body.sf-v420-public main img.logo-image-wide,
body.sf-v420-public main img[src*="spaflow-client-sidebar-logo"],
body.sf-v420-public main img[src*="spaflow-logo"]{max-width:75%!important;height:auto!important;object-fit:contain!important;}
body.sf-v420-public .hero,
body.sf-v420-public main>.section{position:relative;isolation:isolate;}
body.sf-v420-public .hero:before,
body.sf-v420-public main>.section:before{content:"";position:absolute;inset:auto -8% -30px auto;width:360px;height:360px;background:radial-gradient(circle,rgba(230,138,168,.20),rgba(26,166,184,.08) 45%,transparent 70%);border-radius:999px;z-index:-1;pointer-events:none;}
body.sf-v420-public .hero{padding:72px 0 62px;background:linear-gradient(135deg,rgba(13,45,61,.96),rgba(16,91,108,.92) 48%,rgba(26,166,184,.78));color:#fff;border-bottom:1px solid rgba(255,255,255,.18);}
body.sf-v420-public .hero h1{color:#fff!important;font-size:clamp(2.3rem,4vw,4.75rem);letter-spacing:-.045em;line-height:.98;text-shadow:0 12px 30px rgba(0,0,0,.22);}
body.sf-v420-public .hero .lead,
body.sf-v420-public .hero p{color:rgba(255,255,255,.90)!important;font-size:1.12rem;line-height:1.7;}
body.sf-v420-public .hero .badge,
body.sf-v420-public .badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(26,166,184,.25);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,251,251,.92));color:var(--sf-deep);box-shadow:0 8px 20px rgba(13,45,61,.08);font-weight:900;letter-spacing:.02em;}
body.sf-v420-public .hero .badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(10px);}
body.sf-v420-public .actions .btn,
body.sf-v420-public main .btn{border-radius:999px;font-weight:900;letter-spacing:.01em;box-shadow:0 12px 28px rgba(13,45,61,.15);}
body.sf-v420-public main .btn-primary{background:linear-gradient(135deg,var(--sf-flow),var(--sf-deep))!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;}
body.sf-v420-public .hero .btn-primary{background:linear-gradient(135deg,#fff,var(--sf-mint))!important;color:var(--sf-deep)!important;}
body.sf-v420-public .hero .btn-secondary{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;backdrop-filter:blur(8px);}
body.sf-v420-public .demo-card,
body.sf-v420-public .card,
body.sf-v420-public .visual-tile,
body.sf-v420-public .dashboard-mockup,
body.sf-v420-public .pricing-card,
body.sf-v420-public form.card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,250,253,.95));border:1px solid var(--sf-line)!important;border-radius:24px!important;box-shadow:var(--sf-shadow)!important;overflow:hidden;}
body.sf-v420-public .demo-card:before,
body.sf-v420-public .card:before,
body.sf-v420-public .visual-tile:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--sf-flower),var(--sf-flow),var(--sf-deep));margin:-1px -1px 14px;}
body.sf-v420-public .grid-3,
body.sf-v420-public .visual-strip{gap:22px;}
body.sf-v420-public h2{color:var(--sf-deep)!important;letter-spacing:-.03em;}
body.sf-v420-public h3{color:#123746!important;}
body.sf-v420-public p{color:var(--sf-muted);}
body.sf-v420-public .quick-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;}
body.sf-v420-public .quick-points div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:10px 12px;color:#fff;font-weight:800;backdrop-filter:blur(6px);}
body.sf-v420-public .sf-v192-site-analytics{background:linear-gradient(135deg,#fff,#f1fcfc)!important;border-bottom:1px solid rgba(26,166,184,.14);}
body.sf-v420-public .sf-v192-analytics-card{border-radius:22px!important;border:1px solid rgba(26,166,184,.20)!important;box-shadow:0 12px 28px rgba(13,45,61,.10)!important;background:#fff!important;}
body.sf-v420-public .sf-v192-analytics-card strong{color:var(--sf-flow)!important;text-shadow:0 6px 16px rgba(26,166,184,.15);}
body.sf-v420-public .sf-v420-market-section{padding:52px 0;background:linear-gradient(135deg,rgba(255,244,248,.9),rgba(236,251,251,.9));border-top:1px solid rgba(26,166,184,.14);border-bottom:1px solid rgba(230,138,168,.16);}
body.sf-v420-public .sf-v420-market-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:24px;align-items:stretch;}
body.sf-v420-public .sf-v420-market-card{background:#fff;border:1px solid var(--sf-line);border-radius:26px;padding:28px;box-shadow:var(--sf-shadow);}
body.sf-v420-public .sf-v420-market-card h2{font-size:clamp(1.75rem,3vw,2.75rem);margin:8px 0 12px;}
body.sf-v420-public .sf-v420-market-list{display:grid;gap:12px;margin-top:20px;}
body.sf-v420-public .sf-v420-market-list div{display:flex;gap:10px;align-items:flex-start;background:linear-gradient(135deg,#fff,#f7ffff);border:1px solid rgba(26,166,184,.17);border-radius:16px;padding:12px 14px;font-weight:800;color:#183b4a;}
body.sf-v420-public .sf-v420-proof{display:grid;gap:14px;}
body.sf-v420-public .sf-v420-proof .proof-row{display:flex;justify-content:space-between;gap:16px;background:linear-gradient(135deg,var(--sf-deep),#15566a);color:#fff;border-radius:20px;padding:18px 20px;box-shadow:0 14px 30px rgba(13,45,61,.18);}
body.sf-v420-public .sf-v420-proof strong{font-size:1.55rem;color:#fff;}
body.sf-v420-public .sf-v420-proof span{color:rgba(255,255,255,.82);font-weight:700;text-align:right;}
@media(max-width:860px){body.sf-v420-public .sf-v420-market-grid{grid-template-columns:1fr}body.sf-v420-public .quick-points{grid-template-columns:1fr}body.sf-v420-public .hero{padding:52px 0} }