/* Share content-sized rows across pricing cards on the same grid row.
   Stacked cards keep their original compact flex layout. */
@media (min-width:761px) {
  @supports (grid-template-rows:subgrid) {
    .website-packages .website-package {
      display:grid;
      grid-template-rows:subgrid;
      grid-row:span 7;
      row-gap:0;
      align-items:start;
      padding-top:28px;
    }
    .website-packages .website-package .btn {
      margin-top:0;
      justify-self:start;
    }
  }
}

/* Brand-red emphasis for the existing Business website option. */
.website-packages .featured-package {
  background:var(--red);
  border-color:var(--red);
  color:var(--white);
}
.website-packages .featured-package p,
.website-packages .featured-package .package-features {
  color:var(--white);
}
.website-packages .featured-package .package-features {
  border-color:#ffffff66;
}
.website-packages .featured-package .btn {
  background:var(--white);
  border-color:var(--white);
  color:var(--red);
}
.website-packages .featured-package .btn:hover {
  background:var(--paper);
  border-color:var(--paper);
  color:var(--red-dark);
}
.website-packages .featured-package .btn:focus-visible {
  outline:3px solid var(--white);
  outline-offset:5px;
}

/* One-time additions: editorial rows with all material limits visible. */
.website-addons{margin-top:64px;scroll-margin-top:120px}
.addons-heading{max-width:75ch;margin-bottom:28px}
.addons-heading h2{font-size:clamp(1.7rem,3vw,2.25rem);margin-bottom:14px}
.website-addons-list{margin:0;border-top:1px solid var(--navy)}
.addon-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.6fr) minmax(0,1.65fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.addon-row dt{font-family:Manrope,sans-serif;font-weight:700;color:var(--navy);font-size:.96rem}
.addon-row dd{margin:0;font-size:.9rem}
.addon-price{font-weight:700;color:var(--red);font-variant-numeric:tabular-nums}
.addon-scope{color:var(--muted);max-width:65ch}
.addons-boundaries{max-width:80ch;margin-top:24px;font-size:.9rem}
.addons-boundaries p+p{margin-top:12px}
.addons-boundaries strong{color:var(--navy)}
@media(max-width:760px){
 .website-addons{margin-top:44px}
 .addon-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:22px 0}
 .addon-price{text-align:right}
 .addon-scope{grid-column:1/-1}
}
@media(max-width:360px){.addon-row{grid-template-columns:1fr;gap:8px}.addon-price{text-align:left}}

/* The separately scoped Custom option sits beneath the three primary packages. */
.package-detail-link{text-decoration:underline;text-underline-offset:4px;font-weight:600}
.custom-package-band{display:grid;grid-template-columns:minmax(0,1.35fr) auto minmax(0,1fr);gap:28px;align-items:center;margin-top:28px;padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.custom-package-band h3{font-size:1.5rem;margin-bottom:12px}
.custom-package-band p{font-size:.9rem;max-width:60ch}
.custom-package-price .price{font-size:2.4rem;white-space:nowrap}
.custom-package-price .price>span{display:block;font-size:.8rem;margin-bottom:7px}
.custom-package-price .minimum{max-width:24ch}
.custom-package-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.custom-package-actions .btn{font-size:.85rem;gap:12px}
.custom-package-actions .text-link{font-size:.83rem}
.package-breadcrumb{font-size:.85rem;margin-bottom:30px;color:var(--muted)}
.package-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.package-detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.9fr);gap:64px;align-items:start}
.package-detail-main>section+section{margin-top:44px}
.package-detail-main h2{font-size:1.65rem;margin-bottom:16px}
.package-detail-main p{max-width:75ch}
.package-detail-main p+p{margin-top:16px}
.package-detail-main ul{padding-left:22px;color:var(--muted);margin:20px 0}
.package-detail-main li{padding-bottom:10px}
.package-detail-main .faq{margin-top:44px}
.package-process-list{padding-left:22px;color:var(--muted)}
.package-process-list li{padding:0 0 18px 8px}
.package-process-list strong{color:var(--navy)}
.package-summary{padding:28px;background:var(--paper);border-radius:14px;position:sticky;top:120px}
.package-summary h2{font-size:1.5rem;margin-bottom:20px}
.package-summary .price{font-size:2.8rem}
.package-summary .price>span{display:block;font-size:.85rem;margin-bottom:8px}
.package-summary>p:not(.price):not(.minimum){font-size:.9rem;margin-top:22px}
.package-summary .btn{margin-top:26px;width:100%;gap:12px}
.package-summary>.text-link{margin-top:20px;font-size:.85rem}
.package-summary-featured{background:var(--red);color:var(--white)}
.package-summary-featured p{color:var(--white)}
.package-summary-featured .btn{background:var(--white);color:var(--red);border-color:var(--white)}
.package-summary-featured .btn:hover{background:var(--paper);color:var(--red-dark);border-color:var(--paper)}
.package-summary-featured .text-link{color:var(--white)}
.package-summary-featured a:focus-visible{outline-color:var(--white)}
@media(max-width:1000px){.custom-package-band{grid-template-columns:1fr auto}.custom-package-actions{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap}.package-detail-layout{gap:32px}}
@media(max-width:760px){
 .custom-package-band{grid-template-columns:1fr;padding:25px;gap:22px}
 .custom-package-actions{grid-column:auto;flex-direction:column;align-items:stretch}
 .custom-package-actions .btn{width:100%}
 .package-detail-layout{grid-template-columns:1fr;gap:36px}
 .package-summary{position:static;grid-row:1}
 .package-detail-main>section+section{margin-top:36px}
}
.website-packages .featured-package a:focus-visible{outline:3px solid var(--white);outline-offset:5px}
.website-packages .featured-package .price>span,.package-summary-featured .price>span{color:var(--white)}