.web-design-section{background:#fff;color:#263244}.web-design-section .hp-icon{width:22px;height:22px;flex:none}.web-design-section .hm2-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;background:#a6000d;min-height:385px;color:#fff}.web-design-section .hm2-banner-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-1;pointer-events:none}.web-design-section .hm2-banner-copy{width:57%;padding:40px}.web-design-section .hm2-banner h2{font-size:clamp(29px,3.3vw,43px);line-height:1.35;color:#fff;margin:0;max-width:410px}.web-design-section .hm2-banner h2 span{display:block;margin-top:12px;color:#ffe293}.web-design-section .hm2-banner-copy>p{font-size:22px;font-weight:600;margin:20px 0 28px}.web-design-section .hm2-banner-actions{display:flex;flex-wrap:wrap;gap:12px}.web-design-section .hm2-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border-radius:14px;background:#fff;color:#d80029;font-weight:700;text-align:center;transition:transform .2s,box-shadow .2s}.web-design-section .hm2-button svg{width:21px;height:21px;flex:none}.web-design-section .hm2-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0002}.web-design-section .hm2-button:focus-visible{outline:3px solid #2563eb;outline-offset:4px}.web-design-section .hm2-banner-demo{background:transparent;border:1px solid #ffffffa0;color:#fff}.web-design-section .hm2-heading{text-align:center;margin:48px 0 32px}.web-design-section .hm2-heading h2{font-size:clamp(28px,3.2vw,40px);color:#12141a}.web-design-section .hm2-heading h2>span{display:block;color:#e6002c;margin-top:6px}.web-design-section .hm2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.web-design-section .hm2-plan{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:24px;padding:24px;background:#e4f4ff;border:1px solid #d9edf9}.web-design-section .hm2-web-grow{background:#efebff;border-color:#e6dfff}.web-design-section .hm2-web-pro{background:#e1faf1;border-color:#d8f4e8}.web-design-section .hm2-mini-preview{aspect-ratio:4/3;overflow:hidden}.web-design-section .hm2-mini-preview img{width:100%;height:100%;object-fit:contain}.web-design-section .hm2-plan h3{font-size:27px;font-weight:800;margin:24px 0 6px;color:#111}.web-design-section .hm2-price{display:flex;align-items:baseline;gap:8px;margin:0 0 20px}.web-design-section .hm2-price strong{font-size:clamp(36px,4vw,48px);line-height:1.3;font-weight:800;color:#ee0032;letter-spacing:-.04em}.web-design-section .hm2-price span{font-size:18px;color:#263244}.web-design-section .hm2-plan ul{list-style:none;margin:0 0 24px;padding:22px 0 0;border-top:1px solid #cbd7e5;flex:1}.web-design-section .hm2-plan li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.65;margin-bottom:12px}.web-design-section .hm2-plan li svg{margin-top:3px}.web-design-section .hm2-plan>.hm2-button{background:#ef0032;color:#fff}.web-design-section .hm2-recommended{position:absolute;top:-14px;right:20px;border-radius:22px;padding:6px 18px;background:#f00032;color:#fff;font-weight:700;font-size:14px}.web-design-section .hm2-web-included{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px 0 0;padding:20px;text-align:center;background:#f7f8fa;border-radius:18px;font-size:18px}.web-design-section .hm2-web-included svg{color:#e6002c}
@media(max-width:1000px){.web-design-section .hm2-banner-copy{width:61%;padding:30px}.web-design-section .hm2-banner{min-height:350px}.web-design-section .hm2-plan{padding:19px}.web-design-section .hm2-grid{gap:16px}.web-design-section .hm2-plan li{font-size:15px}}
@media(max-width:760px){.web-design-section .hm2-banner{min-height:0;padding-bottom:48%;border-radius:22px}.web-design-section .hm2-banner-copy{width:100%;text-align:center;padding:28px 20px}.web-design-section .hm2-banner h2{font-size:30px;max-width:none}.web-design-section .hm2-banner-copy>p{font-size:19px;margin:18px 0 22px}.web-design-section .hm2-banner-actions{justify-content:center}.web-design-section .hm2-banner-art{inset:auto 0 0 auto;width:150%;max-width:none;height:auto;aspect-ratio:3;object-fit:contain;object-position:right bottom;mask-image:linear-gradient(180deg,transparent,#000 15%)}.web-design-section .hm2-grid{grid-template-columns:1fr;gap:30px}.web-design-section .hm2-plan{padding:25px;width:100%;max-width:520px;margin-inline:auto}.web-design-section .hm2-heading{margin-top:36px}.web-design-section .hm2-plan li{font-size:17px}.web-design-section .hm2-web-included{font-size:16px}.web-design-section .hm2-price strong{font-size:46px}}
@media(prefers-reduced-motion:reduce){.web-design-section .hm2-button{transition:none}}