.brand-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; padding-block: 32px 45px; border-top: 1px solid var(--line); }
.brand-benefit-no { display: block; color: var(--green); font-size: 12px; font-weight: 700; margin-bottom: 14px; }
.brand-benefits h2 { font-size: 20px; margin-bottom: 12px; }
.brand-benefits p { font-size: 14px; margin: 0; }
.brand-routine-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.brand-routine-grid article { padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: #fffefb; }
.brand-routine-grid article > span { display: block; color: var(--green); font-size: 12px; font-weight: 700; margin-bottom: 27px; }
.brand-routine-grid h3 { font-size: 21px; }
.brand-routine-grid p { font-size: 14px; min-height: 96px; }
.brand-data-note { margin: 18px 0 0; font-size: 12px; }
.brand-fit { background: #edf1e7; padding-block: 75px; }
.brand-fit-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.brand-fit h2 { font-size: clamp(30px, 3.3vw, 42px); }
.brand-fit-inner > div > p { font-size: 15px; }
.brand-fit-points > div { position: relative; padding: 22px 0 22px 75px; border-bottom: 1px solid #d6decd; }
.brand-fit-points > div:last-child { border-bottom: 0; }
.brand-fit-points span { position: absolute; left: 0; top: 23px; color: var(--green); font-size: 12px; border: 1px solid #cad6c1; border-radius: 40px; padding: 4px 12px; }
.brand-fit-points h3 { font-size: 21px; margin-bottom: 9px; }
.brand-fit-points p { font-size: 14px; margin: 0; }
@media (max-width: 1100px) { .site-header #site-nav { gap: 16px; } .brand-fit-inner { gap: 45px; } }
@media (max-width: 760px) { .brand-benefits, .brand-routine-grid, .brand-fit-inner { grid-template-columns: 1fr; } .brand-benefits { gap: 25px; padding-block: 28px 34px; } .brand-benefits > div { padding-bottom: 23px; border-bottom: 1px solid var(--line); } .brand-benefits > div:last-child { padding-bottom: 0; border-bottom: 0; } .brand-routine-grid p { min-height: 0; } .brand-fit { padding-block: 50px; } .brand-fit-inner { gap: 20px; } .brand-routine-grid article { padding: 25px; } }