.mhl-services-page .pt-heading{padding:44px 0 26px;display:flex;justify-content:space-between;align-items:end;gap:24px}
.mhl-services-page .pt-heading h1{font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:10px 0 0}
.mhl-services-page .pt-heading p:not(.section-code){font-size:14px;line-height:1.7;max-width:400px;color:#c8c5cf;margin:0}
/* Neutral graphite surfaces and greys; raspberry is reserved for actions and the current selection. */
.price-tree{--pt-line:#3b3843;--pt-pink:#e0567f;color:#f6f5f8}
.price-tree [hidden]{display:none!important}
.pt-layout{display:grid;grid-template-columns:minmax(390px,1fr) minmax(0,1.12fr);gap:32px;align-items:start}
.pt-map{position:sticky;top:calc(var(--site-header-height,80px) + 20px);padding:24px 24px 16px;background:radial-gradient(ellipse at 10% 20%,rgba(255,255,255,.035),transparent 70%),#19181e;border:1px solid #302e37;border-radius:16px;overflow:hidden}
.pt-root{display:flex;align-items:center;gap:16px;position:relative;padding-bottom:28px}
.pt-root>span:first-child{display:grid;place-items:center;width:45px;height:45px;background:linear-gradient(135deg,#c44178,#8c2e58);box-shadow:5px 5px 0 #4e2c45;border-radius:10px;transform:rotate(-5deg);font-size:27px;font-weight:700}
.pt-root b{font-size:17px;font-weight:500}
.pt-root small{display:block;margin-top:6px;font-size:11px;color:#aaa6b2}
.pt-root-signal{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#e0567f;box-shadow:0 0 16px #e0567f;animation:pt-pulse 3s ease infinite}
.pt-branches{margin-left:22px;border-left:1px solid var(--pt-line);padding-left:24px}
.pt-branch{border:0!important;border-radius:0!important;padding:0!important;margin:0 0 19px!important;background:none!important;position:relative}
.pt-branch:before{content:'';position:absolute;top:21px;left:-25px;width:24px;height:1px;background:var(--pt-line)}
.pt-branch[open]:before{background:linear-gradient(90deg,#3b3843,#e0567f,#3b3843);background-size:200%;animation:pt-connection 2s linear infinite}
.pt-branch summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;padding:0!important;color:#f1eff5}
.pt-branch summary::-webkit-details-marker{display:none}
.pt-branch-number{display:grid;place-items:center;width:40px;height:40px;border:1px solid #45414f;background:#1f1d25;color:#e9e7ee;border-radius:50%;font-size:12px;flex:none;transition:border-color .2s,box-shadow .2s}
.pt-branch[open] .pt-branch-number{color:#fff;border-color:#d03565;box-shadow:0 0 0 5px rgba(208,53,101,.08),0 0 24px rgba(208,53,101,.2);background:#2a1a22}
.pt-branch summary b{font-size:15px;font-weight:500}
.pt-branch summary small{display:block;font-size:10px;color:#aaa6b2;margin-top:5px}
.pt-branch-toggle{margin-left:auto;display:block;width:24px;text-align:center;font-size:20px;transition:transform .25s;color:#c8c5cf}
.pt-branch[open] .pt-branch-toggle{transform:rotate(45deg)}
.pt-nodes{display:grid;gap:9px;margin:14px 0 0 19px;padding:0 0 6px 24px;border-left:1px solid var(--pt-line);animation:pt-grow .3s ease both}
.pt-node{position:relative;display:flex;align-items:center;gap:12px;background:transparent!important;border:1px solid transparent!important;border-bottom-color:#2a2830!important;border-radius:0!important;padding:13px 10px!important;color:#eceaf0!important;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;min-width:0;width:100%;text-decoration:none!important}
.pt-node:before{content:'';position:absolute;left:-25px;top:50%;width:20px;height:1px;background:var(--pt-line)}
.pt-node.is-selected:before{background:#e0567f;box-shadow:0 0 9px #d03565}
.pt-node.is-selected{background:linear-gradient(90deg,rgba(208,53,101,.17),rgba(208,53,101,.03))!important;border-bottom-color:#d03565!important}
.pt-node:hover{transform:translateX(4px);background:rgba(255,255,255,.035)!important}
.pt-node b{display:block;font-size:13px;font-weight:500}
.pt-node small{display:block;font-size:10px;line-height:1.5;color:#aaa6b2;margin-top:5px}
.pt-node-arrow{margin-left:auto;color:#8f8b98;transition:transform .2s,color .2s;font-size:15px}
.pt-node:hover .pt-node-arrow,.pt-node.is-selected .pt-node-arrow{color:#fff}
.pt-node:hover .pt-node-arrow{transform:translate(2px,-2px)}
.pt-node-mark{display:flex;align-items:center;gap:3px;min-width:24px;height:26px}
.pt-node-mark i{display:block;background:linear-gradient(#f2f1f5,#6f6b7a);width:4px;height:13px;border-radius:2px}
.pt-node.is-selected .pt-node-mark i{background:linear-gradient(#ffb3c9,#c43a66)}
.pt-node-mark i:nth-child(2){height:23px;animation-delay:-.3s}.pt-node-mark i:nth-child(3){height:17px;animation-delay:-.7s}
.pt-node.is-selected i,.pt-node:hover i{animation:pt-level 1.5s ease-in-out infinite alternate}
.pt-node .mark-1 i{border-radius:50%}.pt-node .mark-2 i{transform:rotate(-15deg)}.pt-node .mark-3 i{width:5px}
.pt-map-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid #2c2a33;font-size:10px;color:#aaa6b2;margin-top:18px}
.pt-map-bottom a{color:#fff;text-decoration:none!important;transition:color .2s}.pt-map-bottom a:hover{color:#ffc2d4}.pt-map-bottom>span{display:flex;align-items:center;gap:7px}.pt-map-bottom i{width:4px;height:4px;background:#e0567f;border-radius:50%}
.pt-detail-area{min-width:0}
.pt-detail{border:1px solid #34313c;border-radius:18px;padding:24px;background:linear-gradient(160deg,#211f27,#18171c);box-shadow:0 16px 40px #0805102e;animation:pt-detail-in .25s ease both}
.pt-detail-top{display:flex;justify-content:space-between;align-items:center;color:#a19dab;font-size:9px;letter-spacing:.13em;margin-bottom:20px}
.pt-status{display:flex;align-items:center;gap:7px}.pt-status i{width:4px;height:4px;border-radius:50%;background:#e0567f;box-shadow:0 0 9px #e0567f}
.mhl-services-page .pt-detail h2{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.015em;margin:0 0 16px;color:#fff}
.pt-description{font-size:13px;line-height:1.75;color:#c8c5cf;margin:0 0 22px}
.pt-prices{display:grid;gap:12px}
.pt-price{display:grid;grid-template-columns:20px minmax(0,1fr) 142px;gap:12px;align-items:start;padding:20px 16px;border:1px solid #2c2a33;border-radius:12px;background:#131217;transition:border-color .2s,background .2s}
.pt-price:hover,.pt-price:focus-within{background:#17161c;border-color:#45414f}
.pt-price-index{color:#8f8b98;font-size:10px;padding-top:4px}
.mhl-services-page .pt-price h3{font-size:15px;line-height:1.4;font-weight:500;letter-spacing:normal;margin:0 0 8px;color:#fff}
.pt-price-main>p{font-size:11px;line-height:1.6;color:#b6b2be;margin:0}.pt-price-main>p span{color:#77737f;margin:0 3px}
.pt-price>button{position:relative;overflow:hidden;isolation:isolate;display:grid;justify-items:center;align-content:center;gap:9px;min-width:0;min-height:76px;width:100%;color:#fff;background:linear-gradient(180deg,#27252e,#1c1b22);border:1px solid #3a3743;border-radius:12px;cursor:pointer;padding:14px 10px;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px -14px #000;transition:border-color .25s,box-shadow .3s,transform .25s}
.pt-price>button::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translateX(-130%)}
.price-tree .pt-price>button:hover{border-color:#d03565;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 30px -16px rgba(208,53,101,.95);transform:translateY(-1px)}
.price-tree .pt-price>button:hover::before{transform:translateX(130%);transition:transform .8s ease}
.price-tree .pt-price>button:not(:focus-visible){outline:none}
.pt-price>button strong{font-size:20px;line-height:1.3;font-weight:600;white-space:nowrap;letter-spacing:-.01em;color:#fff;font-variant-numeric:tabular-nums}
.pt-price>button>span{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:500;color:#ffd0de;background:rgba(208,53,101,.14);border:1px solid rgba(208,53,101,.5);transition:background-color .25s,color .25s,border-color .25s}
.pt-price>button b{font-size:13px;transition:transform .2s;font-weight:400}
.pt-price>button:hover>span{color:#fff;background:#d03565;border-color:#d03565}
.pt-price>button:hover b{transform:translate(2px,-2px)}
.pt-scope{margin-top:12px;border:0!important;padding:0!important;font-size:11px;background:none!important}
.pt-scope summary{list-style:none;cursor:pointer;color:#dedbe4;display:flex;gap:12px;padding:0!important;transition:color .2s}
.pt-scope summary:hover{color:#fff}
.pt-scope summary::-webkit-details-marker{display:none}.pt-scope summary span{transition:transform .2s}.pt-scope[open] summary span{transform:rotate(45deg)}
.pt-scope p{font-size:12px;line-height:1.7;color:#b8b4c0;margin:10px 0 0}
.pt-materials{margin-top:22px;padding:15px 0!important;border:0!important;border-top:1px solid #2c2a33!important;border-bottom:1px solid #2c2a33!important;background:none!important}
.pt-materials summary{display:flex;justify-content:space-between;cursor:pointer;padding:0!important;font-size:13px;color:#eceaf0}.pt-materials p{font-size:12px;line-height:1.7;color:#b8b4c0;margin:14px 0 0}
.pt-timing,.pt-calculation-note{font-size:11px;line-height:1.75;color:#aaa6b2;margin:18px 0 0}
.pt-calculation-note{border-left:2px solid #c43a66;padding-left:12px}
.price-tree :is(button,summary,a):focus-visible{outline:2px solid #ffb3c9!important;outline-offset:4px}
.mhl-services-page .service-faq{margin-top:60px;border-top:1px solid #2c2a33;padding-top:30px}
.mhl-services-page .service-faq h2{font-size:22px;font-weight:500}
@keyframes pt-grow{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes pt-detail-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@keyframes pt-level{to{transform:scaleY(.5);opacity:.6}}
@keyframes pt-connection{to{background-position:200% 0}}
@keyframes pt-pulse{50%{opacity:.4;box-shadow:0 0 3px #e0567f}}
@media(max-width:1000px){.pt-layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:24px}.pt-map{padding:20px 16px 16px}.pt-branches{padding-left:16px}.pt-branch:before{left:-17px;width:16px}.pt-price{grid-template-columns:minmax(0,1fr) 110px;gap:12px}.pt-price-index{display:none}.pt-price>button strong{font-size:18px}.pt-nodes{padding-left:16px}.pt-node:before{width:13px;left:-17px}.pt-node-mark{display:none}}
@media(max-width:720px){
 .mhl-services-page .pt-heading{display:block;padding:28px 0 24px}.mhl-services-page .pt-heading p:not(.section-code){margin-top:14px;font-size:12px;max-width:none}
 .pt-layout{display:block}.pt-detail{padding:20px 16px}.pt-map{position:static;padding:18px 16px 14px}.pt-root{padding-bottom:18px}.pt-root b{font-size:15px}.pt-root small{font-size:10px}
 .pt-branches{display:flex;border-left:0;padding-left:0;margin-left:0;gap:8px;position:relative;flex-wrap:wrap;padding-bottom:0}
 .pt-branch{display:contents}.pt-branch:before{display:none}.pt-branch>summary{order:0;flex:1;min-width:55px;display:flex;flex-direction:column;gap:8px;margin:0;padding:8px 2px!important;border-bottom:2px solid transparent}
 .pt-branch[open]>summary{border-bottom-color:#d03565}.pt-branch summary b{font-size:10px}.pt-branch summary small,.pt-branch-toggle{display:none}
 .pt-branch-number{width:29px;height:29px;font-size:9px}
 .pt-nodes{order:2;flex:0 0 100%;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 0;border-left:0;padding:0;min-width:0}
 .pt-branch:not([open])>.pt-nodes{display:none}
 .pt-node:before{display:none}.pt-node{gap:5px;padding:10px 7px!important}.pt-node b{font-size:11px}.pt-node small{font-size:9px}.pt-node-arrow{display:none}
 .pt-map-bottom{margin-top:15px;padding-top:12px}.pt-detail-area{margin-top:28px}.pt-detail-top{margin-bottom:15px}.mhl-services-page .pt-detail h2{font-size:27px}
 .pt-price{grid-template-columns:minmax(0,1fr) 105px;gap:12px}.mhl-services-page .pt-price h3{font-size:14px}.pt-price>button strong{font-size:17px}
 .pt-description{font-size:12px}.pt-price-main>p{font-size:10px}.pt-timing{font-size:10px}
 .mhl-services-page .service-faq{margin-top:36px}
}
@media(prefers-reduced-motion:reduce){.price-tree *,.price-tree *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:1100px) and (min-width:721px){.pt-detail{padding:20px 16px}.pt-price{grid-template-columns:minmax(0,1fr);padding:18px}.pt-price>button{width:auto;min-width:142px;justify-self:start;min-height:64px}}
@media(max-width:450px){.pt-price{grid-template-columns:minmax(0,1fr);padding:16px}.pt-price>button{width:100%;min-height:64px;grid-template-columns:1fr auto;align-items:center;justify-items:start;padding:12px 14px}.pt-price-index{display:none}}

.pt-start{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 22px}.pt-start>a{position:relative;overflow:hidden;isolation:isolate;display:flex;gap:16px;align-items:center;padding:12px 18px;min-height:44px;border:0;border-radius:9px;background:#b92756;color:#fff;text-decoration:none!important;font-size:13px;font-weight:600;transition:background-color .2s,box-shadow .3s}.pt-start>a:hover{background:#d03565;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 10px 28px -10px rgba(222,58,108,.85)}.pt-start>span{font-size:11px;color:#b8b4c0}

/* Token price keeps its tenge equivalent readable at every width. */
.pt-price>button strong{font-size:19px;white-space:normal;line-height:1.35}
.pt-price>button strong small{display:block;font-size:12px;color:#c8c5cf;font-weight:400;letter-spacing:0}
.pt-price>button{min-height:86px}
.pt-root-signal,.pt-branch[open]:before,.pt-node.is-selected i,.pt-node:hover i{animation:none}
@media(max-width:450px){.pt-price>button{grid-template-columns:minmax(0,1fr) auto;min-height:76px}.pt-price>button strong{font-size:16px}.pt-price>button strong small{font-size:12px}}