/* =======================
   PRICING PAGE
   ======================= */

/* Hero */
.pricing-hero{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;text-align:center}
.pricing-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:contrast(1.05) brightness(.6)}
.pricing-hero__overlay{position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 40%,rgba(0,255,188,.18),transparent 60%),linear-gradient(#0b1220,#0b122000 40%)}
.pricing-hero__inner{position:relative;z-index:1;padding:56px 0}
.pricing-hero__title{margin:0;color:#eaf2ff;font-weight:800;font-size:32px;line-height:1.1}
.pricing-hero__accent{background:linear-gradient(90deg,#7ee2f0,#9b8cff,#6df4c7);-webkit-background-clip:text;background-clip:text;color:transparent}
.pricing-hero__sub{color:#9aa3af;margin:10px 0 18px}

/* Grid */
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

/* Card */
.plan-card{position:relative;overflow:hidden;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:18px;transition:transform .25s,box-shadow .25s,border-color .25s}
.plan-card:hover{transform:translateY(-6px);border-color:rgba(126,226,240,.35);box-shadow:0 10px 34px rgba(0,0,0,.45)}
.plan-card--featured{background:linear-gradient(180deg,rgba(126,226,240,.06),rgba(155,140,255,.04));border-color:rgba(155,140,255,.35)}
.plan-ribbon{position:absolute;top:14px;right:-28px;transform:rotate(35deg);background:linear-gradient(90deg,#ffd54a,#ff7a7a);color:#1a1f2b;font-weight:800;font-size:12px;padding:6px 40px;border-radius:4px;z-index:2}
.plan-badge{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.08);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#e6edf4;border:1px solid rgba(255,255,255,.12);z-index:2}
.plan-glow{position:absolute;inset:-20%;background:radial-gradient(40% 30% at 20% 0%,rgba(0,213,255,.15),transparent 70%),radial-gradient(40% 30% at 110% 120%,rgba(128,0,255,.15),transparent 70%);filter:blur(30px);z-index:0}

/* Head */
.plan-head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0 0 20px}
.plan-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}
.plan-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(126,226,240,.18),rgba(155,140,255,.18));border:1px solid rgba(255,255,255,.12);color:#a8f3ff;flex:0 0 40px}
.plan-icon i{font-size:20px;line-height:1}
.plan-title-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}
.plan-name{margin:0;color:#e6edf4;font-weight:800;font-size:20px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-note{color:#91a0b4;font-size:12px;line-height:1}

/* Price block like reference */
.plan-price{display:flex;align-items:flex-start;gap:4px;flex:0 0 auto;white-space:nowrap}
.plan-price .currency{font-size:18px;color:#a7b1c0;line-height:1;transform:translateY(2px)}
.plan-price .amount{font-size:44px;font-weight:900;color:#fff;line-height:.95;letter-spacing:.2px}
.plan-price .aster{font-size:22px;line-height:1;color:#dce3ee;transform:translateY(-10px);opacity:.9}
.plan-price .per{font-size:13px;color:#9aa3af;line-height:1;margin-left:6px;transform:translateY(-10px)}

/* Features */
.plan-list{position:relative;z-index:1;margin:12px 0 16px;padding:0;list-style:none}
.plan-list li{display:flex;align-items:flex-start;gap:10px;margin:8px 0;color:#cfd7e3}
.plan-list i{color:#7ee2f0;margin-top:2px;font-size:16px;flex:0 0 16px}

/* Buttons */
.plan-card .btn{height:44px;border-radius:10px}
.btn-outline{border:1px solid rgba(255,255,255,.2);background:transparent;color:#e6edf4}
.btn-outline:hover{border-color:#7ee2f0;background:rgba(126,226,240,.08)}
.plan-card .muted.small{color:#91a0b4;font-size:12px}