/* =====================================================
   NUZN.MVC — product page styles (homepage theme)
   Per-product accent set via --g1/--g2 inline on <main>.
   ===================================================== */

/* ===== Hero (light, homepage-style) ===== */
.pd-hero-img{position:relative;display:block;background:#04101f;line-height:0;}
.pd-hero-img img{display:block;width:100%;height:auto;max-height:calc(100vh - 104px);object-fit:contain;margin:0 auto;}
.pd-hero-cta{position:absolute;bottom:7%;left:3.5%;display:flex;gap:14px;z-index:2;flex-wrap:wrap;}
.pdcta{display:inline-flex;align-items:center;padding:11px 24px;border-radius:8px;font-weight:700;font-size:15px;line-height:1;text-decoration:none;background:#ffffff;color:#1769ff;border:2px solid #ffffff;transition:.15s;}
.pdcta:hover{background:#f0f6ff;color:#1769ff;border-color:#ffffff;}
@media(max-width:820px){.pd-hero-cta{bottom:5%;left:3%;gap:8px;}.pdcta{padding:7px 14px;font-size:12px;}}
@media(max-width:520px){.pd-hero-cta{display:none;}}
.pd-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#ffffff,#f6f9ff);
  border-bottom:1px solid #eef0f4;
}
.pd-hero::after{
  content:"";position:absolute;width:560px;height:560px;border-radius:50%;
  filter:blur(100px);opacity:.16;background:var(--g1,#1769ff);top:-180px;right:-160px;
}
.pd-hero .wrap{
  max-width:1200px;margin:0 auto;padding:80px 24px 90px;position:relative;z-index:2;
  display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;
}
.pd-hero .crumb{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#8a93a6;margin-bottom:18px;}
.pd-hero .crumb a{text-decoration:none;color:#8a93a6;}
.pd-hero .crumb a:hover{color:var(--brand);}
.pd-hero .eyebrow{letter-spacing:2px;font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:18px;color:var(--brand);}
.pd-hero h1{
  font-family:'Newsreader',Georgia,serif;font-size:clamp(36px,4.6vw,62px);
  line-height:1.05;font-weight:600;margin-bottom:18px;color:var(--ink);
}
.pd-hero h1 .dot{color:var(--orange);}
.pd-hero .subhead{font-size:clamp(16px,1.8vw,19px);color:#52607a;max-width:520px;line-height:1.55;margin-bottom:24px;}

/* bullet chips (same look as homepage hero) */
.pd-bullets{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;}
.pd-bullets li{
  position:relative;padding:8px 14px 8px 32px;font-size:13px;font-weight:700;border-radius:30px;
  background:#dcefff;color:#0a5a8a;box-shadow:0 4px 12px rgba(13,110,160,.12);
}
.pd-bullets li::before{
  content:"\2713";position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;border-radius:50%;color:#fff;background:#38b6ff;
  font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;
}

.pd-hero .btns{display:flex;gap:14px;flex-wrap:wrap;}
.pd-hero .btn{
  padding:15px 30px;font-size:15px;font-weight:700;border-radius:8px;text-decoration:none;display:inline-block;
  border:2px solid transparent;transition:transform .15s ease,box-shadow .15s ease;
}
.pd-hero .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.12);}
.pd-hero .btn-primary{background:var(--orange);color:#fff;}
.pd-hero .btn-ghost{background:#fff;color:var(--orange);border-color:var(--orange);}

/* ===== Animated dashboard mockup (light) ===== */
.pd-visual{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;}
.mock{
  width:100%;max-width:440px;background:#fff;border:1px solid #ececec;border-radius:16px;
  box-shadow:0 30px 60px rgba(10,23,51,.14);overflow:hidden;animation:mockfloat 6s ease-in-out infinite;
}
@keyframes mockfloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.mock-top{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid #f0f2f6;}
.mock-top span{width:10px;height:10px;border-radius:50%;}
.mock-top span:nth-child(1){background:#ff8a80;}
.mock-top span:nth-child(2){background:#ffd54f;}
.mock-top span:nth-child(3){background:#69f0ae;}
.mock-url{flex:1;height:10px;border-radius:6px;background:#f0f2f6;margin-left:8px;}
.mock-body{display:grid;grid-template-columns:52px 1fr;}
.mock-side{display:flex;flex-direction:column;gap:10px;padding:16px 12px;border-right:1px solid #f0f2f6;}
.mock-side i{height:10px;border-radius:5px;background:#e5eaf2;}
.mock-side i:first-child{background:linear-gradient(90deg,var(--g1,#1769ff),var(--g2,#3f8cff));}
.mock-main{padding:16px;}
.mock-kpis{display:flex;gap:10px;margin-bottom:14px;}
.mkpi{flex:1;background:#f6f9ff;border:1px solid #e6edff;border-radius:10px;padding:10px;text-align:center;}
.mkpi b{display:block;color:var(--g1,var(--brand));font-size:15px;font-weight:800;}
.mkpi small{display:block;height:6px;border-radius:3px;background:#e5eaf2;margin-top:6px;}
.mkpi.live{display:flex;align-items:center;justify-content:center;gap:7px;}
.mkpi.live b{color:var(--ink);}
.mkpi .dot2{width:9px;height:9px;border-radius:50%;background:#1fa855;position:relative;flex:none;}
.mkpi .dot2::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #1fa855;animation:pulse 1.8s ease-out infinite;}
@keyframes pulse{0%{transform:scale(.6);opacity:1;}100%{transform:scale(1.5);opacity:0;}}
.mock-chart{position:relative;background:#f6f9ff;border:1px solid #e6edff;border-radius:10px;padding:12px;height:110px;}
.mbars{position:absolute;inset:12px;display:flex;align-items:flex-end;gap:8px;}
.mbars b{
  flex:1;height:var(--h);border-radius:5px 5px 0 0;
  background:linear-gradient(180deg,var(--g2,#3f8cff),var(--g1,#1769ff));opacity:.85;
  transform-origin:bottom;animation:grow .9s cubic-bezier(.2,.6,.2,1) backwards;
}
.mbars b:nth-child(2){animation-delay:.1s;}
.mbars b:nth-child(3){animation-delay:.2s;}
.mbars b:nth-child(4){animation-delay:.3s;opacity:1;}
.mbars b:nth-child(5){animation-delay:.4s;}
.mbars b:nth-child(6){animation-delay:.5s;opacity:1;}
.mbars b:nth-child(7){animation-delay:.6s;}
@keyframes grow{from{transform:scaleY(0);}to{transform:scaleY(1);}}
.mline{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);}
.mline polyline{stroke-dasharray:400;stroke-dashoffset:400;animation:draw 2s .4s ease forwards;}
@keyframes draw{to{stroke-dashoffset:0;}}
.mock-rows{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
.mock-rows i{height:9px;border-radius:5px;background:#eef1f6;}
.mock-rows i:nth-child(1){width:90%;}
.mock-rows i:nth-child(2){width:70%;}
.mock-rows i:nth-child(3){width:80%;}

.mfloat{
  position:absolute;width:54px;height:54px;border-radius:14px;background:#fff;color:var(--ink);
  display:flex;align-items:center;justify-content:center;font-size:24px;border:1px solid #ececec;
  box-shadow:0 16px 34px rgba(10,23,51,.16);animation:mockfloat 5s ease-in-out infinite;
}
.mf1{top:6%;right:2%;animation-delay:.6s;}
.mf2{bottom:10%;left:0;color:#1fa855;font-weight:800;animation-delay:1.2s;}
.mf3{top:48%;right:-4%;animation-delay:1.8s;font-size:22px;}

@media(max-width:900px){
  .pd-hero .wrap{grid-template-columns:1fr;padding:60px 24px;}
  .pd-visual{min-height:0;margin-top:10px;}
  .mf3{right:0;}
}

/* ===== Stats band (homepage case-card style) ===== */
.statband{background:#fff;}
.statband .wrap{max-width:1100px;margin:0 auto;padding:46px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.statband .stat{
  text-align:center;background:#f6f9ff;border:1px solid #e6edff;border-radius:14px;padding:26px 18px;
  transition:transform .18s,box-shadow .18s;
}
.statband .stat:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(23,105,255,.12);}
.statband .stat b{
  display:block;font-family:'Newsreader',Georgia,serif;font-size:clamp(30px,4vw,42px);
  font-weight:700;color:var(--g1,var(--brand));line-height:1.05;margin-bottom:8px;
}
.statband .stat span{color:#52607a;font-size:14.5px;font-weight:600;}
@media(max-width:680px){.statband .wrap{grid-template-columns:1fr;}}

/* ===== Eyebrow + section heads ===== */
.eyebrow{letter-spacing:2px;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--brand);}

/* ===== About (two-column + iso graphic, homepage showcase style) ===== */
.pd-about{background:#fff;padding:70px 24px;}
.pd-about .wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;}
.pd-about .copy .eyebrow{margin-bottom:14px;}
.pd-about h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(28px,3.6vw,44px);font-weight:600;line-height:1.08;margin-bottom:18px;color:var(--ink);}
.pd-about h2 .dot{color:var(--orange);}
.pd-about .copy p{color:#52607a;font-size:17px;line-height:1.6;max-width:520px;margin:0 0 16px;}
.pd-about .copy p:last-child{margin-bottom:0;}

/* iso layered panels (same as homepage showcase) */
.pd-about .iso{position:relative;height:420px;display:flex;align-items:center;justify-content:center;}
.iso-stage{position:relative;width:520px;height:360px;transform:scale(.92);}
.iso-panel{position:absolute;top:34px;width:208px;height:290px;border-radius:20px;transform:skewY(-15deg);box-shadow:0 30px 60px rgba(10,23,51,.16);}
.iso-panel .lbl{position:absolute;bottom:16px;right:18px;font-size:13px;font-weight:700;letter-spacing:.3px;color:#7b88a5;}
.iso-p4{left:300px;z-index:6;background:#f1ecfb;}
.iso-p3{left:206px;z-index:7;background:#eaf0fb;}
.iso-p2{left:112px;z-index:8;background:#e6f6f2;}
.iso-p1{
  left:6px;z-index:10;background:linear-gradient(160deg,var(--g1,#1769ff),var(--g2,#3f8cff));
  animation:isopop .6s cubic-bezier(.2,.6,.2,1) backwards;
}
@keyframes isopop{from{transform:skewY(-15deg) scale(.9);opacity:.4;}to{transform:skewY(-15deg) scale(1);opacity:1;}}
.iso-p1 .grid{position:absolute;top:22px;left:22px;display:grid;grid-template-columns:repeat(2,44px);gap:12px;}
.iso-p1 .grid i{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:20px;color:#fff;}
.iso-p1 .pname{position:absolute;left:22px;bottom:18px;color:#fff;font-weight:800;font-size:16px;}
@media(max-width:900px){
  .pd-about .wrap{grid-template-columns:1fr;}
  .pd-about .iso{height:340px;}
  .iso-stage{transform:scale(.72);}
}

/* ===== Key features (homepage fcard style) ===== */
.pd-feat{background:#fbfaf8;border-top:1px solid #eef0f4;border-bottom:1px solid #eef0f4;padding:80px 24px;}
.pd-feat .wrap{max-width:1100px;margin:0 auto;}
.pd-feat .shead{text-align:center;max-width:760px;margin:0 auto 44px;}
.pd-feat .badge{
  display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #eadfd6;
  padding:8px 16px;border-radius:30px;font-weight:700;font-size:13px;color:var(--ink);margin-bottom:22px;
}
.pd-feat .badge::before{content:"\2726";color:var(--orange);}
.pd-feat h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(28px,3.8vw,46px);font-weight:600;line-height:1.08;color:var(--ink);}
.pd-feat h2 .dot{color:var(--orange);}
.fgrid2{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.fcard2{
  background:#fff;border:1px solid #ececec;border-radius:14px;padding:26px 24px;
  transition:transform .15s ease,box-shadow .15s ease;
}
.fcard2:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(10,23,51,.10);}
.fcard2 .ftitle{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #eee;margin-bottom:14px;}
.fcard2 .ico{
  width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:800;color:#fff;flex:none;
}
.fcard2:nth-child(5n+1) .ico{background:#ff6b00;}
.fcard2:nth-child(5n+2) .ico{background:#1769ff;}
.fcard2:nth-child(5n+3) .ico{background:#00b3a8;}
.fcard2:nth-child(5n+4) .ico{background:#7c3aed;}
.fcard2:nth-child(5n+5) .ico{background:#0a1733;}
.fcard2 h4{font-size:17.5px;color:var(--ink);}
.fcard2 p{color:#52607a;font-size:14.5px;line-height:1.55;}
@media(max-width:820px){.fgrid2{grid-template-columns:1fr;}}

/* ===== Modules deep-dive (homepage fcard checklist style) ===== */
.pmods{background:#fff;padding:80px 24px;}
.pmods .wrap{max-width:1100px;margin:0 auto;}
.pmods .shead{text-align:center;max-width:760px;margin:0 auto 44px;}
.pmods .shead .eyebrow{margin-bottom:12px;}
.pmods .shead h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(26px,3.6vw,42px);font-weight:600;line-height:1.1;color:var(--ink);}
.pmods .shead h2 .dot{color:var(--orange);}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.mcard{
  background:#fff;border:1px solid #ececec;border-radius:14px;padding:26px 24px;
  transition:transform .15s ease,box-shadow .15s ease;
}
.mcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(10,23,51,.10);}
.mcard h4{
  font-size:18px;font-weight:800;color:var(--ink);padding-bottom:14px;border-bottom:1px solid #eee;margin-bottom:14px;
  background:linear-gradient(90deg,var(--g1,#1769ff),var(--g2,#3f8cff));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.mcard ul{list-style:none;}
.mcard li{position:relative;padding-left:28px;margin:11px 0;font-size:14.5px;color:#3a4866;line-height:1.45;}
.mcard li::before{content:"\2713";position:absolute;left:0;top:0;font-weight:800;color:var(--orange);}
@media(max-width:900px){.mgrid{grid-template-columns:1fr;}}

/* ===== How it works (what-we-do steps style) ===== */
.psteps{background:#fbfaf8;border-top:1px solid #eef0f4;border-bottom:1px solid #eef0f4;padding:80px 24px;}
.psteps .wrap{max-width:1100px;margin:0 auto;}
.psteps .shead{text-align:center;max-width:720px;margin:0 auto 40px;}
.psteps .shead .eyebrow{margin-bottom:12px;}
.psteps .shead h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(26px,3.6vw,42px);font-weight:600;color:var(--ink);}
.psteps .shead h2 .dot{color:var(--orange);}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.step{position:relative;background:#fff;border:1px solid #ececec;border-radius:14px;padding:28px 22px;transition:transform .18s,box-shadow .18s;}
.step:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(23,105,255,.12);}
.step .num{
  width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--g1,#1769ff),var(--g2,#3f8cff));
  color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;
}
.step h4{font-size:17px;margin-bottom:8px;color:var(--ink);}
.step p{color:#52607a;font-size:14.5px;line-height:1.5;}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.steps{grid-template-columns:1fr;}}

/* ===== Integrations banner (homepage integ style) ===== */
.pinteg{background:#fbfaf8;padding:60px 24px 30px;border-top:1px solid #eef0f4;}
.pinteg .card{
  max-width:1100px;margin:0 auto;background:#fff;border:1px solid #ececec;border-radius:18px;
  display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center;overflow:hidden;min-height:240px;
}
.pinteg .txt{padding:48px;}
.pinteg .txt h3{font-size:clamp(22px,2.6vw,28px);font-weight:800;color:var(--ink);line-height:1.25;margin-bottom:16px;}
.pinteg .txt a{color:var(--ink);font-weight:700;border-bottom:2px solid var(--orange);padding-bottom:3px;text-decoration:none;}
.pinteg .txt a:hover{color:var(--orange);}
.pinteg .pics{position:relative;height:100%;min-height:240px;}
.pinteg .tile{
  position:absolute;padding:12px 16px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:12.5px;color:#fff;box-shadow:0 10px 24px rgba(10,23,51,.14);white-space:nowrap;
  animation:mockfloat 6s ease-in-out infinite;
}
.pinteg .t1{background:#1769ff;top:22px;left:6%;transform:rotate(-8deg);}
.pinteg .t2{background:#ff6b00;top:96px;left:30%;transform:rotate(6deg);animation-delay:.5s;}
.pinteg .t3{background:#00b3a8;top:26px;left:52%;transform:rotate(10deg);animation-delay:1s;}
.pinteg .t4{background:#7c3aed;top:150px;left:58%;transform:rotate(-6deg);animation-delay:1.5s;}
.pinteg .t5{background:#0a1733;top:60px;left:76%;transform:rotate(8deg);animation-delay:2s;}
.pinteg .t6{background:#e23744;top:160px;left:10%;transform:rotate(-5deg);animation-delay:2.5s;}
@media(max-width:820px){
  .pinteg .card{grid-template-columns:1fr;}
  .pinteg .pics{min-height:220px;}
}

/* ===== Why NUZN ===== */
.pwhy{background:#fff;padding:80px 24px;}
.pwhy .wrap{max-width:1100px;margin:0 auto;}
.pwhy .shead{text-align:center;max-width:720px;margin:0 auto 40px;}
.pwhy .shead .eyebrow{margin-bottom:12px;}
.pwhy .shead h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(26px,3.6vw,42px);font-weight:600;color:var(--ink);}
.pwhy .shead h2 .dot{color:var(--orange);}

/* ===== Business benefits ===== */
.pben{background:#fff;padding:80px 24px;}
.pben .wrap{max-width:1100px;margin:0 auto;}
.pben .shead{text-align:center;max-width:720px;margin:0 auto 40px;}
.pben .shead .eyebrow{margin-bottom:12px;}
.pben .shead h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(26px,3.6vw,42px);font-weight:600;line-height:1.1;color:var(--ink);}
.pben .shead h2 .dot{color:var(--orange);}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.bc{
  position:relative;background:#f6f9ff;border:1px solid #e6edff;border-radius:14px;padding:28px 24px;
  transition:transform .18s,box-shadow .18s;
}
.bc:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(10,23,51,.10);}
.bnum{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;
  background:linear-gradient(150deg,var(--g1,#1769ff),var(--g2,#3f8cff));color:#fff;font-weight:800;font-size:15px;margin-bottom:14px;
}
.bc h4{font-size:17px;margin-bottom:8px;color:var(--ink);}
.bc p{color:#52607a;font-size:14.5px;line-height:1.55;}
@media(max-width:900px){.bgrid{grid-template-columns:1fr;}}

/* ===== Industries (homepage bullet-chip style) ===== */
.indus{background:#fbfaf8;border-top:1px solid #eef0f4;padding:64px 24px;}
.indus .wrap{max-width:1000px;margin:0 auto;}
.indus h3{font-family:'Newsreader',Georgia,serif;font-size:clamp(24px,3vw,32px);font-weight:600;margin-bottom:22px;color:var(--ink);}
.indus h3 .dot{color:var(--orange);}
.ichips{display:flex;flex-wrap:wrap;gap:10px;}
.ichips span{
  position:relative;padding:9px 16px 9px 34px;font-size:13.5px;font-weight:700;border-radius:30px;
  background:#dcefff;color:#0a5a8a;box-shadow:0 4px 12px rgba(13,110,160,.10);
  transition:transform .15s;
}
.ichips span::before{
  content:"\2713";position:absolute;left:11px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;border-radius:50%;color:#fff;background:#38b6ff;
  font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;
}
.ichips span:hover{transform:translateY(-3px);}

/* ===== Built with ===== */
.tech{background:#fbfaf8;border-top:1px solid #eef0f4;border-bottom:1px solid #eef0f4;}
.tech .wrap{max-width:1000px;margin:0 auto;padding:44px 24px;text-align:center;}
.tech h3{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a93a6;margin-bottom:14px;}
.tech p{font-size:18px;font-weight:700;color:var(--ink);}

/* ===== FAQ accordion ===== */
.pfaq{padding:80px 24px;background:#fff;}
.pfaq .wrap{max-width:820px;margin:0 auto;}
.pfaq .shead{text-align:center;margin-bottom:36px;}
.pfaq .shead .eyebrow{margin-bottom:12px;}
.pfaq .shead h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(26px,3.6vw,42px);font-weight:600;color:var(--ink);}
.pfaq .shead h2 .dot{color:var(--orange);}
.faq{border:1px solid #e6edff;border-radius:12px;margin-bottom:12px;background:#f6f9ff;overflow:hidden;transition:box-shadow .18s;}
.faq[open]{background:#fff;box-shadow:0 14px 30px rgba(10,23,51,.08);}
.faq summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:18px 20px;font-weight:700;font-size:15.5px;color:var(--ink);
}
.faq summary::-webkit-details-marker{display:none;}
.faq .chev{font-size:13px;color:var(--brand);transition:transform .25s;flex:none;}
.faq[open] .chev{transform:rotate(180deg);}
.faq p{padding:0 20px 18px;color:#52607a;font-size:14.5px;line-height:1.6;animation:faqin .3s ease;}
@keyframes faqin{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}

/* ===== Other products ===== */
.others{max-width:1000px;margin:0 auto;padding:64px 24px;}
.others h3{font-family:'Newsreader',Georgia,serif;font-size:28px;font-weight:600;margin-bottom:22px;color:var(--ink);}
.ochips{display:flex;flex-wrap:wrap;gap:10px;}
.ochips a{text-decoration:none;background:#eef3ff;color:var(--brand);font-weight:700;font-size:14px;padding:9px 16px;border-radius:30px;transition:.15s;}
.ochips a:hover{background:var(--brand);color:#fff;}

/* ===== Dark CTA (homepage finalcta style) ===== */
.pcta{background:#06241f;color:#fff;padding:80px 24px;text-align:center;}
.pcta h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(28px,4vw,46px);font-weight:600;margin-bottom:24px;}
.pcta h2 .dot{color:var(--orange);}
.pcta .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.pcta .btn{padding:15px 30px;border-radius:8px;font-weight:700;text-decoration:none;transition:transform .15s;}
.pcta .btn:hover{transform:translateY(-2px);}
.pcta .b1{background:var(--orange);color:#fff;}
.pcta .b2{background:transparent;color:#fff;border:2px solid #fff;}

/* =====================================================
   SERVICE PAGES (.svc) — distinct visual language:
   orbit hero, terminal graphic, timeline steps
   ===================================================== */

/* ===== Orbit hero visual ===== */
.orbit{position:relative;width:400px;height:400px;max-width:100%;}
.o-center{
  position:absolute;top:50%;left:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;
  background:linear-gradient(150deg,var(--g1,#1769ff),var(--g2,#3f8cff));
  display:flex;align-items:center;justify-content:center;z-index:5;
  box-shadow:0 24px 50px rgba(10,23,51,.22);animation:obreath 4s ease-in-out infinite;
}
.o-center span{font-size:52px;line-height:1;}
@keyframes obreath{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}}
.o-ring{position:absolute;border-radius:50%;border:2px dashed #d5dfef;}
.o-ring.r1{inset:60px;animation:ospin 26s linear infinite;}
.o-ring.r2{inset:0;animation:ospinrev 44s linear infinite;}
@keyframes ospin{to{transform:rotate(360deg);}}
@keyframes ospinrev{to{transform:rotate(-360deg);}}
.oi{
  position:absolute;width:48px;height:48px;border-radius:14px;background:#fff;border:1px solid #ececec;
  display:flex;align-items:center;justify-content:center;font-style:normal;font-size:20px;
  box-shadow:0 12px 26px rgba(10,23,51,.14);
}
/* counter-rotate so icons stay upright */
.r1 .oi{animation:ospinrev 26s linear infinite;}
.r2 .oi{animation:ospin 44s linear infinite;}
.oi.i1{top:-24px;left:50%;margin-left:-24px;}
.oi.i2{bottom:8px;left:-6px;}
.oi.i3{bottom:8px;right:-6px;}
.oi.i4{top:50%;left:-24px;margin-top:-24px;}
.oi.i5{top:-10px;right:34px;}
.oi.i6{bottom:-14px;left:50%;margin-left:-24px;}
.o-pulse{
  position:absolute;top:50%;left:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;
  border:2px solid var(--g2,#3f8cff);opacity:0;animation:opulse 3.5s ease-out infinite;
}
.o-pulse.p2{animation-delay:1.75s;}
@keyframes opulse{0%{transform:scale(1);opacity:.5;}100%{transform:scale(2.6);opacity:0;}}
@media(max-width:900px){.orbit{width:320px;height:320px;margin:0 auto;}}

/* ===== Terminal graphic (about section) ===== */
.term{
  width:100%;max-width:480px;background:var(--ink);border-radius:16px;overflow:hidden;
  box-shadow:0 30px 60px rgba(10,23,51,.25);animation:mockfloat 6s ease-in-out infinite;
}
.term-top{display:flex;align-items:center;gap:6px;padding:12px 14px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);}
.term-top span{width:10px;height:10px;border-radius:50%;}
.term-top span:nth-child(1){background:#ff8a80;}
.term-top span:nth-child(2){background:#ffd54f;}
.term-top span:nth-child(3){background:#69f0ae;}
.term-top em{margin-left:8px;font-style:normal;font-size:12px;color:#8fa0bd;font-weight:600;}
.term-body{padding:22px 20px 26px;font-family:'Consolas','Courier New',monospace;font-size:14.5px;line-height:2;}
.tl{color:#dfe7f5;white-space:nowrap;overflow:hidden;width:0;animation:ttype .9s steps(28) forwards;}
.tl b{color:var(--g2,#3f8cff);font-weight:800;margin-right:8px;}
.tl.ok{color:#69f0ae;}
.tl.t1{animation-delay:.2s;}
.tl.t2{animation-delay:1.2s;}
.tl.t3{animation-delay:2.2s;}
.tl.t4{animation-delay:3.0s;}
.tl.t5{animation-delay:3.8s;}
@keyframes ttype{to{width:100%;}}
.cursor{display:inline-block;width:9px;height:17px;background:#dfe7f5;vertical-align:middle;animation:blink 1s steps(1) infinite;}
@keyframes blink{50%{opacity:0;}}
@media(max-width:900px){.term{margin:0 auto;}}

/* ===== .svc section restyles ===== */
/* stats: gradient numbers, clean white cards */
.svc .statband .stat{background:#fff;border:1px solid #ececec;}
.svc .statband .stat b{
  background:linear-gradient(90deg,var(--g1,#1769ff),var(--g2,#3f8cff));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
/* modules: gradient top strip, ink headings */
.svc .mcard{position:relative;overflow:hidden;}
.svc .mcard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--g1,#1769ff),var(--g2,#3f8cff));}
.svc .mcard h4{background:none;-webkit-text-fill-color:var(--ink);color:var(--ink);}
/* steps: connected timeline */
.svc .steps{position:relative;}
.svc .steps::before{
  content:"";position:absolute;top:47px;left:6%;right:6%;height:2px;
  background:linear-gradient(90deg,var(--g1,#1769ff),var(--g2,#3f8cff));opacity:.3;
}
.svc .step{background:#fff;}
.svc .step .num{border-radius:12px;position:relative;z-index:2;box-shadow:0 0 0 6px #fff;}
@media(max-width:900px){.svc .steps::before{display:none;}}
/* benefits: accent-border cards instead of numbered tiles */
.svc .bc{background:#fff;border:1px solid #ececec;border-left:5px solid var(--g1,#1769ff);border-radius:10px;}
.svc .bc:hover{border-left-color:var(--g2,#3f8cff);}
.svc .bnum{background:#fff;color:var(--g1,#1769ff);border:2px solid var(--g1,#1769ff);}
/* hero: soft dotted-grid backdrop instead of plain glow */
.svc.pd-hero, .svc .pd-hero{position:relative;}
.svc .pd-hero{
  background:
    radial-gradient(#dfe7f5 1.2px, transparent 1.2px),
    linear-gradient(180deg,#ffffff,#f6f9ff);
  background-size:26px 26px, 100% 100%;
}

/* ===== Products index (listing) ===== */
.plist{max-width:1100px;margin:0 auto;padding:70px 24px 90px;}
.plist .head{text-align:center;margin-bottom:46px;}
.plist .head .eyebrow{letter-spacing:2px;font-size:14px;font-weight:700;text-transform:uppercase;color:var(--brand);margin-bottom:14px;}
.plist .head h1{font-family:'Newsreader',Georgia,serif;font-size:clamp(34px,5vw,58px);font-weight:600;line-height:1.05;color:var(--ink);}
.plist .head h1 .dot{color:var(--orange);}
.plist .head p{color:#52607a;font-size:18px;max-width:640px;margin:14px auto 0;line-height:1.5;}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.pcard{display:block;text-decoration:none;background:#f6f9ff;border:1px solid #e6edff;border-radius:14px;padding:26px;transition:transform .18s,box-shadow .18s;}
.pcard:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(10,23,51,.10);}
.pcard .pico{width:46px;height:46px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;}
.pcard h4{font-size:18px;margin-bottom:8px;color:var(--ink);}
.pcard p{color:#52607a;font-size:14.5px;line-height:1.5;}
.pcard .go{display:inline-block;margin-top:14px;color:var(--brand);font-weight:700;font-size:14px;}
@media(max-width:820px){.pgrid{grid-template-columns:1fr;}}

/* NUZN People (hrms) hero: fill full screen in one view (no side bars, no scroll) */
.pd-hero-img.pd-hero-hrms{height:calc(100vh - 104px);overflow:hidden;}
.pd-hero-img.pd-hero-hrms img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top;margin:0;}
.pd-hero-img.pd-hero-energy{height:calc(100vh - 104px);overflow:hidden;}
.pd-hero-img.pd-hero-energy img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center center;margin:0;}
.pd-hero-img.pd-hero-erp{height:calc(100vh - 104px);overflow:hidden;background:#0b1a29;}
.pd-hero-img.pd-hero-erp img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top;margin:0;}
.pd-hero-img.pd-hero-hotel{height:calc(100vh - 104px);overflow:hidden;background:#0a1220;}
.pd-hero-img.pd-hero-hotel img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top;margin:0;}

/* NUZN People (hrms) distinct design - scoped to .pd-p-hrms only */
.pd-p-hrms{--hp1:#6d28d9;--hp2:#a855f7;--hp-teal:#12b3a8;--hp-ink:#1b1330;}

/* section rhythm: soft tinted backgrounds */
.pd-p-hrms .pd-about{background:linear-gradient(180deg,#faf7ff,#ffffff);}
.pd-p-hrms .pd-feat{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.pd-p-hrms .psteps{background:linear-gradient(180deg,#f5f2ff,#ffffff);}
.pd-p-hrms .pmods{background:#ffffff;}

/* headings get the People purple accent */
.pd-p-hrms .shead .badge{background:linear-gradient(135deg,var(--hp1),var(--hp2));color:#fff;border:0;box-shadow:0 8px 20px rgba(109,40,217,.28);}
.pd-p-hrms .shead h2 .dot,.pd-p-hrms .eyebrow{color:var(--hp1);}
.pd-p-hrms .pd-about h2::after,.pd-p-hrms .shead h2::after{background:linear-gradient(90deg,var(--hp1),var(--hp-teal))!important;}

/* Stat cards: gradient top bar + purple number */
.pd-p-hrms .statband .stat{position:relative;overflow:hidden;background:#fff;border:1px solid #ece4ff;border-radius:18px;box-shadow:0 10px 26px rgba(109,40,217,.08);}
.pd-p-hrms .statband .stat::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--hp1),var(--hp2));}
.pd-p-hrms .statband .stat b{background:linear-gradient(135deg,var(--hp1),var(--hp2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.pd-p-hrms .statband .stat:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(109,40,217,.18);border-color:#d9c8ff;}

/* Feature cards: left accent bar, gradient icon, lift on hover */
.pd-p-hrms .fcard2{position:relative;border:1px solid #ece4ff;border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg,#ffffff,#fbf9ff);transition:transform .22s,box-shadow .22s,border-color .22s;}
.pd-p-hrms .fcard2::before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:linear-gradient(180deg,var(--hp1),var(--hp2));
  transform:scaleY(0);transform-origin:top;transition:transform .35s ease;}
.pd-p-hrms .fcard2:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(109,40,217,.16);border-color:#d9c8ff;}
.pd-p-hrms .fcard2:hover::before{transform:scaleY(1);}
.pd-p-hrms .fcard2 .ico{background:linear-gradient(135deg,var(--hp1),var(--hp2))!important;color:#fff!important;
  border-radius:12px;box-shadow:0 10px 22px rgba(109,40,217,.30);transition:transform .28s cubic-bezier(.2,.7,.3,1.4);}
.pd-p-hrms .fcard2:hover .ico{transform:scale(1.12) rotate(-6deg);}

/* Module cards: purple header + hover */
.pd-p-hrms .mcard{border:1px solid #ece4ff;border-radius:18px;transition:transform .22s,box-shadow .22s,border-color .22s;}
.pd-p-hrms .mcard h4{color:var(--hp1);}
.pd-p-hrms .mcard:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(109,40,217,.14);border-color:#d9c8ff;}
.pd-p-hrms .mcard ul li::before{color:var(--hp-teal);}

/* Steps: connected purple timeline */
.pd-p-hrms .steps{position:relative;}
.pd-p-hrms .steps .step{position:relative;border:1px solid #ece4ff;border-radius:18px;background:#fff;transition:transform .22s,box-shadow .22s;}
.pd-p-hrms .steps .step:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(109,40,217,.14);}
.pd-p-hrms .steps .step .num,.pd-p-hrms .steps .step b:first-child{background:linear-gradient(135deg,var(--hp1),var(--hp2))!important;}

/* CTA buttons on this page lean purple */
.pd-p-hrms .btn-primary{background:linear-gradient(135deg,var(--hp1),var(--hp2));}

/* NUZN People (hrms) - fresh effects & animations (scoped) */
@keyframes hpFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@keyframes hpUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:none;}}
@keyframes hpPulse{0%{box-shadow:0 0 0 0 rgba(139,92,246,.45);}100%{box-shadow:0 0 0 14px rgba(139,92,246,0);}}
@keyframes hpSheen{0%{left:-70%;}100%{left:130%;}}
@keyframes hpFadeIn{from{opacity:0;}to{opacity:1;}}

/* Feature cards: entrance stagger + shine sweep + floating icon */
.pd-p-hrms .fgrid2 .fcard2{position:relative;overflow:hidden;animation:hpUp .6s both;}
.pd-p-hrms .fgrid2 .fcard2:nth-child(1){animation-delay:.05s;}
.pd-p-hrms .fgrid2 .fcard2:nth-child(2){animation-delay:.13s;}
.pd-p-hrms .fgrid2 .fcard2:nth-child(3){animation-delay:.21s;}
.pd-p-hrms .fgrid2 .fcard2:nth-child(4){animation-delay:.29s;}
.pd-p-hrms .fgrid2 .fcard2:nth-child(5){animation-delay:.37s;}
.pd-p-hrms .fgrid2 .fcard2:nth-child(6){animation-delay:.45s;}
.pd-p-hrms .fcard2 .ico{animation:hpFloat 4s ease-in-out infinite;}
.pd-p-hrms .fcard2::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;z-index:1;pointer-events:none;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg);}
.pd-p-hrms .fcard2:hover::after{animation:hpSheen .85s ease;}

/* Stat cards: entrance + soft float on hover icon area */
.pd-p-hrms .statband .stat{animation:hpUp .6s both;}
.pd-p-hrms .statband .stat:nth-child(2){animation-delay:.12s;}
.pd-p-hrms .statband .stat:nth-child(3){animation-delay:.24s;}

/* Steps: pulsing gradient number badge + entrance */
.pd-p-hrms .steps .step{animation:hpUp .6s both;}
.pd-p-hrms .steps .step:nth-child(2){animation-delay:.1s;}
.pd-p-hrms .steps .step:nth-child(3){animation-delay:.2s;}
.pd-p-hrms .steps .step:nth-child(4){animation-delay:.3s;}
.pd-p-hrms .steps .step .num{position:relative;animation:hpPulse 2.4s ease-out infinite;}
.pd-p-hrms .steps .step:hover .num{transform:scale(1.12) rotate(-6deg);transition:transform .25s cubic-bezier(.2,.7,.3,1.4);}

/* Module cards: entrance + animated top accent */
.pd-p-hrms .mgrid .mcard{position:relative;overflow:hidden;animation:hpUp .6s both;}
.pd-p-hrms .mgrid .mcard:nth-child(2){animation-delay:.12s;}
.pd-p-hrms .mgrid .mcard:nth-child(3){animation-delay:.24s;}
.pd-p-hrms .mgrid .mcard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--hp1),var(--hp2),var(--hp-teal));transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
.pd-p-hrms .mgrid .mcard:hover::before{transform:scaleX(1);}
.pd-p-hrms .mgrid .mcard li{transition:transform .18s ease;}
.pd-p-hrms .mgrid .mcard:hover li{transform:translateX(4px);}

/* About heading gets an animated gradient underline sweep */
.pd-p-hrms .pd-about .copy h2{position:relative;}

/* respect reduced motion */
@media(prefers-reduced-motion:reduce){
  .pd-p-hrms .fcard2,.pd-p-hrms .statband .stat,.pd-p-hrms .steps .step,.pd-p-hrms .mgrid .mcard{animation:none!important;}
  .pd-p-hrms .fcard2 .ico,.pd-p-hrms .steps .step .num{animation:none!important;}
  .pd-p-hrms .fcard2:hover::after{animation:none!important;}
}