/* Kartavya portal: the memberships section exactly as it is on the classic page
   (bundle cards, expandable details with floor plans, comparison table).
   Generated from styles.css + mist.css, scoped to section.mem. */
section.mem {
  --bg: transparent; --sand: rgba(255, 255, 255, .5); --card: rgba(255, 255, 255, .8); --inset: rgba(201, 225, 232, .5); --track: rgba(47, 59, 70, .14);
  --ink-w: #2F3B46; --mute-w: #46535F; --line-w: rgba(47, 59, 70, .16); --teal-d: #3F7A92; --teal-l: rgba(127, 175, 194, .3);
  --orange-d: #8F5E10; --orange-l: rgba(184, 122, 30, .16);
  --m-ink: #2F3B46; --m-slate: #46535F; --m-deep: #3F7A92; --m-deeper: #2F5568; --m-amber: #B87A1E;
  --teal: #2A9D8F; --orange: #C65D1E; --ink: #101415;
  font: 400 1.0625rem/1.6 Manrope, "Noto Sans", system-ui, sans-serif; color: var(--m-ink); background: #F7F9F8; -webkit-font-smoothing: antialiased;
}
:root[data-theme="dark"] section.mem {
  --sand: rgba(255, 255, 255, .04); --card: rgba(255, 255, 255, .06); --inset: rgba(255, 255, 255, .08); --track: rgba(255, 255, 255, .16);
  --ink-w: #e8eff3; --mute-w: #9fb1bc; --line-w: rgba(255, 255, 255, .14); --teal-d: #7fd3c8; --teal-l: rgba(127, 211, 200, .18);
  --orange-d: #f2c879; --orange-l: rgba(242, 200, 121, .16);
  --m-ink: #e8eff3; --m-slate: #9fb1bc; --m-deep: #3F7A92;
  background: #0a1319;
}
:root[data-theme="dark"] .mem .cmp thead th, :root[data-theme="dark"] .mem .cmp tbody th, :root[data-theme="dark"] .mem .cmp .tot th, :root[data-theme="dark"] .mem .cmp .tot td { color: #e8eff3; }
:root[data-theme="dark"] .mem .cmp .grp th { background: rgba(255, 255, 255, .04); }
:root[data-theme="dark"] .mem .cmp td.n { color: #6f808b; }
.mem :where(h1, h2, h3, h4, p, ul) { margin: 0; }
.mem :where(ul) { list-style: none; padding: 0; }
.mem :where(a) { color: inherit; text-decoration: none; }
.mem :where(button) { font: inherit; cursor: pointer; }
.mem :where(table) { border-spacing: 0; }
.mem .btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 34px;border-radius:14px;font-weight:800;font-size:0.8125rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s,color .2s;cursor:pointer}
.mem .btn:hover{transform:translateY(-2px)}
.mem .btn:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.mem .btn-teal{background:var(--teal);color:#fff}
.mem .btn-teal:hover{box-shadow:0 10px 30px rgba(42,157,143,.45)}
.mem .btn-white{background:#fff;color:var(--ink)}
.mem .btn-white:hover{box-shadow:0 10px 30px rgba(255,255,255,.2)}
.mem .btn-dark{background:var(--ink);color:#fff}
.mem .btn-dark:hover{box-shadow:0 10px 30px rgba(0,0,0,.3)}
.mem .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.mem .btn-ghost:hover{border-color:var(--teal);color:var(--teal)}
.mem .big{font-weight:300;font-size:clamp(2.375rem,6vw,5.75rem);line-height:1;letter-spacing:-.035em}
.mem .f-emerg{--bg:#5a2508;--glow:rgba(198,93,30,.85);--glow2:rgba(255,170,100,.18)}
.mem .f-dai{--bg:#0a2926;--glow:rgba(42,157,143,.6)}
.mem .f-comm{--bg:#14504a;--glow:rgba(120,230,214,.4);--glow2:rgba(255,255,255,.1)}
.mem .xp{padding:84px 0}
.mem .xp.alt{background:var(--sand)}
.mem .xp-h{font-weight:500;font-size:clamp(1.75rem,3.4vw,2.625rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:12px}
.mem .xp-sub{max-width:640px;margin-bottom:40px;color:var(--mute-w);font-size:1.1875rem;line-height:1.55}
@keyframes mem-up{from{opacity:0;transform:translateY(14px)}}
@media(max-width:980px){.mem .xp{padding:60px 0}}
.mem .bd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.mem .bd{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:32px 28px 28px;border:2px solid transparent;border-radius:30px;background:var(--bg);color:#fff;cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s,opacity .3s}
.mem .bd::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(75% 55% at 85% 95%,var(--glow),transparent 70%),radial-gradient(55% 40% at 0% 60%,var(--glow2,transparent),transparent 70%)}
.mem .bd::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 36%),radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.6px) 0 0/22px 22px}
.mem .bd:hover{transform:translateY(-6px)}
.mem .bd.sel{border-color:#5FE3D3;box-shadow:0 0 0 6px rgba(95,227,211,.12),0 30px 70px rgba(0,0,0,.5)}
.mem.has-sel .bd:not(.sel){opacity:.7}
.mem .bd-tag{display:block;min-height:2.7em;font-size:0.75rem;font-weight:800;line-height:1.35;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.mem .bd-p .bd-tag{min-height:0}
.mem .bd h2{font-size:clamp(2.25rem,3.6vw,3.125rem);font-weight:500;line-height:1;letter-spacing:-.03em}
.mem .bd-sub{min-height:3em;font-size:1.0938rem;line-height:1.5;color:rgba(255,255,255,.9)}
.mem .bd-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border:0;border-radius:40px;background:#fff;color:#101415;font:inherit;font-size:0.875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .2s,background .2s}
.mem .bd-btn:hover{transform:translateY(-2px)}
.mem .bd-btn:focus-visible{outline:3px solid #5FE3D3;outline-offset:3px}
.mem .bd.sel .bd-btn{background:#5FE3D3}
.mem .bd-btn::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translateY(-2px);transition:transform .3s}
.mem .bd.sel .bd-btn::after{transform:rotate(-135deg) translateY(-2px)}
.mem .bd-count{display:flex;align-items:baseline;gap:8px;padding-top:8px;font-size:0.9375rem;color:rgba(255,255,255,.85)}
.mem .bd-count b{font-size:2.125rem;font-weight:500;letter-spacing:-.02em;color:#fff}
.mem .bd-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.mem .bd-list li,.mem .bd-gives li{display:flex;gap:14px;align-items:flex-start;font-size:1.0625rem;line-height:1.35}
.mem .bd-list li::before,.mem .bd-gives li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:rgba(95,227,211,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235FE3D3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.mem .bd-best{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);font-size:0.9375rem;line-height:1.5;color:rgba(255,255,255,.82)}
.mem .bd-best b{display:block;margin-bottom:4px;font-size:0.7188rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.mem .bd-detail{display:grid;grid-template-rows:0fr;scroll-margin-top:96px;transition:grid-template-rows .7s ease}
.mem .bd-detail.open{grid-template-rows:1fr}
.mem .bd-inner{min-height:0;overflow:hidden}
.mem .bd-p{display:none;margin-top:24px;padding:36px;border:1px solid var(--line-w);border-radius:30px;background:var(--card)}
.mem .bd-p.on{display:block;animation:mem-up .6s ease both}
.mem .bd-ph{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:30px}
.mem .bd-ph h3{margin:8px 0 8px;font-size:clamp(1.75rem,3vw,2.625rem);font-weight:500;letter-spacing:-.02em}
.mem .bd-ph p{max-width:600px;font-size:1.125rem;line-height:1.5;color:var(--mute-w)}
.mem .bd-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}
.mem .bd-h4{margin-bottom:14px;font-size:0.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mute-w)}
.mem .bd-h4 em{margin-left:8px;font-style:normal;font-weight:600;letter-spacing:.04em;text-transform:none;opacity:.8}
.mem .bd-kit{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mem .bd-dev{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:var(--inset)}
.mem .bd-dev i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--teal-l);color:var(--teal-d);font-style:normal;font-size:0.6875rem;font-weight:800}
.mem .bd-dev.o i{background:var(--orange-l);color:var(--orange-d)}
.mem .bd-dev b{display:block;font-size:0.9688rem;font-weight:700}
.mem .bd-dev b em{margin-left:8px;font-style:normal;color:var(--teal-d)}
.mem .bd-dev p{margin-top:2px;font-size:0.8438rem;line-height:1.4;color:var(--mute-w)}
.mem .bd-gives{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}
.mem .bd-gives li{font-size:1.0312rem}
.mem .bd-plan svg{display:block;width:100%;height:auto}
.mem .mk-pt{opacity:0;transform:scale(.3);transform-box:fill-box;transform-origin:center}
.mem .bd-p.on .mk-pt{animation:mem-pt .6s cubic-bezier(.3,1.4,.5,1) calc(var(--i)*.07s + .25s) forwards}
@keyframes mem-pt{to{opacity:1;transform:scale(1)}}
.mem .bd-p.on .mk-pt.new circle{stroke:#FF8A4C;stroke-width:3}
.mem .bd-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0 18px;padding:0;font-size:0.8125rem;color:var(--mute-w)}
.mem .bd-legend li{display:flex;align-items:center;gap:8px}
.mem .bd-legend i{display:grid;place-items:center;min-width:26px;height:22px;padding:0 5px;border-radius:11px;background:var(--teal-l);color:var(--teal-d);font-style:normal;font-size:0.625rem;font-weight:800}
.mem .bd-legend i.o{background:var(--orange-l);color:var(--orange-d)}
.mem .bd-p .bd-best{border-top-color:var(--line-w);color:var(--mute-w)}
.mem .bd-p .bd-best b{color:var(--ink-w)}
.mem .cmp-wrap{overflow-x:auto;border:1px solid var(--line-w);border-radius:24px;background:var(--card)}
.mem .cmp{width:100%;min-width:640px;border-collapse:collapse}
.mem .cmp th,.mem .cmp td{padding:15px 20px;text-align:center;border-top:1px solid var(--line-w);font-size:1rem}
.mem .cmp thead th{border-top:0;font-size:1.25rem;font-weight:600;color:#fff}
.mem .cmp tbody th{text-align:left;font-weight:500;color:#d8dcdc}
.mem .cmp .grp th{padding-top:24px;border-top:1px solid var(--line-w);font-size:0.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mute-w);background:rgba(255,255,255,.02)}
.mem .cmp td.y{color:var(--teal-d);font-weight:700}
.mem .cmp td.n{color:#5B6567}
.mem .cmp .tot th,.mem .cmp .tot td{font-weight:800;font-size:1.0625rem;color:#fff}
@media(max-width:980px){.mem .bd-grid{grid-template-columns:1fr}
.mem .bd-cols{grid-template-columns:1fr}
.mem .bd-p{padding:24px}
.mem .bd-sub{min-height:0}}
@media(max-width:560px){.mem .bd-kit{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mem .mk-pt{opacity:1;transform:none}
.mem .bd-p.on .mk-pt{animation:none}}
.mem .ci{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--teal-l);color:var(--teal-d)}
.mem .ci.o{background:var(--orange-l);color:var(--orange-d)}
.mem .ci svg{width:23px;height:23px}
.mem .ci.big{width:54px;height:54px}
.mem .ci.big svg{width:30px;height:30px}
.mem .cmp .rl{display:flex;align-items:center;gap:14px}
.mem .cmp-h{display:flex;flex-direction:column;align-items:center;gap:10px}
.mem .bd-dev i svg{width:22px;height:22px}
section.mem{padding:100px 0 0;scroll-margin-top:70px}
.mem .mem-head{text-align:center;margin-bottom:46px}
.mem .mem-head .big{margin:0 auto;max-width:20ch;font-size:clamp(2.125rem,4.6vw,4.25rem)}
.mem .mem-head .mem-price{margin-top:10px;font-size:0.9375rem;font-weight:700;letter-spacing:.02em}
.mem .mem-head p{max-width:580px;margin:16px auto 0;font-size:clamp(1.125rem,1.6vw,1.3125rem);line-height:1.55;color:var(--mute-w)}
@media(max-width:980px){section.mem{padding-top:70px}}
.mem .xp-num{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--teal-l);color:var(--teal-d);font-size:0.9375rem;font-weight:800}
.mem .cmp thead th.cmp-title{text-align:left;padding:22px 28px}
.mem .cmp-title .xp-h{margin-bottom:8px;font-size:clamp(1.625rem,2.4vw,2.25rem);font-weight:500;color:inherit}
.mem .cmp-title .xp-sub{max-width:none;margin:0;font-size:1rem;font-weight:400;line-height:1.45}
@media(min-width:901px){.mem .xp-h.cmp-top,.mem .xp-sub.cmp-top{display:none}}
@media(max-width:900px){.mem .cmp-title>*{display:none}}
.mem .mk-ring{fill:none;stroke:#fff;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
.mem .bd-p.on .mk-ring{animation:mkring 3.6s ease-out .6s infinite}
.mem .bd-p.on .mk-ring.r2{animation-delay:2.4s}
.mem .mk-me{pointer-events:none}
.mem .bd-legend i.m{background:#2F3B46}
.mem .bd-legend i.m::before{content:"";width:8px;height:8px;border-radius:50%;background:#F2C879}
.mem .bd-plan,.mem .bd{--card:#2B3844;--inset:rgba(255,255,255,.09);--track:rgba(255,255,255,.16);--ink-w:#F4F1EC;--mute-w:#B6C1C8;--line-w:rgba(255,255,255,.16);
  --teal-d:#C9E1E8;--teal-l:rgba(201,225,232,.2);--orange-d:#F2C879;--orange-l:rgba(242,200,121,.2)}
.mem .bd-plan{background:linear-gradient(160deg,#3A4957,#27333E);border-color:rgba(255,255,255,.12);color:#F4F1EC;box-shadow:0 24px 60px rgba(47,59,70,.28)}
.mem .bd-plan{padding:14px;border-radius:22px}
.mem .btn-teal,.mem .btn-white{background:var(--m-deep);color:#fff}
.mem .btn-teal:hover{box-shadow:0 10px 30px rgba(63,122,146,.4)}
.mem .btn-dark{background:var(--m-ink);color:#fff}
.mem .btn-ghost{border-color:rgba(47,59,70,.35);color:var(--m-ink)}
.mem .btn-ghost:hover{border-color:var(--m-deep);color:var(--m-deep)}
.mem .btn:focus-visible{outline:3px solid var(--m-deep);outline-offset:3px}
.mem .big{color:var(--m-ink);font-weight:500;letter-spacing:-.03em}
.mem .f-dai{--bg:#3F7A92;--glow:rgba(201,225,232,.55);--glow2:rgba(247,249,248,.18)}
.mem .f-comm{--bg:#4C829A;--glow:rgba(247,249,248,.42);--glow2:rgba(201,225,232,.3)}
.mem .f-emerg{--bg:#9A6A2A;--glow:rgba(248,246,241,.4);--glow2:rgba(242,200,121,.3)}
.mem .bd.sel{border-color:#C9E1E8;box-shadow:0 0 0 6px rgba(63,122,146,.2),0 30px 70px rgba(47,59,70,.35)}
.mem .bd.sel .bd-btn{background:#C9E1E8}
.mem .bd-list li::before{background:rgba(201,225,232,.25) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7F9F8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.mem .bd-gives li::before{background:rgba(63,122,146,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F7A92' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.mem .cmp thead th,.mem .cmp tbody th,.mem .cmp .tot th,.mem .cmp .tot td{color:var(--m-ink)}
.mem .cmp .grp th{background:rgba(47,59,70,.04)}
.mem .cmp td.n{color:#8A97A1}
.mem .bd-legend{color:var(--m-slate)}
.mem .bd [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mem .bd [fill="#5FE3D3" i]{fill:#C9E1E8}
.mem .bd [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mem .bd [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mem .bd [fill="#2A9D8F" i]{fill:#7FAFC2}
.mem .bd [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mem .bd [stroke="#FF8A4C" i]{stroke:#F2C879}
.mem .bd [fill="#FF8A4C" i]{fill:#F2C879}
.mem .bd [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mem .bd [stroke="#C65D1E" i]{stroke:#E0A24A}
.mem .bd [fill="#C65D1E" i]{fill:#E0A24A}
.mem .bd [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mem .bd [stroke="#f2b84b" i]{stroke:#F2C879}
.mem .bd [fill="#f2b84b" i]{fill:#F2C879}
.mem .bd [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mem .bd [stroke="#14504a" i]{stroke:#3F7A92}
.mem .bd [fill="#14504a" i]{fill:#3F7A92}
.mem .bd [stop-color="#14504a" i]{stop-color:#3F7A92}
.mem .bd [stroke="#0F1516" i]{stroke:#2B3844}
.mem .bd [fill="#0F1516" i]{fill:#2B3844}
.mem .bd [stop-color="#0F1516" i]{stop-color:#2B3844}
.mem .bd [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mem .bd [fill="#6fe0d1" i]{fill:#F7F9F8}
.mem .bd [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mem .bd [stroke="#14564e" i]{stroke:#3F7A92}
.mem .bd [fill="#14564e" i]{fill:#3F7A92}
.mem .bd [stop-color="#14564e" i]{stop-color:#3F7A92}
.mem .bd-plan [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mem .bd-plan [fill="#5FE3D3" i]{fill:#C9E1E8}
.mem .bd-plan [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mem .bd-plan [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mem .bd-plan [fill="#2A9D8F" i]{fill:#7FAFC2}
.mem .bd-plan [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mem .bd-plan [stroke="#FF8A4C" i]{stroke:#F2C879}
.mem .bd-plan [fill="#FF8A4C" i]{fill:#F2C879}
.mem .bd-plan [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mem .bd-plan [stroke="#C65D1E" i]{stroke:#E0A24A}
.mem .bd-plan [fill="#C65D1E" i]{fill:#E0A24A}
.mem .bd-plan [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mem .bd-plan [stroke="#f2b84b" i]{stroke:#F2C879}
.mem .bd-plan [fill="#f2b84b" i]{fill:#F2C879}
.mem .bd-plan [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mem .bd-plan [stroke="#14504a" i]{stroke:#3F7A92}
.mem .bd-plan [fill="#14504a" i]{fill:#3F7A92}
.mem .bd-plan [stop-color="#14504a" i]{stop-color:#3F7A92}
.mem .bd-plan [stroke="#0F1516" i]{stroke:#2B3844}
.mem .bd-plan [fill="#0F1516" i]{fill:#2B3844}
.mem .bd-plan [stop-color="#0F1516" i]{stop-color:#2B3844}
.mem .bd-plan [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mem .bd-plan [fill="#6fe0d1" i]{fill:#F7F9F8}
.mem .bd-plan [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mem .bd-plan [stroke="#14564e" i]{stroke:#3F7A92}
.mem .bd-plan [fill="#14564e" i]{fill:#3F7A92}
.mem .bd-plan [stop-color="#14564e" i]{stop-color:#3F7A92}
.mem .bd-p.on .mk-pt.new circle{stroke:#F2C879}
.mem .mem-head .mem-price{color:var(--m-deep)}
section.mem { padding-bottom: 80px; }
/* the comparison band is sized in portal-sections.css */
.mem .bd-req { text-decoration: none; }