/* generated by prep.py from mockup/body/insurance.html */

.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.plan{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:26px 24px 22px;text-decoration:none;display:flex;flex-direction:column;gap:6px;min-height:190px;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}
.plan:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--royal)}
.plan .mono{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font:800 18px Poppins,"Poppins Fallback";margin-bottom:12px}
.plan h3{font-size:20px}
.plan span:where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)){font-size:14px;color:var(--muted)}
.plan .go{margin-top:auto;padding-top:12px;font:600 14px Poppins,"Poppins Fallback";color:var(--royal);display:flex;gap:6px;align-items:center}
.plan .go :is(svg,.nsi){width:16px;height:16px;transition:transform .2s}
.plan:hover .go :is(svg,.nsi){transform:translateX(4px)}
.plan.ask{background:var(--ink);border-color:var(--ink);color:#fff}
.plan.ask span:where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)){color:#c3c6e2}
.plan.ask .go{color:var(--sun)}

.helps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.help{border-radius:var(--radius);padding:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.help .ic{width:56px;height:56px;border-radius:16px;background:var(--sun);color:var(--ink);display:grid;place-items:center;margin-bottom:18px}
.help .ic :is(svg,.nsi){width:26px;height:26px}
.help h3{font-size:21px;color:#fff;margin-bottom:8px}
.help p{color:#c3c6e2;font-size:15.5px}

.know{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:start}
.know .shot{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);position:sticky;top:120px}
.know .shot img{width:100%;aspect-ratio:4/3;object-fit:cover}
.know h2{font-size:clamp(30px,3.4vw,44px);margin:14px 0 14px}
.know .intro{color:var(--muted);margin-bottom:24px}

.upd{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--cream);border:1px solid var(--cream-2);border-radius:28px;padding:36px 40px;position:relative;overflow:hidden}
.upd::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--sun)}
.upd h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:6px}
.upd p{color:var(--muted)}
@media (max-width:1080px){.plan-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.helps,.know{grid-template-columns:1fr}.know .shot{position:relative;top:0}.upd{flex-direction:column;align-items:flex-start}}
@media (max-width:560px){.plan-grid{grid-template-columns:1fr}.upd{padding:28px}}
.plan .plogo{display:flex;align-items:center;height:52px;margin-bottom:6px}
.plan .plogo img{max-height:40px;max-width:170px;width:auto;height:auto}