.plan-grid .family-plan{display:flex;flex-direction:column;align-items:stretch;position:relative;overflow:hidden;background:var(--card)}
.family-plan>small,.family-plan h3,.family-plan .price,.family-plan>p,.family-plan>ul,.family-plan>a{grid-column:1}
.family-plan h3{font-size:clamp(28px,3vw,38px)}.family-plan .price{margin:5px 0 10px}.family-plan>ul{margin:14px 0 26px}.family-plan>a{max-width:320px}
.family-plan-capacity{align-self:stretch;display:flex;flex-direction:column;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:26px;background:var(--bg);text-align:center}
.family-capacity-label{font-size:10px;font-weight:650;letter-spacing:.1em;color:var(--quiet)}.family-plan-capacity>strong{margin:14px 0 0;font-family:Unbounded,Onest,sans-serif;font-size:56px;font-weight:650;letter-spacing:-.07em;line-height:1.2;color:var(--text)}.family-capacity-unit{font-size:14px;color:var(--quiet)}
.family-capacity-devices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.family-capacity-devices i{display:grid;place-items:center;width:34px;height:38px;border-radius:10px;background:var(--raised);color:var(--accent-ink)}.family-capacity-devices svg{width:22px;height:22px}.family-capacity-footer{font-size:9px;letter-spacing:.045em;font-weight:650;color:var(--quiet)}
@media(max-width:700px){.plan-grid .family-plan{display:flex;flex-direction:column}.family-plan-capacity{align-self:stretch;margin:22px 0;padding:22px}.family-plan-capacity>strong{font-size:72px;margin-top:8px}.family-capacity-devices{margin:18px 0}.family-plan>a{max-width:none}}

.plan-grid .family-plan h3{font-size:25px}.plan-grid .family-plan .price{margin:14px 0}.plan-grid .family-plan>a{max-width:none}.plan-grid .family-plan-capacity{margin-top:20px}

.plan .bmp-expansion{font-family:Unbounded,Onest,sans-serif;font-weight:550;font-size:clamp(12px,1.1vw,14px);line-height:1.65;letter-spacing:-.025em;color:var(--accent-ink);margin:-2px 0 8px;text-wrap:balance;max-width:420px}
.family-device-icon{display:block;width:25px;height:25px;background:currentColor;-webkit-mask:url('/assets/device-smartphone.png?v=79') center/contain no-repeat;mask:url('/assets/device-smartphone.png?v=79') center/contain no-repeat}

.plan-locations{margin:0 0 30px}.plan-locations-label{display:block;margin-bottom:12px;font-family:Unbounded,Onest,sans-serif;font-size:10px;font-weight:550;letter-spacing:.08em;opacity:.65}.plan-location-list{display:flex;flex-wrap:wrap;gap:8px}
.plan-locations .plan-location{--location-ink:#8f4756;--location-bg:rgba(188,91,114,.065);--location-line:rgba(170,86,108,.2);display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--location-line);background:var(--location-bg);color:var(--location-ink);line-height:1.4;transition:background .2s,border-color .2s}
.plan-locations .country-nl{--location-ink:#315f80;--location-bg:rgba(67,133,183,.065);--location-line:rgba(67,133,183,.2)}.plan-locations .country-de{--location-ink:#8c611f;--location-bg:rgba(196,143,57,.065);--location-line:rgba(196,143,57,.2)}.location-flag{font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:19px;line-height:1;font-weight:400}.location-name{font-family:Unbounded,Onest,sans-serif;font-size:10px;font-weight:500;letter-spacing:-.015em}.plan-location .location-soon{padding:3px 5px;border-radius:5px;background:var(--location-bg);color:inherit;font-family:Onest,sans-serif;font-size:9px;font-weight:600;line-height:1.2}
html[data-theme=black] .plan-locations .country-pl,html[data-network-theme=black] .plan-locations .country-pl,html[data-network-theme=blue] .plan-locations .country-pl{--location-ink:#eebbc6;--location-bg:rgba(221,142,162,.09);--location-line:rgba(221,142,162,.21)}
html[data-theme=black] .plan-locations .country-nl,html[data-network-theme=black] .plan-locations .country-nl,html[data-network-theme=blue] .plan-locations .country-nl{--location-ink:#aed3ed;--location-bg:rgba(105,166,211,.09);--location-line:rgba(105,166,211,.21)}
html[data-theme=black] .plan-locations .country-de,html[data-network-theme=black] .plan-locations .country-de,html[data-network-theme=blue] .plan-locations .country-de{--location-ink:#ecc98c;--location-bg:rgba(210,166,91,.09);--location-line:rgba(210,166,91,.21)}

.plan-locations .country-fi{--location-ink:#397278;--location-bg:rgba(73,154,163,.065);--location-line:rgba(73,154,163,.2)}.plan-locations .country-se{--location-ink:#735c8a;--location-bg:rgba(142,107,177,.065);--location-line:rgba(142,107,177,.2)}
html[data-theme=black] .plan-locations .country-fi,html[data-network-theme=black] .plan-locations .country-fi,html[data-network-theme=blue] .plan-locations .country-fi{--location-ink:#a6ddd8;--location-bg:rgba(112,192,188,.09);--location-line:rgba(112,192,188,.21)}
html[data-theme=black] .plan-locations .country-se,html[data-network-theme=black] .plan-locations .country-se,html[data-network-theme=blue] .plan-locations .country-se{--location-ink:#d2bce9;--location-bg:rgba(171,133,211,.09);--location-line:rgba(171,133,211,.21)}


.plan-location-list{display:flex;flex-direction:column;align-items:stretch;gap:8px}.location-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.plan-locations .plan-location{flex:0 0 auto}

.plan-grid .plan>.plan-locations{margin-top:auto;padding-top:12px;margin-bottom:24px}.plan-grid .plan>.button{margin-top:0}
.plan-grid .plan.featured{border-color:var(--line);box-shadow:0 0 28px -9px rgba(244,162,89,.36),0 0 74px -24px rgba(244,162,89,.2);transition:box-shadow .3s ease}
.plan-grid .plan.featured:hover{box-shadow:0 0 34px -8px rgba(244,162,89,.44),0 0 86px -24px rgba(244,162,89,.24)}
.plan-grid .plan>.button{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.plan-grid .plan>.button::after{content:'';position:absolute;inset:-60% auto -60% -45%;width:28%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);opacity:0;transition:left .65s ease,opacity .25s ease}
@media(hover:hover){.plan-grid .plan>.button:hover{transform:translateY(-3px);box-shadow:0 8px 25px -10px rgba(244,162,89,.5)}.plan-grid .plan>.button:hover::after{left:120%;opacity:1}}
.plan-grid .plan>.button:active{transform:translateY(0) scale(.985)}
@media(prefers-reduced-motion:reduce){.plan-grid .plan.featured,.plan-grid .plan>.button,.plan-grid .plan>.button::after{transition:none}.plan-grid .plan>.button:hover{transform:none}.plan-grid .plan>.button::after{display:none}}