
:root{
  --primary:#8a2be2;--secondary:#00e5ff;--accent:#b22cff;--bg-dark:#050508;
  --panel:#0a0a0f;--glass:rgba(255,255,255,.04);--silver:#cfcfd6;
  --success:#25d366;--danger:#ff3c3c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--bg-dark);color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none}
.text-silver{color:var(--silver)!important;line-height:1.65}
.text-gradient{background:linear-gradient(90deg,var(--secondary),#fff,var(--primary));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero .text-gradient{animation:gradientTextFlow 5s linear infinite}
@keyframes gradientTextFlow{0%{background-position:0 center}100%{background-position:200% center}}
.glass-header{background:rgba(10,10,15,.78)!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.25);border-radius:50px;padding:10px 25px;margin-top:18px;width:95%;max-width:1280px;left:50%;transform:translateX(-50%);position:fixed;z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,.8)}
.navbar-brand{font-weight:700;color:#fff!important;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.3)}
.nav-link{color:#d1d1d1!important;font-weight:400;transition:.3s;margin:0 7px}
.nav-link:hover,.nav-link.active{color:var(--secondary)!important;text-shadow:0 0 10px var(--secondary)}
.dropdown-menu{background:#0b0b12;border:1px solid rgba(255,255,255,.12);border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,.5)}
.dropdown-item{color:#ddd;padding:10px 16px}.dropdown-item:hover{background:rgba(0,229,255,.08);color:var(--secondary)}
.btn-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:0;border-radius:30px;padding:10px 25px;font-weight:600;text-transform:uppercase;box-shadow:0 4px 15px rgba(138,43,226,.4);transition:.3s}
.btn-gradient:hover{transform:translateY(-2px);color:#fff;box-shadow:0 6px 20px rgba(0,229,255,.6)}
.btn-outline-glass{color:#fff;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.04);border-radius:30px;padding:10px 22px;transition:.3s}
.btn-outline-glass:hover{color:#fff;border-color:var(--secondary);box-shadow:0 0 18px rgba(0,229,255,.25);transform:translateY(-2px)}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:150px 0 90px}
.hero:before,.hero:after{content:'';position:absolute;width:40vw;height:40vw;max-width:500px;max-height:500px;border-radius:50%;filter:blur(80px);z-index:0;animation:floatGlow 12s infinite alternate ease-in-out;pointer-events:none}
.hero:before{background:rgba(138,43,226,.2);top:10%;left:-5%}.hero:after{background:rgba(0,229,255,.15);bottom:10%;right:-5%;animation-delay:-6s}
@keyframes floatGlow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(30px,30px) scale(1.1)}}
.hero-content{position:relative;z-index:2}.hero h1{font-size:clamp(2.5rem,5vw,5rem);font-weight:700;line-height:1.15;letter-spacing:-1px}
.badge-premium{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);padding:8px 20px;border-radius:50px;display:inline-block;font-weight:600;letter-spacing:.7px;backdrop-filter:blur(5px)}
section{padding:85px 0;position:relative;z-index:2}.section-alt{background:rgba(5,5,8,.8)}
.section-title{text-align:center;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:50px}
.glass-card{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.3);border-radius:25px;padding:30px 25px;box-shadow:0 15px 35px rgba(0,0,0,.5);transition:.3s;height:100%}
.glass-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px rgba(0,0,0,.8),0 0 25px rgba(138,43,226,.2);border-color:rgba(255,255,255,.25)}
.neon-circle-icon{display:inline-flex;align-items:center;justify-content:center;width:65px;height:65px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 20px rgba(138,43,226,.4);margin-bottom:18px;transition:.3s}
.glass-card:hover .neon-circle-icon{transform:scale(1.08);box-shadow:0 0 25px rgba(0,229,255,.6)}
.neon-circle-icon i{color:#fff;font-size:1.6rem}
.premium-border-wrap{padding:2px;border-radius:27px;background:linear-gradient(90deg,var(--primary),var(--secondary));height:100%;box-shadow:0 0 20px rgba(138,43,226,.25)}
@keyframes flowingBorder{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.product-icon-wrap{width:100%;display:flex;justify-content:center;align-items:center}
.product-icon{width:70px;height:70px;min-width:70px;min-height:70px;flex:0 0 70px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 0 18px;background:#fff;border:1px solid rgba(255,255,255,.18);position:relative}.product-icon img{width:var(--logo-size,48px)!important;height:var(--logo-size,48px)!important;max-width:calc(100% - 14px)!important;max-height:calc(100% - 14px)!important;object-fit:contain;object-position:center;display:block;flex:0 0 auto;background:transparent!important;opacity:1!important;filter:none!important}.product-icon i{display:none!important}.product-detail-icon-wrap{display:flex;justify-content:center;align-items:center}
.product-detail-icon{width:82px;height:82px;min-width:82px;min-height:82px;flex-basis:82px}.product-detail-icon img{width:var(--logo-size,58px)!important;height:var(--logo-size,58px)!important;max-width:calc(100% - 14px)!important;max-height:calc(100% - 14px)!important}
.product-card .price{font-size:2rem;font-weight:700}.product-card ul{min-height:75px}
.category-card{min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.search-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:18px;padding:14px 18px}.search-box:focus{background:rgba(255,255,255,.08);border-color:var(--secondary);box-shadow:0 0 12px rgba(0,229,255,.2);color:#fff}
.filter-btn{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.03);color:#ddd;border-radius:30px;padding:8px 16px;margin:4px;transition:.25s}.filter-btn.active,.filter-btn:hover{background:rgba(138,43,226,.25);border-color:var(--secondary);color:#fff}
.table-glass{color:#fff;background:transparent}.table-glass th,.table-glass td{color:#fff!important;background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.1);padding:15px;text-align:center;vertical-align:middle}
.accordion-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);margin-bottom:12px;border-radius:12px!important;overflow:hidden}
.accordion-button{background:transparent;color:#fff;box-shadow:none!important;font-weight:600;padding:18px}.accordion-button:not(.collapsed){background:rgba(138,43,226,.1);color:#fff}.accordion-button::after{filter:invert(1)}.accordion-body{padding:18px;color:var(--silver)}
.form-control,.form-select{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px;border-radius:10px}.form-control:focus,.form-select:focus{background:rgba(255,255,255,.08);border-color:var(--secondary);box-shadow:0 0 10px rgba(0,229,255,.3);color:#fff}.form-select option{background:#0a0a0f;color:#fff}
.modal-content{background:#0a0a0f;border:1px solid rgba(255,255,255,.15);border-radius:15px}
.floating-wa{position:fixed;bottom:25px;right:25px;background:#25d366;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;z-index:999;transition:.3s;border:1px solid rgba(255,255,255,.2);box-shadow:0 5px 15px rgba(37,211,102,.5)}
.floating-wa:hover{transform:scale(1.1);color:#fff;box-shadow:0 8px 20px rgba(37,211,102,.7)}
.page-hero{padding:170px 0 90px;text-align:center;position:relative;overflow:hidden}.page-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:700}
.feature-list li{margin-bottom:12px;color:var(--silver)}.feature-list i{color:var(--secondary);margin-right:9px}
.alert-note{background:rgba(220,53,69,.12);border:2px solid var(--danger);padding:20px;border-radius:12px;color:#fff;backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(220,53,69,.25)}
footer{background:rgba(5,5,8,.95);border-top:1px solid rgba(255,255,255,.1)}
footer a{color:#cfcfd6}footer a:hover{color:var(--secondary)}
.empty-state{display:none}.product-detail-icon{width:100px;height:100px;font-size:2.5rem;border-radius:28px}
.sticky-buy{position:sticky;top:105px}.small-label{font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:#aaa}
@media(max-width:991px){.glass-header{border-radius:25px}.navbar-collapse{padding:15px 5px}.nav-link{margin:5px 0}.hero{padding-top:150px}}
@media(max-width:575px){.glass-header{width:94%;padding:9px 15px}.hero h1{font-size:2.5rem}.floating-wa{width:55px;height:55px;right:18px;bottom:18px}.page-hero{padding-top:145px}}

.reviews-carousel{width:100%;overflow:hidden;position:relative;touch-action:pan-y;cursor:grab}
.reviews-carousel:active{cursor:grabbing}
.reviews-track{display:flex;gap:24px;width:max-content;will-change:transform}
.review-slide{width:clamp(260px,32vw,390px);flex:0 0 auto}
.review-image-card{padding:10px!important;overflow:hidden;border-radius:22px}
.review-image-card img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:16px;background:#fff;user-select:none;-webkit-user-drag:none}
.review-image-card:hover{transform:translateY(-5px)}
@media(max-width:575px){
 .reviews-track{gap:16px}
 .review-slide{width:min(82vw,340px)}
 .review-image-card img{max-height:560px}
}
/* Hero upgrades */
.hero{isolation:isolate}
.hero-content{overflow:visible}
.hero .hero-floating-logos{position:absolute;inset:0;pointer-events:none;z-index:-1}
.hero-tool-logo{position:absolute;width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 24px rgba(138,43,226,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(255,255,255,.55);font-weight:700;font-size:1rem;letter-spacing:-.03em;opacity:.45;animation:heroLogoFloat 8s ease-in-out infinite alternate}
.hero-logo-1{top:12%;left:8%;animation-delay:-1s}.hero-logo-2{top:24%;left:20%;animation-delay:-4s}.hero-logo-3{top:15%;right:17%;animation-delay:-2s}.hero-logo-4{bottom:18%;left:12%;animation-delay:-5s}.hero-logo-5{bottom:12%;right:10%;animation-delay:-3s}.hero-logo-6{top:42%;right:6%;animation-delay:-6s}
@keyframes heroLogoFloat{0%{transform:translate3d(0,0,0) rotate(-2deg)}100%{transform:translate3d(0,16px,0) rotate(3deg)}}
.hero-trust-strip{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap;margin:0 auto;max-width:760px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:10px 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.hero-trust-strip span{padding:0 14px;color:rgba(255,255,255,.78);font-size:.85rem;font-weight:600}
.hero-trust-strip span+span{border-left:1px solid rgba(255,255,255,.14)}
@media(max-width:575px){
 .hero-tool-logo{width:42px;height:42px;border-radius:12px;font-size:.78rem;opacity:.32}
 .hero-logo-1{top:10%;left:4%}.hero-logo-2{top:22%;left:8%}.hero-logo-3{top:12%;right:5%}.hero-logo-4{bottom:14%;left:5%}.hero-logo-5{bottom:10%;right:4%}.hero-logo-6{top:50%;right:2%}
 .hero-trust-strip{max-width:92%;padding:8px 10px}
 .hero-trust-strip span{padding:0 8px;font-size:.72rem}
}

/* Premium AR SERVICES hero redesign */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:150px 0 35px;background:
 radial-gradient(circle at 50% 58%,rgba(138,43,226,.18),transparent 26%),
 radial-gradient(circle at 20% 72%,rgba(0,229,255,.10),transparent 24%),
 radial-gradient(circle at 80% 72%,rgba(178,44,255,.10),transparent 26%),
 linear-gradient(180deg,#050508 0%,#06070b 58%,#030305 100%)}
.hero:before,.hero:after{content:'';position:absolute;pointer-events:none}
.hero:before{inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 12px);opacity:.32;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 90%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 90%)}
.hero:after{left:-8%;right:-8%;bottom:-34%;height:58%;border-radius:50% 50% 0 0/26% 26% 0 0;background:
 radial-gradient(ellipse at 50% 0,rgba(0,229,255,.34) 0 2%,rgba(138,43,226,.46) 2.5% 4%,rgba(138,43,226,.11) 6%,transparent 20%),
 radial-gradient(ellipse at 50% 0,#080810 0 34%,transparent 35%);filter:blur(.2px);box-shadow:0 -18px 70px rgba(138,43,226,.25),0 -6px 40px rgba(0,229,255,.12);z-index:0}
.hero-grid{position:absolute;left:50%;top:57%;width:130%;height:50%;transform:translateX(-50%);background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 85%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 85%);opacity:.16;pointer-events:none;z-index:0}
.hero-content{position:relative;z-index:2;overflow:visible}
.hero-bg-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
.hero-bg-orb-1{width:420px;height:420px;left:-180px;top:20%;background:rgba(138,43,226,.12)}
.hero-bg-orb-2{width:360px;height:360px;right:-150px;top:28%;background:rgba(0,229,255,.09)}
.hero h1{font-size:clamp(3rem,7vw,6.7rem);font-weight:700;line-height:1.02;letter-spacing:-.055em;margin-bottom:24px;text-wrap:balance}
.hero .lead{font-size:clamp(1rem,1.5vw,1.18rem);color:#bfc0ca!important}
.hero .badge-premium{padding:9px 15px;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 30px rgba(0,0,0,.26);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--secondary);box-shadow:0 0 14px var(--secondary);display:inline-block}.hero-badge-arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));font-size:.9rem}
.hero-trust-strip{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap;margin:0 auto;max-width:680px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:9px 10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-trust-strip span{padding:0 13px;color:rgba(255,255,255,.72);font-size:.8rem;font-weight:600}.hero-trust-strip span+span{border-left:1px solid rgba(255,255,255,.12)}
.hero-showcase{position:relative;margin:90px auto 0;max-width:1160px;padding:0 20px 0;min-height:330px}
.hero-horizon{position:absolute;left:8%;right:8%;top:58px;height:210px;border-radius:50%;background:radial-gradient(ellipse at 50% 18%,rgba(0,229,255,.22),rgba(138,43,226,.16) 20%,transparent 52%);filter:blur(16px);opacity:.9}
.hero-showcase:before{content:'';position:absolute;left:7%;right:7%;top:40px;height:220px;border-radius:50%;border-top:2px solid rgba(0,229,255,.26);box-shadow:0 -6px 30px rgba(138,43,226,.22);transform:perspective(500px) rotateX(68deg);pointer-events:none}
.hero-showcase-label{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:12px;color:rgba(255,255,255,.56);font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;margin-bottom:22px}.hero-showcase-line{width:52px;height:1px;background:linear-gradient(90deg,transparent,var(--secondary))}
.hero-tool-cards{position:relative;z-index:3;display:flex;justify-content:center;align-items:flex-start;gap:14px;flex-wrap:nowrap}
.hero-tool-card{width:154px;min-width:154px;padding:14px 12px 15px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 45px rgba(0,0,0,.48),0 0 24px rgba(138,43,226,.10);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateY(0);transition:.3s;text-align:left}.hero-tool-card:nth-child(2){transform:translateY(22px)}.hero-tool-card:nth-child(3){transform:translateY(34px)}.hero-tool-card:nth-child(4){transform:translateY(22px)}.hero-tool-card:nth-child(5){transform:translateY(5px)}.hero-tool-card:nth-child(6){transform:translateY(0)}.hero-tool-card:hover{transform:translateY(-6px)!important;border-color:rgba(0,229,255,.30);box-shadow:0 24px 52px rgba(0,0,0,.52),0 0 30px rgba(0,229,255,.12)}
.hero-tool-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:700;color:#fff}.hero-tool-card strong,.hero-tool-card small{display:block}.hero-tool-card strong{font-size:.9rem}.hero-tool-card small{font-size:.72rem;color:#9798a4;margin-top:3px}
@media(max-width:991px){.hero{padding-top:145px}.hero h1{font-size:clamp(2.8rem,8vw,5rem)}.hero-showcase{margin-top:70px}.hero-tool-card-extra{display:none}.hero-tool-card{width:170px;min-width:170px}.hero-tool-cards{flex-wrap:wrap;max-width:600px;margin:0 auto}}
@media(max-width:575px){.hero{padding:135px 0 20px}.hero h1{font-size:clamp(2.65rem,14vw,4rem);letter-spacing:-.045em}.hero .lead{font-size:.95rem}.hero-trust-strip{max-width:94%}.hero-trust-strip span{padding:0 7px;font-size:.68rem}.hero-showcase{margin-top:58px;min-height:235px;padding:0 8px}.hero-horizon{top:52px;height:165px}.hero-showcase:before{top:44px;height:175px}.hero-tool-cards{gap:10px;overflow:hidden;justify-content:flex-start;flex-wrap:nowrap;padding:0 8px}.hero-tool-card{width:138px;min-width:138px;padding:12px;border-radius:18px}.hero-tool-card:nth-child(1){transform:translateY(0)}.hero-tool-card:nth-child(2){transform:translateY(12px)}.hero-tool-card:nth-child(3){transform:translateY(20px)}.hero-tool-card:nth-child(4){transform:translateY(12px)}.hero-tool-card-extra{display:none}.hero-logo-1{top:10%}.hero-logo-2{top:22%}.hero-logo-3{top:12%}.hero-logo-4{bottom:10%}.hero-logo-5{bottom:7%}.hero-logo-6{top:50%}}
@media(prefers-reduced-motion:reduce){.hero-tool-logo,.hero .text-gradient{animation:none}.hero-tool-card{transition:none}}

/* Hero V2 — reference-inspired AR SERVICES composition */
.hero-v2{min-height:100svh;padding:132px 0 0;align-items:flex-start;background:
 radial-gradient(circle at 50% 46%,rgba(138,43,226,.12),transparent 24%),
 radial-gradient(circle at 15% 55%,rgba(0,229,255,.07),transparent 22%),
 linear-gradient(180deg,#050508 0%,#05060a 66%,#020204 100%);isolation:isolate}
.hero-v2:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 11px);opacity:.5;pointer-events:none}
.hero-v2:after{content:'';position:absolute;left:-10%;right:-10%;bottom:-27%;height:52%;border-radius:50% 50% 0 0;background:
 radial-gradient(ellipse at 50% 4%,rgba(0,229,255,.28) 0 1%,rgba(138,43,226,.52) 2% 3%,rgba(138,43,226,.12) 5%,transparent 15%),
 radial-gradient(ellipse at 50% 0,#07070d 0 43%,transparent 44%);box-shadow:0 -10px 65px rgba(138,43,226,.28),0 -2px 22px rgba(0,229,255,.13);z-index:0;pointer-events:none}
.hero-v2-noise{position:absolute;inset:0;z-index:0;opacity:.13;background-image:radial-gradient(rgba(255,255,255,.4) .45px,transparent .45px);background-size:5px 5px;pointer-events:none}
.hero-v2-glow{position:absolute;border-radius:50%;filter:blur(75px);pointer-events:none;z-index:0}
.hero-v2-glow-left{width:430px;height:430px;left:-250px;top:27%;background:rgba(138,43,226,.14)}
.hero-v2-glow-right{width:380px;height:380px;right:-220px;top:30%;background:rgba(0,229,255,.09)}
.hero-v2-orbit{position:absolute;left:50%;bottom:6%;width:min(86vw,1050px);height:210px;transform:translateX(-50%) perspective(650px) rotateX(67deg);border:1px solid rgba(0,229,255,.18);border-radius:50%;box-shadow:0 0 40px rgba(138,43,226,.12);z-index:1;pointer-events:none}
.hero-v2 .hero-content{position:relative;z-index:3}
.hero-v2-badge{margin-bottom:20px!important}
.hero-v2 h1{font-size:clamp(3.15rem,7vw,6.6rem);line-height:.98;letter-spacing:-.06em;margin-bottom:22px;font-weight:700}
.hero-v2 .lead{max-width:720px;font-size:clamp(.95rem,1.4vw,1.12rem);color:#b9bac4!important}
.hero-v2-actions .btn{min-width:205px}
.hero-v2-visual{position:relative;max-width:1240px;margin:72px auto 0;min-height:410px}
.hero-v2-ring{position:absolute;left:5%;right:5%;top:35px;height:250px;border-radius:50%;background:radial-gradient(ellipse at 50% 10%,rgba(0,229,255,.18),rgba(138,43,226,.18) 23%,transparent 55%);filter:blur(13px)}
.hero-v2-caption{position:relative;z-index:4;display:flex;justify-content:center;align-items:center;gap:12px;color:rgba(255,255,255,.42);font-size:.63rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px}
.hero-v2-caption i{width:48px;height:1px;background:linear-gradient(90deg,transparent,var(--secondary))}
.hero-dashboard{position:relative;z-index:4;width:min(92%,1120px);margin:auto;border-radius:24px 24px 0 0;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);border-bottom:0;box-shadow:0 -12px 55px rgba(0,0,0,.55),0 0 60px rgba(138,43,226,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:perspective(1200px) rotateX(1deg)}
.hero-dashboard-top{height:48px;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:16px;padding:0 12px;border-radius:14px 14px 0 0;background:rgba(8,8,13,.82);border-bottom:1px solid rgba(255,255,255,.07)}
.hero-dashboard-brand{display:flex;align-items:center;gap:8px;font-size:.78rem}.hero-dashboard-mark{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));font-size:.58rem;font-weight:700}
.hero-dashboard-search{height:28px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:7px;padding:0 10px;color:#777;font-size:.63rem}.hero-dashboard-user{justify-self:end;display:flex;align-items:center;gap:12px;color:#7d7d87;font-size:.7rem}.hero-dashboard-user span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#25232e;color:#aaa;font-size:.58rem}
.hero-dashboard-body{display:grid;grid-template-columns:155px 1fr 205px;min-height:275px;background:#07070b}
.hero-dashboard-side{padding:22px 12px;border-right:1px solid rgba(255,255,255,.06);color:#747580;font-size:.65rem}.hero-dashboard-side div{display:flex;gap:9px;align-items:center;padding:10px;border-radius:8px;margin-bottom:4px}.hero-dashboard-side i{width:14px;text-align:center}.hero-side-active{background:rgba(138,43,226,.16)!important;color:#e8e5f4!important;border:1px solid rgba(138,43,226,.18)}
.hero-dashboard-main{padding:22px 20px}.hero-dashboard-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.hero-dashboard-heading small,.hero-dashboard-insight small{display:block;color:#666875;font-size:.54rem;letter-spacing:.16em}.hero-dashboard-heading h3{margin:4px 0 0;font-size:1.1rem}.hero-dashboard-heading>span{font-size:.58rem;color:#898a96;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:20px}
.hero-product-preview{display:grid;gap:9px}.hero-product-preview-card{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 11px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);text-align:left}.hero-preview-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#111;font-size:.68rem;font-weight:700}.hero-preview-icon.gemini{background:#1a1b22;color:#fff}.hero-preview-icon.canva{background:#fff;color:#1887f2}.hero-product-preview-card strong,.hero-product-preview-card small{display:block}.hero-product-preview-card strong{font-size:.68rem}.hero-product-preview-card small{font-size:.52rem;color:#73747f;margin-top:2px}.hero-product-preview-card b{font-size:.62rem;color:#c9b3ff}
.hero-dashboard-insight{padding:22px 15px;border-left:1px solid rgba(255,255,255,.06);text-align:left}.hero-dashboard-insight>strong{display:block;font-size:.9rem;margin:8px 0 16px}.hero-dashboard-insight>span{display:flex;align-items:center;gap:7px;font-size:.58rem;color:#888994;margin:11px 0}.hero-dashboard-insight>span i{color:var(--secondary)}.hero-mini-chart{height:72px;margin-top:22px;display:flex;align-items:end;gap:6px;padding:8px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.hero-mini-chart i{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(to top,var(--primary),var(--secondary));opacity:.55}.hero-mini-chart i:nth-child(1){height:25%}.hero-mini-chart i:nth-child(2){height:42%}.hero-mini-chart i:nth-child(3){height:33%}.hero-mini-chart i:nth-child(4){height:68%}.hero-mini-chart i:nth-child(5){height:55%}.hero-mini-chart i:nth-child(6){height:82%}
@media(max-width:991px){.hero-v2{padding-top:130px}.hero-v2 h1{font-size:clamp(3rem,9vw,5rem)}.hero-v2-visual{margin-top:58px}.hero-dashboard-body{grid-template-columns:125px 1fr}.hero-dashboard-insight{display:none}.hero-dashboard{width:94%}}
@media(max-width:575px){.hero-v2{min-height:auto;padding:120px 0 0}.hero-v2 h1{font-size:clamp(2.65rem,14vw,4rem);line-height:1.01;letter-spacing:-.055em}.hero-v2 .lead{font-size:.91rem;line-height:1.6;padding:0 10px}.hero-v2-actions{gap:9px!important}.hero-v2-actions .btn{min-width:0;width:calc(50% - 6px);padding:12px 10px!important;font-size:.82rem!important}.hero-v2-visual{margin-top:58px;min-height:285px}.hero-v2-caption{font-size:.5rem;letter-spacing:.16em;margin-bottom:9px}.hero-dashboard{width:96%;padding:7px;border-radius:18px 18px 0 0}.hero-dashboard-top{height:39px;grid-template-columns:auto 1fr auto;gap:7px;padding:0 7px}.hero-dashboard-brand strong{display:none}.hero-dashboard-search{font-size:.52rem;height:25px}.hero-dashboard-body{grid-template-columns:1fr;min-height:210px}.hero-dashboard-side{display:none}.hero-dashboard-main{padding:14px 10px}.hero-dashboard-heading{margin-bottom:10px}.hero-dashboard-heading h3{font-size:.85rem}.hero-dashboard-heading>span{font-size:.48rem;padding:4px 7px}.hero-product-preview{gap:6px}.hero-product-preview-card{grid-template-columns:28px 1fr auto;padding:7px 8px;gap:7px}.hero-preview-icon{width:28px;height:28px;font-size:.56rem}.hero-product-preview-card strong{font-size:.58rem}.hero-product-preview-card small{font-size:.45rem}.hero-product-preview-card b{font-size:.52rem}.hero-v2-ring{top:25px;height:170px}.hero-v2-orbit{bottom:5%;height:125px}.hero-v2:after{bottom:-16%;height:34%}}
@media(prefers-reduced-motion:reduce){.hero-v2 .text-gradient{animation:none}}

/* Final hero refinements */
.hero .text-gradient{
  background:linear-gradient(100deg,#cda7ff 0%,#9b4dff 24%,#00e5ff 52%,#9b4dff 78%,#cda7ff 100%);
  background-size:220% 100%;
  background-position:0% 50%;
  animation:heroGradientSmooth 8s ease-in-out infinite alternate;
  will-change:background-position;
}
@keyframes heroGradientSmooth{
  0%{background-position:0% 50%}
  100%{background-position:100% 50%}
}
.hero-preview-icon{
  overflow:hidden;
  flex-shrink:0;
}
.hero-preview-icon img{
  width:24px!important;
  height:24px!important;
  max-width:calc(100% - 8px)!important;
  max-height:calc(100% - 8px)!important;
  object-fit:contain;
  object-position:center;
  display:block;
  background:transparent!important;
}
.hero-preview-icon.capcut img{width:25px!important;height:25px!important}
.hero-preview-icon.gemini img{width:22px!important;height:22px!important}
.hero-preview-icon.canva img{width:25px!important;height:25px!important}
@media(max-width:575px){
  .hero-preview-icon img{width:20px!important;height:20px!important}
  .hero-preview-icon.capcut img,.hero-preview-icon.canva img{width:21px!important;height:21px!important}
  .hero-preview-icon.gemini img{width:19px!important;height:19px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero .text-gradient{animation:none;background-position:50% 50%}
}

/* Final headline + Gemini logo polish */
.hero .text-gradient{
  background:linear-gradient(100deg,#d9b8ff 0%,#b66cff 28%,#8a2be2 50%,#7b55ff 68%,#00dff5 100%);
  background-size:200% 100%;
  background-position:0% 50%;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:heroGradientSmooth 8s ease-in-out infinite alternate;
}
.hero-preview-icon.gemini{
  width:34px;
  height:34px;
  border-radius:50%;
  padding:3px;
  background:linear-gradient(135deg,#fff,#f2efff);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 0 12px rgba(138,43,226,.18);
}
.hero-preview-icon.gemini img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:50%;
  object-fit:cover;
  background:#fff!important;
}
@media(max-width:575px){
  .hero-preview-icon.gemini{
    width:28px;
    height:28px;
    padding:2px;
  }
}

/* Hero tool logos — match Gemini circular treatment */
.hero-preview-icon.capcut,
.hero-preview-icon.canva{
  width:34px;
  height:34px;
  border-radius:50%;
  padding:3px;
  background:linear-gradient(135deg,#fff,#f2efff);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 0 12px rgba(138,43,226,.14);
}
.hero-preview-icon.capcut img,
.hero-preview-icon.canva img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:50%;
  object-fit:cover;
  background:#fff!important;
}
@media(max-width:575px){
  .hero-preview-icon.capcut,
  .hero-preview-icon.canva{
    width:28px;
    height:28px;
    padding:2px;
  }
}

/* Review carousel manual drag + hero-to-tools blend */
.reviews-carousel{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.reviews-carousel.is-dragging{cursor:grabbing}
.reviews-carousel.is-dragging .reviews-track{transition:none}
.reviews-track{cursor:grab}
.reviews-carousel .review-slide{user-select:none}
.reviews-carousel .review-image-card img{pointer-events:none}
.hero-v2 + .section-alt{
  position:relative;
  z-index:4;
  margin-top:-58px;
  padding-top:125px;
  background:linear-gradient(to bottom,rgba(5,5,8,0) 0%,rgba(5,5,8,.55) 28%,rgba(5,5,8,.92) 58%,#050508 78%);
}
.hero-v2 + .section-alt:before{
  content:'';
  position:absolute;
  left:0;right:0;top:-55px;height:130px;
  background:radial-gradient(ellipse at 50% 20%,rgba(138,43,226,.10),transparent 58%);
  pointer-events:none;
}
@media(max-width:575px){
  .hero-v2 + .section-alt{
    margin-top:-28px;
    padding-top:92px;
    background:linear-gradient(to bottom,rgba(5,5,8,0) 0%,rgba(5,5,8,.7) 30%,#050508 70%);
  }
  .hero-v2 + .section-alt:before{top:-30px;height:90px}
}

/* Mobile review swipe fix */
.reviews-carousel{
  overflow:hidden;
  touch-action:pan-y;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
.reviews-carousel .reviews-track{
  will-change:transform;
  cursor:grab;
}
.reviews-carousel.is-dragging .reviews-track{cursor:grabbing}
.reviews-carousel .review-image-card,
.reviews-carousel .review-image-card img{
  -webkit-user-drag:none;
  user-select:none;
  -webkit-user-select:none;
}
@media(max-width:575px){
  .reviews-carousel{touch-action:pan-y}
  .reviews-carousel .review-slide{flex:0 0 82vw}
}


/* Hero bottom boundary — soft downward fade */
.hero-v2{
  position:relative;
}
.hero-v2:after{
  -webkit-mask-image:linear-gradient(to bottom,black 0%,black 45%,rgba(0,0,0,.55) 68%,transparent 100%);
  mask-image:linear-gradient(to bottom,black 0%,black 45%,rgba(0,0,0,.55) 68%,transparent 100%);
}
.hero-v2 + .section-alt{
  position:relative;
}
.hero-v2 + .section-alt:after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:-90px;
  height:110px;
  background:linear-gradient(to bottom,transparent 0%,rgba(5,5,8,.38) 42%,#050508 100%);
  pointer-events:none;
  z-index:0;
}
.hero-v2 + .section-alt .container{
  position:relative;
  z-index:2;
}
@media(max-width:575px){
  .hero-v2:after{
    bottom:-12%;
    height:34%;
    -webkit-mask-image:linear-gradient(to bottom,black 0%,black 38%,rgba(0,0,0,.45) 65%,transparent 100%);
    mask-image:linear-gradient(to bottom,black 0%,black 38%,rgba(0,0,0,.45) 65%,transparent 100%);
  }
  .hero-v2 + .section-alt:after{
    top:-70px;
    height:90px;
    background:linear-gradient(to bottom,transparent 0%,rgba(5,5,8,.3) 45%,#050508 100%);
  }
}
