/* Helios homepage and service pages (scoped under .hxp), loaded only on those pages by inc/space.php. */
.hxp .pm-top .logo, .hxp .bc-top .logo{height: 19px;}
.hxp .hlist header .logo{height: 21px;}
.hxp .pmm-top .logo{height: 17px;}
.hxp .hero{position: relative;overflow: hidden;overflow-x: clip;overflow-y: visible;padding-top: 68px;}
.hxp .hero-sky{position: absolute;inset: 0;pointer-events: none;background: radial-gradient(ellipse 46% 34% at 50% 34%, rgba(140,82,255,.26), transparent 70%), radial-gradient(ellipse 22% 16% at 50% 34%, rgba(245,169,59,.09), transparent 70%), radial-gradient(ellipse 50% 22% at 50% 66%, rgba(140,82,255,.16), transparent 70%);}
.hxp .stars{position: absolute;left: 0;top: 0;width: 2px;height: 2px;border-radius: 50%;pointer-events: none;box-shadow: 663px 308px 0 0 rgba(226,214,255,0.25), 148px 1097px 0 0 rgba(226,214,255,0.5), 1193px 118px 0 0.5px rgba(226,214,255,0.35), 76px 176px 0 0 rgba(226,214,255,0.7), 143px 492px 0 0 rgba(226,214,255,0.7), 121px 1158px 0 0 rgba(226,214,255,0.35), 1291px 1284px 0 0.5px rgba(226,214,255,0.25), 1181px 1199px 0 0 rgba(226,214,255,0.25), 452px 95px 0 0.5px rgba(226,214,255,0.35), 593px 858px 0 0 rgba(226,214,255,0.25), 1169px 631px 0 0.5px rgba(226,214,255,0.35), 211px 1191px 0 0.5px rgba(226,214,255,0.35), 762px 199px 0 0.5px rgba(226,214,255,0.25), 1155px 122px 0 0.5px rgba(226,214,255,0.35), 1016px 1088px 0 0 rgba(226,214,255,0.5), 953px 1199px 0 0 rgba(226,214,255,0.5), 613px 508px 0 0 rgba(226,214,255,0.35), 167px 1176px 0 0 rgba(226,214,255,0.7), 1792px 703px 0 0.5px rgba(226,214,255,0.7), 589px 1247px 0 0 rgba(226,214,255,0.25), 1048px 856px 0 0 rgba(226,214,255,0.5), 311px 1001px 0 0 rgba(226,214,255,0.25), 1368px 158px 0 0.5px rgba(226,214,255,0.5), 696px 717px 0 0.5px rgba(226,214,255,0.7), 1187px 934px 0 0 rgba(226,214,255,0.25), 552px 970px 0 0.5px rgba(226,214,255,0.25), 124px 634px 0 0.5px rgba(226,214,255,0.7), 582px 790px 0 0.5px rgba(226,214,255,0.5), 46px 945px 0 0 rgba(226,214,255,0.35), 1251px 239px 0 0 rgba(226,214,255,0.25), 446px 588px 0 0 rgba(226,214,255,0.35), 814px 800px 0 0 rgba(226,214,255,0.25), 340px 919px 0 0 rgba(226,214,255,0.5), 1809px 280px 0 0 rgba(226,214,255,0.5), 1446px 850px 0 0 rgba(226,214,255,0.7), 472px 309px 0 0 rgba(226,214,255,0.35), 309px 475px 0 0.5px rgba(226,214,255,0.35), 24px 993px 0 0.5px rgba(226,214,255,0.35), 538px 577px 0 0 rgba(226,214,255,0.35), 858px 1094px 0 0 rgba(226,214,255,0.5), 257px 1055px 0 0.5px rgba(226,214,255,0.25), 935px 1145px 0 0 rgba(226,214,255,0.7), 817px 807px 0 0 rgba(226,214,255,0.7), 1299px 820px 0 0 rgba(226,214,255,0.35), 137px 427px 0 0 rgba(226,214,255,0.35), 225px 696px 0 0.5px rgba(226,214,255,0.25), 209px 0px 0 0.5px rgba(226,214,255,0.35), 1098px 207px 0 0 rgba(226,214,255,0.25), 144px 425px 0 0.5px rgba(226,214,255,0.7), 304px 1299px 0 0 rgba(226,214,255,0.5), 1233px 745px 0 0 rgba(226,214,255,0.25), 236px 999px 0 0 rgba(226,214,255,0.7), 990px 638px 0 0 rgba(226,214,255,0.35), 209px 701px 0 0.5px rgba(226,214,255,0.5), 980px 330px 0 0.5px rgba(226,214,255,0.25), 420px 1081px 0 0 rgba(226,214,255,0.35), 1413px 1112px 0 0 rgba(226,214,255,0.5), 1316px 186px 0 0.5px rgba(226,214,255,0.5), 1061px 751px 0 0 rgba(226,214,255,0.5), 1580px 456px 0 0.5px rgba(226,214,255,0.5), 1303px 456px 0 0.5px rgba(226,214,255,0.35), 1650px 490px 0 0 rgba(226,214,255,0.35), 409px 1060px 0 0 rgba(226,214,255,0.5), 1497px 59px 0 0 rgba(226,214,255,0.5), 967px 530px 0 0 rgba(226,214,255,0.5), 915px 715px 0 0 rgba(226,214,255,0.25), 451px 209px 0 0 rgba(226,214,255,0.7), 402px 691px 0 0 rgba(226,214,255,0.7), 1278px 1249px 0 0 rgba(226,214,255,0.7), 1862px 704px 0 0.5px rgba(226,214,255,0.25), 1709px 245px 0 0 rgba(226,214,255,0.35), 979px 365px 0 0 rgba(226,214,255,0.5), 177px 810px 0 0 rgba(226,214,255,0.7), 1522px 173px 0 0.5px rgba(226,214,255,0.35), 348px 260px 0 0 rgba(226,214,255,0.35), 1209px 953px 0 0.5px rgba(226,214,255,0.35), 1252px 1220px 0 0 rgba(226,214,255,0.5), 319px 1123px 0 0.5px rgba(226,214,255,0.35), 43px 29px 0 0.5px rgba(226,214,255,0.25), 1078px 285px 0 0 rgba(226,214,255,0.35), 1691px 432px 0 0 rgba(226,214,255,0.5), 435px 599px 0 0.5px rgba(226,214,255,0.35), 1564px 1201px 0 0 rgba(226,214,255,0.5), 1114px 858px 0 0 rgba(226,214,255,0.25), 1863px 724px 0 0 rgba(226,214,255,0.7), 1693px 1027px 0 0 rgba(226,214,255,0.35), 1072px 1045px 0 0 rgba(226,214,255,0.7), 1590px 375px 0 0.5px rgba(226,214,255,0.25), 1589px 306px 0 0 rgba(226,214,255,0.35), 969px 1267px 0 0.5px rgba(226,214,255,0.25);}
.hxp .grid-bg{position: absolute;inset: 0;pointer-events: none;background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);background-size: 64px 64px;-webkit-mask-image: radial-gradient(ellipse 60% 34% at 50% 30%, #000 20%, transparent 75%);mask-image: radial-gradient(ellipse 60% 34% at 50% 30%, #000 20%, transparent 75%);}
.hxp .hero-in{position: relative;height: calc(100vh - 68px);height: calc(100svh - 68px);min-height: 600px;display: flex;flex-direction: column;padding-top: clamp(24px, 6vh, 64px);}
.hxp .hero-copy{position: relative;z-index: 7;text-align: center;}
.hxp .hero h1{margin-inline: auto;max-width: 13.5em;font-size: clamp(2.6rem, 5.2vw, 5rem);font-weight: 680;line-height: .96;letter-spacing: -.045em;}
.hxp .hero .row{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-top: clamp(20px, 3vh, 32px);}
.hxp .hero-copy > *{animation: hx-rise 1s cubic-bezier(.2,.7,.2,1) both;}
.hxp .hero-copy > :nth-child(2){animation-delay: .12s;}
.hxp .orbit{--sun: clamp(140px, min(15vw, 25vh), 220px);--pd: clamp(56px, 6vw, 92px);position: relative;flex: 1 1 auto;min-height: 340px;}
.hxp .sun{position: absolute;left: 50%;top: 50%;z-index: 4;width: var(--sun);height: var(--sun);margin: calc(var(--sun) / -2) 0 0 calc(var(--sun) / -2);}
.hxp .sun::before{content: "";position: absolute;inset: -38%;border-radius: 50%;pointer-events: none;background: radial-gradient(circle, rgba(255,196,110,.42) 0%, rgba(245,140,50,.16) 32%, transparent 62%);}
.hxp .corona{position: absolute;left: -105%;top: -105%;width: 310%;height: 310%;pointer-events: none;}
.hxp .corona img{display: block;width: 100%;height: 100%;}
.hxp .sun .body{position: absolute;inset: 0;width: 100%;height: 100%;border-radius: 50%;}
.hxp .body-a{animation: hx-spin 100s linear infinite;}
.hxp .body-b{animation: hx-spin 70s linear infinite reverse, hx-swap 7s ease-in-out infinite alternate;}
.hxp .ring{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: visible;pointer-events: none;}
.hxp .ring path{fill: none;stroke: rgba(183,148,255,.42);stroke-width: 1.5;}
.hxp .ring-back{z-index: 1;opacity: .45;}
.hxp .ring-front{z-index: 5;}
.hxp .pl{position: absolute;left: 50%;top: 50%;z-index: 2;width: var(--pd);height: var(--pd);margin: calc(var(--pd) / -2) 0 0 calc(var(--pd) / -2);will-change: transform, opacity;}
.hxp .pl-b{position: absolute;inset: 0;overflow: hidden;border-radius: 50%;background: radial-gradient(circle at 50% 50%, #3D1F82 0%, #1F0F45 60%, #130828 100%);box-shadow: inset 0 0 0 1.5px rgba(183,148,255,.55), 0 0 30px rgba(140,82,255,.5);}
.hxp .pl-lit{position: absolute;inset: 0;border-radius: 50%;background: radial-gradient(circle at 50% -12%, rgba(255,200,125,.9) 0%, rgba(255,140,60,.38) 34%, transparent 64%);will-change: transform;}
.hxp .pl-b::after{content: "";position: absolute;left: 24%;right: 24%;top: 8%;height: 28%;border-radius: 50%;background: linear-gradient(rgba(255,255,255,.26), transparent);}
.hxp .pl svg{position: absolute;left: 20%;top: 20%;width: 60%;height: 60%;}
.hxp .pl{--hx-ic-fg: #fff;}
.hxp .pl{--hx-ic-ring: transparent;}
.hxp .pl-name{position: absolute;left: 50%;top: calc(100% + 10px);transform: translateX(-50%);padding: 7px 14px;border-radius: 999px;background: #fff;color: #120B22;font-size: 15px;font-weight: 650;line-height: 1.3;white-space: nowrap;opacity: 0;will-change: opacity;box-shadow: 0 10px 28px rgba(140,82,255,.45);}
.hxp .beam{position: absolute;left: 50%;top: 50%;z-index: 3;width: 0;height: var(--bl, 420px);pointer-events: none;}
.hxp .beam > i{position: absolute;left: calc(var(--bw, 1000px) / -2);width: var(--bw, 1000px);}
.hxp .beam .shaft{-webkit-mask-image: linear-gradient(to bottom, transparent, #000 150px);mask-image: linear-gradient(to bottom, transparent, #000 150px);top: 0;height: max(0px, calc(100% - var(--bbh, 520px) + 2px));background: url(/wp-content/uploads/2026/10/helios-beam-line.webp) center / 100% 100% no-repeat;}
.hxp .beam .base{bottom: 0;height: min(var(--bbh, 520px), 100%);background: center bottom / 100% var(--bbh, 520px) no-repeat;}
.hx-loaded .hxp .beam .base{background-image: url(/wp-content/uploads/2026/10/helios-beam-base.webp);}
.hxp .beam.short .base{-webkit-mask-image: linear-gradient(to bottom, transparent, #000 45%);mask-image: linear-gradient(to bottom, transparent, #000 45%);}
.hxp .beam .flow{left: -2px;width: 4px;top: 0;bottom: 0;overflow: hidden;border-radius: 2px;}
.hxp .beam .flow::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, transparent 88%, rgba(255,255,255,.9) 97%, transparent);transform: translateY(-100%);animation: hx-flow 1.8s linear infinite;}
.hxp .pm-stage{position: relative;z-index: 4;margin-top: clamp(120px, 20vh, 220px);padding-bottom: 8px;}
@keyframes hx-spin{to{transform: rotate(360deg);}
}
@keyframes hx-swap{from{opacity: 0;}
to{opacity: 1;}
}
@keyframes hx-rise{from{opacity: 0;transform: translateY(22px);}
}
@keyframes hx-flow{to{transform: translateY(100%);}
}
@media (max-width: 900px){.hxp .hero-sky{background: radial-gradient(ellipse 80% 26% at 50% 34%, rgba(140,82,255,.26), transparent 70%), radial-gradient(ellipse 80% 20% at 50% 72%, rgba(140,82,255,.14), transparent 70%);}
.hxp .hero-in{height: auto;min-height: 0;padding-top: 28px;}
.hxp .hero h1{font-size: clamp(2.6rem, 11vw, 3.6rem);}
.hxp .orbit{flex: none;height: clamp(360px, 50svh, 440px);}
.hxp .pl-name{top: calc(100% + 8px);padding: 5px 11px;font-size: 13.5px;}
.hxp .pm-stage{margin-top: 110px;}
}
.hxp section.block{position: relative;padding-block: clamp(80px, 11vw, 140px);}
.hxp .head{display: grid;gap: 16px;justify-items: start;}
.hxp .head.center{justify-items: center;text-align: center;}
.hxp .head.center .lede{margin-inline: auto;}
.hxp .pm-wrap{position: relative;margin: 0 auto;width: 100%;max-width: 1120px;height: calc(var(--h, 700px) * var(--s, 1));}
.hxp .pm-fit{position: absolute;left: 50%;top: 0;width: var(--w, 1120px);height: var(--h, 700px);transform-origin: 50% 0;transform: translateX(-50%) scale(var(--s, 1));}
.hxp .pm-frame{position: absolute;inset: 0;}
.hxp .pm-edge{position: absolute;left: -1px;top: -1px;width: calc(100% + 2px);height: calc(100% + 2px);overflow: visible;z-index: 5;pointer-events: none;}
.hxp .pm-edge path{fill: none;stroke-dasharray: 1 1;stroke-dashoffset: 1;}
.hxp .pm-edge .gl{stroke: #F5A93B;stroke-width: 4;opacity: .55;}
.hxp .pm-edge .ln{stroke: url(#edgeGrad);stroke-width: 2;}
.hxp .on .pm-edge path{animation: hx-trace 1.5s .2s cubic-bezier(.55,0,.25,1) forwards;}
@keyframes hx-trace{to{stroke-dashoffset: 0;}
}
.hxp .pm-off{position: absolute;inset: 0;z-index: 3;border-radius: 18px;background: #06040B;opacity: .86;transition: opacity 1s .8s ease;pointer-events: none;}
.hxp .on .pm-off{opacity: 0;}
.hxp .pm-fx{position: absolute;inset: 0;z-index: 4;overflow: hidden;border-radius: 18px;pointer-events: none;}
.hxp .pm-sweep{position: absolute;left: 0;right: 0;top: 0;height: 26%;pointer-events: none;opacity: 0;background: linear-gradient(to bottom, transparent, rgba(255,213,138,.08) 55%, rgba(255,236,205,.3) 96%, transparent);}
.hxp .on .pm-sweep{animation: hx-sweep 1.2s .8s cubic-bezier(.45,0,.2,1) both;}
@keyframes hx-sweep{0%{opacity: 1;transform: translateY(-100%);}
85%{opacity: 1;}
100%{opacity: 0;transform: translateY(385%);}
}
.hxp .pm-glow{position: absolute;left: -70px;right: -70px;top: -80px;bottom: -50px;z-index: 0;border-radius: 80px;pointer-events: none;opacity: .35;transition: opacity 1.4s .3s ease;background: radial-gradient(60% 34% at var(--hitp, 50%) 0%, rgba(255,246,232,.95), rgba(255,196,128,.5) 24%, rgba(140,82,255,.34) 52%, transparent 80%), radial-gradient(64% 60% at 50% 55%, rgba(140,82,255,.3), transparent 78%);filter: blur(22px);}
.hxp .on .pm-glow{opacity: 1;}
.hxp .pm{z-index: 1;}
.hxp .pmm{display: none;}
.hxp .mob .pm{display: none;}
.hxp .mob .pmm{position: absolute;inset: 0;z-index: 1;display: grid;grid-template-rows: 52px minmax(0, 1fr) 58px;overflow: hidden;border-radius: 28px;border: 1px solid var(--line2);background: #0D0918;color: var(--ink);font-size: 12.5px;box-shadow: 0 30px 80px -20px rgba(140,82,255,.45);}
.hxp .mob .pm-off, .hxp .mob .pm-fx{border-radius: 28px;}
.hxp .mob .pm-glow{left: -34px;right: -34px;top: -48px;bottom: -30px;border-radius: 56px;filter: blur(16px);}
.hxp .pmm-top{display: flex;align-items: center;gap: 8px;padding: 0 14px;border-bottom: 1px solid var(--line);background: rgba(255,255,255,.015);}
.hxp .pmm-top .brand{gap: 7px;font-size: 15px;}
.hxp .pmm-top .brand svg{width: 20px;height: 20px;}
.hxp .pmm-top .pm-demo{margin-left: auto;padding: 3px 7px;font-size: 9.5px;}
.hxp .pmm-top .pm-av{width: 26px;height: 26px;font-size: 10px;}
.hxp .pmm-body{display: grid;align-content: start;gap: 10px;padding: 12px;overflow: hidden;}
.hxp .pmm-hi b{display: block;font: 650 16px/1.2 var(--f-display);}
.hxp .pmm-hi span{color: var(--mut);font-size: 11.5px;}
.hxp .pmm-tiles{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;}
.hxp .pmm-tiles .tile{padding: 10px;}
.hxp .pmm-tiles .tile b{font-size: 16px;}
.hxp .pmm-tiles .tile b.sm{font-size: 13px;line-height: 1.3;}
.hxp .pmm-tiles .tile em{font-size: 10.5px;}
.hxp .pmm-up{display: flex;align-items: center;justify-content: center;gap: 8px;height: 38px;border-radius: 10px;background: var(--purple);color: #fff;font-weight: 600;}
.hxp .pmm-up svg{width: 14px;height: 14px;}
.hxp .pmm-h{display: flex;justify-content: space-between;align-items: baseline;margin-top: 2px;}
.hxp .pmm-h b{font-size: 13.5px;}
.hxp .pmm-h span{color: var(--mut);font-size: 11px;}
.hxp .pmm-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px;}
.hxp .pmm-list li{display: grid;grid-template-columns: 24px minmax(0, 1fr) auto;gap: 9px;align-items: center;padding: 8px 10px;border-radius: 10px;border: 1px solid var(--line);background: rgba(255,255,255,.02);}
.hxp .pmm-list li > svg{width: 24px;height: 24px;}
.hxp .pmm-list b{display: block;font-size: 12.5px;}
.hxp .pmm-list div span{color: var(--mut);font-size: 10.5px;white-space: nowrap;}
.hxp .pmm-list .st{padding: 2px 7px;font-size: 10px;}
.hxp .pmm-tabs{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));border-top: 1px solid var(--line);background: rgba(255,255,255,.02);}
.hxp .pmm-tabs span{display: grid;justify-items: center;align-content: center;gap: 3px;color: var(--mut);font-size: 10px;}
.hxp .pmm-tabs span.on{color: #fff;}
.hxp .pmm-tabs svg{width: 18px;height: 18px;}
.hxp .pmm-tabs span.on svg{color: var(--purple-hi);}
.hxp .portal-info{padding-top: clamp(72px, 9vw, 120px);}
.hxp .pm.compact{grid-template-columns: minmax(0, 1fr);}
.hxp .pm.compact .pm-side, .hxp .pm.compact .pm-search, .hxp .pm.compact .pm-co, .hxp .pm.compact .pm-bottom, .hxp .pm.compact .pm-grid > .panel:nth-child(2), .hxp .pm.compact .pm-h span, .hxp .pm.compact td:nth-child(3), .hxp .pm.compact .pm-av{display: none;}
.hxp .pm.compact .pm-tiles{grid-template-columns: repeat(2, minmax(0, 1fr));}
.hxp .pm.compact .pm-grid{grid-template-columns: minmax(0, 1fr);}
.hxp .pm.compact .pm-main{grid-template-rows: auto auto minmax(0, 1fr);}
.hxp .pm.compact .pm-up{margin-left: auto;}
.hxp .pm{position: absolute;inset: 0;border-radius: 18px;border: 1px solid var(--line2);background: #0D0918;box-shadow: 0 40px 120px -20px rgba(140,82,255,.45), 0 0 0 1px rgba(255,255,255,.04) inset;overflow: hidden;display: grid;grid-template-columns: 210px minmax(0, 1fr);grid-template-rows: 54px minmax(0, 1fr);font-size: 13px;color: var(--ink);}
.hxp .pm.narrow{grid-template-columns: minmax(0, 1fr);}
.hxp .pm.narrow .pm-side{display: none;}
.hxp .pm-top{grid-column: 1 / -1;display: flex;align-items: center;gap: 14px;padding: 0 16px;border-bottom: 1px solid var(--line);background: rgba(255,255,255,.015);}
.hxp .pm-top .brand{font-size: 16px;}
.hxp .pm-top .brand svg{width: 22px;height: 22px;}
.hxp .pm-search{flex: 1;max-width: 360px;display: flex;align-items: center;gap: 8px;height: 32px;padding: 0 12px;border-radius: 9px;border: 1px solid var(--line);color: var(--mut);background: rgba(255,255,255,.02);}
.hxp .pm-search svg{width: 14px;height: 14px;}
.hxp .pm-co{margin-left: auto;display: flex;align-items: center;gap: 8px;height: 32px;padding: 0 10px;border-radius: 9px;border: 1px solid var(--line);font-weight: 600;}
.hxp .pm-demo{font-family: var(--f-mono);font-size: 10.5px;letter-spacing: .08em;padding: 4px 8px;border-radius: 999px;background: rgba(245,169,59,.14);color: var(--sun-hi);border: 1px solid rgba(245,169,59,.35);white-space: nowrap;}
.hxp .pm-av{width: 30px;height: 30px;border-radius: 50%;display: grid;place-items: center;background: linear-gradient(140deg, var(--purple), var(--purple-deep));font-weight: 700;font-size: 11.5px;}
.hxp .pm-side{border-right: 1px solid var(--line);padding: 14px 10px;display: grid;align-content: start;gap: 2px;}
.hxp .pm-side span{display: flex;align-items: center;gap: 10px;padding: 8px 10px;border-radius: 8px;color: var(--mut);}
.hxp .pm-side span.on{background: rgba(140,82,255,.14);color: #fff;}
.hxp .pm-side svg{width: 16px;height: 16px;}
.hxp .pm-side .sep{margin: 10px 10px 4px;font-family: var(--f-mono);font-size: 10px;letter-spacing: .08em;text-transform: uppercase;color: rgba(157,149,183,.7);padding: 0;}
.hxp .pm-main{padding: 18px 20px;display: grid;grid-template-rows: auto auto minmax(0, 1fr) auto;gap: 14px;min-width: 0;}
.hxp .pm-h{display: flex;align-items: baseline;justify-content: space-between;gap: 10px;}
.hxp .pm-h b{font-size: 19px;font-family: var(--f-display);letter-spacing: -.01em;}
.hxp .pm-h span{color: var(--mut);font-size: 12px;}
.hxp .pm-tiles{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;}
.hxp .tile{padding: 12px 13px;border: 1px solid var(--line);border-radius: 12px;background: rgba(255,255,255,.02);display: grid;gap: 4px;min-width: 0;}
.hxp .tile small{color: var(--mut);font-size: 11.5px;}
.hxp .tile b{font-size: 20px;font-family: var(--f-display);letter-spacing: -.02em;font-variant-numeric: tabular-nums;}
.hxp .tile em{font-style: normal;color: var(--mut);font-size: 11.5px;line-height: 1.35;}
.hxp .tile em .w{color: var(--warn);}
.hxp .steps-mini{display: flex;gap: 4px;margin-top: 4px;}
.hxp .steps-mini i{flex: 1;height: 4px;border-radius: 4px;background: rgba(255,255,255,.1);}
.hxp .steps-mini i.d{background: var(--ok);}
.hxp .steps-mini i.c{background: var(--purple);}
.hxp .pm-grid{display: grid;grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);gap: 12px;min-height: 0;}
.hxp .panel{border: 1px solid var(--line);border-radius: 12px;background: rgba(255,255,255,.02);padding: 12px 14px;min-width: 0;min-height: 0;overflow: hidden;}
.hxp .panel-h{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}
.hxp .panel-h b{font-size: 13.5px;}
.hxp .panel-h span{color: var(--mut);font-size: 11.5px;}
.hxp .pm table{width: 100%;border-collapse: collapse;font-variant-numeric: tabular-nums;}
.hxp .pm td{padding: 7px 4px;border-top: 1px solid var(--line);white-space: nowrap;}
.hxp .pm td:first-child{display: flex;align-items: center;gap: 8px;}
.hxp .pm td svg{width: 22px;height: 22px;flex: none;}
.hxp .pm td.r{text-align: right;}
.hxp .pm td.m{color: var(--mut);}
.hxp .st{display: inline-flex;align-items: center;gap: 5px;padding: 2px 8px;border-radius: 999px;font-size: 11px;font-weight: 600;}
.hxp .st::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: currentColor;}
.hxp .st.ok{color: var(--ok);background: rgba(52,211,153,.1);}
.hxp .st.wa{color: var(--warn);background: rgba(251,191,36,.1);}
.hxp .ren{display: grid;gap: 10px;}
.hxp .ren div{display: grid;gap: 5px;}
.hxp .ren .t{display: flex;justify-content: space-between;gap: 8px;}
.hxp .ren .t span{color: var(--mut);font-variant-numeric: tabular-nums;}
.hxp .ren .bar{height: 5px;border-radius: 5px;background: rgba(255,255,255,.08);overflow: hidden;}
.hxp .ren .bar i{display: block;height: 100%;border-radius: 5px;background: linear-gradient(90deg, var(--purple), var(--purple-hi));}
.hxp .ren .bar i.w{background: linear-gradient(90deg, var(--sun), var(--warn));}
.hxp .ren small{color: var(--mut);font-size: 11px;}
.hxp .ren small .w{color: var(--warn);}
.hxp .pm-bottom{display: grid;grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);gap: 12px;}
.hxp .chart svg{display: block;width: 100%;height: 118px;}
.hxp .legend{display: flex;gap: 14px;color: var(--mut);font-size: 11.5px;}
.hxp .legend i{display: inline-block;width: 9px;height: 9px;border-radius: 2px;margin-right: 6px;vertical-align: -1px;}
.hxp .rates{display: grid;gap: 5px;font-variant-numeric: tabular-nums;}
.hxp .rates div{display: flex;justify-content: space-between;gap: 8px;padding-bottom: 5px;border-bottom: 1px dashed var(--line);}
.hxp .rates div span{color: var(--mut);}
.hxp .pm-up{display: inline-flex;align-items: center;gap: 7px;height: 32px;padding: 0 12px;border-radius: 9px;background: var(--purple);color: #fff;font-weight: 600;white-space: nowrap;}
.hxp .pm-up svg{width: 14px;height: 14px;}
.hxp .docs{display: grid;}
.hxp .docs div{display: flex;align-items: center;gap: 10px;padding: 7px 2px;border-top: 1px solid var(--line);white-space: nowrap;min-width: 0;}
.hxp .docs svg{width: 16px;height: 16px;flex: none;color: var(--purple-hi);}
.hxp .docs b{font-weight: 600;overflow: hidden;text-overflow: ellipsis;}
.hxp .docs span{margin-left: auto;color: var(--mut);font-size: 11.5px;}
.hxp .feats{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px;margin-top: clamp(36px, 5vw, 56px);}
.hxp .feat{position: relative;padding: 22px;border-radius: 16px;border: 1px solid var(--line);background: var(--card);overflow: hidden;}
.hxp .feat::before, .hxp .svc::before{content: "";position: absolute;inset: 0;pointer-events: none;opacity: 0;transition: opacity .3s;background: radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%), rgba(140,82,255,.16), transparent 45%);}
.hxp .feat:hover::before, .hxp .svc:hover::before{opacity: 1;}
.hxp .feat svg{width: 44px;height: 44px;padding: 10px;border-radius: 50%;border: 2.5px solid #8C52FF;color: #fff;}
.hxp .feat h3{margin-top: 14px;font-size: 17px;font-weight: 650;letter-spacing: -.01em;}
.hxp .feat p{margin-top: 6px;color: var(--mut);font-size: 14.5px;line-height: 1.5;}
.hxp .gather{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);gap: clamp(24px, 4vw, 56px);align-items: center;margin-top: clamp(36px, 5vw, 56px);}
.hxp .g-stage{position: relative;height: 540px;border-radius: 24px;border: 1px solid var(--line);background: radial-gradient(ellipse at 50% 50%, rgba(140,82,255,.14), transparent 65%), var(--bg2);overflow: hidden;}
.hxp .g-in{position: absolute;left: 50%;top: 50%;width: 0;height: 0;transform: scale(var(--gs, 1));}
.hxp .hlist{position: absolute;left: -150px;top: -238px;width: 300px;height: 476px;border-radius: 18px;border: 1px solid rgba(183,148,255,.5);background: linear-gradient(160deg, #241645, #120B22);box-shadow: 0 30px 80px -20px rgba(140,82,255,.6);opacity: 0;animation: hx-hl 8s ease infinite paused;}
.hxp .hlist header{display: flex;align-items: center;justify-content: space-between;height: 56px;padding: 0 16px;border-bottom: 1px solid var(--line);}
.hxp .hlist header .brand{font-size: 17px;}
.hxp .hlist header .brand svg{width: 24px;height: 24px;}
.hxp .hl-tag{padding: 4px 10px;border-radius: 999px;background: rgba(245,169,59,.14);border: 1px solid rgba(245,169,59,.35);color: var(--sun-hi);font-size: 11.5px;font-weight: 600;}
.hxp .hlist footer{position: absolute;left: 0;right: 0;bottom: 0;height: 50px;display: flex;align-items: center;justify-content: space-between;padding: 0 16px;border-top: 1px solid var(--line);font-size: 12.5px;color: var(--soft);}
.hxp .hlist footer span{display: inline-flex;align-items: center;gap: 6px;}
.hxp .hlist footer span::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--sun);}
.hxp .sup{position: absolute;left: -130px;top: -20px;width: 260px;height: 40px;display: flex;align-items: center;gap: 10px;padding: 0 12px;border-radius: 10px;border: 1px solid var(--line2);background: #19122C;box-shadow: 0 14px 30px -12px rgba(0,0,0,.7);transform: translate(calc(var(--sx) * var(--xf, 1)), var(--sy)) rotate(var(--sr));animation: hx-supgo 8s cubic-bezier(.65,0,.35,1) infinite paused;animation-delay: calc(var(--i) * 60ms);will-change: transform;}
.hxp .sup svg{width: 24px;height: 24px;flex: none;}
.hxp .sup b{font-size: 13.5px;font-weight: 650;white-space: nowrap;}
.hxp .sup .sp{margin-left: auto;font-size: 11.5px;color: var(--mut);white-space: nowrap;animation: hx-spoff 8s infinite paused;animation-delay: calc(var(--i) * 60ms);}
.hxp .sup .lv{position: absolute;right: 10px;top: 50%;margin-top: -11px;display: inline-flex;align-items: center;gap: 6px;height: 22px;padding: 0 9px;border-radius: 999px;background: rgba(52,211,153,.13);border: 1px solid rgba(52,211,153,.35);color: #4ADE80;font-size: 11.5px;font-weight: 650;opacity: 0;animation: hx-lvon 8s infinite paused;animation-delay: calc(var(--i) * 60ms);}
.hxp .sup .lv::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: #22C55E;box-shadow: 0 0 8px rgba(34,197,94,.9);}
.hxp .play .sup .sp, .hxp .play .sup .lv{animation-play-state: running;}
@keyframes hx-lvon{0%, 38%{opacity: 0;}
46%, 82%{opacity: 1;}
90%, 100%{opacity: 0;}
}
@keyframes hx-spoff{0%, 34%{opacity: 1;}
42%, 86%{opacity: 0;}
94%, 100%{opacity: 1;}
}
.hxp .play .sup, .hxp .play .hlist{animation-play-state: running;}
@keyframes hx-supgo{0%, 18%{transform: translate(calc(var(--sx) * var(--xf, 1)), var(--sy)) rotate(var(--sr));}
40%, 84%{transform: translate(0, var(--ey)) rotate(0deg);}
100%{transform: translate(calc(var(--sx) * var(--xf, 1)), var(--sy)) rotate(var(--sr));}
}
@keyframes hx-hl{0%, 32%{opacity: 0;transform: scale(.95);}
42%, 82%{opacity: 1;transform: none;}
92%, 100%{opacity: 0;transform: scale(.95);}
}
.hxp .vs{display: grid;gap: 22px;}
.hxp .vs h3{font-size: 18px;font-weight: 650;}
.hxp .vs ul{list-style: none;margin: 10px 0 0;padding: 0;display: grid;gap: 9px;}
.hxp .vs li{display: grid;grid-template-columns: 20px minmax(0, 1fr);gap: 10px;color: var(--soft);font-size: 15.5px;}
.hxp .vs li svg{width: 18px;height: 18px;margin-top: 3px;}
.hxp .vs .no svg{color: #F87171;}
.hxp .vs .yes svg{color: var(--ok);}
.hxp .xray{display: grid;grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);gap: clamp(24px, 4vw, 56px);align-items: center;margin-top: clamp(36px, 5vw, 56px);}
.hxp .bc{overflow: hidden;border-radius: 18px;border: 1px solid var(--line2);background: #0D0918;box-shadow: 0 40px 120px -30px rgba(140,82,255,.45);font-size: 13.5px;}
.hxp .bc-top{display: flex;align-items: center;gap: 12px;height: 54px;padding: 0 16px;border-bottom: 1px solid var(--line);background: rgba(255,255,255,.015);}
.hxp .bc-top .brand{font-size: 16px;}
.hxp .bc-top .brand svg{width: 22px;height: 22px;}
.hxp .bc-crumb{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--mut);font-size: 13px;}
.hxp .bc-crumb b{color: var(--ink);font-weight: 600;}
.hxp .bc-top .pm-demo{margin-left: auto;}
.hxp .bc-body{display: grid;grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);}
.hxp .bc-file{display: grid;align-content: start;gap: 18px;padding: 18px;border-right: 1px solid var(--line);}
.hxp .bc-pdf{display: grid;grid-template-columns: 42px minmax(0, 1fr);gap: 3px 12px;align-items: center;padding: 12px;border-radius: 12px;border: 1px solid var(--line);background: rgba(255,255,255,.02);}
.hxp .bc-pdf i{grid-row: span 2;width: 42px;height: 52px;border-radius: 5px;background: linear-gradient(#0F766E 0 0) 0 0 / 100% 7px no-repeat, repeating-linear-gradient(to bottom, transparent 0 9px, #CFD6DF 9px 11px) 6px 14px / 30px 30px no-repeat, #F7F8FA;box-shadow: 0 6px 16px -6px rgba(0,0,0,.6);}
.hxp .bc-pdf b{font-size: 13px;font-weight: 650;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hxp .bc-pdf span{font-size: 11.5px;color: var(--mut);}
.hxp .bc-steps{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px;}
.hxp .bc-steps li{display: flex;align-items: center;gap: 10px;color: var(--mut);}
.hxp .bc-steps li::before{content: "";width: 18px;height: 18px;flex: none;border-radius: 50%;border: 1.5px solid var(--line2);}
.hxp .bc-steps li.done, .hxp .bc-steps li.now{color: var(--ink);}
.hxp .bc-steps li.done::before{border-color: var(--ok);background: var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;}
.hxp .bc-steps li.now::before{border-color: var(--purple-hi);box-shadow: 0 0 0 4px rgba(140,82,255,.22);}
.hxp .bc-who{display: flex;align-items: center;gap: 10px;padding-top: 14px;border-top: 1px solid var(--line);font-size: 12.5px;color: var(--mut);}
.hxp .bc-who .pm-av{width: 28px;height: 28px;font-size: 10.5px;}
.hxp .bc-res{display: grid;align-content: start;padding: 16px 18px;}
.hxp .bc-h{display: flex;justify-content: space-between;align-items: baseline;gap: 10px;margin-bottom: 8px;}
.hxp .bc-h b{font-size: 15px;}
.hxp .bc-h span{color: var(--mut);font-size: 12px;}
.hxp .bc-row{display: grid;grid-template-columns: minmax(0, 1fr) auto auto;gap: 10px;align-items: center;padding: 9px 4px;border-top: 1px solid var(--line);font-variant-numeric: tabular-nums;}
.hxp .bc-row span{color: var(--soft);}
.hxp .bc-row b{font-weight: 650;}
.hxp .bc-row em{justify-self: end;display: inline-flex;align-items: center;gap: 6px;font-style: normal;font-size: 11.5px;font-weight: 600;color: var(--ok);white-space: nowrap;}
.hxp .bc-row em::before{content: "";width: 16px;height: 16px;flex: none;border-radius: 50%;background: rgba(52,211,153,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='%2334D399' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 10px no-repeat;}
.hxp .bc-row em.wa{color: var(--warn);}
.hxp .bc-row em.wa::before{background: rgba(251,191,36,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 3v3.6M6 8.8v.1' fill='none' stroke='%23FBBF24' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 10px no-repeat;}
.hxp .bc-foot{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px;margin-top: 14px;}
.hxp .bc-foot small{color: var(--mut);font-size: 12px;}
.hxp .bc.armed .bc-row{opacity: 0;transform: translateY(6px);}
.hxp .bc.play .bc-row{animation: hx-rowin .45s cubic-bezier(.2,.7,.2,1) forwards;animation-delay: var(--d);}
@keyframes hx-rowin{to{opacity: 1;transform: none;}
}
.hxp .calls{list-style: none;margin: 0;padding: 0;display: grid;gap: 10px;}
.hxp .calls li{padding: 14px 16px;border-radius: 14px;border: 1px solid rgba(183,148,255,.4);background: var(--card);}
.hxp .calls.armed li{opacity: .4;border-color: var(--line);}
.hxp .calls.play li{animation: hx-callon .5s ease forwards;animation-delay: var(--d);}
@keyframes hx-callon{to{opacity: 1;border-color: rgba(183,148,255,.4);}
}
.hxp .calls b{display: block;font-size: 16.5px;}
.hxp .calls span{color: var(--mut);font-size: 14.5px;}
@media (max-width: 760px){.hxp .bc-body{grid-template-columns: minmax(0, 1fr);}
.hxp .bc-file{border-right: 0;border-bottom: 1px solid var(--line);}
.hxp .bc-row{grid-template-columns: minmax(0, 1fr) auto;}
.hxp .bc-row em{grid-column: 1 / -1;justify-self: start;}
.hxp .bc-crumb span{display: none;}
}
.hxp .bento{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px;margin-top: clamp(36px, 5vw, 56px);}
.hxp .svc{position: relative;display: grid;gap: 10px;align-content: start;padding: 22px;border-radius: 18px;border: 1px solid var(--line);background: var(--card);overflow: hidden;transition: border-color .3s, transform .3s var(--ease);}
.hxp .svc:hover{border-color: rgba(183,148,255,.4);transform: translateY(-2px);}
.hxp .svc svg.ic{width: 44px;height: 44px;}
.hxp .svc{--hx-ic-ring: var(--purple);}
.hxp .svc h3{font-size: 18px;font-weight: 650;}
.hxp .svc p{color: var(--mut);font-size: 14.5px;line-height: 1.5;}
.hxp .svc .go{font-size: 13.5px;color: var(--purple-hi);font-weight: 600;margin-top: 4px;}
.hxp .svc.wide{grid-column: span 2;background: linear-gradient(150deg, #1B1233, var(--card) 60%);}
.hxp .svc.cta{grid-column: span 2;align-content: center;border-color: rgba(245,169,59,.28);background: radial-gradient(120% 140% at 100% 100%, rgba(245,169,59,.2), transparent 55%), linear-gradient(150deg, #1B1233, var(--card) 70%);}
.hxp .svc.cta h3{font-size: 22px;letter-spacing: -.015em;}
.hxp .svc.cta .go{color: var(--sun-hi);}
.hxp .steps{list-style: none;margin: clamp(36px, 5vw, 56px) 0 0;padding: 0;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px;counter-reset: s;}
.hxp .steps li{position: relative;padding: 24px;border-radius: 18px;border: 1px solid var(--line);background: var(--card);}
.hxp .steps .n{font-family: var(--f-mono);font-size: 12.5px;letter-spacing: .08em;color: var(--sun-hi);}
.hxp .steps h3{margin-top: 12px;font-size: 19px;font-weight: 650;letter-spacing: -.01em;}
.hxp .steps p{margin-top: 8px;color: var(--mut);font-size: 15px;}
.hxp .chips{list-style: none;margin: 32px 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: 10px;}
.hxp .chips a{display: inline-flex;align-items: center;gap: 9px;min-height: 44px;padding: 6px 16px 6px 8px;border-radius: 999px;border: 1px solid var(--line2);background: var(--card);font-size: 14.5px;font-weight: 600;transition: border-color .2s, background-color .2s;}
.hxp .chips a:hover{border-color: rgba(183,148,255,.5);background: var(--card2);}
.hxp .chips svg{width: 30px;height: 30px;}
.hxp .chips{--hx-ic-ring: var(--purple);}
.hxp .close{text-align: center;padding-bottom: 0;}
.hxp .close .wrap{z-index: 4;}
.hxp .cosmos{position: relative;height: clamp(600px, 66vw, 880px);margin-top: -150px;overflow: hidden;-webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent);mask-image: linear-gradient(to bottom, #000 70%, transparent);pointer-events: none;}
.hxp .c-sun{position: absolute;left: 50%;top: 210px;z-index: 3;width: 120px;height: 120px;margin-left: -60px;}
.hxp .c-sun .corona{left: -105%;top: -105%;width: 310%;height: 310%;}
.hxp .c-sun img.body{position: absolute;inset: 0;width: 100%;height: 100%;border-radius: 50%;animation: hx-spin 100s linear infinite;}
.hxp .cosmos .beam{top: 270px;height: calc(74% - 270px);z-index: 2;--bw: 1000px;}
.hxp .cosmos .beam .base{display: none;}
.hxp .cosmos .beam .shaft{height: 100%;-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22%, #000 72%, transparent 100%);mask-image: linear-gradient(to bottom, transparent 0, #000 22%, #000 72%, transparent 100%);}
.hxp .cosmos .beam .flow{-webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent);mask-image: linear-gradient(to bottom, #000 70%, transparent);}
.hxp .c-land{position: absolute;left: 50%;top: 74%;z-index: 2;width: 640px;height: 200px;margin: -100px 0 0 -320px;border-radius: 50%;pointer-events: none;background: radial-gradient(closest-side, rgba(255,244,226,.62), rgba(255,206,150,.3) 30%, rgba(160,110,255,.16) 62%, transparent);mix-blend-mode: screen;}
.hxp .galaxy-wrap{position: absolute;left: 50%;top: 74%;z-index: 1;width: 0;height: 0;perspective: 1600px;}
.hxp .galaxy{position: absolute;left: -760px;top: -760px;width: 1520px;height: 1520px;transform: rotateX(71deg);}
.hxp .galaxy img{display: block;width: 100%;height: 100%;animation: hx-spin 280s linear infinite;}
.hxp .close .wrap{position: relative;display: grid;justify-items: center;gap: 18px;}
.hxp .close .row{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-top: 8px;}
.hxp .close .tel{font-variant-numeric: tabular-nums;user-select: all;}
.hxp .close small{color: var(--mut);}
.hxp footer{padding-block: 24px 48px;color: var(--mut);font-size: 14px;}
.hxp footer .wrap{display: flex;flex-wrap: wrap;gap: 16px 32px;justify-content: space-between;}
.hxp footer nav{display: flex;flex-wrap: wrap;gap: 8px 20px;}
.hxp footer a:hover{color: #fff;}
@media (max-width: 980px){.hxp .feats{grid-template-columns: repeat(2, minmax(0, 1fr));}
.hxp .bento{grid-template-columns: repeat(2, minmax(0, 1fr));}
.hxp .gather, .hxp .xray{grid-template-columns: minmax(0, 1fr);}
}
@media (max-width: 640px){.hxp .cosmos{height: 560px;margin-top: -110px;}
.hxp .c-sun{width: 90px;height: 90px;margin-left: -45px;top: 160px;}
.hxp .cosmos .beam{top: 205px;height: calc(74% - 205px);}
.hxp .c-land{width: 380px;height: 120px;margin: -60px 0 0 -190px;}
.hxp .galaxy{left: -460px;top: -460px;width: 920px;height: 920px;}
.hxp .feats, .hxp .bento, .hxp .steps{grid-template-columns: minmax(0, 1fr);}
.hxp .svc.wide, .hxp .svc.cta{grid-column: auto;}
.hxp .g-stage{height: 470px;}
.hxp .bento, .hxp .feats{gap: 8px;}
.hxp .svc{grid-template-columns: 40px minmax(0, 1fr);gap: 2px 14px;align-items: center;padding: 14px 16px;border-radius: 14px;}
.hxp .svc svg.ic{grid-row: span 2;width: 40px;height: 40px;}
.hxp .svc h3{font-size: 16px;}
.hxp .svc p{font-size: 13.5px;line-height: 1.4;}
.hxp .svc .go{display: none;}
.hxp .svc.cta{grid-template-columns: minmax(0, 1fr);padding: 18px;}
.hxp .svc.cta .go{display: block;}
.hxp .feat{display: grid;grid-template-columns: 40px minmax(0, 1fr);gap: 4px 14px;align-items: center;padding: 16px;border-radius: 14px;}
.hxp .feat svg{grid-row: span 2;width: 40px;height: 40px;padding: 9px;}
.hxp .feat h3{margin-top: 0;font-size: 16px;}
.hxp .feat p{margin-top: 0;font-size: 13.5px;}
}
.hxp .sv-hero{position: relative;overflow: hidden;overflow-x: clip;overflow-y: visible;padding-top: 68px;}
.hxp .sv-hero .hero-sky{background: radial-gradient(ellipse 40% 50% at 78% 30%, rgba(245,169,59,.12), transparent 70%), radial-gradient(ellipse 50% 60% at 70% 45%, rgba(140,82,255,.22), transparent 70%);}
.hxp .sv-in{position: relative;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);align-items: center;gap: clamp(16px, 3vw, 48px);min-height: calc(100svh - 68px);padding-block: clamp(32px, 6vh, 72px);}
.hxp .sv-copy{position: relative;z-index: 5;display: grid;gap: 18px;justify-items: start;}
.hxp .sv-copy h1{font-size: clamp(2.6rem, 5vw, 4.6rem);font-weight: 680;line-height: .98;letter-spacing: -.045em;}
.hxp .sv-copy .lede{max-width: 34rem;}
.hxp .sv-copy .row{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 6px;}
.hxp .sv-ticks{list-style: none;margin: 8px 0 0;padding: 0;display: grid;gap: 8px;}
.hxp .sv-ticks li{display: flex;align-items: center;gap: 10px;color: var(--soft);font-size: 15px;}
.hxp .sv-ticks svg{width: 18px;height: 18px;flex: none;color: var(--ok);}
.hxp .sv-vis{position: relative;height: min(68vh, 600px);min-height: 440px;}
.hxp .sv-sun{position: absolute;right: -6%;top: 2%;z-index: 2;width: clamp(180px, 20vw, 280px);aspect-ratio: 1;}
.hxp .sv-sun .corona{left: -105%;top: -105%;width: 310%;height: 310%;}
.hxp .sv-sun img.body{position: absolute;inset: 0;width: 100%;height: 100%;border-radius: 50%;animation: hx-spin 100s linear infinite;}
.hxp .sv-ray{position: absolute;left: 0;top: 0;z-index: 1;height: 4px;transform-origin: 0 50%;border-radius: 2px;pointer-events: none;background: linear-gradient(90deg, rgba(255,226,170,.0), rgba(255,226,170,.55) 30%, #fff);box-shadow: 0 0 18px 4px rgba(255,190,110,.45), 0 0 70px 18px rgba(140,82,255,.3);}
.hxp .sv-ray::after{content: "";position: absolute;inset: 0;border-radius: 2px;background: linear-gradient(90deg, transparent 80%, #fff 95%, transparent);background-size: 100% 100%;animation: hx-rayflow 2s linear infinite;}
@keyframes hx-rayflow{from{transform: translateX(-100%);}
to{transform: translateX(0);}
}
.hxp .sv-ring{position: absolute;inset: 0;z-index: 0;width: 100%;height: 100%;overflow: visible;}
.hxp .sv-ring ellipse{fill: none;stroke: rgba(183,148,255,.3);stroke-width: 1.5;}
.hxp .sv-planet{position: absolute;left: 6%;top: 40%;z-index: 3;width: clamp(150px, 15vw, 220px);aspect-ratio: 1;animation: hx-float 7s ease-in-out infinite;}
.hxp .sv-planet .pl-b{box-shadow: inset 0 0 0 2px rgba(183,148,255,.6), 0 0 60px rgba(140,82,255,.55);}
.hxp .sv-planet .pl-lit{transform: rotate(52deg);background: radial-gradient(circle at 50% -12%, rgba(255,210,140,.95) 0%, rgba(255,150,70,.42) 36%, transparent 66%);}
.hxp .sv-planet svg{position: absolute;left: 22%;top: 22%;width: 56%;height: 56%;}
.hxp .sv-planet{--hx-ic-fg: #fff;}
@keyframes hx-float{50%{transform: translateY(-10px);}
}
.hxp .sv-moons{position: absolute;inset: 0;z-index: 2;pointer-events: none;}
.hxp .sv-moons i{position: absolute;width: 34px;height: 34px;border-radius: 50%;background: radial-gradient(circle at 50% 50%, #3D1F82 0%, #1F0F45 60%, #130828 100%);box-shadow: inset 0 0 0 1px rgba(183,148,255,.5), 0 0 16px rgba(140,82,255,.4);opacity: .8;}
.hxp .sv-moons i svg{position: absolute;left: 22%;top: 22%;width: 56%;height: 56%;}
.hxp .sv-moons i{--hx-ic-fg: #fff;}
.hxp .sv-card{position: absolute;right: 0;bottom: 4%;z-index: 4;width: min(330px, 92%);padding: 14px 16px;border-radius: 16px;border: 1px solid var(--line2);background: rgba(13,9,24,.92);box-shadow: 0 30px 70px -20px rgba(0,0,0,.8), 0 0 0 1px rgba(140,82,255,.12);font-size: 13px;}
.hxp .sv-card-h{display: flex;align-items: center;gap: 8px;margin-bottom: 10px;}
.hxp .sv-card-h svg{width: 28px;height: 28px;flex: none;}
.hxp .sv-card-h b{font-size: 13.5px;}
.hxp .sv-card-h .pm-demo{margin-left: auto;font-size: 9.5px;padding: 3px 7px;}
.hxp .sv-card .rates div{padding-bottom: 6px;}
.hxp .sv-card .foot{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-top: 10px;font-size: 12px;color: var(--mut);}
.hxp .sv-card .foot .w{color: var(--warn);}
.hxp .checks{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px;margin-top: clamp(36px, 5vw, 56px);}
.hxp .cmp-grid{display: grid;grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);gap: clamp(24px, 4vw, 56px);align-items: center;margin-top: clamp(36px, 5vw, 56px);}
.hxp .cmp-copy{display: grid;gap: 14px;}
.hxp .cmp-copy ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 10px;}
.hxp .cmp-copy li{display: grid;grid-template-columns: 20px minmax(0, 1fr);gap: 10px;color: var(--soft);}
.hxp .cmp-copy li svg{width: 18px;height: 18px;margin-top: 3px;color: var(--ok);}
.hxp .cmp{overflow: hidden;border-radius: 18px;border: 1px solid var(--line2);background: #0D0918;box-shadow: 0 40px 120px -30px rgba(140,82,255,.45);font-size: 13.5px;}
.hxp .cmp-top{display: flex;align-items: center;gap: 12px;height: 54px;padding: 0 16px;border-bottom: 1px solid var(--line);}
.hxp .cmp-top .logo{height: 19px;}
.hxp .cmp-top .crumb{color: var(--mut);font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hxp .cmp-top .pm-demo{margin-left: auto;}
.hxp .cmp table{width: 100%;border-collapse: collapse;font-variant-numeric: tabular-nums;}
.hxp .cmp th, .hxp .cmp td{padding: 10px 16px;text-align: right;border-top: 1px solid var(--line);white-space: nowrap;}
.hxp .cmp th:first-child, .hxp .cmp td:first-child{text-align: left;color: var(--soft);white-space: normal;}
.hxp .cmp thead th{border-top: 0;font-size: 12px;font-weight: 600;color: var(--mut);}
.hxp .cmp thead th.new{color: var(--purple-hi);}
.hxp .cmp td.new{background: rgba(140,82,255,.07);}
.hxp .cmp tr.tot td{font-weight: 700;font-size: 14.5px;color: var(--ink);}
.hxp .cmp-diff{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 6px 14px;padding: 14px 16px;border-top: 1px solid var(--line);background: rgba(52,211,153,.06);}
.hxp .cmp-diff b{color: #4ADE80;font-size: 18px;}
.hxp .cmp-diff small{color: var(--mut);font-size: 12px;}
.hxp .steps4{grid-template-columns: repeat(4, minmax(0, 1fr));}
.hxp .eight{display: grid;gap: 22px;justify-items: center;text-align: center;padding: clamp(28px, 4vw, 48px);border-radius: 24px;border: 1px solid var(--line);background: radial-gradient(ellipse 60% 80% at 50% 0%, rgba(140,82,255,.14), transparent 70%), var(--bg2);}
.hxp .eight ul{list-style: none;margin: 6px 0 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 14px 18px;}
.hxp .eight li a{display: grid;justify-items: center;gap: 8px;width: 92px;font-size: 13px;font-weight: 600;color: var(--soft);}
.hxp .eight li a:hover{color: #fff;}
.hxp .eight .orb{position: relative;width: 58px;height: 58px;border-radius: 50%;background: radial-gradient(circle at 50% 50%, #3D1F82 0%, #1F0F45 60%, #130828 100%);box-shadow: inset 0 0 0 1.5px rgba(183,148,255,.5), 0 0 22px rgba(140,82,255,.45);}
.hxp .eight .orb svg{position: absolute;left: 22%;top: 22%;width: 56%;height: 56%;}
.hxp .eight .orb{--hx-ic-fg: #fff;}
.hxp .eight li.here .orb{box-shadow: inset 0 0 0 2px rgba(255,213,138,.8), 0 0 28px rgba(245,169,59,.55);}
.hxp .eight li.here a{color: var(--sun-hi);}
.hxp .faq{display: grid;gap: 10px;max-width: 820px;margin: clamp(32px, 4vw, 48px) auto 0;}
.hxp .faq details{border-radius: 14px;border: 1px solid var(--line);background: var(--card);}
.hxp .faq summary{display: flex;justify-content: space-between;align-items: center;gap: 16px;padding: 18px 20px;cursor: pointer;list-style: none;font-weight: 650;font-size: 16.5px;}
.hxp .faq summary::-webkit-details-marker{display: none;}
.hxp .faq summary::after{content: "+";flex: none;display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;border: 1px solid var(--line2);color: var(--purple-hi);font-weight: 500;transition: transform .25s var(--ease);}
.hxp .faq details[open] summary::after{transform: rotate(45deg);}
.hxp .faq details p{padding: 0 20px 18px;color: var(--soft);}
@media (max-width: 980px){.hxp .sv-in{grid-template-columns: minmax(0, 1fr);min-height: 0;}
.hxp .sv-copy{justify-items: center;text-align: center;}
.hxp .sv-copy .row{justify-content: center;}
.hxp .sv-vis{height: 460px;min-height: 0;}
.hxp .checks{grid-template-columns: repeat(2, minmax(0, 1fr));}
.hxp .cmp-grid{grid-template-columns: minmax(0, 1fr);}
.hxp .steps4{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px){.hxp .sv-vis{height: 400px;}
.hxp .sv-sun{right: -14%;}
.hxp .sv-planet{left: 2%;top: 30%;}
.hxp .sv-card{left: 0;right: 0;margin-inline: auto;bottom: 0;}
.hxp .checks, .hxp .steps4{grid-template-columns: minmax(0, 1fr);gap: 8px;}
.hxp .checks .feat{display: grid;grid-template-columns: 22px minmax(0, 1fr);gap: 4px 12px;padding: 16px;}
.hxp .checks .feat svg{grid-row: span 2;margin-top: 2px;}
.hxp .checks .feat h3, .hxp .checks .feat p{margin-top: 0;}
.hxp .cmp th, .hxp .cmp td{padding: 9px 10px;font-size: 12.5px;}
.hxp .eight li a{width: 74px;font-size: 12px;}
}
.hxp.hx-page{overflow-x: clip;}
.hxp .hero{padding-top: 0;}
.hxp .hero-in{height: calc(100vh - 68px);height: calc(100svh - 68px);}
.admin-bar .hxp .hero-in{height: calc(100svh - 68px - 32px);}
.hxp .sv-hero{padding-top: 0;}
.hxp .sv-in{min-height: calc(100svh - 68px);}
.hxp .sv-copy h1{font-size: clamp(2.3rem, 4.2vw, 3.7rem);line-height: 1;}
.hxp .pl, .hxp .sv-planet, .hxp .sv-moons i, .hxp .eight .orb{--hx-ic-ring: transparent;--hx-ic-fg: #fff;}
.hxp .types{list-style: none;margin: clamp(32px, 4vw, 48px) 0 0;padding: 0;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 12px;}
.hxp .types a{display: flex;align-items: center;gap: 14px;height: 100%;padding: 16px 18px;border-radius: 16px;border: 1px solid var(--line);background: var(--card);transition: border-color .25s, transform .25s var(--ease);}
.hxp .types a:hover{border-color: rgba(183,148,255,.45);transform: translateY(-2px);}
.hxp .types svg{width: 44px;height: 44px;flex: none;--hx-ic-ring: var(--purple);}
.hxp .types b{display: block;font-size: 16px;font-weight: 650;color: var(--ink);}
.hxp .types em{display: block;font-style: normal;font-size: 14px;line-height: 1.45;color: var(--mut);}
.hxp .head .lede a{color: var(--purple-hi);text-decoration: underline;text-underline-offset: 3px;}
.hxp .sv-quote .hx-form-card{max-width: 760px;margin: clamp(28px, 4vw, 44px) auto 0;padding: clamp(20px, 4vw, 36px);border-radius: 20px;border: 1px solid var(--line2);background: var(--card);box-shadow: 0 40px 120px -40px rgba(140,82,255,.45);}
.hxp .sv-quote .hx-f p{margin: 0;}
.hxp .sv-quote .hx-f-label{color: var(--ink);}
.hxp .sv-note{margin-top: 18px;text-align: center;color: var(--mut);font-size: 14.5px;}
.hxp .sv-note a{color: var(--purple-hi);}
.hxp .sv-calc .wrap > *{max-width: 760px;margin-inline: auto;}
.hxp .sv-calc h2{font-size: clamp(1.7rem, 3.4vw, 2.6rem);line-height: 1.08;letter-spacing: -.03em;margin-bottom: 12px;text-align: center;}
.hxp .sv-calc p{margin: 0 0 12px;}
.hxp .faq details p a{color: var(--purple-hi);text-decoration: underline;text-underline-offset: 3px;}
@media (max-width: 980px){.hxp .types{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px){.hxp .types{grid-template-columns: minmax(0, 1fr);gap: 8px;}
.hxp .types a{padding: 12px 14px;}
.hxp .types svg{width: 38px;height: 38px;}
}
/* 14 Oct 2026: service hero v2 (sun at the centre of the orbit, beam with a pulse), comparison button, business-type parts, fixes */
.hxp .hero-sky{top: -68px;}
.hxp .hlist{z-index: 0;}
.hxp .sup{z-index: 1;}
.hxp .cmp-top .crumb, .hxp .bc-crumb{position: relative;top: 3px;}
.hxp .st.in{color: #C9B0FF;background: rgba(140,82,255,.18);}
.hxp .sv-vis{height: auto;min-height: 0;display: flex;flex-direction: column;gap: 6px;}
.hxp .sv-orbit{--S: clamp(140px, 14vw, 200px);--P: clamp(104px, 10.5vw, 150px);position: relative;isolation: isolate;width: 100%;max-width: 600px;height: clamp(340px, 50vh, 460px);margin-inline: auto;}
.hxp .sv-orbit .sv-sun{position: absolute;left: calc(56% - var(--S) / 2);top: calc(47% - var(--S) / 2);right: auto;width: var(--S);height: var(--S);z-index: 3;}
.hxp .sv-orbit .sv-planet{position: absolute;left: calc(14% - var(--P) / 2);top: calc(62% - var(--P) / 2);width: var(--P);height: var(--P);z-index: 5;animation: hx-float 7s ease-in-out infinite;}
.hxp .sv-ring{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: visible;pointer-events: none;z-index: 1;}
.hxp .sv-ring path{fill: none;stroke: rgba(183,148,255,.45);stroke-width: 1.5;}
.hxp .sv-ring-back{opacity: .6;}
.hxp .sv-ring-front{z-index: 4;}
.hxp .sv-moons{z-index: auto;}
.hxp .sv-moons i{width: 34px;height: 34px;opacity: .95;}
.hxp .sv-ray{position: absolute;left: 0;top: 0;z-index: 2;width: calc(var(--S) * 4.2);height: 0;transform-origin: 50% 0;border-radius: 0;box-shadow: none;opacity: 0;transition: opacity .8s ease;background: url(/wp-content/uploads/2026/10/helios-beam-line.webp) center / 100% 100% no-repeat;}
.hxp .sv-ray::after{display: none;}
.hxp .ready .sv-ray{opacity: 1;}
.hxp .sv-ray i{position: absolute;left: 50%;top: 0;width: 8px;height: 100%;margin-left: -4px;overflow: hidden;border-radius: 4px;}
.hxp .sv-ray i::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 24%;border-radius: 4px;background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 50%, rgba(255,255,255,0));animation: hx-raygo 2.6s ease-in-out infinite alternate;}
@keyframes hx-raygo{from{transform: translateY(-25%);}
to{transform: translateY(330%);}
}
.hxp .sv-card{position: relative;left: auto;right: auto;bottom: auto;align-self: flex-end;width: min(340px, 100%);margin: 0;}
.hxp figure.cmp{margin: 0;}
.hxp .cmp-cta{display: flex;justify-content: flex-end;padding: 0 16px 18px;background: rgba(52,211,153,.06);}
.hxp .cmp-cta .btn{min-height: 44px;font-size: 14.5px;}
.hxp .sv-calc .hx-calc-out{margin-bottom: 0;}
.hxp .sv-calc .hx-calc-actions{display: flex;justify-content: center;margin: 28px 0;}
.hxp .sv-calc .hx-calc-note{margin-top: 0;}
.hxp.hx-ins section.block{padding-block: clamp(56px, 7vw, 96px);}
.hxp .sec-why .feats{margin-top: clamp(28px, 4vw, 44px);}
.hxp .show-grid{display: grid;grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);gap: clamp(24px, 4vw, 56px);align-items: center;}
.hxp .show-copy{display: grid;gap: 16px;justify-items: start;}
.hxp .show-usp{list-style: none;margin: 4px 0 0;padding: 0;display: grid;gap: 10px;}
.hxp .show-usp li{display: grid;grid-template-columns: 20px minmax(0, 1fr);gap: 10px;color: var(--soft);}
.hxp .show-usp svg{width: 18px;height: 18px;margin-top: 3px;color: var(--ok);}
.hxp .show-copy .row{margin-top: 8px;}
.hxp .show-pm{margin: 0;overflow: hidden;border-radius: 18px;border: 1px solid var(--line2);background: #0D0918;box-shadow: 0 40px 120px -30px rgba(140,82,255,.45);font-size: 13.5px;}
.hxp .show-body{display: grid;gap: 12px;padding: 16px;}
.hxp .show-tiles{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
.hxp .show-h{display: flex;justify-content: space-between;align-items: baseline;gap: 10px;}
.hxp .show-h b{font-size: 14px;}
.hxp .show-h span{color: var(--mut);font-size: 12px;}
.hxp .show-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px;--hx-ic-ring: var(--purple);}
.hxp .show-list li{display: grid;grid-template-columns: 28px minmax(0, 1fr) auto auto;gap: 12px;align-items: center;padding: 9px 12px;border-radius: 10px;border: 1px solid var(--line);background: rgba(255,255,255,.02);}
.hxp .show-list li > svg{width: 28px;height: 28px;}
.hxp .show-list b{display: block;font-size: 13.5px;}
.hxp .show-list div span{color: var(--mut);font-size: 12px;}
.hxp .show-list em{font-style: normal;color: var(--soft);font-size: 12.5px;font-variant-numeric: tabular-nums;white-space: nowrap;}
.hxp .show-foot{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 8px 16px;padding: 14px 16px;border-top: 1px solid var(--line);background: rgba(140,82,255,.07);color: var(--mut);font-size: 12.5px;}
.hxp .show-foot a{display: inline-flex;align-items: center;gap: 6px;color: var(--purple-hi);font-weight: 600;}
.hxp .show-foot a svg{width: 14px;height: 14px;}
@media (max-width: 980px){.hxp .sv-card{align-self: center;}
.hxp .show-grid{grid-template-columns: minmax(0, 1fr);}
}
@media (max-width: 640px){.hxp .sv-orbit{--S: 118px;--P: 92px;height: 320px;}
.hxp .sv-moons i{width: 28px;height: 28px;}
.hxp .sv-card{margin: 0;}
.hxp .cmp-cta .btn{width: 100%;}
.hxp .show-list li{grid-template-columns: 24px minmax(0, 1fr) auto;gap: 4px 10px;}
.hxp .show-list li > svg{width: 24px;height: 24px;grid-row: span 2;}
.hxp .show-list em{grid-column: 2;grid-row: 2;font-size: 11.5px;}
.hxp .show-list .st{grid-column: 3;grid-row: 1 / span 2;}
}
.hxp .pm-demo{letter-spacing: .04em;}
.hxp .sv-card{width: min(380px, 100%);}
.hxp .sv-card-h .pm-demo{font-family: var(--f-body);letter-spacing: .02em;font-size: 10.5px;}
@media (max-width: 640px){.hxp .pm-demo{font-family: var(--f-body);letter-spacing: .02em;font-size: 10px;}
}
@media (max-width: 640px){.hxp .cmp th, .hxp .cmp td{white-space: normal;padding: 8px;font-size: 12px;}
}