/* JomeTech Homepage V2 — premium custom visual layer */
.jx-home{--hx:50%;--hy:28%;background:#fff;overflow:hidden}
.jx-home .jx-section{position:relative;isolation:isolate}
.jx-home .jx-section>.jt-container{position:relative;z-index:2}
.jx-home .jx-hero{min-height:760px;padding:34px 0 82px;background:radial-gradient(circle at var(--hx) var(--hy),rgba(85,116,255,.34),transparent 34%),radial-gradient(circle at 88% 20%,rgba(225,29,72,.22),transparent 24%),linear-gradient(135deg,#03036f 0%,#0505a8 24%,#0000cc 53%,#173ce8 78%,#315fff 100%)}
.jx-home .jx-hero:before{width:640px;height:640px;right:-220px;top:-40px;border-color:rgba(255,255,255,.10);box-shadow:0 0 0 110px rgba(255,255,255,.026),0 0 0 220px rgba(255,255,255,.013)}
.jx-home .jx-hero:after{height:140px;background:linear-gradient(180deg,transparent,rgba(1,7,52,.15));border:0}
.jx-home .jx-domain-top{margin-bottom:44px}
.jx-home .jx-domain-form{border-radius:17px;padding:8px;box-shadow:0 28px 70px rgba(0,0,75,.28),inset 0 1px 0 rgba(255,255,255,.8)}
.jx-home .jx-domain-form button{border-radius:11px;background:linear-gradient(135deg,#e11d48,#ef334f);box-shadow:0 10px 24px rgba(225,29,72,.24)}
.jx-home .jx-domain-modes{backdrop-filter:blur(16px)}
.jx-home .jx-hero-grid{gap:80px;min-height:470px}
.jx-home .jx-hero h1{font-size:clamp(3.5rem,6vw,6.3rem);max-width:820px;text-wrap:balance}
.jx-home .jx-hero p{font-size:1.18rem;max-width:700px}
.jx-home .jx-actions a{min-height:50px;border-radius:10px;padding-inline:21px}
.jx-home .jx-actions .white{box-shadow:0 12px 28px rgba(0,0,80,.18)}
.jx-home .jx-actions .ghost{background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.jx-home .jx-hero-art{position:relative;overflow:visible;border-radius:26px;padding:31px;background:linear-gradient(180deg,#fff,#f8f9ff);box-shadow:0 38px 90px rgba(0,0,78,.30);transform-style:preserve-3d;will-change:transform}
.jx-home .jx-hero-art:before{content:"";position:absolute;inset:-18px -18px auto auto;width:135px;height:135px;border-radius:34px;background:radial-gradient(circle,rgba(225,29,72,.26),transparent 68%);filter:blur(2px);z-index:-1}
.jx-home .jx-hero-art:after{content:"";position:absolute;left:-34px;bottom:-28px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(55,95,255,.24),transparent 66%);z-index:-1}
.jx-home .jx-home-floatchip{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #e0e4ec;border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(17,24,39,.13);color:#111827;font-size:.68rem;font-weight:900;pointer-events:none;backdrop-filter:blur(10px)}
.jx-home .jx-home-floatchip span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eef0ff;color:#0000cc;font-size:.64rem}
.jx-home .jx-home-floatchip.ssl{left:-34px;top:18%;animation:jxChipFloat 5.4s ease-in-out infinite}
.jx-home .jx-home-floatchip.backup{right:-42px;bottom:22%;animation:jxChipFloat 6.2s ease-in-out infinite reverse}
.jx-home .jx-home-floatchip.support{left:12%;bottom:-24px;animation:jxChipFloat 5.8s ease-in-out infinite 1.2s}
@keyframes jxChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.jx-home .jx-offer-price strong{font-size:3.45rem}
.jx-home .jx-offer-cta .buy{box-shadow:0 12px 26px rgba(0,0,204,.14)}
.jx-home .jx-proof{box-shadow:0 14px 34px rgba(17,24,39,.035)}
.jx-home .jx-proof-item{background:linear-gradient(180deg,#fff,#fdfdff);transition:.2s ease}
.jx-home .jx-proof-item:hover{background:#f8f9ff}
.jx-home .jx-plans-section{background:radial-gradient(circle at 15% 10%,rgba(0,0,204,.045),transparent 28%),linear-gradient(180deg,#fff 0%,#f8f9ff 100%)}
.jx-home .jx-plans-head h2,.jx-home .jx-head h2,.jx-home .jx-solutions-head h2,.jx-home .jx-why-intro h2,.jx-home .jx-wordpress-copy h2,.jx-home .jx-email-copy h2,.jx-home .jx-migration-copy h2,.jx-home .jx-scale-head h2,.jx-home .jx-local-copy h2,.jx-home .jx-faq-intro h2,.jx-home .jx-final-copy h2{text-wrap:balance}
.jx-home .jx-plan{border-radius:21px;padding:29px;background:linear-gradient(180deg,#fff,#fbfcff);overflow:hidden}
.jx-home .jx-plan:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,0%),rgba(0,0,204,.08),transparent 34%);opacity:0;transition:opacity .25s ease;pointer-events:none}
.jx-home .jx-plan:hover:before{opacity:1}
.jx-home .jx-plan.featured{background:linear-gradient(180deg,#fbfbff 0%,#f1f3ff 100%);box-shadow:0 28px 64px rgba(0,0,204,.12)}
.jx-home .jx-featured-bar{background:linear-gradient(90deg,#0000aa,#0000cc,#284af0)}
.jx-home .jx-chooser{border-radius:20px;background:radial-gradient(circle at 88% 20%,rgba(225,29,72,.17),transparent 26%),linear-gradient(135deg,#07162d,#0b2349);box-shadow:0 24px 54px rgba(7,22,45,.15)}
.jx-home .jx-solutions{background:radial-gradient(circle at 88% 16%,rgba(225,29,72,.08),transparent 28%),linear-gradient(180deg,#fff,#f8f9ff)}
.jx-home .jx-solution-card{border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(17,24,39,.035)}
.jx-home .jx-solution-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(0,0,204,.12),transparent 28%);opacity:0;transition:opacity .25s ease;pointer-events:none}
.jx-home .jx-solution-card:hover:before{opacity:1}
.jx-home .jx-why{background:radial-gradient(circle at 76% 22%,rgba(225,29,72,.22),transparent 25%),radial-gradient(circle at 18% 70%,rgba(63,89,255,.20),transparent 30%),linear-gradient(135deg,#05058d,#0000c8 50%,#2147ec);overflow:hidden}
.jx-home .jx-why:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 82%);pointer-events:none}
.jx-home .jx-why-stage{filter:drop-shadow(0 26px 44px rgba(0,0,80,.25))}
.jx-home .jx-why-card{border-radius:18px;background:rgba(255,255,255,.09);backdrop-filter:blur(12px)}
.jx-home .jx-why-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.13)}
.jx-home .jx-wordpress{background:radial-gradient(circle at 85% 40%,rgba(0,0,204,.07),transparent 28%),linear-gradient(180deg,#fff,#f8f9ff)}
.jx-home .jx-wordpress-visual{perspective:1100px}
.jx-home .jx-wp-browser{border-radius:24px;box-shadow:0 34px 74px rgba(17,24,39,.14);transform:rotateY(-4deg) rotateX(1deg)}
.jx-home .jx-email{background:radial-gradient(circle at 15% 70%,rgba(225,29,72,.07),transparent 28%),linear-gradient(135deg,#f3f5ff,#eef2ff 56%,#fff)}
.jx-home .jx-email-visual{border-radius:28px;box-shadow:0 34px 76px rgba(0,0,110,.20)}
.jx-home .jx-email-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.07) 42%,transparent 58%);transform:translateX(-120%);animation:jxHomeShine 8s ease-in-out infinite}
.jx-home .jx-migration-plus{background:radial-gradient(circle at 86% 14%,rgba(225,29,72,.24),transparent 26%),linear-gradient(135deg,#04047e,#0000bd 48%,#1d42ea);overflow:hidden}
.jx-home .jx-migration-plus:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1.5px);background-size:32px 32px;opacity:.28;mask-image:linear-gradient(90deg,transparent,black 30%,black 80%,transparent)}
.jx-home .jx-migration-plus-grid{position:relative;z-index:2}
.jx-home .jx-scale-card{border-radius:20px;min-height:250px;overflow:hidden}
.jx-home .jx-scale-ladder{position:relative}
.jx-home .jx-scale-ladder:after{content:"";position:absolute;left:8%;right:8%;bottom:-12px;height:2px;background:linear-gradient(90deg,#dfe4ef,#0000cc,#e11d48,#07162d);opacity:.35}
.jx-home .jx-local-plus{background:radial-gradient(circle at 24% 45%,rgba(0,0,204,.07),transparent 28%),linear-gradient(135deg,#f7f8ff,#eef2ff 55%,#fff)}
.jx-home .jx-local-rings{animation:jxHomeRing 8s ease-in-out infinite}
.jx-home .jx-local-rings.ring2{animation-delay:-3s}
.jx-home .jx-faq-list details{border-radius:15px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.jx-home .jx-faq-list details[open]{transform:translateX(4px);box-shadow:0 16px 34px rgba(0,0,204,.06)}
.jx-home .jx-final-plus{background:radial-gradient(circle at 82% 26%,rgba(225,29,72,.34),transparent 28%),radial-gradient(circle at 20% 80%,rgba(83,112,255,.22),transparent 32%),linear-gradient(135deg,#03036f 0%,#0000a8 42%,#173ce8 76%,#315fff 100%)}
.jx-home .jx-final-card{border-radius:19px;box-shadow:0 26px 58px rgba(0,0,70,.22)}
.jx-home [data-home-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}
.jx-home [data-home-reveal].is-visible{opacity:1;transform:none}
.jx-home-buybar{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:70;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 14px;border:1px solid #dfe4ec;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 20px 50px rgba(17,24,39,.22);backdrop-filter:blur(14px)}
.jx-home-buybar small{display:block;color:#657083;font-size:.58rem;text-transform:uppercase;font-weight:900;letter-spacing:.06em}.jx-home-buybar strong{display:block;font-family:Sora,sans-serif;font-size:1.05rem}.jx-home-buybar a{display:inline-flex;min-height:42px;align-items:center;padding:0 14px;border-radius:9px;background:#0000cc;color:#fff;text-decoration:none;font-size:.74rem;font-weight:900}
@keyframes jxHomeShine{0%,68%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
@keyframes jxHomeRing{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.035);opacity:.95}}
@media(max-width:1050px){.jx-home .jx-hero{min-height:auto}.jx-home .jx-hero-grid{gap:42px}}
@media(max-width:820px){.jx-home .jx-hero h1{font-size:clamp(3rem,10vw,4.8rem)}.jx-home .jx-hero-art{max-width:680px}.jx-home .jx-wp-browser{transform:none}}
@media(max-width:640px){.jx-home{padding-bottom:82px}.jx-home .jx-hero{padding:20px 0 64px;background:linear-gradient(145deg,#04047e,#0000bd 48%,#2452f2)}.jx-home .jx-domain-top{margin-bottom:28px}.jx-home .jx-hero h1{font-size:clamp(2.7rem,13vw,4.35rem)}.jx-home .jx-hero p{font-size:1rem}.jx-home .jx-hero-art{padding:22px;border-radius:22px;transform:none!important}.jx-home .jx-home-floatchip{display:none}.jx-home .jx-solution-card:before,.jx-home .jx-plan:before{display:none}.jx-home .jx-local-rings{animation:none}.jx-home-buybar{display:flex}}
@media(prefers-reduced-motion:reduce){.jx-home [data-home-reveal]{opacity:1!important;transform:none!important;transition:none!important}.jx-home .jx-email-visual:before,.jx-home .jx-local-rings{animation:none!important}.jx-home .jx-hero-art{transform:none!important}}