.letter-comparison{background:#fff;scroll-margin-top:100px;color:#112039}
.letter-comparison__heading{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:end;margin-bottom:24px}
.letter-comparison__eyebrow{margin:0 0 12px;color:#0866e8;font-size:12px;line-height:1.5;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.letter-comparison__heading h2{margin:0;font-size:clamp(30px,3.1vw,46px);font-weight:650;line-height:1.1;letter-spacing:-.035em;max-width:700px}
.letter-comparison__heading>p{margin:0;color:#65768d;font-size:17px;line-height:1.75;max-width:530px}
.letter-comparison__conditions{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 30px}.letter-comparison__conditions span{padding:8px 12px;border:1px solid #dce6f4;border-radius:7px;background:#f7faff;font-size:12px;color:#476081}
.letter-comparison__minimum{margin:0 0 22px;padding:15px 18px;border-left:3px solid #0866e8;background:#edf4ff;color:#3a5275;font-size:14px;line-height:1.7}.letter-comparison [hidden]{display:none!important}
.letter-comparison__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.letter-comparison-card{min-width:0;display:flex;flex-direction:column;border:1px solid #d5e1f0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 28px #243f6208}
.letter-comparison-card__photo{position:relative;aspect-ratio:1;flex-shrink:0;background:#eee9df;overflow:hidden}.letter-comparison-card__photo>img{display:block;width:100%;height:100%;object-fit:cover}
.letter-comparison-card__height{position:absolute;left:12px;top:12px;padding:6px 10px;border:1px solid #ffffffc7;background:#ffffffde;border-radius:6px;color:#394c63;font-size:12px;font-weight:650;line-height:1.2}
.letter-comparison-card__price{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:3px;max-width:calc(100% - 24px);padding:10px 14px;background:#fff;border:1px solid #e8edf6;border-radius:10px;box-shadow:0 5px 16px #15233b12}.letter-comparison-card__price small{font-size:11px;color:#65768b}.letter-comparison-card__price strong{font-size:27px;line-height:1.2;letter-spacing:-.04em;color:#075fde;overflow-wrap:anywhere}
.letter-comparison-card__body{display:flex;flex-direction:column;flex:1;padding:22px 19px 20px}.letter-comparison-card__effect{margin:0 0 11px;color:#0866e8;font-size:11px;font-weight:650;line-height:1.5;min-height:33px}.letter-comparison-card h3{font-size:22px;line-height:1.22;margin:0 0 14px;letter-spacing:-.025em;font-weight:700;min-height:81px}.letter-comparison-card__description{font-size:14px;line-height:1.75;color:#61738a;margin:0 0 22px}
.letter-comparison-card__calculation{display:flex;flex-direction:column;gap:5px;margin-top:auto;padding:15px 0;border-top:1px solid #e3eaf4;border-bottom:1px solid #e3eaf4}.letter-comparison-card__calculation>span{font-size:11px;color:#708099}.letter-comparison-card__calculation>strong{font-size:14px;font-weight:650;color:#385172;line-height:1.5;overflow-wrap:anywhere}.letter-comparison-card__calculation>small{font-size:11px;line-height:1.6;color:#65768d}
.letter-comparison-card__link{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#0866e8;font-size:12px;line-height:1.5;font-weight:650;text-decoration:none;margin-top:18px}.letter-comparison a:focus-visible{outline:3px solid #0866e8;outline-offset:4px}.letter-comparison a:hover{text-decoration:underline;text-underline-offset:4px}
.letter-comparison__explanation{display:grid;grid-template-columns:1fr 1fr;gap:46px;margin-top:36px;padding:28px;background:#f5f8fd;border:1px solid #e3ebf7;border-radius:14px}.letter-comparison__explanation h3{margin:0 0 12px;font-size:20px;line-height:1.35;letter-spacing:-.02em}.letter-comparison__explanation p{color:#61738a;font-size:14px;line-height:1.8;margin:0}.letter-comparison__explanation a{color:#0866e8;text-decoration:underline;text-underline-offset:3px}
.letter-comparison__note{font-size:12px;line-height:1.8;color:#74839a;margin:19px 0 25px;max-width:1190px}.letter-comparison__actions{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center}.letter-comparison__actions .btn{width:auto;gap:18px;font-size:14px}.letter-comparison__price-link,.letter-comparison__admin{font-size:13px;color:#0866e8}.letter-comparison__admin{padding:10px;border:1px dashed #91b3e1;border-radius:7px}
@media(max-width:1100px){.letter-comparison__heading{gap:30px;grid-template-columns:1fr 1fr}.letter-comparison__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.letter-comparison-card h3{min-height:54px}.letter-comparison-card__effect{min-height:0}}
@media(max-width:680px){.letter-comparison__heading{grid-template-columns:1fr;gap:17px}.letter-comparison__heading h2{font-size:30px}.letter-comparison__heading>p{font-size:15px;line-height:1.7}.letter-comparison__conditions{gap:7px;margin-bottom:22px}.letter-comparison__conditions span{font-size:10px;padding:7px 8px}.letter-comparison__grid{gap:12px}.letter-comparison-card{border-radius:12px}.letter-comparison-card__height{left:8px;top:8px;font-size:10px;padding:5px 7px}.letter-comparison-card__price{bottom:8px;right:8px;max-width:calc(100% - 16px);padding:7px 9px;gap:2px;border-radius:7px}.letter-comparison-card__price strong{font-size:21px;letter-spacing:-.035em}.letter-comparison-card__price small{font-size:9px}.letter-comparison-card__body{padding:14px 11px}.letter-comparison-card__effect{font-size:10px;min-height:30px;margin-bottom:8px}.letter-comparison-card h3{font-size:17px;line-height:1.25;min-height:64px;margin-bottom:11px}.letter-comparison-card__description{font-size:12px;line-height:1.65;margin-bottom:17px}.letter-comparison-card__calculation{padding:11px 0}.letter-comparison-card__calculation>span{font-size:10px}.letter-comparison-card__calculation>strong{font-size:12px}.letter-comparison-card__link{font-size:11px;margin-top:13px}.letter-comparison__explanation{grid-template-columns:1fr;gap:22px;padding:20px;margin-top:26px}.letter-comparison__explanation h3{font-size:19px}.letter-comparison__explanation p{font-size:13px}.letter-comparison__note{font-size:11px}.letter-comparison__actions{gap:17px}.letter-comparison__actions .btn{font-size:13px;padding:13px 16px}.letter-comparison__minimum{font-size:12px;padding:12px}}
@media(max-width:360px){.letter-comparison__grid{gap:9px}.letter-comparison-card__body{padding:12px 9px}.letter-comparison-card h3{font-size:15px;min-height:75px}.letter-comparison-card__price strong{font-size:19px}.letter-comparison-card__link{font-size:10px}}