/*
  Scoped to .content
  This stylesheet will not style the navbar, sidebar, site footer, or other
  elements outside the .content container.
*/

.content{
    --red:#C8102E; --red-deep:#A00C23;
    --blush:#FBEFF1; --blush-soft:#FDF6F7;
    --ink:#191B1F; --body:#565C64; --muted:#8A9099;
    --line:#E9E7E3; --line-soft:#F0EEEA;
    --white:#FFFFFF; --warm:#FCFBF9;
    --ok:#1C8C4A;
  }
  .content *{ box-sizing:border-box; margin:0; padding:0; }
  .content{ scroll-behavior:smooth; }
  .content{
    font-family:"Roboto","Helvetica Neue",Arial,sans-serif;
    color:var(--body); background:var(--background-color); line-height:1.55; font-size:16px;
    -webkit-font-smoothing:antialiased;
    -webkit-print-color-adjust:exact; print-color-adjust:exact;
  }
  .content .wrap{ max-width:1060px; margin:0 auto; padding:0 26px; }
  .content a{ color:inherit; text-decoration:none; margin:0; padding:0;}
  .content a:hover{ text-decoration:none;}
  .content .eyebrow{ font-size:11.5px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--red); }
  .content h2.sec{ font-size:29px; font-weight:800; color:var(--ink); letter-spacing:-.01em; line-height:1.15; margin:10px 0 0; }
  .content section{ padding:70px 0; }
  .content p{ max-width:60ch; }

  .content .btn{ display:inline-block; background:var(--red); color:#fff; font-weight:700; font-size:16px;
        padding:4px 8px; border-radius:10px; text-align:center; cursor:pointer; 
        transition: .15s ease, transform .08s ease; width:fit-content;}
  .content .btn:hover{ background:var(--red-deep); }
  .content .btn:active{ transform:translateY(1px); }
  .content .arrowlink{ color:var(--red); font-weight:700; font-size:15px; display:inline-flex; align-items:center; gap:6px; }

  
  /* hero */
  .content .hero{ background:var(--white); border-bottom:1px solid var(--line); padding:66px 0; position:relative; overflow:hidden; }
  .content .hero .wrap{ display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
  .content .hero h1{ font-size:40px; font-weight:800; letter-spacing:-.02em; line-height:1.1; color:var(--ink); margin:14px 0 0; }
  .content .hero .htext p{ font-size:17px; color:var(--body); margin-top:18px; }
  .content .hero .cta-row{ margin-top:26px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
  .content .hero .disc{ margin-top:14px; font-size:13.5px; color:var(--muted); }
  .content .hero .disc b{ color:var(--body); font-weight:600; }

  /* report card */
  .content .report-wrap{ position:relative; }
  .content .report-wrap::before{ content:""; position:absolute; inset:22px -18px -18px 30px; background:var(--blush); border-radius:20px; z-index:0; }
  .content .report{ position:relative; z-index:1; background:var(--white); border:1px solid var(--line);
           border-radius:16px; box-shadow:0 14px 40px rgba(25,27,31,.09); padding:24px 26px; }
  .content .report .rlabel{ font-size:11px; letter-spacing:.16em; font-weight:700; color:var(--red); text-transform:uppercase; }
  .content .report .rrow{ display:flex; justify-content:space-between; gap:18px; padding:10px 0; border-top:1px solid var(--line-soft); font-size:14px; }
  .content .report .rrow:first-of-type{ margin-top:12px; }
  .content .report .rrow .k{ color:var(--muted); white-space:nowrap; }
  .content .report .rrow .v{ color:var(--ink); font-weight:500; text-align:right; }
  .content .report .block{ margin-top:14px; padding-top:14px; border-top:1px solid var(--line-soft); }
  .content .report .block .h{ font-size:10.5px; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); font-weight:700; }
  .content .report .assess{ display:flex; align-items:center; gap:9px; margin-top:9px; font-size:15px; font-weight:600; color:var(--ink); }
  .content .report .chk{ width:19px; height:19px; border-radius:50%; background:var(--red); color:#fff; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
  .content .report .chk svg{ width:11px; height:11px; }
  .content .report .willcheck{ margin-top:8px; font-size:13.5px; color:var(--body); }

  /* trust strip */
  .content .trust{ background:var(--warm); border-bottom:1px solid var(--line); }
  .content .trust .wrap{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:20px 26px; }
  .content .trust .t{ display:flex; align-items:center; gap:9px; font-size:14px; color:var(--body); }
  .content .trust .t svg{ width:17px; height:17px; color:var(--red); flex:0 0 auto; }

  /* useful when */
  .content .three{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:34px; }
  .content .sit{ border:1px solid var(--line); border-radius:14px; padding:24px 22px; background:var(--white); }
  .content .sit h3{ font-size:16.5px; font-weight:700; color:var(--ink); margin-bottom:8px; line-height:1.3; }
  .content .sit p{ font-size:14.5px; color:var(--body); }

  /* what you receive */
  .content .receive{ background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .content .receive .cols{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start; margin-top:30px; }
  .content .dlist{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:24px 48px; margin-top:10px; }
  .content .dlist li{ display:flex; gap:13px; align-items:flex-start; }
  .content .dchk{ width:22px; height:22px; border-radius:50%; background:var(--blush); color:var(--red); display:flex; align-items:center; justify-content:center; flex:0 0 auto; margin-top:1px; }
  .content .dchk svg{ width:12px; height:12px; }
  .content .dlist h4{ font-size:15.5px; font-weight:700; color:var(--ink); margin-bottom:2px; }
  .content .dlist p{ font-size:14.5px; color:var(--body); }
  .content .buy-row{ margin-top:28px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
  .content .buy-row .price{ font-size:15px; color:var(--muted); }
  .content .buy-row .price b{ font-size:22px; color:var(--ink); font-weight:800; }
  .content .offer-fine{ font-size:13px; color:var(--muted); margin-top:20px; font-style:italic; max-width:70ch; }
  .content .samplecard .cap{ font-size:12px; color:var(--muted); text-align:center; margin-top:12px; font-style:italic; }
  .content .report .checklist{ list-style:none; margin-top:8px; }
  .content .report .checklist li{ font-size:13.5px; color:var(--body); padding:4px 0 4px 16px; position:relative; }
  .content .report .checklist li::before{ content:"·"; position:absolute; left:4px; color:var(--red); font-weight:900; }

  /* how it works */
  .content .how{ background:var(--warm); }
  .content .stepsrow{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:40px; }
  .content .stepsrow::before{ content:""; position:absolute; top:20px; left:17%; right:17%; height:2px; background:var(--line); z-index:0; }
  .content .stepx{ position:relative; z-index:1; text-align:center; }
  .content .stepx .num{ width:42px; height:42px; border-radius:50%; background:var(--red); color:#fff; font-weight:700; font-size:17px; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; }
  .content .stepx h3{ font-size:16px; font-weight:700; color:var(--ink); margin-bottom:5px; }
  .content .stepx p{ font-size:14px; color:var(--body); max-width:26ch; margin:0 auto; }
  .content .stepnote{ text-align:center; margin-top:30px; font-size:14px; color:var(--muted); max-width:none; }
  .content .stepnote b{ color:var(--ink); }

  /* why */
  .content .why{ background:var(--white); border-top:1px solid var(--line); }
  .content .proof{ display:grid; grid-template-columns:repeat(2,1fr); gap:34px 52px; margin-top:32px; }
  .content .proof .p{ }
  .content .proof .p .bar{ width:34px; height:3px; background:var(--red); border-radius:2px; margin-bottom:14px; }
  .content .proof .p h3{ font-size:16px; font-weight:700; color:var(--ink); margin-bottom:7px; }
  .content .proof .p p{ font-size:14.5px; color:var(--body); }
  .content .whynote{ margin-top:34px; font-size:13px; color:var(--muted); max-width:80ch; }

  /* faq */
  .content .faq .qa{ max-width:780px; margin:26px auto 0; border-top:1px solid var(--line); }
  .content .faq details{ border-bottom:1px solid var(--line); }
  .content .faq summary{ list-style:none; cursor:pointer; font-size:16.5px; font-weight:700; color:var(--ink); padding:20px 0; display:flex; justify-content:space-between; align-items:center; gap:16px; }
  .content .faq summary::-webkit-details-marker{ display:none; }
  .content .faq summary::after{ content:"+"; color:var(--red); font-size:22px; font-weight:400; line-height:1; }
  .content .faq details[open] summary::after{ content:"–"; }
  .content .faq details .a{ padding:0 0 22px; }
  .content .faq details p{ font-size:15px; color:var(--body); }
  .content .faq details ul{ margin:8px 0 0; padding-left:20px; }
  .content .faq details li{ font-size:15px; color:var(--body); margin:4px 0; }

  /* final cta */
  .content .final{ background:var(--blush-soft); border-top:1px solid var(--line); text-align:center; }
  .content .final h2{ font-size:30px; font-weight:800; color:var(--ink); letter-spacing:-.01em; }
  .content .final p{ font-size:16.5px; color:var(--body); margin:12px auto 24px; }
  .content .final .lp{ margin-top:16px; font-size:13.5px; color:var(--muted); }

  /* concierge cross-link */
  .content .cross{ background:var(--white); border-top:1px solid var(--line); }
  .content .cross .box{ display:flex; align-items:center; justify-content:space-between; gap:26px; flex-wrap:wrap;
               border:1px solid var(--line); border-radius:16px; padding:26px 30px; background:var(--warm); }
  .content .cross h3{ font-size:17px; font-weight:700; color:var(--ink); margin-bottom:5px; }
  .content .cross p{ font-size:14.5px; color:var(--body); max-width:62ch; }

  /* footer */
  .content footer.ft{ background:var(--warm); border-top:1px solid var(--line); padding:40px 0; }
  .content footer.ft .brand{ margin-bottom:14px; }
  .content footer.ft .disc{ font-size:12.5px; line-height:1.6; color:var(--muted); max-width:900px; margin-bottom:8px; }

  @media (max-width:840px){
    .content .hero .wrap{ grid-template-columns:1fr; gap:40px; }
    .content .trust .wrap{ grid-template-columns:1fr 1fr; gap:16px; }
    .content .three, .content .dlist, .content .stepsrow, .content .proof{ grid-template-columns:1fr; }
    .content .stepsrow::before{ display:none; }
    .content .hero h1{ font-size:32px; } .content h2.sec{ font-size:24px; }
    .content .report-wrap::before{ inset:14px -8px -10px 16px; }
  }
  @media print{
    .content .btn{ box-shadow:none !important; }
    .content .sit, .content .stepx, .content .proof .p, .content .report, .content .faq details, .content .cross .box, .content .hero, .content .receive{ break-inside:avoid; }
    .content section{ padding:46px 0; }
    .content .faq details .a{ display:block !important; }
    .content .faq summary::after{ content:"" !important; }
  }