.family-devices{--family-glow:rgba(244,162,89,.18)}
.family-devices>h1{font-family:var(--display);font-size:clamp(36px,5vw,68px);line-height:1.04;letter-spacing:-.065em;margin:0 0 16px}
.family-lead{max-width:650px;color:var(--quiet);line-height:1.6;margin:0 0 26px}
.family-pool{position:relative;overflow:hidden;padding:28px 30px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 85% 0,var(--family-glow),transparent 38%),var(--surface);box-shadow:0 14px 44px rgba(0,0,0,.07)}
.family-pool:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.8}
.family-pool>div:first-child{display:grid;gap:13px}.family-pool span,.family-profile-top{font-size:10px;font-weight:750;letter-spacing:.11em;color:var(--quiet)}
.family-pool strong{font-family:var(--display);font-size:clamp(34px,5vw,62px);letter-spacing:-.07em;line-height:1.1}.family-pool strong i{font-size:.45em;color:var(--quiet);font-style:normal;letter-spacing:-.04em}
.family-pool .zoom-progress{margin:25px 0 13px}.family-pool>small,.family-profile-card>small{color:var(--quiet);font-size:12px}
.family-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.family-profile-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:240px;padding:25px;border:1px solid var(--line);border-radius:28px;background:var(--surface);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.family-profile-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 18px 44px var(--family-glow)}
.family-profile-card:after{content:"";position:absolute;width:190px;height:190px;right:-100px;top:-100px;border-radius:50%;background:var(--family-glow);filter:blur(40px);pointer-events:none}
.family-profile-top{display:flex;justify-content:space-between;align-items:center}.family-profile-top i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--surface-raised);color:var(--accent);font-size:19px;font-style:normal}
.family-profile-card h2{font-family:var(--display);font-size:clamp(18px,2.6vw,28px);letter-spacing:-.055em;margin:17px 0 5px}.family-profile-card p{color:var(--quiet);font-size:12px;margin:0 0 15px}.family-profile-card>small{margin-top:auto}
.family-profile-actions{display:flex;gap:9px;margin-top:18px}.family-profile-actions button{min-height:46px;padding:0 18px;border:0;border-radius:999px;background:var(--surface-raised);color:var(--text);font-weight:700;cursor:pointer}.family-profile-actions button:first-child{flex:1;background:var(--accent);color:#1b1712}.family-profile-actions button:not(:first-child){width:46px;padding:0;font-size:20px}.family-profile-actions button:disabled{opacity:.5;cursor:wait}
.family-note{max-width:650px;margin:20px 2px;color:var(--quiet);font-size:12px;line-height:1.6}.family-plan-hint{margin-top:14px;padding:20px 22px;border:1px solid var(--line);border-radius:23px;background:var(--surface-raised);color:var(--quiet);font-size:13px;line-height:1.6}
@media(max-width:640px){.family-profile-grid{grid-template-columns:1fr}.family-pool,.family-profile-card{padding:22px}.family-profile-card{min-height:215px}}
@media(prefers-reduced-motion:reduce){.family-profile-card{transition:none}.family-profile-card:hover{transform:none}}