/* Brainmade Lab — pricing v2. Scoped to #formats; works with both site themes. */
#formats {
  --fg:#f8f4ee; --fg-2:#d9e0e7; --fg-3:#c3cdd7;
  padding-block:clamp(72px,7vw,112px) clamp(48px,5vw,80px);
  background-color:#102232;
  background-image:linear-gradient(90deg,rgba(6,18,29,.48),rgba(6,18,29,.06)),linear-gradient(0deg,rgba(6,18,29,.72),transparent 65%),url('/images/pricing-lakeside.webp');
  background-size:cover; background-position:center top;
  isolation:isolate; color:#f8f4ee;
}
#formats::before {display:none}
#formats .deep__lit {display:none}
#formats .wrap {max-width:1440px}
#formats .hd {max-width:none}
#formats .pricing-eyebrow {font-size:11px;letter-spacing:.24em;font-weight:500;margin:0 0 28px;color:#d6dfe8}
#formats h2 {font-size:clamp(36px,4.8vw,72px);line-height:1.06;letter-spacing:-.045em;font-weight:450;white-space:pre-line;max-width:100%;color:#f8f4ee;text-wrap:initial;margin:0}
#formats .hd .lead {font-size:clamp(16px,1.5vw,21px);line-height:1.55;white-space:pre-line;max-width:65ch;margin:24px 0 0;color:#d9e0e7}
#formats .plans {margin-top:40px;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto auto auto 1fr auto auto;perspective:none}
#formats .plan {
  --fg:#f8f4ee;--fg-2:#d9e0e7;--fg-3:#c3cdd7;--accent:#eee7dd;--line:rgba(230,238,246,.24);
  grid-row:span 8;grid-template-rows:subgrid;min-width:0;
  padding:clamp(24px,2.5vw,36px);border-radius:22px;
  background:linear-gradient(145deg,rgba(88,113,135,.35),rgba(12,28,42,.66));
  border:1px solid rgba(228,239,250,.40);
  -webkit-backdrop-filter:blur(22px) saturate(115%);backdrop-filter:blur(22px) saturate(115%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 20px 48px -20px rgba(0,0,0,.5);
  color:#f8f4ee;transform:none;transform-style:flat;
  transition:border-color .2s,background-color .2s;
}
#formats .plan--pick {background:linear-gradient(145deg,rgba(109,130,148,.44),rgba(23,41,56,.72));border-color:rgba(241,245,251,.64);transform:none}
#formats .plan__k {font-size:clamp(18px,1.55vw,23px);line-height:1.3;letter-spacing:-.025em;font-weight:450;padding-right:0;margin:0;color:#f8f4ee}
#formats .plan__badge {display:none}
#formats .plan__p {margin:24px 0 0;font-size:clamp(38px,3.3vw,52px);line-height:1.05;letter-spacing:-.045em;font-weight:500;color:#f8f4ee;align-self:end}
#formats .plan__from {display:block;font-size:14px;line-height:20px;min-height:20px;letter-spacing:0;font-weight:400;color:#d9e0e7;margin-bottom:4px}
#formats .plan__t {font-size:14px;line-height:1.5;margin-top:10px;color:#cbd5de}
#formats .plan__d {margin-top:24px;font-size:16px;line-height:1.55;color:#e0e6eb}
#formats .plan__h {margin-top:26px;padding-top:23px;font-size:13px;line-height:1.5;font-weight:500;color:#f8f4ee;border-top:1px solid rgba(230,238,246,.25)}
#formats .plan__l {margin-top:20px;gap:12px}
#formats .plan__l li {font-size:14px;line-height:1.55;color:#e0e6eb;opacity:1;transform:none;padding-left:25px}
#formats .plan__l li::before {border-color:#f1eee7}
#formats .plan__payment {font-size:12px;line-height:1.5;color:#cbd5de;margin-top:24px;align-self:end}
#formats .plan__go {display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;width:100%;margin-top:24px;padding:12px 16px;border:1px solid rgba(237,244,249,.65);border-radius:999px;color:#f8f4ee;background:rgba(10,24,36,.16);font-size:14px;font-weight:500;line-height:1.35;letter-spacing:0;text-align:center;text-decoration:none;place-self:end stretch;white-space:normal;overflow:visible;transition:background .2s,border-color .2s}
#formats .plan__go::before,#formats .plan__go::after {display:none}
#formats .plan__go svg {flex-shrink:0}
#formats .plan--pick .pill {background:#f3ece3;color:#142333;border-color:#f3ece3}
#formats .plan__go .pill__l {position:static;transform:none;transition:none;white-space:normal}
#formats .plan__go .pill__l[aria-hidden] {display:none}
#formats .plan__go:focus-visible {outline:3px solid #fff;outline-offset:5px}
#formats .plans__anchor {font-size:13px;max-width:none;line-height:1.6;margin-top:26px;color:#d5dfe7}
#formats .after {margin-top:38px;padding-top:28px;border-top:1px solid rgba(234,240,246,.36)}
#formats .after>.tag {display:none}
#formats .after__row {margin-top:0;gap:20px}
#formats .after__k {font-size:clamp(24px,2.4vw,34px);line-height:1.2;font-weight:450;letter-spacing:-.025em;color:#f8f4ee}
#formats .after__p {font-size:clamp(21px,2vw,28px);line-height:1.25;display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-weight:450;color:#f8f4ee}
#formats .after__p b {font-size:13px;color:#cbd5de;line-height:1.5}
#formats .after__d {font-size:15px;max-width:65ch;margin-top:16px;color:#d9e0e7}
#formats .plans__note {font-size:12px;color:#cbd5de;line-height:1.6;margin-top:32px;max-width:none}
@media (hover:hover) {#formats .plan:hover {border-color:rgba(255,255,255,.8)} #formats .plan__go:hover {background:rgba(255,255,255,.12)} #formats .plan--pick .pill:hover {background:#fff9f1}}
@media (max-width:1000px) {
 #formats .plans {grid-template-columns:1fr;grid-template-rows:none;gap:20px}
 #formats .plan {display:flex;flex-direction:column;grid-row:auto;grid-template-rows:none;padding:30px}
 #formats .plan__go {align-self:stretch}
 #formats .plan__p {align-self:stretch;font-size:44px;margin-top:18px}
 #formats .plan__payment {align-self:stretch}
 #formats .plan:first-child .plan__from,#formats .plan:first-child .plan__payment {display:none}
 #formats {background-size:auto 1250px;background-repeat:no-repeat;background-position:60% top}
}
@media (max-width:600px) {
 #formats {padding-top:64px;padding-bottom:48px}
 #formats .pricing-eyebrow {font-size:10px;letter-spacing:.17em;margin-bottom:24px}
 #formats h2 {font-size:clamp(32px,8vw,46px);line-height:1.12}
 #formats .hd .lead {font-size:16px;white-space:normal;margin-top:20px}
 #formats .plans {margin-top:32px}
 #formats .plan {padding:26px 24px;border-radius:20px}
 #formats .plan__k {font-size:21px}
 #formats .plan__d {font-size:16px}
 #formats .plan__l li {font-size:14px}
 #formats .after__row {gap:18px}
 #formats .after__d {font-size:14px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {#formats .plan {background:rgba(21,40,57,.96)} #formats .plan--pick {background:rgba(44,62,78,.97)}}
@supports not (grid-template-rows:subgrid) {#formats .plans {grid-template-rows:none} #formats .plan {display:flex;flex-direction:column;grid-row:auto} #formats .plan__l {flex:1} #formats .plan__p,#formats .plan__payment {align-self:stretch}}
@media (prefers-reduced-motion:reduce) {#formats .plan,#formats .plan__go {transition:none}}

#formats .plan__go {height:52px;padding:10px 14px}
@media(max-width:1000px){#formats .plan__go{height:auto;min-height:52px}}