#pricing{padding-top:84px;padding-bottom:12px;overflow:visible}
#pricing h3{font-size:clamp(30px,3.2vw,45px);letter-spacing:-.045em}
#pricing .pricing-intro{color:#62746c;font-size:15px;margin-top:16px}
#pricing .price-grid{display:flex;isolation:isolate;gap:0;margin:49px 0 28px;padding:0 8px;border:0;align-items:stretch}
#pricing .price-grid>.price-capsule{--offer-accent:#248566;position:relative;display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:435px;padding:30px 30px 32px;border:1px solid #d3dfd8;border-radius:46px;background:radial-gradient(ellipse at 12% 0%,#eaf6ee90,transparent 65%),linear-gradient(145deg,#fff 35%,#f1f5f3);box-shadow:inset 0 0 0 5px #ffffffb0,-10px 16px 28px #193c2c0c;color:var(--petrol);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;transform-origin:center bottom}
#pricing .price-grid>.price-capsule+.price-capsule{margin-left:-16px}
#pricing .price-grid>.price-capsule:hover,#pricing .price-grid>.price-capsule:focus-visible{z-index:10;transform:translateY(-13px) scale(1.035);border-color:var(--offer-accent);box-shadow:0 20px 38px #123a2b18;outline:none}
#pricing .price-capsule:nth-child(2){--offer-accent:#318e8b}
#pricing .price-capsule:nth-child(3){--offer-accent:#5e81ac}
#pricing .price-capsule:nth-child(5){--offer-accent:#8b789d}
#pricing .price-grid span{display:block;color:var(--petrol);font-size:17px;font-weight:600;line-height:1.4}
#pricing .price-grid strong{font-size:clamp(40px,4.5vw,63px);font-weight:600;margin-top:22px;line-height:1.1;letter-spacing:-.075em;white-space:nowrap}
#pricing .price-grid strong small{font-size:12px;font-weight:400;letter-spacing:0;color:#60716b;margin-left:4px}
#pricing .price-capsule p{font-size:13px;line-height:1.65;color:#596e65;margin-top:22px;margin-bottom:28px}
#pricing .price-grid .offer-commitment{font-size:11px;letter-spacing:.015em;color:#44695a;margin-top:auto;margin-left:0}
#pricing .price-grid>.recommended-offer{background:radial-gradient(ellipse at 0% 0%,#ffffffb0,transparent 65%),linear-gradient(145deg,#dcf5e7,#edf9f2 65%,#d5ecdf);border-color:#7aa98d;box-shadow:inset 0 0 0 5px #ffffff70,0 16px 35px #215e4615;z-index:2}
#pricing .price-grid .offer-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 13px;border-radius:30px;background:#215e46;color:white;font-size:10px;font-weight:600;letter-spacing:.02em;box-shadow:0 4px 12px #215e4612}
#pricing>p:last-child{font-size:11px;color:#738179;line-height:1.7;max-width:850px}
#pricing .offer-area{position:relative;isolation:isolate;width:66px;height:66px;margin:0 0 26px;border-radius:50%;background:linear-gradient(150deg,#ffffff,#e0eee5);border:1px solid #d0dfd6;box-shadow:inset 0 1px 2px #fff,0 7px 16px #214e3510}
#pricing .offer-area:before,#pricing .offer-area:after{content:'';position:absolute;border-radius:50%;inset:calc(23px - var(--reach)*3px);border:1px solid #41866550;background:#9cd4b51a}
#pricing .offer-area:after{inset:calc(28px - var(--reach)*2px);background:#72ba9420}
#pricing .offer-area i{position:absolute;left:28px;top:28px;width:8px;height:8px;background:#20845a;border-radius:50%;box-shadow:0 1px 4px #164c3325;z-index:1}
#pricing .offer-choose{width:100%;border:1px solid #b9cec2;border-radius:24px;background:#ffffffb0;color:var(--petrol);padding:12px 6px;margin-top:16px;font-size:12px;font-weight:600;line-height:1.3;transition:background .2s,border-color .2s}
#pricing .offer-choose:hover{background:var(--mint);border-color:var(--offer-accent)}
#pricing .recommended-offer .offer-choose{background:#215e46;color:white;border-color:#215e46}
#pricing .recommended-offer .offer-choose:hover{background:#174c37}
@media(max-width:700px){#pricing .offer-choose{grid-column:1 / -1;margin-top:7px}}
@media(min-width:701px){#pricing .price-grid>.price-capsule{transform:none}#pricing .offer-area{flex-shrink:0}#pricing .price-capsule>span:not(.offer-badge){min-height:24px}#pricing .price-grid{margin-bottom:46px}#pricing .price-grid>.price-capsule:hover,#pricing .price-grid>.price-capsule:focus-visible{transform:translateY(-13px) scale(1.035)}}
@media(max-width:700px){#pricing .price-capsule .offer-area{grid-column:1;grid-row:1;width:44px;height:44px;margin:0 0 5px}#pricing .offer-area:before{inset:7px}#pricing .offer-area:after{inset:13px}#pricing .offer-area i{left:18px;top:18px}#pricing .price-capsule>span:not(.offer-badge){grid-row:2}#pricing .price-grid>.price-capsule{min-height:0}}
@media(max-width:1000px) and (min-width:701px){#pricing .price-grid>.price-capsule{padding:40px 20px 26px;min-height:355px}#pricing .price-grid span{font-size:15px}#pricing .price-capsule p{font-size:12px}#pricing .price-grid>.price-capsule+.price-capsule{margin-left:-10px}}
@media(max-width:700px){#pricing{padding-top:55px}#pricing .price-grid{flex-direction:column;margin-top:34px;padding:0}#pricing .price-grid>.price-capsule{display:grid;grid-template-columns:1fr auto;gap:8px 16px;min-height:0;width:100%;flex:auto;padding:27px 29px 32px;border-radius:38px}#pricing .price-grid>.price-capsule+.price-capsule{margin-left:0;margin-top:-10px}#pricing .price-grid strong{grid-column:2;grid-row:1 / 3;font-size:37px;margin:0;align-self:center}#pricing .price-grid span{font-size:16px;align-self:center}#pricing .price-capsule p{grid-column:1 / -1;margin:4px 0 5px;font-size:13px;max-width:290px}#pricing .price-grid .offer-commitment{grid-column:1 / -1;font-size:10px}#pricing .price-grid>.price-capsule:hover,#pricing .price-grid>.price-capsule:focus-visible{transform:translateY(-4px) scale(1.015)}#pricing .price-grid>.recommended-offer{margin-top:10px}#pricing .price-grid .offer-badge{top:-12px;left:auto;right:23px;transform:none;font-size:9px;padding:5px 10px}}
@media(prefers-reduced-motion:reduce){#pricing .price-grid>.price-capsule{transition:none}#pricing .price-grid>.price-capsule:hover,#pricing .price-grid>.price-capsule:focus-visible{transform:none}}
/* Compact mobile offers: name/price, short description, commitment/action. */
@media(max-width:700px){
  #pricing{padding-top:32px}
  #pricing h3{font-size:28px;line-height:1.12}
  #pricing .pricing-intro{font-size:13px;margin-top:12px}
  #pricing .price-grid{margin:24px 0 18px;padding:0;gap:0}
  #pricing .price-grid>.price-capsule{padding:15px 16px 12px;border-radius:25px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:4px 10px;min-height:0}
  #pricing .price-grid>.price-capsule+.price-capsule{margin-top:-2px}
  #pricing .price-capsule .offer-area{display:none}
  #pricing .price-capsule>span:not(.offer-badge){grid-column:1;grid-row:1;font-size:15px;min-height:0}
  #pricing .price-grid strong{grid-column:2;grid-row:1;font-size:29px;align-self:center;line-height:1.1}
  #pricing .price-grid strong small{font-size:10px;margin-left:3px}
  #pricing .price-capsule p{grid-column:1 / -1;grid-row:2;font-size:12px;line-height:1.4;margin:3px 0;max-width:none}
  #pricing .price-grid .offer-commitment{grid-column:1;grid-row:3;align-self:center;margin:0;font-size:10px}
  #pricing .offer-choose{grid-column:2;grid-row:3;align-self:center;width:auto;min-height:44px;margin:0;padding:8px 12px;font-size:11px;border-radius:18px}
  #pricing .price-grid>.recommended-offer{margin-top:15px}
  #pricing .price-grid .offer-badge{top:-11px;right:16px;font-size:9px;padding:4px 9px}
  #pricing .price-grid>.price-capsule:hover,#pricing .price-grid>.price-capsule:focus-visible{transform:none}
}
