.pricing-page{& .pricing-hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:1.5rem;display:grid;@media (width<=64rem){grid-template-columns:minmax(0,1fr);gap:2rem}}& .pricing-hero__head{grid-column:1/span 7;@media (width<=64rem){grid-column:1}}& .pricing-hero__title{color:var(--white);font-size:clamp(2.5rem,1.6rem + 3.6vw,4.5rem)}& .pricing-hero__subtitle{max-width:38rem;color:var(--on-navy-muted);font-size:1.1875rem;line-height:var(--leading-body);margin:1.75rem 0 0}& .pricing-hero__audience{max-width:38rem;color:var(--on-navy-muted);font-size:1rem;line-height:var(--leading-body);margin:.75rem 0 0}& .pricing-hero__trial{border:1px solid var(--navy-line);border-radius:var(--radius-control);grid-column:8/span 5;padding:1.5rem;@media (width<=64rem){grid-column:1}& p{color:var(--on-navy-muted);margin:.75rem 0 0;font-size:.9375rem;line-height:1.55}}& .pricing-hero__badge{border:1px solid var(--navy-line);border-radius:var(--radius-pill);color:var(--white);padding:.375rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex}& .pricing-plans__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid;@media (width<=80rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=48rem){grid-template-columns:minmax(0,1fr);max-width:40rem;margin:0 auto}}& .pricing-card{--pricing-card-pad:2rem;grid-row:span 7;grid-template-rows:subgrid;padding:0 var(--pricing-card-pad) var(--pricing-card-pad);row-gap:0;display:grid;overflow:hidden;@media (width<=36rem){--pricing-card-pad:1.25rem}&.featured{border-color:var(--primary)}}& .pricing-card__strip{margin:0 calc(-1 * var(--pricing-card-pad)) 1.75rem;padding:.75rem var(--pricing-card-pad);border-bottom:1px solid var(--neutral-200);background:var(--neutral-50);color:var(--neutral-600);font-family:var(--font-mono);font-size:var(--font-size-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-weight:600;line-height:1.4;.featured>&{border-bottom-color:var(--primary);background:var(--primary);color:var(--white)}}& .pricing-card__name{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}& .pricing-card__desc{color:var(--neutral-600);margin:.375rem 0 0;font-size:.9375rem;line-height:1.5}& .pricing-card__price{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin-top:1.5rem;display:flex}& .pricing-card__figure{color:var(--neutral-900);font-family:var(--font-mono);letter-spacing:-.03em;font-size:2.75rem;font-weight:600;line-height:1}& .pricing-card__per{color:var(--neutral-600);font-size:.9375rem}& .pricing-card__was{color:var(--neutral-500);font-family:var(--font-mono);flex-basis:100%;font-size:1.125rem;font-weight:500;text-decoration:line-through}& .pricing-card__trial{color:var(--neutral-900);font-family:var(--font-mono);letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.25}& .pricing-card__note{color:var(--neutral-600);margin:.875rem 0 0;font-size:.875rem;line-height:1.5}& .pricing-card__more{border-top:1px solid var(--neutral-200);margin-top:1.5rem;padding-top:.5rem}& .pricing-card__features{margin:.75rem 0 0;padding:0;list-style:none;& li{color:var(--neutral-700);padding:.375rem 0 .375rem 1.625rem;font-size:.9375rem;line-height:1.5;position:relative}& strong{color:var(--neutral-900)}& a{text-underline-offset:2px}}& .pricing-tick{width:1rem;height:1rem;color:var(--primary);position:absolute;top:.625rem;left:0}& .pricing-card__fee{border-radius:var(--radius-control);background:var(--neutral-100);align-self:stretch;margin-top:1.25rem;padding:1rem}& .pricing-card__fee-row{flex-direction:column;gap:.25rem;display:flex}& .pricing-card__fee-label{color:var(--neutral-600);font-family:var(--font-mono);font-size:var(--font-size-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-weight:600}& .pricing-card__fee-value{color:var(--neutral-900);font-family:var(--font-mono);font-size:.875rem;font-weight:600}& .pricing-card__example{color:var(--neutral-600);margin:.5rem 0 0;font-size:.8125rem;line-height:1.5}& .pricing-figure{color:var(--neutral-900);font-family:var(--font-mono);font-size:.95em;font-weight:600}& .pricing-card__aside{color:var(--neutral-600);margin:.75rem 0 0;font-size:.8125rem;line-height:1.5}& .pricing-card__button{align-self:start;width:100%;margin-top:1.25rem}& .pricing-plans__disclaimer{color:var(--neutral-600);text-align:center;margin:2rem 0 0;font-size:.8125rem}& .pricing-addon__panel{border:1px solid var(--neutral-300);border-radius:var(--radius-frame);background:var(--neutral-100);grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem;padding:clamp(1.5rem,1rem + 2vw,3rem);display:grid;@media (width<=64rem){grid-template-columns:minmax(0,1fr)}}& .pricing-addon__copy{grid-column:1/span 7;@media (width<=64rem){grid-column:1}}& .pricing-addon__terms{grid-column:9/span 4;align-self:end;@media (width<=64rem){grid-column:1}}& .pricing-addon__lead{color:var(--neutral-700);font-size:1rem;line-height:var(--leading-body);margin:1rem 0 0}& .pricing-addon__price{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0;display:flex}& .pricing-addon__amount{color:var(--neutral-900);font-family:var(--font-mono);letter-spacing:-.02em;font-size:2rem;font-weight:600;line-height:1}& .pricing-addon__flat{color:var(--neutral-600);font-size:.9375rem}& .pricing-addon__note{color:var(--neutral-600);font-size:.875rem;line-height:var(--leading-body);margin:.875rem 0 0;& strong{color:var(--neutral-900)}}& .pricing-addon__more{margin:1rem 0 0;font-size:.9375rem;font-weight:600;& a{text-decoration:none;&:hover{text-decoration:underline}}}& .pricing-included__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid;@media (width<=48rem){grid-template-columns:minmax(0,1fr)}& li{color:var(--neutral-700);font-size:.9375rem;line-height:var(--leading-body)}& strong{color:var(--neutral-900)}}& .pricing-compare__others{margin:1.5rem 0 0}& .comparison-table-wrapper{border:1px solid var(--neutral-300);border-radius:var(--radius-frame);background:var(--white);position:relative;overflow-x:auto}& .comparison-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;& th,& td{border-bottom:1px solid var(--neutral-200);text-align:left;vertical-align:top;padding:1rem 1.25rem}& thead th{background:var(--navy-deep);color:var(--white);font-family:var(--font-mono);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;border-bottom:0;padding-block:.875rem;font-size:.75rem;font-weight:600;&:first-child{width:40%}&.featured{background:var(--primary)}}& td{color:var(--neutral-700);font-size:.9375rem;line-height:1.5;&:first-child{color:var(--neutral-900);font-weight:500}&.featured{background:var(--tint)}}& .comparison-fact td:not(:first-child){color:var(--neutral-900);font-family:var(--font-mono);font-size:.875rem;font-weight:600}& .comparison-group th{background:var(--neutral-100);color:var(--neutral-700);font-family:var(--font-mono);font-size:var(--font-size-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;padding-block:1.75rem .625rem;font-weight:600;& span{display:inline-block;position:sticky;left:1.25rem}}& tbody tr:last-child td{border-bottom:0}}& .comparison-note{color:var(--neutral-600);margin-top:.25rem;font-size:.8125rem;font-weight:400;line-height:1.5;display:block}& .comparison-tick{width:1.125rem;height:1.125rem;color:var(--primary);vertical-align:middle}& .comparison-none{border-top:2px solid var(--neutral-500);border-radius:var(--radius-pill);vertical-align:middle;width:.75rem;height:0;display:inline-block}@media (forced-colors:active){& .comparison-tick,& .pricing-tick,& .faq-chevron{color:canvastext}}@media (width<=48rem){& .comparison-table{min-width:42rem;& th,& td{padding:.875rem 1rem}& thead th:first-child{width:11rem}& thead th:first-child,& td:first-child{z-index:1;border-right:1px solid var(--neutral-200);position:sticky;left:0}& td:first-child{background:var(--white)}& .comparison-group th span{left:1rem}}}& .pricing-faq__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:1.5rem;display:grid;@media (width<=64rem){grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,2rem + 1.5vw,3.5rem)}}& .pricing-faq__title{grid-column:1/span 4;@media (width<=64rem){grid-column:1}}& .pricing-faq__list{grid-column:5/span 8;padding:0;@media (width<=64rem){grid-column:1}}& .faq-item{--faq-pad:1.5rem;@media (width<=36rem){--faq-pad:1.125rem}&+&{border-top:1px solid var(--neutral-200)}& summary{padding:1.25rem var(--faq-pad);cursor:pointer;align-items:flex-start;gap:.75rem;list-style:none;display:flex;&::-webkit-details-marker{display:none}&:focus-visible{outline-offset:-3px;border-radius:var(--radius-control)}&:hover h3{color:var(--primary)}}& h3{color:var(--neutral-900);margin:0;font-size:1.0625rem;font-weight:600;line-height:1.45}& .faq-answer{padding:0 var(--faq-pad) 1.5rem calc(var(--faq-pad) + 1.125rem + .75rem);color:var(--neutral-700);font-size:.9375rem;line-height:var(--leading-body);& p{margin:0}& p+p{margin-top:.75rem}& strong{color:var(--neutral-900)}& kbd{border:1px solid var(--neutral-300);border-radius:var(--radius-chip);background:var(--neutral-50);font-family:var(--font-mono);padding:.0625rem .375rem;font-size:.8125rem}}}& .faq-chevron{width:1.125rem;height:1.125rem;color:var(--neutral-500);flex:none;margin-top:.1875rem;[open]>summary>&{transform:rotate(90deg)}}}
