/* Hero */
.pricing-hero{padding:120px 24px 40px;text-align:center;max-width:800px;margin:0 auto}
.pricing-hero .badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(255,68,68,.06);border:1px solid rgba(255,68,68,.2);border-radius:4px;font-size:10px;font-weight:700;color:var(--primary);margin-bottom:24px;text-transform:uppercase;letter-spacing:1.5px}
.pricing-hero h1{font-size:clamp(26px,5vw,48px);font-weight:700;line-height:1.1;letter-spacing:-1px;margin-bottom:16px;background:linear-gradient(135deg,#e8e8e8 0%,#ff6666 50%,#ff4444 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pricing-hero p{font-size:15px;color:var(--text2);line-height:1.7;max-width:560px;margin:0 auto}
.pricing-hero .highlight{color:var(--primary);font-weight:700}

/* Slider */
.slider-box{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 24px;max-width:500px;margin:32px auto 0}
.slider-box label{font-size:12px;color:var(--text2);white-space:nowrap;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.slider-box input[type=range]{flex:1;accent-color:var(--primary);cursor:pointer}
.slider-box .vm-count{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--primary);min-width:50px;text-align:right}

/* Volume tier badges */
.tier-badges{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.tier-badge{padding:6px 14px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;border:1px solid var(--border);background:var(--card);color:var(--text2);transition:.2s;font-family:var(--font-mono)}
.tier-badge.active{border-color:var(--primary);background:rgba(255,68,68,.06);color:var(--primary);box-shadow:0 0 12px rgba(255,68,68,.1)}
.tier-badge .tier-price{font-weight:800}

/* Price cards grid */
.price-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1100px;margin:0 auto;padding:0 24px}
.price-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 14px;text-align:center;position:relative;transition:.15s}
.price-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.15)}
.price-card.featured{background:rgba(255,68,68,.04);border:2px solid var(--primary);box-shadow:0 0 40px rgba(255,68,68,.06)}
.price-card .your-price{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--primary);color:#0a0a0a;font-size:9px;font-weight:800;padding:3px 12px;border-radius:4px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.price-card .logo-icon{font-size:22px;margin-bottom:6px}
.price-card .name{font-size:12px;font-weight:700;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}
.price-card .tag{font-size:10px;color:#555;margin-bottom:12px}
.price-card .per-vm{font-size:11px;color:var(--text2);font-family:var(--font-mono);margin-bottom:4px}
.price-card .discount-tag{display:inline-block;font-size:9px;font-weight:700;color:var(--green);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:3px;padding:2px 6px;margin-top:6px}
.price-card .total{font-size:24px;font-weight:800;font-family:var(--font-mono);letter-spacing:-.5px}
.price-card .mo{font-size:10px;color:#555}
.price-card .save{margin-top:8px;font-size:11px;font-weight:700;color:var(--green)}

/* Bars */
.bars-section{max-width:900px;margin:32px auto 0;padding:0 24px}
.bar-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.bar-row .bar-label{font-size:11px;color:var(--text2);width:100px;text-align:right;flex-shrink:0}
.bar-track{flex:1;height:26px;background:#1a1a1a;border-radius:4px;overflow:hidden;position:relative}
.bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:8px;position:relative;overflow:hidden}
.bar-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:barShimmer 2s infinite}
@keyframes barShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.bar-fill span{font-size:11px;font-weight:700;position:relative;z-index:1}
.bar-ext{position:absolute;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--text2);transition:left .6s cubic-bezier(.4,0,.2,1)}

/* Savings grid */
.savings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1100px;margin:40px auto 0;padding:0 24px}
.savings-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 14px;text-align:center;transition:.2s}
.savings-card:hover{border-color:rgba(34,197,94,.3);transform:translateY(-2px)}
.savings-card .pct{font-size:36px;font-weight:800;color:var(--green);font-family:var(--font-mono);margin-bottom:4px;transition:all .3s}
.savings-card .versus{font-size:11px;color:var(--text2);margin-bottom:8px}
.savings-card .amount{font-size:14px;font-weight:700;color:var(--primary);font-family:var(--font-mono);transition:all .3s}
.savings-card .yearly{font-size:11px;color:var(--green);margin-top:6px;font-weight:600;font-family:var(--font-mono)}

/* Feature table */
.feature-table-wrap{max-width:1100px;margin:0 auto;padding:0 24px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.feature-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.feature-table th{padding:12px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}
.feature-table th:first-child{text-align:left;padding-left:16px;color:var(--text2)}
.feature-table th.ai{color:var(--primary)}
.feature-table th:not(:first-child):not(.ai){color:#aaa}
.feature-table td{padding:10px;text-align:center;font-size:12px;border-bottom:1px solid rgba(255,255,255,.03)}
.feature-table td:first-child{text-align:left;padding-left:16px;color:#ccc}
.feature-table tr:last-child td{border-bottom:none}
.feature-table .price-row td{border-top:2px solid var(--border);font-family:var(--font-mono);font-weight:700;font-size:15px}
.check{color:var(--green);font-size:15px}
.dash{color:#444;font-size:13px}
.partial{color:#eab308;font-size:10px;font-weight:600}
.addon{color:#ef4444;font-size:10px;font-weight:600}
.exclusive{color:var(--primary);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.feature-table tr.excl-row td{background:rgba(255,68,68,.02)}
.feature-table tr.excl-row td:first-child{border-left:2px solid var(--primary);color:var(--text)}

/* Competitor deep dive */
.competitor-cards{display:flex;flex-direction:column;gap:12px;max-width:1100px;margin:0 auto;padding:0 24px}
.comp-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}
.comp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.comp-header .left{display:flex;align-items:center;gap:10px}
.comp-header .dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}
.comp-header .cname{font-size:16px;font-weight:700}
.comp-header .cprice{font-size:12px;color:#555}
.comp-header .csave{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--primary)}
.comp-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;font-size:12px}
.comp-cols .col-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.comp-cols .col-text{color:#999;line-height:1.6}
.col-strengths .col-title{color:var(--green)}
.col-limits .col-title{color:#eab308}
.col-hidden .col-title{color:#ef4444}

/* Add-on services */
.addons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1100px;margin:0 auto;padding:0 24px}
.addon-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}
.addon-card .top-bar{position:absolute;top:0;left:0;right:0;height:3px}
.addon-card .icon{font-size:22px;margin-bottom:10px}
.addon-card h3{font-size:16px;font-weight:700;margin-bottom:4px}
.addon-card .desc{font-size:12px;color:var(--text2);margin-bottom:16px;line-height:1.6}
.addon-prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.addon-price-box{background:#1a1a1a;border-radius:var(--radius);padding:12px;text-align:center}
.addon-price-box .val{font-size:24px;font-weight:800;font-family:var(--font-mono);color:var(--primary)}
.addon-price-box .lbl{font-size:11px;color:var(--text2)}
.addon-price-box .sub{font-size:10px;color:#555;margin-top:4px}
.addon-list{font-size:12px;color:var(--text2);line-height:1.7}
.addon-list .item{display:flex;gap:6px;margin-bottom:4px}
.addon-list .item .ck{color:var(--green);flex-shrink:0}
.addon-context{margin-top:14px;padding:10px 12px;border-radius:var(--radius);font-size:11px}
.addon-context .ctx-title{font-weight:700;margin-bottom:4px}
.addon-context .ctx-text{color:var(--text2);line-height:1.6}
.addon-examples{margin-top:14px}
.addon-examples .ex-title{font-size:11px;color:#555;margin-bottom:8px}
.addon-examples .ex-row{display:flex;gap:8px}
.addon-examples .ex-box{flex:1;background:#1a1a1a;border-radius:6px;padding:8px 10px;text-align:center}
.addon-examples .ex-box .ex-lbl{font-size:11px;color:var(--text2)}
.addon-examples .ex-box .ex-val{font-size:16px;font-weight:800;font-family:var(--font-mono)}
.addon-examples .ex-box .ex-sub{font-size:10px;color:#555}

/* Total package */
.total-package{max-width:1100px;margin:24px auto 0;padding:0 24px}
.total-package-inner{background:rgba(255,68,68,.04);border:1px solid rgba(255,68,68,.2);border-radius:var(--radius);padding:20px 24px}
.total-package-inner .tp-title{font-size:13px;font-weight:700;color:var(--primary);margin-bottom:10px}
.total-package-inner .tp-row{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;align-items:center}
.total-package-inner .tp-item span.lbl{color:var(--text2)}
.total-package-inner .tp-item span.val{font-weight:700;font-family:var(--font-mono)}
.total-package-inner .tp-sep{color:#333}

/* Why switch */
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1100px;margin:0 auto;padding:0 24px}
.why-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.why-card:hover{border-color:rgba(255,255,255,.12)}
.why-card .icon{font-size:22px;margin-bottom:10px}
.why-card .title{font-size:13px;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.why-card .desc{font-size:12px;color:var(--text2);line-height:1.6}

/* CTA */
.cta-section{padding:60px 24px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(255,68,68,.04) 100%)}
.cta-section h2{font-size:clamp(22px,4vw,30px);font-weight:700;letter-spacing:-.5px;margin-bottom:10px}
.cta-section p{color:var(--text2);font-size:14px;margin-bottom:24px}
.cta-section .highlight{color:var(--primary);font-weight:700}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-cta{padding:12px 32px;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:.15s;border:none;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;display:inline-block;text-align:center}
.btn-cta-primary{background:var(--primary);color:#0a0a0a;box-shadow:0 2px 12px var(--primary-glow)}
.btn-cta-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--primary-glow)}
.btn-cta-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}
.btn-cta-secondary:hover{border-color:var(--primary)}

/* Only AINFRA grid */
.only-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1100px;margin:0 auto;padding:0 24px}
.only-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;position:relative;transition:.15s}
.only-card:hover{border-color:rgba(255,68,68,.25);transform:translateY(-2px)}
.only-icon{font-size:24px;margin-bottom:8px}
.only-label{font-size:9px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}
.only-title{font-size:13px;font-weight:700;margin-bottom:6px}
.only-desc{font-size:11px;color:var(--text2);line-height:1.6;margin-bottom:10px}
.only-tag{font-size:10px;color:#555;padding:6px 10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:4px;line-height:1.4}

/* Feature table category rows */
.feature-table td[colspan]{font-size:10px !important;font-weight:700;text-transform:uppercase;letter-spacing:.1em}

/* Footer */
.landing-footer{position:relative;z-index:1;padding:32px;text-align:center;border-top:1px solid var(--border);color:var(--text2);font-size:11px;letter-spacing:0.5px}

/* Spacing helpers */
.mt60{margin-top:60px}
.mt40{margin-top:40px}
.mb16{margin-bottom:16px}

@media (prefers-reduced-motion: reduce) {
  .bar-fill::after, .price-card, .savings-card, .only-card, .btn-cta-primary:hover {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}