/* E-Grampanchayat Public Website — Signature Premium Design System v6 */
:root{
 --eg-blue:#075aa8;--eg-blue2:#0a74d6;--eg-teal:#078b79;--eg-teal2:#18b79d;
 --eg-gold:#ffbf3e;--eg-orange:#f47b20;--eg-navy:#051d37;--eg-ink:#17324b;
 --eg-muted:#60758a;--eg-line:#dfe9f2;--eg-soft:#f6faff;--eg-white:#fff;
 --eg-shadow:0 20px 55px rgba(5,42,78,.11);--eg-shadow2:0 10px 28px rgba(5,42,78,.08);
 --eg-radius:24px;--eg-radius-sm:16px;
}
html{scroll-behavior:smooth;overflow-x:hidden}
:is(body.eg-public-v6,body.eg-premium-site){overflow-x:hidden;background:linear-gradient(180deg,#fff 0,#f8fbff 47%,#fff 100%);color:var(--eg-ink)}
:is(body.eg-public-v6,body.eg-premium-site) *{box-sizing:border-box}
:is(body.eg-public-v6,body.eg-premium-site) a{-webkit-tap-highlight-color:transparent}
:is(body.eg-public-v6,body.eg-premium-site) .container{width:min(1200px,calc(100% - 36px));margin-inline:auto}

/* Header */
:is(body.eg-public-v6,body.eg-premium-site) .eg-site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(213,227,239,.84);background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 8px 34px rgba(6,40,72,.06)}
:is(body.eg-public-v6,body.eg-premium-site) .eg-site-header .nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}
:is(body.eg-public-v6,body.eg-premium-site) .site-logo{display:flex!important;align-items:center!important;min-width:0!important;flex:0 0 auto;line-height:1!important}
:is(body.eg-public-v6,body.eg-premium-site) .site-logo img{display:block!important;height:58px!important;width:auto!important;max-width:292px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(4,72,126,.10))}
:is(body.eg-public-v6,body.eg-premium-site) .navlinks{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:nowrap}
:is(body.eg-public-v6,body.eg-premium-site) .navlinks a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 11px;border-radius:12px;color:#395a75;font-size:13px;font-weight:850;white-space:nowrap;transition:.2s ease}
:is(body.eg-public-v6,body.eg-premium-site) .navlinks a:hover,:is(body.eg-public-v6,body.eg-premium-site) .navlinks a:focus-visible{background:#eef6ff;color:var(--eg-blue);transform:translateY(-1px)}
:is(body.eg-public-v6,body.eg-premium-site) .navlinks .award-nav{border:1px solid #f1d996;background:linear-gradient(180deg,#fffaf0,#fff4d3);color:#765100}
:is(body.eg-public-v6,body.eg-premium-site) .navlinks .eg-erp-login{color:#fff;background:linear-gradient(135deg,var(--eg-blue2),var(--eg-teal));box-shadow:0 10px 24px rgba(7,100,180,.20)}
:is(body.eg-public-v6,body.eg-premium-site) .eg-menu-toggle{display:none;width:46px;height:46px;padding:0;border:1px solid #d7e5f1;border-radius:14px;background:#fff;color:var(--eg-navy);cursor:pointer;box-shadow:0 7px 20px rgba(5,42,78,.08);align-items:center;justify-content:center;flex-direction:column;gap:5px}
:is(body.eg-public-v6,body.eg-premium-site) .eg-menu-toggle span{display:block;width:21px;height:2px;border-radius:4px;background:currentColor;transition:.25s}
:is(body.eg-public-v6,body.eg-premium-site) .eg-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
:is(body.eg-public-v6,body.eg-premium-site) .eg-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
:is(body.eg-public-v6,body.eg-premium-site) .eg-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
:is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-panel{display:none}

/* Breadcrumb */
:is(body.eg-public-v6,body.eg-premium-site) .breadcrumb-wrap{background:linear-gradient(90deg,#f7fbff,#f3fbf9);border-bottom:1px solid var(--eg-line)}
:is(body.eg-public-v6,body.eg-premium-site) .breadcrumb{min-height:46px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#72869a}
:is(body.eg-public-v6,body.eg-premium-site) .breadcrumb a{color:var(--eg-blue);font-weight:850}

/* Hero */
:is(body.eg-public-v6,body.eg-premium-site) .hero{position:relative;isolation:isolate;overflow:hidden;padding:88px 0 92px;color:#fff;background:radial-gradient(circle at 86% 12%,rgba(255,196,61,.30),transparent 24%),radial-gradient(circle at 10% 92%,rgba(31,225,190,.20),transparent 27%),linear-gradient(135deg,#041a34 0%,#075aa8 51%,#078b79 100%)}
:is(body.eg-public-v6,body.eg-premium-site) .hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 95%)}
:is(body.eg-public-v6,body.eg-premium-site) .hero:after{content:"";position:absolute;z-index:-1;width:480px;height:480px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-185px;top:-255px;box-shadow:0 0 0 70px rgba(255,255,255,.022),0 0 0 140px rgba(255,255,255,.016)}
:is(body.eg-public-v6,body.eg-premium-site) .hero .container{position:relative;z-index:2}
:is(body.eg-public-v6,body.eg-premium-site) .hero h1{max-width:940px;font-size:clamp(40px,5vw,66px)!important;line-height:1.07!important;letter-spacing:-1.35px;margin-bottom:17px!important;text-wrap:balance;text-shadow:0 8px 35px rgba(0,0,0,.16)}
:is(body.eg-public-v6,body.eg-premium-site) .hero p{max-width:880px!important;color:#e8f5ff!important;font-size:clamp(16px,1.6vw,19px)!important;line-height:1.72!important}
:is(body.eg-public-v6,body.eg-premium-site) .badge{display:inline-flex;align-items:center;gap:7px;padding:8px 14px!important;margin-bottom:16px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.10)!important;box-shadow:inset 0 1px rgba(255,255,255,.08);font-weight:850!important;letter-spacing:.45px}
:is(body.eg-public-v6,body.eg-premium-site) .actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
:is(body.eg-public-v6,body.eg-premium-site) .btn,:is(body.eg-public-v6,body.eg-premium-site) .open,:is(body.eg-public-v6,body.eg-premium-site) button[type="submit"]{min-height:46px;border-radius:13px!important;font-weight:850!important;transition:.22s ease;box-shadow:none}
:is(body.eg-public-v6,body.eg-premium-site) .btn:hover,:is(body.eg-public-v6,body.eg-premium-site) .open:hover,:is(body.eg-public-v6,body.eg-premium-site) button[type="submit"]:hover{transform:translateY(-2px);filter:brightness(1.02)}
:is(body.eg-public-v6,body.eg-premium-site) .primary,:is(body.eg-public-v6,body.eg-premium-site) .btn-yellow{background:linear-gradient(135deg,#ffd35c,#ffb61f)!important;color:#192739!important;box-shadow:0 12px 28px rgba(255,187,37,.20)!important}
:is(body.eg-public-v6,body.eg-premium-site) .light{background:rgba(255,255,255,.96)!important;color:var(--eg-blue)!important}

/* Sections/cards */
:is(body.eg-public-v6,body.eg-premium-site) section{position:relative}
:is(body.eg-public-v6,body.eg-premium-site) .section-head{max-width:800px!important;margin:0 auto 42px!important;text-align:center}
:is(body.eg-public-v6,body.eg-premium-site) .section-head small{display:inline-block;color:var(--eg-blue)!important;font-weight:900!important;letter-spacing:1.55px!important}
:is(body.eg-public-v6,body.eg-premium-site) .section-head h2{font-size:clamp(30px,4vw,45px)!important;line-height:1.15!important;letter-spacing:-.7px;margin:8px 0 12px!important;color:#123a5d;text-wrap:balance}
:is(body.eg-public-v6,body.eg-premium-site) .section-head p{color:var(--eg-muted)!important;font-size:15.5px}
:is(body.eg-public-v6,body.eg-premium-site) .alt{background:linear-gradient(180deg,#f7fbff,#f8fcfb)!important}
:is(body.eg-public-v6,body.eg-premium-site) .card,:is(body.eg-public-v6,body.eg-premium-site) .service-card,:is(body.eg-public-v6,body.eg-premium-site) .feature-card,:is(body.eg-public-v6,body.eg-premium-site) .info-card{border:1px solid #dfeaf3!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 8px 28px rgba(6,45,82,.055)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}
:is(body.eg-public-v6,body.eg-premium-site) .card:hover,:is(body.eg-public-v6,body.eg-premium-site) .service-card:hover,:is(body.eg-public-v6,body.eg-premium-site) .feature-card:hover,:is(body.eg-public-v6,body.eg-premium-site) .info-card:hover{transform:translateY(-6px);border-color:#c9dfee!important;box-shadow:var(--eg-shadow)!important}
:is(body.eg-public-v6,body.eg-premium-site) .card h3,:is(body.eg-public-v6,body.eg-premium-site) .service-card h3,:is(body.eg-public-v6,body.eg-premium-site) .feature-card h3{color:#124f82!important}
:is(body.eg-public-v6,body.eg-premium-site) .card p,:is(body.eg-public-v6,body.eg-premium-site) .service-card p,:is(body.eg-public-v6,body.eg-premium-site) .feature-card p{color:var(--eg-muted)!important}
:is(body.eg-public-v6,body.eg-premium-site) .ico{border-radius:17px!important;background:linear-gradient(135deg,#eaf4ff,#e8fbf6)!important;box-shadow:inset 0 0 0 1px rgba(8,93,168,.05)}
:is(body.eg-public-v6,body.eg-premium-site) .open{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 15px!important;background:linear-gradient(135deg,var(--eg-blue2),var(--eg-teal))!important;color:#fff!important;box-shadow:0 9px 20px rgba(8,92,160,.16)!important}
:is(body.eg-public-v6,body.eg-premium-site) .related a{border-radius:15px!important;border:1px solid #dce8f2!important;background:linear-gradient(180deg,#fff,#f9fcff)!important;box-shadow:0 5px 18px rgba(7,47,85,.045);transition:.2s}
:is(body.eg-public-v6,body.eg-premium-site) .related a:hover{transform:translateY(-3px);border-color:#bcd7eb!important;color:var(--eg-blue2)!important;box-shadow:0 13px 28px rgba(7,47,85,.08)}
:is(body.eg-public-v6,body.eg-premium-site) .note{border-radius:15px!important;background:linear-gradient(135deg,#fff8e7,#fff4d3)!important;box-shadow:0 8px 24px rgba(132,91,4,.06)}
:is(body.eg-public-v6,body.eg-premium-site) .content{max-width:900px}
:is(body.eg-public-v6,body.eg-premium-site) .content h2{font-size:clamp(25px,3vw,34px);line-height:1.2;color:#124f82!important}
:is(body.eg-public-v6,body.eg-premium-site) .content h3{color:#245a80!important}
:is(body.eg-public-v6,body.eg-premium-site) .content p,:is(body.eg-public-v6,body.eg-premium-site) .content li{color:#566f84!important}

/* Forms */
:is(body.eg-public-v6,body.eg-premium-site) input,:is(body.eg-public-v6,body.eg-premium-site) select,:is(body.eg-public-v6,body.eg-premium-site) textarea{border:1px solid #d5e3ee!important;border-radius:13px!important;outline:none;transition:.18s;background:#fff!important}
:is(body.eg-public-v6,body.eg-premium-site) input:focus,:is(body.eg-public-v6,body.eg-premium-site) select:focus,:is(body.eg-public-v6,body.eg-premium-site) textarea:focus{border-color:#78b6e9!important;box-shadow:0 0 0 4px rgba(10,116,214,.10)!important}
:is(body.eg-public-v6,body.eg-premium-site) button[type="submit"]{cursor:pointer;background:linear-gradient(135deg,var(--eg-blue2),var(--eg-teal))!important;color:#fff!important;border:0!important}

/* CTA/footer */
:is(body.eg-public-v6,body.eg-premium-site) .cta{background:linear-gradient(135deg,#061d36,#0a3a61)!important}
:is(body.eg-public-v6,body.eg-premium-site) footer{position:relative;background:linear-gradient(145deg,#031323,#061f36)!important;color:#a9bece!important;padding-top:34px!important;padding-bottom:34px!important}
:is(body.eg-public-v6,body.eg-premium-site) footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--eg-blue2),var(--eg-teal2),var(--eg-gold),transparent)}
:is(body.eg-public-v6,body.eg-premium-site) footer strong{color:#fff!important}
:is(body.eg-public-v6,body.eg-premium-site) .footer-links a{display:inline-flex;align-items:center;min-height:34px;color:#dbe9f3!important;padding:4px 3px}
:is(body.eg-public-v6,body.eg-premium-site) .footer-links a:hover{color:#fff!important}

/* floating/mobile dock */
.eg-mobile-dock{display:none}
.eg-page-top{position:fixed;right:18px;bottom:22px;z-index:899;width:46px;height:46px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--eg-blue2),var(--eg-teal));color:#fff;box-shadow:0 13px 28px rgba(5,63,108,.23);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}
.eg-page-top.eg-show{opacity:1;pointer-events:auto;transform:none}

@media(max-width:1050px){
 :is(body.eg-public-v6,body.eg-premium-site) .navlinks{display:none!important}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-menu-toggle{display:flex}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-panel{display:block;position:absolute;top:calc(100% + 1px);left:12px;right:12px;max-height:calc(100vh - 100px);overflow:auto;padding:10px;border:1px solid #d8e6f0;border-radius:0 0 22px 22px;background:rgba(255,255,255,.985);box-shadow:0 24px 55px rgba(4,37,67,.18);opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:.22s ease}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-panel.eg-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-panel a{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:11px 13px;margin:2px 0;border-radius:12px;color:#284d69;font-weight:850;border:1px solid transparent}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-panel a:hover,:is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-panel a:focus-visible{background:#eff7ff;border-color:#d8e9f6;color:var(--eg-blue)}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-panel .eg-m-awards{background:#fff8e7;border-color:#f2dfa7;color:#745300}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-panel .eg-m-erp{background:linear-gradient(135deg,var(--eg-blue2),var(--eg-teal));color:#fff;box-shadow:0 10px 22px rgba(7,94,158,.16)}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid #e3edf4}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-quick a{justify-content:center;text-align:center;background:#f7fbff}
}
@media(max-width:720px){
 :is(body.eg-public-v6,body.eg-premium-site){padding-bottom:72px}
 :is(body.eg-public-v6,body.eg-premium-site) .container{width:min(100% - 26px,1200px)}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-site-header .nav{min-height:70px}
 :is(body.eg-public-v6,body.eg-premium-site) .site-logo img{height:46px!important;max-width:min(220px,67vw)!important}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-menu-toggle{width:44px;height:44px;border-radius:13px}
 :is(body.eg-public-v6,body.eg-premium-site) .hero{padding:64px 0 68px!important}
 :is(body.eg-public-v6,body.eg-premium-site) .hero h1{font-size:clamp(34px,10vw,48px)!important;letter-spacing:-.8px!important;line-height:1.08!important}
 :is(body.eg-public-v6,body.eg-premium-site) .hero p{font-size:15.5px!important;line-height:1.68!important}
 :is(body.eg-public-v6,body.eg-premium-site) .badge{font-size:11.5px!important;max-width:100%;white-space:normal;text-align:left}
 :is(body.eg-public-v6,body.eg-premium-site) .actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%}
 :is(body.eg-public-v6,body.eg-premium-site) .actions .btn,:is(body.eg-public-v6,body.eg-premium-site) .btn{width:100%;min-height:50px}
 :is(body.eg-public-v6,body.eg-premium-site) section{padding-left:0;padding-right:0}
 :is(body.eg-public-v6,body.eg-premium-site) .section-head{margin-bottom:30px!important}
 :is(body.eg-public-v6,body.eg-premium-site) .section-head h2{font-size:30px!important}
 :is(body.eg-public-v6,body.eg-premium-site) .grid,:is(body.eg-public-v6,body.eg-premium-site) .services-grid,:is(body.eg-public-v6,body.eg-premium-site) .features,:is(body.eg-public-v6,body.eg-premium-site) .related{grid-template-columns:1fr!important;gap:14px!important}
 :is(body.eg-public-v6,body.eg-premium-site) .card,:is(body.eg-public-v6,body.eg-premium-site) .service-card,:is(body.eg-public-v6,body.eg-premium-site) .feature-card{padding:21px!important;min-height:0!important}
 :is(body.eg-public-v6,body.eg-premium-site) .card p{min-height:0!important}
 .eg-mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:8px;right:8px;bottom:8px;height:58px;z-index:950;border:1px solid rgba(215,230,241,.95);border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);box-shadow:0 15px 38px rgba(5,42,78,.18);padding:5px}
 .eg-mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;border-radius:12px;color:#385b75;font-size:10px;font-weight:850;line-height:1.05;text-align:center}
 .eg-mobile-dock a span:first-child{font-size:18px;line-height:1.1}
 .eg-mobile-dock a:active{background:#eef7ff;color:var(--eg-blue)}
 .eg-mobile-dock a.eg-dock-erp{background:linear-gradient(135deg,#edf7ff,#ebfbf7);color:#075e9d}
 .eg-page-top{display:none}
}
@media(max-width:380px){
 :is(body.eg-public-v6,body.eg-premium-site) .container{width:min(100% - 20px,1200px)}
 :is(body.eg-public-v6,body.eg-premium-site) .site-logo img{height:43px!important;max-width:205px!important}
 :is(body.eg-public-v6,body.eg-premium-site) .hero h1{font-size:32px!important}
 :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-panel{left:8px;right:8px}
}
@media(prefers-reduced-motion:reduce){:is(body.eg-public-v6,body.eg-premium-site) *,:is(body.eg-public-v6,body.eg-premium-site) *:before,:is(body.eg-public-v6,body.eg-premium-site) *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* =========================================================
   E-Grampanchayat Public UX v7 — Product Flow + Conversion
   Frontend only; no backend dependency.
   ========================================================= */
:root{
  --eg-v7-blue:#075ca8;
  --eg-v7-deep:#052f59;
  --eg-v7-teal:#078f82;
  --eg-v7-gold:#f5b91a;
}
.eg-product-flow{
  padding:34px 0 22px;
  background:
    radial-gradient(circle at 12% 8%,rgba(12,143,132,.10),transparent 28%),
    linear-gradient(180deg,#f8fbff,#f2f7fb);
  border-top:1px solid rgba(15,76,119,.08);
  border-bottom:1px solid rgba(15,76,119,.08);
}
.eg-product-flow .eg-flow-head{
  max-width:780px;margin:0 auto 22px;text-align:center;
}
.eg-product-flow .eg-flow-kicker{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 11px;border-radius:999px;
  background:#eaf4ff;color:#075ca8;font-size:11px;font-weight:950;letter-spacing:.9px;
}
.eg-product-flow h2{
  margin:9px 0 7px;font-size:clamp(25px,4vw,38px);line-height:1.18;color:#123d63;letter-spacing:-.7px;
}
.eg-product-flow p{margin:0;color:#60758a;font-size:14px}
.eg-flow-rail{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
  max-width:980px;margin:0 auto;
}
.eg-flow-node{
  position:relative;display:flex;align-items:center;gap:11px;min-height:82px;
  padding:14px;border:1px solid #dce8f2;border-radius:17px;background:#fff;
  box-shadow:0 12px 28px rgba(27,72,108,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
  touch-action:manipulation;
}
.eg-flow-node:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(27,72,108,.11);border-color:#b9d6ea}
.eg-flow-node .eg-flow-icon{
  width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(135deg,#e7f1ff,#e6fbf6);font-size:21px;
}
.eg-flow-node b{display:block;color:#164f80;font-size:14px}
.eg-flow-node small{display:block;margin-top:3px;color:#718398;font-size:11px;line-height:1.35}
.eg-flow-node[aria-current="step"]{
  border-color:rgba(7,143,130,.44);
  box-shadow:0 15px 35px rgba(7,143,130,.14),inset 0 0 0 1px rgba(7,143,130,.08);
}
.eg-flow-node[aria-current="step"] .eg-flow-icon{background:linear-gradient(135deg,#0a69bd,#079386);color:#fff}
.eg-conversion-strip{
  margin:20px auto 34px;max-width:1080px;
  padding:19px 20px;border-radius:22px;color:#fff;
  background:
    radial-gradient(circle at 86% 12%,rgba(245,185,26,.28),transparent 24%),
    linear-gradient(135deg,#063c70,#075da9 52%,#078f82);
  box-shadow:0 22px 55px rgba(2,45,83,.18);
}
.eg-conversion-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.eg-conversion-copy b{display:block;font-size:18px;line-height:1.25}
.eg-conversion-copy span{display:block;margin-top:4px;color:#d9efff;font-size:12.5px}
.eg-conversion-actions{display:flex;gap:9px;flex-wrap:wrap;flex-shrink:0}
.eg-conversion-actions a{
  min-height:42px;display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:12px;font-weight:900;font-size:12px;
  border:1px solid rgba(255,255,255,.24);touch-action:manipulation;
}
.eg-conversion-actions .eg-wa{background:#fff;color:#075b86}
.eg-conversion-actions .eg-demo{background:#f5bd23;color:#183047;border-color:#f5bd23}
.eg-ui-preview-card{
  position:relative;overflow:hidden;border:1px solid #d9e5ef;border-radius:20px;background:#fff;
  box-shadow:0 18px 42px rgba(14,62,97,.09);
}
.eg-ui-preview-card:before{
  content:"INTERFACE PREVIEW";position:absolute;top:12px;right:12px;z-index:3;
  padding:5px 8px;border-radius:999px;background:rgba(5,47,89,.88);color:#fff;font-size:9px;font-weight:950;letter-spacing:.7px;
}
.eg-ui-preview-top{height:38px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#eef4f9;border-bottom:1px solid #dfe8ef}
.eg-ui-preview-top i{width:8px;height:8px;border-radius:50%;background:#c6d5e2}
.eg-ui-preview-body{display:grid;grid-template-columns:78px 1fr;min-height:180px}
.eg-ui-preview-side{padding:15px 8px;background:#073c6b;color:#dff4ff}
.eg-ui-preview-side span{display:block;height:10px;margin:0 0 10px;border-radius:5px;background:rgba(255,255,255,.18)}
.eg-ui-preview-side span:nth-child(2){width:80%}.eg-ui-preview-side span:nth-child(3){width:65%}
.eg-ui-preview-main{padding:16px;background:linear-gradient(180deg,#fbfdff,#f6f9fc)}
.eg-ui-preview-title{width:46%;height:12px;border-radius:6px;background:#bfd7e8;margin-bottom:14px}
.eg-ui-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}
.eg-ui-preview-stats span{height:44px;border-radius:10px;background:linear-gradient(135deg,#e9f2ff,#e7fbf6);border:1px solid #deebf4}
.eg-ui-preview-table{display:grid;gap:6px}
.eg-ui-preview-table span{height:9px;border-radius:5px;background:#dfe8f0}
.eg-ui-preview-table span:nth-child(2){width:94%}.eg-ui-preview-table span:nth-child(3){width:82%}.eg-ui-preview-table span:nth-child(4){width:90%}
.eg-page-top{touch-action:manipulation}
@media(max-width:820px){
  .eg-flow-rail{grid-template-columns:1fr 1fr}
  .eg-conversion-inner{align-items:flex-start;flex-direction:column}
  .eg-conversion-actions{width:100%}
  .eg-conversion-actions a{flex:1}
}
@media(max-width:520px){
  .eg-product-flow{padding:26px 0 18px}
  .eg-flow-rail{grid-template-columns:1fr;gap:9px}
  .eg-flow-node{min-height:68px;padding:11px 12px;border-radius:15px}
  .eg-flow-node .eg-flow-icon{width:38px;height:38px;flex-basis:38px}
  .eg-conversion-strip{margin:16px 12px 28px;padding:16px;border-radius:18px}
  .eg-conversion-actions{display:grid;grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* =========================================================
   SAFE UPDATE 08 — Final premium public-site polish
   Frontend only: premium visual system, mobile UX, a11y, speed
   ========================================================= */
:root{--eg8-navy:#031a31;--eg8-blue:#075fae;--eg8-teal:#078e80;--eg8-gold:#f4bc2b;--eg8-soft:#f4f9fd;--eg8-ink:#123b5d}
html{scroll-padding-top:92px}
:is(body.eg-public-v6,body.eg-premium-site){overflow-x:hidden;-webkit-tap-highlight-color:transparent}
:is(body.eg-public-v6,body.eg-premium-site) a,:is(body.eg-public-v6,body.eg-premium-site) button{touch-action:manipulation}
:is(body.eg-public-v6,body.eg-premium-site) :focus-visible{outline:3px solid rgba(244,188,43,.92)!important;outline-offset:3px!important;border-radius:10px}
:is(body.eg-public-v6,body.eg-premium-site) section:not(.hero){content-visibility:auto;contain-intrinsic-size:1px 760px}
:is(body.eg-public-v6,body.eg-premium-site) img{max-width:100%;height:auto}

.eg8-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:5000;background:linear-gradient(90deg,var(--eg8-gold),#25d9bf,#32a3ff);box-shadow:0 1px 10px rgba(23,190,181,.35);pointer-events:none}
.eg8-trust-rail{background:linear-gradient(90deg,#061f39,#0a4776 48%,#087669);color:#eaf8ff;border-bottom:1px solid rgba(255,255,255,.08)}
.eg8-trust-rail .container{min-height:38px;display:flex;align-items:center;justify-content:center;gap:9px 18px;flex-wrap:wrap;padding:6px 0;font-size:11px;font-weight:850;letter-spacing:.15px}
.eg8-trust-rail span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.eg8-trust-rail b{color:#ffd461}

.eg8-global-cta{position:relative;overflow:hidden;margin:30px auto 38px;width:min(1120px,calc(100% - 28px));border-radius:25px;padding:25px 26px;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(245,190,48,.30),transparent 24%),linear-gradient(135deg,#052a50,#0763ad 52%,#078d80);box-shadow:0 24px 60px rgba(5,63,108,.18)}
.eg8-global-cta:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-80px;bottom:-130px;box-shadow:0 0 0 45px rgba(255,255,255,.028)}
.eg8-global-cta-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:22px}
.eg8-global-cta small{display:block;color:#aeeadd;font-weight:900;letter-spacing:1px;margin-bottom:4px}
.eg8-global-cta h2{font-size:clamp(22px,3vw,32px);line-height:1.18;margin:0;color:#fff}
.eg8-global-cta p{margin:6px 0 0;color:#dceefa;font-size:13px}
.eg8-global-cta-actions{display:flex;gap:9px;flex-wrap:wrap;flex-shrink:0}
.eg8-global-cta-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:12px;font-size:12px;font-weight:950;border:1px solid rgba(255,255,255,.24)}
.eg8-global-cta-actions .demo{background:#f5bd28;color:#173047;border-color:#f5bd28}
.eg8-global-cta-actions .wa{background:#fff;color:#086786}

.eg8-service-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.42) 48%,transparent 70%);transform:translateX(-130%);transition:transform .7s ease}
:is(body.eg-public-v6,body.eg-premium-site) .card:hover .eg8-service-sheen,:is(body.eg-public-v6,body.eg-premium-site) .service-card:hover .eg8-service-sheen{transform:translateX(130%)}
:is(body.eg-public-v6,body.eg-premium-site) .card,:is(body.eg-public-v6,body.eg-premium-site) .service-card,:is(body.eg-public-v6,body.eg-premium-site) .feature-card{isolation:isolate}

/* Upgrade flat content tables and FAQ without changing content. */
:is(body.eg-public-v6,body.eg-premium-site) table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border:1px solid #dce7ef!important;border-radius:16px!important;background:#fff;box-shadow:0 12px 30px rgba(11,61,97,.06)}
:is(body.eg-public-v6,body.eg-premium-site) details{transition:border-color .2s,box-shadow .2s,transform .2s}
:is(body.eg-public-v6,body.eg-premium-site) details[open]{border-color:#b9d9ec!important;box-shadow:0 14px 32px rgba(13,75,116,.08);transform:translateY(-1px)}

/* Mobile: preserve clickability at 360/390/430 widths. */
@media(max-width:720px){
  :is(body.eg-public-v6,body.eg-premium-site){padding-bottom:78px!important}
  :is(body.eg-public-v6,body.eg-premium-site) .eg-site-header{position:sticky!important;top:0!important}
  :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-panel a{min-height:52px!important;font-size:13px!important}
  :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-dock{padding-bottom:max(5px,env(safe-area-inset-bottom));height:calc(60px + env(safe-area-inset-bottom));bottom:6px}
  :is(body.eg-public-v6,body.eg-premium-site) .eg-mobile-dock a{min-height:48px}
  .eg8-trust-rail{overflow:hidden}
  .eg8-trust-rail .container{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:7px 13px}
  .eg8-trust-rail .container::-webkit-scrollbar{display:none}
  .eg8-global-cta{margin:22px 10px 28px;width:calc(100% - 20px);padding:20px 17px;border-radius:20px}
  .eg8-global-cta-inner{flex-direction:column;align-items:flex-start}
  .eg8-global-cta-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .eg8-global-cta-actions a{width:100%;min-height:48px}
}
@media(max-width:430px){
  :is(body.eg-public-v6,body.eg-premium-site) .container{width:min(100% - 22px,1200px)!important}
  :is(body.eg-public-v6,body.eg-premium-site) .hero{padding:58px 0 62px!important}
  :is(body.eg-public-v6,body.eg-premium-site) .hero h1{font-size:clamp(31px,9.4vw,40px)!important}
  :is(body.eg-public-v6,body.eg-premium-site) .hero p{font-size:15px!important}
}
@media(max-width:390px){
  :is(body.eg-public-v6,body.eg-premium-site) .site-logo img{max-width:195px!important;height:42px!important}
  .eg8-global-cta-actions{grid-template-columns:1fr}
}
@media(max-width:360px){
  :is(body.eg-public-v6,body.eg-premium-site) .container{width:min(100% - 18px,1200px)!important}
  :is(body.eg-public-v6,body.eg-premium-site) .site-logo img{max-width:180px!important;height:40px!important}
  :is(body.eg-public-v6,body.eg-premium-site) .eg-menu-toggle{width:42px!important;height:42px!important}
  :is(body.eg-public-v6,body.eg-premium-site) .hero h1{font-size:30px!important}
}


/* SAFE UPDATE 09 — Full ERP Ecosystem Showcase */
.eg9-ecosystem{padding:76px 0;background:linear-gradient(180deg,#ffffff,#f4f8fc);position:relative;overflow:hidden}
.eg9-ecosystem:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-170px;background:radial-gradient(circle,rgba(6,143,130,.10),transparent 68%);pointer-events:none}
.eg9-eco-head{max-width:860px;margin:0 auto 32px;text-align:center;position:relative;z-index:1}
.eg9-eco-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#e9f4ff;color:#075ea9;font-size:11px;font-weight:950;letter-spacing:1px}
.eg9-eco-head h2{margin:10px 0 10px;color:#123f66;font-size:clamp(30px,4.8vw,46px);line-height:1.12;letter-spacing:-.9px}
.eg9-eco-head p{margin:0 auto;color:#64798c;font-size:15px;line-height:1.7;max-width:760px}
.eg9-status-legend{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0 0}
.eg9-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;border:1px solid #dce8f1;background:#fff;color:#45647b}
.eg9-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#7f98ab}
.eg9-status.core:before{background:#098e7f}.eg9-status.scope:before{background:#1674c4}.eg9-status.portal:before{background:#efb018}
.eg9-eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:1}
.eg9-eco-card{display:flex;flex-direction:column;min-height:250px;padding:22px;border-radius:22px;border:1px solid #dce7ef;background:rgba(255,255,255,.96);box-shadow:0 16px 38px rgba(17,66,100,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:inherit;touch-action:manipulation}
.eg9-eco-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(17,66,100,.12);border-color:#b9d7e9}
.eg9-eco-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#e6f1ff,#e4fbf5);font-size:24px;margin-bottom:13px}
.eg9-eco-card h3{margin:0 0 7px;color:#164f80;font-size:18px;line-height:1.25}
.eg9-eco-card>p{margin:0 0 14px;color:#6c7f91;font-size:12.5px;line-height:1.55}
.eg9-module-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.eg9-module-chips span{display:inline-flex;padding:6px 8px;border-radius:9px;background:#f2f7fb;border:1px solid #e0eaf2;color:#3e627d;font-size:10.5px;font-weight:800;line-height:1.25}
.eg9-eco-card.core{border-color:rgba(8,143,128,.28);box-shadow:0 16px 40px rgba(8,143,128,.09)}
.eg9-eco-card.core .eg9-eco-icon{background:linear-gradient(135deg,#0866b2,#098f80);color:#fff}
.eg9-eco-foot{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.eg9-eco-foot a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;font-size:12px;font-weight:900}
.eg9-eco-foot .primary{background:linear-gradient(135deg,#075ca8,#078f82);color:#fff;box-shadow:0 12px 28px rgba(7,92,168,.18)}
.eg9-eco-foot .secondary{background:#fff;color:#075ca8;border:1px solid #d7e5ef}
.eg9-scope-note{max-width:980px;margin:22px auto 0;padding:14px 16px;border-radius:14px;background:#fff8e7;border:1px solid #f1dfb5;color:#70531b;font-size:11.5px;line-height:1.55;text-align:center}
@media(max-width:920px){.eg9-eco-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.eg9-ecosystem{padding:52px 0}.eg9-eco-grid{grid-template-columns:1fr;gap:12px}.eg9-eco-card{min-height:0;padding:19px;border-radius:18px}.eg9-eco-foot{display:grid;grid-template-columns:1fr;width:100%}.eg9-eco-foot a{width:100%;min-height:50px}.eg9-status-legend{justify-content:flex-start}.eg9-eco-head{text-align:left}.eg9-eco-head h2{font-size:31px}.eg9-eco-head p{font-size:14px}}