.plans-hero{position:relative;overflow:hidden;padding:92px 0 88px;background:radial-gradient(circle at 76% 30%,rgba(7,140,245,.18),transparent 32%),linear-gradient(115deg,#001424,#00111f 55%,#00101d)}
.plans-hero:after{content:"";position:absolute;inset:0 0 0 48%;background-image:linear-gradient(rgba(7,140,245,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(7,140,245,.08) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 20%,transparent);pointer-events:none}
.plans-shell{position:relative;z-index:1;width:min(calc(100% - 40px),1320px);margin-inline:auto}
.plans-hero__inner{text-align:center}
.plans-eyebrow{display:inline-block;margin-bottom:.75rem;color:#25b6ff;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.plans-hero h1{margin:0;font-size:clamp(2.75rem,6vw,4.75rem);font-weight:800;line-height:1.05;letter-spacing:-.045em}
.plans-hero h1 span{background:linear-gradient(90deg,#078cf5,#25b8ff 54%,#52d8a5);background-clip:text;-webkit-background-clip:text;color:transparent}
.plans-hero p{max-width:930px;margin:1.5rem auto 0;color:#aebed1;font-size:1rem;line-height:1.8}
.plans-comparison{padding:95px 0;background:#000b16}
.plans-section-heading{margin:0 auto 48px;text-align:center}
.plans-section-heading h2{margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.025em}
.plans-module{position:relative;overflow:hidden;padding:3rem;border:1px solid #19384f;border-radius:18px;background:#061724;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.plans-table-wrap{overflow-x:auto;margin:0 -.5rem;padding:0 .5rem;-webkit-overflow-scrolling:touch}
.plans-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;color:#dce9f5;font-size:.9375rem}
.plans-table th,.plans-table td{padding:.85rem 1.25rem;border-bottom:1px solid #19384f;vertical-align:middle}
.plans-table td{text-align:center}
.plans-table thead th{position:static;background:#071d2c;color:#dce9f5;font-size:.8125rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.plans-table thead th:first-child{min-width:300px;border-radius:10px 0 0 0;text-align:left}
.plans-table thead th:last-child{border-radius:0 10px 0 0}
.plans-table .plan-heading{min-width:160px;padding-block:1.2rem;text-align:center}
.comparison-popular{display:block;width:max-content;margin:0 auto .55rem;padding:.25rem .55rem;border-radius:999px;background:#078cf5;color:#fff;font-size:.625rem;font-style:normal;font-weight:800;letter-spacing:.08em;line-height:1.2}
.plan-heading>strong{display:block;font-size:.8125rem}
.plan-heading>span{display:block;margin:.65rem 0 .8rem;color:#53bcff;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;text-transform:none}
.plan-heading>span small{margin-left:.2rem;color:#8da7bc;font-size:.7rem;font-weight:500;letter-spacing:0}
.plan-heading>.table-plan-promo{display:flex;min-height:50px;align-items:center;justify-content:center;flex-direction:column;margin:.15rem auto .85rem;padding:.4rem .55rem;border:1px solid #168fe899;border-radius:8px;background:linear-gradient(135deg,#087fe526,#4dd19a1c);font-size:inherit;letter-spacing:0;text-transform:none}.table-plan-promo b{color:#65d5ff;font-size:.72rem;line-height:1.2}.plan-heading>.table-plan-promo small{display:block;margin:.2rem 0 0;color:#b5c7d5;font-size:.66rem;font-weight:600}.table-plan-promo--placeholder{visibility:hidden}
.plans-table .feature-name{color:#eef6ff;font-weight:600;text-align:left;white-space:nowrap}
.plans-table tbody tr:not(.plan-section-row):not(.plans-action-row):hover>th,.plans-table tbody tr:not(.plan-section-row):not(.plans-action-row):hover>td{background:rgba(7,140,245,.06)}
.plans-table .featured{background:rgba(7,140,245,.075);box-shadow:inset 1px 0 rgba(7,140,245,.12),inset -1px 0 rgba(7,140,245,.12)}
.plans-table thead .featured{background:linear-gradient(180deg,#0b3553,#09283e);color:#fff}
.plan-check{color:#49d39b;font-size:1.05rem;font-weight:800}
.plans-table del{margin-left:.3rem;color:#71899c}
.plan-section-row th{padding:.9rem 1.25rem;border-bottom-color:#176397;background:linear-gradient(90deg,#087ee1,#0ca5e9);color:#fff;font-size:.8125rem;font-weight:800;letter-spacing:.06em;text-align:left;text-transform:uppercase}
.plan-buy-button{display:inline-flex;align-items:center;justify-content:center;min-width:105px;padding:.62rem .85rem;border:1px solid #0a9cf1;border-radius:7px;background:linear-gradient(135deg,#0078e8,#00a0f5);color:#fff!important;font-size:.75rem;font-weight:700;letter-spacing:0;text-transform:none;transition:transform .18s,box-shadow .18s}
.plan-buy-button:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(7,140,245,.25)}
.plans-action-row td,.plans-action-row th{padding-block:1.35rem;border-bottom:0}
.plans-footnote{margin:1.25rem 0 0;color:#8da7bc;font-size:.8125rem}
.managed-benefits{padding:86px 0;background:#03111e}
.managed-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.managed-benefits-grid article{position:relative;min-height:245px;padding:30px 27px;border:1px solid #19384f;border-radius:15px;background:linear-gradient(145deg,#0a2234,#071927);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.managed-benefit-icon{display:grid;width:48px;height:48px;margin-bottom:21px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#087ee1,#12a9f5);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.04em}
.managed-benefit-icon--cloud,.managed-benefit-icon--security{background:linear-gradient(135deg,#25a875,#55d9a4)}
.managed-benefit-icon--system,.managed-benefit-icon--network{background:linear-gradient(135deg,#d97825,#f5ae3c)}
.managed-benefit-icon--location{background:linear-gradient(135deg,#6d55d9,#9b82f5)}
.managed-benefits-grid h2{margin:0 0 11px;color:#eef6ff;font-size:1.2rem;line-height:1.3}
.managed-benefits-grid p{margin:0;color:#aebed1;font-size:.9rem;line-height:1.7}
[data-theme=light] .plans-hero{background:radial-gradient(circle at 76% 30%,rgba(7,140,245,.12),transparent 32%),linear-gradient(#fff,#f5fbff)}
[data-theme=light] .plans-hero h1{color:#173753}
[data-theme=light] .plans-hero p{color:#526079}
[data-theme=light] .plans-comparison{background:#f8fafc}
[data-theme=light] .plans-section-heading h2{color:#173753}
[data-theme=light] .plans-module{border-color:#d9e9f3;background:#fff;box-shadow:0 20px 60px rgba(7,90,145,.09)}
[data-theme=light] .plans-table{color:#475569}
[data-theme=light] .plans-table th,[data-theme=light] .plans-table td{border-bottom-color:#dfebf2}
[data-theme=light] .plans-table thead th{background:#edf7fd;color:#173753}
[data-theme=light] .plans-table thead .featured{background:linear-gradient(180deg,#dff2ff,#eaf8ff);color:#075f9f}
[data-theme=light] .plan-heading>.table-plan-promo:not(.table-plan-promo--placeholder){border:2px solid #1688d4;background:linear-gradient(135deg,#d7efff,#dcf8eb);box-shadow:0 5px 14px rgba(7,126,207,.12)}[data-theme=light] .table-plan-promo b{color:#0569ad}[data-theme=light] .plan-heading>.table-plan-promo small{color:#304d64}
[data-theme=light] .plans-table .feature-name{color:#263f55}
[data-theme=light] .plans-table .featured{background:rgba(7,140,245,.045)}
[data-theme=light] .plans-table tbody tr:not(.plan-section-row):not(.plans-action-row):hover>th,[data-theme=light] .plans-table tbody tr:not(.plan-section-row):not(.plans-action-row):hover>td{background:rgba(7,140,245,.05)}
[data-theme=light] .plans-footnote{color:#64748b}
[data-theme=light] .managed-benefits{background:#f8fafc}
[data-theme=light] .managed-benefits-grid article{border-color:#dfedf5;background:#fff;box-shadow:0 15px 40px rgba(7,140,245,.08)}
[data-theme=light] .managed-benefits-grid h2{color:#173753}
[data-theme=light] .managed-benefits-grid p{color:#526079}
@media(max-width:900px){.managed-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.plans-hero{padding:68px 0}.plans-hero h1{font-size:2.75rem}.plans-comparison{padding:72px 0}.plans-module{padding:2rem 1.5rem}.plans-table{font-size:.8125rem}.plans-table th,.plans-table td{padding:.65rem .85rem}.managed-benefits{padding:68px 0}.managed-benefits-grid{grid-template-columns:1fr}.managed-benefits-grid article{min-height:0}}
