/* =========================
   MEP Developer — style.css
   FINAL POLISH UPDATE • PREMIUM CLEAN UI
========================= */

:root{
  --bg:#07111d;
  --bg2:#0b1523;
  --bg3:#101b2d;

  --panel:#0f1827;
  --panel2:#131f31;
  --panel3:#182538;
  --panel4:#1b2940;

  --text:#eef4ff;
  --muted:rgba(238,244,255,.76);
  --muted2:rgba(238,244,255,.58);

  --line:rgba(255,255,255,.08);
  --line2:rgba(255,255,255,.12);
  --line3:rgba(125,211,252,.18);

  --brand1:#7c3aed;
  --brand2:#22d3ee;
  --brand3:#ec4899;
  --brand4:#93c5fd;

  --shadow:0 24px 60px rgba(0,0,0,.34);
  --shadow2:0 18px 40px rgba(0,0,0,.24);
  --shadow3:0 10px 24px rgba(0,0,0,.18);
  --shadow4:0 28px 70px rgba(0,0,0,.32);

  --radius:18px;
  --radius2:26px;

  --maxw:1240px;
  --sec-space:76px;
}

*{ box-sizing:border-box; }

html{
  scroll-behavior:smooth;
  scroll-padding-top:94px;
}

body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(1000px 600px at 12% -10%, rgba(124,58,237,.12), transparent 60%),
    radial-gradient(900px 520px at 92% 0%, rgba(34,211,238,.08), transparent 62%),
    linear-gradient(180deg, #07111d 0%, #08111d 100%);
  color:var(--text);
  overflow-x:hidden;
  line-height:1.5;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(500px 320px at 20% 20%, rgba(255,255,255,.018), transparent 70%),
    radial-gradient(500px 320px at 80% 0%, rgba(255,255,255,.02), transparent 70%);
  z-index:-1;
}

::selection{
  background:rgba(125,211,252,.22);
  color:#fff;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
button,input,textarea{ font:inherit; }
button{ -webkit-tap-highlight-color:transparent; }

.pc-wrap{
  width:min(var(--maxw), calc(100% - 48px));
  margin:0 auto;
  position:relative;
}

/* =========================
   HEADER
========================= */
.pc-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  background:rgba(7,17,29,.14);
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  transition:
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    backdrop-filter .22s ease;
}

.pc-header::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.05), transparent 68%);
  opacity:.26;
  pointer-events:none;
}

.pc-header.is-scrolled{
  background:rgba(8,16,27,.74);
  border-bottom:1px solid rgba(255,255,255,.09);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}

.pc-head-inner{
  min-height:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 0;
  position:relative;
  z-index:2;
}

.pc-brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:220px;
  position:relative;
  z-index:4;
}

.pc-logo{
  width:104px;
  height:52px;
  object-fit:contain;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:6px 10px;
  box-shadow:var(--shadow3);
}

.pc-brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.04;
}

.pc-brand-name{
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:18px;
  font-weight:800;
  letter-spacing:.01em;
}

.pc-brand-sub{
  font-size:11px;
  opacity:.72;
  margin-top:6px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.pc-nav{
  display:flex;
  align-items:center;
  gap:6px;
  position:relative;
  z-index:5;
}

.pc-nav-link,
.pc-nav-btn{
  border:0;
  cursor:pointer;
  padding:11px 14px;
  border-radius:14px;
  background:transparent;
  color:rgba(255,255,255,.9);
  font-size:14px;
  font-weight:700;
  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

.pc-nav-link:hover,
.pc-nav-btn:hover{
  background:rgba(255,255,255,.06);
  transform:translateY(-1px);
}

.pc-nav-btn{
  position:relative;
  z-index:6;
}

.pc-caret{
  display:inline-block;
  margin-left:6px;
  transition:transform .2s ease;
}

.pc-nav-btn[aria-expanded="true"] .pc-caret{
  transform:rotate(180deg);
}

.pc-right{
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
  z-index:5;
}

.pc-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:#fff;
  font-size:13px;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.pc-pill:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  transform:translateY(-1px);
}

.pc-pill-blue{
  background:linear-gradient(135deg, rgba(124,58,237,.22), rgba(34,211,238,.12));
  border-color:rgba(125,211,252,.18);
}

.pc-burger{
  width:46px;
  height:46px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  cursor:pointer;
  display:none;
  position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.pc-burger span{
  position:absolute;
  left:12px;
  right:12px;
  height:2px;
  border-radius:999px;
  background:#fff;
  transition:transform .2s ease, opacity .2s ease;
}

.pc-burger span:first-child{ top:17px; }
.pc-burger span:last-child{ top:27px; }

/* =========================
   DROPDOWN / MOBILE NAV
========================= */
.pc-drop{
  position:absolute;
  top:calc(100% - 6px);
  left:50%;
  width:min(1100px, calc(100vw - 28px));
  transform:translateX(-50%) translateY(12px);
  z-index:10000;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
}

.pc-drop.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}

.pc-drop-inner{
  border-radius:24px;
  overflow:hidden;
  background:rgba(9,16,28,.94);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  box-shadow:0 28px 60px rgba(0,0,0,.34);
}

.pc-drop > .pc-drop-inner > .pc-wrap,
.pc-drop-inner > .pc-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  padding:18px;
}

.pc-drop-col{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  padding:16px;
}

.pc-drop-title{
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:18px;
  font-weight:800;
  margin-bottom:14px;
}

.pc-drop-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:11px 12px;
  border-radius:16px;
  border:1px solid transparent;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.pc-drop-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.07);
}

.pc-drop-ic{
  font-size:19px;
  line-height:1;
  margin-top:2px;
}

.pc-drop-item b{
  display:block;
  font-size:15px;
  line-height:1.2;
}

.pc-drop-item small{
  display:block;
  margin-top:5px;
  color:var(--muted2);
  font-size:12px;
  line-height:1.55;
}

.pc-drop-link{
  display:block;
  padding:10px 12px;
  border-radius:14px;
  font-weight:700;
  color:rgba(255,255,255,.9);
  transition:background .18s ease, transform .18s ease;
}

.pc-drop-link:hover{
  background:rgba(255,255,255,.05);
  transform:translateX(2px);
}

.pc-drop-cta{
  margin-top:12px;
  border-radius:16px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.pc-drop-cta b{
  display:block;
  font-size:14px;
}

.pc-drop-cta small{
  display:block;
  margin-top:4px;
  color:var(--muted2);
  line-height:1.55;
}

.pc-mnav{
  position:absolute;
  top:calc(100% - 2px);
  left:50%;
  width:min(520px, calc(100vw - 20px));
  transform:translateX(-50%) translateY(10px);
  z-index:9998;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
}

.pc-mnav.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}

.pc-mnav .pc-wrap{
  width:100%;
  border-radius:20px;
  overflow:hidden;
  background:rgba(9,16,28,.96);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  box-shadow:0 24px 52px rgba(0,0,0,.32);
}

.pc-mnav a{
  display:block;
  padding:14px 16px;
  font-weight:800;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.pc-mnav a:last-child{ border-bottom:0; }

/* =========================
   BUTTONS
========================= */
.pc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:0 18px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:14px;
  font-weight:800;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.pc-btn:hover{
  transform:translateY(-2px);
}

.pc-btn-glow{
  background:linear-gradient(135deg, rgba(124,58,237,.9), rgba(34,211,238,.82));
  border-color:rgba(255,255,255,.14);
  box-shadow:0 16px 28px rgba(34,211,238,.12);
}

.pc-btn-glow:hover{
  box-shadow:0 20px 34px rgba(34,211,238,.18);
}

.pc-btn-outline{
  background:rgba(255,255,255,.04);
}

.pc-btn-outline:hover{
  background:rgba(255,255,255,.08);
}

.pc-btn-dark{
  background:rgba(255,255,255,.05);
}

/* =========================
   HERO
========================= */
.pc-hero{
  min-height:100svh;
  position:relative;
  overflow:hidden;
}

.pc-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.96;
  filter:saturate(1.02) contrast(1.04) brightness(.96);
}

.pc-hero-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 420px at 15% 18%, rgba(124,58,237,.16), transparent 60%),
    radial-gradient(800px 420px at 88% 16%, rgba(34,211,238,.10), transparent 62%),
    linear-gradient(180deg, rgba(5,10,18,.16) 0%, rgba(5,10,18,.30) 24%, rgba(5,10,18,.56) 68%, rgba(5,10,18,.82) 100%);
}

.pc-video-fallback{
  position:absolute;
  left:20px;
  bottom:20px;
  z-index:4;
  width:48px;
  height:48px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(16,24,39,.78);
  color:#fff;
  display:none;
  cursor:pointer;
}

.pc-hero-inner{
  position:relative;
  z-index:3;
  padding:132px 0 44px;
}

.pc-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(300px,.74fr);
  gap:24px;
  align-items:end;
}

.pc-hero-main{
  max-width:720px;
}

.pc-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 15px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(11,18,31,.5);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:var(--shadow3);
  margin-bottom:16px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.pc-kicker-strong{
  font-weight:900;
  background:linear-gradient(90deg, #8b5cf6, #e2e8f0, #22d3ee, #ec4899, #7c3aed);
  background-size:300% 300%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:kickerFlow 6s ease infinite;
}

@keyframes kickerFlow{
  0%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
  100%{ background-position:0% 50%; }
}

.pc-hero-title{
  margin:0;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(38px, 4.7vw, 66px);
  line-height:1.01;
  letter-spacing:-.048em;
  text-shadow:0 14px 34px rgba(0,0,0,.18);
  max-width:900px;
}

.pc-hero-sub{
  max-width:660px;
  margin-top:16px;
  font-size:16px;
  line-height:1.82;
  color:rgba(255,255,255,.9);
  text-shadow:0 8px 24px rgba(0,0,0,.16);
}

.pc-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.pc-hero-metrics{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
}

.pc-metric{
  padding:15px 15px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(11,18,31,.44);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:var(--shadow3);
}

.pc-metric b{
  display:block;
  font-size:23px;
  line-height:1;
  font-weight:900;
}

.pc-metric span{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:11.5px;
  font-weight:700;
  line-height:1.5;
}

.pc-hero-side{
  display:flex;
  justify-content:flex-end;
}

.pc-hero-proof{
  width:min(372px, 100%);
  border-radius:26px;
  padding:16px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(10,17,29,.52), rgba(10,17,29,.78));
  backdrop-filter:blur(12px) saturate(150%);
  -webkit-backdrop-filter:blur(12px) saturate(150%);
  box-shadow:0 28px 60px rgba(0,0,0,.28);
}

.pc-hero-proof-top{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.pc-hero-proof-tag{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:11px;
  font-weight:900;
}

.pc-hero-proof-list{
  margin-top:12px;
  display:grid;
  gap:10px;
}

.pc-hero-proof-item{
  border-radius:18px;
  padding:13px 13px 12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}

.pc-hero-proof-item b{
  display:block;
  font-size:14px;
  line-height:1.22;
}

.pc-hero-proof-item span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  line-height:1.62;
  font-weight:600;
}

.pc-hero-proof-foot{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.84);
  font-size:12px;
  font-weight:800;
  line-height:1.6;
}

.pc-reveal .pc-line{
  display:inline-block;
  opacity:0;
  transform:translateY(18px);
  animation:pcLineIn .78s cubic-bezier(.2,.7,.2,1) forwards;
  animation-delay:var(--d, 0s);
}

@keyframes pcLineIn{
  from{ opacity:0; transform:translateY(18px); }
  to{ opacity:1; transform:translateY(0); }
}

/* =========================
   COMMON SECTIONS
========================= */
.pc-value,
.pc-ecosystem,
.pc-space,
.pc-case-sec,
.pc-about-sec,
.pc-contact-sec{
  position:relative;
  padding:var(--sec-space) 0;
  overflow:clip;
}

#ecosystem,
#solutions,
#case,
#about,
#contact{
  scroll-margin-top:112px;
}

.pc-value{
  background:linear-gradient(180deg, #08111d 0%, #091321 100%);
}

.pc-ecosystem{
  background:linear-gradient(180deg, #091321 0%, #0a1524 100%);
}

.pc-space{
  background:linear-gradient(180deg, #08111d 0%, #091321 100%);
}

.pc-case-sec{
  background:linear-gradient(180deg, #091321 0%, #0a1422 100%);
}

.pc-about-sec{
  background:linear-gradient(180deg, #0a1422 0%, #0a1525 100%);
}

.pc-contact-sec{
  background:linear-gradient(180deg, #0a1525 0%, #0a1320 100%);
}

.pc-value::before,
.pc-ecosystem::before,
.pc-space::before,
.pc-case-sec::before,
.pc-about-sec::before,
.pc-contact-sec::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  opacity:.8;
}

.pc-sec-head,
.pc-value-head{
  max-width:940px;
}

.pc-sec-head h2,
.pc-h1{
  margin:0 0 12px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(30px, 3.2vw, 50px);
  line-height:1.05;
  letter-spacing:-.04em;
}

.pc-sec-head p,
.pc-lead{
  margin:0;
  max-width:860px;
  color:var(--muted);
  font-size:16px;
  line-height:1.82;
}

.pc-sec-head-erp p{
  max-width:980px;
}

.pc-sec-chips{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.pc-chip2{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 13px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  font-size:12px;
  font-weight:900;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.pc-chip2:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.06);
  border-color:rgba(125,211,252,.18);
}

/* =========================
   VALUE CARDS
========================= */
.pc-cards{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
}

.pc-card{
  display:block;
  position:relative;
  padding:16px;
  min-height:100%;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow2);
  overflow:hidden;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.pc-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(124,58,237,.07), rgba(34,211,238,.04), transparent 65%);
  opacity:.65;
  pointer-events:none;
}

.pc-card:hover{
  transform:translateY(-5px);
  border-color:rgba(125,211,252,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow:0 24px 46px rgba(0,0,0,.28);
}

.pc-card > *{ position:relative; z-index:1; }

.pc-card-img{
  height:214px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:#0b1020;
}

.pc-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .35s ease;
}

.pc-card:hover .pc-card-img img{
  transform:scale(1.03);
}

.pc-card-title{
  margin-top:14px;
  font-size:21px;
  font-weight:900;
  letter-spacing:-.02em;
}

.pc-card-sub{
  margin-top:8px;
  color:var(--muted);
  font-size:13px;
  line-height:1.62;
  font-weight:700;
}

/* =========================
   ECOSYSTEM
========================= */
.pc-flow{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:15px;
}

.pc-flow-card{
  position:relative;
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  box-shadow:var(--shadow2);
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.pc-flow-card:hover{
  transform:translateY(-4px);
  border-color:rgba(125,211,252,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}

.pc-flow-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:rgba(124,58,237,.16);
  border:1px solid rgba(124,58,237,.18);
  font-size:13px;
  font-weight:900;
  margin-bottom:14px;
}

.pc-flow-card b{
  display:block;
  font-size:20px;
  font-weight:900;
  line-height:1.12;
}

.pc-flow-card span:last-child{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:14px;
  line-height:1.72;
  font-weight:600;
}

.pc-roadmap{
  margin-top:20px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  box-shadow:var(--shadow2);
}

.pc-roadmap h3{
  margin:0 0 10px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:25px;
  line-height:1.12;
  letter-spacing:-.02em;
}

.pc-roadmap p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.8;
}

.pc-roadmap-chips{
  margin-top:15px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.pc-roadmap-chips span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  font-size:12px;
  font-weight:900;
}

/* =========================
   SERVICES LAYOUT
========================= */
.pc-svc-layout{
  margin-top:24px;
  display:grid;
  grid-template-columns:280px 1fr;
  gap:18px;
}

.pc-svc-nav{
  position:sticky;
  top:104px;
  align-self:start;
  display:grid;
  gap:10px;
  padding:12px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025));
  box-shadow:var(--shadow2);
}

.pc-svc-nav-btn{
  width:100%;
  text-align:left;
  padding:15px 15px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#fff;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.pc-svc-nav-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(125,211,252,.18);
  background:rgba(255,255,255,.06);
}

.pc-svc-nav-btn.is-active{
  background:linear-gradient(135deg, rgba(124,58,237,.18), rgba(34,211,238,.08));
  border-color:rgba(125,211,252,.18);
  box-shadow:var(--shadow3);
}

/* =========================
   ACCORDION
========================= */
.pc-acc{
  display:grid;
  gap:14px;
}

.pc-acc-item{
  position:relative;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  box-shadow:var(--shadow2);
  overflow:hidden;
  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease;
}

.pc-acc-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(124,58,237,.08), rgba(34,211,238,.04), transparent 62%);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}

.pc-acc-item:hover{
  transform:translateY(-3px);
  border-color:rgba(125,211,252,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}

.pc-acc-item:hover::before,
.pc-acc-item.is-open::before{
  opacity:1;
}

.pc-acc-item.is-open{
  border-color:rgba(125,211,252,.18);
}

.pc-acc-head{
  width:100%;
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 18px;
  background:transparent;
  border:0;
  color:#fff;
  cursor:pointer;
  text-align:left;
  position:relative;
}

.pc-acc-k{
  flex:0 0 auto;
  font-size:18px;
  font-weight:900;
  letter-spacing:-.01em;
}

.pc-acc-m{
  flex:1 1 auto;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
  line-height:1.45;
}

.pc-acc-icon{
  width:42px;
  height:42px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  font-size:20px;
  font-weight:900;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.pc-acc-item.is-open .pc-acc-icon{
  transform:rotate(45deg);
  background:rgba(124,58,237,.16);
  border-color:rgba(124,58,237,.18);
}

.pc-acc-body{
  display:none;
  padding:0 18px 18px;
  border-top:1px solid rgba(255,255,255,.07);
}

.pc-acc-item.is-open .pc-acc-body{
  display:block;
  animation:pcAccIn .18s ease;
}

@keyframes pcAccIn{
  from{ opacity:0; transform:translateY(-8px); }
  to{ opacity:1; transform:translateY(0); }
}

/* =========================
   SERVICE INNER
========================= */
.pc-fx{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:20px;
  align-items:start;
}

.pc-fx-h{
  margin:0;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(28px, 2.5vw, 40px);
  line-height:1.08;
  letter-spacing:-.03em;
}

.pc-fx-p{
  margin:14px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.8;
}

.pc-fx-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.pc-catcards{
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.pc-catcard{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:15px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.pc-catcard:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.05);
  border-color:rgba(125,211,252,.18);
  box-shadow:var(--shadow3);
}

.pc-catcard b{
  display:block;
  font-size:15px;
  line-height:1.25;
}

.pc-catcard span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  line-height:1.58;
  font-weight:700;
}

.pc-catcard i{
  font-style:normal;
  opacity:.6;
  font-weight:900;
}

.pc-demo{
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  padding:14px;
  box-shadow:var(--shadow2);
}

.pc-demo-top{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.pc-chip{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  font-size:12px;
  font-weight:900;
}

.pc-demo-box{
  position:relative;
  min-height:258px;
  margin-top:12px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow2);
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
    url("../assets/img/web1.png") center/cover no-repeat;
}

.pc-demo-box::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(7,10,18,.08), rgba(7,10,18,.42));
  pointer-events:none;
}

.pc-demo-box.pc-demo-web{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
    url("../assets/img/web.png") center/cover no-repeat;
}

.pc-demo-box.pc-demo-erp{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
    url("../assets/img/img2.png") center/cover no-repeat;
}

.pc-demo-box.pc-demo-ai{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
    url("../assets/img/1img.png") center/cover no-repeat;
}

.pc-demo-box.pc-demo-catalog{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
    url("../assets/img/catalog.png") center/cover no-repeat;
}

.pc-demo-label{
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(11,18,31,.72);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:12px;
  font-weight:900;
}

.pc-demo-row{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.pc-demo-stat{
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}

.pc-demo-stat b{
  display:block;
  font-size:16px;
  font-weight:900;
}

.pc-demo-stat span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
  font-weight:700;
}

.pc-demo-note{
  margin-top:10px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.pc-erp-bullets{
  margin-top:16px;
  display:grid;
  gap:10px;
}

.pc-bul{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:13px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.pc-bul:hover{
  transform:translateY(-2px);
  border-color:rgba(125,211,252,.18);
  background:rgba(255,255,255,.05);
}

.pc-bul-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#7dd3fc;
  box-shadow:0 0 0 4px rgba(125,211,252,.10);
  margin-top:7px;
  flex:0 0 auto;
}

.pc-bul b{
  display:block;
  font-size:14px;
  font-weight:900;
}

.pc-bul small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
  font-weight:700;
}

/* =========================
   SHOTS
========================= */
.pc-shot-grid{
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.pc-shot{
  display:block;
  position:relative;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  box-shadow:var(--shadow2);
  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease;
}

.pc-shot:hover{
  transform:translateY(-4px);
  border-color:rgba(125,211,252,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}

.pc-shot-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.pc-shot-title{
  font-size:15px;
  font-weight:900;
}

.pc-shot-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(125,211,252,.08);
  border:1px solid rgba(125,211,252,.16);
  font-size:12px;
  font-weight:900;
}

.pc-shot-visual{
  position:relative;
  height:232px;
  overflow:hidden;
}

.pc-shot-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.pc-shot:hover .pc-shot-visual img{
  transform:scale(1.04);
}

.pc-shot-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(8,16,27,.04), rgba(8,16,27,.32));
}

.pc-shot-foot{
  padding:14px;
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
  font-weight:800;
}

/* =========================
   CASE / ABOUT
========================= */
.pc-case-grid2{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}

.pc-case-card2{
  position:relative;
  padding:22px 20px 20px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)),
    linear-gradient(135deg, rgba(124,58,237,.05), rgba(34,211,238,.03), transparent 60%);
  box-shadow:var(--shadow2);
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
  overflow:hidden;
}

.pc-case-card2::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg, rgba(124,58,237,.95), rgba(34,211,238,.82));
  opacity:.92;
}

.pc-case-card2:hover{
  transform:translateY(-5px);
  border-color:rgba(125,211,252,.20);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
    linear-gradient(135deg, rgba(124,58,237,.08), rgba(34,211,238,.04), transparent 60%);
  box-shadow:0 24px 46px rgba(0,0,0,.28);
}

.pc-case-tag{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  font-size:11.5px;
  font-weight:900;
  margin-bottom:14px;
  letter-spacing:.02em;
}

.pc-case-card2 h3{
  margin:0 0 10px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:23px;
  line-height:1.12;
  letter-spacing:-.025em;
}

.pc-case-card2 p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.72;
}

.pc-about-wrap{
  margin-top:22px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
}

.pc-about-box,
.pc-about-mini,
.pc-contact-box,
.pc-contact-card{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  box-shadow:var(--shadow2);
}

.pc-about-mini{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)),
    linear-gradient(135deg, rgba(124,58,237,.06), rgba(34,211,238,.03), transparent 64%);
}

.pc-contact-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)),
    linear-gradient(135deg, rgba(34,211,238,.05), rgba(124,58,237,.03), transparent 64%);
}

.pc-about-box h3,
.pc-about-mini h3,
.pc-contact-box h3,
.pc-contact-card h3{
  margin:0 0 12px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:26px;
  line-height:1.1;
  letter-spacing:-.02em;
}

.pc-about-box p,
.pc-about-mini p,
.pc-contact-box p,
.pc-contact-card p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.8;
}

.pc-about-points{
  display:grid;
  gap:10px;
  margin-top:16px;
}

.pc-about-point{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:13px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.pc-about-point:hover{
  transform:translateY(-2px);
  border-color:rgba(125,211,252,.16);
  background:rgba(255,255,255,.05);
}

.pc-about-point i{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#22d3ee;
  box-shadow:0 0 0 4px rgba(34,211,238,.10);
  margin-top:7px;
  flex:0 0 auto;
}

.pc-about-point span{
  font-size:14px;
  line-height:1.6;
  font-weight:800;
}

/* =========================
   CONTACT
========================= */
.pc-contact-grid{
  margin-top:22px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:16px;
}

.pc-contact-list{
  margin-top:18px;
  display:grid;
  gap:11px;
}

.pc-contact-item{
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.pc-contact-item:hover{
  transform:translateY(-2px);
  border-color:rgba(125,211,252,.16);
  background:rgba(255,255,255,.05);
}

.pc-contact-item b{
  display:block;
  font-size:12.5px;
  font-weight:900;
  opacity:.82;
  margin-bottom:6px;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.pc-contact-item a,
.pc-contact-item span{
  font-size:15px;
  line-height:1.58;
  font-weight:700;
  color:#fff;
}

.pc-contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.pc-contact-note{
  margin-top:14px;
  color:var(--muted);
  font-size:13px;
  line-height:1.68;
  font-weight:800;
}

/* =========================
   FOOTER
========================= */
.pc-foot{
  position:relative;
  padding:24px 0 22px;
  background:#0b1422;
  border-top:1px solid rgba(255,255,255,.08);
}

.pc-foot-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.pc-foot-brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.pc-foot-brand img{
  width:92px;
  height:46px;
  object-fit:contain;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:5px 8px;
}

.pc-foot-brand b{
  display:block;
  font-size:15px;
  font-weight:900;
}

.pc-foot-brand span{
  display:block;
  margin-top:4px;
  color:var(--muted2);
  font-size:12px;
  font-weight:800;
}

.pc-foot-links{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.pc-foot-links a{
  color:rgba(255,255,255,.86);
  font-size:13px;
  font-weight:800;
}

.pc-foot-bottom{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.07);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:var(--muted2);
  font-size:12px;
  font-weight:800;
}

/* =========================
   FLOATING BUTTONS
========================= */
.pc-float{
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:10000;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}

.pc-float-btn{
  position:relative;
  border:none;
  text-decoration:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:inherit;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease,
    opacity .18s ease;
}

.pc-float-btn:hover{
  transform:translateY(-3px);
}

.pc-float-btn.wa{
  width:48px;
  height:48px;
  min-width:48px;
  min-height:48px;
  border-radius:16px;
  background:linear-gradient(135deg, #10b981, #16a34a);
  box-shadow:0 12px 24px rgba(16,185,129,.18);
}

.pc-float-btn.wa svg{
  width:21px;
  height:21px;
  fill:#fff;
  display:block;
}

.pc-float-btn.wa::before{
  display:none;
}

.pc-float-btn.chat{
  min-width:134px;
  padding:8px 10px;
  border-radius:16px;
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(10,17,29,.82);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 12px 24px rgba(0,0,0,.16);
  overflow:hidden;
}

.pc-float-btn.chat::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(125,211,252,.07), rgba(124,58,237,.05), transparent 70%);
  opacity:.8;
}

.pc-chat-btn-inner{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:9px;
}

.pc-chat-ico{
  width:32px;
  height:32px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(125,211,252,.09);
  border:1px solid rgba(255,255,255,.10);
  flex:0 0 auto;
}

.pc-chat-ico svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.pc-chat-copy{
  display:flex;
  flex-direction:column;
  line-height:1.05;
  align-items:flex-start;
}

.pc-chat-copy b{
  font-size:12px;
  font-weight:900;
}

.pc-chat-copy small{
  margin-top:4px;
  color:rgba(255,255,255,.68);
  font-size:8.8px;
  font-weight:800;
}

.pc-chat-ping{
  position:absolute;
  top:7px;
  right:9px;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#22d3ee;
  box-shadow:0 0 0 0 rgba(34,211,238,.35);
  animation:pcPulse 2s infinite;
  z-index:1;
}

@keyframes pcPulse{
  0%{ box-shadow:0 0 0 0 rgba(34,211,238,.35); }
  70%{ box-shadow:0 0 0 10px rgba(34,211,238,0); }
  100%{ box-shadow:0 0 0 0 rgba(34,211,238,0); }
}

/* =========================
   CHAT MODAL
========================= */
.pc-chat-modal{
  position:fixed;
  inset:0;
  z-index:10001;
  display:grid;
  place-items:end end;
  padding:20px;
  background:rgba(4,8,15,.54);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.24s ease;
}

.pc-chat-modal.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.pc-chat-card{
  width:min(390px, calc(100vw - 20px));
  border-radius:24px;
  overflow:hidden;
  background:#0f1827;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 52px rgba(0,0,0,.28);
  transform:translateY(18px) scale(.985);
  transition:.24s ease;
}

.pc-chat-modal.show .pc-chat-card{
  transform:translateY(0) scale(1);
}

.pc-chat-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:16px 18px;
  background:#121d2d;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.pc-chat-head b{
  font-size:16px;
  font-weight:900;
}

.pc-chat-head button{
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:#111827;
  color:#fff;
  font-size:16px;
  cursor:pointer;
  transition:.18s ease;
}

.pc-chat-head button:hover{
  background:rgba(255,255,255,.08);
  transform:rotate(90deg);
}

.pc-chat-body{
  padding:18px;
  display:grid;
  gap:12px;
  max-height:380px;
  overflow:auto;
}

.pc-chat-msg{
  max-width:88%;
  padding:12px 14px;
  border-radius:16px;
  font-size:14px;
  line-height:1.6;
  font-weight:700;
}

.pc-chat-msg.bot{
  background:#111c2b;
  border:1px solid rgba(255,255,255,.08);
}

.pc-chat-msg.user{
  justify-self:end;
  background:#16253a;
  border:1px solid rgba(125,211,252,.16);
}

.pc-chat-quick{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0 18px 14px;
}

.pc-chat-quick button{
  padding:9px 12px;
  border:none;
  cursor:pointer;
  border-radius:999px;
  background:#111c2b;
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:12px;
  font-weight:900;
  transition:.18s ease;
}

.pc-chat-quick button:hover{
  transform:translateY(-2px);
  background:#16253a;
  border-color:rgba(125,211,252,.16);
}

.pc-chat-form{
  display:flex;
  gap:10px;
  padding:16px 18px 18px;
  border-top:1px solid rgba(255,255,255,.08);
  background:#101a2a;
}

.pc-chat-inp{
  flex:1;
  min-width:0;
  height:48px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#111c2b;
  color:#fff;
  outline:none;
  transition:.18s ease;
}

.pc-chat-inp:focus{
  border-color:rgba(125,211,252,.22);
  box-shadow:0 0 0 4px rgba(125,211,252,.08);
}

.pc-chat-send{
  height:48px;
  padding:0 16px;
  border:none;
  border-radius:14px;
  cursor:pointer;
  color:#fff;
  font-weight:900;
  background:linear-gradient(135deg, #7c3aed, #22d3ee);
  box-shadow:0 14px 28px rgba(34,211,238,.12);
  transition:.18s ease;
}

.pc-chat-send:hover{
  transform:translateY(-2px);
}

/* =========================
   REVEAL
========================= */
.pc-revealOnScroll{
  opacity:0;
  transform:translateY(42px) scale(.985);
  transition:
    opacity .85s cubic-bezier(.2,.7,.2,1),
    transform .85s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform;
}

.pc-revealOnScroll.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

.pc-reveal-child{
  opacity:0;
  transform:translateY(26px);
  transition:
    opacity .7s cubic-bezier(.2,.7,.2,1),
    transform .7s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--delay, 0s);
}

.pc-revealOnScroll.is-visible .pc-reveal-child{
  opacity:1;
  transform:none;
}

.pc-sec-head-erp h2,
.pc-sec-head-erp p,
.pc-sec-chips,
.pc-svc-layout{
  opacity:0;
  transform:translateY(24px) scale(.99);
  transition:
    opacity .7s cubic-bezier(.2,.7,.2,1),
    transform .7s cubic-bezier(.2,.7,.2,1);
}

.pc-revealOnScroll.is-visible .pc-sec-head-erp h2{ opacity:1; transform:none; transition-delay:.05s; }
.pc-revealOnScroll.is-visible .pc-sec-head-erp p{ opacity:1; transform:none; transition-delay:.18s; }
.pc-revealOnScroll.is-visible .pc-sec-chips{ opacity:1; transform:none; transition-delay:.30s; }
.pc-revealOnScroll.is-visible .pc-svc-layout{ opacity:1; transform:none; transition-delay:.42s; }

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1180px){
  .pc-cards{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .pc-case-grid2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

@media (max-width: 1040px){
  .pc-nav{ display:none; }
  .pc-burger{ display:inline-flex; }

  .pc-hero-grid{
    grid-template-columns:1fr;
    gap:22px;
  }

  .pc-hero-side{
    justify-content:flex-start;
  }

  .pc-hero-proof{
    width:min(100%, 420px);
  }

  .pc-svc-layout{
    grid-template-columns:1fr;
  }

  .pc-svc-nav{
    position:relative;
    top:auto;
  }

  .pc-fx{
    grid-template-columns:1fr;
  }

  .pc-about-wrap,
  .pc-contact-grid{
    grid-template-columns:1fr;
  }

  .pc-flow{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .pc-shot-grid{
    grid-template-columns:1fr;
  }

  .pc-drop > .pc-drop-inner > .pc-wrap,
  .pc-drop-inner > .pc-wrap{
    grid-template-columns:1fr;
  }
}

@media (max-width: 860px){
  :root{ --sec-space:68px; }

  .pc-acc-head{
    flex-direction:column;
    align-items:flex-start;
    padding-right:70px;
  }

  .pc-acc-icon{
    position:absolute;
    top:16px;
    right:16px;
  }

  .pc-acc-k{ font-size:17px; }
  .pc-acc-m{ font-size:13px; }

  .pc-hero-metrics{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .pc-catcards{
    grid-template-columns:1fr;
  }

  .pc-flow{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  :root{ --sec-space:60px; }

  .pc-wrap{
    width:min(var(--maxw), calc(100% - 24px));
  }

  .pc-head-inner{
    min-height:76px;
    gap:10px;
    padding:10px 0;
  }

  .pc-logo{
    width:92px;
    height:46px;
  }

  .pc-brand-name{
    font-size:16px;
  }

  .pc-brand-sub{
    font-size:10px;
    margin-top:5px;
  }

  .pc-right .pc-pill{
    display:none;
  }

  .pc-hero-inner{
    padding:118px 0 30px;
  }

  .pc-hero-title{
    font-size:clamp(32px, 10vw, 48px);
  }

  .pc-hero-sub{
    font-size:15px;
    line-height:1.76;
  }

  .pc-hero-metrics{
    grid-template-columns:1fr;
  }

  .pc-hero-proof{
    padding:15px;
    width:100%;
  }

  .pc-sec-head h2,
  .pc-h1{
    font-size:28px;
  }

  #ecosystem,
  #solutions,
  #case,
  #about,
  #contact{
    scroll-margin-top:98px;
  }

  .pc-cards,
  .pc-case-grid2{
    grid-template-columns:1fr;
  }

  .pc-card-img,
  .pc-shot-visual{
    height:210px;
  }

  .pc-foot-row,
  .pc-foot-bottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .pc-float{
    right:12px;
    bottom:12px;
    gap:8px;
  }

  .pc-float-btn.wa{
    width:46px;
    height:46px;
    min-width:46px;
    min-height:46px;
    border-radius:16px;
  }

  .pc-float-btn.chat{
    min-width:126px;
    padding:7px 9px;
  }

  .pc-chat-copy small{
    display:none;
  }

  .pc-chat-modal{
    padding:12px;
  }

  .pc-drop,
  .pc-mnav{
    width:calc(100vw - 16px);
  }
}

@media (prefers-reduced-motion: reduce){
  *{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }

  .pc-revealOnScroll,
  .pc-reveal-child,
  .pc-sec-head-erp h2,
  .pc-sec-head-erp p,
  .pc-sec-chips,
  .pc-svc-layout,
  .pc-reveal .pc-line{
    opacity:1 !important;
    transform:none !important;
  }
}


/* =========================
   HOMEPAGE SYNC FIXES
   matches updated homepage HTML
========================= */

/* keep dropdown columns aligned cleanly after removing the AI menu item */
.pc-drop > .pc-drop-inner > .pc-wrap,
.pc-drop-inner > .pc-wrap{
  align-items:start;
}

.pc-drop-col{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:100%;
}

/* keep right-side CTA pinned neatly even when left column has fewer items */
.pc-drop-cta{
  margin-top:auto;
}

/* protect long email/contact values from breaking layout */
.pc-contact-item a,
.pc-contact-item span{
  overflow-wrap:anywhere;
  word-break:break-word;
}


/* =========================
   PREMIUM HOMEPAGE EXPANSION
   sync with updated homepage HTML
========================= */

:root{
  --maxw:1280px;
}

.pc-wrap{
  width:min(var(--maxw), calc(100% - 52px));
}

.pc-value,
.pc-ecosystem,
.pc-space,
.pc-case-sec,
.pc-about-sec,
.pc-contact-sec,
.pc-trust-band,
.pc-audience-sec,
.pc-process-sec,
.pc-faq-sec{
  padding-top:32px;
  padding-bottom:96px;
}

.pc-sec-head,
.pc-value-head,
.pc-trust-top{
  max-width:980px;
}

.pc-lead,
.pc-sec-head p,
.pc-fx-p,
.pc-about-box p,
.pc-about-mini p,
.pc-contact-box p,
.pc-contact-card p,
.pc-trust-top p,
.pc-faq-card p,
.pc-trust-card span,
.pc-audience-card p,
.pc-process-card p{
  line-height:1.88;
}

.pc-card,
.pc-flow-card,
.pc-case-card2,
.pc-about-box,
.pc-about-mini,
.pc-contact-box,
.pc-contact-card,
.pc-faq-card,
.pc-trust-card,
.pc-audience-card,
.pc-process-card{
  box-shadow:0 18px 44px rgba(0,0,0,.20);
}

.pc-cards,
.pc-flow,
.pc-case-grid2,
.pc-trust-grid,
.pc-audience-grid,
.pc-process-grid{
  align-items:stretch;
}

.pc-card,
.pc-flow-card,
.pc-case-card2,
.pc-trust-card,
.pc-audience-card,
.pc-process-card{
  height:100%;
}

.pc-card-sub,
.pc-flow-card span:last-child,
.pc-case-card2 p,
.pc-demo-note,
.pc-contact-note,
.pc-faq-note{
  line-height:1.75;
}

.pc-hero-proof,
.pc-demo,
.pc-roadmap,
.pc-about-box,
.pc-about-mini,
.pc-contact-box,
.pc-contact-card,
.pc-faq-card,
.pc-trust-card,
.pc-audience-card,
.pc-process-card{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.pc-trust-band,
.pc-audience-sec,
.pc-process-sec,
.pc-faq-sec{
  position:relative;
  overflow:clip;
}

.pc-trust-band::before,
.pc-audience-sec::before,
.pc-process-sec::before,
.pc-faq-sec::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  opacity:.8;
}

.pc-trust-top{
  margin-bottom:24px;
}

.pc-trust-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#d9e8ff;
}

.pc-trust-eyebrow::before{
  content:"";
  width:42px;
  height:1px;
  background:linear-gradient(90deg,#7dd3fc,transparent);
}

.pc-trust-top h2,
.pc-process-sec .pc-sec-head h2,
.pc-audience-sec .pc-sec-head h2{
  margin:0 0 14px;
  font-size:clamp(30px,3.8vw,48px);
  line-height:1.06;
  letter-spacing:-.03em;
  color:#fff;
}

.pc-trust-top p,
.pc-process-sec .pc-sec-head p,
.pc-audience-sec .pc-sec-head p{
  margin:0;
  max-width:900px;
  font-size:16px;
  color:rgba(255,255,255,.76);
}

.pc-trust-grid,
.pc-audience-grid,
.pc-process-grid,
.pc-faq-grid{
  display:grid;
  gap:18px;
}

.pc-trust-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.pc-audience-grid,
.pc-process-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.pc-faq-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:24px;
}

.pc-trust-card,
.pc-audience-card,
.pc-process-card,
.pc-faq-card{
  position:relative;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)), #101827;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.pc-trust-card::before,
.pc-audience-card::before,
.pc-process-card::before,
.pc-faq-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(124,58,237,.06), rgba(34,211,238,.03), transparent 68%);
  opacity:.9;
  pointer-events:none;
}

.pc-trust-card > *,
.pc-audience-card > *,
.pc-process-card > *,
.pc-faq-card > *{
  position:relative;
  z-index:1;
}

.pc-trust-card:hover,
.pc-audience-card:hover,
.pc-process-card:hover,
.pc-faq-card:hover{
  transform:translateY(-4px);
  border-color:rgba(125,211,252,.18);
  box-shadow:0 22px 48px rgba(0,0,0,.24);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)), #101827;
}

.pc-trust-card b,
.pc-audience-card h3,
.pc-process-card h3,
.pc-faq-card h3{
  display:block;
  margin:0 0 10px;
  color:#fff;
  font-size:18px;
  line-height:1.35;
}

.pc-trust-card span,
.pc-audience-card p,
.pc-process-card p,
.pc-faq-card p{
  display:block;
  margin:0;
  color:rgba(255,255,255,.74);
  font-size:14px;
}

.pc-audience-card span,
.pc-process-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  margin-bottom:16px;
  border-radius:13px;
  background:rgba(125,211,252,.12);
  color:#7dd3fc;
  border:1px solid rgba(125,211,252,.16);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.pc-faq-sec{
  padding-top:24px;
}

.pc-faq-note{
  margin-top:18px;
  color:rgba(255,255,255,.60);
  font-size:13px;
  font-weight:700;
}

.pc-enquiry-modal{
  position:fixed;
  inset:0;
  z-index:10002;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(4,8,15,.58);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.24s ease;
}

.pc-enquiry-modal.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.pc-enquiry-card{
  width:min(620px, calc(100vw - 20px));
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)), #0f1827;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 26px 56px rgba(0,0,0,.30);
  transform:translateY(18px) scale(.985);
  transition:.24s ease;
}

.pc-enquiry-modal.show .pc-enquiry-card{
  transform:translateY(0) scale(1);
}

.pc-enquiry-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:18px 20px;
  background:#121d2d;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.pc-enquiry-head-left{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.pc-enquiry-head b{
  font-size:18px;
  font-weight:900;
  color:#fff;
}

.pc-enquiry-head small{
  font-size:12px;
  color:rgba(255,255,255,.66);
  font-weight:700;
}

.pc-enquiry-close{
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:#111827;
  color:#fff;
  font-size:16px;
  cursor:pointer;
  transition:.18s ease;
}

.pc-enquiry-close:hover{
  background:rgba(255,255,255,.08);
  transform:rotate(90deg);
}

.pc-enquiry-body{
  padding:20px;
}

.pc-enquiry-intro{
  margin:0 0 16px;
  font-size:14px;
  line-height:1.7;
  color:rgba(255,255,255,.78);
}

.pc-enquiry-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.pc-enquiry-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.pc-enquiry-field.is-full{
  grid-column:1 / -1;
}

.pc-enquiry-field label{
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(255,255,255,.78);
}

.pc-enquiry-field input,
.pc-enquiry-field textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:#111c2b;
  color:#fff;
  outline:none;
  transition:.18s ease;
}

.pc-enquiry-field input{
  height:52px;
  padding:0 15px;
}

.pc-enquiry-field textarea{
  min-height:110px;
  padding:14px 15px;
  resize:vertical;
}

.pc-enquiry-field input:focus,
.pc-enquiry-field textarea:focus{
  border-color:rgba(125,211,252,.22);
  box-shadow:0 0 0 4px rgba(125,211,252,.08);
}

.pc-enquiry-field input[readonly]{
  color:rgba(255,255,255,.84);
  background:#132136;
}

.pc-enquiry-status{
  margin-top:10px;
  min-height:18px;
  font-size:12px;
  font-weight:800;
  color:rgba(255,255,255,.72);
}

.pc-enquiry-status.is-ok{
  color:#7dd3fc;
}

.pc-enquiry-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.pc-enquiry-note{
  margin-top:12px;
  font-size:12px;
  line-height:1.6;
  color:rgba(255,255,255,.58);
  font-weight:700;
}

.pc-enquiry-trigger{
  cursor:pointer;
}

@media (max-width: 1180px){
  .pc-trust-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pc-audience-grid,
  .pc-process-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 1040px){
  .pc-wrap{ width:min(var(--maxw), calc(100% - 36px)); }
}

@media (max-width: 900px){
  .pc-faq-grid{ grid-template-columns:1fr; }
}

@media (max-width: 720px){
  .pc-trust-grid,
  .pc-audience-grid,
  .pc-process-grid{ grid-template-columns:1fr; }

  .pc-trust-band,
  .pc-audience-sec,
  .pc-process-sec,
  .pc-value,
  .pc-ecosystem,
  .pc-space,
  .pc-case-sec,
  .pc-about-sec,
  .pc-contact-sec,
  .pc-faq-sec{
    padding-top:24px;
    padding-bottom:72px;
  }

  .pc-trust-card,
  .pc-audience-card,
  .pc-process-card,
  .pc-faq-card{
    padding:20px;
  }
}

@media (max-width: 640px){
  .pc-wrap{ width:min(var(--maxw), calc(100% - 24px)); }

  .pc-enquiry-modal{
    padding:12px;
  }

  .pc-enquiry-body{
    padding:16px;
  }

  .pc-enquiry-grid{
    grid-template-columns:1fr;
  }

  .pc-enquiry-actions{
    flex-direction:column;
  }

  .pc-enquiry-actions .pc-btn{
    width:100%;
  }
}


/* =========================================================
   CLEAR PREMIUM HOMEPAGE TUNE
   Simplified sections • better spacing • less visual clutter
========================================================= */

:root{
  --maxw:1240px;
  --sec-space:84px;
}

.pc-wrap{
  width:min(var(--maxw), calc(100% - 44px));
}

.pc-value,
.pc-ecosystem,
.pc-space,
.pc-case-sec,
.pc-about-sec,
.pc-contact-sec,
.pc-faq-sec{
  padding-top:20px;
  padding-bottom:88px;
}

.pc-sec-head,
.pc-value-head{
  max-width:920px;
}

.pc-sec-head h2,
.pc-h1{
  margin-bottom:14px;
  font-size:clamp(30px,3.4vw,48px);
}

.pc-sec-head p,
.pc-lead,
.pc-fx-p,
.pc-about-box p,
.pc-about-mini p,
.pc-contact-box p,
.pc-contact-card p,
.pc-faq-card p{
  color:rgba(238,244,255,.78);
  line-height:1.82;
}

.pc-hero-inner{
  padding:134px 0 54px;
}

.pc-hero-grid{
  gap:28px;
  align-items:center;
}

.pc-hero-main{
  max-width:760px;
}

.pc-hero-title{
  max-width:820px;
  font-size:clamp(40px,5vw,72px);
  line-height:.98;
  letter-spacing:-.055em;
}

.pc-hero-sub{
  max-width:700px;
  margin-top:18px;
  font-size:16px;
  line-height:1.88;
}

.pc-hero-actions{
  margin-top:24px;
}

.pc-hero-metrics{
  margin-top:28px;
  gap:14px;
}

.pc-metric{
  padding:16px 16px 15px;
  background:rgba(10,18,31,.52);
  border-color:rgba(255,255,255,.09);
}

.pc-metric b{
  font-size:24px;
}

.pc-metric span{
  margin-top:8px;
  font-size:11.8px;
  line-height:1.56;
}

.pc-hero-proof{
  width:min(360px,100%);
  padding:18px;
  background:linear-gradient(180deg, rgba(10,17,29,.56), rgba(10,17,29,.82));
}

.pc-card,
.pc-flow-card,
.pc-case-card2,
.pc-about-box,
.pc-about-mini,
.pc-contact-box,
.pc-contact-card,
.pc-faq-card,
.pc-demo,
.pc-roadmap{
  border-color:rgba(255,255,255,.07);
  box-shadow:0 18px 42px rgba(0,0,0,.20);
}

.pc-cards,
.pc-flow,
.pc-case-grid2{
  margin-top:26px;
  gap:18px;
}

.pc-card{
  padding:15px;
}

.pc-card-title{
  margin-top:15px;
  font-size:22px;
}

.pc-card-sub{
  margin-top:7px;
  line-height:1.66;
}

.pc-flow-card{
  padding:22px;
}

.pc-flow-card b{
  font-size:21px;
}

.pc-flow-card span:last-child{
  margin-top:9px;
}

.pc-svc-layout{
  margin-top:26px;
  gap:20px;
}

.pc-acc{
  gap:16px;
}

.pc-acc-head{
  padding:20px 20px;
}

.pc-acc-k{
  font-size:19px;
}

.pc-acc-m{
  font-size:14px;
  color:rgba(238,244,255,.74);
}

.pc-acc-body{
  padding:0 20px 20px;
}

.pc-fx{
  gap:22px;
}

.pc-fx-h{
  font-size:clamp(28px,2.7vw,42px);
  line-height:1.08;
}

.pc-catcards{
  margin-top:18px;
  gap:12px;
}

.pc-catcard{
  padding:16px;
}

.pc-catcard span{
  line-height:1.62;
}

.pc-erp-bullets{
  margin-top:18px;
  gap:12px;
}

.pc-bul{
  padding:14px;
}

.pc-demo-box{
  min-height:268px;
}

.pc-demo-row{
  gap:12px;
}

.pc-shot-grid{
  gap:16px;
}

.pc-shot-visual{
  height:244px;
}

.pc-case-card2 h3{
  font-size:24px;
}

.pc-about-wrap,
.pc-contact-grid{
  margin-top:24px;
  gap:18px;
}

.pc-about-box,
.pc-about-mini,
.pc-contact-box,
.pc-contact-card,
.pc-faq-card{
  padding:24px;
}

.pc-about-box h3,
.pc-about-mini h3,
.pc-contact-box h3,
.pc-contact-card h3{
  font-size:28px;
  margin-bottom:12px;
}

.pc-about-points{
  margin-top:18px;
  gap:12px;
}

.pc-about-point{
  padding:14px;
}

.pc-contact-list{
  margin-top:18px;
  gap:12px;
}

.pc-contact-item{
  padding:15px;
}

.pc-contact-item a,
.pc-contact-item span{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.pc-contact-actions{
  margin-top:18px;
}

.pc-faq-sec{
  position:relative;
  overflow:clip;
}

.pc-faq-sec::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  opacity:.8;
}

.pc-faq-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}

.pc-faq-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.38;
}

.pc-faq-note{
  margin-top:18px;
  color:rgba(238,244,255,.64);
  font-size:13px;
  line-height:1.8;
  font-weight:700;
}

.pc-enquiry-modal{
  position:fixed;
  inset:0;
  z-index:10002;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(4,8,15,.58);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.24s ease;
}

.pc-enquiry-modal.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.pc-enquiry-card{
  width:min(620px, calc(100vw - 20px));
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)), #0f1827;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 26px 56px rgba(0,0,0,.30);
  transform:translateY(18px) scale(.985);
  transition:.24s ease;
}

.pc-enquiry-modal.show .pc-enquiry-card{
  transform:translateY(0) scale(1);
}

.pc-enquiry-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:18px 20px;
  background:#121d2d;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.pc-enquiry-head-left{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.pc-enquiry-head b{
  font-size:18px;
  font-weight:900;
  color:#fff;
}

.pc-enquiry-head small{
  font-size:12px;
  color:rgba(255,255,255,.66);
  font-weight:700;
}

.pc-enquiry-close{
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:#111827;
  color:#fff;
  font-size:16px;
  cursor:pointer;
  transition:.18s ease;
}

.pc-enquiry-close:hover{
  background:rgba(255,255,255,.08);
  transform:rotate(90deg);
}

.pc-enquiry-body{
  padding:20px;
}

.pc-enquiry-intro{
  margin:0 0 16px;
  font-size:14px;
  line-height:1.7;
  color:rgba(255,255,255,.78);
}

.pc-enquiry-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.pc-enquiry-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.pc-enquiry-field.is-full{
  grid-column:1 / -1;
}

.pc-enquiry-field label{
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(255,255,255,.78);
}

.pc-enquiry-field input,
.pc-enquiry-field textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:#111c2b;
  color:#fff;
  outline:none;
  transition:.18s ease;
}

.pc-enquiry-field input{
  height:52px;
  padding:0 15px;
}

.pc-enquiry-field textarea{
  min-height:110px;
  padding:14px 15px;
  resize:vertical;
}

.pc-enquiry-field input:focus,
.pc-enquiry-field textarea:focus{
  border-color:rgba(125,211,252,.22);
  box-shadow:0 0 0 4px rgba(125,211,252,.08);
}

.pc-enquiry-field input[readonly]{
  color:rgba(255,255,255,.84);
  background:#132136;
}

.pc-enquiry-status{
  margin-top:10px;
  min-height:18px;
  font-size:12px;
  font-weight:800;
  color:rgba(255,255,255,.72);
}

.pc-enquiry-status.is-ok{ color:#7dd3fc; }

.pc-enquiry-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.pc-enquiry-note{
  margin-top:12px;
  font-size:12px;
  line-height:1.6;
  color:rgba(255,255,255,.58);
  font-weight:700;
}

.pc-enquiry-trigger{ cursor:pointer; }

@media (max-width: 1040px){
  .pc-wrap{ width:min(var(--maxw), calc(100% - 36px)); }
  .pc-hero-grid{ grid-template-columns:1fr; }
  .pc-hero-side{ justify-content:flex-start; }
  .pc-hero-proof{ width:min(100%, 420px); }
}

@media (max-width: 900px){
  .pc-faq-grid{ grid-template-columns:1fr; }
}

@media (max-width: 720px){
  :root{ --sec-space:70px; }
  .pc-value,
  .pc-ecosystem,
  .pc-space,
  .pc-case-sec,
  .pc-about-sec,
  .pc-contact-sec,
  .pc-faq-sec{
    padding-top:16px;
    padding-bottom:72px;
  }
  .pc-hero-title{ font-size:clamp(34px, 10vw, 50px); }
  .pc-hero-sub{ font-size:15px; line-height:1.78; }
  .pc-hero-metrics{ grid-template-columns:1fr; }
  .pc-cards, .pc-case-grid2{ grid-template-columns:1fr; }
  .pc-faq-card, .pc-about-box, .pc-about-mini, .pc-contact-box, .pc-contact-card{ padding:20px; }
}

@media (max-width: 640px){
  .pc-wrap{ width:min(var(--maxw), calc(100% - 24px)); }
  .pc-enquiry-modal{ padding:12px; }
  .pc-enquiry-body{ padding:16px; }
  .pc-enquiry-grid{ grid-template-columns:1fr; }
  .pc-enquiry-actions{ flex-direction:column; }
  .pc-enquiry-actions .pc-btn{ width:100%; }
}



/* =========================================================
   HERO IMAGE UPGRADE — main.png instead of video
========================================================= */

.pc-hero-photo{
  min-height:100svh;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 500px at 12% 12%, rgba(34,211,238,.10), transparent 62%),
    radial-gradient(820px 460px at 88% 10%, rgba(124,58,237,.12), transparent 64%),
    linear-gradient(180deg, #06101b 0%, #091321 100%);
  isolation:isolate;
}

.pc-hero-photo .pc-hero-bg{
  position:absolute;
  inset:0;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  transform:scale(1.05);
  opacity:.22;
  filter:saturate(1.06) contrast(1.04) brightness(.90);
}

.pc-hero-photo .pc-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(5,10,18,.88) 0%, rgba(5,10,18,.64) 34%, rgba(5,10,18,.42) 62%, rgba(5,10,18,.72) 100%),
    linear-gradient(180deg, rgba(6,10,18,.22) 0%, rgba(6,10,18,.28) 36%, rgba(6,10,18,.74) 100%);
  pointer-events:none;
}

.pc-hero-mesh{
  position:absolute;
  inset:auto 0 0 0;
  height:34%;
  opacity:.50;
  pointer-events:none;
  background:
    linear-gradient(180deg, transparent 0%, rgba(0,153,255,.08) 100%),
    repeating-linear-gradient(
      90deg,
      rgba(0,153,255,.12) 0px,
      rgba(0,153,255,.12) 1px,
      transparent 1px,
      transparent 80px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(0,153,255,.08) 0px,
      rgba(0,153,255,.08) 1px,
      transparent 1px,
      transparent 52px
    );
  mask-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
  -webkit-mask-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
}

.pc-hero-grid-photo{
  grid-template-columns:minmax(0,1.04fr) minmax(360px,.86fr);
  align-items:center;
  gap:34px;
}

.pc-hero-kicker-photo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(10,18,31,.58);
  box-shadow:0 12px 26px rgba(0,0,0,.20);
  color:#dbeafe;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.pc-kicker-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg,#22d3ee,#3b82f6);
  box-shadow:0 0 0 6px rgba(34,211,238,.10);
  flex:0 0 auto;
}

.pc-hero-title{
  margin-top:18px;
}

.pc-hero-title .pc-line{
  display:block;
}

.pc-hero-blue{
  background:linear-gradient(90deg,#1ea7ff 0%,#59c7ff 48%,#bde9ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 0 18px rgba(0,153,255,.16));
}

.pc-hero-glow-text{
  background:linear-gradient(90deg,#ffffff 0%,#dbeafe 36%,#69c5ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 0 18px rgba(105,197,255,.15));
}

.pc-hero-bar{
  width:180px;
  height:4px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,#1496ff 0%,#66d4ff 62%,transparent 100%);
  box-shadow:0 0 22px rgba(20,150,255,.24);
}

.pc-hero-mini-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.pc-hero-mini{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  color:#eef6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.03em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.pc-hero-metrics-text .pc-metric{
  background:rgba(10,18,31,.56);
  border-color:rgba(255,255,255,.10);
}

.pc-hero-metrics-text .pc-metric b{
  font-size:17px;
  letter-spacing:-.02em;
}

.pc-hero-metrics-text .pc-metric span{
  margin-top:8px;
  font-size:12px;
  line-height:1.62;
}

.pc-hero-photo-card{
  position:relative;
  border-radius:28px;
  padding:16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
    linear-gradient(135deg, rgba(25,132,255,.08), rgba(124,58,237,.06), transparent 72%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 26px 54px rgba(0,0,0,.30);
  overflow:hidden;
}

.pc-hero-photo-card::before{
  content:"";
  position:absolute;
  inset:-30% auto auto -10%;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(61,162,255,.22), transparent 70%);
  pointer-events:none;
}

.pc-hero-photo-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  color:#dbeafe;
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.pc-hero-photo-frame{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:#09111c;
  box-shadow:0 14px 30px rgba(0,0,0,.24);
}

.pc-hero-photo-frame img{
  width:100%;
  display:block;
  aspect-ratio:16 / 10;
  object-fit:cover;
  object-position:center;
  transform:scale(1.01);
}

.pc-hero-photo-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(6,10,18,0) 0%, rgba(6,10,18,.16) 48%, rgba(6,10,18,.42) 100%);
  pointer-events:none;
}

.pc-hero-orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(8px);
  opacity:.82;
}

.pc-hero-orb-one{
  width:120px;
  height:120px;
  right:-24px;
  top:-18px;
  background:radial-gradient(circle, rgba(0,153,255,.42), rgba(0,153,255,0));
  animation:pcHeroFloat 6s ease-in-out infinite;
}

.pc-hero-orb-two{
  width:150px;
  height:150px;
  left:-30px;
  bottom:-28px;
  background:radial-gradient(circle, rgba(124,58,237,.28), rgba(124,58,237,0));
  animation:pcHeroFloat 7.5s ease-in-out infinite reverse;
}

.pc-hero-photo-foot{
  margin-top:14px;
  display:grid;
  gap:6px;
}

.pc-hero-photo-foot b{
  font-size:16px;
  line-height:1.2;
  color:#fff;
}

.pc-hero-photo-foot small{
  color:rgba(238,244,255,.72);
  font-size:12px;
  line-height:1.7;
  font-weight:700;
}

@keyframes pcHeroFloat{
  0%,100%{ transform:translateY(0px) translateX(0px); }
  50%{ transform:translateY(8px) translateX(5px); }
}

@media (max-width: 1180px){
  .pc-hero-grid-photo{
    grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);
    gap:26px;
  }
}

@media (max-width: 1040px){
  .pc-hero-grid-photo{
    grid-template-columns:1fr;
    gap:24px;
  }

  .pc-hero-photo .pc-hero-overlay{
    background:
      linear-gradient(180deg, rgba(5,10,18,.78) 0%, rgba(5,10,18,.56) 42%, rgba(5,10,18,.82) 100%);
  }

  .pc-hero-side{
    justify-content:flex-start;
  }

  .pc-hero-photo-card{
    width:min(100%, 760px);
  }
}

@media (max-width: 720px){
  .pc-hero-kicker-photo{
    font-size:10px;
    letter-spacing:.12em;
    padding:10px 14px;
  }

  .pc-hero-bar{
    width:140px;
  }

  .pc-hero-mini-row{
    gap:8px;
  }

  .pc-hero-mini{
    min-height:34px;
    padding:0 12px;
    font-size:11px;
  }

  .pc-hero-photo-top span:last-child{
    display:none;
  }

  .pc-hero-photo-foot b{
    font-size:15px;
  }

  .pc-hero-photo-foot small{
    font-size:11.5px;
  }
}

@media (max-width: 640px){
  .pc-hero-photo .pc-hero-bg{
    opacity:.18;
  }

  .pc-hero-title{
    margin-top:16px;
  }

  .pc-hero-metrics-text .pc-metric b{
    font-size:16px;
  }

  .pc-hero-photo-card{
    padding:12px;
    border-radius:22px;
  }

  .pc-hero-photo-frame{
    border-radius:18px;
  }
}


/* =========================================================
   HERO SALES UPDATE — full background image / no right card
========================================================= */
.pc-hero-photo{
  min-height:100svh;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#06101b;
}

.pc-hero-photo .pc-hero-bg{
  position:absolute;
  inset:0;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  transform:scale(1.04);
  opacity:.92;
  filter:saturate(1.05) contrast(1.02) brightness(.78);
}

.pc-hero-photo .pc-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(4,9,18,.84) 0%, rgba(4,9,18,.70) 26%, rgba(4,9,18,.50) 48%, rgba(4,9,18,.58) 70%, rgba(4,9,18,.76) 100%),
    linear-gradient(180deg, rgba(4,9,18,.20) 0%, rgba(4,9,18,.32) 44%, rgba(4,9,18,.82) 100%);
}

.pc-hero-noise{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:radial-gradient(rgba(124,211,252,.45) .6px, transparent .6px);
  background-size:18px 18px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,0));
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,0));
}

.pc-hero-mesh{
  position:absolute;
  inset:auto 0 0 0;
  height:34%;
  opacity:.55;
  pointer-events:none;
  background:
    linear-gradient(180deg, transparent 0%, rgba(0,153,255,.08) 100%),
    repeating-linear-gradient(90deg, rgba(0,153,255,.12) 0px, rgba(0,153,255,.12) 1px, transparent 1px, transparent 76px),
    repeating-linear-gradient(0deg, rgba(0,153,255,.08) 0px, rgba(0,153,255,.08) 1px, transparent 1px, transparent 48px);
  mask-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
  -webkit-mask-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
}

.pc-hero-inner{
  position:relative;
  z-index:3;
  padding:148px 0 64px;
}

.pc-hero-grid-single{
  grid-template-columns:1fr;
  align-items:center;
}

.pc-hero-main{
  max-width:860px;
}

.pc-hero-title-sales{
  max-width:860px;
  margin-top:18px;
}

.pc-hero-title-sales .pc-line{
  display:block;
}

.pc-hero-white{
  color:#ffffff;
  text-shadow:0 0 18px rgba(255,255,255,.08);
}

.pc-hero-title-small{
  margin-top:8px;
  font-size:clamp(20px,2vw,28px);
  line-height:1.22;
  color:rgba(233,242,255,.90);
  font-weight:800;
  letter-spacing:-.02em;
}

.pc-hero-sub-sales{
  max-width:760px;
  margin-top:18px;
  font-size:17px;
  line-height:1.88;
  color:rgba(243,247,255,.92);
  text-shadow:0 10px 24px rgba(0,0,0,.20);
}

.pc-hero-mini-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
  max-width:860px;
}

.pc-hero-mini{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(7,17,29,.46);
  border:1px solid rgba(255,255,255,.10);
  color:#eef6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.03em;
  box-shadow:0 10px 20px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.05);
}

.pc-hero-actions{
  margin-top:24px;
}

.pc-hero-metrics-sales{
  margin-top:28px;
}

.pc-hero-metrics-sales .pc-metric{
  background:rgba(7,17,29,.54);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 16px 30px rgba(0,0,0,.16);
}

.pc-hero-metrics-sales .pc-metric b{
  font-size:17px;
}

.pc-hero-metrics-sales .pc-metric span{
  font-size:12px;
  line-height:1.62;
}

.pc-hero-side,
.pc-hero-photo-card,
.pc-hero-photo-top,
.pc-hero-photo-frame,
.pc-hero-photo-foot,
.pc-hero-orb{
  display:none !important;
}

@media (max-width: 1040px){
  .pc-hero-inner{
    padding:136px 0 54px;
  }
  .pc-hero-photo .pc-hero-overlay{
    background:
      linear-gradient(180deg, rgba(4,9,18,.70) 0%, rgba(4,9,18,.58) 34%, rgba(4,9,18,.82) 100%);
  }
}

@media (max-width: 720px){
  .pc-hero-title-small{
    font-size:18px;
  }
  .pc-hero-sub-sales{
    font-size:15px;
    line-height:1.78;
  }
}

@media (max-width: 640px){
  .pc-hero-photo .pc-hero-bg{
    background-position:62% center;
    opacity:.88;
  }
  .pc-hero-inner{
    padding:120px 0 40px;
  }
}


/* =========================================================
   HERO VISIBILITY BOOST + INFORMATIVE CONTENT CARDS
========================================================= */
.pc-hero-photo .pc-hero-bg{
  background-position:64% center;
  transform:scale(1.02);
  opacity:1;
  filter:saturate(1.08) contrast(1.05) brightness(.96);
}

.pc-hero-photo .pc-hero-overlay{
  background:
    radial-gradient(780px 420px at 78% 44%, rgba(30,167,255,.18), transparent 52%),
    linear-gradient(90deg, rgba(4,9,18,.74) 0%, rgba(4,9,18,.58) 24%, rgba(4,9,18,.26) 48%, rgba(4,9,18,.34) 70%, rgba(4,9,18,.56) 100%),
    linear-gradient(180deg, rgba(4,9,18,.14) 0%, rgba(4,9,18,.20) 26%, rgba(4,9,18,.62) 100%);
}

.pc-hero-noise{
  opacity:.10;
}

.pc-hero-mesh{
  opacity:.42;
}

.pc-hero-title-sales{
  max-width:900px;
}

.pc-hero-sub-sales{
  max-width:820px;
}

.pc-hero-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
  max-width:980px;
}

.pc-hero-info-card{
  padding:16px 16px 15px;
  border-radius:18px;
  background:rgba(8,18,31,.46);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 16px 32px rgba(0,0,0,.16);
}

.pc-hero-info-card b{
  display:block;
  font-size:15px;
  line-height:1.3;
  color:#ffffff;
  font-weight:900;
}

.pc-hero-info-card span{
  display:block;
  margin-top:8px;
  font-size:12.5px;
  line-height:1.72;
  color:rgba(237,244,255,.82);
  font-weight:700;
}

.pc-hero-bottom-note{
  margin-top:18px;
  max-width:860px;
  font-size:13px;
  line-height:1.8;
  color:rgba(232,241,255,.72);
  font-weight:800;
}

@media (max-width: 1040px){
  .pc-hero-photo .pc-hero-bg{
    background-position:70% center;
  }

  .pc-hero-photo .pc-hero-overlay{
    background:
      linear-gradient(180deg, rgba(4,9,18,.58) 0%, rgba(4,9,18,.42) 28%, rgba(4,9,18,.74) 100%);
  }

  .pc-hero-info-grid{
    grid-template-columns:1fr;
    max-width:760px;
  }
}

@media (max-width: 640px){
  .pc-hero-photo .pc-hero-bg{
    background-position:74% center;
    filter:saturate(1.08) contrast(1.05) brightness(.90);
  }

  .pc-hero-info-grid{
    gap:10px;
    margin-top:18px;
  }

  .pc-hero-info-card{
    padding:14px;
  }

  .pc-hero-bottom-note{
    font-size:12px;
    line-height:1.7;
  }
}