/* ========================================
   PagentZ — Shared Styles
   ======================================== */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  --bg:#FFFFFF;--bg2:#F7F8FC;--bg3:#EEF0F6;
  --sf:rgba(0,0,0,.025);--sf2:rgba(0,0,0,.04);--sf3:rgba(0,0,0,.06);
  --bd:rgba(0,0,0,.07);--bd2:rgba(0,0,0,.1);
  --t1:#0F1629;--t2:#4A5068;--t3:#8990A5;
  --ac:#3366FF;--ac2:#2B7FE0;--tl:#0EA59A;--pp:#7C5CFC;
  --gr:linear-gradient(135deg,#3366FF,#0EA59A);--gr2:linear-gradient(135deg,#7C5CFC,#3366FF);
  --gw:rgba(51,102,255,.10);--gw2:rgba(14,165,154,.08);
  --card:#FFFFFF;--card-sh:0 2px 12px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);
  --card-sh-h:0 12px 40px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.06);
  --r:20px;--rs:14px;--rx:8px;
  --f:'Plus Jakarta Sans',-apple-system,sans-serif;
  --danger:#EF4444;--warn:#F59E0B;--success:#28CA41;
}

html{scroll-behavior:smooth}
body{font-family:var(--f);background:var(--bg);color:var(--t1);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none}
.ctn{max-width:1200px;margin:0 auto;padding:0 24px}

/* ========================================
   NAV
   ======================================== */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all .4s}
.nav.sc{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);box-shadow:0 1px 8px rgba(0,0,0,.04)}
.nav-in{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:var(--t1)}
.logo-i{width:36px;height:36px;border-radius:10px;background:var(--gr);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff}
.nl{display:flex;align-items:center;gap:32px;list-style:none}
.nl a{font-size:.875rem;color:var(--t2);font-weight:500;transition:color .3s}
.nl a:hover{color:var(--t1)}
.nl a.active{color:var(--ac);font-weight:600}
.nc{padding:10px 24px;background:var(--gr);color:#fff;border-radius:50px;font-size:.85rem;font-weight:700;transition:all .3s;display:inline-flex;align-items:center;gap:6px}
.nc:hover{box-shadow:0 4px 20px var(--gw);transform:translateY(-1px)}
.mob{display:none;flex-direction:column;gap:5px;background:none;padding:4px}
.mob span{width:20px;height:2px;background:var(--t1);border-radius:2px;transition:.3s}

/* ========================================
   HERO
   ======================================== */
.hero{padding:180px 0 100px;text-align:center;position:relative;overflow:hidden;background:var(--bg2)}
.horb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.6}
.ho1{width:600px;height:600px;top:-200px;left:50%;transform:translateX(-50%);background:rgba(51,102,255,.1)}
.ho2{width:400px;height:400px;bottom:-100px;right:-100px;background:rgba(14,165,154,.08)}
.ho3{width:300px;height:300px;bottom:0;left:-150px;background:rgba(124,92,252,.06)}
.hb{display:inline-flex;align-items:center;gap:8px;padding:6px 18px 6px 8px;background:var(--card);border:1px solid var(--bd2);border-radius:50px;font-size:.8rem;font-weight:500;color:var(--t2);margin-bottom:28px;box-shadow:var(--card-sh);animation:fd .7s ease-out}
.hb-d{width:8px;height:8px;border-radius:50%;background:var(--tl);box-shadow:0 0 12px rgba(14,165,154,.4);animation:pu 2s infinite}
@keyframes pu{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
@keyframes fd{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
.hero h1{font-size:clamp(2.8rem,6.5vw,4.5rem);font-weight:800;line-height:1.08;letter-spacing:-.04em;margin-bottom:24px;color:var(--t1);animation:fu .8s ease-out .1s both}
.gt{background:var(--gr);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hs{font-size:1.1rem;color:var(--t2);max-width:560px;margin:0 auto 40px;line-height:1.7;animation:fu .8s ease-out .2s both}
.hact{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;animation:fu .8s ease-out .3s both}
@keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ========================================
   BUTTONS
   ======================================== */
.bg1{padding:14px 32px;background:var(--gr);color:#fff;border-radius:50px;font-size:.95rem;font-weight:700;transition:all .4s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 16px var(--gw)}
.bg1:hover{box-shadow:0 8px 32px rgba(51,102,255,.2);transform:translateY(-2px)}
.bo1{padding:14px 32px;background:var(--card);color:var(--t1);border:1px solid var(--bd2);border-radius:50px;font-size:.95rem;font-weight:600;transition:all .4s;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--card-sh)}
.bo1:hover{border-color:var(--t3);box-shadow:var(--card-sh-h)}
.ba{transition:transform .3s}
.bg1:hover .ba,.bo1:hover .ba{transform:translateX(3px)}

/* ========================================
   DASHBOARD MOCKUP
   ======================================== */
.hd{margin-top:72px;position:relative;animation:fu 1s ease-out .5s both}
.hdw{background:var(--card);border:1px solid var(--bd2);border-radius:var(--r);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.04);position:relative}
.hdw::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gr);z-index:2}
.db{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--bd);background:var(--bg2)}
.dd{width:10px;height:10px;border-radius:50%}.dd.r{background:#FF5F57}.dd.y{background:#FFBD2E}.dd.g{background:#28CA41}
.dbt{flex:1;text-align:center;font-size:.75rem;color:var(--t3);font-weight:500}
.dby{padding:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;background:var(--bg2)}
.dc{background:var(--card);border:1px solid var(--bd);border-radius:var(--rs);padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.03)}
.dcl{font-size:.7rem;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:8px}
.dcv{font-size:1.8rem;font-weight:800;letter-spacing:-.03em}
.dcv.bl{color:var(--ac)}.dcv.tl{color:var(--tl)}.dcv.pl{color:var(--pp)}
.dcs{font-size:.75rem;color:var(--t3);margin-top:4px}
.da{grid-column:1/-1;background:var(--card);border:1px solid var(--bd);border-radius:var(--rs);padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.03)}
.dat{font-size:.8rem;font-weight:600;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}
.dal{color:var(--tl);font-size:.7rem;display:flex;align-items:center;gap:5px}
.dal span{width:6px;height:6px;background:var(--tl);border-radius:50%;animation:pu 2s infinite}
.ar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--rx);font-size:.78rem;margin-bottom:4px;transition:background .2s}
.ar:hover{background:var(--bg2)}
.ard{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.ard.c{background:#EF4444}.ard.w{background:#F59E0B}.ard.o{background:var(--tl)}.ard.i{background:var(--ac)}
.art{flex:1;color:var(--t2)}.atm{color:var(--t3);font-size:.7rem;font-weight:500}

/* ========================================
   LOGOS
   ======================================== */
.lg{padding:56px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);background:var(--bg)}
.lgl{text-align:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--t3);font-weight:600;margin-bottom:28px}
.lgr{display:flex;align-items:center;justify-content:center;gap:52px;flex-wrap:wrap;opacity:.25}
.lgr span{font-size:1rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;color:var(--t1)}

/* ========================================
   SHARED SECTION STYLES
   ======================================== */
.se{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(51,102,255,.06);border:1px solid rgba(51,102,255,.12);border-radius:50px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ac);font-weight:700;margin-bottom:16px}
.st{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;margin-bottom:16px;color:var(--t1)}
.sd{font-size:1rem;color:var(--t2);max-width:520px;line-height:1.7}

/* ========================================
   FEATURES
   ======================================== */
.feat{padding:120px 0;background:var(--bg)}
.feat-h{text-align:center;margin-bottom:72px}
.feat-h .sd{margin:0 auto}
.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fc{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:36px 28px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.02)}
.fc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gr);opacity:0;transition:opacity .4s}
.fc:hover{border-color:var(--bd2);transform:translateY(-6px);box-shadow:var(--card-sh-h)}
.fc:hover::before{opacity:1}
.fi{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.fi.b{background:rgba(51,102,255,.08);color:var(--ac)}
.fi.t{background:rgba(14,165,154,.08);color:var(--tl)}
.fi.p{background:rgba(124,92,252,.08);color:var(--pp)}
.fc h3{font-size:1.05rem;font-weight:700;margin-bottom:10px;color:var(--t1)}
.fc p{font-size:.875rem;color:var(--t2);line-height:1.7}

/* ========================================
   WHY BENTO
   ======================================== */
.why{padding:100px 0 120px;background:var(--bg2)}
.why-h{text-align:center;margin-bottom:72px}
.why-h .sd{margin:0 auto}
.bn{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bc{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:40px 32px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.02)}
.bc:hover{border-color:var(--bd2);box-shadow:var(--card-sh-h)}
.bc.w{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:linear-gradient(135deg,rgba(51,102,255,.03),rgba(14,165,154,.02));border-color:rgba(51,102,255,.1)}
.btg{display:inline-block;padding:4px 12px;background:rgba(51,102,255,.08);color:var(--ac);border-radius:50px;font-size:.7rem;font-weight:700;letter-spacing:.03em;margin-bottom:16px}
.bc h3{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:var(--t1)}
.bc p{font-size:.88rem;color:var(--t2);line-height:1.7}
.bnum{font-size:3rem;font-weight:800;background:var(--gr);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.15;line-height:1;margin-bottom:16px}
.md{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rs);padding:20px}
.mdh{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--bd)}
.mdt{font-size:.78rem;font-weight:600;color:var(--t1)}
.mdl{font-size:.68rem;color:var(--tl);font-weight:600;display:flex;align-items:center;gap:4px}
.mdl span{width:5px;height:5px;background:var(--tl);border-radius:50%;animation:pu 2s infinite}
.mr{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;font-size:.75rem;margin-bottom:4px}
.mr:hover{background:rgba(0,0,0,.03)}
.mrd{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.mrd.c{background:#EF4444}.mrd.w{background:#F59E0B}.mrd.g{background:var(--tl)}.mrd.n{background:var(--t3)}
.mrt{flex:1;color:var(--t2)}.mrm{color:var(--t3);font-size:.65rem;font-weight:500}

/* ========================================
   HOW IT WORKS
   ======================================== */
.how{padding:120px 0;background:var(--bg)}
.how-h{text-align:center;margin-bottom:80px}
.how-h .sd{margin:0 auto}
.sps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
.sps::before{content:'';position:absolute;top:36px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--ac),var(--tl),transparent);opacity:.2}
.sp{text-align:center;position:relative}
.spn{width:56px;height:56px;border-radius:50%;background:var(--card);border:2px solid var(--ac);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:1.2rem;font-weight:800;color:var(--ac);position:relative;z-index:2;transition:all .3s;box-shadow:0 2px 8px rgba(51,102,255,.08)}
.sp:hover .spn{background:var(--ac);color:#fff;box-shadow:0 4px 20px var(--gw)}
.sp h3{font-size:1.05rem;font-weight:700;margin-bottom:8px;color:var(--t1)}
.sp p{font-size:.85rem;color:var(--t2);line-height:1.6;max-width:260px;margin:0 auto}

/* ========================================
   PRICING — Dark Enterprise Theme
   ======================================== */
.pri{padding:0;background:transparent;position:relative;overflow:hidden}

/* Pricing Hero */
.pri-hero{background:linear-gradient(170deg,#0B0F1A 0%,#111827 50%,#0F172A 100%);padding:120px 0 80px;position:relative;overflow:hidden}
.pri-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M0 30h60M30 0v60' stroke='%23ffffff' stroke-opacity='.03' stroke-width='.5'/%3E%3C/svg%3E");pointer-events:none}
.pri-hero::after{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(51,102,255,.08),transparent 70%);pointer-events:none}
.pri-hero-orb1{position:absolute;top:-150px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,252,.06),transparent 70%);pointer-events:none}
.pri-hero-orb2{position:absolute;bottom:-200px;left:-100px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,154,.05),transparent 70%);pointer-events:none}
.pri-h{text-align:center;margin-bottom:16px;position:relative;z-index:2}
.pri-h .se{background:rgba(51,102,255,.12);border-color:rgba(51,102,255,.2);color:#7BA3FF}
.pri-h .st{color:#F1F5F9}
.pri-h .sd{margin:0 auto;color:rgba(241,245,249,.55)}

/* Pricing Toggle — Dark */
.ptg{display:flex;align-items:center;justify-content:center;gap:14px;margin:32px 0 60px;font-size:.875rem;color:rgba(241,245,249,.45);position:relative;z-index:2}
.ptl{font-weight:500;transition:color .3s}.ptl.on{color:#F1F5F9;font-weight:600}
.psw{width:52px;height:28px;background:rgba(255,255,255,.08);border-radius:50px;border:1px solid rgba(255,255,255,.12);cursor:pointer;position:relative;transition:all .3s}
.psw.on{background:rgba(51,102,255,.25);border-color:rgba(51,102,255,.4)}
.psw::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s}
.psw.on::after{transform:translateX(24px);background:var(--ac)}
.psv{padding:4px 12px;background:rgba(14,165,154,.15);color:#5EEAD4;border-radius:50px;font-size:.7rem;font-weight:700;letter-spacing:.02em}

/* Hero CTAs */
.pri-ctas{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;position:relative;z-index:2;margin-bottom:0}

/* Pricing Cards Section */
.pri-cards{background:linear-gradient(180deg,#111827,#0F172A);padding:0 0 100px;position:relative}
.pri-cards::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(51,102,255,.15),transparent)}
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start;position:relative;z-index:2;margin-top:-40px}

/* Card Base — Dark */
.pc{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:40px 32px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;backdrop-filter:blur(10px)}
.pc:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.3)}

/* Free — Gray accent */
.pc.pf .pc-accent{background:rgba(255,255,255,.06);color:rgba(255,255,255,.4)}
.pc.pf .pcv{color:#F1F5F9}

/* Plus — Blue accent */
.pc.ppl .pc-accent{background:rgba(51,102,255,.12);color:var(--ac)}
.pc.ppl{border-color:rgba(51,102,255,.12)}
.pc.ppl .pcv{color:#7BA3FF}

/* Premium — Purple accent, highlighted */
.pc.ppm{background:rgba(124,92,252,.04);border-color:rgba(124,92,252,.2);transform:scale(1.03);box-shadow:0 8px 40px rgba(124,92,252,.1),0 0 0 1px rgba(124,92,252,.08)}
.pc.ppm:hover{transform:scale(1.03) translateY(-6px);box-shadow:0 20px 60px rgba(124,92,252,.15),0 0 0 1px rgba(124,92,252,.12)}
.pc.ppm .pc-accent{background:rgba(124,92,252,.12);color:var(--pp)}
.pc.ppm .pcv{color:#A78BFA}

/* Popular badge */
.pc-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:6px 20px;background:linear-gradient(135deg,#7C5CFC,#3366FF);color:#fff;border-radius:50px;font-size:.7rem;font-weight:700;white-space:nowrap;letter-spacing:.02em;box-shadow:0 4px 16px rgba(124,92,252,.3)}

/* Card accent icon */
.pc-accent{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.1rem}

.pcn{font-size:1.05rem;font-weight:700;margin-bottom:4px;color:#F1F5F9}
.pcd{font-size:.78rem;color:rgba(241,245,249,.4);margin-bottom:24px}
.pcp{display:flex;align-items:baseline;gap:3px;margin-bottom:4px}
.pcs{font-size:1rem;font-weight:600;color:rgba(241,245,249,.5)}
.pcv{font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.pcpr{font-size:.82rem;color:rgba(241,245,249,.35)}
.pcnt{font-size:.72rem;color:rgba(241,245,249,.3);margin-bottom:28px}

/* Feature list — dark */
.pl{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.pl li{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;color:rgba(241,245,249,.6)}
.ck{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.55rem;font-weight:700;margin-top:1px}
.ck.g{background:rgba(255,255,255,.06);color:rgba(255,255,255,.3)}
.ck.b{background:rgba(51,102,255,.15);color:#7BA3FF}
.ck.p{background:rgba(124,92,252,.15);color:#A78BFA}

/* CTA buttons — dark */
.pb{display:block;width:100%;padding:14px;text-align:center;border-radius:12px;font-size:.88rem;font-weight:700;transition:all .3s}
.pb.gr{background:var(--gr);color:#fff}.pb.gr:hover{box-shadow:0 8px 24px var(--gw);transform:translateY(-1px)}
.pb.pp{background:linear-gradient(135deg,#7C5CFC,#5B3FD4);color:#fff}.pb.pp:hover{box-shadow:0 8px 24px rgba(124,92,252,.3);transform:translateY(-1px)}
.pb.gh{background:rgba(255,255,255,.06);color:#F1F5F9;border:1px solid rgba(255,255,255,.1)}.pb.gh:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}

/* Enterprise Section */
.pri-ent{background:linear-gradient(180deg,#0F172A,#080C15);padding:80px 0;position:relative;overflow:hidden}
.pri-ent::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}
.pri-ent-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.pri-ent-text{position:relative;z-index:2}
.pri-ent-text .se{background:rgba(14,165,154,.12);border-color:rgba(14,165,154,.2);color:#5EEAD4}
.pri-ent-text h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#F1F5F9;margin-bottom:12px;letter-spacing:-.02em}
.pri-ent-text p{font-size:.92rem;color:rgba(241,245,249,.5);line-height:1.7;margin-bottom:28px}
.pri-ent-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:32px}
.pri-ent-feat{display:flex;align-items:center;gap:8px;font-size:.82rem;color:rgba(241,245,249,.6)}
.pri-ent-feat svg{color:#5EEAD4;flex-shrink:0}
.pri-ent-cta .bg1{border-radius:12px}
.pri-ent-visual{position:relative;z-index:2}
.pri-ent-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px;backdrop-filter:blur(10px)}
.pri-ent-card h4{font-size:.9rem;font-weight:700;color:#F1F5F9;margin-bottom:16px}
.pri-ent-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.8rem}
.pri-ent-row:last-child{border-bottom:none}
.pri-ent-row span:first-child{color:rgba(241,245,249,.45)}
.pri-ent-row span:last-child{color:#5EEAD4;font-weight:600}

/* Comparison Table */
.pri-cmp{background:#0F172A;padding:80px 0 100px;position:relative}
.pri-cmp::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}
.pri-cmp-h{text-align:center;margin-bottom:48px}
.pri-cmp-h .st{color:#F1F5F9}
.pri-cmp-h .sd{margin:0 auto;color:rgba(241,245,249,.45)}
.cmp-toggle{display:flex;justify-content:center;margin-bottom:32px}
.cmp-toggle button{padding:10px 24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:rgba(241,245,249,.5);font-size:.82rem;font-weight:600;font-family:var(--f);cursor:pointer;transition:all .3s}
.cmp-toggle button:first-child{border-radius:8px 0 0 8px}
.cmp-toggle button:last-child{border-radius:0 8px 8px 0}
.cmp-toggle button.active{background:rgba(51,102,255,.12);border-color:rgba(51,102,255,.25);color:#7BA3FF}
.cmp-table{width:100%;border-collapse:collapse}
.cmp-table thead th{padding:14px 16px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(241,245,249,.35);font-weight:600;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}
.cmp-table thead th:first-child{text-align:left;color:rgba(241,245,249,.5)}
.cmp-table thead th.hl{color:#A78BFA}
.cmp-table tbody td{padding:14px 16px;font-size:.82rem;color:rgba(241,245,249,.5);text-align:center;border-bottom:1px solid rgba(255,255,255,.03)}
.cmp-table tbody td:first-child{text-align:left;color:rgba(241,245,249,.65);font-weight:500}
.cmp-table tbody tr:hover td{background:rgba(255,255,255,.02)}
.cmp-table .cmp-cat{padding:18px 16px 10px;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(51,102,255,.7);font-weight:700;border-bottom:1px solid rgba(255,255,255,.04)}
.cmp-check{color:#5EEAD4;font-size:.85rem}.cmp-cross{color:rgba(255,255,255,.12);font-size:.85rem}.cmp-val{color:rgba(241,245,249,.6)}
.cmp-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.02)}
.cmp-collapse{display:none}
.cmp-collapse.show{display:block}

/* Trust Indicators */
.pri-trust{background:linear-gradient(180deg,#0F172A,#111827);padding:60px 0 80px;position:relative}
.pri-trust::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.trust-item{text-align:center;padding:28px 20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:12px;transition:all .3s}
.trust-item:hover{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.trust-icon{width:44px;height:44px;border-radius:12px;background:rgba(51,102,255,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#7BA3FF}
.trust-item h4{font-size:.88rem;font-weight:700;color:#F1F5F9;margin-bottom:6px}
.trust-item p{font-size:.78rem;color:rgba(241,245,249,.4);line-height:1.5}

/* ---- Pricing Responsive ---- */
@media(max-width:1024px){
  .pg{grid-template-columns:repeat(2,1fr)}
  .pc.ppm{transform:none;grid-column:1/-1;max-width:400px;justify-self:center;width:100%}
  .pc.ppm:hover{transform:translateY(-6px)}
  .pri-ent-inner{grid-template-columns:1fr}
  .pri-ent-visual{display:none}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .pg{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}
  .pc.ppm{max-width:none;grid-column:auto}
  .pri-ent-features{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:1fr}
  .pri-ctas{flex-direction:column;align-items:center}
  .cmp-table thead th,.cmp-table tbody td{padding:10px 8px;font-size:.72rem}
}

/* ========================================
   TESTIMONIALS
   ======================================== */
.tst{padding:120px 0;background:var(--bg)}
.tst-h{text-align:center;margin-bottom:64px}
.tst-h .sd{margin:0 auto}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tc{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:32px 28px;transition:all .4s;box-shadow:0 1px 4px rgba(0,0,0,.02)}
.tc:hover{border-color:var(--bd2);box-shadow:var(--card-sh-h)}
.tcs{display:flex;gap:2px;color:#F59E0B;font-size:.8rem;margin-bottom:18px}
.tct{font-size:.88rem;color:var(--t2);line-height:1.75;margin-bottom:24px;font-style:italic}
.ta{display:flex;align-items:center;gap:10px}
.tav{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff}
.tav.a1{background:var(--gr)}.tav.a2{background:linear-gradient(135deg,var(--tl),var(--ac))}.tav.a3{background:var(--gr2)}
.tnm{font-size:.85rem;font-weight:600;color:var(--t1)}.trl{font-size:.72rem;color:var(--t3)}

/* ========================================
   FAQ
   ======================================== */
.faq{padding:100px 0 120px;background:var(--bg2)}
.faq-h{text-align:center;margin-bottom:56px}
.faq-h .sd{margin:0 auto}
.fl{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.fq{background:var(--card);border:1px solid var(--bd);border-radius:var(--rs);overflow:hidden;transition:all .3s;box-shadow:0 1px 4px rgba(0,0,0,.02)}
.fq.act{border-color:var(--bd2);box-shadow:var(--card-sh)}
.fqq{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;width:100%;background:none;text-align:left;font-size:.9rem;font-weight:500;color:var(--t1);transition:color .3s}
.fqq:hover{color:var(--ac)}
.fqi{width:26px;height:26px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--t3);flex-shrink:0;transition:all .3s}
.fq.act .fqi{background:var(--ac);color:#fff;transform:rotate(45deg)}
.fqa{max-height:0;overflow:hidden;transition:max-height .4s ease}
.fq.act .fqa{max-height:220px}
.fqa p{padding:0 22px 18px;font-size:.85rem;color:var(--t2);line-height:1.75}

/* ========================================
   CTA
   ======================================== */
.cta{padding:80px 0 120px;background:var(--bg)}
.cta-b{background:var(--t1);border-radius:24px;padding:80px 48px;text-align:center;position:relative;overflow:hidden}
.cta-b::before{content:'';position:absolute;top:-50%;right:-30%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(51,102,255,.2),transparent 60%);pointer-events:none}
.cta-b::after{content:'';position:absolute;bottom:-40%;left:-20%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,154,.12),transparent 60%);pointer-events:none}
.cta-b .st{color:#fff;position:relative;z-index:2}
.cta-b .sd{color:rgba(255,255,255,.65);margin:0 auto 36px;position:relative;z-index:2}
.cta-b .gt{background:linear-gradient(135deg,#6B9FFF,#4CE0D2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cta-a{position:relative;z-index:2;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.cta-a .bo1{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}
.cta-a .bo1:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.15);box-shadow:none}

/* ========================================
   FOOTER
   ======================================== */
.ft{padding:56px 0 28px;border-top:1px solid var(--bd);background:var(--bg)}
.ftg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.fta p{font-size:.82rem;color:var(--t3);line-height:1.7;margin-top:14px;max-width:260px}
.ftc h4{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--t3);margin-bottom:16px}
.ftc ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.ftc a{font-size:.85rem;color:var(--t2);transition:color .3s}
.ftc a:hover{color:var(--ac)}
.ftb{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--bd);font-size:.72rem;color:var(--t3)}
.fts{display:flex;gap:18px}
.fts a{color:var(--t3);font-weight:600;transition:color .3s}
.fts a:hover{color:var(--ac)}

/* ========================================
   ANIMATIONS
   ======================================== */
.rv{opacity:0;transform:translateY(32px);transition:all .8s cubic-bezier(.16,1,.3,1)}
.rv.vis{opacity:1;transform:translateY(0)}

/* ========================================
   SMS CONSENT PAGE STYLES
   ======================================== */
.page-hero{padding:140px 0 60px;text-align:center;position:relative;overflow:hidden;background:var(--bg2)}
.page-hero .horb{opacity:.4}
.page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;margin-bottom:16px;animation:fu .8s ease-out .1s both}
.page-hero .hs{max-width:640px;animation:fu .8s ease-out .2s both}

.consent-meta{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:24px;animation:fu .8s ease-out .3s both}
.consent-meta-item{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--card);border:1px solid var(--bd);border-radius:50px;font-size:.78rem;color:var(--t2);font-weight:500;box-shadow:var(--card-sh)}

.consent-body{padding:80px 0 120px;background:var(--bg)}
.consent-layout{display:grid;grid-template-columns:240px 1fr;gap:48px;max-width:1000px;margin:0 auto}

.consent-toc{position:sticky;top:100px;align-self:start}
.consent-toc h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--t3);font-weight:700;margin-bottom:16px}
.consent-toc ol{list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:6px}
.consent-toc li{counter-increment:toc}
.consent-toc a{display:flex;align-items:baseline;gap:8px;font-size:.8rem;color:var(--t2);padding:6px 10px;border-radius:var(--rx);transition:all .2s;font-weight:500}
.consent-toc a::before{content:counter(toc) ".";font-size:.7rem;color:var(--t3);font-weight:600;min-width:18px}
.consent-toc a:hover{color:var(--ac);background:rgba(51,102,255,.04)}
.consent-toc a.active{color:var(--ac);background:rgba(51,102,255,.06);font-weight:600}

.consent-content{min-width:0}
.consent-section{margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--bd)}
.consent-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.consent-section h2{font-size:1.2rem;font-weight:700;color:var(--t1);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.consent-section h2 .sn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(51,102,255,.08);color:var(--ac);font-size:.75rem;font-weight:700;flex-shrink:0}
.consent-section p{font-size:.88rem;color:var(--t2);line-height:1.8;margin-bottom:12px}
.consent-section ul,.consent-section ol{margin:12px 0;padding-left:20px}
.consent-section li{font-size:.85rem;color:var(--t2);line-height:1.7;margin-bottom:6px}
.consent-section strong{color:var(--t1);font-weight:600}

.legal-notice{background:rgba(51,102,255,.04);border:1px solid rgba(51,102,255,.1);border-radius:var(--rs);padding:20px 24px;margin-bottom:24px;font-size:.85rem;color:var(--t2);line-height:1.7}
.legal-notice strong{color:var(--ac)}

/* Consent Form */
.consent-form-section{padding:80px 0 120px;background:var(--bg2)}
.consent-form-wrap{max-width:680px;margin:0 auto}
.consent-form-header{text-align:center;margin-bottom:48px}
.consent-form-header .sd{margin:0 auto}

.consent-summary{background:var(--card);border:1px solid var(--bd);border-radius:var(--rs);padding:20px 24px;margin-bottom:32px;display:flex;flex-wrap:wrap;gap:12px 24px}
.consent-summary-item{font-size:.8rem;color:var(--t2);display:flex;align-items:center;gap:6px}
.consent-summary-item svg{color:var(--tl);flex-shrink:0}

.consent-form{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:40px 36px;box-shadow:var(--card-sh)}
.form-row{margin-bottom:20px}
.form-row-half{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--t1);margin-bottom:6px}
.form-label .req{color:var(--danger);margin-left:2px}
.form-label .opt{color:var(--t3);font-weight:400;font-size:.72rem;margin-left:4px}
.form-hint{font-size:.72rem;color:var(--t3);margin-top:4px}
.form-input{width:100%;padding:12px 16px;border:1px solid var(--bd2);border-radius:var(--rx);font-size:.88rem;font-family:var(--f);color:var(--t1);background:var(--bg);transition:all .3s;outline:none}
.form-input:focus{border-color:var(--ac);box-shadow:0 0 0 3px rgba(51,102,255,.08)}
.form-input::placeholder{color:var(--t3)}
.form-input:disabled{background:var(--bg3);cursor:not-allowed;color:var(--t3)}

.form-divider{height:1px;background:var(--bd);margin:28px 0}

.consent-checkbox{display:flex;gap:12px;padding:16px 20px;border:1px solid var(--bd);border-radius:var(--rs);margin-bottom:12px;transition:all .3s;cursor:pointer;background:var(--bg)}
.consent-checkbox:hover{border-color:var(--bd2);background:rgba(51,102,255,.02)}
.consent-checkbox.required{border-color:rgba(51,102,255,.2);background:rgba(51,102,255,.02)}
.consent-checkbox input[type="checkbox"]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--ac);cursor:pointer}
.consent-checkbox-text{flex:1}
.consent-checkbox-label{font-size:.85rem;font-weight:600;color:var(--t1);margin-bottom:4px;display:block}
.consent-checkbox-desc{font-size:.78rem;color:var(--t2);line-height:1.6}
.consent-checkbox-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-left:8px}
.consent-checkbox-tag.req-tag{background:rgba(51,102,255,.08);color:var(--ac)}
.consent-checkbox-tag.opt-tag{background:rgba(14,165,154,.08);color:var(--tl)}

.form-disclosures{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rs);padding:16px 20px;margin:24px 0;font-size:.78rem;color:var(--t2);line-height:1.7}
.form-disclosures a{color:var(--ac);text-decoration:underline}

.form-signature{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}

.form-submit{width:100%;padding:16px;background:var(--gr);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:700;font-family:var(--f);cursor:pointer;transition:all .4s;box-shadow:0 4px 16px var(--gw)}
.form-submit:hover{box-shadow:0 8px 32px rgba(51,102,255,.2);transform:translateY(-2px)}
.form-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

.form-post-notice{text-align:center;margin-top:20px;font-size:.78rem;color:var(--t3);line-height:1.6}

.form-success{display:none;text-align:center;padding:48px 24px;background:var(--card);border:1px solid rgba(14,165,154,.2);border-radius:var(--r);box-shadow:var(--card-sh)}
.form-success.show{display:block}
.form-success-icon{width:64px;height:64px;border-radius:50%;background:rgba(14,165,154,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.8rem;color:var(--tl)}
.form-success h3{font-size:1.2rem;font-weight:700;margin-bottom:8px;color:var(--t1)}
.form-success p{font-size:.88rem;color:var(--t2);line-height:1.7}

/* Privacy Policy Scroll Box */
.pp-scroll-container{max-height:280px;overflow-y:auto;border:1px solid var(--bd);border-radius:var(--rs);padding:24px;margin-bottom:8px;background:var(--bg);position:relative}
.pp-scroll-container::-webkit-scrollbar{width:6px}
.pp-scroll-container::-webkit-scrollbar-track{background:var(--bg2);border-radius:3px}
.pp-scroll-container::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:3px}
.pp-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--t3)}
.pp-scroll-inner{font-size:.85rem;color:var(--t2);line-height:1.75}
.pp-scroll-inner p{margin-bottom:12px}
.pp-scroll-inner ul{margin:8px 0 16px;padding-left:20px}
.pp-scroll-inner li{margin-bottom:6px}

/* Opt Out Section */
.opt-out{padding:60px 0 80px;background:var(--bg)}
.opt-out-box{max-width:600px;margin:0 auto;text-align:center;padding:40px 32px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--card-sh)}
.opt-out-box h3{font-size:1.1rem;font-weight:700;margin-bottom:12px;color:var(--t1)}
.opt-out-box p{font-size:.88rem;color:var(--t2);line-height:1.7}
.opt-out-box code{padding:2px 8px;background:var(--bg2);border:1px solid var(--bd);border-radius:4px;font-size:.82rem;font-weight:600;color:var(--t1)}
.opt-out-box a{color:var(--ac)}

/* ========================================
   MODULE PAGE — Alerting & Incidents
   ======================================== */

/* ---- Module Hero ---- */
.mod-hero{padding:200px 0 80px;background:linear-gradient(170deg,#0B0F1A 0%,#0D1425 40%,#111827 100%);position:relative;overflow:hidden;min-height:100vh}
.mod-hero-grid{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M0 30h60M30 0v60' stroke='%23ffffff' stroke-opacity='.025' stroke-width='.5'/%3E%3C/svg%3E");pointer-events:none}
.mod-hero-orb1{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(51,102,255,.1),transparent 65%);pointer-events:none;animation:modOrb 8s ease-in-out infinite alternate}
.mod-hero-orb2{position:absolute;top:20%;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.06),transparent 65%);pointer-events:none;animation:modOrb 10s ease-in-out infinite alternate-reverse}
.mod-hero-orb3{position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,154,.06),transparent 65%);pointer-events:none}
.mod-hero-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;border:1px solid rgba(51,102,255,.08);animation:modPulse 3s ease-out infinite;pointer-events:none}
@keyframes modOrb{0%{transform:translateX(-50%) scale(1)}100%{transform:translateX(-50%) scale(1.1)}}
@keyframes modPulse{0%{width:300px;height:300px;opacity:.3}100%{width:900px;height:900px;opacity:0}}

.mod-hero .ctn{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.mod-hero-content{position:relative;z-index:3}

.mod-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:50px;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#FCA5A5;font-weight:700;margin-bottom:24px}
.mod-badge-dot{width:8px;height:8px;border-radius:50%;background:#EF4444;box-shadow:0 0 12px rgba(239,68,68,.5);animation:pu 2s infinite}

.mod-hero h1{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.08;letter-spacing:-.04em;margin-bottom:24px;color:#F1F5F9}
.mod-hero-sub{font-size:1.05rem;color:rgba(241,245,249,.55);line-height:1.7;max-width:520px;margin-bottom:36px}

.mod-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}
.mod-ghost{background:rgba(255,255,255,.06);color:#F1F5F9;border-color:rgba(255,255,255,.15)}
.mod-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);box-shadow:none}

/* Hero proof bar */
.mod-hero-proof{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mod-proof-item{text-align:center}
.mod-proof-val{display:block;font-size:1.6rem;font-weight:800;color:#F1F5F9;letter-spacing:-.02em}
.mod-proof-label{font-size:.7rem;color:rgba(241,245,249,.35);text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.mod-proof-sep{width:1px;height:36px;background:rgba(255,255,255,.08)}

/* Hero Dashboard Mock */
.mod-hero-visual{position:relative;z-index:3}
.mod-dash{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 24px 80px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.04)}
.mod-dash-bar{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.2)}
.mod-dash-dots{display:flex;gap:6px;margin-right:12px}
.mod-dash-dots span{width:8px;height:8px;border-radius:50%}
.mod-dash-dots span:nth-child(1){background:#FF5F57}
.mod-dash-dots span:nth-child(2){background:#FFBD2E}
.mod-dash-dots span:nth-child(3){background:#28CA41}
.mod-dash-title{flex:1;text-align:center;font-size:.7rem;color:rgba(241,245,249,.3);font-weight:500}
.mod-dash-live{display:flex;align-items:center;gap:5px;font-size:.68rem;color:#5EEAD4;font-weight:600}
.mod-live-dot{width:6px;height:6px;border-radius:50%;background:#5EEAD4;animation:pu 2s infinite}

.mod-dash-body{padding:16px}
.mod-dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.mod-stat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:14px 12px;text-align:center}
.mod-stat-label{display:block;font-size:.62rem;color:rgba(241,245,249,.35);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:6px}
.mod-stat-val{display:block;font-size:1.3rem;font-weight:800;letter-spacing:-.02em}
.mod-stat-crit{color:#FCA5A5}
.mod-stat-warn{color:#FDE68A}
.mod-stat-ok{color:#86EFAC}
.mod-stat-info{color:#93C5FD}

/* Live feed in hero */
.mod-dash-feed{display:flex;flex-direction:column;gap:6px}
.mod-feed-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);transition:all .3s;cursor:default}
.mod-feed-item:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.mod-feed-item.crit{border-left:3px solid #EF4444}
.mod-feed-item.warn{border-left:3px solid #F59E0B}
.mod-feed-item.info{border-left:3px solid #3B82F6}
.mod-feed-item.ok{border-left:3px solid #22C55E}
.mod-feed-sev{padding:3px 8px;border-radius:4px;font-size:.6rem;font-weight:800;letter-spacing:.04em;flex-shrink:0}
.mod-sev-crit{background:rgba(239,68,68,.15);color:#FCA5A5}
.mod-sev-warn{background:rgba(245,158,11,.15);color:#FDE68A}
.mod-sev-info{background:rgba(59,130,246,.15);color:#93C5FD}
.mod-sev-ok{background:rgba(34,197,94,.15);color:#86EFAC}
.mod-feed-info{flex:1;min-width:0}
.mod-feed-title{display:block;font-size:.78rem;color:rgba(241,245,249,.8);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mod-feed-meta{display:block;font-size:.65rem;color:rgba(241,245,249,.3);margin-top:2px}
.mod-feed-time{font-size:.65rem;color:rgba(241,245,249,.25);font-weight:500;flex-shrink:0}

/* New feed item animation */
.mod-feed-item.new-item{animation:feedSlide .5s ease-out}
@keyframes feedSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

/* ---- Impact Stats ---- */
.mod-impact{padding:0;background:var(--bg);position:relative;z-index:3;margin-top:-40px}
.mod-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:0 auto}
.mod-impact-card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:32px 20px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.08);transition:all .4s}
.mod-impact-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.12)}
.mod-impact-icon{width:48px;height:48px;border-radius:14px;background:rgba(51,102,255,.08);color:var(--ac);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.mod-impact-icon.i2{background:rgba(14,165,154,.08);color:var(--tl)}
.mod-impact-icon.i3{background:rgba(245,158,11,.08);color:#F59E0B}
.mod-impact-icon.i4{background:rgba(124,92,252,.08);color:var(--pp)}
.mod-impact-num{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;color:var(--t1);margin-bottom:4px}
.mod-impact-desc{font-size:.78rem;color:var(--t2);font-weight:500}

/* ---- Feature Tabs ---- */
.mod-features{padding:120px 0;background:var(--bg)}
.mod-feat-header{text-align:center;margin-bottom:56px}
.mod-feat-header .sd{margin:0 auto}

.mod-feat-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:48px;flex-wrap:wrap}
.mod-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--bg2);border:1px solid var(--bd);border-radius:50px;font-size:.82rem;font-weight:600;color:var(--t2);font-family:var(--f);cursor:pointer;transition:all .3s}
.mod-tab:hover{border-color:var(--bd2);color:var(--t1)}
.mod-tab.active{background:var(--ac);color:#fff;border-color:var(--ac);box-shadow:0 4px 16px var(--gw)}
.mod-tab svg{opacity:.7}
.mod-tab.active svg{opacity:1}

/* Panels */
.mod-feat-panels{position:relative}
.mod-panel{display:none;grid-template-columns:1fr 1fr;gap:48px;align-items:center;animation:panelFade .4s ease-out}
.mod-panel.active{display:grid}
@keyframes panelFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.mod-panel-text h3{font-size:1.4rem;font-weight:800;color:var(--t1);margin-bottom:14px;letter-spacing:-.02em}
.mod-panel-text>p{font-size:.92rem;color:var(--t2);line-height:1.7;margin-bottom:24px}

.mod-feat-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.mod-feat-list li{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--t2);line-height:1.6}
.mod-feat-ck{width:20px;height:20px;border-radius:50%;background:rgba(14,165,154,.1);color:var(--tl);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.6rem;font-weight:700;margin-top:2px}
.mod-feat-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--gr);color:#fff;border-radius:50px;font-size:.88rem;font-weight:700;transition:all .4s;box-shadow:0 4px 16px var(--gw)}
.mod-feat-cta:hover{box-shadow:0 8px 32px rgba(51,102,255,.2);transform:translateY(-2px)}

/* Mock cards in panels */
.mod-mock-card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:28px;box-shadow:var(--card-sh);overflow:hidden}
.mod-mock-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.mod-mock-tag{padding:4px 12px;border-radius:50px;font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tag-crit{background:rgba(239,68,68,.1);color:#EF4444}
.tag-warn{background:rgba(245,158,11,.1);color:#D97706}
.tag-info{background:rgba(51,102,255,.1);color:var(--ac)}
.tag-ok{background:rgba(34,197,94,.1);color:#16A34A}
.mod-mock-id{font-size:.72rem;color:var(--t3);font-weight:500}
.mod-mock-title{font-size:1rem;font-weight:700;color:var(--t1);margin-bottom:16px}
.mod-mock-meta{margin-bottom:20px}
.mod-mock-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--bd);font-size:.8rem}
.mod-mock-row:last-child{border-bottom:none}
.mod-mock-row span:first-child{color:var(--t3);font-weight:500}
.mod-mock-row span:last-child{color:var(--t1);font-weight:600}
.mod-mock-actions{display:flex;gap:8px;margin-top:16px}
.mod-mock-btn{padding:8px 16px;border-radius:8px;font-size:.78rem;font-weight:600;border:1px solid var(--bd);background:var(--bg2);color:var(--t2);font-family:var(--f);cursor:pointer;transition:all .3s}
.mod-mock-btn.primary{background:var(--gr);color:#fff;border-color:transparent}
.mod-mock-btn:hover{transform:translateY(-1px)}

/* Schedule mock */
.mod-sched{display:flex;flex-direction:column;gap:8px}
.mod-sched-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--bd);border-radius:10px;transition:all .3s}
.mod-sched-row.current{border-color:rgba(51,102,255,.2);background:rgba(51,102,255,.03)}
.mod-sched-avatar{width:36px;height:36px;border-radius:50%;background:var(--gr);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}
.mod-sched-avatar.s2{background:linear-gradient(135deg,var(--tl),var(--ac))}
.mod-sched-avatar.s3{background:var(--gr2)}
.mod-sched-info{flex:1}
.mod-sched-name{display:block;font-size:.82rem;font-weight:600;color:var(--t1)}
.mod-sched-role{font-size:.72rem;color:var(--t3)}
.mod-sched-status{padding:4px 12px;border-radius:50px;font-size:.65rem;font-weight:700;color:var(--t3);background:var(--bg2)}
.mod-sched-status.on{color:#16A34A;background:rgba(34,197,94,.1)}

/* Escalation mock */
.mod-esc{display:flex;flex-direction:column;gap:0}
.mod-esc-step{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;transition:all .3s}
.mod-esc-step.active{background:rgba(245,158,11,.04);border:1px solid rgba(245,158,11,.15)}
.mod-esc-step.done{opacity:.7}
.mod-esc-num{width:32px;height:32px;border-radius:50%;background:var(--bg2);border:2px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:var(--t3);flex-shrink:0}
.mod-esc-step.active .mod-esc-num{background:rgba(245,158,11,.1);border-color:#F59E0B;color:#D97706}
.mod-esc-step.done .mod-esc-num{background:rgba(34,197,94,.1);border-color:#22C55E;color:#16A34A}
.mod-esc-info{flex:1}
.mod-esc-label{display:block;font-size:.82rem;font-weight:600;color:var(--t1)}
.mod-esc-detail{font-size:.72rem;color:var(--t3)}
.mod-esc-badge{padding:4px 12px;border-radius:50px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--t3);background:var(--bg2)}
.mod-esc-badge.done{color:#16A34A;background:rgba(34,197,94,.08)}
.mod-esc-badge.active{color:#D97706;background:rgba(245,158,11,.1);animation:pu 2s infinite}
.mod-esc-line{width:2px;height:16px;background:var(--bd);margin-left:27px}

/* Timeline mock */
.mod-timeline{display:flex;flex-direction:column;gap:0;position:relative}
.mod-timeline::before{content:'';position:absolute;left:71px;top:10px;bottom:10px;width:2px;background:var(--bd)}
.mod-tl-item{display:flex;align-items:center;gap:12px;padding:8px 0}
.mod-tl-time{font-size:.68rem;font-weight:600;color:var(--t3);width:55px;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums}
.mod-tl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;position:relative;z-index:2;border:2px solid var(--bg)}
.mod-tl-dot.crit{background:#EF4444;box-shadow:0 0 0 3px rgba(239,68,68,.2)}
.mod-tl-dot.warn{background:#F59E0B;box-shadow:0 0 0 3px rgba(245,158,11,.2)}
.mod-tl-dot.info{background:#3B82F6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}
.mod-tl-dot.ok{background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.mod-tl-text{font-size:.78rem;color:var(--t2);flex:1}

/* AI Chat mock */
.mod-ai-card{background:linear-gradient(135deg,rgba(124,92,252,.02),rgba(51,102,255,.02));border-color:rgba(124,92,252,.15)}
.mod-ai-chat{display:flex;flex-direction:column;gap:16px}
.mod-ai-msg{display:flex;gap:10px;align-items:flex-start}
.mod-ai-avatar{padding:4px 10px;border-radius:6px;font-size:.65rem;font-weight:700;flex-shrink:0;background:var(--bg2);color:var(--t2)}
.mod-ai-avatar.bot{background:linear-gradient(135deg,var(--pp),var(--ac));color:#fff}
.mod-ai-msg p{font-size:.82rem;color:var(--t2);line-height:1.6}
.mod-ai-msg.user p{padding:10px 16px;background:var(--bg2);border-radius:10px;font-weight:500}
.mod-ai-response{background:var(--bg2);border-radius:10px;padding:16px}
.mod-ai-response>p:first-child{margin-bottom:12px}
.mod-ai-insight{margin-bottom:8px}
.mod-ai-bar{display:block;height:6px;border-radius:3px;background:var(--gr);transition:width 1s ease-out}
.mod-ai-bar.b{background:var(--tl)}.mod-ai-bar.c{background:var(--pp)}
.mod-ai-bar-label{font-size:.72rem;color:var(--t2);margin-top:4px;display:block}
.mod-ai-rec{margin-top:12px;padding:10px 14px;background:rgba(14,165,154,.06);border:1px solid rgba(14,165,154,.12);border-radius:8px;font-size:.78rem;color:var(--tl);font-weight:500}

/* ---- Notification Channels ---- */
.mod-channels{padding:120px 0;background:var(--bg2)}
.mod-chan-header{text-align:center;margin-bottom:64px}
.mod-chan-header .sd{margin:0 auto}
.mod-chan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mod-chan-card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:32px 24px;text-align:center;transition:all .4s;box-shadow:0 1px 4px rgba(0,0,0,.02)}
.mod-chan-card:hover{transform:translateY(-4px);border-color:var(--bd2);box-shadow:var(--card-sh-h)}
.mod-chan-icon{width:52px;height:52px;border-radius:14px;background:rgba(51,102,255,.08);color:var(--ac);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.mod-chan-icon.i2{background:rgba(14,165,154,.08);color:var(--tl)}
.mod-chan-icon.i3{background:rgba(124,92,252,.08);color:var(--pp)}
.mod-chan-icon.i4{background:rgba(245,158,11,.08);color:#D97706}
.mod-chan-icon.i5{background:rgba(239,68,68,.08);color:#EF4444}
.mod-chan-icon.i6{background:rgba(34,197,94,.08);color:#16A34A}
.mod-chan-card h4{font-size:1rem;font-weight:700;color:var(--t1);margin-bottom:8px}
.mod-chan-card p{font-size:.82rem;color:var(--t2);line-height:1.6}

/* ---- How It Works Flow ---- */
.mod-flow{padding:120px 0;background:var(--bg)}
.mod-flow-header{text-align:center;margin-bottom:72px}
.mod-flow-header .sd{margin:0 auto}
.mod-flow-steps{display:flex;align-items:flex-start;justify-content:center;gap:0}
.mod-flow-step{flex:1;max-width:300px;text-align:center;padding:0 20px;position:relative}
.mod-flow-num{font-size:3rem;font-weight:800;background:var(--gr);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.12;line-height:1;margin-bottom:4px}
.mod-flow-icon{width:64px;height:64px;border-radius:18px;background:rgba(51,102,255,.08);color:var(--ac);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all .4s}
.mod-flow-icon.i2{background:rgba(14,165,154,.08);color:var(--tl)}
.mod-flow-icon.i3{background:rgba(124,92,252,.08);color:var(--pp)}
.mod-flow-step:hover .mod-flow-icon{transform:scale(1.1);box-shadow:0 8px 24px rgba(51,102,255,.12)}
.mod-flow-step:hover .mod-flow-icon.i2{box-shadow:0 8px 24px rgba(14,165,154,.12)}
.mod-flow-step:hover .mod-flow-icon.i3{box-shadow:0 8px 24px rgba(124,92,252,.12)}
.mod-flow-step h3{font-size:1.1rem;font-weight:700;color:var(--t1);margin-bottom:10px}
.mod-flow-step p{font-size:.85rem;color:var(--t2);line-height:1.7}
.mod-flow-arrow{display:flex;align-items:center;color:var(--bd2);margin-top:90px;flex-shrink:0}

/* ---- Context Engine ---- */
.mod-context{padding:120px 0;background:var(--bg2)}
.mod-ctx-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.mod-ctx-text .se{margin-bottom:16px}
.mod-ctx-text .st{margin-bottom:16px}
.mod-ctx-text>p{font-size:.92rem;color:var(--t2);line-height:1.7;margin-bottom:32px}
.mod-ctx-features{display:flex;flex-direction:column;gap:20px}
.mod-ctx-feat{display:flex;gap:14px;align-items:flex-start}
.mod-ctx-icon{width:40px;height:40px;border-radius:12px;background:rgba(51,102,255,.08);color:var(--ac);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mod-ctx-icon.i2{background:rgba(14,165,154,.08);color:var(--tl)}
.mod-ctx-icon.i3{background:rgba(124,92,252,.08);color:var(--pp)}
.mod-ctx-feat h4{font-size:.9rem;font-weight:700;color:var(--t1);margin-bottom:4px}
.mod-ctx-feat p{font-size:.82rem;color:var(--t2);line-height:1.6}

/* Context diagram */
.mod-ctx-visual{display:flex;align-items:center;justify-content:center}
.mod-ctx-diagram{width:320px;height:320px;position:relative}
.mod-ctx-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 20px;background:var(--card);border:1px solid var(--bd);border-radius:14px;box-shadow:var(--card-sh);transition:all .4s;z-index:2}
.mod-ctx-node span{font-size:.72rem;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:.06em}
.mod-ctx-node.center{top:50%;left:50%;transform:translate(-50%,-50%);background:var(--gr);color:#fff;border-color:transparent;box-shadow:0 8px 32px var(--gw);animation:ctxPulse 3s ease-in-out infinite}
.mod-ctx-node.center span{color:#fff}
.mod-ctx-node.n1{top:10%;left:50%;transform:translateX(-50%);color:var(--ac)}
.mod-ctx-node.n2{bottom:10%;left:5%;color:var(--tl)}
.mod-ctx-node.n3{bottom:10%;right:5%;color:var(--pp)}
@keyframes ctxPulse{0%,100%{box-shadow:0 8px 32px var(--gw)}50%{box-shadow:0 8px 48px rgba(51,102,255,.3)}}
.mod-ctx-connector{position:absolute;background:var(--bd);z-index:1}
.mod-ctx-connector.c1{width:2px;height:60px;top:22%;left:50%;transform:translateX(-50%)}
.mod-ctx-connector.c2{width:80px;height:2px;bottom:35%;left:18%;transform:rotate(30deg)}
.mod-ctx-connector.c3{width:80px;height:2px;bottom:35%;right:18%;transform:rotate(-30deg)}

/* ---- Competitor Comparison ---- */
.mod-compare{padding:120px 0;background:var(--bg)}
.mod-cmp-header{text-align:center;margin-bottom:56px}
.mod-cmp-header .sd{margin:0 auto}
.mod-cmp-table-wrap{overflow-x:auto;border:1px solid var(--bd);border-radius:16px;box-shadow:var(--card-sh);background:var(--card)}
.mod-cmp-table{width:100%;border-collapse:collapse}
.mod-cmp-table thead th{padding:18px 20px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--t3);font-weight:600;text-align:center;border-bottom:2px solid var(--bd);background:var(--bg2)}
.mod-cmp-table thead th:first-child{text-align:left;color:var(--t2)}
.mod-cmp-table thead th.mod-cmp-hl{color:var(--ac);background:rgba(51,102,255,.04)}
.mod-cmp-table tbody td{padding:16px 20px;font-size:.85rem;color:var(--t2);text-align:center;border-bottom:1px solid var(--bd)}
.mod-cmp-table tbody td:first-child{text-align:left;font-weight:500;color:var(--t1)}
.mod-cmp-table tbody td.mod-cmp-hl{background:rgba(51,102,255,.02);font-weight:600;color:var(--t1)}
.mod-cmp-table tbody tr:hover td{background:var(--bg2)}
.mod-cmp-table tbody tr:hover td.mod-cmp-hl{background:rgba(51,102,255,.06)}
.mod-cmp-yes{color:var(--tl);font-size:1rem}
.mod-cmp-no{color:var(--danger);font-size:1rem}

.mod-cmp-savings{display:flex;justify-content:center;margin-top:36px}
.mod-cmp-save-card{background:linear-gradient(135deg,rgba(14,165,154,.06),rgba(51,102,255,.04));border:1px solid rgba(14,165,154,.15);border-radius:16px;padding:32px 48px;text-align:center}
.mod-cmp-save-label{font-size:.78rem;color:var(--t2);font-weight:500;margin-bottom:8px}
.mod-cmp-save-val{font-size:2.8rem;font-weight:800;background:var(--gr);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}
.mod-cmp-save-val span{font-size:1rem;font-weight:600}
.mod-cmp-save-note{font-size:.75rem;color:var(--t3);margin-top:4px}

/* ---- Use Cases ---- */
.mod-uses{padding:120px 0;background:var(--bg2)}
.mod-uses-header{text-align:center;margin-bottom:64px}
.mod-uses-header .sd{margin:0 auto}
.mod-uses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mod-use-card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:40px 28px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.02)}
.mod-use-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gr);opacity:0;transition:opacity .4s}
.mod-use-card:hover{transform:translateY(-6px);border-color:var(--bd2);box-shadow:var(--card-sh-h)}
.mod-use-card:hover::before{opacity:1}
.mod-use-icon{width:52px;height:52px;border-radius:14px;background:rgba(51,102,255,.08);color:var(--ac);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.mod-use-icon.i2{background:rgba(14,165,154,.08);color:var(--tl)}
.mod-use-icon.i3{background:rgba(124,92,252,.08);color:var(--pp)}
.mod-use-card h3{font-size:1.1rem;font-weight:700;color:var(--t1);margin-bottom:10px}
.mod-use-card p{font-size:.85rem;color:var(--t2);line-height:1.7}

/* ---- Testimonial Quote ---- */
.mod-quote{padding:100px 0;background:var(--bg)}
.mod-quote-inner{max-width:700px;margin:0 auto;text-align:center;padding:56px 48px;background:var(--card);border:1px solid var(--bd);border-radius:24px;box-shadow:var(--card-sh);position:relative}
.mod-quote-inner::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gr);border-radius:24px 24px 0 0}
.mod-quote-stars{color:#F59E0B;font-size:1rem;margin-bottom:24px;display:flex;justify-content:center;gap:2px}
.mod-quote-inner blockquote{font-size:1.1rem;color:var(--t1);line-height:1.8;font-style:italic;margin-bottom:28px;font-weight:500}
.mod-quote-author{display:flex;align-items:center;justify-content:center;gap:12px}
.mod-quote-avatar{width:44px;height:44px;border-radius:50%;background:var(--gr);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}
.mod-quote-author strong{display:block;font-size:.88rem;font-weight:700;color:var(--t1)}
.mod-quote-author span{font-size:.75rem;color:var(--t3)}

/* ---- Module CTA ---- */
.mod-cta{padding:80px 0 120px;background:var(--bg2)}
.mod-cta-inner{background:linear-gradient(135deg,#0B0F1A,#111827);border-radius:24px;padding:80px 48px;text-align:center;position:relative;overflow:hidden}
.mod-cta-orb1{position:absolute;top:-100px;right:-50px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(51,102,255,.15),transparent 60%);pointer-events:none}
.mod-cta-orb2{position:absolute;bottom:-80px;left:-80px;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.08),transparent 60%);pointer-events:none}
.mod-cta-inner .st{color:#F1F5F9;position:relative;z-index:2}
.mod-cta-inner .sd{color:rgba(241,245,249,.55);margin:0 auto 36px;position:relative;z-index:2}
.mod-cta-inner .gt{background:linear-gradient(135deg,#FCA5A5,#7BA3FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mod-cta-actions{position:relative;z-index:2;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.mod-ghost-cta{background:rgba(255,255,255,.08);color:#F1F5F9;border-color:rgba(255,255,255,.15)}
.mod-ghost-cta:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);box-shadow:none}
.mod-cta-trust{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.78rem;color:rgba(241,245,249,.35);font-weight:500}

/* ========================================
   ASSET MANAGEMENT MODULE — Overrides & Unique Styles
   ======================================== */

/* Hero — Teal accent */
.ast-hero-orb1{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,154,.1),transparent 65%);pointer-events:none;animation:modOrb 8s ease-in-out infinite alternate}
.ast-hero-orb2{position:absolute;top:20%;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(51,102,255,.06),transparent 65%);pointer-events:none;animation:modOrb 10s ease-in-out infinite alternate-reverse}
.ast-hero-orb3{position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,252,.05),transparent 65%);pointer-events:none}
.ast-pulse{border-color:rgba(14,165,154,.08)}
.ast-badge{background:rgba(14,165,154,.1);border-color:rgba(14,165,154,.2);color:#5EEAD4}
.ast-dot{background:var(--tl);box-shadow:0 0 12px rgba(14,165,154,.5)}
.ast-live-dot{background:#5EEAD4}
.ast-se{background:rgba(14,165,154,.06);border-color:rgba(14,165,154,.12);color:var(--tl)}
.ast-stat-tl{color:#5EEAD4}
.ast-ck{background:rgba(14,165,154,.1);color:var(--tl)}

/* Asset Table Mock */
.ast-table-mock{border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden}
.ast-table-head{display:flex;gap:0;padding:10px 14px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.06)}
.ast-th{flex:1;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(241,245,249,.3);font-weight:700}
.ast-table-body{display:flex;flex-direction:column}
.ast-row{display:flex;align-items:center;gap:0;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s}
.ast-row:last-child{border-bottom:none}
.ast-row:hover{background:rgba(255,255,255,.03)}
.ast-row.warn-row{background:rgba(245,158,11,.03)}
.ast-row.crit-row{background:rgba(239,68,68,.03)}
.ast-td{flex:1;font-size:.7rem;color:rgba(241,245,249,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ast-asset-icon{margin-right:4px}
.ast-status{padding:2px 8px;border-radius:50px;font-size:.58rem;font-weight:700;letter-spacing:.02em}
.ast-status.active{background:rgba(34,197,94,.12);color:#86EFAC}
.ast-status.warning{background:rgba(245,158,11,.12);color:#FDE68A}
.ast-status.critical{background:rgba(239,68,68,.12);color:#FCA5A5}

/* Asset Detail Grid (Inventory panel) */
.ast-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.ast-detail-item{padding:10px 0;border-bottom:1px solid var(--bd);display:flex;flex-direction:column;gap:2px}
.ast-detail-item:nth-child(odd){padding-right:12px}
.ast-detail-item:nth-child(even){padding-left:12px;border-left:1px solid var(--bd)}
.ast-detail-label{font-size:.68rem;color:var(--t3);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.ast-detail-val{font-size:.82rem;color:var(--t1);font-weight:600}
.ast-val-warn{color:#D97706}
.ast-val-crit{color:#EF4444}
.ast-val-ok{color:#16A34A}
.ast-detail-tags{display:flex;gap:6px;margin-top:16px;flex-wrap:wrap}
.ast-tag{padding:4px 12px;border-radius:50px;font-size:.68rem;font-weight:600;background:rgba(14,165,154,.08);color:var(--tl)}
.ast-tag-tl{background:rgba(14,165,154,.1);color:var(--tl)}

/* QR Scan Visual */
.ast-scan-visual{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.ast-qr-box{position:relative;padding:16px;background:var(--bg2);border-radius:10px;display:flex;align-items:center;justify-content:center}
.ast-qr-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;width:120px}
.ast-qr-cell{width:100%;aspect-ratio:1;border-radius:2px;background:var(--bg3)}
.ast-qr-cell.f{background:var(--t1)}
.ast-qr-scanner{position:absolute;left:8px;right:8px;height:2px;background:var(--tl);box-shadow:0 0 8px rgba(14,165,154,.5);animation:qrScan 2s ease-in-out infinite}
@keyframes qrScan{0%,100%{top:12px}50%{top:calc(100% - 12px)}}
.ast-scan-result{display:flex;flex-direction:column;gap:0}
.ast-scan-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--bd);font-size:.78rem}
.ast-scan-row:last-child{border-bottom:none}
.ast-scan-row span:first-child{color:var(--t3);font-weight:500}
.ast-scan-row span:last-child{color:var(--t1);font-weight:600}

/* Lifecycle Timeline */
.ast-lifecycle{display:flex;flex-direction:column;gap:0;padding:8px 0}
.ast-lc-step{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:8px}
.ast-lc-dot{width:14px;height:14px;border-radius:50%;border:3px solid var(--bd2);background:var(--bg);flex-shrink:0;position:relative;z-index:2}
.ast-lc-step.done .ast-lc-dot{background:var(--tl);border-color:var(--tl)}
.ast-lc-step.current .ast-lc-dot{background:#F59E0B;border-color:#F59E0B;box-shadow:0 0 0 4px rgba(245,158,11,.2);animation:pu 2s infinite}
.ast-lc-info{flex:1}
.ast-lc-label{display:block;font-size:.82rem;font-weight:600;color:var(--t1)}
.ast-lc-date{font-size:.7rem;color:var(--t3)}
.ast-lc-step.done .ast-lc-label{color:var(--t3)}
.ast-lc-step.current{background:rgba(245,158,11,.04);border-radius:8px}
.ast-lc-line{width:3px;height:12px;background:var(--bd);margin-left:13px}
.ast-lc-line.done{background:var(--tl)}
.ast-lc-line.active{background:linear-gradient(180deg,var(--tl),#F59E0B)}
.ast-lc-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.15);border-radius:8px;font-size:.78rem;color:#D97706;font-weight:500;margin-top:12px}
.ast-lc-alert svg{flex-shrink:0;color:#F59E0B}

/* License Utilization */
.ast-license-grid{display:flex;flex-direction:column;gap:14px}
.ast-license-item{padding:12px 0;border-bottom:1px solid var(--bd)}
.ast-license-item:last-child{border-bottom:none}
.ast-lic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ast-lic-name{font-size:.85rem;font-weight:600;color:var(--t1)}
.ast-lic-status{padding:3px 10px;border-radius:50px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ast-lic-status.ok{background:rgba(34,197,94,.08);color:#16A34A}
.ast-lic-status.warn{background:rgba(245,158,11,.08);color:#D97706}
.ast-lic-status.crit{background:rgba(239,68,68,.08);color:#EF4444}
.ast-lic-bar-track{width:100%;height:6px;border-radius:3px;background:var(--bg3);overflow:hidden}
.ast-lic-bar{height:100%;border-radius:3px;background:var(--gr);transition:width 1.2s ease-out}
.ast-lic-bar.warn-bar{background:linear-gradient(90deg,#F59E0B,#EF4444)}
.ast-lic-bar.tl-bar{background:linear-gradient(90deg,var(--tl),var(--ac))}
.ast-lic-bar.crit-bar{background:#EF4444}
.ast-lic-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:.72rem;color:var(--t3)}

/* Audit Rings */
.ast-audit-summary{display:flex;justify-content:center;gap:32px;margin-bottom:20px;padding:16px 0}
.ast-audit-stat{text-align:center}
.ast-audit-ring{width:72px;height:72px;position:relative;margin:0 auto 8px}
.ast-audit-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ast-ring-bg{fill:none;stroke:var(--bg3);stroke-width:3}
.ast-ring-fill{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1.5s ease-out}
.ast-ring-fill.ok-fill{stroke:var(--tl)}
.ast-ring-fill.warn-fill{stroke:#F59E0B}
.ast-ring-fill.crit-fill{stroke:#EF4444}
.ast-ring-val{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;font-weight:800;color:var(--t1)}
.ast-audit-stat-label{font-size:.68rem;color:var(--t3);font-weight:600}
.ast-audit-details{display:flex;flex-direction:column}
.ast-audit-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--bd);font-size:.8rem}
.ast-audit-row:last-child{border-bottom:none}
.ast-audit-row span:first-child{color:var(--t3);font-weight:500}
.ast-audit-row span:last-child{color:var(--t1);font-weight:600}

/* Asset Categories Grid */
.ast-categories{padding:120px 0;background:var(--bg)}
.ast-cat-header{text-align:center;margin-bottom:64px}
.ast-cat-header .sd{margin:0 auto}
.ast-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ast-cat-card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:28px 20px;text-align:center;transition:all .4s;box-shadow:0 1px 4px rgba(0,0,0,.02);cursor:default}
.ast-cat-card:hover{transform:translateY(-4px);border-color:var(--bd2);box-shadow:var(--card-sh-h)}
.ast-cat-emoji{font-size:2rem;margin-bottom:12px;line-height:1}
.ast-cat-card h4{font-size:.92rem;font-weight:700;color:var(--t1);margin-bottom:6px}
.ast-cat-card p{font-size:.78rem;color:var(--t2);line-height:1.6}

/* CTA teal accent */
.ast-cta-inner .gt{background:linear-gradient(135deg,#5EEAD4,#7BA3FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ast-orb1{background:radial-gradient(circle,rgba(14,165,154,.15),transparent 60%)}
.ast-orb2{background:radial-gradient(circle,rgba(51,102,255,.08),transparent 60%)}
.ast-avatar{background:linear-gradient(135deg,var(--tl),var(--ac))}
.ast-ctx-center{background:linear-gradient(135deg,var(--tl),var(--ac))}

/* Asset page responsive additions */
@media(max-width:1024px){
  .ast-cat-grid{grid-template-columns:repeat(2,1fr)}
  .ast-scan-visual{grid-template-columns:1fr}
  .ast-detail-grid{grid-template-columns:1fr}
  .ast-detail-item:nth-child(even){padding-left:0;border-left:none}
  .ast-detail-item:nth-child(odd){padding-right:0}
}
@media(max-width:768px){
  .ast-cat-grid{grid-template-columns:1fr 1fr}
  .ast-audit-summary{gap:16px}
  .ast-audit-ring{width:56px;height:56px}
}
@media(max-width:480px){
  .ast-cat-grid{grid-template-columns:1fr}
}

/* ========================================
   IPAM MODULE — Overrides & Unique Styles
   ======================================== */

/* Hero — Purple accent */
.ipam-hero-orb1{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,252,.1),transparent 65%);pointer-events:none;animation:modOrb 8s ease-in-out infinite alternate}
.ipam-hero-orb2{position:absolute;top:20%;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,154,.06),transparent 65%);pointer-events:none;animation:modOrb 10s ease-in-out infinite alternate-reverse}
.ipam-hero-orb3{position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(51,102,255,.05),transparent 65%);pointer-events:none}
.ipam-pulse{border-color:rgba(124,92,252,.08)}
.ipam-badge{background:rgba(124,92,252,.1);border-color:rgba(124,92,252,.2);color:#C4B5FD}
.ipam-dot{background:var(--pp);box-shadow:0 0 12px rgba(124,92,252,.5)}
.ipam-live-dot{background:#C4B5FD}
.ipam-se{background:rgba(124,92,252,.06);border-color:rgba(124,92,252,.12);color:var(--pp)}
.ipam-stat-pp{color:#C4B5FD}
.ipam-ck{background:rgba(124,92,252,.1);color:var(--pp)}
.ipam-tag-pp{background:rgba(124,92,252,.1);color:var(--pp)}
.ipam-cta{background:linear-gradient(135deg,var(--pp),var(--ac))}
.ipam-warn{color:#D97706}
.ipam-crit{color:#EF4444}

/* Subnet Visualization Grid */
.ipam-subnet-viz{border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;background:rgba(0,0,0,.1)}
.ipam-viz-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.ipam-viz-title{font-size:.7rem;font-weight:600;color:rgba(241,245,249,.5)}
.ipam-viz-legend{display:flex;gap:12px}
.ipam-leg{display:flex;align-items:center;gap:4px;font-size:.58rem;color:rgba(241,245,249,.35);font-weight:500}
.ipam-leg-dot{width:8px;height:8px;border-radius:2px}
.ipam-leg-dot.used{background:#A78BFA}
.ipam-leg-dot.free{background:rgba(255,255,255,.08)}
.ipam-leg-dot.reserved{background:rgba(245,158,11,.4)}
.ipam-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;padding:12px}
.ipam-cell{aspect-ratio:1;border-radius:2px;transition:all .3s;cursor:default;position:relative}
.ipam-cell.used{background:#7C5CFC;opacity:.7}
.ipam-cell.used:hover{opacity:1;transform:scale(1.3);z-index:2;box-shadow:0 0 8px rgba(124,92,252,.5)}
.ipam-cell.free{background:rgba(255,255,255,.06)}
.ipam-cell.free:hover{background:rgba(255,255,255,.12)}
.ipam-cell.reserved{background:rgba(245,158,11,.35)}
.ipam-cell.gateway{background:#3366FF;opacity:.9}
.ipam-cell.conflict{background:#EF4444;animation:pu 2s infinite}
.ipam-viz-footer{display:flex;justify-content:space-between;padding:8px 14px;border-top:1px solid rgba(255,255,255,.06);font-size:.65rem;color:rgba(241,245,249,.3);font-weight:500}

/* Subnet Tree (panel) */
.ipam-subnet-tree{display:flex;flex-direction:column;gap:6px}
.ipam-tree-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--bd);border-radius:8px;transition:all .3s}
.ipam-tree-item:hover{border-color:var(--bd2);background:var(--bg2)}
.ipam-tree-item.root{background:rgba(124,92,252,.03);border-color:rgba(124,92,252,.12)}
.ipam-tree-item.child{margin-left:20px}
.ipam-tree-item.alert{background:rgba(239,68,68,.03);border-color:rgba(239,68,68,.12)}
.ipam-tree-cidr{font-size:.78rem;font-weight:700;color:var(--t1);min-width:110px;font-variant-numeric:tabular-nums}
.ipam-tree-name{font-size:.78rem;color:var(--t2);min-width:80px}
.ipam-tree-bar{flex:1;height:6px;border-radius:3px;background:var(--bg3);overflow:hidden}
.ipam-tree-bar span{display:block;height:100%;border-radius:3px;background:var(--gr2);transition:width .8s ease-out}
.ipam-tree-bar.warn span{background:linear-gradient(90deg,#F59E0B,var(--pp))}
.ipam-tree-bar.crit span{background:#EF4444}
.ipam-tree-pct{font-size:.72rem;font-weight:700;color:var(--t2);min-width:36px;text-align:right}

/* VLAN List */
.ipam-vlan-list{display:flex;flex-direction:column;gap:4px}
.ipam-vlan-row{display:flex;align-items:center;gap:0;padding:10px 12px;border:1px solid var(--bd);border-radius:8px;transition:all .3s}
.ipam-vlan-row:hover{border-color:var(--bd2);background:var(--bg2)}
.ipam-vlan-row.dimmed{opacity:.5}
.ipam-vlan-id{font-size:.78rem;font-weight:700;color:var(--pp);min-width:70px;font-variant-numeric:tabular-nums}
.ipam-vlan-name{font-size:.78rem;color:var(--t1);font-weight:600;flex:1}
.ipam-vlan-subnet{font-size:.72rem;color:var(--t3);font-variant-numeric:tabular-nums;min-width:110px}
.ipam-vlan-status{padding:3px 10px;border-radius:50px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ipam-vlan-status.active{background:rgba(34,197,94,.08);color:#16A34A}
.ipam-vlan-status.warn{background:rgba(245,158,11,.08);color:#D97706}
.ipam-vlan-status.unused{background:rgba(137,144,165,.08);color:var(--t3)}

/* Scan Summary */
.ipam-scan-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.ipam-scan-stat{text-align:center;padding:12px 8px;background:var(--bg2);border-radius:8px}
.ipam-scan-num{display:block;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2px}
.ipam-scan-num.ok{color:var(--tl)}
.ipam-scan-num.warn{color:#F59E0B}
.ipam-scan-num.crit{color:#EF4444}
.ipam-scan-num.info{color:var(--pp)}
.ipam-scan-label{font-size:.65rem;color:var(--t3);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.ipam-scan-findings{display:flex;flex-direction:column;gap:8px}
.ipam-finding{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:8px;font-size:.78rem}
.ipam-finding svg{flex-shrink:0;margin-top:2px}
.ipam-finding-title{display:block;font-weight:600;color:var(--t1)}
.ipam-finding-meta{display:block;font-size:.7rem;color:var(--t3);margin-top:2px}
.warn-finding{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.12)}
.warn-finding svg{color:#F59E0B}
.crit-finding{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.12)}
.crit-finding svg{color:#EF4444}

/* Utilization Bars */
.ipam-util-list{display:flex;flex-direction:column;gap:14px}
.ipam-util-item{padding-bottom:14px;border-bottom:1px solid var(--bd)}
.ipam-util-item:last-child{border-bottom:none;padding-bottom:0}
.ipam-util-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ipam-util-name{font-size:.82rem;font-weight:600;color:var(--t1);font-variant-numeric:tabular-nums}
.ipam-util-pct{font-size:.82rem;font-weight:800;color:var(--t2)}
.ipam-util-track{width:100%;height:8px;border-radius:4px;background:var(--bg3);overflow:hidden}
.ipam-util-bar{height:100%;border-radius:4px;background:var(--gr2);transition:width 1.2s ease-out}
.ipam-util-bar.warn-util{background:linear-gradient(90deg,var(--pp),#F59E0B)}
.ipam-util-bar.crit-util{background:linear-gradient(90deg,#F59E0B,#EF4444)}
.ipam-util-bar.ok-util{background:var(--tl)}
.ipam-util-meta{font-size:.7rem;color:var(--t3);margin-top:6px}

/* VRF Grid */
.ipam-vrf-grid{display:flex;flex-direction:column;gap:10px}
.ipam-vrf-card{padding:14px;border:1px solid var(--bd);border-radius:10px;transition:all .3s}
.ipam-vrf-card:hover{border-color:var(--bd2);background:var(--bg2)}
.ipam-vrf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ipam-vrf-name{font-size:.88rem;font-weight:700;color:var(--t1)}
.ipam-vrf-rd{font-size:.68rem;color:var(--t3);font-variant-numeric:tabular-nums;font-weight:500}
.ipam-vrf-subnets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.ipam-vrf-subnets span{padding:3px 10px;border-radius:50px;background:rgba(124,92,252,.06);color:var(--pp);font-size:.68rem;font-weight:600;font-variant-numeric:tabular-nums}
.ipam-vrf-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--t3)}
.ipam-vrf-note{margin-top:12px;padding:10px 14px;background:rgba(124,92,252,.04);border:1px solid rgba(124,92,252,.1);border-radius:8px;font-size:.75rem;color:var(--pp);font-weight:500;text-align:center}

/* CTA purple accent */
.ipam-cta-inner .gt{background:linear-gradient(135deg,#C4B5FD,#7BA3FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ipam-orb1{background:radial-gradient(circle,rgba(124,92,252,.15),transparent 60%)}
.ipam-orb2{background:radial-gradient(circle,rgba(14,165,154,.06),transparent 60%)}
.ipam-avatar{background:var(--gr2)}
.ipam-ctx-center{background:var(--gr2)}

/* IPAM page responsive */
@media(max-width:1024px){
  .ipam-grid{grid-template-columns:repeat(12,1fr)}
  .ipam-scan-summary{grid-template-columns:repeat(2,1fr)}
  .ipam-tree-item.child{margin-left:10px}
}
@media(max-width:768px){
  .ipam-grid{grid-template-columns:repeat(8,1fr)}
  .ipam-vlan-subnet{display:none}
  .ipam-scan-summary{grid-template-columns:repeat(2,1fr)}
}

/* ========================================
   ASK PAGENTZ AI MODULE — Overrides & Unique Styles
   ======================================== */

/* Hero — AI gradient accent (purple → blue) */
.ai-hero-orb1{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,252,.12),transparent 65%);pointer-events:none;animation:modOrb 8s ease-in-out infinite alternate}
.ai-hero-orb2{position:absolute;top:20%;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(51,102,255,.08),transparent 65%);pointer-events:none;animation:modOrb 10s ease-in-out infinite alternate-reverse}
.ai-hero-orb3{position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,154,.05),transparent 65%);pointer-events:none}
.ai-hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ai-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(124,92,252,.25);animation:aiFloat linear infinite}
@keyframes aiFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-20vh) scale(1);opacity:0}}
.ai-badge{background:rgba(124,92,252,.1);border-color:rgba(124,92,252,.2);color:#C4B5FD}
.ai-dot{background:linear-gradient(135deg,var(--pp),var(--ac));box-shadow:0 0 12px rgba(124,92,252,.5)}
.ai-gt{background:linear-gradient(135deg,#C4B5FD,#93C5FD);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ai-cta-btn{background:linear-gradient(135deg,var(--pp),var(--ac))}
.ai-cta-btn:hover{box-shadow:0 4px 24px rgba(124,92,252,.3)}
.ai-se{background:rgba(124,92,252,.06);border-color:rgba(124,92,252,.12);color:var(--pp)}
.ai-ck{background:rgba(124,92,252,.1);color:var(--pp)}
.ai-tag{background:rgba(124,92,252,.1);color:var(--pp);border-color:rgba(124,92,252,.2)}
.ai-tag-warn{background:rgba(245,158,11,.1);color:#D97706;border-color:rgba(245,158,11,.2)}
.ai-feat-cta{color:var(--pp)}
.ai-feat-cta:hover{color:#5B3DE6}
.ai-flow-icon{background:rgba(124,92,252,.08);color:var(--pp)}
.ai-use-icon{background:rgba(124,92,252,.08);color:var(--pp)}
.ai-ctx-center{background:linear-gradient(135deg,var(--pp),var(--ac))}
.ai-avatar{background:linear-gradient(135deg,var(--pp),var(--ac))}
.ai-cta-inner .gt{background:linear-gradient(135deg,#C4B5FD,#93C5FD);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ai-orb1{background:radial-gradient(circle,rgba(124,92,252,.15),transparent 60%)}
.ai-orb2{background:radial-gradient(circle,rgba(51,102,255,.08),transparent 60%)}

/* AI Chat Mock */
.ai-chat-mock{background:linear-gradient(145deg,rgba(15,22,41,.95),rgba(17,24,39,.98));border:1px solid rgba(124,92,252,.15);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(124,92,252,.08)}
.ai-chat-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.06)}
.ai-chat-title{font-size:.78rem;font-weight:700;color:rgba(241,245,249,.7);flex:1}
.ai-chat-status{display:flex;align-items:center;gap:6px;font-size:.65rem;color:rgba(241,245,249,.35);font-weight:500}
.ai-status-dot{width:6px;height:6px;border-radius:50%;background:#22C55E;box-shadow:0 0 6px rgba(34,197,94,.5);animation:pu 2s infinite}
.ai-chat-body{padding:16px;display:flex;flex-direction:column;gap:16px;max-height:340px;overflow-y:auto}
.ai-chat-body::-webkit-scrollbar{width:4px}
.ai-chat-body::-webkit-scrollbar-track{background:transparent}
.ai-chat-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}
.ai-msg{display:flex;gap:10px;align-items:flex-start}
.ai-msg-avatar{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:800;flex-shrink:0;letter-spacing:.02em}
.user-av{background:rgba(255,255,255,.08);color:rgba(241,245,249,.5)}
.bot-av{background:linear-gradient(135deg,var(--pp),var(--ac));color:#fff}
.ai-msg-bubble{font-size:.78rem;line-height:1.65;border-radius:12px;padding:10px 14px;max-width:85%}
.user-bubble{background:rgba(255,255,255,.06);color:rgba(241,245,249,.8);font-weight:500;margin-left:auto}
.user-msg{flex-direction:row-reverse}
.bot-bubble{background:rgba(124,92,252,.06);color:rgba(241,245,249,.7);border:1px solid rgba(124,92,252,.1)}
.bot-bubble p{margin-bottom:8px}
.bot-bubble p:last-child{margin-bottom:0}
.ai-result-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.ai-result-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(255,255,255,.03);border-radius:6px;font-size:.72rem;color:rgba(241,245,249,.6)}
.ai-result-icon{font-size:.9rem;flex-shrink:0}
.ai-result-row span:nth-child(2){flex:1}
.ai-result-tag{padding:2px 8px;border-radius:50px;font-size:.58rem;font-weight:700;letter-spacing:.02em}
.ai-result-tag.urgent{background:rgba(239,68,68,.15);color:#FCA5A5}
.ai-result-tag.warn{background:rgba(245,158,11,.15);color:#FDE68A}
.ai-result-more{font-size:.72rem;color:rgba(241,245,249,.4)}
.ai-result-more a{color:#C4B5FD;text-decoration:underline;text-underline-offset:2px}
.ai-result-rec{font-size:.72rem;color:#C4B5FD;padding:8px 10px;background:rgba(124,92,252,.06);border-radius:6px;border-left:3px solid var(--pp);margin-top:8px}
.ai-subnet-bars{display:flex;flex-direction:column;gap:10px;margin:8px 0}
.ai-sbar{display:flex;align-items:center;gap:8px}
.ai-sbar-label{font-size:.68rem;color:rgba(241,245,249,.5);min-width:120px;font-variant-numeric:tabular-nums}
.ai-sbar-track{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.ai-sbar-fill{height:100%;border-radius:3px;transition:width 1.2s ease-out}
.ai-sbar-fill.crit{background:linear-gradient(90deg,#F59E0B,#EF4444)}
.ai-sbar-fill.warn{background:linear-gradient(90deg,var(--pp),#F59E0B)}
.ai-sbar-pct{font-size:.68rem;font-weight:700;min-width:30px;text-align:right}
.ai-sbar-pct.crit{color:#FCA5A5}
.ai-sbar-pct.warn{color:#FDE68A}

/* Chat Input */
.ai-chat-input{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.15)}
.ai-input-wrap{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 10px;transition:border-color .3s}
.ai-input-wrap:focus-within{border-color:rgba(124,92,252,.3)}
.ai-chat-input input{flex:1;background:none;border:none;color:rgba(241,245,249,.6);font-size:.78rem;font-family:var(--f);outline:none}
.ai-chat-input input::placeholder{color:rgba(241,245,249,.25)}
.ai-send-btn{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--pp),var(--ac));color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s;flex-shrink:0}
.ai-send-btn:hover{box-shadow:0 2px 12px rgba(124,92,252,.4);transform:scale(1.05)}
.ai-input-hints{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.ai-hint{padding:4px 12px;border-radius:50px;background:rgba(124,92,252,.06);border:1px solid rgba(124,92,252,.1);color:#C4B5FD;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .3s}
.ai-hint:hover{background:rgba(124,92,252,.12);border-color:rgba(124,92,252,.25)}

/* Query Examples (Natural Language panel) */
.ai-query-examples{display:flex;flex-direction:column;gap:8px}
.ai-qe{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:var(--bg2);transition:all .3s;cursor:default}
.ai-qe:hover{background:var(--bg3);transform:translateX(4px)}
.ai-qe-cat{padding:3px 10px;border-radius:50px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:60px;text-align:center}
.ai-qe:nth-child(1) .ai-qe-cat,.ai-qe:nth-child(4) .ai-qe-cat{background:rgba(14,165,154,.08);color:var(--tl)}
.ai-qe:nth-child(2) .ai-qe-cat,.ai-qe:nth-child(5) .ai-qe-cat{background:rgba(124,92,252,.08);color:var(--pp)}
.ai-qe:nth-child(3) .ai-qe-cat,.ai-qe:nth-child(6) .ai-qe-cat{background:rgba(51,102,255,.08);color:var(--ac)}
.ai-qe-q{font-size:.82rem;color:var(--t2);font-style:italic}

/* Cross-Module Result */
.ai-cross-result{display:flex;flex-direction:column;gap:12px}
.ai-cross-section{display:flex;gap:12px;align-items:flex-start;padding:12px;background:var(--bg2);border-radius:10px;transition:all .3s}
.ai-cross-section:hover{background:var(--bg3)}
.ai-cross-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ai-cross-icon.al{background:rgba(239,68,68,.08);color:#EF4444}
.ai-cross-icon.as{background:rgba(14,165,154,.08);color:var(--tl)}
.ai-cross-icon.ip{background:rgba(124,92,252,.08);color:var(--pp)}
.ai-cross-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);margin-bottom:4px}
.ai-cross-section p{font-size:.82rem;color:var(--t2);line-height:1.6}
.ai-cross-rec{padding:12px 14px;background:linear-gradient(135deg,rgba(124,92,252,.04),rgba(51,102,255,.04));border:1px solid rgba(124,92,252,.12);border-radius:8px;font-size:.82rem;color:var(--pp);font-weight:500;line-height:1.6}

/* Predictions */
.ai-predictions{display:flex;flex-direction:column;gap:8px}
.ai-pred{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:10px;transition:all .3s}
.ai-pred:hover{transform:translateX(4px)}
.crit-pred{background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.1)}
.warn-pred{background:rgba(245,158,11,.04);border:1px solid rgba(245,158,11,.1)}
.info-pred{background:rgba(51,102,255,.04);border:1px solid rgba(51,102,255,.1)}
.ai-pred-sev{padding:4px 10px;border-radius:6px;font-size:.6rem;font-weight:800;letter-spacing:.06em;flex-shrink:0;min-width:40px;text-align:center}
.crit-pred .ai-pred-sev{background:rgba(239,68,68,.12);color:#EF4444}
.warn-pred .ai-pred-sev{background:rgba(245,158,11,.12);color:#D97706}
.info-pred .ai-pred-sev{background:rgba(51,102,255,.12);color:var(--ac)}
.ai-pred-info{flex:1}
.ai-pred-title{display:block;font-size:.85rem;font-weight:600;color:var(--t1);margin-bottom:2px}
.ai-pred-detail{display:block;font-size:.75rem;color:var(--t3);line-height:1.5}

/* Report Preview */
.ai-report-preview{display:flex;flex-direction:column;gap:14px}
.ai-rpt-section{padding:12px 0;border-bottom:1px solid var(--bd)}
.ai-rpt-section:last-of-type{border-bottom:none}
.ai-rpt-section h5{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);font-weight:700;margin-bottom:8px}
.ai-rpt-stats{display:flex;gap:20px}
.ai-rpt-stats span{font-size:.82rem;color:var(--t2)}
.ai-rpt-stats strong{color:var(--t1);font-weight:700}
.ai-rpt-actions{display:flex;gap:8px;margin-top:4px}
.ai-rpt-btn{padding:6px 16px;border-radius:8px;font-size:.72rem;font-weight:600;border:1px solid var(--bd);background:var(--bg);color:var(--t2);cursor:pointer;transition:all .3s;font-family:var(--f)}
.ai-rpt-btn:hover{border-color:var(--bd2);background:var(--bg2)}
.ai-rpt-btn.primary{background:linear-gradient(135deg,var(--pp),var(--ac));color:#fff;border-color:transparent}
.ai-rpt-btn.primary:hover{box-shadow:0 4px 16px rgba(124,92,252,.3)}

/* Action Confirmation */
.ai-action-confirm{display:flex;flex-direction:column;gap:12px}
.ai-action-desc{font-size:.85rem;color:var(--t2);line-height:1.6}
.ai-action-items{display:flex;flex-direction:column;gap:6px}
.ai-action-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg2);border-radius:8px;font-size:.82rem;color:var(--t1);font-weight:500;transition:all .3s}
.ai-action-item:hover{background:var(--bg3)}
.ai-action-item span{font-size:1rem}
.ai-action-btns{display:flex;gap:8px}
.ai-act-btn{padding:8px 20px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .3s;font-family:var(--f);border:1px solid var(--bd)}
.ai-act-btn.confirm{background:linear-gradient(135deg,var(--pp),var(--ac));color:#fff;border-color:transparent}
.ai-act-btn.confirm:hover{box-shadow:0 4px 16px rgba(124,92,252,.3)}
.ai-act-btn.cancel{background:var(--bg);color:var(--t2)}
.ai-act-btn.cancel:hover{background:var(--bg2)}
.ai-action-note{font-size:.72rem;color:var(--t3);font-style:italic}

/* Example Prompts Grid */
.ai-prompts{padding:120px 0;background:var(--bg)}
.ai-prompts-header{text-align:center;margin-bottom:64px}
.ai-prompts-header .sd{margin:0 auto}
.ai-prompts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ai-prompt-card{padding:20px;border-radius:14px;background:var(--card);border:1px solid var(--bd);box-shadow:0 1px 4px rgba(0,0,0,.02);transition:all .4s;cursor:default}
.ai-prompt-card:hover{transform:translateY(-4px);border-color:var(--bd2);box-shadow:var(--card-sh-h)}
.ai-prompt-module{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.al-card .ai-prompt-module{color:#EF4444}
.as-card .ai-prompt-module{color:var(--tl)}
.ip-card .ai-prompt-module{color:var(--pp)}
.cr-card .ai-prompt-module{color:var(--ac)}
.al-card:hover{border-color:rgba(239,68,68,.2)}
.as-card:hover{border-color:rgba(14,165,154,.2)}
.ip-card:hover{border-color:rgba(124,92,252,.2)}
.cr-card:hover{border-color:rgba(51,102,255,.2)}
.ai-prompt-card p{font-size:.85rem;color:var(--t2);line-height:1.6;font-style:italic}

/* AI page responsive */
@media(max-width:1024px){
  .ai-prompts-grid{grid-template-columns:repeat(2,1fr)}
  .ai-sbar-label{min-width:90px;font-size:.6rem}
  .ai-cross-section{padding:10px}
}
@media(max-width:768px){
  .ai-prompts-grid{grid-template-columns:1fr}
  .ai-chat-body{max-height:280px}
  .ai-input-hints{gap:4px}
  .ai-hint{font-size:.58rem;padding:3px 8px}
  .ai-rpt-stats{flex-direction:column;gap:6px}
  .ai-action-btns{flex-direction:column}
  .ai-sbar{flex-wrap:wrap;gap:4px}
  .ai-sbar-label{min-width:100%}
}

/* ---- Module Page Responsive ---- */
@media(max-width:1024px){
  .mod-hero .ctn{grid-template-columns:1fr;text-align:center}
  .mod-hero-sub{margin-left:auto;margin-right:auto}
  .mod-hero-actions{justify-content:center}
  .mod-hero-proof{justify-content:center}
  .mod-hero-visual{max-width:560px;margin:40px auto 0}
  .mod-dash-stats{grid-template-columns:repeat(2,1fr)}
  .mod-impact-grid{grid-template-columns:repeat(2,1fr)}
  .mod-panel{grid-template-columns:1fr}
  .mod-panel-visual{order:-1}
  .mod-chan-grid{grid-template-columns:repeat(2,1fr)}
  .mod-flow-steps{flex-direction:column;align-items:center;gap:24px}
  .mod-flow-arrow{transform:rotate(90deg);margin:0}
  .mod-ctx-inner{grid-template-columns:1fr}
  .mod-ctx-visual{display:none}
  .mod-uses-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .mod-hero{padding:140px 0 60px;min-height:auto}
  .mod-hero h1{font-size:2rem}
  .mod-impact-grid{grid-template-columns:1fr 1fr;margin-top:-20px}
  .mod-feat-tabs{gap:4px}
  .mod-tab{padding:8px 14px;font-size:.75rem}
  .mod-tab svg{display:none}
  .mod-chan-grid{grid-template-columns:1fr}
  .mod-cmp-table thead th,.mod-cmp-table tbody td{padding:10px 12px;font-size:.75rem}
  .mod-cta-inner{padding:48px 24px}
  .mod-quote-inner{padding:36px 24px}
  .mod-cta-trust{flex-direction:column;gap:4px}
  .mod-cta-trust span:nth-child(2){display:none}
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media(max-width:1024px){
  .fg{grid-template-columns:repeat(2,1fr)}
  .pg{grid-template-columns:repeat(2,1fr)}
  .bc.w{grid-template-columns:1fr}
  .ftg{grid-template-columns:1fr 1fr;gap:32px}
  .consent-layout{grid-template-columns:1fr}
  .consent-toc{position:static;display:flex;flex-wrap:wrap;gap:4px}
  .consent-toc ol{flex-direction:row;flex-wrap:wrap;gap:4px}
  .consent-toc a{padding:4px 10px;background:var(--bg2);border-radius:50px;font-size:.72rem}
}
@media(max-width:768px){
  .nl{display:none}
  .mob{display:flex}
  .nl.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);padding:20px 24px;gap:18px;border-bottom:1px solid var(--bd);box-shadow:0 8px 24px rgba(0,0,0,.06)}
  .hero{padding:140px 0 80px}
  .fg,.bn,.tg{grid-template-columns:1fr}
  .sps{grid-template-columns:1fr;gap:40px}
  .sps::before{display:none}
  .pg{grid-template-columns:1fr;max-width:380px;margin:0 auto}
  .dby{grid-template-columns:1fr}
  .ftg{grid-template-columns:1fr}
  .ftb{flex-direction:column;gap:12px;text-align:center}
  .cta-b{padding:56px 24px}
  .consent-form{padding:28px 20px}
  .form-row-half,.form-signature{grid-template-columns:1fr}
  .consent-meta{gap:8px}
}
@media(max-width:480px){
  .hero h1{font-size:2.2rem}
  .hact{flex-direction:column;width:100%}
  .bg1,.bo1{width:100%;justify-content:center}
  .page-hero h1{font-size:1.8rem}
}

/* ========================================
   INTEGRATIONS PAGE — Card Grid
   ======================================== */
.int-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:48px}
.int-card{background:var(--card);border:1px solid var(--bd2);border-radius:var(--r);padding:28px;transition:all .4s;display:flex;flex-direction:column}
.int-card:hover{box-shadow:var(--card-sh-h);transform:translateY(-4px);border-color:rgba(51,102,255,.15)}
.int-card-generic{border:2px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--gr) border-box}
.int-card-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.int-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.int-card-head h3{font-size:1.05rem;font-weight:700;margin-bottom:2px}
.int-cat{font-size:.72rem;color:var(--t3);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.int-card>p{font-size:.85rem;color:var(--t2);line-height:1.65;margin-bottom:16px;flex:1}
.int-feat{list-style:none;margin-bottom:20px}
.int-feat li{font-size:.8rem;color:var(--t2);padding:5px 0;display:flex;align-items:center;gap:8px}
.int-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--bd);margin-top:auto}
.int-setup{font-size:.75rem;color:var(--tl);font-weight:600}
.int-services{text-align:center;margin-top:80px;padding-top:60px;border-top:1px solid var(--bd)}
.int-services .mod-chan-grid{text-align:left}
@keyframes slideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){
  .int-grid{grid-template-columns:1fr}
}