/* One header-safe first-screen rule for all service pages. */
body.page-cloud,body:has(.token-plan-page),body:has(.agent-custom-page),body:has(.server-rental){padding-top:0}
body.page-cloud main,.token-plan-page,.agent-custom-page,.server-rental{padding-top:120px}
/* The full-bleed background canvas includes the desktop scrollbar in 100vw. */
body.page-cloud main{overflow-x:clip}
body.page-cloud .asset-hero,.token-plan-page .tp-hero,.agent-custom-page .agent-custom-hero,.server-rental .sr-hero{min-height:calc(100svh - 120px);box-sizing:border-box;padding-top:10px;padding-bottom:60px;margin-top:0;margin-bottom:0;align-items:center}
.token-plan-page .tp-hero>div,.agent-custom-page .agent-custom-hero>div{translate:0 1px}
.server-rental .sr-hero>div,.server-rental .sr-hero>.sr-rental-model{translate:0 5px}
.server-rental .sr-hero>.sr-hero-ambient,.service-ambient{top:-120px;translate:none!important}
@media(max-width:760px){body.page-cloud main,.token-plan-page,.agent-custom-page,.server-rental{padding-top:100px}body.page-cloud .asset-hero,.token-plan-page .tp-hero,.agent-custom-page .agent-custom-hero,.server-rental .sr-hero{min-height:calc(100svh - 100px);padding-top:10px;padding-bottom:30px;align-content:center}.token-plan-page .tp-hero>div,.agent-custom-page .agent-custom-hero>div,.server-rental .sr-hero>div,.server-rental .sr-hero>.sr-rental-model{translate:none}.server-rental .sr-hero>.sr-hero-ambient,.service-ambient{top:-100px}}
/* Match the Token Plan hero artwork to the established agent-page geometry. */
.token-plan-page .tp-hero{grid-template-columns:1fr 1.15fr;gap:40px}
.token-plan-page .tp-orbit{min-height:410px;padding:0;width:100%;box-sizing:border-box;border-radius:36px;align-self:center}
.token-plan-page .tp-orbit>.tp-orbit-brand{width:240px;max-width:100%}
.token-plan-page .tp-orbit-brand img{filter:none}
.token-plan-page .tp-orbit i{font-size:16px;font-weight:500;padding:13px 23px;line-height:1.5;border-color:#ccb9df;background:#fff}
.token-plan-page .tp-orbit i:nth-of-type(1){left:45px;top:30px;right:auto;bottom:auto}
.token-plan-page .tp-orbit i:nth-of-type(2){right:18px;top:125px;left:auto;bottom:auto}
.token-plan-page .tp-orbit i:nth-of-type(3){right:35px;bottom:32px;left:auto;top:auto}
@media(max-width:760px){.token-plan-page .tp-hero{grid-template-columns:1fr;gap:25px}.token-plan-page .tp-orbit{min-height:340px}.token-plan-page .tp-orbit>.tp-orbit-brand{width:210px}.token-plan-page .tp-orbit i{font-size:14px;padding:11px 18px}.token-plan-page .tp-orbit i:nth-of-type(1){left:24px;top:24px}.token-plan-page .tp-orbit i:nth-of-type(2){right:8px;top:92px}.token-plan-page .tp-orbit i:nth-of-type(3){right:18px;bottom:24px}}
/* Use the same neutral ink for floating labels on both service heroes. */
.token-plan-page .tp-orbit i,.agent-custom-page .agent-custom-art>span,.agent-custom-page .agent-custom-art>div>i{color:#202028}