.pricing-page {
  --pe-bg:#020c22;
  --pe-bg-soft:#06152f;
  --pe-card:rgba(5,28,61,.88);
  --pe-card-strong:rgba(8,35,74,.96);
  --pe-border:rgba(45,160,231,.34);
  --pe-text:#f7fbff;
  --pe-muted:#a9b9d2;
  --pe-cyan:#20d8ff;
  --pe-violet:#9b5cff;
}
.pricing-page .pe-section {
  position:relative;
  overflow:clip;
  padding:120px 0;
  background:
    radial-gradient(circle at 18% 28%,rgba(0,139,255,.1),transparent 30%),
    radial-gradient(circle at 84% 30%,rgba(121,63,255,.09),transparent 32%),
    linear-gradient(rgba(51,135,213,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(51,135,213,.055) 1px,transparent 1px),
    var(--pe-bg);
  background-size:auto,auto,64px 64px,64px 64px,auto;
  color:var(--pe-text);
}
.pricing-page .pe-section:nth-of-type(even) { background-color:#03132a; }
.pe-heading { max-width:820px; margin:0 auto 54px; text-align:center; }
.pe-heading h2,.pe-trust h2,.pe-final h2 { margin:8px 0 0; color:#fff; font-size:clamp(2rem,3.6vw,3.35rem); line-height:1.06; letter-spacing:-.045em; }
.pe-heading > p:last-child,.pe-trust-grid > div > p,.pe-final-card > div > p { max-width:690px; margin:18px auto 0; color:var(--pe-muted); font-size:1rem; line-height:1.65; }
.pe-icon { display:grid; width:48px; height:48px; place-items:center; flex:0 0 48px; border:1px solid rgba(40,181,255,.65); border-radius:14px; background:linear-gradient(145deg,rgba(16,103,181,.3),rgba(15,43,100,.65)); color:var(--pe-cyan); box-shadow:inset 0 0 18px rgba(31,170,255,.08),0 0 22px rgba(0,137,255,.12); }
.pe-icon svg,.pe-link svg,.pe-addon a svg,.pe-final-actions svg,.pe-center .pricing-button svg,.pe-calc-summary .pricing-button svg,.pe-trust li svg { width:22px; height:22px; flex:0 0 22px; }
.pe-recommend-grid,.pe-benefit-grid,.pe-addon-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.pe-recommend-card,.pe-benefit,.pe-addon { display:flex; min-width:0; flex-direction:column; border:1px solid var(--pe-border); border-radius:22px; background:linear-gradient(145deg,rgba(6,39,76,.94),rgba(3,18,45,.96)); box-shadow:0 24px 60px rgba(0,5,24,.28); }
.pe-recommend-card { min-height:430px; padding:30px; }
.pe-recommend-card--growth { border-color:rgba(161,96,255,.72); box-shadow:0 24px 65px rgba(90,34,175,.24); }
.pe-recommend-card > p { margin:22px 0 0; color:#29cfff; font-size:.72rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.pe-recommend-card h3,.pe-benefit h3,.pe-addon h3 { margin:10px 0 0; color:#fff; font-size:1.23rem; line-height:1.25; }
.pe-recommend-card ul,.pe-product-panel ul,.pe-trust ul { display:grid; gap:13px; margin:25px 0 28px; padding:0; list-style:none; }
.pe-recommend-card li { display:flex; gap:10px; color:#c7d5e9; font-size:.86rem; line-height:1.45; }
.pe-recommend-card li svg { width:17px; flex:0 0 17px; color:var(--pe-cyan); }
.pe-link { display:flex; min-height:46px; align-items:center; justify-content:center; gap:9px; margin-top:auto; border:1px solid #39a9ff; border-radius:11px; color:#fff; font-size:.82rem; font-weight:900; text-decoration:none; }
.pe-link svg { width:18px; }
.pe-benefit-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pe-benefit { min-height:240px; padding:28px; }
.pe-benefit p,.pe-addon p { margin:12px 0 0; color:var(--pe-muted); font-size:.86rem; line-height:1.6; }
.pe-benefit:hover,.pe-addon:hover,.pe-recommend-card:hover { transform:translateY(-4px); border-color:rgba(56,189,248,.7); }
.pe-benefit,.pe-addon,.pe-recommend-card { transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.pe-calculator-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); gap:28px; align-items:start; }
.pe-calc-form,.pe-calc-summary { border:1px solid var(--pe-border); border-radius:24px; background:rgba(3,25,56,.92); box-shadow:0 25px 70px rgba(0,5,25,.34); }
.pe-calc-form { display:grid; gap:24px; padding:32px; }
.pe-calc-form > label,.pe-calc-form fieldset { min-width:0; margin:0; padding:0; border:0; }
.pe-calc-form label > span,.pe-calc-form legend { display:block; margin-bottom:10px; color:#dce8f9; font-size:.8rem; font-weight:850; }
.pe-calc-form select,.pe-calc-form input[type=number] { width:100%; min-height:50px; padding:10px 14px; border:1px solid rgba(62,157,225,.48); border-radius:11px; outline:0; background:#061a38; color:#fff; font:700 .9rem/1.2 Inter,sans-serif; }
.pe-calc-form select:focus,.pe-calc-form input:focus { border-color:#34c6ff; box-shadow:0 0 0 3px rgba(52,198,255,.18); }
.pe-calc-pair { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.pe-segment { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.pe-segment label { cursor:pointer; }
.pe-segment input { position:absolute; opacity:0; }
.pe-segment span { display:grid!important; min-height:48px; margin:0!important; place-items:center; border:1px solid rgba(62,157,225,.4); border-radius:11px; background:#061a38; color:#aebfd8; }
.pe-segment input:checked + span { border-color:#47c8ff; background:linear-gradient(100deg,#159cff,#8352f2); color:#fff; box-shadow:0 0 22px rgba(58,115,255,.28); }
.pe-addon-checks { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.pe-addon-checks label { display:flex; min-width:0; align-items:center; gap:10px; padding:12px; border:1px solid rgba(61,133,197,.3); border-radius:11px; background:rgba(5,33,69,.65); cursor:pointer; }
.pe-addon-checks input { width:18px; height:18px; accent-color:#32bfff; }
.pe-addon-checks span { min-width:0; margin:0!important; }
.pe-addon-checks strong,.pe-addon-checks small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pe-addon-checks strong { color:#eef7ff; font-size:.75rem; }
.pe-addon-checks small { margin-top:3px; color:#29d9bd; font-size:.65rem; }
.pe-calc-summary { position:sticky; top:100px; padding:32px; }
.pe-calc-summary h3 { margin:14px 0 0; color:#fff; font-size:1.5rem; }
.pe-summary-price { display:flex; align-items:baseline; gap:8px; margin-top:20px; }
.pe-summary-price strong { color:#fff; font-size:clamp(2.2rem,4.5vw,3.8rem); letter-spacing:-.055em; }
.pe-summary-price span,.pe-calc-summary > p { color:var(--pe-muted); }
.pe-calc-summary > p { margin:5px 0 0; font-size:.82rem; }
.pe-calc-summary dl { display:grid; gap:0; margin:24px 0 0; }
.pe-calc-summary dl div { display:flex; justify-content:space-between; gap:20px; padding:11px 0; border-bottom:1px solid rgba(95,143,194,.18); }
.pe-calc-summary dt { color:#aebed6; font-size:.78rem; }
.pe-calc-summary dd { margin:0; color:#fff; font-size:.78rem; font-weight:800; text-align:right; }
.pe-calc-note { margin:18px 0!important; padding:12px 14px; border-radius:10px; background:rgba(12,73,110,.36); line-height:1.45; }
.pe-calc-summary .pricing-button { width:100%; }
.pe-addon { min-height:300px; padding:28px; }
.pe-addon-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pe-addon > strong { width:max-content; margin-top:20px; padding:6px 11px; border-radius:999px; background:rgba(14,194,163,.14); color:#2de0bd; font-size:.68rem; }
.pe-addon > a { display:flex; align-items:center; gap:7px; margin-top:auto; padding-top:22px; color:#53cfff; font-size:.79rem; font-weight:850; text-decoration:none; }
.pe-addon > a svg { width:17px; }
.pe-tabs { display:flex; width:max-content; max-width:100%; gap:6px; margin:0 auto 28px; padding:5px; border:1px solid rgba(44,155,228,.44); border-radius:999px; background:#041934; }
.pe-tabs button { min-height:44px; padding:10px 22px; border:0; border-radius:999px; background:transparent; color:#9fb2cf; font:850 .78rem/1 Inter,sans-serif; cursor:pointer; }
.pe-tabs button[aria-selected=true] { background:linear-gradient(100deg,#1ca8ff,#8e45ef); color:#fff; }
.pe-product-panel { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:42px; align-items:center; min-height:470px; padding:42px; border:1px solid var(--pe-border); border-radius:26px; background:linear-gradient(145deg,rgba(6,39,76,.94),rgba(5,17,47,.96)); }
.pe-product-panel h3 { margin:10px 0 0; color:#fff; font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.1; }
.pe-product-panel > div > p:not(.pricing-kicker) { color:var(--pe-muted); line-height:1.65; }
.pe-product-panel li { color:#d0dcef; }
.pe-product-panel figure { overflow:hidden; margin:0; border:1px solid rgba(57,166,235,.5); border-radius:18px; background:#071b39; box-shadow:0 25px 60px rgba(0,0,0,.35); }
.pe-product-panel figure img { display:block; width:100%; max-height:390px; object-fit:cover; object-position:top; }
.pe-workflow-visual { display:flex; min-height:260px; align-items:center; justify-content:center; gap:13px; padding:30px; border-radius:20px; background:radial-gradient(circle,rgba(36,134,255,.18),transparent 70%); }
.pe-workflow-visual span { display:grid; min-height:82px; place-items:center; padding:18px; border:1px solid rgba(42,191,255,.55); border-radius:16px; background:#07224a; color:#fff; font-size:.78rem; font-weight:850; text-align:center; }
.pe-workflow-visual svg { width:26px; color:#3ccaff; }
.pe-center { display:flex; justify-content:center; margin-top:32px; }
.pe-center .pricing-button { width:auto; }
.pe-timeline { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; padding:0; list-style:none; counter-reset:steps; }
.pe-timeline li { position:relative; min-height:270px; padding:30px; border:1px solid var(--pe-border); border-radius:20px; background:var(--pe-card); }
.pe-timeline li > span { display:grid; width:46px; height:46px; place-items:center; border-radius:50%; background:linear-gradient(135deg,#16aaff,#8b45ef); color:#fff; font-weight:900; box-shadow:0 0 24px rgba(62,106,255,.34); }
.pe-timeline h3 { margin:24px 0 0; color:#fff; font-size:1.1rem; }
.pe-timeline p { color:var(--pe-muted); font-size:.84rem; line-height:1.6; }
.pe-savings-table { overflow:auto; border:1px solid var(--pe-border); border-radius:20px; background:rgba(4,27,58,.88); }
.pe-savings-table table { width:100%; min-width:700px; border-collapse:collapse; }
.pe-savings-table th,.pe-savings-table td { padding:19px 22px; border-bottom:1px solid rgba(79,137,192,.2); color:#cbd8ea; text-align:right; }
.pe-savings-table th:first-child,.pe-savings-table td:first-child { text-align:left; }
.pe-savings-table thead th { background:rgba(9,45,83,.9); color:#fff; font-size:.76rem; }
.pe-savings-table tbody th { color:#fff; }
.pe-savings-table strong { color:#2de2bd; }
.pe-trust-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:60px; align-items:center; }
.pe-trust-grid > div > p { margin-left:0; }
.pe-trust li { display:flex; gap:13px; color:#cbd8e9; line-height:1.5; }
.pe-trust li svg { flex:0 0 22px; color:#36d0ff; }
.pe-trust-visual { position:relative; overflow:hidden; padding:24px; border:1px solid var(--pe-border); border-radius:24px; background:linear-gradient(145deg,#071c3a,#0b1740); }
.pe-trust-visual > .pe-icon { position:absolute; top:18px; right:18px; z-index:2; width:62px; height:62px; }
.pe-trust-visual img { display:block; width:100%; max-height:500px; object-fit:cover; object-position:top; border-radius:15px; filter:brightness(.78) saturate(1.1); }
.pe-faq-list { max-width:900px; margin:0 auto; }
.pe-faq-item { border-bottom:1px solid rgba(73,139,195,.28); }
.pe-faq-item h3 { margin:0; }
.pe-faq-item button { display:flex; width:100%; min-height:70px; align-items:center; justify-content:space-between; gap:20px; padding:18px 4px; border:0; background:transparent; color:#fff; font:800 .96rem/1.35 Inter,sans-serif; text-align:left; cursor:pointer; }
.pe-faq-item button b { display:grid; width:34px; height:34px; place-items:center; flex:0 0 34px; border:1px solid rgba(60,164,232,.45); border-radius:50%; color:#45cfff; font-size:1.2rem; }
.pe-faq-item [role=region] { padding:0 54px 20px 4px; color:var(--pe-muted); line-height:1.65; }
.pe-faq-item [role=region] p { margin:0; }
.pe-final-card { position:relative; display:grid; min-height:420px; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); align-items:center; overflow:hidden; padding:58px; border:1px solid rgba(57,166,235,.52); border-radius:28px; background:radial-gradient(circle at 85% 30%,rgba(126,58,255,.22),transparent 36%),linear-gradient(135deg,#062143,#071331); box-shadow:0 30px 80px rgba(0,5,30,.38); }
.pe-final-card > div { position:relative; z-index:2; max-width:700px; }
.pe-final-card > div > p { margin-left:0; }
.pe-final-card > img { position:absolute; right:20px; bottom:0; width:min(35%,390px); max-height:410px; object-fit:contain; object-position:bottom; }
.pe-final-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:30px; }
.pe-final-actions .pricing-button { width:auto; min-width:190px; }
.pricing-page .pricing-table thead { position:sticky; top:76px; z-index:4; }
.pricing-page .pricing-table__category th { padding:10px 16px; background:#07305c; color:#54d6ff; font-size:.64rem; letter-spacing:.12em; text-transform:uppercase; }
.pricing-page .pricing-table tfoot th,.pricing-page .pricing-table tfoot td { padding:15px; background:#061c3c; }
.pricing-table__quote { display:inline-flex; min-height:38px; align-items:center; justify-content:center; padding:8px 13px; border:1px solid #2a9ce7; border-radius:9px; color:#fff; font-size:.68rem; font-weight:850; text-decoration:none; }
.pricing-page .pricing-card.is-plan-focus { animation:pePlanFocus 1.5s ease; }
@keyframes pePlanFocus { 0%,100%{box-shadow:inherit} 35%{box-shadow:0 0 0 4px rgba(46,206,255,.42),0 0 52px rgba(66,108,255,.5)} }
@media (max-width:1000px) {
  .pe-calculator-grid,.pe-trust-grid,.pe-product-panel { grid-template-columns:1fr; }
  .pe-calc-summary { position:relative; top:auto; }
  .pe-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .pricing-page .pe-section { padding:120px 0; }
  .pe-heading { margin-bottom:38px; }
  .pe-heading h2,.pe-trust h2,.pe-final h2 { font-size:2.15rem; }
  .pe-recommend-grid,.pe-benefit-grid,.pe-addon-grid,.pe-timeline { grid-template-columns:1fr; }
  .pe-recommend-card { min-height:0; }
  .pe-calc-form,.pe-calc-summary,.pe-product-panel,.pe-final-card { padding:24px 20px; }
  .pe-calc-pair,.pe-addon-checks { grid-template-columns:1fr; }
  .pe-tabs { display:grid; width:100%; grid-template-columns:1fr; border-radius:18px; }
  .pe-tabs button { width:100%; }
  .pe-workflow-visual { flex-direction:column; }
  .pe-workflow-visual svg { transform:rotate(90deg); }
  .pe-final-card { display:block; min-height:620px; }
  .pe-final-card > img { right:50%; width:300px; max-width:85%; transform:translateX(50%); }
  .pe-final-actions .pricing-button { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .pe-benefit,.pe-addon,.pe-recommend-card { transition:none; }
  .pricing-page .pricing-card.is-plan-focus { animation:none; outline:3px solid #42cfff; }
}