/* MSilvo premium visual refresh — content, menus and URLs remain unchanged */
:root{
  --bg:#f4f7f6;
  --bg2:#ffffff;
  --stroke:rgba(15,35,31,.13);
  --text:#10221e;
  --muted:rgba(16,34,30,.70);
  --muted2:rgba(16,34,30,.54);
  --accent:#66d9cf;
  --accent2:#a8eee7;
  --good:#48c78e;
  --warn:#d5a84c;
  --r:20px;
  --shadow:0 24px 70px rgba(8,29,24,.10);
  --shadow2:0 14px 38px rgba(8,29,24,.08);
  --max:1180px;
}
body{
  background:
    radial-gradient(900px 430px at 10% 0%, rgba(102,217,207,.12), transparent 60%),
    linear-gradient(180deg,#f8faf9 0%,#f3f6f5 55%,#fff 100%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.container{max-width:var(--max)}

/* Header: all original menu items remain */
.nav{
  background:rgba(250,252,251,.90);
  border-bottom:1px solid rgba(15,35,31,.10);
  box-shadow:0 8px 28px rgba(8,29,24,.045);
}
.nav-inner{min-height:86px;gap:18px}
.logoMark{
  width:44px;height:44px;border-radius:15px;
  background:radial-gradient(14px 14px at 30% 28%,rgba(255,255,255,.95),rgba(255,255,255,0)),linear-gradient(135deg,#153d35,#69ddd2);
  border:1px solid rgba(21,61,53,.15);
  box-shadow:0 12px 28px rgba(21,61,53,.18);
}
.brand .name{font-size:15px;color:#10221e;letter-spacing:-.15px}
.brand .name small{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:rgba(16,34,30,.55)}
.brand-experience{color:#2b665c!important}
.nav-links{gap:2px;color:rgba(16,34,30,.72)}
.nav-links a,.dd-btn{font-size:13.5px;padding:11px 9px;border-radius:999px}
.nav-links a:hover,.dd-btn:hover{background:rgba(102,217,207,.13);color:#10221e}
.dd-menu{border-radius:18px;border-color:rgba(15,35,31,.12);box-shadow:0 24px 60px rgba(8,29,24,.16)}
.pill{border-color:rgba(15,35,31,.13);background:rgba(255,255,255,.82)}
.btn{
  border-color:rgba(16,34,30,.12);
  background:#102f29;
  color:#fff;
  box-shadow:0 14px 34px rgba(16,47,41,.20);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.btn:hover{transform:translateY(-2px);background:#17443b;box-shadow:0 18px 42px rgba(16,47,41,.25)}
.btn-secondary{background:rgba(255,255,255,.86);color:#10221e;box-shadow:none}

/* Premium hero, original headings and descriptions untouched */
.hero{padding:34px 0 20px}
.hero .panel{
  position:relative;
  overflow:hidden;
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:left;
  padding:70px 64px!important;
  border:1px solid rgba(152,232,222,.16);
  border-radius:30px;
  color:#f4fbf9;
  background:
    radial-gradient(circle at 83% 42%,rgba(108,224,213,.23),transparent 22%),
    radial-gradient(circle at 73% 68%,rgba(108,224,213,.10),transparent 30%),
    linear-gradient(115deg,#081b17 0%,#0d2923 57%,#102f28 100%);
  box-shadow:0 32px 90px rgba(5,24,20,.25);
}
.hero .panel::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background-image:linear-gradient(rgba(137,230,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(137,230,220,.07) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,transparent 38%,#000 100%);
}
.hero .panel::after{
  content:"";position:absolute;right:-120px;top:55px;width:500px;height:500px;border-radius:50%;
  border:1px solid rgba(141,231,221,.16);box-shadow:0 0 0 55px rgba(141,231,221,.035),0 0 0 110px rgba(141,231,221,.025);
}
.hero .panel>*{position:relative;z-index:2;max-width:850px}
.hero .kicker{background:rgba(255,255,255,.05);border-color:rgba(207,248,243,.20);color:rgba(235,252,249,.78)}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5.5vw,72px);line-height:1.02;letter-spacing:-2.4px;margin:24px 0 22px;max-width:1000px}
.hero .lead{font-size:18px;line-height:1.65;color:rgba(239,252,249,.88);text-align:left;margin:0 0 12px;max-width:850px}
.hero .sub{font-size:16px;line-height:1.7;color:rgba(222,244,239,.68);text-align:left;margin:0 0 20px;max-width:820px}
.hero .sub small,.hero .hint{color:rgba(222,244,239,.52)}
.hero-chips{justify-content:flex-start!important}
.hero-chips .pill{background:rgba(255,255,255,.055);border-color:rgba(214,250,245,.18);color:rgba(239,252,249,.82)}
.hero-actions{justify-content:flex-start}
.hero .btn{background:#8be5dc;color:#08201b;border-color:transparent;box-shadow:none}
.hero .btn:hover{background:#a4eee7}
.hero .btn-secondary{background:transparent;color:#f3fbf9;border-color:rgba(226,250,246,.28)}
.hero .pill{color:#eefaf8}

/* Sections */
.section{padding:72px 0}
.section:nth-of-type(even){background:rgba(255,255,255,.50);border-top:1px solid rgba(15,35,31,.055);border-bottom:1px solid rgba(15,35,31,.055)}
.section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,48px);letter-spacing:-1.4px;color:#10221e}
.section h2::after{width:86px;height:2px;background:linear-gradient(90deg,#4ccabd,transparent)}
.section p.lead{font-size:16.5px;max-width:880px}
.cards{gap:18px}
.card,.panel{
  border-color:rgba(15,35,31,.11);
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow2);
}
.card{padding:24px;min-height:190px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(8,29,24,.12);border-color:rgba(76,202,189,.36)}
.card h3,.panel h3{color:#102f29;letter-spacing:-.25px}
.panel{padding:26px;border-radius:24px}
.badge{background:#eef9f7;border-color:rgba(76,202,189,.25);color:#245b52}
input,textarea,select{border-color:rgba(15,35,31,.14)!important;background:#fff!important}
input:focus,textarea:focus,select:focus{border-color:#63d5ca!important;box-shadow:0 0 0 4px rgba(99,213,202,.13)}

/* Gallery / news / reference surfaces */
#newsGrid .card,#reference .panel{background:#fff}
.refnav{background:#102f29!important;color:#fff!important;border-color:#102f29!important}

footer{background:#0b211c;color:rgba(235,249,246,.68);border-top:0;margin-top:0;padding:52px 0}
footer .name,footer b{color:#f1fbf8}
footer .small,footer a{color:rgba(235,249,246,.68)}
footer .logoMark{box-shadow:none}
#toTop{background:#102f29;color:#fff;border-color:#102f29}

@media(max-width:980px){
  .nav-inner{min-height:74px}
  .hero .panel{min-height:auto;padding:52px 34px!important;border-radius:24px}
  .hero h1{font-size:clamp(36px,8vw,58px)}
  .hero .panel::after{opacity:.45}
  .section{padding:56px 0}
}
@media(max-width:600px){
  .hero{padding:18px 0 8px}
  .hero .panel{padding:38px 22px!important;border-radius:20px}
  .hero h1{font-size:38px;letter-spacing:-1.3px}
  .hero .lead,.hero .sub{text-align:left}
  .hero-actions,.hero-secondary{width:100%}
  .hero-actions .btn{width:100%}
  .section{padding:44px 0}
  .card,.panel{padding:20px}
}