/* SpaChat V2.2: upgrades restricted to four-step flow and plan selection */
.spa22-benefit{background:radial-gradient(circle at 97% 9%,#e4fbf1 0,transparent 28%),linear-gradient(180deg,#fff 0%,#fafdfe 100%);padding:76px 0 72px;overflow:hidden}
.spa22-heading-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:40px;align-items:center;margin-bottom:36px}
.spa22-heading-grid h2{font-size:clamp(29px,3vw,42px);line-height:1.28;letter-spacing:-.045em;margin:9px 0 14px;color:#102c3b}
.spa22-heading-grid h2 span{color:#059c62}
.spa22-heading-grid p{font-size:15px;color:#60796f;max-width:580px;line-height:1.75;margin:0}
.spa22-overline{letter-spacing:.16em;font-size:11px;font-weight:800;color:#059b62}
.spa22-flow-visual{max-width:475px;width:100%;justify-self:end;position:relative;background:#ffffffcc;border:1px solid #e4f1ea;box-shadow:0 18px 60px rgba(13,102,74,.09);padding:17px 19px 15px;border-radius:20px;transform:rotate(1deg)}
.spa22-flow-live{display:flex;align-items:center;gap:7px;font-weight:800;font-size:10px;letter-spacing:.1em;color:#508371}
.spa22-flow-live i,.spa22-result-dot{background:#1cc889;display:inline-block;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #19c8851b}
.spa22-mini-track{display:flex;gap:6px;align-items:center;justify-content:space-between;padding:15px 0 11px}
.spa22-mini-track b{background:#eaf9f1;color:#087b51;font-size:11px;border:1px solid #d5f1e2;border-radius:9px;padding:8px 10px;flex:1;text-align:center;white-space:nowrap}
.spa22-mini-track b:nth-of-type(2){background:#eaf4ff;color:#3467b7;border-color:#dbe9fb}
.spa22-mini-track b:nth-of-type(3){background:#fff5e7;color:#a7731e;border-color:#faebd7}
.spa22-mini-track b:nth-of-type(4){background:#fff0f4;color:#bb4b7e;border-color:#ffe0ea}
.spa22-mini-track>span{font-size:16px;color:#2fa880;animation:spa22-arrow 3s ease-in-out infinite}
.spa22-flow-visual small{display:block;color:#7b9189;font-size:11px}
.spa22-flow-wrap{position:relative}
.spa22-flow-line{pointer-events:none;position:absolute;top:39px;left:6%;right:6%;height:2px;background:repeating-linear-gradient(90deg,#83daba 0 9px,transparent 9px 18px);opacity:.7}
.spa22-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;position:relative}
.spa22-flow-card{min-width:0;position:relative;display:flex;flex-direction:column;min-height:300px;padding:22px 23px 20px;border:1px solid #e4eee9;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(13,84,69,.055);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.spa22-flow-card:hover{transform:translateY(-5px);box-shadow:0 19px 45px #18684d1b;border-color:#b8e7cf}
.spa22-flow-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}
.spa22-step{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#e9f9f1;font-size:21px;font-weight:900;color:#059b62;letter-spacing:-.05em}
.spa22-round-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#1684c7;background:#e9f6ff;box-shadow:inset 0 0 0 1px #e0effb}
.tone-coral .spa22-round-icon{color:#e36a55;background:#fff0eb;box-shadow:inset 0 0 0 1px #ffe4dc}
.tone-gold .spa22-round-icon{color:#d39824;background:#fff5df;box-shadow:inset 0 0 0 1px #f7e9c4}
.tone-pink .spa22-round-icon{color:#e34b95;background:#fff0f8;box-shadow:inset 0 0 0 1px #fbe0ee}
.spa22-flow-card h3{font-size:19px;letter-spacing:-.03em;color:#183245;margin:0 0 11px;line-height:1.35}
.spa22-flow-card p{font-size:13px;color:#5e7880;line-height:1.65;margin:0 0 20px}
.spa22-result{display:flex;align-items:center;gap:9px;padding-top:15px;margin-top:auto;border-top:1px solid #e9f1ed;font-size:11.5px;font-weight:700;color:#247257}
.spa22-result-dot{width:6px;height:6px;flex:0 0 6px}
.spa22-flow-card:not(:last-child):after{content:'›';position:absolute;right:-20px;top:29px;width:23px;height:23px;display:grid;place-items:center;color:#04925c;background:#f0fff7;border:1px solid #b9e8d1;border-radius:50%;font-size:21px;z-index:2;line-height:1}
.spa22-flow-foot{display:flex;align-items:center;gap:9px;background:#ecfaf3;color:#36745a;padding:12px 16px;border:1px solid #daf0e3;border-radius:12px;font-size:12.5px;margin-top:24px;width:fit-content;max-width:100%}
.spa22-flow-foot span{color:#08ab69}
.spa22-pricing{background:radial-gradient(ellipse at top left,#e6f7ee 0,transparent 36%),linear-gradient(180deg,#f3faf7,#f8fcfa);border-top:1px solid #e3f0e8;padding:82px 0 87px}
.spa22-plan-heading{margin-bottom:34px}
.spa22-plan-heading h2{font-size:clamp(27px,3vw,39px);max-width:780px;margin:10px auto}
.spa22-plan-heading p{font-size:14px;max-width:660px;margin:auto;line-height:1.65}
.spa22-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;margin:auto}
.spa22-plan{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0eee6;border-radius:25px;background:#fff;box-shadow:0 14px 37px rgba(17,90,60,.07);padding:25px 26px 26px;transition:transform .25s ease,box-shadow .25s ease}
.spa22-plan:hover{transform:translateY(-5px);box-shadow:0 22px 48px #17634520}
.spa22-featured{border:2px solid #2dbf83;box-shadow:0 24px 49px #0e9b531e}
.spa22-plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.spa22-plan-icon{display:grid;place-items:center;width:59px;height:59px;background:#e4faee;color:#009b60;border-radius:19px}
.spa22-green .spa22-plan-icon{background:#dff9ee}
.spa22-ocean .spa22-plan-icon{background:#e4f2ff;color:#2383c7}
.spa22-plan-tag{padding:7px 10px;color:#147952;font-size:10px;font-weight:800;border-radius:99px;background:#edf9f2;white-space:nowrap}
.spa22-featured .spa22-plan-tag{background:#0aad68;color:#fff}
.spa22-ocean .spa22-plan-tag{background:#e8f2ff;color:#2376ac}
.spa22-plan-decor{height:72px;position:relative;margin:6px 0 3px;background:linear-gradient(102deg,#f2fbf5,#e6f8ef);border-radius:15px;overflow:hidden;display:flex;align-items:end;gap:9px;padding:13px 18px}
.spa22-plan-decor:before{content:'';position:absolute;width:140px;height:140px;right:-30px;top:-72px;background:#0daf6321;border-radius:50%;box-shadow:0 0 0 26px #0daf6308}
.spa22-plan-decor span{height:19px;width:16px;border-radius:5px 5px 2px 2px;background:#c1e8d0;z-index:1}
.spa22-plan-decor span:nth-child(2){height:32px;background:#8fdbb0}
.spa22-plan-decor span:nth-child(3){height:43px;background:#36b984}
.spa22-plan-decor i{position:absolute;right:22px;bottom:20px;width:45px;height:27px;border:3px solid #79cba3;border-top:0;border-left:0;transform:rotate(-24deg);border-radius:4px}
.spa22-ocean .spa22-plan-decor{background:linear-gradient(105deg,#f0f7ff,#e2f1fd)}
.spa22-ocean .spa22-plan-decor span:nth-child(3){background:#50a7d6}
.spa22-plan h3{font-size:22px;letter-spacing:-.04em;margin:19px 0 8px;color:#133344}
.spa22-plan p{font-size:13px;color:#58736d;line-height:1.65;margin:0 0 16px;min-height:44px}
.spa22-plan-includes{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#37745e;margin:5px 0 8px}
.spa22-plan ul{list-style:none;padding:0;margin:0 0 23px;display:grid;gap:11px;flex:1}
.spa22-plan li{display:flex;align-items:flex-start;gap:10px;font-size:12.7px;line-height:1.5;color:#354f49}
.spa22-tick{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;color:#019d60;border-radius:50%;background:#e3f8ec;margin-top:1px}
.spa22-tick svg{width:12px;height:12px;stroke-width:3}
.spa22-plan-action{padding:13px 15px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #bce4cf;color:#006d42;font-size:13px;font-weight:800;background:#effaf3;border-radius:13px;transition:.22s}
.spa22-plan-action:hover{background:#daf5e6;border-color:#50c493;transform:translateY(-2px)}
.spa22-plan-action span{font-size:17px}
.spa22-featured .spa22-plan-action{color:white;border-color:#08a961;background:linear-gradient(110deg,#05b972,#029652)}
.spa22-featured .spa22-plan-action:hover{filter:brightness(1.08)}
.spa22-price-note{max-width:1000px;margin:25px auto 0;padding:14px 20px;color:#657970;text-align:center;font-size:12.5px;background:#ffffffb9;border:1px solid #e2efe7;border-radius:15px;line-height:1.6}
.spa22-price-note span{font-size:16px;color:#03a16a;margin-right:4px}.spa22-price-note a{font-weight:800;color:#049a5d;text-decoration:underline;text-underline-offset:3px}
@keyframes spa22-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@media(max-width:1100px){.spa22-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.spa22-flow-card{min-height:235px}.spa22-flow-card:nth-child(2):after{display:none}.spa22-flow-line{display:none}.spa22-plan-grid{gap:12px}.spa22-plan{padding:20px}.spa22-plan h3{font-size:20px}.spa22-plan-tag{font-size:9.5px}}
@media(max-width:790px){.spa22-heading-grid{grid-template-columns:1fr;gap:20px}.spa22-flow-visual{justify-self:start;max-width:520px}.spa22-plan-grid{grid-template-columns:1fr;max-width:580px;gap:15px}.spa22-plan p{min-height:0}.spa22-plan-decor{height:60px}.spa22-plan{padding:23px}}
@media(max-width:600px){.spa22-benefit{padding:54px 0 49px}.spa22-heading-grid{margin-bottom:25px}.spa22-heading-grid h2{font-size:27px}.spa22-heading-grid p{font-size:13.5px}.spa22-flow-visual{padding:13px;border-radius:14px;max-width:100%;transform:none}.spa22-flow-live{font-size:9px}.spa22-mini-track{gap:3px}.spa22-mini-track b{font-size:8.5px;padding:7px 4px}.spa22-mini-track>span{font-size:12px}.spa22-flow-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.spa22-flow-card{padding:15px 14px;min-height:262px;border-radius:18px}.spa22-flow-top{margin-bottom:17px}.spa22-step{width:35px;height:35px;font-size:17px;border-radius:10px}.spa22-round-icon{width:43px;height:43px;border-radius:14px}.spa22-round-icon svg{width:23px;height:23px}.spa22-flow-card h3{font-size:15px;line-height:1.28;margin-bottom:10px;overflow-wrap:anywhere}.spa22-flow-card p{font-size:12.1px;line-height:1.55;margin-bottom:15px}.spa22-result{font-size:10.2px;align-items:flex-start;line-height:1.4;gap:7px}.spa22-result-dot{margin-top:5px}.spa22-flow-card:nth-child(2):after{display:none}.spa22-flow-card:nth-child(3):after{display:none}.spa22-flow-card:nth-child(1):after{width:18px;height:18px;right:-15px;top:18px;font-size:17px}.spa22-flow-foot{font-size:11px;align-items:flex-start;line-height:1.5;margin-top:20px}.spa22-pricing{padding:52px 0 60px}.spa22-plan-heading h2{font-size:27px}.spa22-plan-heading p{font-size:13px}.spa22-plan-grid{margin-top:24px}.spa22-plan p{font-size:12.7px}.spa22-price-note{font-size:11.3px;padding:13px;margin-top:17px}}
@media(max-width:360px){.spa22-flow-grid{grid-template-columns:1fr}.spa22-flow-card{min-height:200px}.spa22-flow-card:after{display:none!important}}
@media(prefers-reduced-motion:reduce){.spa22-mini-track>span{animation:none}.spa22-plan,.spa22-flow-card,.spa22-plan-action{transition:none}}