*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --g:#6366F1;--g2:#22D3EE;
  --grad:linear-gradient(135deg,#6366F1 0%,#818CF8 45%,#22D3EE 100%);
  --ink:#0F172A;--muted:#64748B;--border:#E2E8F0;
  --surface:#FFFFFF;--surface2:#F8FAFC;
}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:#F5F7FF;color:#334155}
.page-inner{max-width:1320px;margin:0 auto;padding:0 clamp(16px,2.5vw,28px)}

/* Solid header — matches global shell (no gray blur) */
body.zb-page-light #zb-shell-header,
body.zb-page-light .zb-header,
body.zb-blog-page #zb-shell-header,
body.zb-blog-page .zb-header{
  background:#0c1225!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Hero — dark, seamless with header */
.pl-hero{
  background:linear-gradient(165deg,#0c1225 0%,#0f172a 14%,#1e1b4b 38%,#172554 72%,#0c1929 100%);
  padding:72px 0 56px;text-align:center;position:relative;overflow:hidden;
}
.pl-hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 85% 65% at 50% -10%,rgba(99,102,241,.2) 0%,transparent 55%),
    radial-gradient(ellipse 45% 45% at 85% 75%,rgba(34,211,238,.1) 0%,transparent 55%);
}
.pl-hero-inner{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 clamp(16px,2.5vw,28px)}
.pl-badge{
  display:inline-block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 14px;border-radius:999px;margin-bottom:16px;
  background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.35);color:var(--g2);
}
.pl-hero h1{font-size:clamp(32px,4.5vw,52px);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.03em;margin-bottom:14px}
.pl-hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pl-hero p{font-size:16px;color:rgba(255,255,255,.55);line-height:1.7;max-width:560px;margin:0 auto 28px}
.pl-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.pl-tab{
  padding:9px 18px;border-radius:999px;font-size:13px;font-weight:700;
  color:rgba(255,255,255,.55);text-decoration:none;
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);
  transition:background .18s,border-color .18s,color .18s;
}
.pl-tab:hover,.pl-tab.is-on{color:#fff;background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.35)}

/* Sections */
.pl-sec{padding:64px 0}
.pl-sec--alt{background:#FFFFFF}
.pl-sec.pl-crypto{background:#F8FAFC;border-top:1px solid var(--border)}
.pl-sec-head{text-align:center;max-width:640px;margin:0 auto 40px}
.pl-sec-badge{
  display:inline-block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 12px;border-radius:999px;margin-bottom:14px;
  background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.22);color:#4F46E5;
}
.pl-sec-badge--crypto{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.25);color:#7C3AED}
.pl-sec-head h2{font-size:clamp(24px,3.5vw,34px);font-weight:900;color:var(--ink);letter-spacing:-.03em;margin-bottom:12px}
.pl-sec-head p{font-size:15px;color:var(--muted);line-height:1.65}

/* Packages — light cards */
.pkgs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.pkg-card{
  display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px 22px 22px;
  box-shadow:0 2px 12px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.03);
  transition:transform .22s cubic-bezier(.34,1.2,.64,1),border-color .2s,box-shadow .2s;
}
.pkg-card:hover{
  transform:translateY(-5px);border-color:rgba(99,102,241,.35);
  box-shadow:0 16px 40px rgba(99,102,241,.12),0 4px 12px rgba(15,23,42,.06);
}
.pkg-card--featured{
  border-color:rgba(99,102,241,.4);
  background:linear-gradient(165deg,#EEF2FF 0%,#FFFFFF 100%);
  box-shadow:0 0 0 1px rgba(99,102,241,.15),0 12px 36px rgba(99,102,241,.1);
}
.pkg-tier{
  display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;margin-bottom:12px;
  background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.22);color:#4F46E5;
}
.pl-crypto .pkg-tier{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.25);color:#7C3AED}
.pkg-card h3{font-size:17px;font-weight:900;color:var(--ink);margin-bottom:6px;letter-spacing:-.02em}
.pkg-price{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 8px;
  margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border);
}
.pkg-price-amt{
  font-size:clamp(28px,4vw,34px);font-weight:900;letter-spacing:-.03em;line-height:1;
  background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.pl-crypto .pkg-price-amt{background:linear-gradient(135deg,#7C3AED 0%,#A78BFA 100%);-webkit-background-clip:text;background-clip:text}
.pkg-price-note{font-size:11px;font-weight:600;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em}
.pkg-price-bundle{display:block;width:100%;font-size:11px;font-weight:600;color:var(--muted);margin-top:4px;line-height:1.4}
.pkg-sub{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px;line-height:1.4}
.pkg-feats{list-style:none;margin:0 0 14px;padding:0;flex:1;display:flex;flex-direction:column;gap:7px}
.pkg-feats li{font-size:12.5px;color:#475569;line-height:1.4;padding-left:18px;position:relative}
.pkg-feats li::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--g);opacity:.85}
.pkg-feats li.pkg-feat-writing{color:#334155}
.pkg-feats li.pkg-feat-writing strong{color:#4F46E5;font-weight:800}
.pl-crypto .pkg-feats li::before{background:#8B5CF6}
.pl-crypto .pkg-feats li.pkg-feat-writing strong{color:#7C3AED}
.pkg-best{
  font-size:12px;color:var(--muted);line-height:1.5;
  padding-top:12px;border-top:1px solid var(--border);margin-bottom:16px;
}
.pkg-best strong{color:#334155;font-weight:700}
.pkg-btn{
  display:block;text-align:center;padding:12px 16px;border-radius:10px;
  background:var(--grad);color:#fff;font-size:12.5px;font-weight:800;text-decoration:none;
  transition:opacity .15s,transform .15s,box-shadow .15s;
  box-shadow:0 4px 14px rgba(99,102,241,.25);
}
.pkg-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 8px 24px rgba(99,102,241,.35)}
.pl-crypto .pkg-btn{background:linear-gradient(135deg,#7C3AED 0%,#A78BFA 100%);box-shadow:0 4px 14px rgba(139,92,246,.3)}
.pl-crypto .pkg-btn:hover{box-shadow:0 8px 24px rgba(139,92,246,.4)}
.pl-crypto .pkg-card--featured{
  border-color:rgba(139,92,246,.35);
  background:linear-gradient(165deg,#F5F3FF 0%,#FFFFFF 100%);
  box-shadow:0 0 0 1px rgba(139,92,246,.12),0 12px 36px rgba(139,92,246,.1);
}
.pl-crypto .pkg-card:hover{border-color:rgba(139,92,246,.35)}
.pkg-note{font-size:10px;color:#94A3B8;margin-top:10px;text-align:center}

/* CTA — light */
.pl-cta{
  padding:56px 0 80px;text-align:center;
  border-top:1px solid var(--border);
  background:linear-gradient(180deg,#EEF2FF 0%,#F5F7FF 100%);
}
.pl-cta h2{font-size:clamp(22px,3vw,30px);font-weight:900;color:var(--ink);margin-bottom:10px}
.pl-cta p{font-size:15px;color:var(--muted);margin-bottom:24px}
.pl-cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.pl-btn-main{
  padding:13px 26px;border-radius:10px;font-size:14px;font-weight:800;color:#fff;
  background:var(--grad);text-decoration:none;
  box-shadow:0 4px 16px rgba(99,102,241,.3);
  transition:transform .18s,box-shadow .18s;
}
.pl-btn-main:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.4)}
.pl-btn-sec{
  padding:13px 26px;border-radius:10px;font-size:14px;font-weight:600;
  color:#475569;text-decoration:none;
  border:1px solid var(--border);background:#fff;
  box-shadow:0 1px 4px rgba(15,23,42,.04);
  transition:background .18s,border-color .18s,color .18s;
}
.pl-btn-sec:hover{background:#EEF2FF;border-color:rgba(99,102,241,.3);color:var(--g)}

@media(max-width:960px){
  .pkgs-grid{grid-template-columns:1fr 1fr}
  .pl-sec{padding:48px 0}
  .pl-sec-head{margin-bottom:32px}
}
@media(max-width:768px){
  .pl-hero{padding:52px 0 40px}
  .pl-hero h1{font-size:clamp(26px,6vw,38px)}
  .pl-hero p{font-size:15px;margin-bottom:20px}
  .pl-sec-head h2{font-size:clamp(22px,5vw,28px)}
  .pl-cta{padding:48px 0 64px}
  .pl-cta-btns{flex-direction:column;width:100%;max-width:320px;margin:0 auto}
  .pl-btn-main,.pl-btn-sec{width:100%;text-align:center;box-sizing:border-box}
}
@media(max-width:600px){
  .pl-hero{padding:40px 0 28px}
  .pl-hero p{font-size:14px;margin-bottom:16px}
  .pkgs-grid{grid-template-columns:1fr}
  .pkg-card{padding:20px 18px}
  .pl-tabs{gap:6px;width:100%;padding:0 4px}
  .pl-tab{padding:8px 14px;font-size:12px}
  .pl-sec{padding:40px 0}
}