.website-design{margin:52px 0 55px}.website-design-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;padding:35px 270px 35px 40px;background:linear-gradient(120deg,#fff5eb,#fff8f2 55%,#ffe7e2);min-height:270px;display:flex;align-items:center;color:#073e29;box-shadow:0 10px 25px #152c1810}.website-design-banner:after{content:'';position:absolute;width:65%;height:170px;border-radius:50%;bottom:-120px;right:-30px;background:linear-gradient(110deg,#e6f5cb,#e5efab);transform:rotate(-9deg);z-index:-1}.website-design-copy{width:100%;position:relative;z-index:1}.website-design-copy h2{font-size:clamp(30px,3.4vw,52px);line-height:1.3;letter-spacing:-1.2px;margin:0 0 9px;color:#073e29}.website-design-copy>p{font-size:clamp(17px,1.7vw,25px);line-height:1.5;color:#31583a}.website-design-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:21px}.website-design-actions>strong{font-size:clamp(29px,3.2vw,47px);font-weight:800;letter-spacing:-1px;line-height:1.25;color:#f25750}.website-design-actions>a{display:inline-flex;align-items:center;gap:14px;border:2px solid #073e29;border-radius:30px;font-size:17px;font-weight:700;padding:10px 20px;background:#fff8ee}.website-design-mascot{position:absolute;right:35px;bottom:0;width:210px;height:255px;object-fit:contain}
.website-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}.website-plan{position:relative;display:flex;flex-direction:column;min-width:0;border:2px solid #65a74a;border-radius:25px;background:white;padding:24px 24px 16px;box-shadow:0 9px 20px #0a3a2010;transition:transform .25s,box-shadow .25s;transform:translateY(0)}.website-plan-featured{border-color:#ff655b}.website-plan-badge{position:absolute;top:-17px;left:50%;transform:translateX(-50%);padding:3px 23px;border-radius:30px;background:#ff655b;color:white;font-weight:700;font-size:15px;white-space:nowrap;z-index:1}
.website-device{position:relative;height:220px;padding:3px 18px 15px 4px;margin:0 0 13px}.website-laptop{position:relative;border:7px solid #24292a;border-radius:10px 10px 5px 5px;height:100%;background:#1d2322}.website-laptop:after{content:'';position:absolute;bottom:-15px;left:-18px;right:-18px;height:9px;border-radius:1px 1px 55% 55%;background:linear-gradient(#ddd,#9fa5a1);box-shadow:0 5px 5px #0002}.website-laptop img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:3px}.website-phone{position:absolute;right:0;bottom:3px;width:75px;height:131px;background:#161e19;border:4px solid #222724;border-radius:13px;overflow:hidden;box-shadow:0 4px 7px #0003}.website-phone img{height:100%;width:100%;object-fit:cover;object-position:left top}
.website-plan h3{text-align:center;color:#073e29;font:900 37px/1.2 'Tangmo Inter Display',Inter,Arial,sans-serif;letter-spacing:-.7px;margin:8px 0 6px}.website-plan-price{align-self:center;min-width:65%;text-align:center;padding:4px 16px;border-radius:18px;background:#fff4d9;color:#e74642;font-size:31px;font-weight:800;line-height:1.3;margin-bottom:16px}.website-plan-price>span{font-size:.8em}.website-plan ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px;flex:1}.website-plan li{display:flex;align-items:flex-start;gap:9px;color:#183b29;font-size:15px;line-height:1.5}.website-plan li>span{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;margin-top:2px;background:#66ad2d;border-radius:50%;color:white;font-size:12px;font-weight:800}.website-plan-select{display:flex;justify-content:center;align-items:center;gap:14px;background:linear-gradient(#177f30,#07552d);border-radius:13px;padding:11px 16px;color:white;font-size:17px;font-weight:700;min-height:48px}.website-plan-quote{display:block;text-align:center;color:#dc3938;font-size:14px;font-weight:700;margin-top:12px;line-height:1.6}.website-design-note{display:flex;align-items:center;justify-content:center;gap:20px;max-width:1100px;margin:25px auto 0;padding:15px 22px;border-radius:50px;background:linear-gradient(90deg,#f0fbdc,#e0f0c0,#f0fbdc);font-size:23px;font-weight:800;line-height:1.4;color:#073e29}.website-design-note svg{width:34px;height:34px;flex:0 0 34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.website-plan:hover{transform:translateY(-4px);box-shadow:0 15px 28px #073e291c}.website-plan-select:hover{background:#101813}.website-design-actions>a:hover{background:#e5f4d2}.website-plan-select:focus-visible,.website-plan-quote:focus-visible,.website-design-actions>a:focus-visible{outline:3px solid #12833e;outline-offset:4px}
@media(max-width:1100px){.website-design-banner{padding:30px 215px 30px 28px}.website-design-mascot{right:20px;width:180px;height:235px}.website-design-actions{gap:15px}.website-design-actions>a{font-size:14px}.website-plan-grid{gap:17px}.website-plan{padding:20px 16px 15px}.website-device{height:170px}.website-plan li{font-size:13px}.website-plan-price{font-size:27px}.website-design-note{font-size:19px}}
@media(max-width:800px){.website-design-banner{padding:28px 22px 0;display:flex;flex-direction:column;text-align:center;min-height:0;border-radius:24px}.website-design-copy h2{font-size:32px}.website-design-copy>p{font-size:17px}.website-design-actions{justify-content:center;gap:17px;margin-top:20px}.website-design-actions>strong{font-size:34px}.website-design-actions>a{font-size:15px}.website-design-mascot{position:relative;right:auto;bottom:auto;width:155px;height:205px;margin:14px auto 0}.website-plan-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.website-plan{padding:24px 22px 18px;max-width:520px;width:100%;margin:auto}.website-device{height:210px}.website-plan li{font-size:15px}.website-plan-price{font-size:31px}.website-design-note{font-size:18px;gap:13px;border-radius:22px;padding:18px;text-align:center}.website-design-note svg{width:28px;height:28px;flex-basis:28px}.website-plan:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.website-plan{transition:none;transform:none}}