/* The chosen tariff panel for the family page. */
.family-plan-banner{position:relative;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.79fr) minmax(245px,.77fr);min-height:285px;overflow:hidden;margin:27px 0 35px;border:1px solid #afcff5;border-radius:23px;background:#eff6ff;box-shadow:0 16px 42px #2a6cca14}
.space-member-access{display:block;margin-top:5px;color:#22549a;font-weight:700;font-size:14px;line-height:1.35}
.family-plan-copy{position:relative;z-index:2;padding:34px 31px 33px 36px;background:linear-gradient(127deg,#154a9e,#1164c9 84%);color:#fff}
.family-plan-copy:after{content:"";position:absolute;width:240px;height:240px;right:-130px;top:-152px;border:45px solid #ffffff14;border-radius:50%;pointer-events:none}
.family-plan-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #a9d6ff86;border-radius:999px;background:#ffffff21;color:#fff;font-size:12px;font-weight:850;letter-spacing:.025em;text-transform:uppercase}
.family-plan-eyebrow i{width:8px;height:8px;border-radius:50%;background:#ffd848;box-shadow:0 0 0 4px #ffd84822}
.family-plan-copy h2{max-width:460px;margin:21px 0 10px;color:#fff;font-size:clamp(30px,2.5vw,41px);font-weight:900;letter-spacing:-.047em;line-height:1.07}
.family-plan-copy p{max-width:41ch;margin:0;color:#dcecff;font-size:15px;font-weight:600;line-height:1.48}
.family-plan-note{margin-top:19px;color:#bad8fb;font-size:12px;font-weight:750}
.family-plan-art{position:relative;min-height:285px;overflow:hidden;background:radial-gradient(circle at 35% 38%,#fffef7,#e6f5ee 71%,#eaf2ff)}
.family-plan-sun{position:absolute;width:115px;height:115px;right:25px;top:-38px;border-radius:50%;background:#ffdc59;filter:blur(2px);opacity:.7}
.family-plan-leaf{position:absolute;width:102px;height:175px;left:-18px;bottom:-83px;border-radius:100% 0 100% 0;background:#42ae83;transform:rotate(-39deg);opacity:.8}
.family-plan-leaf:after{content:"";position:absolute;width:69px;height:145px;left:87px;bottom:-8px;border-radius:100% 0 100% 0;background:#8fd9a8;transform:rotate(30deg)}
.family-plan-calendar{position:absolute;left:15%;top:44px;width:75%;max-width:320px;height:193px;padding:15px;border:2px solid #fff;border-radius:17px;background:#fff;box-shadow:0 20px 35px #0c4b7b2f;transform:rotate(-7deg)}
.family-plan-calendar-top{display:flex;justify-content:space-between;align-items:center;color:#16295a;font-size:13px;font-weight:900}.family-plan-calendar-top span{color:#4d678c;font-size:11px}
.family-plan-calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:13px}.family-plan-calendar-grid b{text-align:center;color:#50688d;font-size:11px;font-weight:800}.family-plan-calendar-grid i{height:25px;border-radius:6px;background:#edf3fb}.family-plan-calendar-grid i:nth-of-type(2),.family-plan-calendar-grid i:nth-of-type(9){background:#b9e7cc}.family-plan-calendar-grid i:nth-of-type(4){background:#ffe08b}.family-plan-calendar-grid i:nth-of-type(6){background:#cdddff}.family-plan-calendar-grid i:nth-of-type(11){background:#ffcade}
.family-plan-avatar{position:absolute;display:block;width:70px;height:70px;border:4px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 9px 16px #2e598c32}.family-plan-avatar.first{right:2%;top:34px;transform:rotate(8deg)}.family-plan-avatar.second{left:4%;top:150px;width:62px;height:62px;transform:rotate(-10deg)}.family-plan-avatar.third{right:4%;bottom:12px;width:65px;height:65px;transform:rotate(12deg)}
.family-plan-heart{position:absolute;right:20%;top:5px;color:#f27686;font-size:28px;transform:rotate(16deg)}
.family-plan-info{--ink:#10194b;--muted:#526783;color:var(--ink);position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:26px 30px 28px;background:#f5f9ff}
.family-plan-label{color:#196bcd;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.family-plan-info h3{margin:5px 0 15px;font-size:21px;letter-spacing:-.035em;line-height:1.2}
.family-plan-meters{display:grid;grid-template-columns:1fr 1fr;gap:9px}.family-plan-meter{min-width:0;padding:13px 12px;border:1px solid #d8e6f8;border-radius:13px;background:#fff}.family-plan-meter>span{display:block;min-height:27px;color:#526783;font-size:11px;font-weight:750;line-height:1.2}.family-plan-meter strong{display:block;margin:7px 0 8px;font-size:25px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.family-plan-meter strong em{color:#526783;font-size:16px;font-style:normal}.family-plan-track{height:5px;overflow:hidden;border-radius:5px;background:#eaf0f7}.family-plan-track i{display:block;height:100%;border-radius:inherit;background:#63a8ee}.family-plan-meter:nth-child(2) .family-plan-track i{background:#6fbf91}.family-plan-meter.is-full{border-color:#f0d692;background:#fffaf0}.family-plan-meter.is-full strong{color:#9b6800}.family-plan-meter.is-full .family-plan-track i{background:#e2a83b}
.family-plan-compare{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:49px;margin-top:15px;padding:8px 12px;border:0;border-radius:11px;background:#ffce41;color:#17264b;box-shadow:0 5px 0 #deaf2f;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s}.family-plan-compare:hover{transform:translateY(-2px);box-shadow:0 7px 0 #deaf2f}.family-plan-compare .icon{width:18px;height:18px}
@media(max-width:1100px){.family-plan-banner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.family-plan-info{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:13px}.family-plan-label,.family-plan-info h3{grid-column:1}.family-plan-info h3{margin:0}.family-plan-meters{grid-column:2;grid-row:1/3}.family-plan-compare{grid-column:1/-1;margin-top:2px}}
@media(max-width:700px){.family-plan-banner{display:flex;flex-direction:column;margin:20px 0 29px}.family-plan-copy{padding:24px 22px 26px}.family-plan-copy h2{font-size:30px}.family-plan-copy p{font-size:13px}.family-plan-note{display:none}.family-plan-art{min-height:180px}.family-plan-calendar{top:19px;left:22%;height:160px}.family-plan-calendar-grid{gap:4px;margin-top:7px}.family-plan-calendar-grid i{height:16px}.family-plan-avatar.first{top:13px}.family-plan-avatar.second{top:95px}.family-plan-info{display:flex;align-items:stretch;padding:21px}.family-plan-info h3{margin:4px 0 14px}.family-plan-meters{display:grid}.family-plan-compare{margin-top:15px}}
@media(max-width:380px){.family-plan-meter{padding:11px 9px}.family-plan-meter strong{font-size:22px}.family-plan-meter strong em{font-size:14px}}
@media(prefers-reduced-motion:reduce){.family-plan-compare{transition:none}}
:root[data-theme="dark"] .family-plan-banner{border-color:#456c9b;background:#1d3452;box-shadow:0 16px 42px #020a1b46}
:root[data-theme="dark"] .family-plan-copy{background:linear-gradient(127deg,#173b72,#19549a 84%)}
:root[data-theme="dark"] .family-plan-art{background:radial-gradient(circle at 35% 38%,#2c5360,#1d4353 71%,#203657)}
:root[data-surface-contrast="dark"] .family-plan-art{background:#06354b url('assets/brand/family-plan-backdrop.webp') center/cover no-repeat}
:root[data-surface-contrast="dark"] .family-plan-sun,
:root[data-surface-contrast="dark"] .family-plan-leaf{display:none}
:root[data-theme="dark"] .family-plan-info{--ink:#edf3ff;--muted:#b3c7e2;background:#1c2e48;color:var(--ink)}
:root[data-theme="dark"] .family-plan-label{color:#9bc9ff}
:root[data-theme="dark"] .family-plan-meter{border-color:#405a78;background:#263b57}
:root[data-theme="dark"] .family-plan-meter>span,
:root[data-theme="dark"] .family-plan-meter strong em{color:#b3c7e2}
:root[data-theme="dark"] .family-plan-meter.is-full{border-color:#927844;background:#443b2c}
:root[data-theme="dark"] .family-plan-meter.is-full strong{color:#ffe09a}
:root[data-theme="dark"] .family-plan-track{background:#192b45}
:root[data-theme="dark"] .space-member-access{color:#9bc9ff}
.space-page{container-type:inline-size}
@container(max-width:1000px){.family-plan-banner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.family-plan-info{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:13px}.family-plan-label,.family-plan-info h3{grid-column:1}.family-plan-info h3{margin:0}.family-plan-meters{grid-column:2;grid-row:1/3}.family-plan-compare{grid-column:1/-1;margin-top:2px}}
@container(max-width:620px){.family-plan-banner{display:flex;flex-direction:column}.family-plan-copy{padding:24px 22px 26px}.family-plan-copy h2{font-size:30px}.family-plan-copy p{font-size:13px}.family-plan-note{display:none}.family-plan-art{min-height:180px}.family-plan-calendar{top:19px;left:22%;height:160px}.family-plan-calendar-grid{gap:4px;margin-top:7px}.family-plan-calendar-grid i{height:16px}.family-plan-avatar.first{top:13px}.family-plan-avatar.second{top:95px}.family-plan-info{display:flex;align-items:stretch;padding:21px}.family-plan-info h3{margin:4px 0 14px}.family-plan-meters{display:grid}.family-plan-compare{margin-top:15px}}
@container(max-width:420px){.family-plan-copy{padding:20px 20px 19px}.family-plan-copy h2{margin:15px 0 8px;font-size:27px}.family-plan-art{min-height:137px}.family-plan-calendar{top:12px;height:139px}.family-plan-calendar-grid i{height:13px}.family-plan-avatar{width:57px;height:57px}.family-plan-avatar.first{top:5px}.family-plan-avatar.second{top:76px;width:52px;height:52px}.family-plan-avatar.third{width:54px;height:54px;bottom:5px}.family-plan-info{padding:16px 18px 20px}.family-plan-info h3{margin:3px 0 10px;font-size:19px}.family-plan-meter{padding:10px}.family-plan-meter>span{min-height:24px}.family-plan-meter strong{margin:5px 0 7px;font-size:22px}.family-plan-compare{min-height:45px;margin-top:11px}}
@container(max-width:620px){.family-plan-art{min-height:230px}.family-plan-calendar{top:30px;left:20%;width:70%;height:170px;transform:rotate(-5deg)}}
@container(max-width:420px){.family-plan-art{min-height:195px}.family-plan-calendar{top:20px;left:17%;width:72%;height:145px}}