:root {
  --brand: #dc2626;
  --brand-dark: #991b1b;
  --accent: #ea580c;
  --accent-dark: #c2410c;
  --bg: #ffffff;
  --bg-soft: #f8fafc;
  --bg-alt: #f1f5f9;
  --bg-dark: #0f172a;
  --text: #0f172a;
  --text-soft: #475569;
  --text-muted: #64748b;
  --border: #e2e8f0;
  --green: #16a34a;
  --gold: #d97706;
  --radius: 12px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,.08);
  --shadow-lg: 0 20px 50px rgba(0,0,0,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.2;font-weight:800;color:var(--text)}
h1{font-size:clamp(2rem,5vw,3.2rem)}
h2{font-size:clamp(1.5rem,3.5vw,2.2rem);margin-bottom:16px}
h3{font-size:1.2rem;margin-bottom:8px}
p{color:var(--text-soft)}

/* EMERGENCY BAR */
.emergency-bar{background:var(--brand);color:#fff;padding:10px 0;text-align:center;font-weight:700;font-size:0.9rem}
.emergency-bar a{color:#fff;font-weight:800}

/* NAV */
nav.main-nav{background:#fff;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:50;padding:16px 0;box-shadow:var(--shadow-sm)}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{font-size:1.4rem;font-weight:900;color:var(--brand);display:flex;align-items:center;gap:8px;text-decoration:none}
.logo:hover{text-decoration:none}
.nav-links{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.nav-links a{color:var(--text);padding:8px 12px;border-radius:8px;font-weight:600;font-size:0.88rem;transition:all .15s}
.nav-links a:hover{background:var(--bg-alt);color:var(--brand);text-decoration:none}
.nav-cta{background:var(--brand)!important;color:#fff!important;padding:10px 20px!important;border-radius:8px!important}
.nav-cta:hover{background:var(--brand-dark)!important}
.mobile-btn{display:none;background:none;border:none;cursor:pointer;font-size:1.4rem;padding:8px}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:10px;font-weight:800;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:all .15s;line-height:1}
.btn:hover{transform:translateY(-1px);text-decoration:none}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 24px rgba(220,38,38,0.3)}
.btn-primary:hover{background:var(--brand-dark)}
.btn-accent{background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(234,88,12,0.3)}
.btn-accent:hover{background:var(--accent-dark)}
.btn-secondary{background:#fff;color:var(--brand);border:2px solid var(--brand)}
.btn-secondary:hover{background:var(--bg-soft)}
.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.4)}
.btn-outline:hover{background:rgba(255,255,255,0.1)}
.btn-lg{font-size:1.1rem;padding:16px 32px}

/* HERO */
.hero{position:relative;padding:80px 0 60px;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#fff;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1632759145351-1d592919f522?w=1600&q=80');background-size:cover;background-position:center top;opacity:0.2;z-index:0}
.hero-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.hero-content h1{color:#fff;margin-bottom:16px}
.hero-content .lede{color:rgba(255,255,255,.9);font-size:1.1rem;margin-bottom:24px;max-width:540px}
.hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.hero-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 14px;border-radius:999px;font-size:0.82rem;font-weight:600}
.hero-badge.urgent{background:rgba(220,38,38,.3);border-color:rgba(220,38,38,.5);color:#fca5a5}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-form{background:#fff;color:var(--text);border-radius:16px;padding:28px;box-shadow:var(--shadow-lg)}
.hero-form h3{color:var(--text);margin-bottom:6px}
.hero-form .sub{color:var(--text-muted);font-size:0.88rem;margin-bottom:18px}
.hero-form input,.hero-form select,.hero-form textarea{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:8px;font-size:0.95rem;font-family:inherit;margin-bottom:12px}
.hero-form input:focus,.hero-form select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(220,38,38,.1)}
.hero-form button{width:100%}

/* STORM BANNER */
.storm-banner{background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:#fff;padding:28px 24px;text-align:center;border-radius:16px;margin:0 auto;max-width:1200px}
.storm-banner h3{color:#fff;font-size:1.4rem;margin-bottom:8px}
.storm-banner p{color:rgba(255,255,255,.9);margin-bottom:18px}
.storm-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* SECTION */
section{padding:70px 0}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section-header{text-align:center;max-width:720px;margin:0 auto 50px}
.section-header .eyebrow{color:var(--brand);font-weight:800;font-size:0.82rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.section-header h2{margin-bottom:14px}
.section-header p{color:var(--text-soft);font-size:1.05rem}
.bg-soft{background:var(--bg-soft)}
.bg-dark{background:var(--bg-dark)}
.bg-dark h2,.bg-dark h3,.bg-dark p{color:rgba(255,255,255,.9)}

/* SERVICES */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.service-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:all .18s;display:block;text-decoration:none;color:var(--text)}
.service-card:hover{border-color:var(--brand);transform:translateY(-4px);box-shadow:var(--shadow-lg);text-decoration:none}
.service-icon{font-size:2.2rem;margin-bottom:12px}
.service-card h3{color:var(--text);margin-bottom:8px}
.service-card p{color:var(--text-soft);font-size:0.9rem;margin-bottom:12px}
.service-link{color:var(--brand);font-weight:700;font-size:0.88rem}

/* REVIEWS */
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.review-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm)}
.stars{color:#fbbf24;font-size:1rem;margin-bottom:10px}
.review-text{color:var(--text);font-style:italic;margin-bottom:14px;font-size:0.95rem;line-height:1.6}
.reviewer{display:flex;align-items:center;gap:10px}
.reviewer-avatar{width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;flex-shrink:0}
.reviewer-name{font-weight:700;color:var(--text);font-size:0.9rem}
.reviewer-loc{font-size:0.78rem;color:var(--text-muted)}

/* WHY */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.why-item{text-align:center;padding:20px}
.why-icon{width:60px;height:60px;border-radius:50%;background:rgba(220,38,38,.08);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.5rem}
.why-item h3{margin-bottom:6px}
.why-item p{font-size:0.9rem}

/* INSURANCE */
.insurance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.insurance-card{background:#fff;border-left:4px solid var(--brand);border-radius:0 var(--radius) var(--radius) 0;padding:22px;box-shadow:var(--shadow-sm)}
.insurance-card h3{margin-bottom:6px}
.insurance-card p{font-size:0.9rem}

/* AREAS */
.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;max-width:800px;margin:0 auto}
.area-tile{background:#fff;border:1px solid var(--border);border-radius:8px;padding:12px 16px;text-align:center;text-decoration:none;color:var(--text);font-weight:600;font-size:0.88rem;transition:all .15s}
.area-tile:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);text-decoration:none;box-shadow:var(--shadow-md)}

/* CTA BANNER */
.cta-banner{background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:#fff;padding:60px 20px;text-align:center}
.cta-banner h2{color:#fff;margin-bottom:14px}
.cta-banner p{color:rgba(255,255,255,.9);font-size:1.05rem;margin-bottom:28px;max-width:600px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* PAGE HEADER */
.page-header{background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:#fff;padding:70px 24px;text-align:center}
.page-header .breadcrumb{color:rgba(255,255,255,.7);font-size:0.85rem;margin-bottom:8px}
.page-header .breadcrumb a{color:rgba(255,255,255,.85)}
.page-header h1{color:#fff;margin-bottom:12px}
.page-header .lede{color:rgba(255,255,255,.9);max-width:680px;margin:0 auto;font-size:1.05rem}

/* PROSE */
.prose{max-width:760px;margin:0 auto}
.prose p{margin-bottom:18px;font-size:1.02rem}
.prose h2{margin-top:36px;margin-bottom:14px}
.prose ul{padding-left:24px;margin-bottom:18px}
.prose ul li{margin-bottom:8px;color:var(--text-soft)}

/* FINANCING PLANS */
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.plan-card{background:#fff;border:2px solid var(--border);border-radius:16px;padding:30px}
.plan-card.featured{border-color:var(--accent)}
.plan-card .plan-badge{background:var(--accent);color:#fff;padding:4px 12px;border-radius:999px;font-size:0.72rem;font-weight:700;text-transform:uppercase;display:inline-block;margin-bottom:12px}
.plan-card h3{margin-bottom:4px}
.plan-price{font-size:2.2rem;font-weight:900;color:var(--brand-dark);margin:8px 0}
.plan-price small{font-size:0.85rem;color:var(--text-muted);font-weight:500}
.plan-features{list-style:none;padding:0;margin:16px 0}
.plan-features li{padding:7px 0;border-bottom:1px solid var(--border);font-size:0.9rem;color:var(--text-soft)}
.plan-features li:last-child{border:none}
.plan-features li::before{content:'✓';color:var(--green);font-weight:700;margin-right:8px}

/* STICKY CALL */
.sticky-call{display:none;position:fixed;bottom:16px;left:16px;right:16px;background:var(--brand);color:#fff;padding:14px;border-radius:12px;font-weight:800;text-align:center;box-shadow:var(--shadow-lg);z-index:99;text-decoration:none}

/* FOOTER */
footer{background:#0f172a;color:rgba(255,255,255,.8);padding:60px 0 30px}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 24px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-col h4{color:#fff;font-size:1rem;margin-bottom:16px}
.footer-col ul{list-style:none;padding:0}
.footer-col li{margin-bottom:8px}
.footer-col a{color:rgba(255,255,255,.7);font-size:0.9rem}
.footer-col a:hover{color:#fff}
.footer-logo{font-size:1.4rem;font-weight:900;color:#fff;margin-bottom:12px;display:block}
.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:0.82rem;color:rgba(255,255,255,.5)}

/* TOOL PAGES */
.tool-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto 34px}
.tool-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);font-weight:800;text-decoration:none}
.tool-tabs a:hover{border-color:var(--brand);color:var(--brand);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.tool-tabs a.active{background:var(--brand);border-color:var(--brand);color:#fff}
.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}
.tool-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-md)}
.tool-card h2{margin-bottom:18px}
.tool-card label{display:grid;gap:8px;margin-bottom:16px;font-weight:800;color:var(--text)}
.tool-card input,.tool-card select{width:100%;min-height:46px;border:1px solid var(--border);border-radius:8px;padding:0 12px;font:inherit;background:#fff}
.tool-card input:focus,.tool-card select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(220,38,38,.1)}
.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tool-total{font-size:clamp(2rem,5vw,3.1rem);font-weight:900;line-height:1;color:var(--brand);margin:8px 0 12px}
.tool-pill{display:inline-flex;border-radius:999px;background:#fee2e2;color:var(--brand-dark);font-weight:850;padding:7px 11px;margin:4px 6px 4px 0;font-size:.84rem}
.tool-items{display:grid;gap:10px;margin:18px 0}
.tool-item{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);padding-bottom:9px;color:var(--text-soft)}
.tool-item strong{color:var(--text);text-align:right}
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.tool-mini{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}
.visual-home{position:relative;min-height:440px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(#bfdbfe 0 38%,#dcfce7 38%);border:1px solid var(--border)}
.visual-roof{position:absolute;left:13%;top:23%;width:74%;height:31%;clip-path:polygon(50% 0,100% 58%,86% 58%,86% 100%,14% 100%,14% 58%,0 58%);background:linear-gradient(135deg,#475569,#111827);box-shadow:inset 0 -28px 0 rgba(255,255,255,.08)}
.visual-house{position:absolute;left:21%;right:21%;bottom:11%;height:47%;background:#fff7ed;border:1px solid #cbd5e1}
.visual-door{position:absolute;bottom:11%;left:47%;width:9%;height:20%;background:#7c2d12}
.visual-window{position:absolute;bottom:30%;width:13%;height:12%;background:#bae6fd;border:3px solid #fff}
.visual-window.one{left:30%}.visual-window.two{right:30%}
.swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.swatch{border:1px solid var(--border);border-radius:8px;padding:12px;background:#fff;cursor:pointer;text-align:left;font-weight:850;color:var(--text)}
.swatch span{display:block;width:100%;height:34px;border-radius:6px;margin-bottom:8px}
.swatch.active{outline:3px solid rgba(220,38,38,.16);border-color:var(--brand)}
.score{font-size:56px;font-weight:950;line-height:1;color:var(--brand)}
.risk{font-size:1.35rem;font-weight:900;color:var(--text);margin:10px 0}
.risk-bar{height:16px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin:14px 0}
.risk-fill{height:100%;width:0;background:linear-gradient(90deg,#16a34a,#ea580c,#dc2626)}
input[type=range]{width:100%;accent-color:var(--brand)}

@media(max-width:900px){
  .tool-layout,.tool-row{grid-template-columns:1fr}
  .tool-mini-grid{grid-template-columns:1fr}
  .visual-home{min-height:330px}
}

/* ROOFING GROWTH COVER PAGE */
.cover-body{background:#fff}
.cover-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.cover-hero{padding:96px 0 88px;background:linear-gradient(135deg,#fff 0%,#fff7ed 46%,#fee2e2 100%);overflow:hidden}
.cover-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:54px;align-items:center}
.cover-eyebrow{color:var(--brand);font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}
.cover-hero h1{font-size:clamp(2.55rem,5.8vw,5.1rem);line-height:.98;letter-spacing:-.035em;margin-bottom:24px;max-width:840px}
.cover-lede{font-size:1.15rem;line-height:1.65;max-width:720px;color:var(--text-soft)}
.cover-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.cover-note{max-width:620px;margin-top:28px;color:var(--text);font-weight:800}
.cover-snapshot{background:rgba(255,255,255,.82);border:1px solid rgba(220,38,38,.16);border-radius:28px;padding:38px;box-shadow:0 30px 80px rgba(127,29,29,.12)}
.cover-snapshot span{display:block;color:var(--brand);font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
.cover-snapshot strong{display:block;font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.05;letter-spacing:-.02em;color:var(--text);margin-bottom:16px}
.snapshot-list{display:grid;gap:12px;margin-top:24px}
.snapshot-list div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}
.snapshot-list b{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(220,38,38,.1);color:var(--brand)}
.snapshot-list span{margin:0;color:var(--text);font-size:.95rem;letter-spacing:0;text-transform:none;font-weight:800}
.cover-special{padding:78px 0 84px;text-align:center;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.cover-special h2{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1;letter-spacing:-.035em;margin:0 auto 24px;max-width:980px}
.cover-special p{font-size:clamp(1.08rem,1.7vw,1.34rem);line-height:1.58;max-width:840px;margin:0 auto;color:var(--text-soft)}
.cover-special strong{color:var(--text);font-weight:900}
.cover-protection-section{padding:84px 0;background:#fff}
.protection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.protection-grid div{background:linear-gradient(180deg,#fff 0%,#fff7ed 100%);border:1px solid rgba(220,38,38,.16);border-radius:24px;padding:28px;box-shadow:var(--shadow-sm)}
.protection-grid span{display:flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-weight:900;margin-bottom:18px}
.protection-grid h3{font-size:1.18rem;margin-bottom:10px}
.protection-grid p{font-size:.96rem;line-height:1.58}
.protection-line{max-width:760px;margin:32px auto 0;text-align:center;color:var(--text);font-size:1.18rem;font-weight:900}
.cover-section{padding:86px 0;background:#fff}
.cover-soft{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.cover-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);gap:42px;align-items:start}
.cover-two h2,.cover-section .section-header h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.025em}
.roi-mini-stack{display:grid;gap:16px;margin-top:30px}
.roi-mini-stack article{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm)}
.roi-mini-stack article.roi-feature{border-color:rgba(220,38,38,.24);background:linear-gradient(180deg,#fff 0%,#fff7ed 100%);box-shadow:0 20px 55px rgba(220,38,38,.1)}
.roi-mini-stack article>span{display:block;color:var(--brand);font-weight:900;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.roi-mini-stack h3{font-size:1.45rem;margin-bottom:4px}
.roi-mini-stack div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--border);padding-top:12px;margin-top:12px}
.roi-mini-stack div b{color:var(--text-soft)}
.roi-mini-stack div strong{font-size:1.28rem;color:var(--text)}
.cover-fine{font-size:.86rem;color:var(--text-muted);margin-top:18px}
.ai-card,.process-panel{background:#fff;border:1px solid var(--border);border-radius:28px;padding:34px;box-shadow:0 20px 70px rgba(15,23,42,.08)}
.ai-card{background:linear-gradient(180deg,#fff 0%,#fff7ed 100%);border-color:rgba(220,38,38,.18)}
.ai-flow{display:grid;gap:14px;margin-top:26px}
.ai-flow div{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;background:rgba(255,255,255,.86);border:1px solid rgba(220,38,38,.12);border-radius:16px;padding:16px}
.ai-flow span{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-weight:900}
.ai-flow p{color:var(--text);font-weight:650}
.professional-line{margin-top:24px;color:var(--text);font-weight:800;line-height:1.55}
.cover-chat-section{padding:84px 0;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.chat-backup-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);gap:36px;align-items:start;background:#fff;border:1px solid var(--border);border-radius:32px;padding:44px;box-shadow:0 30px 90px rgba(15,23,42,.08)}
.chat-backup-card h2{font-size:clamp(2rem,4.2vw,3.55rem);letter-spacing:-.03em;line-height:1.05;margin-bottom:18px}
.chat-backup-card p{font-size:1.04rem;line-height:1.62}
.chat-script{margin-top:28px;background:linear-gradient(180deg,#fff7ed 0%,#fff 100%);border:1px solid rgba(220,38,38,.16);border-radius:22px;padding:24px}
.chat-script span{display:block;color:var(--brand);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;margin-bottom:10px}
.chat-script strong{display:block;color:var(--text);font-size:1.2rem;line-height:1.45;margin-bottom:10px}
.chat-flow{display:grid;gap:14px}
.chat-flow div{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;border:1px solid var(--border);border-radius:16px;padding:16px;background:#fff}
.chat-flow span{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#fff;font-weight:900}
.chat-flow p{color:var(--text);font-weight:650}
.cover-video-section{padding:84px 0;background:linear-gradient(135deg,#fff7ed 0%,#ffffff 54%,#fee2e2 100%)}
.video-feature-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:34px;align-items:center;background:rgba(255,255,255,.86);border:1px solid rgba(220,38,38,.16);border-radius:32px;padding:44px;box-shadow:0 30px 90px rgba(127,29,29,.12)}
.video-feature-card h2{font-size:clamp(2rem,4.2vw,3.65rem);letter-spacing:-.03em;line-height:1.05;margin-bottom:18px}
.video-feature-card p{font-size:1.05rem;line-height:1.62;max-width:760px}
.video-upsell{margin-top:18px;color:var(--text);font-weight:850}
.video-channel-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.video-channel-card span{background:#fff;border:1px solid rgba(220,38,38,.16);border-radius:16px;padding:18px 16px;text-align:center;color:var(--text);font-weight:900;box-shadow:var(--shadow-sm)}
.cover-review-section{padding:84px 0;background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 100%);color:#fff}
.review-feature-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:34px;align-items:center}
.review-feature-card h2{color:#fff;font-size:clamp(2rem,4.2vw,3.55rem);letter-spacing:-.03em;line-height:1.05;margin-bottom:18px}
.review-feature-card p{color:rgba(255,255,255,.78);font-size:1.05rem;line-height:1.62}
.review-feature-card .cover-eyebrow{color:#fca5a5}
.review-steps{display:grid;gap:14px}
.review-steps div{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:18px}
.review-steps span{display:flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#fff;color:#7f1d1d;font-weight:900}
.review-steps strong{display:block;color:#fff;margin-bottom:4px;font-size:1rem}
.review-steps p{font-size:.95rem;margin:0}
.cover-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.cover-feature-grid div{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm)}
.cover-feature-grid h3{font-size:1.08rem;margin-bottom:10px}
.cover-feature-grid p{font-size:.95rem;line-height:1.55}
.cover-steps{list-style:none;display:grid;gap:18px;margin-top:26px}
.cover-steps li{display:grid;gap:6px;border-bottom:1px solid var(--border);padding-bottom:18px}
.cover-steps li:last-child{border-bottom:none;padding-bottom:0}
.cover-steps strong{font-size:1.02rem;color:var(--text)}
.cover-steps span{color:var(--text-soft)}
.need-list{display:grid;gap:12px;margin-top:24px;list-style:none}
.need-list li{padding-left:28px;position:relative;color:var(--text);font-weight:650}
.need-list li::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}
.cover-final{padding:96px 0;background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 100%);text-align:center}
.cover-final h2{max-width:920px;margin:0 auto 18px;color:#fff;font-size:clamp(2.2rem,4.5vw,4.2rem);letter-spacing:-.03em}
.cover-final p{max-width:720px;margin:0 auto;color:rgba(255,255,255,.78);font-size:1.1rem}
.cover-final .cover-eyebrow{color:#fca5a5}
.cover-final .cover-actions{justify-content:center}

/* CHAT BACKUP WIDGET DEMO */
.chat-widget{position:fixed;right:22px;bottom:22px;z-index:120;font-family:inherit}
.chat-bubble{width:64px;height:64px;border:none;border-radius:50%;background:var(--brand);color:#fff;font-weight:900;box-shadow:0 18px 45px rgba(127,29,29,.28);cursor:pointer}
.chat-panel{position:absolute;right:0;bottom:78px;width:min(360px,calc(100vw - 32px));max-height:620px;display:none;overflow:hidden;border:1px solid rgba(15,23,42,.14);border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.22)}
.chat-panel.open{display:block}
.chat-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#0f172a;color:#fff}
.chat-header strong{font-size:.96rem}
.chat-header button{width:30px;height:30px;border:none;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.2rem;cursor:pointer}
.chat-messages{max-height:390px;overflow:auto;padding:18px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.chat-intro{display:grid;gap:14px}
.chat-intro p,.chat-msg{padding:13px 14px;border-radius:16px;font-size:.94rem;line-height:1.45}
.chat-intro p,.chat-msg.bot{background:#fff;border:1px solid var(--border);color:var(--text)}
.chat-intro button{justify-self:start;border:none;border-radius:999px;background:var(--brand);color:#fff;font-weight:850;padding:11px 16px;cursor:pointer}
.chat-msg.user{margin-left:auto;background:var(--brand);color:#fff;max-width:82%}
.chat-msg.bot{margin-right:auto;max-width:88%;margin-bottom:10px}
.chat-alert{display:grid;gap:8px;margin-top:12px;padding:14px;border-radius:16px;background:#fff7ed;border:1px solid rgba(220,38,38,.16);color:var(--text)}
.chat-alert strong{color:var(--brand)}
.chat-alert span{font-size:.82rem;line-height:1.35;white-space:pre-line}
.chat-form{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid var(--border)}
.chat-form input{min-width:0;flex:1;border:1px solid var(--border);border-radius:999px;padding:11px 13px;font:inherit}
.chat-form button{border:none;border-radius:999px;background:#0f172a;color:#fff;font-weight:850;padding:0 16px;cursor:pointer}
.chat-form.done{display:none}
.demo-welcome-actions{display:grid;gap:10px;margin-top:14px}
.demo-welcome-actions a,.demo-welcome-actions button{display:flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 14px;font-weight:900;text-align:center;border:1px solid var(--border);cursor:pointer;font:inherit}
.demo-welcome-actions a:first-child{background:var(--brand);border-color:var(--brand);color:#fff}
.demo-welcome-actions a:nth-child(2){background:#0f172a;border-color:#0f172a;color:#fff}
.demo-welcome-actions button{background:#fff;color:var(--text)}
.ai-live-widget{left:22px;right:auto}
.ai-live-widget .chat-panel{left:0;right:auto}
.ai-live-widget .chat-bubble{background:#0f172a}
.ai-live-widget .chat-header{background:linear-gradient(135deg,#0f172a,#1d4ed8)}
.ai-live-note{font-size:.78rem;line-height:1.35;color:var(--text-muted);padding:0 18px 14px;background:#f8fafc}

@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:900px){.cover-hero-grid,.cover-two,.chat-backup-card,.review-feature-card{grid-template-columns:1fr}.protection-grid{grid-template-columns:1fr}.cover-snapshot{padding:30px}.cover-hero{padding:76px 0}.cover-section{padding:68px 0}}
@media(max-width:900px){.video-feature-card{grid-template-columns:1fr}}
@media(max-width:720px){.nav-links{display:none}.mobile-btn{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:16px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}.nav-links.open a{width:100%;padding:12px}.sticky-call{display:block;max-width:calc(100vw - 32px);white-space:normal;overflow-wrap:anywhere}.container>div[style*="grid-template-columns:1.2fr 1fr"]{grid-template-columns:1fr!important;gap:28px!important}body{padding-bottom:70px;overflow-x:hidden}section{padding:50px 0}.footer-grid{grid-template-columns:1fr;gap:24px}.hero-form{padding:22px}.btn-lg{font-size:1rem;padding:14px 20px}.cta-btns{align-items:stretch}.cta-btns .btn{width:100%;justify-content:center}.container{padding:0 18px}.cover-wrap{padding:0 18px}.cover-hero h1{font-size:clamp(2.35rem,12vw,3.35rem)}.cover-actions .btn{width:100%;justify-content:center}.cover-special{padding:58px 0 62px}.cover-section,.cover-video-section,.cover-chat-section,.cover-protection-section,.cover-review-section{padding:58px 0}.video-feature-card,.chat-backup-card{padding:26px;border-radius:24px}.video-channel-card{grid-template-columns:1fr}.ai-card,.process-panel{padding:24px;border-radius:22px}.ai-flow div,.chat-flow div,.review-steps div{grid-template-columns:1fr}.cover-feature-grid{grid-template-columns:1fr}.chat-widget{right:16px;bottom:86px}.ai-live-widget{left:16px;right:auto;bottom:154px}.chat-bubble{width:58px;height:58px}.chat-panel{bottom:70px}}