/* MetaCore Shop · Boosting funnel · 2026-09-29
 * START HERE commercial evolution layer
 */
.shop-boosting{position:relative;overflow:hidden;padding:clamp(82px,9vw,138px) 0 96px;background:
radial-gradient(circle at 14% 10%,rgba(34,211,238,.11),transparent 29%),
radial-gradient(circle at 84% 18%,rgba(139,92,246,.12),transparent 28%),
linear-gradient(180deg,#030713 0%,#06101d 62%,#0b1723 100%);border-bottom:1px solid #17304a}
.shop-boosting:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:
linear-gradient(rgba(89,145,184,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(89,145,184,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 86%)}
.shop-boosting .wrap{position:relative;z-index:1}
.shop-boosting-head{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr);gap:clamp(28px,6vw,86px);align-items:end;margin-bottom:42px}
.shop-boosting-kicker{display:inline-flex;align-items:center;gap:10px;color:#78eaff;font-size:.68rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.shop-boosting-kicker:before{content:"";width:30px;height:1px;background:linear-gradient(90deg,#22d3ee,transparent);box-shadow:0 0 12px rgba(34,211,238,.5)}
.shop-boosting h2{max-width:850px;margin:14px 0 0;font-size:clamp(2.9rem,5.4vw,6.1rem);line-height:.94;letter-spacing:-.058em}
.shop-boosting h2 span{display:block;color:transparent;background:linear-gradient(90deg,#6ee7ff 0%,#79a9ff 49%,#b89cff 100%);-webkit-background-clip:text;background-clip:text}
.shop-boosting-intro{margin:0;color:#a9bbca;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.75}
.shop-boosting-intro strong{color:#eefaff;font-weight:760}
.shop-route-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;position:relative}
.shop-route-map:before{content:"";position:absolute;left:5%;right:5%;top:31px;height:1px;background:linear-gradient(90deg,transparent,#22d3ee 16%,#6b9cff 50%,#9b6cff 84%,transparent);box-shadow:0 0 16px rgba(76,165,255,.38);pointer-events:none}
.shop-route-card{position:relative;display:flex;flex-direction:column;min-height:355px;padding:23px 20px 20px;border:1px solid #1d405d;border-radius:22px;background:linear-gradient(155deg,rgba(10,28,48,.96),rgba(5,11,20,.97));box-shadow:inset 0 1px rgba(255,255,255,.035);overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.shop-route-card:before{content:"";position:absolute;width:170px;height:170px;right:-92px;top:-84px;border-radius:50%;border:1px solid rgba(71,173,211,.18);box-shadow:0 0 0 26px rgba(34,211,238,.025),0 0 0 54px rgba(139,92,246,.018)}
.shop-route-card:hover{transform:translateY(-5px);border-color:#3b8fb4;box-shadow:0 22px 50px rgba(0,13,28,.42)}
.shop-route-card.is-start{border-color:#2c8eaa;background:radial-gradient(circle at 92% 2%,rgba(34,211,238,.12),transparent 34%),linear-gradient(155deg,#0b2336,#06101d)}
.shop-route-card.is-cloud{border-color:#2b597d}
.shop-route-card.is-operator{border-color:#365e7f}
.shop-route-card.is-codex{border-color:#514d84}
.shop-route-card.is-business{border-color:#695b8e;background:radial-gradient(circle at 92% 3%,rgba(155,108,255,.12),transparent 34%),linear-gradient(155deg,#16162d,#080d19)}
.shop-route-step{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:31px}
.shop-route-num{display:grid;place-items:center;width:40px;height:40px;border:1px solid #3289a5;border-radius:13px;background:#071a2a;color:#7fefff;font:850 .71rem ui-monospace,monospace;letter-spacing:.08em;box-shadow:0 0 22px rgba(34,211,238,.08)}
.shop-route-state{color:#8299ac;font-size:.58rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.shop-route-state.live{color:#62e7b7}
.shop-route-state.pre{color:#eac276}
.shop-route-state.scope{color:#bcaaff}
.shop-route-card small{position:relative;color:#6ecfe5;font-size:.62rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.shop-route-card h3{position:relative;margin:9px 0 10px;font-size:clamp(1.55rem,2vw,2.1rem);line-height:1.02;letter-spacing:-.045em}
.shop-route-card p{position:relative;margin:0;color:#9fb2c1;font-size:.88rem;line-height:1.6}
.shop-route-price{position:relative;margin:21px 0 14px;padding-top:15px;border-top:1px solid rgba(85,130,164,.22)}
.shop-route-price b{display:block;color:#eefaff;font-size:.94rem}
.shop-route-price span{display:block;margin-top:3px;color:#7891a5;font-size:.68rem;line-height:1.45}
.shop-route-action{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(85,130,164,.22);color:#dff9ff;font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.shop-route-action i{font-style:normal;color:#67e3f5;font-size:1rem}
.shop-boosting-paths{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:28px;padding:18px 20px;border:1px solid #1c3851;border-radius:18px;background:rgba(5,14,25,.72)}
.shop-boosting-paths p{margin:0;color:#91a8ba;font-size:.82rem;line-height:1.55}
.shop-boosting-paths p strong{color:#e8f6ff}
.shop-boosting-paths .path-or{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #315d79;background:#071725;color:#6fd9e9;font-size:.62rem;font-weight:900;letter-spacing:.1em}
.shop-boosting-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;color:#748da1;font-size:.72rem;line-height:1.55}
.shop-boosting-foot b{color:#aec8d8}
.shop-boosting-foot a{color:#8fe8f3;border-bottom:1px solid rgba(143,232,243,.35);padding-bottom:2px}
#boosting{scroll-margin-top:90px}
@media(max-width:1080px){.shop-route-map{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-route-map:before{display:none}.shop-route-card{min-height:325px}.shop-route-card.is-business{grid-column:span 2}}
@media(max-width:800px){.shop-boosting{padding:76px 0 78px}.shop-boosting-head{grid-template-columns:1fr;gap:22px}.shop-boosting h2{font-size:clamp(3rem,11vw,4.9rem)}.shop-route-map{grid-template-columns:1fr 1fr}.shop-route-card,.shop-route-card.is-business{grid-column:auto;min-height:315px}.shop-route-card.is-business{grid-column:1/-1}.shop-boosting-paths{grid-template-columns:1fr}.shop-boosting-paths .path-or{width:auto;height:auto;border:0;background:none;justify-self:start}.shop-boosting-foot{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:580px){.shop-route-map{grid-template-columns:1fr}.shop-route-card,.shop-route-card.is-business{grid-column:auto;min-height:auto}.shop-route-price{margin-top:18px}.shop-boosting-paths{padding:16px}.shop-boosting h2{font-size:clamp(2.8rem,13.5vw,4.3rem)}}