/* Homepage pricing with an editorial, service-led hierarchy. */
.pricing-section{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--servio-color-secondary),color-mix(in srgb,var(--servio-color-secondary) 84%,var(--servio-color-primary)));color:#d8e4eb}
.pricing-section:after{position:absolute;right:-12rem;bottom:-18rem;width:36rem;height:36rem;border:1px solid rgb(255 255 255/.09);border-radius:50%;content:""}
.pricing-section .servio-container{position:relative;z-index:1}
.pricing-section__heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}
.pricing-section__heading .eyebrow{color:var(--servio-color-accent)}
.pricing-section__heading h2{max-width:730px;margin:0;color:#fff}
.pricing-section__heading>p{max-width:470px;margin:0;color:#c8d7e0;font-size:1rem;line-height:1.75}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:1rem;align-items:stretch}
.pricing-grid--1{max-width:520px}
.pricing-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}
.pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(1.55rem,2.5vw,2rem);border:1px solid rgb(255 255 255/.2);border-top:3px solid #dce5ea;border-radius:4px;background:#fff;color:var(--servio-color-text);box-shadow:0 18px 42px rgb(4 17 28/.2);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.pricing-card:hover{border-color:color-mix(in srgb,var(--servio-color-accent) 55%,#fff);box-shadow:0 24px 52px rgb(4 17 28/.3);transform:translateY(-4px)}
.pricing-card--featured{border-top-color:var(--servio-color-accent)}
.pricing-card__badge{align-self:flex-start;margin:-.15rem 0 1.2rem;padding:.38rem .65rem;border-radius:2px;background:var(--servio-color-accent);color:var(--servio-color-secondary);font-size:.64rem;font-weight:900;letter-spacing:.09em;line-height:1;text-transform:uppercase}
.pricing-card__service{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}.pricing-card__service p{margin:0;color:var(--servio-color-primary);font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pricing-card__icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d9e3e8;border-radius:3px;background:#f5f8fa;color:var(--servio-color-primary);font-size:.82rem}
.pricing-card h3{min-height:2.55em;margin:0 0 1.35rem;font-size:clamp(1.35rem,2vw,1.65rem);line-height:1.22;letter-spacing:-.03em}
.pricing-card__price{display:grid;gap:.25rem;margin-bottom:1.15rem;padding-bottom:1.25rem;border-bottom:1px solid #e0e7eb}.pricing-card__price small{color:var(--servio-color-muted);font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.pricing-card__price strong{color:var(--servio-color-secondary);font-family:var(--servio-heading-font);font-size:clamp(2.25rem,4vw,3.15rem);letter-spacing:-.055em;line-height:1}
.pricing-card__description{margin:0 0 1.25rem;color:var(--servio-color-muted);font-size:.9rem;line-height:1.65}
.pricing-card__features{display:grid;gap:.72rem;margin:0 0 1.7rem;padding:0;list-style:none}.pricing-card__features li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:.55rem;align-items:start;color:#40576a;font-size:.86rem;line-height:1.5}.pricing-card__features i{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--servio-color-accent) 20%,#fff);color:color-mix(in srgb,var(--servio-color-primary) 75%,var(--servio-color-secondary));font-size:.55rem}
.pricing-card__features--numbered{display:grid;padding-left:1.3rem;list-style:decimal}.pricing-card__features--numbered li{display:list-item;padding-left:.25rem}.pricing-card__features--numbered li::marker{color:var(--servio-color-primary);font-weight:800}
.pricing-card .button{margin-top:auto;border-radius:3px;font-size:.72rem;letter-spacing:.055em;text-transform:uppercase}
@media(min-width:901px){.pricing-card--featured{transform:translateY(-8px)}.pricing-card--featured:hover{transform:translateY(-12px)}}
@media(max-width:900px){.pricing-section__heading{grid-template-columns:1fr;gap:1rem}.pricing-section__heading>p{max-width:650px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pricing-grid,.pricing-grid--2{grid-template-columns:1fr}.pricing-card h3{min-height:0}}