:root{
  --deep:#000814;--deep2:#000d1a;--deep3:#001225;--deep4:#001a33;
  --blue:#0066FF;--blue2:#0044CC;--blue3:#0088FF;--blue4:#00AAFF;--blue5:#003399;
  --pearl:#B8D4F0;--pearl2:#D4E8FF;--pearl3:#EAF4FF;
  --gold:#D4AF37;--gold2:#F0CC6A;--gold3:#FFF4B8;
  --led:#00AAFF;--white:#ffffff;
  --t:#6B8CAE;--t2:#4A6B8A;
  --serif:'Georgia',serif;--sans:'Helvetica Neue',Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--deep);color:#C8D8E8;font-family:var(--sans);overflow-x:hidden;cursor:none;}

/* CURSORE */
.cur{position:fixed;width:8px;height:8px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 0 12px var(--gold),0 0 24px rgba(212,175,55,.4);}
.cur-f{position:fixed;width:30px;height:30px;border:1px solid rgba(212,175,55,.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .08s linear;}
.cur-f.hov{width:50px;height:50px;border-color:var(--blue4);background:rgba(0,170,255,.05);}
.cur-f{position:fixed;width:28px;height:28px;border:1px solid rgba(0,170,255,.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .06s linear;}
.cur-f.hov{width:48px;height:48px;border-color:var(--gold);background:rgba(212,175,55,.05);}

/* BLOB SFONDO */
.blobs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.blob{position:absolute;border-radius:50%;filter:blur(100px);}
.b1{width:700px;height:700px;background:rgba(0,68,204,.1);top:-200px;left:-200px;animation:bf 16s ease-in-out infinite;}
.b2{width:600px;height:600px;background:rgba(0,136,255,.07);bottom:-150px;right:-100px;animation:bf 20s ease-in-out infinite 4s;}
.b3{width:500px;height:500px;background:rgba(0,170,255,.06);top:40%;left:40%;animation:bf 12s ease-in-out infinite 8s;}
.b4{width:350px;height:350px;background:rgba(212,175,55,.04);top:20%;right:10%;animation:bf 14s ease-in-out infinite 2s;}
@keyframes bf{0%,100%{transform:scale(1) translate(0,0);}33%{transform:scale(1.1) translate(-20px,-30px);}66%{transform:scale(.95) translate(20px,15px);}}
body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(0,102,255,.012) 3px,rgba(0,102,255,.012) 4px);z-index:0;pointer-events:none;}

/* BORDO LED BLU */
@keyframes ledAnim{0%{background-position:0% 50%;opacity:.5;}50%{background-position:100% 50%;opacity:1;}100%{background-position:0% 50%;opacity:.5;}}
.led-border{position:relative;}
.led-border::before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(90deg,#001a33,#0066ff,#00aaff,#4499ff,#0066ff,#00ccff,#0066ff,#001a33);background-size:400%;animation:ledAnim 2.5s linear infinite;z-index:-1;opacity:.5;}
.led-border:hover::before{opacity:1;}
.led-border-sm::before{opacity:.2;}
.led-border-sm:hover::before{opacity:.7;}

/* BORDO ORO */
@keyframes goldAnim{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.gold-border{position:relative;}
.gold-border::before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(90deg,#6b4f0a,#d4af37,#f0cc6a,#ffd700,#d4af37,#f0cc6a,#6b4f0a);background-size:400%;animation:goldAnim 3s linear infinite;z-index:-1;opacity:0;}
.gold-border:hover::before{opacity:.6;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 60px;height:76px;display:flex;align-items:center;justify-content:space-between;transition:all .4s;background:rgba(0,8,20,.96);border-bottom:1px solid rgba(212,175,55,.12);backdrop-filter:blur(20px);}
nav::after{content:'';position:absolute;bottom:0;left:60px;right:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),rgba(0,170,255,.2),rgba(212,175,55,.3),transparent);}
nav.sc{background:rgba(0,8,20,.92);backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,102,255,.15);height:64px;}
nav.sc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,170,255,.4),rgba(212,175,55,.2),rgba(0,170,255,.4),transparent);}
.nav-logo{font-family:var(--serif);font-size:22px;font-weight:300;letter-spacing:8px;color:var(--white);text-decoration:none;}
.nav-logo .acc{background:linear-gradient(135deg,var(--pearl),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nav-links{display:flex;gap:40px;list-style:none;}
.nav-links a{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--t);text-decoration:none;transition:color .3s;position:relative;padding-bottom:4px;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:1px;background:linear-gradient(90deg,var(--blue3),var(--gold));transition:all .35s;transform:translateX(-50%);}
.nav-links a:hover{color:var(--white);}
.nav-links a:hover::after{width:100%;}
.nav-r{display:flex;align-items:center;gap:12px;}
.cart-btn{background:rgba(0,102,255,.1);border:1px solid rgba(0,170,255,.2);color:var(--pearl2);padding:8px 18px;border-radius:24px;font-size:10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;backdrop-filter:blur(8px);}
.cart-btn:hover{background:rgba(0,102,255,.2);border-color:rgba(0,170,255,.4);}
.cart-count{background:linear-gradient(135deg,var(--blue2),var(--gold));color:var(--white);width:18px;height:18px;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700;}
.nav-cta{position:relative;background:transparent;border:1px solid rgba(0,170,255,.3);color:var(--pearl);padding:10px 26px;border-radius:26px;font-size:10px;letter-spacing:2px;cursor:pointer;overflow:hidden;transition:all .35s;backdrop-filter:blur(8px);}
.nav-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--blue2),var(--blue));opacity:0;transition:opacity .35s;}
.nav-cta:hover{color:var(--white);border-color:transparent;box-shadow:0 0 28px rgba(0,102,255,.5);}
.nav-cta:hover::before{opacity:1;}
.nav-cta span{position:relative;z-index:1;}

/* HERO */
.hero{position:relative;z-index:1;min-height:110vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 40px 80px;overflow:hidden;}
.hero-geo{position:absolute;inset:0;pointer-events:none;}
.geo-ring{position:absolute;border-radius:50%;border:1px solid;top:50%;left:50%;transform:translate(-50%,-50%);animation:geoRing var(--gd,5s) ease-out infinite var(--gdel,0s);}
@keyframes geoRing{0%{opacity:.6;transform:translate(-50%,-50%) scale(.7);}100%{opacity:0;transform:translate(-50%,-50%) scale(1.3);}}
.geo-ring:nth-child(1){width:500px;height:500px;border-color:rgba(0,102,255,.2);--gd:5s;}
.geo-ring:nth-child(2){width:700px;height:700px;border-color:rgba(0,170,255,.12);--gd:5s;--gdel:1s;}
.geo-ring:nth-child(3){width:900px;height:900px;border-color:rgba(212,175,55,.07);--gd:5s;--gdel:2s;}
.geo-ring:nth-child(4){width:1100px;height:1100px;border-color:rgba(0,102,255,.04);--gd:5s;--gdel:3s;}
.hero-cross{position:absolute;width:1px;height:60px;background:linear-gradient(180deg,transparent,rgba(0,170,255,.35),transparent);animation:crossFloat var(--cd,8s) ease-in-out infinite var(--cdel,0s);}
@keyframes crossFloat{0%,100%{opacity:.3;transform:translateY(0);}50%{opacity:.7;transform:translateY(-15px);}}
.hero-cross::after{content:'';position:absolute;width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,170,255,.35),transparent);top:50%;left:50%;transform:translate(-50%,-50%);}

/* LED BORDER HERO BADGE */
.badge{display:inline-flex;align-items:center;gap:10px;background:rgba(0,102,255,.1);border:1px solid rgba(0,170,255,.25);border-radius:32px;padding:8px 22px;font-size:9px;letter-spacing:3.5px;color:var(--pearl);margin-bottom:32px;backdrop-filter:blur(10px);animation:badgeFloat 3s ease-in-out infinite;position:relative;}
.badge::before{content:'';position:absolute;inset:-1px;border-radius:32px;background:linear-gradient(90deg,transparent,rgba(0,170,255,.4),rgba(212,175,55,.2),rgba(0,170,255,.4),transparent);background-size:200%;animation:ledAnim 3s linear infinite;z-index:-1;}
@keyframes badgeFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:dotBlink 1.8s ease-in-out infinite;}
@keyframes dotBlink{0%,100%{opacity:1;}50%{opacity:.3;}}
h1.hero-title{font-family:var(--serif);font-size:clamp(52px,9vw,115px);font-weight:300;line-height:.95;letter-spacing:-1px;color:var(--white);margin-bottom:4px;}
h1.hero-title .line2{display:block;font-size:.65em;letter-spacing:8px;color:rgba(255,255,255,.35);}
h1.hero-title .line3{display:block;font-style:italic;font-size:.82em;background:linear-gradient(135deg,var(--pearl),var(--gold2),var(--pearl2),var(--gold));background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradAnim 6s ease infinite;margin-top:8px;}
@keyframes gradAnim{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.hero-sub{font-size:13px;letter-spacing:2px;color:var(--t);max-width:500px;margin:20px auto 44px;line-height:2.2;}
.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.btn-primary{position:relative;background:linear-gradient(135deg,var(--blue2),var(--blue),var(--blue4));border:none;color:var(--white);padding:16px 48px;border-radius:48px;font-size:10px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:all .4s;box-shadow:0 8px 32px rgba(0,102,255,.4);}
.btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--gold2),var(--blue));opacity:0;transition:opacity .4s;}
.btn-primary:hover{transform:translateY(-4px);box-shadow:0 0 40px rgba(0,170,255,.6),0 16px 48px rgba(0,102,255,.4);}
.btn-primary:hover::after{opacity:1;}
.btn-primary span{position:relative;z-index:1;}
.btn-secondary{background:transparent;border:1px solid rgba(0,170,255,.3);color:var(--pearl2);padding:16px 48px;border-radius:48px;font-size:10px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .4s;backdrop-filter:blur(8px);}
.btn-secondary:hover{background:rgba(0,102,255,.1);border-color:rgba(0,170,255,.6);color:var(--white);box-shadow:0 0 24px rgba(0,170,255,.2);}
.hero-scroll{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--t2);font-size:8px;letter-spacing:4px;animation:scroll 2.5s ease-in-out infinite;}
@keyframes scroll{0%,100%{opacity:.4;transform:translateX(-50%) translateY(0);}50%{opacity:1;transform:translateX(-50%) translateY(10px);}}
.scroll-line{width:1px;height:48px;background:linear-gradient(180deg,rgba(0,170,255,.8),transparent);}

/* TRUST */
.trust{position:relative;z-index:1;padding:18px 60px;border-top:1px solid rgba(0,102,255,.1);border-bottom:1px solid rgba(0,102,255,.1);display:flex;justify-content:center;gap:52px;flex-wrap:wrap;background:rgba(0,102,255,.04);}
.ti{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;color:var(--t);}
.ti-icon{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,rgba(0,102,255,.3),rgba(212,175,55,.2));display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;}

/* MARQUEE */
.mwrap{position:relative;z-index:1;overflow:hidden;padding:14px 0;background:rgba(0,102,255,.06);border-top:1px solid rgba(0,170,255,.07);border-bottom:1px solid rgba(0,170,255,.07);}
.mwrap::before,.mwrap::after{content:'';position:absolute;top:0;width:120px;height:100%;z-index:2;pointer-events:none;}
.mwrap::before{left:0;background:linear-gradient(90deg,var(--deep),transparent);}
.mwrap::after{right:0;background:linear-gradient(270deg,var(--deep),transparent);}
.mtrack{display:flex;gap:52px;white-space:nowrap;animation:mq 20s linear infinite;}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mi{font-size:9px;letter-spacing:3.5px;text-transform:uppercase;color:var(--pearl);display:flex;align-items:center;gap:16px;opacity:.6;}
.md{width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,var(--blue4),var(--gold));}

/* SEZIONE */
.sec{position:relative;z-index:1;padding:100px 60px;}
.stag{font-size:8px;letter-spacing:5px;text-transform:uppercase;color:var(--blue4);margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.stag::before{content:'';width:28px;height:1px;background:linear-gradient(90deg,var(--blue3),var(--gold));}
.stitle{font-family:var(--serif);font-size:clamp(30px,4vw,52px);font-weight:300;color:var(--white);line-height:1.15;margin-bottom:12px;}
.stitle em{font-style:italic;background:linear-gradient(135deg,var(--pearl),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.ssub{font-size:12px;color:var(--t);line-height:2;max-width:480px;}

/* FILTRI */
.fbtns{display:flex;gap:8px;flex-wrap:wrap;}
.fb{padding:8px 20px;border-radius:22px;font-size:9px;letter-spacing:2.5px;cursor:pointer;text-transform:uppercase;background:transparent;border:1px solid rgba(0,170,255,.14);color:var(--t);transition:all .28s;}
.fb.act,.fb:hover{border-color:rgba(0,170,255,.45);background:rgba(0,102,255,.15);color:var(--pearl2);}

/* PRODOTTI GRIGLIA */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;margin-top:48px;}

/* CARD PREMIUM */
.pc{position:relative;background:rgba(0,18,37,.8);border:1px solid rgba(0,136,255,.1);border-radius:22px;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s,border-color .4s;backdrop-filter:blur(12px);}
.pc::before{content:'';position:absolute;inset:-1px;border-radius:23px;background:linear-gradient(90deg,#001233,#0066ff,#00aaff,#4499ff,#0066ff,#00ccff,#001233);background-size:400%;opacity:0;z-index:-1;animation:ledAnim 2.5s linear infinite;}
.pc:hover{transform:translateY(-12px) scale(1.01);box-shadow:0 0 40px rgba(0,170,255,.2),0 28px 72px rgba(0,102,255,.18);}
.pc:hover::before{opacity:.8;}
.pc::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,102,255,.03),rgba(212,175,55,.015));opacity:0;transition:opacity .4s;z-index:0;}
.pc:hover::after{opacity:1;}

/* IMMAGINE PRODOTTO */
.pimg{width:100%;height:240px;position:relative;overflow:hidden;background:var(--deep2);}
.pimg-geo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.pimg-circle{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,var(--blue2),var(--blue4),var(--pearl));opacity:.6;animation:imgPulse 3s ease-in-out infinite;box-shadow:0 0 60px rgba(0,170,255,.4);}
@keyframes imgPulse{0%,100%{transform:scale(1);opacity:.6;}50%{transform:scale(1.08);opacity:.9;}}
.pimg-diamond{position:absolute;width:60px;height:60px;background:linear-gradient(135deg,rgba(212,175,55,.3),rgba(0,170,255,.2));transform:rotate(45deg);animation:imgPulse 4s ease-in-out infinite 1s;}
.pimg-line1{position:absolute;width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,170,255,.3),transparent);top:40%;transform:rotate(-30deg);}
.pimg-line2{position:absolute;width:160px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.25),transparent);top:60%;transform:rotate(20deg);}
.pimg-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,170,255,.04),transparent);transform:skewX(-20deg);transition:left .7s ease;}
.pc:hover .pimg-shine{left:160%;}
.pimg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(0,10,24,.55) 100%);}
.pbadge{position:absolute;top:14px;left:14px;z-index:2;background:rgba(0,102,255,.7);border:1px solid rgba(0,170,255,.4);color:var(--white);padding:4px 11px;border-radius:14px;font-size:8px;letter-spacing:2px;text-transform:uppercase;backdrop-filter:blur(8px);}

/* BODY PRODOTTO */
.pbody{padding:20px;position:relative;z-index:1;}
.pcategory{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--blue4);margin-bottom:6px;}
.pname{font-family:var(--serif);font-size:19px;color:#ffffff;margin-bottom:6px;letter-spacing:.5px;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.45);}
.pdesc{font-size:10px;color:var(--t);line-height:1.7;margin-bottom:14px;}
.pprices{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
.pprice{font-family:var(--serif);font-size:26px;background:linear-gradient(135deg,var(--pearl),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.pmkt{font-size:12px;color:var(--t2);text-decoration:line-through;}
.psave{font-size:8px;background:rgba(0,170,255,.1);border:1px solid rgba(0,170,255,.25);color:var(--blue4);padding:3px 8px;border-radius:9px;letter-spacing:1px;}
.prating{display:flex;align-items:center;gap:6px;margin-bottom:14px;}
.pstars{display:flex;gap:2px;}
.pstar{width:10px;height:10px;background:var(--gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.25;}
.pstar.on{opacity:1;}
.prating-num{font-size:10px;color:var(--t);}
.btn-add{width:100%;background:rgba(0,102,255,.12);border:1px solid rgba(0,170,255,.22);color:var(--pearl2);padding:11px;border-radius:11px;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;}
.btn-add::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--blue2),var(--blue3));opacity:0;transition:opacity .3s;}
.btn-add:hover{color:var(--white);border-color:transparent;box-shadow:0 0 20px rgba(0,170,255,.4);}
.btn-add:hover::before{opacity:1;}
.btn-add span{position:relative;z-index:1;}

/* PLACEHOLDER */
.products-placeholder{grid-column:1/-1;padding:80px 40px;text-align:center;border:1px solid rgba(0,170,255,.1);border-radius:22px;background:rgba(0,102,255,.04);backdrop-filter:blur(8px);}
.ph-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(0,102,255,.2),rgba(212,175,55,.1));margin:0 auto 20px;display:flex;align-items:center;justify-content:center;}
.ph-ring{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,170,255,.4);border-top-color:var(--blue4);animation:phSpin 1.5s linear infinite;}
@keyframes phSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.ph-title{font-family:var(--serif);font-size:24px;color:var(--white);margin-bottom:10px;font-weight:300;}
.ph-sub{font-size:12px;color:var(--t);line-height:1.8;max-width:400px;margin:0 auto 24px;}
.ph-steps{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:24px;}
.ph-step{background:rgba(255,255,255,.02);border:1px solid rgba(0,170,255,.12);border-radius:12px;padding:16px 20px;text-align:left;max-width:180px;}
.ph-step-num{font-family:var(--serif);font-size:28px;background:linear-gradient(135deg,var(--pearl),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;}
.ph-step-text{font-size:10px;color:var(--t);line-height:1.6;}

/* FEATURED */
.feat{position:relative;z-index:1;padding:100px 60px;overflow:hidden;}
.feat-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,.07) 0%,transparent 70%);top:50%;left:20%;transform:translate(-50%,-50%);pointer-events:none;}
.feat-glow2{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.04) 0%,transparent 70%);top:30%;right:15%;pointer-events:none;}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1;}
.fimg{width:100%;aspect-ratio:1;border-radius:28px;background:linear-gradient(135deg,var(--deep2),var(--deep3),var(--deep4));position:relative;overflow:hidden;}
/* BORDO ORO SUL FEATURED */
.fimg::before{content:'';position:absolute;inset:-1px;border-radius:29px;background:linear-gradient(90deg,#3d2b00,#d4af37,#f0cc6a,#ffd700,#d4af37,#f0cc6a,#3d2b00);background-size:400%;animation:goldAnim 3s linear infinite;z-index:-1;opacity:.6;}
.fimg-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.fimg-orb{width:220px;height:220px;border-radius:50%;background:conic-gradient(from 0deg,var(--blue2),var(--blue4),var(--pearl),var(--gold2),var(--blue2));animation:orbSpin 8s linear infinite;filter:blur(3px);opacity:.5;}
@keyframes orbSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.fimg-orb2{position:absolute;width:160px;height:160px;border-radius:50%;background:conic-gradient(from 180deg,var(--gold),var(--pearl),var(--blue3),var(--gold));animation:orbSpin 6s linear infinite reverse;filter:blur(4px);opacity:.35;}
.fimg-led{position:absolute;inset:0;box-shadow:inset 0 0 40px rgba(0,170,255,.1),inset 0 0 80px rgba(0,102,255,.05);}
.fimg-ring1{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(0,170,255,.12);animation:fRing 12s linear infinite;}
.fimg-ring2{position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(212,175,55,.07);animation:fRing 16s linear infinite reverse;}
@keyframes fRing{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.flabel{font-size:8px;letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.flabel::before{content:'';width:24px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);}
.ftitle{font-family:var(--serif);font-size:clamp(34px,3.5vw,52px);font-weight:300;color:var(--white);line-height:1.08;margin-bottom:18px;}
.fdesc{font-size:12px;color:var(--t);line-height:2;margin-bottom:32px;}
.fspecs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px;}
.fspec{background:rgba(0,18,37,.8);border:1px solid rgba(0,136,255,.12);border-radius:14px;padding:18px;text-align:center;backdrop-filter:blur(8px);position:relative;overflow:hidden;transition:border-color .3s;}
.fspec::before{content:'';position:absolute;inset:-1px;border-radius:15px;background:linear-gradient(90deg,#001233,#0066ff,#00aaff,#001233);background-size:300%;opacity:0;z-index:-1;animation:ledAnim 2.5s linear infinite;}
.fspec:hover{border-color:rgba(0,170,255,.3);}
.fspec:hover::before{opacity:.4;}
.sv{font-family:var(--serif);font-size:30px;background:linear-gradient(135deg,var(--pearl),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.sl{font-size:8px;letter-spacing:2px;color:var(--t2);margin-top:4px;text-transform:uppercase;}
.fpr{display:flex;align-items:center;gap:18px;margin-bottom:28px;flex-wrap:wrap;}
.fprice{font-family:var(--serif);font-size:48px;background:linear-gradient(135deg,var(--pearl),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.fold{font-size:17px;color:var(--t2);text-decoration:line-through;}
.foff{background:linear-gradient(135deg,var(--blue2),var(--gold2));color:var(--white);padding:5px 15px;border-radius:18px;font-size:9px;letter-spacing:2px;}

/* REVEAL */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.4,0,.2,1),transform .75s cubic-bezier(.4,0,.2,1);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:.1s;}
.reveal-delay-2{transition-delay:.2s;}
.reveal-delay-3{transition-delay:.3s;}

/* PERCHE DOMÜS */
.why{position:relative;z-index:1;padding:100px 60px;background:rgba(0,102,255,.03);border-top:1px solid rgba(0,170,255,.07);border-bottom:1px solid rgba(0,170,255,.07);}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;}
.why-card{background:rgba(0,18,37,.8);border:1px solid rgba(0,136,255,.08);border-radius:20px;padding:36px 28px;position:relative;overflow:hidden;backdrop-filter:blur(8px);transition:transform .35s;}
.why-card::before{content:'';position:absolute;inset:-1px;border-radius:21px;background:linear-gradient(90deg,#001233,#0066ff,#00aaff,#001233);background-size:300%;opacity:0;z-index:-1;animation:ledAnim 2.5s linear infinite;}
.why-card:hover{transform:translateY(-5px);}
.why-card:hover::before{opacity:.4;}
.why-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(0,102,255,.3),rgba(212,175,55,.15));margin-bottom:20px;}
.why-title{font-family:var(--serif);font-size:20px;color:var(--white);margin-bottom:10px;}
.why-desc{font-size:11px;color:var(--t);line-height:1.9;}

/* STATS */
.stats{position:relative;z-index:1;padding:100px 60px;text-align:center;}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;}
.si{padding:40px 20px;border:1px solid rgba(0,136,255,.08);border-radius:20px;background:rgba(0,18,37,.6);backdrop-filter:blur(10px);transition:transform .35s,border-color .35s;position:relative;overflow:hidden;cursor:default;}
.si::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,170,255,.3),rgba(212,175,55,.15),transparent);}
.si::after{content:'';position:absolute;inset:-1px;border-radius:21px;background:linear-gradient(90deg,#001233,#0066ff,#00aaff,#001233);background-size:300%;opacity:0;z-index:-1;animation:ledAnim 2.5s linear infinite;}
.si:hover{transform:translateY(-6px);border-color:rgba(0,170,255,.2);}
.si:hover::after{opacity:.4;}
.sval{font-family:var(--serif);font-size:52px;font-weight:300;background:linear-gradient(135deg,var(--pearl),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;line-height:1;}
.slbl{font-size:9px;letter-spacing:3px;color:var(--t2);text-transform:uppercase;}

/* NEWSLETTER */
.nl{position:relative;z-index:1;padding:100px 60px;text-align:center;overflow:hidden;}
.nl-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,.06) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
.nltitle{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:300;color:var(--white);margin-bottom:14px;position:relative;z-index:1;}
.nltitle em{font-style:italic;background:linear-gradient(135deg,var(--pearl),var(--gold2),var(--pearl));background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradAnim 5s ease infinite;}
.nlsub{font-size:12px;color:var(--t);letter-spacing:.8px;margin-bottom:36px;position:relative;z-index:1;}
.nlform{display:flex;max-width:440px;margin:0 auto;border:1px solid rgba(0,170,255,.2);border-radius:48px;overflow:hidden;background:rgba(0,18,37,.7);backdrop-filter:blur(14px);position:relative;z-index:1;box-shadow:0 0 30px rgba(0,102,255,.1);}
.nlinput{flex:1;background:none;border:none;outline:none;padding:15px 22px;font-size:11px;letter-spacing:.8px;color:var(--white);}
.nlinput::placeholder{color:var(--t2);}
.nlbtn{background:linear-gradient(135deg,var(--blue2),var(--blue));border:none;color:var(--white);padding:13px 30px;font-size:9px;letter-spacing:2px;cursor:pointer;transition:all .3s;}
.nlbtn:hover{background:linear-gradient(135deg,var(--gold),var(--blue2));}

/* FOOTER */
footer{position:relative;z-index:1;padding:56px 60px;border-top:1px solid rgba(0,136,255,.06);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:52px;}
footer::before{content:'';position:absolute;top:0;left:60px;right:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,170,255,.2),rgba(212,175,55,.15),rgba(0,170,255,.2),transparent);}
.flogo{font-family:var(--serif);font-size:22px;letter-spacing:7px;color:var(--white);margin-bottom:14px;}
.flogo .acc{background:linear-gradient(135deg,var(--pearl),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.fdsc{font-size:11px;color:var(--t);line-height:1.9;max-width:220px;}
.fct{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--pearl);margin-bottom:18px;}
.flinks{list-style:none;display:flex;flex-direction:column;gap:10px;}
.flinks a{font-size:11px;color:var(--t2);text-decoration:none;transition:color .25s;display:flex;align-items:center;gap:7px;}
.flinks a::before{content:'';width:0;height:1px;background:linear-gradient(90deg,var(--blue3),var(--gold));transition:width .25s;flex-shrink:0;}
.flinks a:hover{color:var(--white);}
.flinks a:hover::before{width:14px;}
.fbot{position:relative;z-index:1;padding:18px 60px;border-top:1px solid rgba(0,136,255,.05);display:flex;justify-content:space-between;font-size:9px;color:var(--t2);letter-spacing:.8px;flex-wrap:wrap;gap:8px;}

/* CART */
.co{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:300;opacity:0;pointer-events:none;transition:opacity .28s;backdrop-filter:blur(4px);}
.co.open{opacity:1;pointer-events:all;}
.cs{position:fixed;top:0;right:0;bottom:0;width:380px;background:rgba(0,8,20,.97);border-left:1px solid rgba(0,170,255,.12);z-index:301;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:32px;backdrop-filter:blur(24px);}
.cs::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,170,255,.3),rgba(212,175,55,.15),transparent);}
.co.open .cs{transform:translateX(0);}
.ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.ctitle{font-family:var(--serif);font-size:24px;color:var(--white);letter-spacing:2px;}
.cclose{background:rgba(0,102,255,.06);border:1px solid rgba(0,170,255,.1);color:var(--t);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s;}
.cclose:hover{background:rgba(212,175,55,.1);color:var(--gold);}
.citems{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;}
.citems::-webkit-scrollbar{width:3px;}
.citems::-webkit-scrollbar-thumb{background:rgba(0,170,255,.2);border-radius:2px;}
.cempty{text-align:center;color:var(--t2);font-size:11px;margin-top:56px;letter-spacing:.8px;}
.cempty-icon{width:60px;height:60px;border-radius:50%;background:rgba(0,102,255,.06);border:1px solid rgba(0,170,255,.1);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;}
.cempty-line{width:28px;height:1px;background:rgba(0,170,255,.3);margin:0 auto 4px;}
.citem{display:flex;gap:12px;padding:14px;border:1px solid rgba(0,136,255,.07);border-radius:14px;background:rgba(0,18,37,.6);}
.citem:hover{border-color:rgba(0,170,255,.15);}
.cimg{width:58px;height:58px;border-radius:10px;background:linear-gradient(135deg,var(--deep2),var(--deep3));flex-shrink:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.cimg-circle{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--blue2),var(--blue4));opacity:.6;}
.cname{font-family:var(--serif);font-size:14px;color:var(--white);margin-bottom:3px;}
.cprice{font-size:11px;color:var(--pearl);}
.cremove{background:none;border:none;color:var(--t2);font-size:15px;cursor:pointer;margin-left:auto;align-self:flex-start;transition:color .2s;}
.cremove:hover{color:var(--gold);}
.cfooter{border-top:1px solid rgba(0,136,255,.08);padding-top:20px;margin-top:14px;}
.ctot{display:flex;justify-content:space-between;font-size:12px;color:var(--t);margin-bottom:7px;}
.ctbig{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.ctlbl{font-family:var(--serif);font-size:19px;color:var(--white);}
.ctval{font-family:var(--serif);font-size:30px;background:linear-gradient(135deg,var(--pearl),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.bchk{width:100%;background:linear-gradient(135deg,var(--blue2),var(--blue),var(--blue4));border:none;color:var(--white);padding:15px;border-radius:48px;font-size:10px;letter-spacing:2.5px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;}
.bchk::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--gold2),var(--blue2));opacity:0;transition:opacity .3s;}
.bchk:hover{box-shadow:0 0 40px rgba(0,170,255,.5),0 8px 28px rgba(0,102,255,.4);transform:translateY(-1px);}
.bchk:hover::after{opacity:1;}
.bchk span{position:relative;z-index:1;}

/* MODAL */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:400;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(6px);}
.modal-overlay.open{opacity:1;pointer-events:all;}
.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-55%);width:min(680px,92vw);max-height:88vh;overflow-y:auto;background:rgba(0,8,20,.97);border:1px solid rgba(0,170,255,.15);border-radius:24px;z-index:401;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;opacity:0;backdrop-filter:blur(20px);}
.modal::-webkit-scrollbar{width:3px;}
.modal::-webkit-scrollbar-thumb{background:rgba(0,170,255,.2);}
.modal-overlay.open .modal{transform:translate(-50%,-50%);opacity:1;}
/* BORDO ORO SUL MODAL */
.modal::before{content:'';position:absolute;inset:-1px;border-radius:25px;background:linear-gradient(90deg,#3d2b00,#d4af37,#f0cc6a,#ffd700,#d4af37,#3d2b00);background-size:400%;animation:goldAnim 3s linear infinite;z-index:-1;opacity:.4;}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(0,136,255,.08);}
.modal-label{font-size:8px;letter-spacing:4px;color:var(--blue4);text-transform:uppercase;}
.modal-close{background:rgba(0,102,255,.06);border:1px solid rgba(0,170,255,.1);color:var(--t);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px;}
.modal-close:hover{background:rgba(212,175,55,.1);color:var(--gold);}
.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px;}
.modal-img{width:100%;aspect-ratio:1;border-radius:18px;background:linear-gradient(135deg,var(--deep2),var(--deep3));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.modal-img-orb{width:140px;height:140px;border-radius:50%;background:conic-gradient(from 0deg,var(--blue2),var(--blue4),var(--pearl),var(--gold2),var(--blue2));animation:orbSpin 8s linear infinite;filter:blur(3px);opacity:.5;}
.modal-img-ring{position:absolute;width:200px;height:200px;border:1px solid rgba(0,170,255,.12);border-radius:50%;animation:fRing 12s linear infinite;}
.modal-info
.modal-cat{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--blue4);margin-bottom:8px;}
.modal-title{font-family:var(--serif);font-size:clamp(22px,2.5vw,30px);color:var(--white);margin-bottom:10px;}
.modal-desc{font-size:11px;color:var(--t);line-height:1.9;margin-bottom:20px;}
.modal-prices{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.modal-price{font-family:var(--serif);font-size:36px;background:linear-gradient(135deg,var(--pearl),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.modal-mkt{font-size:14px;color:var(--t2);text-decoration:line-through;}
.modal-save{font-size:9px;background:rgba(0,170,255,.1);border:1px solid rgba(0,170,255,.25);color:var(--blue4);padding:3px 9px;border-radius:10px;}
.modal-features{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.modal-feature{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--t);}
.modal-feature::before{content:'';width:18px;height:1px;background:linear-gradient(90deg,var(--blue3),var(--gold));flex-shrink:0;}
.modal-btns{display:flex;flex-direction:column;gap:10px;}
@media(max-width:600px){.modal-body{grid-template-columns:1fr;}}

/* TOAST */
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(80px);background:rgba(0,8,20,.96);border:1px solid rgba(0,170,255,.22);border-radius:48px;padding:12px 26px;color:var(--white);font-size:11px;letter-spacing:.8px;z-index:500;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:9px;box-shadow:0 0 24px rgba(0,102,255,.2);backdrop-filter:blur(14px);}
.toast.show{transform:translateX(-50%) translateY(0);}
.toast-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--blue4),var(--gold));}

@media(max-width:1100px){.fgrid{grid-template-columns:1fr;gap:48px;}.sgrid{grid-template-columns:repeat(2,1fr);}.why-grid{grid-template-columns:repeat(2,1fr);}footer{grid-template-columns:1fr 1fr;}.sec,.feat,.stats,.nl,.why{padding:72px 32px;}nav{padding:0 32px;}.trust{gap:28px;padding:16px 32px;}}
/* RIFINITURE ORO */
.trust{border-top:1px solid rgba(212,175,55,.12);border-bottom:1px solid rgba(212,175,55,.12);}
.sec::before{content:'';display:block;width:60px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin-bottom:16px;}
.why-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);}
.si::before{background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),rgba(0,170,255,.15),rgba(212,175,55,.2),transparent);}
.nl::before{content:'';position:absolute;top:0;left:60px;right:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);}
.pbadge{background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.3);color:var(--gold2);}
.cart-btn:hover{border-color:rgba(212,175,55,.3);}
.flinks a:hover{color:var(--gold2);}
@media(max-width:768px){.nav-links{display:none;}nav{padding:0 20px;}.hero{padding:96px 20px 64px;}.sec,.feat,.nl,.why{padding:60px 20px;}.sgrid{grid-template-columns:repeat(2,1fr);}.why-grid{grid-template-columns:1fr;}footer{grid-template-columns:1fr;padding:40px 20px;}.cs{width:100%;}.fbot{padding:16px 20px;}.trust{gap:20px;padding:14px 20px;}}

/* AURORA PREMIUM (2026-07-20): bagliori morbidi che respirano dietro il hero */
.hero::before{content:'';position:absolute;width:62vw;height:62vw;left:-18vw;top:-22vw;border-radius:50%;
  background:radial-gradient(circle,rgba(0,102,255,.30) 0%,transparent 62%);filter:blur(70px);opacity:.5;
  animation:auroraA 16s ease-in-out infinite alternate;pointer-events:none;z-index:0;}
.hero::after{content:'';position:absolute;width:52vw;height:52vw;right:-16vw;bottom:-18vw;border-radius:50%;
  background:radial-gradient(circle,rgba(212,175,55,.22) 0%,transparent 60%);filter:blur(80px);opacity:.4;
  animation:auroraB 21s ease-in-out infinite alternate;pointer-events:none;z-index:0;}
@keyframes auroraA{from{transform:translate(0,0) scale(1)}to{transform:translate(9vw,7vh) scale(1.18)}}
@keyframes auroraB{from{transform:translate(0,0) scale(1.1)}to{transform:translate(-8vw,-6vh) scale(.95)}}
.stitle{position:relative;}
.stitle::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%);
  background-size:260% 100%;background-position:130% 0;animation:titleShine 6s ease-in-out infinite;}
@keyframes titleShine{0%,55%{background-position:130% 0}85%,100%{background-position:-40% 0}}
@media (prefers-reduced-motion: reduce){.hero::before,.hero::after,.stitle::after{animation:none}}