@charset "utf-8";
/* CSS Document */

 :root{
    --magenta:#B3106B;
    --magenta-deep:#8A0D53;
    --coral:#E8659A;
    --ink:#26232E;
    --paper:#FEFAFB;
    --blush:#FBF1F5;
    --muted:#726E78;
    --line:#EBDCE4;
    --teal:#28685F;
    --teal-deep:#194841;
  }
  
  

  *{box-sizing:border-box;margin:0;padding:0; font-family: 'Source Sans Pro', sans-serif}
  
  img{max-width:100%;display:block;}
  .wrap{max-width:100%;margin:0 auto;padding:0 0px;}
  a{color:var(--magenta-deep); text-decoration:none;}



  /* ---------- Hero ---------- */
  .hero{padding:0px;border-bottom:1px solid var(--line);}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;}
  .eyebrow{
    font-family:'Inter',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:1.6px;
    text-transform:uppercase;color:var(--magenta-deep);margin-bottom:18px;display:block;
  }
  h1{
    font-family: 'Source Sans Pro', sans-serif; font-weight:500;font-size:42px;line-height:1.14;
    letter-spacing:-.5px;color:var(--ink);margin-bottom:20px;
  }
  .hero-sub{font-size:17px;color:var(--muted);max-width:46ch;}
  .hero-art{border-radius:6px;overflow:hidden;background:#000;}
  .hero-art img{width:100%;height:100%;object-fit:cover;display:block;}
  .meta-row{
    display:flex;gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line);
    font-size:13px;color:var(--muted);
  }
  .meta-row strong{color:var(--ink);font-weight:600;}
  
   ul.check{list-style:none;margin:22px 0;}
  ul.check li{
    position:relative;padding-left:32px;margin-bottom:13px;font-size:16px;color:#3B3843;
  }
  ul.check li::before{
    content:"";position:absolute;left:0;top:5px;width:18px;height:18px;
    border-radius:50%;background:var(--teal);
  }
  ul.check li::after{
    content:"";position:absolute;left:6px;top:9.5px;width:6px;height:3px;
    border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);
  }

  ul.dot{list-style:none;margin:22px 0;}
  ul.dot li{
    position:relative;padding-left:24px;margin-bottom:11px;font-size:16px;color:#3B3843;
  }
  ul.dot li::before{
    content:"";position:absolute;left:0;top:9px;width:7px;height:7px;
    border-radius:50%;background:var(--magenta);
  }

  /* ---------- Article body ---------- */
  article{padding:52px 0 0;}
  .lede{font-size:19px;color:var(--ink);font-weight:400;}
  .lede + p{margin-top:18px;}
  p{margin-bottom:18px;font-size:16px;color:#000;}
  h2{
    font-family: 'Source Sans Pro', sans-serif; font-weight:700;font-size:25px;
    color:var(--magenta-deep) ;margin:20px 0 20px;letter-spacing:-.2px;
  }
  h3{
    font-family: 'Source Sans Pro', sans-serif;font-weight:700;font-size:20px;
    color:var(--magenta-deep);margin:30px 0 12px;
  }
  strong{font-weight:600;color:var(--ink);}

 

  /* ---------- Body photos ---------- */
  .body-photo{margin:36px 0;}
  .body-photo--wide img{
    width:100%;border-radius:6px;display:block;background:#000;
  }
  .body-photo figcaption{
    font-size:13px;color:var(--muted);margin-top:10px;text-align:center;
  }

  /* ---------- Benefit cards ---------- */
  .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 12px;}
  .benefit-card{
    background:var(--blush);border-radius:6px;padding:24px 20px;border:1px solid var(--line);
  }
  .benefit-card .icon{width:34px;height:34px;margin-bottom:14px;}
  .benefit-card h4{
    font-family: 'Source Sans Pro', sans-serif;font-size:20px;font-weight:700;margin-bottom:8px;color:var(--ink);
  }
  .benefit-card p{font-size:16px;color:#000;margin:0;}

  /* ---------- Signature: access comparison ---------- */
  .incision-block{
    margin:34px 0 40px;border:1px solid var(--line);border-radius:6px;
    padding:10px;background:#fff;
  }
  .incision-block .label-row{
    display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;
    letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-top:14px;
  }
  .incision-block .caption{
    text-align:center;font-size:13.5px;color:var(--muted);margin-top:18px;
    padding-top:16px;border-top:1px solid var(--line);
  }

  /* ---------- Comparison table ---------- */
  table{width:100%;border-collapse:collapse;margin:26px 0 8px;font-size:16px;}
  thead th{
    font-family:'Inter',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.6px;
    text-transform:uppercase;color:#fff;background:var(--magenta-deep);
    padding:13px 16px;text-align:left;
  }
  thead th:first-child{border-radius:5px 0 0 0;}
  thead th:last-child{border-radius:0 5px 0 0;}
  tbody td{padding:14px 16px;border-bottom:1px solid var(--line);color:#000;}
  tbody tr:nth-child(odd){background:var(--blush);}

  /* ---------- Callout ---------- */
  .callout{
    margin:34px 0;border-left:3px solid var(--teal);padding:16px 24px;background:var(--blush);
    border-radius:0 6px 6px 0;
  }
  .callout p{margin:0;font-size:16px;color:var(--ink);}
  .callout strong{color:var(--teal-deep);}

  /* ---------- Why Woodlands ---------- */
  .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:24px 0;}
  .why-card{padding:20px 0;border-top:1px solid var(--line);}
  .why-card:nth-child(-n+2){border-top:none;}
  .why-card h4{
    font-family: 'Source Sans Pro', sans-serif;font-size:20px;font-weight:700;color:var(--magenta-deep);margin-bottom:8px;
  }
  .why-card p{font-size:16px;color:#000;margin:0;}
  .legacy-badge{
    display:block;align-items:center;gap:10px;background:var(--ink);color:#fff;
    padding:10px 18px;border-radius:3px;font-size:18.5px;font-weight:600;margin:20px 0 6px;
  }
  .legacy-badge .num{font-family: 'Source Sans Pro', sans-serif;font-size:24px;color:var(--coral);}

  /* ---------- CTA band ---------- */
  .cta-band{
    margin:56px 0;background:var(--magenta-deep);border-radius:6px;
    padding:40px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;
  }
  .cta-band h3{
    font-family: 'Source Sans Pro', sans-serif;font-size:23px;font-weight:700;color:#fff;margin:0;
  }
  .cta-band p{color:#F3D3E1;margin:6px 0 0;font-size:16px;}
  .cta-band a{
    background:#fff;color:var(--magenta-deep);font-weight:600;font-size:15px;
    padding:13px 26px;border-radius:3px;text-decoration:none;white-space:nowrap;
  }

  /* ---------- FAQ ---------- */
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-item summary{
    list-style:none;cursor:pointer;padding:20px 0;display:flex;
    justify-content:space-between;align-items:center;font-weight:700;font-size:18px;color:var(--ink);
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary .plus{
    font-family:'Fraunces',serif;font-size:22px;color:var(--magenta);flex-shrink:0;margin-left:15px;
    transition:transform .2s ease;
  }
  .faq-item[open] summary .plus{transform:rotate(45deg);}
  .faq-item .faq-a{padding:0 0 20px;color:#000;font-size:16px;}

  /* ---------- Footer ---------- */
  footer{border-top:1px solid var(--line);margin-top:64px;padding:36px 0;}
  footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
  footer img{height:28px;width:auto;opacity:.85;}
  footer p{font-size:13px;color:var(--muted);margin:0;}

h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 29px;
    color: #c02746;
    margin: 0px 0 20px;
    letter-spacing: -.2px;
}

.story {
    margin: 40px 0;
    border-left: 3px solid var(--magenta);
    padding: 8px 0 8px 28px;
}

.story p {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: italic;
    font-size: 20px;
    line-height: 1.5;
    color: var(--ink);
    margin-bottom: 14px;
}


.bookmark_btn {
    float: left;
    width: auto;
    height: auto;
    margin-right: .5%;
    padding: 6px 1%;
    text-align: center;
    background-color: #fff;
    font-family: 'Source Sans Pro', sans-serif !important;
    color: #000000;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    transition: 0.5s all;
    
    border:1px solid #c02746;
    cursor: pointer;
}

.bookmark_btn:hover {
    color: #FFFFFF;
    background-color: #b03053;
}

.bookmark{
    float:left;
    width:100%;
    margin-bottom:30px;
    
}



  @media (max-width:720px){
      
      
 .bookmark_btn {
    
    margin-right: 1%;
    padding: 6px 8px;
    font-weight:600;
    font-size: 13px;
    line-height:16px;
}     
      
      
      
      
      
   article{padding:0px 0 0;}
   h2{font-size:23px; line-height: 28px; }
   
    .hero-grid{grid-template-columns:1fr;}
    h1{font-size:23px;}
    .benefit-grid{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:1fr;}
    .why-card{border-top:1px solid var(--line);}
    .why-card:first-child{border-top:none;}
    .cta-band{flex-direction:column;align-items:flex-start;}
    table{font-size:13px;}
    thead th,tbody td{padding:10px;}
  }