:root{
      --bg:#fbf7f2;
      --bg-2:#f7f0e5;
      --surface:#ffffff;
      --surface-soft:#fff8ef;
      --text:#24131c;
      --muted:#6f5863;
      --line:#eadbca;
      --primary:#4a1636;
      --primary-2:#6a234d;
      --accent:#c89a3d;
      --accent-2:#e5b85b;
      --shadow:0 20px 55px rgba(74,22,54,.10);
      --shadow-deep:0 30px 80px rgba(39,15,28,.32);
      --radius-xl:30px;
      --max:1240px;
    }

    /* =========================================================
       BASE
    ========================================================== */
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter, "Segoe UI", Arial, sans-serif;
      background:linear-gradient(180deg,var(--bg) 0%, #fffdf9 40%, var(--bg-2) 100%);
      color:var(--text);
      line-height:1.65;
    }
    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    h1,h2,h3,h4,p,ul{margin:0}
    ul{padding-left:18px}
    .container{width:min(var(--max), calc(100% - 32px));margin:0 auto}
    .section{padding:86px 0}
    .section-tight{padding-top:0}
    .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
    .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--surface-soft);color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.04em;border:1px solid rgba(200,154,61,.20)}
    .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 4px rgba(200,154,61,.16)}
    h1{font-size:clamp(2.6rem,4vw,4.9rem);line-height:1.03;letter-spacing:-.04em}
    h2{font-size:clamp(1.95rem,2.6vw,3.05rem);line-height:1.1;letter-spacing:-.03em}
    h3{font-size:1.18rem;line-height:1.3}
    .lead{font-size:1.07rem;color:#fff7f0;max-width:760px}
    .muted{color:var(--muted)}
    .outer-card{background:linear-gradient(180deg,#ffffff 0%, #fffcf7 100%);border:1px solid rgba(200,154,61,.16);border-radius:34px;box-shadow:var(--shadow);padding:32px}

    /* =========================================================
       BUTTONS
    ========================================================== */
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:800;transition:.25s ease;border:1px solid transparent;cursor:pointer}
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{color:#2c1607;background:linear-gradient(135deg,var(--accent),#e2b458 60%, #f4d085 100%);box-shadow:0 16px 30px rgba(200,154,61,.24)}
    .btn-secondary{color:#fff;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);backdrop-filter:blur(10px)}

    /* =========================================================
       HERO
    ========================================================== */
    .hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 12% 16%, rgba(244,208,133,.24), transparent 24%),radial-gradient(circle at 86% 18%, rgba(229,184,91,.20), transparent 25%),linear-gradient(135deg,#6a234d 0%, #8e3b66 48%, #c89a3d 100%);padding:94px 0 70px}
    .hero::before{content:"";position:absolute;inset:auto -160px -220px auto;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle, rgba(255,233,191,.28) 0%, rgba(255,233,191,0) 70%);pointer-events:none}
    .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center}
    .hero-copy{display:grid;gap:22px}
    .hero-badges{display:flex;flex-wrap:wrap;gap:12px}
    .hero-badge{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fffdf9;font-weight:700;font-size:.93rem}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap}
    .hero-product-wrap{position:relative;min-height:540px;padding:34px;display:grid;place-items:center;overflow:hidden;border-radius:34px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.07));box-shadow:var(--shadow-deep)}
    .hero-product-wrap::before,.hero-product-wrap::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
    .hero-product-wrap::before{width:340px;height:340px}
    .hero-product-wrap::after{width:460px;height:460px}
    .product-frame{position:relative;z-index:2;width:min(100%, 560px);min-height:430px;padding:24px;display:grid;place-items:center;border-radius:28px;border:1px dashed rgba(255,255,255,.22);background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03))}
    .product-frame img{max-height:400px;width:auto;object-fit:contain;filter:drop-shadow(0 24px 50px rgba(0,0,0,.28))}

    /* =========================================================
       PRICING
    ========================================================== */
    .pricing-overlap{margin-top:0;position:relative;z-index:1;padding-top:34px}
    .pricing-table-wrap{overflow-x:auto;border:1px solid rgba(200,154,61,.18);border-radius:26px;background:#fffdfa;box-shadow:0 14px 36px rgba(74,22,54,.06)}
    .pricing-table{width:100%;border-collapse:collapse;min-width:720px}
    .pricing-table th,.pricing-table td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
    .pricing-table th{background:#fff6ea;color:var(--primary);font-size:1rem;font-weight:800}
    .pricing-table td:first-child{width:28%;font-weight:800;color:var(--primary);background:#fffdf9}
    .pricing-table tr:last-child td{border-bottom:none}

    /* =========================================================
       CONTENT CARDS
    ========================================================== */
    .about-copy-card,.content-panel-card,.pdf-report-card,.feature-card{padding:28px;border-radius:28px;background:#fff;border:1px solid rgba(200,154,61,.14);box-shadow:0 14px 36px rgba(74,22,54,.06)}
    .about-copy-card h3,.content-panel-card h3,.feature-card h3{color:var(--primary);margin-bottom:14px}
    .about-copy-card p + p,.pdf-report-card p + p{margin-top:18px}

    /* =========================================================
       TABS
    ========================================================== */
    .tabs-shell{padding:0}
    .tabs-head{display:flex;gap:12px;flex-wrap:wrap;padding:0 0 22px;border-bottom:1px solid var(--line);margin-bottom:24px}
    .tab-btn{border:none;cursor:pointer;min-height:48px;padding:0 18px;border-radius:999px;background:#fff7ee;color:var(--primary);font-weight:800;transition:.22s ease;border:1px solid rgba(200,154,61,.18)}
    .tab-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 12px 26px rgba(74,22,54,.18)}
    .tab-panel{display:none}
    .tab-panel.active{display:block}
    .content-panel-card ul,.feature-list{display:grid;gap:12px}
    .content-panel-card li,.feature-list li{color:var(--muted)}
    .content-panel-card li strong,.feature-list li strong{color:var(--text)}

    /* =========================================================
       HIGHLIGHTS
    ========================================================== */
    .feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}

    /* =========================================================
       VIDEO DEMO
    ========================================================== */
    .video-only-card{overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#1e3557 0%, #2d4d7a 52%, #6f8fb8 100%);box-shadow:0 30px 80px rgba(20,35,60,.20);padding:18px}
    .video-frame-wrap{overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:#000;width:100%;min-height:520px}
    .video-frame{display:block;width:100%;height:520px;border:0;background:#000}

    /* =========================================================
       CTA
    ========================================================== */
    .cta-card{background:linear-gradient(135deg,#2a0d20 0%, #4a1636 52%, #6a234d 100%);color:#fff;border-radius:34px;padding:34px;box-shadow:var(--shadow-deep)}
    .cta-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:center}
    .cta-card p{color:#f0e2e9;margin-top:12px}
    .cta-panel{padding:24px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
    .cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
    .tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
    .tag{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:.9rem;font-weight:800;border:1px solid rgba(255,255,255,.14)}

    /* =========================================================
       RESPONSIVE
    ========================================================== */
    @media (max-width:1140px){.hero-grid,.cta-layout,.feature-grid{grid-template-columns:1fr}.hero-product-wrap{min-height:460px}}
    @media (max-width:860px){.section{padding:68px 0}.tabs-head{overflow:auto;flex-wrap:nowrap;padding-bottom:8px}.tab-btn{white-space:nowrap}.hero{padding-top:76px}.outer-card,.cta-card{padding:22px}.video-frame-wrap{min-height:320px}.video-frame{height:320px}.product-frame{min-height:360px}}