/* AI OFFICE — Tema futuristico "Neon Glass" (solo CSS vanilla, nessun framework) */
body.futuristic{
  --bg0:#04061a; --bg1:#0a0f2e;
  --glass:rgba(15,23,55,.55); --glass2:rgba(20,30,70,.42);
  --line:rgba(103,232,249,.16); --line2:rgba(167,139,250,.22);
  --txt:#e8f1ff; --mut:#8fa1c7;
  --cyan:#22d3ee; --violet:#a78bfa; --magenta:#e879f9; --green:#34d399; --red:#fb7185; --amber:#fbbf24;
  background:radial-gradient(1200px 600px at 80% -10%,rgba(167,139,250,.14),transparent 60%),
             radial-gradient(1000px 500px at 10% 0%,rgba(34,211,238,.12),transparent 60%),
             linear-gradient(180deg,var(--bg1),var(--bg0));
  background-attachment:fixed; color:var(--txt); min-height:100vh;
}
/* --- Sfondo animato: aurora + particelle --- */
body.futuristic .fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body.futuristic .fx .blob{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(90px);opacity:.5;mix-blend-mode:screen}
body.futuristic .fx .b1{background:radial-gradient(circle,rgba(34,211,238,.35),transparent 65%);top:-18vmax;left:-12vmax;animation:drift1 22s ease-in-out infinite alternate}
body.futuristic .fx .b2{background:radial-gradient(circle,rgba(167,139,250,.38),transparent 65%);bottom:-22vmax;right:-14vmax;animation:drift2 26s ease-in-out infinite alternate}
body.futuristic .fx .b3{background:radial-gradient(circle,rgba(232,121,249,.22),transparent 65%);top:40%;left:55%;animation:drift1 30s ease-in-out infinite alternate-reverse}
@keyframes drift1{to{transform:translate(9vmax,7vmax) scale(1.15)}}
@keyframes drift2{to{transform:translate(-8vmax,-6vmax) scale(1.1)}}
body.futuristic .fx-grid{position:absolute;inset:0;
  background-image:linear-gradient(rgba(103,232,249,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.05) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 30%,transparent 75%)}
body.futuristic .fx-particles span{position:absolute;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px 1px currentColor;opacity:.7;animation:rise linear infinite}
body.futuristic .fx-particles span:nth-child(3n){color:var(--violet);background:var(--violet)}
body.futuristic .fx-particles span:nth-child(4n){color:var(--magenta);background:var(--magenta)}
@keyframes rise{from{transform:translateY(12vh);opacity:0}15%{opacity:.8}to{transform:translateY(-110vh);opacity:0}}
body.futuristic .app,body.futuristic .topbar,body.futuristic .sidebar{position:relative;z-index:1}
/* --- Sidebar vetro --- */
body.futuristic .sidebar{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-right:1px solid var(--line)}
body.futuristic .sidebar .brand{font-weight:800;letter-spacing:1px;font-size:18px;
  background:linear-gradient(90deg,var(--cyan),var(--violet),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 12px rgba(34,211,238,.45));animation:brandPulse 4s ease-in-out infinite}
@keyframes brandPulse{50%{filter:drop-shadow(0 0 22px rgba(167,139,250,.65))}}
body.futuristic .sidebar nav a{color:#c6d4f5;border:1px solid transparent;transition:all .25s ease}
body.futuristic .sidebar nav a:hover{background:rgba(34,211,238,.1);border-color:var(--line);box-shadow:0 0 14px rgba(34,211,238,.25),inset 0 0 12px rgba(34,211,238,.08);transform:translateX(4px)}
body.futuristic .sidebar nav a.active{background:linear-gradient(90deg,rgba(34,211,238,.18),rgba(167,139,250,.18));
  border-color:var(--line2);box-shadow:0 0 16px rgba(167,139,250,.35);color:#fff}
/* --- Topbar vetro --- */
body.futuristic .topbar{background:rgba(6,10,32,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
body.futuristic .topbar .user a{color:var(--txt)}body.futuristic .muted{color:var(--mut)!important}
body.futuristic .search input{background:rgba(10,16,45,.7);border:1px solid var(--line);color:var(--txt)}
body.futuristic .search input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.2),0 0 18px rgba(34,211,238,.35)}
body.futuristic #gr{background:rgba(10,16,45,.97);border:1px solid var(--line2)}
body.futuristic #gr a{color:var(--txt);border-bottom:1px solid rgba(103,232,249,.08)}
body.futuristic #gr a:hover{background:rgba(34,211,238,.12)}
body.futuristic .badge{box-shadow:0 0 10px rgba(251,113,133,.9);animation:bellPulse 2s ease-in-out infinite}
@keyframes bellPulse{50%{box-shadow:0 0 20px rgba(251,113,133,1)}}
/* --- Card / stat in vetro --- */
body.futuristic .card,body.futuristic .stat{background:var(--glass2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid var(--line);border-radius:16px;color:var(--txt);
  box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
body.futuristic .card:hover{border-color:var(--line2);box-shadow:0 8px 40px rgba(0,0,0,.45),0 0 24px rgba(34,211,238,.15)}
body.futuristic .stat{position:relative;overflow:hidden}
body.futuristic .stat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--cyan),var(--violet),var(--magenta));opacity:.9;box-shadow:0 0 12px rgba(34,211,238,.8)}
body.futuristic .stat b{font-size:28px;background:linear-gradient(90deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 10px rgba(34,211,238,.4))}
body.futuristic .card h2,body.futuristic .card h3{color:#fff;text-shadow:0 0 18px rgba(167,139,250,.35)}
body.futuristic .card a{color:var(--cyan)}body.futuristic .card a:hover{color:#fff;text-shadow:0 0 10px var(--cyan)}
body.futuristic .tilt{transform-style:preserve-3d;will-change:transform}
/* --- Bottoni neon --- */
body.futuristic .btn{background:linear-gradient(90deg,#0ea5c9,var(--violet));border:1px solid rgba(255,255,255,.15);
  box-shadow:0 0 16px rgba(34,211,238,.4),0 4px 18px rgba(0,0,0,.4);transition:all .25s ease}
body.futuristic .btn:hover{box-shadow:0 0 28px rgba(34,211,238,.7),0 0 60px rgba(167,139,250,.35);transform:translateY(-2px);color:#fff}
body.futuristic .btn.sec{background:rgba(34,211,238,.08);border:1px solid var(--line);box-shadow:none;color:var(--txt)}
body.futuristic .btn.sec:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(34,211,238,.4)}
body.futuristic .btn.danger{background:linear-gradient(90deg,#e11d48,#f97316);box-shadow:0 0 16px rgba(251,113,133,.45)}
body.futuristic .btn.ok{background:linear-gradient(90deg,#059669,#22d3ee);box-shadow:0 0 16px rgba(52,211,153,.45)}
/* --- Tabelle --- */
body.futuristic table.tbl{background:rgba(10,16,45,.5);backdrop-filter:blur(12px);border:1px solid var(--line)}
body.futuristic .tbl th{background:rgba(34,211,238,.07);color:var(--cyan);text-transform:uppercase;font-size:11px;letter-spacing:1px;border-bottom:1px solid var(--line2)}
body.futuristic .tbl td{border-bottom:1px solid rgba(103,232,249,.08);color:var(--txt)}
body.futuristic .tbl tr{transition:background .2s ease}
body.futuristic .tbl tbody tr:hover{background:rgba(34,211,238,.07);box-shadow:inset 0 0 20px rgba(34,211,238,.06)}
body.futuristic .tbl a{color:var(--cyan)}
/* --- Form --- */
body.futuristic input,body.futuristic select,body.futuristic textarea{background:rgba(6,10,32,.7);border:1px solid var(--line);color:var(--txt)}
body.futuristic input:focus,body.futuristic select:focus,body.futuristic textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.18),0 0 16px rgba(34,211,238,.3)}
body.futuristic select option{background:#0a0f2e}
body.futuristic label{color:#c6d4f5}
/* --- Pill / alert --- */
body.futuristic .pill{background:rgba(34,211,238,.12);border:1px solid var(--line);color:var(--cyan)}
body.futuristic .pill.green{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.4);color:var(--green)}
body.futuristic .pill.red{background:rgba(251,113,133,.12);border-color:rgba(251,113,133,.4);color:var(--red)}
body.futuristic .pill.blue{background:rgba(167,139,250,.14);border-color:var(--line2);color:#c4b5fd}
body.futuristic .alert.ok{background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.5);color:#d1fae5;box-shadow:0 0 18px rgba(52,211,153,.25)}
body.futuristic .alert.err{background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.5);color:#ffe4e6;box-shadow:0 0 18px rgba(251,113,133,.25)}
/* --- Grafico a barre animato --- */
body.futuristic .bars{display:flex;align-items:flex-end;gap:10px;height:170px;padding-top:10px}
body.futuristic .bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
body.futuristic .bar i{display:block;width:100%;max-width:44px;border-radius:8px 8px 4px 4px;
  background:linear-gradient(180deg,var(--cyan),var(--violet));box-shadow:0 0 14px rgba(34,211,238,.5);
  transform-origin:bottom;animation:grow .9s cubic-bezier(.2,.9,.25,1.2) backwards}
body.futuristic .bar:nth-child(2n) i{background:linear-gradient(180deg,var(--violet),var(--magenta));box-shadow:0 0 14px rgba(167,139,250,.5)}
body.futuristic .bar small{color:var(--mut);font-size:10px}body.futuristic .bar b{font-size:12px;color:#fff}
@keyframes grow{from{transform:scaleY(0)}}
/* --- Quick actions --- */
body.futuristic .qa{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
body.futuristic .qa a{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;text-decoration:none;
  background:rgba(34,211,238,.06);border:1px solid var(--line);color:var(--txt);transition:all .25s ease}
body.futuristic .qa a:hover{border-color:var(--cyan);box-shadow:0 0 20px rgba(34,211,238,.35);transform:translateY(-2px);color:#fff}
/* --- Guest (login) --- */
body.futuristic.guest{background:radial-gradient(1000px 500px at 50% 0%,rgba(167,139,250,.16),transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg0))}
body.futuristic .guest-card{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--line2);color:var(--txt);
  box-shadow:0 0 40px rgba(34,211,238,.15),0 20px 60px rgba(0,0,0,.5);animation:cardIn .6s cubic-bezier(.2,.9,.3,1.2)}
body.futuristic .guest-card h1{background:linear-gradient(90deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 14px rgba(34,211,238,.5))}
body.futuristic .guest-card a{color:var(--cyan)}
@keyframes cardIn{from{opacity:0;transform:translateY(24px) scale(.97)}}
/* --- Menu mobile --- */
body.futuristic .menu-btn{background:rgba(34,211,238,.1);border:1px solid var(--line);color:var(--cyan);border-radius:8px;padding:6px 10px}
/* --- Accessibilità: riduci movimento --- */
@media (prefers-reduced-motion:reduce){
  body.futuristic *,body.futuristic *::before,body.futuristic *::after{animation:none!important;transition:none!important}
  body.futuristic .fx{display:none}
}

/* ================= LANDING dark neon ================= */
body.landing{background:linear-gradient(180deg,#0a0f2e,#04061a);background-attachment:fixed;color:#e8f1ff;min-height:100vh}
body.landing .fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body.landing .fx .blob{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(90px);opacity:.5;mix-blend-mode:screen}
body.landing .fx .b1{background:radial-gradient(circle,rgba(34,211,238,.35),transparent 65%);top:-18vmax;left:-12vmax;animation:drift1 22s ease-in-out infinite alternate}
body.landing .fx .b2{background:radial-gradient(circle,rgba(167,139,250,.38),transparent 65%);bottom:-22vmax;right:-14vmax;animation:drift2 26s ease-in-out infinite alternate}
body.landing .fx .b3{background:radial-gradient(circle,rgba(232,121,249,.22),transparent 65%);top:40%;left:55%;animation:drift1 30s ease-in-out infinite alternate-reverse}
body.landing .fx-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(103,232,249,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 30%,transparent 75%)}
body.landing .fx-particles span{position:absolute;border-radius:50%;background:#22d3ee;box-shadow:0 0 8px 1px currentColor;opacity:.7;animation:rise linear infinite}
body.landing .fx-particles span:nth-child(3n){color:#a78bfa;background:#a78bfa}
body.landing .lnav,body.landing .hero-neon,body.landing .trust,body.landing .lsec,body.landing .lfoot{position:relative;z-index:1}
body.landing .lnav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;position:sticky;top:0;z-index:10;
  background:rgba(6,10,32,.65);backdrop-filter:blur(18px);border-bottom:1px solid rgba(103,232,249,.16);flex-wrap:wrap}
body.landing .lnav b{background:linear-gradient(90deg,#22d3ee,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:18px}
body.landing .lnav a{color:#c6d4f5;text-decoration:none;margin-left:14px}
body.landing .lnav a:hover{color:#fff;text-shadow:0 0 10px #22d3ee}
body.landing .btn{background:linear-gradient(90deg,#0ea5c9,#a78bfa);color:#fff;border:1px solid rgba(255,255,255,.15);padding:9px 16px;border-radius:10px;text-decoration:none;font-weight:700;display:inline-block;
  box-shadow:0 0 16px rgba(34,211,238,.4);transition:all .25s ease}
body.landing .btn:hover{box-shadow:0 0 28px rgba(34,211,238,.7);transform:translateY(-2px);color:#fff}
body.landing .btn.sec{background:rgba(34,211,238,.08);border:1px solid rgba(103,232,249,.3);box-shadow:none;color:#e8f1ff}
body.landing .btn.big{padding:14px 28px;font-size:17px;border-radius:12px}
body.landing .hero-neon{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;max-width:1180px;margin:auto;padding:70px 24px 40px}
body.landing .eyebrow{display:inline-block;padding:6px 14px;border-radius:99px;font-size:13px;color:#22d3ee;border:1px solid rgba(103,232,249,.35);background:rgba(34,211,238,.08);box-shadow:0 0 16px rgba(34,211,238,.25)}
body.landing .hero-neon h1{font-size:clamp(32px,4.6vw,54px);line-height:1.08;margin:18px 0;color:#fff}
body.landing .grad{background:linear-gradient(90deg,#22d3ee,#a78bfa,#e879f9);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(34,211,238,.4))}
body.landing .sub{color:#aebbdd;font-size:18px;max-width:520px}
body.landing .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 10px}
body.landing .micro{color:#8fa1c7;font-size:13px}
body.landing .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1180px;margin:10px auto 0;padding:0 24px}
body.landing .trust div{background:rgba(20,30,70,.42);border:1px solid rgba(103,232,249,.16);border-radius:14px;padding:14px;color:#e8f1ff}
body.landing .trust small{display:block;color:#8fa1c7}
body.landing .lsec{max-width:1180px;margin:auto;padding:56px 24px 8px}
body.landing .lsec h2{text-align:center;font-size:clamp(26px,3.4vw,38px);color:#fff;text-shadow:0 0 24px rgba(167,139,250,.4)}
body.landing .center{text-align:center;color:#aebbdd}
body.landing .center a{color:#22d3ee}
body.landing .feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:26px 0}
body.landing .feat{background:rgba(20,30,70,.42);backdrop-filter:blur(14px);border:1px solid rgba(103,232,249,.16);border-radius:16px;padding:20px;color:#e8f1ff;transition:all .3s ease}
body.landing .feat:hover{border-color:rgba(167,139,250,.5);box-shadow:0 0 26px rgba(34,211,238,.18);transform:translateY(-3px)}
body.landing .feat h3{color:#fff;margin-top:0}
body.landing .feat p{color:#aebbdd}
body.landing .feat code{background:rgba(34,211,238,.12);padding:2px 8px;border-radius:6px;color:#22d3ee}
body.landing .feats.price{grid-template-columns:repeat(4,1fr);text-align:center}
body.landing .pnum b{font-size:30px;background:linear-gradient(90deg,#fff,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
body.landing .chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px 0}
body.landing .chips span{padding:10px 16px;border-radius:99px;background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.4);color:#ddd0ff;font-size:14px}
body.landing .faq{max-width:760px;margin:20px auto;display:flex;flex-direction:column;gap:10px}
body.landing .faq details{background:rgba(20,30,70,.42);border:1px solid rgba(103,232,249,.16);border-radius:12px;padding:14px 18px;color:#e8f1ff}
body.landing .faq summary{cursor:pointer;font-weight:700;color:#fff}
body.landing .faq p{color:#aebbdd}
/* mockup dashboard */
body.landing .hero-mock{position:relative}
body.landing .mk-window{background:rgba(12,20,50,.75);backdrop-filter:blur(18px);border:1px solid rgba(103,232,249,.3);border-radius:16px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 50px rgba(34,211,238,.15);animation:cardIn .8s cubic-bezier(.2,.9,.3,1.15)}
body.landing .mk-bar{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(103,232,249,.15);color:#8fa1c7;font-size:12px}
body.landing .mk-bar i{width:10px;height:10px;border-radius:50%;background:#fb7185}
body.landing .mk-bar i:nth-child(2){background:#fbbf24}body.landing .mk-bar i:nth-child(3){background:#34d399}
body.landing .mk-bar span{margin-left:8px}
body.landing .mk-body{display:grid;grid-template-columns:64px 1fr;min-height:250px}
body.landing .mk-side{border-right:1px solid rgba(103,232,249,.12);padding:14px 10px;display:flex;flex-direction:column;gap:10px}
body.landing .mk-side b{height:10px;border-radius:5px;background:rgba(103,232,249,.18)}
body.landing .mk-side b:first-child{background:linear-gradient(90deg,#22d3ee,#a78bfa);box-shadow:0 0 10px rgba(34,211,238,.6)}
body.landing .mk-main{padding:16px}
body.landing .mk-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.landing .mk-kpis div{background:rgba(34,211,238,.06);border:1px solid rgba(103,232,249,.18);border-radius:10px;padding:10px}
body.landing .mk-kpis small{color:#8fa1c7}body.landing .mk-kpis b{display:block;color:#fff;font-size:18px}
body.landing .mk-bars{display:flex;align-items:flex-end;gap:8px;height:90px;margin:14px 0}
body.landing .mk-bars i{flex:1;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#22d3ee,#a78bfa);box-shadow:0 0 12px rgba(34,211,238,.5);animation:grow .9s backwards}
body.landing .mk-bars i:nth-child(2){animation-delay:.1s}body.landing .mk-bars i:nth-child(3){animation-delay:.2s}
body.landing .mk-bars i:nth-child(4){animation-delay:.3s}body.landing .mk-bars i:nth-child(5){animation-delay:.4s}body.landing .mk-bars i:nth-child(6){animation-delay:.5s}
body.landing .mk-quote{display:flex;justify-content:space-between;align-items:center;background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.4);border-radius:10px;padding:10px 12px;font-size:13px;color:#d1fae5}
body.landing .mk-quote em{font-style:normal;color:#34d399;font-weight:800;text-shadow:0 0 10px rgba(52,211,153,.7)}
body.landing .mk-float{position:absolute;background:rgba(12,20,50,.9);border:1px solid rgba(103,232,249,.4);border-radius:12px;padding:10px 14px;font-size:13px;color:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 24px rgba(34,211,238,.3);animation:floaty 5s ease-in-out infinite}
body.landing .mk-float small{display:block;color:#8fa1c7}
body.landing .mk-float.f1{top:-18px;right:-8px}body.landing .mk-float.f2{bottom:-20px;left:-10px;animation-delay:2.5s}
@keyframes floaty{50%{transform:translateY(-10px)}}
/* form demo */
body.landing .demoform{max-width:640px;margin:24px auto;background:rgba(20,30,70,.5);backdrop-filter:blur(16px);border:1px solid rgba(167,139,250,.35);border-radius:18px;padding:26px;
  box-shadow:0 0 40px rgba(167,139,250,.15)}
body.landing .demoform label{color:#c6d4f5;display:block;margin-bottom:10px}
body.landing .demoform input,body.landing .demoform textarea{width:100%;padding:11px;background:rgba(6,10,32,.7);border:1px solid rgba(103,232,249,.25);border-radius:10px;color:#fff;margin-top:4px}
body.landing .demoform input:focus,body.landing .demoform textarea:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 16px rgba(34,211,238,.3)}
body.landing .demoform .grid{display:grid;gap:10px}body.landing .demoform .g2{grid-template-columns:1fr 1fr}
body.landing .lfoot{text-align:center;padding:34px;color:#8fa1c7;position:relative;z-index:1}
body.landing .lfoot a{color:#22d3ee}
body.landing .alert{max-width:700px}
.announce{position:relative;z-index:20;text-align:center;font-size:14px;font-weight:600;padding:9px 16px;color:#fff;
  background:linear-gradient(90deg,#0ea5c9,#a78bfa,#e879f9,#0ea5c9);background-size:300% 100%;animation:annSlide 12s linear infinite}
@keyframes annSlide{to{background-position:300% 0}}
@media(max-width:960px){body.landing .hero-neon{grid-template-columns:1fr}body.landing .feats{grid-template-columns:1fr}body.landing .feats.price{grid-template-columns:1fr 1fr}body.landing .trust{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body.landing .feats.price{grid-template-columns:1fr}body.landing .trust{grid-template-columns:1fr}body.landing .llinks{display:none}body.landing .mk-float.f1{right:0}body.landing .mk-float.f2{left:0}body.landing .pcards{grid-template-columns:1fr}body.landing .pguarantees{grid-template-columns:1fr 1fr}}
/* ================= PRICING ================= */
body.landing .phead{text-align:center}
body.landing .ptoggle{display:inline-flex;gap:4px;margin:22px auto 0;padding:4px;border-radius:99px;background:rgba(6,10,32,.7);border:1px solid rgba(103,232,249,.25)}
body.landing .ptoggle button{background:transparent;border:0;color:#aebbdd;padding:10px 22px;border-radius:99px;cursor:pointer;font-weight:700;font-size:15px}
body.landing .ptoggle button.on{background:linear-gradient(90deg,#0ea5c9,#a78bfa);color:#fff;box-shadow:0 0 18px rgba(34,211,238,.5)}
body.landing .ptoggle .save{font-size:12px;background:rgba(52,211,153,.2);border:1px solid rgba(52,211,153,.5);color:#6ee7b7;border-radius:99px;padding:1px 8px;margin-left:6px}
body.landing .pcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1180px;margin:26px auto 0;padding:0 24px;position:relative;z-index:1}
body.landing .pcard{position:relative;background:rgba(20,30,70,.5);backdrop-filter:blur(16px);border:1px solid rgba(103,232,249,.2);border-radius:18px;padding:26px 22px;color:#e8f1ff;text-align:center;transition:all .3s ease;animation:cardIn .6s backwards}
body.landing .pcard:nth-child(2){animation-delay:.08s}body.landing .pcard:nth-child(3){animation-delay:.16s}body.landing .pcard:nth-child(4){animation-delay:.24s}
body.landing .pcard:hover{transform:translateY(-6px);border-color:rgba(34,211,238,.5);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(34,211,238,.2)}
body.landing .pcard.featured{border:1px solid rgba(167,139,250,.6);transform:scale(1.05);
  box-shadow:0 0 40px rgba(167,139,250,.3),0 20px 60px rgba(0,0,0,.5);animation:featGlow 3s ease-in-out infinite}
body.landing .pcard.featured:hover{transform:scale(1.05) translateY(-6px)}
@keyframes featGlow{50%{box-shadow:0 0 60px rgba(167,139,250,.5),0 20px 60px rgba(0,0,0,.5)}}
body.landing .pcard .pop{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800;letter-spacing:1px;white-space:nowrap;
  background:linear-gradient(90deg,#0ea5c9,#a78bfa);padding:4px 14px;border-radius:99px;box-shadow:0 0 18px rgba(34,211,238,.6)}
body.landing .pcard h3{color:#fff;margin:4px 0}
body.landing .pcard .pnum b{font-size:38px;background:linear-gradient(90deg,#fff,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;transition:opacity .15s}
body.landing .pcard .pnum small{color:#8fa1c7}
body.landing .pcard .psave{color:#6ee7b7;font-size:13px;font-weight:700}
body.landing .pcard ul{list-style:none;padding:0;margin:16px 0;text-align:left;color:#aebbdd;font-size:14px}
body.landing .pcard ul li{padding:5px 0 5px 26px;position:relative}
body.landing .pcard ul li::before{content:"✓";position:absolute;left:4px;color:#22d3ee;text-shadow:0 0 8px #22d3ee}
body.landing .ptable-wrap{overflow-x:auto;border:1px solid rgba(103,232,249,.2);border-radius:16px;background:rgba(10,16,45,.5)}
body.landing table.ptable{background:transparent;border:0;min-width:640px}
body.landing table.ptable th{background:rgba(34,211,238,.07);color:#22d3ee;text-transform:uppercase;font-size:11px;letter-spacing:1px}
body.landing table.ptable td{border-bottom:1px solid rgba(103,232,249,.08);color:#e8f1ff}
body.landing table.ptable tbody tr:hover{background:rgba(34,211,238,.06)}
body.landing .pill{background:rgba(34,211,238,.12);border:1px solid rgba(103,232,249,.35);color:#22d3ee;display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px}
body.landing .pill.green{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.5);color:#6ee7b7;box-shadow:0 0 10px rgba(52,211,153,.3)}
body.landing .pguarantees{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1180px;margin:30px auto 0;padding:0 24px;position:relative;z-index:1}
body.landing .pguarantees div{background:rgba(52,211,153,.06);border:1px solid rgba(52,211,153,.3);border-radius:14px;padding:14px;color:#e8f1ff}
body.landing .pguarantees small{display:block;color:#8fa1c7}
@media(max-width:960px){body.landing .pcards{grid-template-columns:1fr 1fr}body.landing .pcard.featured{transform:none}body.landing .pguarantees{grid-template-columns:1fr 1fr}}