.button-secondary{border:1px solid var(--navy);color:var(--navy);background:#fff}
.button-secondary:hover{background:#eef8fa}
.connection-section{padding:94px 0 100px}
.connection-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:16px}
.connection-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow);position:relative}
.connection-card-user{border-top:5px solid var(--coral)}
.connection-card-link{border-top:5px solid var(--gold)}
.connection-card-care{border-top:5px solid var(--blue)}
.connection-number{display:block;color:#b7614f;font-size:.76rem;font-weight:800;letter-spacing:.12em;margin-bottom:14px}
.connection-icon{display:block;font-size:2rem;margin-bottom:17px}
.connection-card h3{font-size:1.2rem;line-height:1.15;margin:0 0 10px;letter-spacing:-.03em}
.connection-card p{color:var(--muted);font-size:.94rem;margin:0}
.connection-arrow{display:grid;place-items:center;color:#b7614f;font-size:1.8rem;font-weight:800}
.connection-note{margin-top:24px;padding:18px 22px;border-radius:16px;background:#f3e8dc;color:var(--muted);font-size:.94rem}
.connection-note strong{color:var(--ink)}
.family-section{background:#fff2df;padding:96px 0}
.family-intro{display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;gap:42px;align-items:center;margin:0 0 42px}
.family-intro p{color:var(--muted);max-width:600px}
.family-panel{display:grid;gap:9px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow);color:var(--muted);font-size:.9rem}
.family-panel strong{font-size:1.35rem;color:var(--ink)}
.family-panel-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#b7614f}
.family-grid{grid-template-columns:repeat(5,1fr)}
.family-grid .tool-card{min-height:235px;background:rgba(255,255,255,.72)}
@media(max-width:1000px){.family-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.family-intro{grid-template-columns:1fr}.family-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.connection-flow{grid-template-columns:1fr;gap:10px}.connection-arrow{transform:rotate(90deg);height:28px}.connection-section{padding:70px 0}}
@media(max-width:600px){.family-section{padding:70px 0}.family-grid{grid-template-columns:1fr 1fr}.family-grid .tool-card{min-height:220px}}