.wrap{
  width:min(1180px,calc(100% - 48px));
  margin-inline:auto}
  .pricing-intro{
    padding-top:155px;
    padding-bottom:56px}
    .pricing-intro h1{
      font-size:clamp(2.5rem,5.5vw,4.8rem);
      letter-spacing:-.055em;
      line-height:1.06;
      color:var(--navy-950);
      margin:24px 0}
      .pricing-intro em{
        font-style:normal;
        color:var(--navy-700)}
        .intro-copy{
          max-width:660px;
          font-size:1.15rem;
          color:var(--gray-700)}
          .intro-note{
            border-left:3px solid var(--red-600);
            padding:12px 20px;
            margin-top:32px;
            max-width:680px}
            .section-heading{
              display:flex;
              justify-content:space-between;
              align-items:center;
              gap:24px}
              h2{
                font-size:clamp(1.8rem,3vw,2.6rem);
                line-height:1.15;
                letter-spacing:-.03em;
                margin:12px 0 24px}
                .cycle{
                  border:0;
                  display:flex;
                  gap:4px;
                  flex-wrap:wrap}
                  .cycle legend{
                    font-size:.8rem;
                    margin-bottom:8px}
                    .cycle label{
                      position:relative;
                      cursor:pointer}
                      .cycle input{
                        position:absolute;
                        opacity:0;
                        width:100%;
                        height:100%;
                        cursor:pointer}
                        .cycle span{
                          display:block;
                          padding:12px 18px;
                          border:1px solid var(--gray-300);
                          border-radius:6px;
                          font-weight:700}
                          .cycle input:checked+span{
                            background:var(--navy-950);
                            color:white;
                            border-color:var(--navy-950)}
                            .cycle input:focus-visible+span{
                              outline:3px solid var(--red-600);
                              outline-offset:3px}
                              .equivalences{
                                display:grid;
                                grid-template-columns:repeat(3,1fr);
                                gap:24px;
                                border-top:1px solid var(--gray-300);
                                padding-top:28px;
                                margin-top:28px}
                                .equivalences strong{
                                  display:block;
                                  color:var(--navy-950);
                                  font-size:1.2rem}
                                  .reference{
                                    font-size:.8rem;
                                    color:var(--gray-700);
                                    margin:16px 0 36px}
                                    .plan-grid{
                                      display:grid;
                                      grid-template-columns:1fr 1.18fr 1fr;
                                      gap:18px;
                                      align-items:stretch}
                                      .plan{
                                        border:1px solid var(--gray-300);
                                        border-radius:12px;
                                        padding:28px 24px;
                                        position:relative;
                                        background:white;
                                        min-width:0}
                                        .plan.featured{
                                          border:2px solid var(--navy-800);
                                          background:#f5f8fb;
                                          box-shadow:0 16px 40px #071c2e12}
                                          .recommended{
                                            position:absolute;
                                            top:-14px;
                                            left:24px;
                                            background:var(--navy-800);
                                            color:white;
                                            border-radius:4px;
                                            padding:4px 12px;
                                            font-size:.72rem;
                                            letter-spacing:.09em;
                                            font-weight:bold}
                                            .plan-kicker{
                                              font-size:.65rem;
                                              letter-spacing:.08em;
                                              font-weight:700;
                                              color:var(--gray-700);
                                              margin:8px 0 16px}
                                              .plan h3{
                                                font-size:1.45rem;
                                                line-height:1.15;
                                                margin-bottom:18px;
                                                letter-spacing:-.04em}
                                                .plan>p:not(.plan-kicker){
                                                  font-size:.94rem}
                                                  .price-block{
                                                    min-height:150px;
                                                    padding-top:28px;
                                                    line-height:1.4}
                                                    .price{
                                                      font-size:clamp(2rem,3vw,2.7rem);
                                                      letter-spacing:-.055em;
                                                      display:block}
                                                      .price-block p{
                                                        font-size:.82rem;
                                                        margin-top:6px}
                                                        .custom-price{
                                                          font-size:1.7rem;
                                                          line-height:1.12;
                                                          display:block}
                                                          .plan-action{
                                                            display:flex;
                                                            justify-content:center;
                                                            align-items:center;
                                                            min-height:48px;
                                                            width:100%;
                                                            background:var(--navy-950);
                                                            color:white;
                                                            border:1px solid var(--navy-950);
                                                            border-radius:6px;
                                                            padding:12px;
                                                            font:700 .95rem Arial;
                                                            cursor:pointer;
                                                            text-align:center}
                                                            .plan-action:hover{
                                                              background:var(--navy-700);
                                                              color:white}
                                                              .plan-action:disabled{
                                                                opacity:.65;
                                                                cursor:wait}
                                                                .plan-action.secondary{
                                                                  background:transparent;
                                                                  color:var(--navy-950)}
                                                                  .plan-action.secondary:hover{
                                                                    background:var(--gray-100)}
                                                                    .promotion{
                                                                      padding:16px 0;
                                                                      border-bottom:1px solid var(--gray-300);
                                                                      font-weight:bold;
                                                                      color:var(--navy-800)}
                                                                      .plan ul{
                                                                        list-style:none;
                                                                        margin-top:24px}
                                                                        .plan li{
                                                                          padding:0 0 14px 20px;
                                                                          position:relative;
                                                                          font-size:.91rem}
                                                                          .plan li:before{
                                                                            content:'✓';
                                                                            position:absolute;
                                                                            left:0;
                                                                            color:var(--navy-700)}
                                                                            .fine-print{
                                                                              border-top:1px solid var(--gray-300);
                                                                              padding-top:20px;
                                                                              color:var(--gray-700)}
                                                                              #saving{
                                                                                font-weight:bold;
                                                                                color:var(--navy-800)}
                                                                                .pricing-section{
                                                                                  padding-bottom:80px}
                                                                                  .trial-section{
                                                                                    background:var(--navy-950);
                                                                                    color:white;
                                                                                    padding:70px 0}
                                                                                    .trial-section .eyebrow{
                                                                                      color:var(--gray-300)}
                                                                                      .narrative,.rationale,.contact-layout{
                                                                                        display:grid;
                                                                                        grid-template-columns:1fr 1fr;
                                                                                        gap:80px}
                                                                                        .narrative p{
                                                                                          max-width:480px}
                                                                                          .steps{
                                                                                            list-style:none;
                                                                                            counter-reset:step}
                                                                                            .steps li{
                                                                                              position:relative;
                                                                                              padding:0 0 28px 48px;
                                                                                              counter-increment:step}
                                                                                              .steps li:before{
                                                                                                content:'0' counter(step);
                                                                                                position:absolute;
                                                                                                left:0;
                                                                                                color:#bacbdd;
                                                                                                font-size:.85rem}
                                                                                                .steps strong{
                                                                                                  font-size:1.15rem}
                                                                                                  .steps p{
                                                                                                    color:#cbd5e1;
                                                                                                    margin-top:8px}
                                                                                                    .rationale{
                                                                                                      padding-block:80px}
                                                                                                      .rationale p+p{
                                                                                                        margin-top:16px}
                                                                                                        .faq{
                                                                                                          max-width:880px;
                                                                                                          padding-bottom:80px}
                                                                                                          .faq details{
                                                                                                            border-bottom:1px solid var(--gray-300);
                                                                                                            padding:20px 0}
                                                                                                            .faq summary{
                                                                                                              font-weight:700;
                                                                                                              cursor:pointer;
                                                                                                              min-height:30px}
                                                                                                              .faq details p{
                                                                                                                padding:16px 0;
                                                                                                                color:var(--gray-700)}
                                                                                                                .contact-section{
                                                                                                                  background:var(--gray-100);
                                                                                                                  padding:72px 0;
                                                                                                                  scroll-margin-top:90px}
                                                                                                                  .contact-layout{
                                                                                                                    grid-template-columns:.8fr 1.2fr;
                                                                                                                    gap:64px}
                                                                                                                    .contact-layout p{
                                                                                                                      margin-bottom:16px}
                                                                                                                      .fields{
                                                                                                                        display:grid;
                                                                                                                        grid-template-columns:1fr 1fr;
                                                                                                                        gap:18px}
                                                                                                                        form label{
                                                                                                                          display:block;
                                                                                                                          font-size:.85rem;
                                                                                                                          font-weight:700}
                                                                                                                          form input,form select{
                                                                                                                            display:block;
                                                                                                                            width:100%;
                                                                                                                            min-height:48px;
                                                                                                                            padding:10px;
                                                                                                                            margin-top:6px;
                                                                                                                            background:white;
                                                                                                                            border:1px solid #8795a4;
                                                                                                                            border-radius:5px;
                                                                                                                            font:inherit;
                                                                                                                            color:var(--navy-950)}
                                                                                                                            #selected-cycle{
                                                                                                                              padding-top:12px;
                                                                                                                              font-weight:700}
                                                                                                                              .privacy{
                                                                                                                                font-size:.8rem;
                                                                                                                                margin-top:22px}
                                                                                                                                .privacy a{
                                                                                                                                  text-decoration:underline}
                                                                                                                                  .honeypot{
                                                                                                                                    position:absolute;
                                                                                                                                    left:-10000px;
                                                                                                                                    width:1px;
                                                                                                                                    height:1px;
                                                                                                                                    overflow:hidden}
                                                                                                                                    #form-status:not(:empty){
                                                                                                                                      border-left:3px solid var(--navy-700);
                                                                                                                                      padding:20px;
                                                                                                                                      margin-top:20px;
                                                                                                                                      background:white}
                                                                                                                                      #form-status h3{
                                                                                                                                        margin-bottom:12px}
                                                                                                                                        .pricing-footer{
                                                                                                                                          padding-block:48px;
                                                                                                                                          display:grid;
                                                                                                                                          gap:20px}
                                                                                                                                          .pricing-footer .brand{
                                                                                                                                            color:var(--navy-950)}
                                                                                                                                            .pricing-footer nav{
                                                                                                                                              display:flex;
                                                                                                                                              gap:24px;
                                                                                                                                              flex-wrap:wrap}
                                                                                                                                              .pricing-footer>p:last-child{
                                                                                                                                                font-size:.8rem;
                                                                                                                                                color:var(--gray-700)}
                                                                                                                                                [hidden]{
                                                                                                                                                  display:none!important}
                                                                                                                                                  :focus-visible{
                                                                                                                                                    outline:3px solid #d7263d;
                                                                                                                                                    outline-offset:4px}
                                                                                                                                                    .skip-link{
                                                                                                                                                      position:fixed;
                                                                                                                                                      top:-100px;
                                                                                                                                                      left:20px;
                                                                                                                                                      padding:12px;
                                                                                                                                                      background:white;
                                                                                                                                                      z-index:2000}
                                                                                                                                                      .skip-link:focus{
                                                                                                                                                        top:10px}
                                                                                                                                                        @media(max-width:1050px){
                                                                                                                                                          .plan-grid{
                                                                                                                                                            grid-template-columns:1fr}
                                                                                                                                                            .plan{
                                                                                                                                                              padding:28px}
                                                                                                                                                              .price-block{
                                                                                                                                                                min-height:120px}
                                                                                                                                                                .narrative,.rationale,.contact-layout{
                                                                                                                                                                  gap:32px}
                                                                                                                                                                  .section-heading{
                                                                                                                                                                    align-items:flex-start;
                                                                                                                                                                    flex-direction:column}
                                                                                                                                                                  }
                                                                                                                                                                  @media(max-width:650px){
                                                                                                                                                                    .wrap{
                                                                                                                                                                      width:calc(100% - 36px)}
                                                                                                                                                                      .pricing-intro{
                                                                                                                                                                        padding-top:120px}
                                                                                                                                                                        .equivalences,.narrative,.rationale,.contact-layout,.fields{
                                                                                                                                                                          grid-template-columns:1fr}
                                                                                                                                                                          .equivalences{
                                                                                                                                                                            gap:16px}
                                                                                                                                                                            .pricing-section{
                                                                                                                                                                              padding-bottom:48px}
                                                                                                                                                                              .rationale{
                                                                                                                                                                                padding-block:48px}
                                                                                                                                                                                .trial-section,.contact-section{
                                                                                                                                                                                  padding-block:48px}
                                                                                                                                                                                  .intro-note{
                                                                                                                                                                                    font-size:.94rem}
                                                                                                                                                                                    .cycle span{
                                                                                                                                                                                      padding:12px}
                                                                                                                                                                                      .plan-grid{
                                                                                                                                                                                        gap:28px}
                                                                                                                                                                                      }
                                                                                                                                                                                      @media(prefers-reduced-motion:reduce){
                                                                                                                                                                                        html{
                                                                                                                                                                                          scroll-behavior:auto}
                                                                                                                                                                                          *,*:before,*:after{
                                                                                                                                                                                            animation:none!important;
                                                                                                                                                                                            transition:none!important}
                                                                                                                                                                                          }
                                                                                                                                                                                          .trial-section h2{
                                                                                                                                                                                            color:var(--white)}
                                                                                                                                                                                            .pricing-footer .brand-logo{
                                                                                                                                                                                              background:var(--navy-950);
                                                                                                                                                                                              border-radius:8px;
                                                                                                                                                                                              padding:4px}

.commercial-consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 22px;
}
.commercial-consent input {
  width: 22px;
  height: 22px;
  min-height: 22px;
  flex: 0 0 22px;
  margin-top: 2px;
  padding: 0;
  accent-color: var(--navy-950);
}
.commercial-consent label {
  font-weight: 400;
  cursor: pointer;
}

#cycle-badge { display: inline-block; padding: .25rem .6rem; border-radius: 999px; background: #d9f4e3; color: #16452b; font-size: .75rem; font-weight: 700; }
#cycle-badge[hidden] { display: none; }