:root{
      --red:#b11f2b;
      --red-dark:#8f1721;
      --text:#1f2937;
      --muted:#6b7280;
      --bg:#ffffff;
      --border:#e5e7eb;
      --max:1040px;
      --shadow: 0 12px 35px rgba(17,24,39,.08);
      --shadow2: 0 18px 50px rgba(177,31,43,.12);
      --radius:18px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      color:var(--text);
      background:var(--bg);
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    .wrap{max-width:var(--max); margin:0 auto; padding:0 18px;}

    svg{pointer-events:none}
    img{max-width:100%; height:auto}

    .topbar{
      position:sticky; top:0;
      background:rgba(255,255,255,.92);
      backdrop-filter: blur(8px);
      border-bottom:1px solid rgba(229,231,235,.7);
      z-index:1000;
    }
    .topbar-inner{
      display:flex; align-items:center; justify-content:space-between;
      padding:14px 0; gap:12px;
    }
    .brand{display:flex; align-items:center; gap:12px; min-width:0;}
    .brand .logo{width:56px; height:44px; flex:0 0 auto;}
    .brand .name{
      display:flex; flex-direction:column; line-height:1.05;
      font-weight:950; letter-spacing:.02em;
      font-size:18px; color:#0b2a55; text-transform:uppercase;
      white-space:nowrap;
    }
    .brand .name small{
      font-weight:850; opacity:.9; letter-spacing:.18em;
      font-size:12px; margin-top:2px;
    }

    .btn{
      border:none;
      border-radius:999px;
      font-weight:850;
      cursor:pointer;
      transition:.2s transform, .2s background, .2s border-color, .2s color, .2s box-shadow, .2s opacity;
      display:inline-flex; align-items:center; justify-content:center;
      position:relative; z-index:50; pointer-events:auto;
      white-space:nowrap;
      user-select:none;
    }
    .btn:active{transform:translateY(0)}
    .btn-primary{
      background:var(--red);
      color:#fff;
      padding:10px 16px;
      box-shadow:0 10px 24px rgba(177,31,43,.18);
    }
    .btn-primary:hover{background:var(--red-dark); transform:translateY(-1px)}

    .btn-ghost{
      background:#fff;
      color:var(--red);
      border:1px solid rgba(177,31,43,.25);
      padding:10px 14px;
    }
    .btn-ghost:hover{border-color:rgba(177,31,43,.55); box-shadow:0 10px 22px rgba(177,31,43,.08); transform:translateY(-1px); background:#fff;}
    .btn-lg{padding:16px 34px; font-size:18px; box-shadow:0 16px 36px rgba(177,31,43,.22)}
    .btn-primary.btn-lg:hover{background:var(--red-dark)}

    .actions{display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end}
    .hamburger{display:none}
    .menu-panel{display:none}

    @media (max-width: 860px){
      .actions{display:none}
      .hamburger{
        display:inline-flex;
        width:44px; height:44px;
        border-radius:14px;
        border:1px solid rgba(177,31,43,.22);
        background:rgba(177,31,43,.06);
        align-items:center; justify-content:center;
        cursor:pointer;
        position:relative;
        z-index:1200;
      }
      .hamburger span, .hamburger span:before, .hamburger span:after{
        content:"";
        display:block;
        width:18px; height:2px;
        background:var(--red);
        border-radius:2px;
        position:relative;
      }
      .hamburger span:before{position:absolute; top:-6px; left:0}
      .hamburger span:after{position:absolute; top:6px; left:0}

      .menu-panel{
        display:block;
        position:fixed;
        top:74px; left:12px; right:12px;
        background:#fff;
        border:1px solid var(--border);
        border-radius:18px;
        box-shadow: var(--shadow);
        padding:14px;
        transform: translateY(-8px);
        opacity:0;
        pointer-events:none;
        transition:.2s opacity, .2s transform;
        z-index:1100;
      }
      .menu-panel.open{
        opacity:1;
        transform: translateY(0);
        pointer-events:auto;
      }
      .menu-grid{display:grid; gap:10px;}
      .menu-grid a{width:100%}
      .menu-note{margin-top:10px; color:var(--muted); font-size:13px; line-height:1.55;}
    }

    .section{padding:44px 0}
    .section.tight{padding:32px 0}
    .center{text-align:center}
    .kicker{display:flex; justify-content:center; margin-bottom:12px}
    .pill{
      display:inline-flex; align-items:center; gap:8px;
      border:1px solid var(--border);
      padding:7px 12px;
      border-radius:999px;
      color:var(--muted);
      font-size:13px;
      background:#fff;
    }
    .dot{width:8px; height:8px; border-radius:999px; background:var(--red); box-shadow:0 0 0 4px rgba(177,31,43,.12)}

    h1{
      margin:0 0 14px;
      font-size:clamp(36px, 5.5vw, 58px);
      line-height:1.05;
      letter-spacing:-.03em;
      font-weight:950;
    }
    h2{
      margin:0 0 10px;
      font-size:clamp(28px, 3.8vw, 40px);
      letter-spacing:-.02em;
      font-weight:950;
    }
    p.lead{margin:0 auto; max-width:820px; color:var(--muted); font-size:16px; line-height:1.75;}
    .accent{color:var(--red)}

    .hero{padding:44px 0 16px; position:relative;}
    .hero-grid{display:grid; grid-template-columns: 1.08fr .92fr; gap:26px; align-items:center;}
    @media (max-width: 920px){.hero-grid{grid-template-columns:1fr; text-align:center} .hero-actions{justify-content:center} .trust-row{justify-content:center}}

    .hero-actions{display:flex; gap:12px; margin-top:20px; flex-wrap:wrap}
    .trust-row{margin-top:18px; display:flex; gap:14px; flex-wrap:wrap; align-items:center; color:var(--muted); font-size:13px;}
    .trust-item{display:flex; align-items:center; gap:8px; border:1px solid rgba(229,231,235,.8); background:#fff; padding:8px 12px; border-radius:999px; box-shadow:0 10px 26px rgba(17,24,39,.05);}
    .icon{width:18px; height:18px; border-radius:6px; border:1px solid rgba(177,31,43,.28); position:relative;}
    .icon:before{content:""; position:absolute; inset:4px; border-radius:4px; background:rgba(177,31,43,.12);}

    .hero-card{border:1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding:18px; background:#fff; position:relative; overflow:hidden;}
    .hero-card:after{content:""; position:absolute; inset:-40% -30%; background: radial-gradient(circle at 30% 30%, rgba(177,31,43,.15), transparent 55%), radial-gradient(circle at 80% 55%, rgba(177,31,43,.10), transparent 55%); transform:rotate(12deg); pointer-events:none;}
    .hero-card-inner{position:relative; z-index:1}
    .card-title{font-weight:950; font-size:16px; margin:0 0 10px; display:flex; align-items:center; justify-content:space-between; gap:10px;}
    .badge{font-size:12px; font-weight:900; padding:6px 10px; border-radius:999px; color:var(--red); background:rgba(177,31,43,.10); border:1px solid rgba(177,31,43,.16); display:inline-flex; align-items:center; gap:8px;}
    .badge i{width:8px; height:8px; border-radius:999px; background:var(--red); box-shadow:0 0 0 4px rgba(177,31,43,.12); display:inline-block}

    .mini-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
    .mini{border:1px solid rgba(229,231,235,.9); border-radius:14px; padding:12px; background:#fff;}
    .mini .label{color:var(--muted); font-size:12px}
    .mini .value{font-weight:950; font-size:18px; margin-top:4px}
    .mini .value small{font-size:12px; color:var(--muted); font-weight:800}
    .mini-wide{grid-column:1 / -1}

    .bar{margin-top:10px; height:10px; border-radius:999px; background:rgba(17,24,39,.06); overflow:hidden; border:1px solid rgba(229,231,235,.9);}
    .bar > span{display:block; height:100%; width:68%; background:linear-gradient(90deg, var(--red), var(--red-dark)); border-radius:999px; animation: fill 2.2s ease-in-out infinite alternate;}
    @keyframes fill{from{width:54%} to{width:76%}}
    .note{margin-top:10px; color:var(--muted); font-size:13px; line-height:1.6;}
    .proof{margin-top:12px; display:flex; gap:10px; flex-wrap:wrap;}
    .proof .tag{border:1px solid rgba(229,231,235,.9); background:#fff; padding:8px 10px; border-radius:999px; font-size:12.5px; color:#374151; box-shadow:0 10px 22px rgba(17,24,39,.05);}
    .proof .tag b{color:var(--red)}

    .ticker{margin-top:12px; border:1px solid rgba(177,31,43,.16); background:linear-gradient(180deg, rgba(177,31,43,.06), rgba(177,31,43,.03)); border-radius:14px; overflow:hidden;}
    .ticker-head{display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-bottom:1px solid rgba(177,31,43,.12); font-weight:900; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#374151;}
    .ticker-head span{display:flex; align-items:center; gap:8px}
    .ticker-head .live-dot{width:8px; height:8px; border-radius:999px; background:var(--red); box-shadow:0 0 0 4px rgba(177,31,43,.12)}
    .ticker-body{position:relative; height:140px;}
    .ticker-list{position:absolute; left:0; right:0; top:0; display:grid; gap:8px; padding:10px 12px; animation: scrollY 14s linear infinite;}
    .tick{display:flex; justify-content:space-between; gap:10px; align-items:center; border:1px solid rgba(229,231,235,.9); background:#fff; border-radius:12px; padding:9px 10px; font-size:13px; box-shadow:0 10px 22px rgba(17,24,39,.04);}
    .tick b{color:#111827}
    .tick small{color:var(--muted); font-weight:800}
    @keyframes scrollY{0%{transform:translateY(0)} 100%{transform:translateY(-50%)}}

    .banner{margin:22px auto 0; max-width:860px; background:linear-gradient(180deg, var(--red) 0%, var(--red-dark) 100%); color:#fff; padding:22px 18px; border-radius:16px; text-align:center; box-shadow: var(--shadow2);}
    .banner .label{font-weight:900; font-size:18px; line-height:1.25; margin:0 0 10px; color:#fff;}
    .banner .value{font-weight:950; font-size:40px; letter-spacing:.02em; margin:0; color:#fff;}
    .banner .sub{margin-top:10px; font-size:13px; opacity:.92; line-height:1.6}

    .grid{display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin-top:18px;}
    @media (max-width: 900px){.grid{grid-template-columns:1fr}}
    .card{border:1px solid var(--border); border-radius: var(--radius); padding:16px 16px 14px; background:#fff; box-shadow:0 10px 26px rgba(17,24,39,.05); overflow:hidden; position:relative;}
    .card:before{content:""; position:absolute; top:-70px; right:-70px; width:160px; height:160px; border-radius:999px; background:rgba(177,31,43,.08);}
    .card h3{margin:8px 0 8px; font-size:18px; font-weight:950; letter-spacing:-.01em;}
    .card p{margin:0; color:var(--muted); font-size:14px; line-height:1.7;}
    .chip{display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; border:1px solid rgba(177,31,43,.18); background:rgba(177,31,43,.06); color:var(--red); font-weight:900; font-size:12px;}

    .two{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:18px;}
    @media (max-width: 900px){ .two{grid-template-columns:1fr} }
    .panel{border:1px solid var(--border); border-radius: var(--radius); padding:18px; background:#fff; box-shadow:0 10px 26px rgba(17,24,39,.05); position:relative; overflow:hidden;}
    .panel h3{margin:0 0 8px; font-weight:950; font-size:20px}
    .panel ul{margin:10px 0 0; padding:0; list-style:none; display:grid; gap:10px}
    .li{display:flex; gap:10px; align-items:flex-start; color:var(--muted); font-size:14px; line-height:1.6;}
    .check{width:20px; height:20px; border-radius:7px; border:1px solid rgba(177,31,43,.22); background:rgba(177,31,43,.06); position:relative; flex:0 0 auto;}
    .check:after{content:""; position:absolute; left:6px; top:4px; width:6px; height:10px; border-right:3px solid var(--red); border-bottom:3px solid var(--red); transform:rotate(40deg);}

    .offers{display:grid; grid-template-columns: repeat(5, 1fr); gap:12px; margin-top:18px;}
    @media (max-width: 1100px){ .offers{grid-template-columns: repeat(3, 1fr);} }
    @media (max-width: 760px){ .offers{grid-template-columns: 1fr;} }
    .offer{border:1px solid var(--border); border-radius: var(--radius); background:#fff; box-shadow:0 10px 26px rgba(17,24,39,.05); overflow:hidden; position:relative;}
    .offer-top{padding:12px 12px 10px; border-bottom:1px solid rgba(229,231,235,.85); display:flex; align-items:flex-start; justify-content:space-between; gap:10px;}
    .offer-name{font-weight:950; font-size:14px; line-height:1.2}
    .offer-pill{font-size:11px; font-weight:950; color:var(--red); border:1px solid rgba(177,31,43,.18); background:rgba(177,31,43,.06); padding:6px 8px; border-radius:999px;}
    .offer-body{padding:12px}
    .offer-row{display:flex; justify-content:space-between; gap:10px; margin-top:8px; color:var(--muted); font-size:12.5px}
    .offer-row b{color:#111827}
    .blur{filter: blur(6px); opacity:.7; user-select:none;}
    .offer-cta{padding:12px; border-top:1px solid rgba(229,231,235,.85); display:flex; gap:10px; align-items:center; justify-content:space-between;}
    .offer-cta .small{color:var(--muted); font-size:12.5px; line-height:1.35;}

    .carousel{margin-top:18px; border:1px solid var(--border); border-radius: var(--radius); overflow:hidden; background:#fff; box-shadow:0 10px 26px rgba(17,24,39,.05);}
    .car-track{display:flex; width:500%; animation: slide 22s ease-in-out infinite;}
    .car-item{width:20%; padding:18px;}
    .quote{border:1px solid rgba(229,231,235,.9); border-radius: 16px; padding:16px; background:#fff; box-shadow:0 10px 22px rgba(17,24,39,.04); height:100%;}
    .stars{color:var(--red); font-weight:950; letter-spacing:.12em; font-size:12px}
    .q{margin:10px 0 12px; color:#374151; font-size:14px; line-height:1.75;}
    .person{display:flex; gap:10px; align-items:center; color:var(--muted); font-size:13px;}
    .avatar{width:34px; height:34px; border-radius:999px; border:1px solid rgba(177,31,43,.22); background:linear-gradient(180deg, rgba(177,31,43,.18), rgba(177,31,43,.06)); box-shadow:0 12px 26px rgba(177,31,43,.10);}
    .person b{color:#111827}
    @keyframes slide{0%{transform:translateX(0)} 18%{transform:translateX(0)} 22%{transform:translateX(-20%)} 40%{transform:translateX(-20%)} 44%{transform:translateX(-40%)} 62%{transform:translateX(-40%)} 66%{transform:translateX(-60%)} 84%{transform:translateX(-60%)} 88%{transform:translateX(-80%)} 100%{transform:translateX(-80%)}}

    .faq{margin-top:18px; display:grid; grid-template-columns:1fr 1fr; gap:12px;}
    @media (max-width: 900px){ .faq{grid-template-columns:1fr} }
    details{border:1px solid var(--border); border-radius: var(--radius); padding:14px; background:#fff; box-shadow:0 10px 26px rgba(17,24,39,.05);}
    summary{cursor:pointer; font-weight:950; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:10px;}
    summary::-webkit-details-marker{display:none}
    .chev{width:18px; height:18px; border-radius:8px; border:1px solid rgba(177,31,43,.25); background:rgba(177,31,43,.06); position:relative; flex:0 0 auto;}
    .chev:after{content:""; position:absolute; left:6px; top:5px; width:6px; height:6px; border-right:2px solid var(--red); border-bottom:2px solid var(--red); transform:rotate(45deg); transition:.2s transform;}
    details[open] .chev:after{transform:rotate(225deg); top:7px}
    details p{margin:10px 0 0; color:var(--muted); line-height:1.7; font-size:14px}

    .cta-strip{border:1px solid rgba(177,31,43,.18); background:linear-gradient(180deg, rgba(177,31,43,.06), rgba(177,31,43,.03)); border-radius: var(--radius); padding:18px; box-shadow:0 16px 40px rgba(177,31,43,.08); display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;}
    .cta-strip h3{margin:0; font-weight:950; font-size:20px}
    .cta-strip p{margin:4px 0 0; color:var(--muted); font-size:14px; line-height:1.6; max-width:720px}
    .cta-strip .btns{display:flex; gap:10px; flex-wrap:wrap}

    footer{border-top:1px solid var(--border); padding:26px 0 34px; background:#fff;}
    .footer-card{margin:0 auto; border:1px solid var(--border); border-radius:16px; padding:20px 14px; text-align:center; box-shadow:0 10px 26px rgba(17,24,39,.06); max-width:920px;}
    .footer-logo{width:70px; height:54px; margin:0 auto 12px; display:block;}
    .follow{display:flex; align-items:center; justify-content:center; gap:14px; margin:10px 0 12px; color:var(--muted); font-size:14px;}
    .social{display:flex; gap:10px; justify-content:center;}
    .social a{width:34px; height:34px; border:1px solid var(--border); border-radius:999px; display:grid; place-items:center; color:#111827; transition:.2s transform, .2s background; pointer-events:auto; position:relative; z-index:20;}
    .social a:hover{transform:translateY(-1px); background:#f9fafb}
    .footer-links{margin-top:12px; display:flex; flex-wrap:wrap; justify-content:center; gap:14px 22px; color:#374151; font-size:14px;}
    .footer-links a:hover{color:var(--red)}
    .copyright{margin-top:14px; color:var(--muted); font-size:12px;}

    .reveal{opacity:0; transform: translateY(10px); transition: opacity .55s ease, transform .55s ease;}
    .reveal.show{opacity:1; transform: translateY(0);}

/* --- Dashboard helpers (kept in same palette) --- */
.dash{display:grid; grid-template-columns: 260px 1fr; gap:16px; padding:24px 0;}
@media (max-width: 980px){.dash{grid-template-columns:1fr} .dash-nav{position:relative}}
.dash-nav{border:1px solid var(--border); border-radius: var(--radius); background:#fff; box-shadow:0 10px 26px rgba(17,24,39,.05); padding:14px;}
.dash-nav .title{font-weight:950; font-size:14px; letter-spacing:.08em; text-transform:uppercase; color:#374151; margin-bottom:10px; display:flex; align-items:center; gap:8px;}
.dash-nav a{display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 12px; border-radius:14px; border:1px solid transparent; color:#111827; font-weight:800; font-size:14px;}
.dash-nav a:hover{border-color:rgba(177,31,43,.18); background:rgba(177,31,43,.04)}
.dash-main{border:1px solid var(--border); border-radius: var(--radius); background:#fff; box-shadow:0 10px 26px rgba(17,24,39,.05); padding:18px;}
.kpi{display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; margin-top:14px;}
@media (max-width: 900px){.kpi{grid-template-columns:1fr}}
.kpi .box{border:1px solid rgba(229,231,235,.9); border-radius:16px; padding:14px;}
.kpi .box .t{color:var(--muted); font-size:12px}
.kpi .box .v{font-weight:950; font-size:22px; margin-top:6px}
.table{margin-top:14px; border:1px solid rgba(229,231,235,.9); border-radius:16px; overflow:hidden;}
.table .row{display:grid; grid-template-columns: 1.4fr .6fr .6fr .6fr; gap:10px; padding:12px 14px; border-top:1px solid rgba(229,231,235,.9);}
.table .row:first-child{border-top:none; background:rgba(17,24,39,.02); font-weight:950;}
.table .row span{color:#111827; font-size:13px}
.table .row small{color:var(--muted); font-weight:800}