 :root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height: 1.55; }
    body { margin: 0; color: #111; background-image: url("https://i.ibb.co.com/VccnbHFX/photo001-6.jpg");background-position: center;background-repeat: no-repeat;background-size: cover; }
    a { color: inherit; }
    .container { width: min(1120px, 92vw); margin: 0 auto; }
    header { position: sticky; top: 0; z-index: 10; background: rgba(7,7,7,.88); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,.08); }
    .nav { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 14px 0; }
    .brand { display:flex; align-items:center; gap:10px; font-weight: 900; letter-spacing: .4px; text-decoration:none; }
    .brand img { width: 150px; height: 50px; border-radius: 12px; }
    nav a { text-decoration: none; color: rgba(255,255,255,.84); font-weight: 750; font-size: .95rem; }
    nav a:hover { color: #fff; }

    .hero { padding: 42px 0 14px; display: grid; gap: 18px; grid-template-columns: 1.2fr .8fr; align-items: center; }
    .badge { display:inline-flex; align-items:center; gap:8px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06); color: rgba(255,255,255,.86); padding: 7px 11px; border-radius: 999px; font-weight: 800; font-size: .9rem; }
    .hero h1 { color: #fff; font-size: clamp(30px, 3.2vw, 46px); line-height: 1.12; margin: 10px 0 10px; letter-spacing: -.2px; }
    .hero p { margin: 0 0 16px; color: rgba(255,255,255,.78); font-size: 1.05rem; }
    .chips { display:flex; flex-wrap: wrap; gap: 10px; margin: 10px 0 18px; }
    .chip { border: 1px solid rgba(255,255,255,.14); border-radius: 999px; padding: 7px 11px; font-size: .9rem; color: rgba(255,255,255,.8); }

    .btnrow { display:flex; gap: 10px; flex-wrap: wrap; }
    .btn { display:inline-block; padding: 12px 16px; border-radius: 12px; font-weight: 900; text-decoration:none; border: 1px solid rgba(255,255,255,.22); color: #fff; background: rgba(255,255,255,.06); }
    .btn:hover { background: rgba(255,255,255,.10); }
    .btn.primary { background: #fff; color: #111; border-color: #fff; }
    .btn.primary:hover { background: rgba(255,255,255,.92); }
    .btn.ghost { background: transparent; }

    section { padding: 28px 0; border-top: 1px solid rgba(255,255,255,.08); }
    h2 { margin: 0 0 10px; font-size: 1.65rem; color:#fff; letter-spacing: -.1px; }
    h3 { margin: 14px 0 8px; font-size: 1.1rem; color:#fff; }
    p, li { color: rgba(255,255,255,.78); }

    .purchase-panel {background: linear-gradient(#c2001a, rgb(0, 0, 0));padding: 35px;border-radius: 20px;box-shadow: 0 15px 50px rgba(140, 0, 0);border: 1px solid rgba(140, 0, 0);color: #f0f0f0;font-size: 17px;line-height: 1.8;position: relative;overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;}
                                            
     .purchase-panel:hover {transform: translateY(-5px);box-shadow: 0 20px 60px rgba(140, 0, 0);}
     .purchase-panel::after {content: '';position: absolute;  top: 0;left: -75%; width: 50%;height: 100%;                    
      background: linear-gradient(120deg,rgba(140, 0, 0) 0%,rgba(140, 0, 0) 50%,rgba(140, 0, 0) 100%);transform: skewX(-20deg);pointer-events: none;transition: all 0.5s ease;}
     .purchase-panel:hover::after { animation: flash 1s ease-in-out;} 

    .card {font-family: 'Arial', sans-serif;background: linear-gradient(#000000, rgb(194, 0, 26));border-bottom: 1px solid #e781b1;border-radius: 5px;}
    .side img { width: 100%; height: auto; border-radius: 16px; border: 1px solid rgba(255, 0, 0); }
    .grid3 { display:grid; gap: 14px; grid-template-columns: repeat(3, 1fr); }
    .grid2 { display:grid; gap: 14px; grid-template-columns: repeat(2, 1fr); }

    .quote { font-weight: 800; color: rgba(255,255,255,.92); font-size: 1rem; margin: 0 0 8px; }
    .who { display:flex; align-items:center; justify-content: space-between; gap: 10px; margin-top: 10px; font-size: .92rem; color: rgba(255,255,255,.70); }
    .stars { letter-spacing: 1px; }

    .faq details { border: 1px solid rgba(255,255,255,.10); border-radius: 16px; padding: 12px 14px; margin: 10px 0; background: rgba(255,255,255,.03); }
    .faq summary { cursor: pointer; font-weight: 900; color: rgba(255,255,255,.92); }
    .divider { height: 1px; background: rgba(255,255,255,.08); margin: 14px 0; border: 0; }

    footer { padding: 22px 0 54px; border-top: 1px solid rgba(255,255,255,.10); color: rgba(255,255,255,.72); }

    .cta-fixed { position: fixed; left: 50%; transform: translateX(-50%); bottom: 16px; width: min(740px, 92vw); padding: 12px; border-radius: 20px; border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.68); backdrop-filter: blur(12px); display:flex; align-items:center; justify-content: space-between; gap: 10px; }
    .cta-fixed strong { color: #fff; font-weight: 950; }
    .cta-fixed span { color: rgba(255,255,255,.74); font-size: .95rem; }

    @media (max-width: 920px) {
      .hero { grid-template-columns: 1fr; }
      .grid3, .grid2 { grid-template-columns: 1fr; }
      .cta-fixed { flex-direction: column; align-items: stretch; }
      .cta-fixed .btn { text-align:center; }
    }

    /* Red Neon Accent */
    :root { --accent: #ff1b1b; --accent2: #ff3b3b; --glow: 0 0 18px rgba(255,27,27,.38), 0 0 44px rgba(255,27,27,.18); }
    .badge { border-color: rgba(255,27,27,.35); background: rgba(255,27,27,.10); box-shadow: var(--glow); }
    .chip { border-color: rgba(255,27,27,.22); }
    .btn.primary { background: var(--accent); color: #0b0b0b; border-color: rgba(255,27,27,.9); box-shadow: var(--glow); }
    .btn.primary:hover { background: var(--accent2); }
    header { border-bottom-color: rgba(255,27,27,.12); }
    section { border-top-color: rgba(255,27,27,.10); }
    .card { border-color: rgba(255,27,27,.14); }
    nav a:hover { text-shadow: 0 0 12px rgba(255,27,27,.35); }
    .brand span { color: #fff; }
.purchase-panel {
    background: linear-gradient(#c2001a, rgb(0, 0, 0));
    padding: 35px;
    border-radius: 20px;
    box-shadow: 0 15px 50px rgba(140, 0, 0);
    border: 1px solid rgba(140, 0, 0);
    color: #f0f0f0;
    font-size: 17px;
    line-height: 1.8;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}









