.family-hero{position:relative;overflow:hidden;padding:105px 0;background:linear-gradient(125deg,#061a3c,#0c4ea8);color:#fff}.family-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:95px 95px}.family-hero .wrap{position:relative;z-index:2}.family-hero h1{max-width:950px;margin:18px 0;font-size:clamp(46px,6vw,76px);line-height:1.02;letter-spacing:-.05em}.family-hero p{max-width:760px;color:#c8d9ef;font-size:17px;line-height:1.8}.family-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.family-actions .light{background:#fff;color:#071b3d}.family-section{padding:95px 0}.family-section.soft{background:#f5f9ff}.family-head{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:end;margin-bottom:42px}.family-head h2{margin:12px 0;color:#071b3d;font-size:clamp(36px,4.4vw,58px);line-height:1.08;letter-spacing:-.04em}.family-head p{color:#60708a;line-height:1.75}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.family-card{padding:29px;border:1px solid #d9e6f6;border-radius:17px;background:#fff;box-shadow:0 18px 48px #071b3d0b}.family-card b{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#eaf3ff;color:#1268e8;font-size:12px}.family-card h3{margin:22px 0 11px;color:#071b3d;font-size:20px}.family-card p,.family-card li{color:#60708a;font-size:13px;line-height:1.65}.family-card ul{padding-left:18px}.family-flow{padding:40px;border-radius:20px;background:linear-gradient(135deg,#071b3d,#0e56b6);color:#fff}.family-flow h2{color:#fff}.flow-line{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.flow-line span{padding:11px 14px;border:1px solid #ffffff20;border-radius:30px;background:#ffffff10;color:#dceaff;font-size:12px;font-weight:800}.family-note{margin-top:22px;padding:15px;border-left:3px solid #4aa6ff;background:#edf5ff;color:#526681;font-size:12px;line-height:1.65}.family-cta{padding:80px 0}.family-cta-box{padding:55px;border-radius:23px;background:linear-gradient(135deg,#1268e8,#073d91);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:35px}.family-cta h2{max-width:720px;margin:0;color:#fff}.family-cta .btn{background:#fff;color:#071b3d}
@media(max-width:850px){.family-head,.family-grid{grid-template-columns:1fr}.family-hero{padding:75px 0}.family-cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.family-section{padding:70px 0}.family-card{padding:24px}.family-flow{padding:28px 22px}.family-cta-box{padding:36px 25px}}