/* TP Context plans: visual consolidation with the TP blue/cyan interface.
   No edits to plan prices, entitlements, forms, or checkout integration. */
:root {
 --bg:#061320;
 --bg-soft:#0a1b2c;
 --panel:rgba(12,33,49,.88);
 --panel-solid:#0d2132;
 --panel-raised:#10283c;
 --line:rgba(99,167,218,.22);
 --line-strong:rgba(118,196,240,.37);
 --text:#edf8ff;
 --muted:#a2b7c9;
 --muted-2:#819cad;
 --green:#6cd4f5;
 --green-strong:#37b8e5;
 --green-soft:rgba(58,153,216,.13);
 --blue:#6caafa;
 --violet:#95aaff;
 --danger:#f78c9a;
}
html {background:#061320}
body {
 color:var(--text);
 background:
  radial-gradient(ellipse 740px 480px at 11% 8%,rgba(20,135,203,.16),transparent 77%),
  radial-gradient(ellipse 640px 430px at 94% 23%,rgba(30,95,192,.11),transparent 75%),
  linear-gradient(rgba(48,134,190,.046) 1px,transparent 1px),
  linear-gradient(90deg,rgba(48,134,190,.046) 1px,transparent 1px),
  #061320;
 background-size:auto,auto,44px 44px,44px 44px,auto;
}
.plans-header {
 border-bottom-color:rgba(99,172,223,.27);
 background:linear-gradient(110deg,rgba(9,30,47,.96),rgba(5,17,30,.95));
 box-shadow:0 8px 30px rgba(0,5,17,.17);
}
.brand-mark {
 color:#061827;border-color:rgba(151,229,255,.75);
 background:linear-gradient(135deg,#8ae9f3,#4ab9e6 55%,#4a8ee3);
 box-shadow:0 3px 24px rgba(31,149,214,.18),inset 0 1px rgba(255,255,255,.36);
}
.brand-copy strong {color:#f0f9ff;letter-spacing:-.02em}
.brand-copy small {color:#8db7cf}
.header-actions {flex-wrap:wrap;justify-content:flex-end}
.tp-v5-plans-monitors {
 display:inline-flex;align-items:center;gap:7px;min-height:37px;
 padding:8px 12px;border-radius:10px;
 border:1px solid rgba(93,186,233,.4);
 background:linear-gradient(115deg,rgba(29,100,155,.27),rgba(8,45,86,.3));
 color:#bceaff;text-decoration:none;font-size:12px;font-weight:740;
}
.tp-v5-plans-monitors:hover {color:#fff;border-color:#74d4f5;background:rgba(30,112,173,.32)}
.tp-v5-plans-monitors:focus-visible, .plans-header a:focus-visible {outline:2px solid #8cdef8;outline-offset:3px}
.account-badge.is-authenticated {color:#b5eaff;border-color:rgba(90,176,233,.35);background:rgba(39,130,190,.12)}
.account-badge.is-authenticated .account-dot {background:#65d4f1;box-shadow:0 0 11px rgba(101,212,241,.35)}
.hero {isolation:isolate}
.hero .eyebrow,.eyebrow {color:#83cbed}
.hero h1 {color:#f1fbff;letter-spacing:-.045em}
.hero h1 span {
 color:#79d9f2;
 background:linear-gradient(105deg,#98d4ee,#5bc4f0 55%,#5f97f7);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-copy {color:#b0c8d8}
.period-switch {border-color:rgba(99,168,214,.28);background:rgba(12,38,62,.72)}
.period-button.is-active {color:#041a2b;background:linear-gradient(125deg,#82ccec,#5ab6eb)}
.plan-card {
 border-color:rgba(92,164,215,.31);
 background:linear-gradient(148deg,rgba(16,44,65,.96),rgba(8,27,42,.98) 75%);
 box-shadow:inset 0 1px rgba(168,224,255,.04),0 14px 38px rgba(0,10,26,.16);
}
.plan-card:hover {border-color:rgba(117,202,242,.6);box-shadow:0 17px 55px rgba(11,74,130,.2)}
.plan-card.featured {
 border-color:rgba(108,207,247,.72);
 background:radial-gradient(ellipse 90% 50% at 50% 0%,rgba(53,123,208,.17),transparent),linear-gradient(150deg,#163b58,#0a1c2c 78%);
 box-shadow:0 20px 56px rgba(15,88,157,.17),inset 0 1px rgba(178,236,253,.08);
}
.popular-badge {color:#052032;background:linear-gradient(115deg,#9cd5ed,#65bdf1);box-shadow:0 3px 14px rgba(66,172,223,.22)}
.current-badge {color:#b6eafa;border-color:rgba(97,197,242,.46);background:rgba(54,144,211,.13)}
.plan-name {color:#a7d0e6}
.plan-card h2,.plan-card .price strong {color:#f6fbff}
.plan-description,.price-note {color:#a5bece}
.capacity {border-color:rgba(99,168,214,.29);background:rgba(13,42,67,.68)}
.plan-action:not(:disabled),.plan-button:not(:disabled),.checkout-btn:not(:disabled) {border-color:rgba(117,212,244,.5)}
.comparison,.faq details,.bottom-cta {
 border-color:rgba(101,174,220,.31);
 background:linear-gradient(148deg,rgba(15,43,64,.97),rgba(8,26,41,.98));
}
.comparison-table th,.comparison-table td {border-color:rgba(97,170,218,.16)}
.comparison-table thead th {background:rgba(15,47,70,.82)}
.comparison-table .pro-column {background:rgba(48,117,177,.09)}
.faq summary:hover {color:#b8eaff}
.faq details[open] {border-color:rgba(116,209,244,.57)}
.bottom-cta {
 background:radial-gradient(ellipse at 85% 0%,rgba(47,139,215,.18),transparent 60%),linear-gradient(120deg,#12334c,#0a2033);
 box-shadow:0 20px 54px rgba(3,34,64,.15);
}
@media(max-width:720px) {
 .plans-header {padding-inline:14px;gap:9px}
 .header-actions {gap:7px}
 .tp-v5-plans-monitors {min-height:36px;padding:7px 9px;font-size:11px}
 .brand-copy small {font-size:10px}
 .account-badge {max-width:calc(100vw - 28px);white-space:normal}
}
/* Finish removing legacy green from the principal purchase controls. */
.plan-action:not(.secondary) {color:#062034;background:linear-gradient(124deg,#87ceec,#59b6eb);box-shadow:0 7px 23px rgba(36,131,202,.13)}
.features li::before {background:#76d7f4;box-shadow:0 0 11px rgba(84,198,242,.25)}
.bottom-cta-action {color:#062034;background:linear-gradient(125deg,#8ad1ef,#5abbec)}