.colon-intro{background:#fff}.colon-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(38px,8vw,120px);display:grid}.colon-grid h2{margin-top:0}.colon-grid .lead{font-size:21px;line-height:1.65}.colon-grid p{color:#496168;line-height:1.75}.colon-card{background:var(--teal);color:#fff;box-shadow:16px 16px 0 var(--yellow);border-radius:26px;padding:42px}.colon-card svg{color:var(--yellow);width:36px;height:36px}.colon-card h3{font-size:27px}.colon-card p{color:#d9ebed}.colon-safety{background:#f2f6f5}.safety-note{border-bottom:1px solid #cad8da;gap:20px;padding:25px 0;display:flex}.safety-note:first-child{padding-top:0}.safety-note svg{color:var(--teal);flex:0 0 28px}.safety-note h3{margin:0 0 8px}.safety-note p{margin:0}.colon-related{background:var(--teal);color:#fff}.colon-related-grid{justify-content:space-between;align-items:end;gap:40px;display:flex}.colon-related-grid>div{max-width:720px}.colon-related-grid h2{margin:8px 0 15px;font-size:clamp(34px,4vw,56px)}.colon-related-grid p{color:#d9ebed;line-height:1.7}.colon-final{justify-content:space-between;align-items:center;gap:30px;display:flex}.colon-final h2{margin:5px 0 12px}.colon-final strong{color:var(--teal);font-size:32px}.colon-final strong span{color:#496168;font-size:16px;font-weight:500}@media (max-width:760px){.colon-grid{grid-template-columns:1fr}.colon-related-grid,.colon-final{flex-direction:column;align-items:flex-start}.colon-card{box-shadow:10px 10px 0 var(--yellow)}}