/* ===== Premium home hero (same content) ===== */
.hx2{position:relative;padding:56px 0 64px;background:#fff;overflow:hidden}
.hx2-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 60% at 100% 0%,rgba(123,85,224,.16),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(30,183,198,.12),transparent 70%),linear-gradient(180deg,#fff,#F8F6FF)}
.hx2-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(91,45,191,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(91,45,191,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 30% 30%,#000 10%,transparent 65%)}
.hx2 .wrap{position:relative;z-index:1}
.hx2-top{display:grid;gap:44px;align-items:center}
@media(min-width:1024px){.hx2-top{grid-template-columns:1.02fr .98fr;gap:56px}}
.hx2 .hx-copy{max-width:none;padding:0}
.hx2 .hx-badge{background:#fff;border:1.5px solid rgba(91,45,191,.35);box-shadow:0 10px 24px -16px rgba(91,45,191,.6);padding:8px 8px 8px 20px}
.hx2 .hx-title{font-size:clamp(2.4rem,4.6vw,4rem);line-height:1.08;margin-bottom:26px;letter-spacing:-.03em}
.hx2 .hx-title .p{background:linear-gradient(95deg,#4A1FB8 0%,#6D3FD8 45%,#1EB7C6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}
.hx2 .hx-sub{color:#3A3355;font-size:1.15rem;max-width:560px}
.hx2 .hx-trust{display:inline-flex;padding:10px 18px 10px 12px;border-radius:999px;background:#fff;border:1px solid #ECE6FC;box-shadow:0 12px 26px -20px rgba(40,20,100,.5);font-size:.98rem;margin:6px 0 28px}
.hx2 .hx-trust svg{width:30px;height:30px}
.hx2 .btn-demo{padding:16px 28px;border-radius:14px;font-size:1.02rem;background:linear-gradient(135deg,#4A1FB8,#6D3FD8);box-shadow:0 18px 36px -14px rgba(91,45,191,.7);position:relative;overflow:hidden}
.hx2 .btn-demo svg{width:18px;height:18px;transition:transform .25s}
.hx2 .btn-demo:hover svg{transform:translateX(4px)}
.hx2 .btn-demo::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:hx2Shine 4s ease-in-out infinite}
@keyframes hx2Shine{0%,65%{left:-60%}100%{left:130%}}
.hx2-visual{position:relative}
.hx2 .hx2-frame{position:relative;inset:auto;width:auto;height:auto;bottom:auto;border-radius:32px;overflow:hidden;border:6px solid #fff;box-shadow:0 50px 90px -46px rgba(40,20,100,.6);aspect-ratio:5/4.2;z-index:1}
.hx2 .hx2-frame::after{display:none}
.hx2 .hx2-frame img{width:100%;height:100%;object-fit:cover;object-position:65% 40%;transition:transform 1.4s ease}
.hx2-visual:hover .hx2-frame img{transform:scale(1.04)}
.hx2-ring{position:absolute;right:-34px;top:-34px;width:200px;height:200px;border-radius:50%;border:2px dashed rgba(91,45,191,.32);animation:hx2Spin 32s linear infinite}
.hx2-dots{position:absolute;left:-30px;bottom:-30px;width:130px;height:130px;background-image:radial-gradient(rgba(91,45,191,.35) 2px,transparent 2.5px);background-size:16px 16px}
.hx2-blob{position:absolute;inset:12% -6% -6% 12%;border-radius:40px;background:linear-gradient(135deg,rgba(109,63,216,.18),rgba(30,183,198,.16));filter:blur(2px);transform:rotate(4deg)}
@keyframes hx2Spin{to{transform:rotate(360deg)}}
/* feature card */
.hx2 .hx-feats{position:relative;margin-top:56px;border:1px solid #E6DDFB;border-radius:26px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);box-shadow:0 34px 64px -40px rgba(40,20,100,.55);padding:8px;overflow:hidden}
.hx2 .hx-feats::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#4A1FB8,#6D3FD8,#1EB7C6)}
.hx2 .hx-feat{padding:24px 22px;border-radius:20px;transition:background .25s,transform .25s}
.hx2 .hx-feat:hover{background:#F6F3FE;transform:translateY(-3px)}
.hx2 .hx-feat+.hx-feat::before{background:linear-gradient(180deg,transparent,#DCD2F8,transparent);width:1px}
.hx2 .hx-feat .ic{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#F1ECFE,#E6FAFB);color:#5B2DBF;box-shadow:inset 0 0 0 1px #E6DDFB}
.hx2 .hx-feat .ic svg{width:32px;height:32px;stroke-width:1.6}
.hx2 .hx-feat b{font:700 1.12rem/1.3 var(--display);color:#2A1BA8;margin-bottom:6px}
.hx2 .hx-feat span{color:#4A4560}
/* stats */
.hx2 .hx-stats{margin-top:30px;gap:14px}
@media(min-width:1100px){.hx2 .hx-stats{grid-template-columns:repeat(6,1fr)}}
.hx2 .hx-stats .stat{background:#fff!important;border:1px solid #ECE6FC!important;border-radius:20px;padding:22px 12px 20px!important;box-shadow:0 20px 40px -32px rgba(40,20,100,.55)!important;transition:transform .3s,box-shadow .3s}
.hx2 .hx-stats .stat:hover{transform:translateY(-6px);box-shadow:0 28px 48px -28px rgba(40,20,100,.5)!important}
.hx2 .hx-stats .stat+.stat::before{display:none}
.hx2 .hx-stats .stat .si{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#ECE6FC 70%);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.hx2 .hx-stats .stat .si svg{width:30px;height:30px}
.hx2 .hx-stats .stat b{font:800 1.8rem/1.1 var(--display);background:linear-gradient(95deg,#4A1FB8,#6D3FD8 55%,#1EB7C6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx2 .hx-stats .stat span:not(.si){color:#3A3355;font-size:.92rem;line-height:1.35}
@media(max-width:1023px){.hx2-ring{display:none}.hx2 .hx2-frame{aspect-ratio:16/11}}
@media(max-width:700px){.hx2{padding:28px 0 44px}.hx2 .hx-feats{margin-top:36px}}
.hx2-top{grid-template-columns:minmax(0,1fr)}
@media(min-width:1024px){.hx2-top{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
.hx2 .hx-title{font-size:clamp(2.3rem,3.9vw,3.3rem)}
.hx2 .hx-title span{white-space:normal}
@media(min-width:1200px){.hx2 .hx-title span{white-space:nowrap}}
.hx2 .hx-stats .stat::after{display:none!important}