.demo-hero .fm-actions{margin-top:28px}.demo-hero-card{position:relative;overflow:hidden;border-radius:34px;padding:32px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);box-shadow:0 24px 70px rgba(110,14,8,.2);backdrop-filter:blur(10px)}.demo-hero-card:before{content:'';position:absolute;right:-80px;top:-80px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.2)}.demo-hero-card__icon{width:64px;height:64px;border-radius:20px;background:#fff;color:var(--fm-red);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:22px}.demo-hero-card h3{color:#fff;font-size:26px;line-height:1.15;margin-bottom:14px}.demo-hero-card p{font-size:16px;line-height:1.5;color:rgba(255,255,255,.84);margin-bottom:22px}.demo-hero-list{display:flex;flex-wrap:wrap;gap:10px}.demo-hero-list span{display:inline-flex;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:13px;font-weight:800}.demo-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.demo-value-card,.demo-format-card,.demo-flow-item,.demo-audience-card{background:#fff;border:1px solid var(--fm-border);border-radius:28px;padding:28px;box-shadow:0 16px 50px rgba(16,24,40,.06);height:100%}.demo-value-card i,.demo-audience-card i{display:inline-flex;width:54px;height:54px;border-radius:17px;background:#fff2f0;color:var(--fm-red);align-items:center;justify-content:center;font-size:23px;margin-bottom:18px}.demo-value-card h3,.demo-audience-card h3{font-size:21px;line-height:1.2;margin-bottom:12px}.demo-value-card p,.demo-audience-card p{color:var(--fm-muted);line-height:1.45;margin:0}.demo-format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.demo-format-card{position:relative;overflow:hidden;padding:34px}.demo-format-card--main{border-color:#ffd8d4;background:linear-gradient(135deg,#fff,#fff7f6)}.demo-format-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.demo-format-card__head span{display:inline-flex;width:52px;height:52px;border-radius:18px;background:#111;color:#fff;align-items:center;justify-content:center;font-weight:900}.demo-format-card__head i{display:inline-flex;width:58px;height:58px;border-radius:20px;background:#fff2f0;color:var(--fm-red);align-items:center;justify-content:center;font-size:24px}.demo-format-card h3{font-size:clamp(24px,2.5vw,34px);line-height:1.1;margin-bottom:14px}.demo-format-card p{color:#475467;line-height:1.55;margin-bottom:22px}.demo-format-card ul{padding:0;margin:0 0 28px;list-style:none}.demo-format-card li{position:relative;padding-left:28px;margin-bottom:11px;color:#344054;line-height:1.45}.demo-format-card li:before{content:'✓';position:absolute;left:0;top:1px;color:var(--fm-red);font-weight:900}.demo-sticky-head{position:sticky;top:96px;text-align:left;margin-left:0;margin-right:0}.demo-flow{display:grid;gap:16px}.demo-flow-item{display:grid;grid-template-columns:74px 1fr;gap:6px 18px;align-items:start;padding:24px}.demo-flow-item b{grid-row:1/3;width:54px;height:54px;border-radius:18px;background:#fff2f0;color:var(--fm-red);display:flex;align-items:center;justify-content:center;font-weight:900}.demo-flow-item h3{font-size:22px;margin:0 0 8px}.demo-flow-item p{color:var(--fm-muted);line-height:1.45;margin:0}.demo-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.demo-final-cta{display:flex;align-items:center;justify-content:space-between;gap:28px}.demo-final-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;min-width:330px}@media(max-width:1199px){.demo-value-grid,.demo-audience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.demo-hero-card{margin-top:32px}.demo-format-grid{grid-template-columns:1fr}.demo-sticky-head{position:static;text-align:center;margin:0 auto 36px}.demo-final-cta{display:block}.demo-final-actions{justify-content:flex-start;min-width:0;margin-top:24px}}@media(max-width:767px){.demo-value-grid,.demo-audience-grid{grid-template-columns:1fr}.demo-hero-card{border-radius:26px;padding:24px}.demo-format-card,.demo-value-card,.demo-flow-item,.demo-audience-card{border-radius:22px;padding:22px}.demo-flow-item{grid-template-columns:1fr}.demo-flow-item b{grid-row:auto}.demo-final-actions .btn-default{width:100%;justify-content:center}.demo-format-card h3{font-size:24px}}
