/* ART DEVOPS — PRICING */
.ad-pricing,.ad-pricing *{box-sizing:border-box}
.ad-pricing .ad-pricing-heading{
display:flex;justify-content:space-between;align-items:flex-end;
flex-wrap:wrap;gap:28px;margin-bottom:16px}
.ad-pricing .ad-pricing-heading>div:first-child{max-width:760px;min-width:0}
.ad-pricing .ad-pricing-heading .section-title{margin:0}
.ad-pricing .ad-pricing-intro{
margin:16px 0 0;color:var(--text-muted);
font:15px/1.8 var(--font-body)}
.ad-pricing .ad-pricing-currency{display:grid;gap:10px;flex-shrink:0}
.ad-pricing .ad-pricing-currency-label{
color:var(--text-muted);font:11px/1.6 var(--font-mono)}
.ad-pricing .ad-pricing-currency-buttons{
display:flex;gap:4px;padding:5px;
background:var(--bg-surface,var(--bg-main));
border:1px solid var(--border-glass);border-radius:14px}
.ad-pricing .ad-pricing-currency-buttons button{
min-height:40px;padding:8px 13px;background:transparent;
color:var(--text-muted);border:1px solid transparent;border-radius:9px;
font:700 12px/1.5 var(--font-mono);cursor:pointer;
transition:background .2s,color .2s,border-color .2s}
.ad-pricing .ad-pricing-currency-buttons button[aria-pressed="true"]{
background:var(--bg-card);color:var(--text-pure);
border-color:var(--neon-accent);box-shadow:0 3px 12px var(--border-glass)}
.ad-pricing .ad-pricing-currency-buttons button:focus-visible{
outline:3px solid var(--neon-accent);outline-offset:3px}
.ad-pricing .ad-pricing-currency-note{
margin:0 0 34px;max-width:820px;
color:var(--text-muted);font:12px/1.8 var(--font-body)}
.ad-pricing .ad-pricing-grid{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;align-items:stretch}
.ad-pricing .ad-price-card{
position:relative;display:flex;flex-direction:column;min-width:0;
padding:30px 26px;background:var(--bg-card);
border:1px solid var(--border-glass);border-radius:22px;
transition:transform .25s,border-color .25s,box-shadow .25s}
.ad-pricing .ad-price-card.is-featured{
border-color:var(--neon-accent);
box-shadow:inset 0 3px 0 var(--neon-accent),0 16px 44px var(--border-glass)}
.ad-pricing .ad-price-card-top{
display:flex;justify-content:space-between;align-items:center;
gap:16px;margin-bottom:24px}
.ad-pricing .ad-price-icon{
display:flex;align-items:center;justify-content:center;
width:46px;height:46px;color:var(--neon-accent);
border:1px solid var(--border-glass);border-radius:13px;font-size:22px}
.ad-pricing .ad-price-index{
color:var(--text-muted);font:11px/1.6 var(--font-mono);letter-spacing:.12em}
.ad-pricing .ad-price-name{
min-height:48px;margin:0 0 14px;color:var(--text-pure);
font:800 clamp(15px,1.5vw,19px)/1.5 var(--font-heading);
letter-spacing:-.025em;overflow-wrap:anywhere}
.ad-pricing .ad-price-description{
min-height:100px;margin:0;color:var(--text-muted);
font:14px/1.8 var(--font-body)}
.ad-pricing .ad-price-amount-wrap{
display:flex;flex-direction:column;justify-content:center;
min-height:112px;margin:24px 0}
.ad-pricing .ad-price-amount{
color:var(--text-pure);font:800 clamp(28px,3vw,40px)/1.2 var(--font-body);
letter-spacing:-.045em;font-variant-numeric:tabular-nums;
overflow-wrap:anywhere}
.ad-pricing .ad-price-amount.is-custom{
font-size:clamp(23px,2.3vw,30px);letter-spacing:-.03em}
.ad-pricing .ad-price-period{
margin-top:9px;color:var(--text-muted);font:12px/1.7 var(--font-body)}
.ad-pricing .ad-price-cta{
display:flex;align-items:center;justify-content:space-between;
gap:12px;min-height:50px;padding:13px 17px;
background:var(--bg-surface,var(--bg-main));color:var(--text-pure);
border:1px solid var(--border-glass);border-radius:12px;
font:800 13px/1.6 var(--font-body);text-decoration:none;
transition:transform .2s,border-color .2s}
.ad-pricing .ad-price-cta.is-primary{
border-color:var(--neon-accent);
box-shadow:inset 0 -2px 0 var(--neon-accent)}
.ad-pricing .ad-price-cta.is-primary>span:last-child{
color:var(--neon-accent)}
.ad-pricing .ad-price-cta:focus-visible{
outline:3px solid var(--neon-accent);outline-offset:4px}
.ad-pricing .ad-price-features{
margin-top:28px;padding-top:24px;border-top:1px solid var(--border-glass)}
.ad-pricing .ad-price-features h4{
margin:0 0 17px;color:var(--text-pure);font:800 12px/1.7 var(--font-body)}
.ad-pricing .ad-price-features ul{
display:grid;gap:14px;padding:0;margin:0;list-style:none}
.ad-pricing .ad-price-features li{
display:flex;align-items:flex-start;gap:10px;
color:var(--text-muted);font:13px/1.75 var(--font-body)}
.ad-pricing .ad-price-features li i{
flex-shrink:0;color:var(--neon-accent);font-size:17px}
.ad-pricing .ad-pricing-comparison{
margin-top:30px;background:var(--bg-card);
border:1px solid var(--border-glass);border-radius:18px;overflow:hidden}
.ad-pricing .ad-pricing-comparison summary{
display:flex;align-items:center;justify-content:space-between;
gap:18px;padding:22px 24px;list-style:none;
color:var(--text-pure);font:800 14px/1.6 var(--font-body);cursor:pointer}
.ad-pricing .ad-pricing-comparison summary::-webkit-details-marker{display:none}
.ad-pricing .ad-pricing-comparison summary i{
color:var(--neon-accent);transition:transform .25s}
.ad-pricing .ad-pricing-comparison[open] summary i{transform:rotate(45deg)}
.ad-pricing .ad-pricing-comparison summary:focus-visible{
outline:3px solid var(--neon-accent);outline-offset:-5px}
.ad-pricing .ad-pricing-table-scroll{overflow-x:auto}
.ad-pricing .ad-pricing-table-scroll:focus-visible{
outline:2px solid var(--neon-accent);outline-offset:-3px}
.ad-pricing table{width:100%;min-width:760px;border-collapse:collapse}
.ad-pricing table caption{
padding:0 24px 20px;color:var(--text-muted);
font:12px/1.7 var(--font-body);text-align:left}
.ad-pricing table th,.ad-pricing table td{
width:25%;padding:20px;vertical-align:top;text-align:left;
border-top:1px solid var(--border-glass);
color:var(--text-muted);font:13px/1.8 var(--font-body)}
.ad-pricing table th{color:var(--text-pure);font-weight:800}
.ad-pricing table small{display:block;color:var(--text-muted)}
.ad-pricing .ad-pricing-terms{
margin:22px 0 0;color:var(--text-muted);
font:12px/1.8 var(--font-body);text-align:center}
.ad-pricing .ad-price-amount.is-changing{animation:adPriceReveal .25s ease both}
@keyframes adPriceReveal{
from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){
.ad-pricing .ad-price-card:hover{
transform:translateY(-5px);border-color:var(--neon-accent)}
.ad-pricing .ad-price-cta:hover{
transform:translateY(-2px);border-color:var(--neon-accent)}}
@media(max-width:1000px){
.ad-pricing .ad-pricing-grid{gap:14px}
.ad-pricing .ad-price-card{padding:24px 18px}}
@media(max-width:800px){
.ad-pricing .ad-pricing-grid{grid-template-columns:minmax(0,1fr)}
.ad-pricing .ad-price-name,.ad-pricing .ad-price-description{min-height:0}
.ad-pricing .ad-price-amount-wrap{min-height:0;margin:24px 0}
.ad-pricing .ad-price-amount{font-size:36px}
.ad-pricing .ad-price-card{padding:28px 24px}}
@media(max-width:600px){
.ad-pricing .ad-pricing-heading{align-items:stretch;gap:22px}
.ad-pricing .ad-pricing-currency{width:100%}
.ad-pricing .ad-pricing-currency-buttons{width:100%}
.ad-pricing .ad-pricing-currency-buttons button{flex:1;padding:10px 8px}
.ad-pricing .ad-price-card{padding:26px 20px}
.ad-pricing .ad-pricing-comparison summary{padding:20px}
.ad-pricing .ad-pricing-terms{text-align:left}}
@media(prefers-reduced-motion:reduce){
.ad-pricing .ad-price-card,.ad-pricing .ad-price-cta,
.ad-pricing .ad-pricing-currency-buttons button,
.ad-pricing .ad-pricing-comparison summary i{transition:none}
.ad-pricing .ad-price-amount.is-changing{animation:none}}