/* PINCODE IT / glass surfaces
   Scoped to the restored homepage. Original typography, colours, orbit and
   scroll transitions live in legacy-home.css and are deliberately untouched.
   Blur is applied to backgrounds only; text and icons stay crisp. */
#pincode-legacy-home{
  --brand:#00b980;
  --brand-2:#008f64;
  --brand-soft:#dff8ef;
  --glass-edge:rgba(255,255,255,.73);
  --glass-shadow:0 18px 52px rgba(11,54,37,.10),inset 0 1px 0 rgba(255,255,255,.58);
}
#pincode-legacy-home .site-header{
  background:rgba(246,253,250,.64);
  border-bottom:1px solid rgba(255,255,255,.75);
  -webkit-backdrop-filter:blur(24px) saturate(165%);
  backdrop-filter:blur(24px) saturate(165%);
  box-shadow:0 8px 34px rgba(13,54,35,.075);
}
#pincode-legacy-home .announcement{
  background:rgba(10,30,22,.92);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
#pincode-legacy-home .nav-link{
  padding:9px 12px;
  margin:0 -6px;
  border:1px solid transparent;
  border-radius:999px;
  transition:background .25s,border-color .25s,color .25s,box-shadow .25s;
}
#pincode-legacy-home .nav-link:hover,
#pincode-legacy-home .nav-link:focus-visible,
#pincode-legacy-home .nav-link.active{
  background:rgba(255,255,255,.52);
  border-color:rgba(255,255,255,.82);
  color:#006c4c;
  box-shadow:0 3px 14px rgba(0,105,75,.08);
}
#pincode-legacy-home .nav-link:after{bottom:2px;left:13px;right:13px}
#pincode-legacy-home .mega-menu{
  background:rgba(243,252,247,.79);
  border-bottom:1px solid rgba(255,255,255,.81);
  -webkit-backdrop-filter:blur(32px) saturate(160%);
  backdrop-filter:blur(32px) saturate(160%);
  box-shadow:0 22px 54px rgba(10,44,30,.15);
}
#pincode-legacy-home .mega-inner{position:relative}
#pincode-legacy-home .mega-primary a,
#pincode-legacy-home .mega-list a{
  border-radius:10px;
  transition:color .2s,background .2s;
}
#pincode-legacy-home .mega-primary a:hover,
#pincode-legacy-home .mega-list a:hover{color:#006a4b;background:rgba(0,185,128,.075)}
#pincode-legacy-home .button,
#pincode-legacy-home .paddle,
#pincode-legacy-home .menu-button,
#pincode-legacy-home .floating-contact{
  -webkit-backdrop-filter:blur(18px) saturate(165%);
  backdrop-filter:blur(18px) saturate(165%);
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 9px 26px rgba(6,58,39,.12),inset 0 1px 0 rgba(255,255,255,.35);
  transition:background .25s,transform .25s,box-shadow .25s,border-color .25s;
}
#pincode-legacy-home .button-primary{
  background:linear-gradient(115deg,rgba(0,147,98,.89),rgba(0,113,76,.84));
  color:white;
  border-color:rgba(167,255,214,.45);
}
#pincode-legacy-home .button-primary:hover{
  background:linear-gradient(115deg,rgba(0,170,112,.96),rgba(0,125,85,.94));
}
#pincode-legacy-home .button-light,
#pincode-legacy-home .paddle{
  background:linear-gradient(135deg,rgba(255,255,255,.83),rgba(246,255,249,.49));
  border-color:rgba(255,255,255,.85);
  color:#143226;
}
#pincode-legacy-home .button-ghost{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.35)}
#pincode-legacy-home .button:hover,
#pincode-legacy-home .paddle:hover,
#pincode-legacy-home .floating-contact:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 30px rgba(0,77,49,.15),inset 0 1px 0 rgba(255,255,255,.44);
}
#pincode-legacy-home .hero{
  background:
    radial-gradient(ellipse at 72% 25%,rgba(0,185,128,.20),transparent 48%),
    radial-gradient(ellipse at 18% 85%,rgba(110,230,179,.16),transparent 51%),
    linear-gradient(130deg,#fff 0%,#f4f8f6 100%);
}
#pincode-legacy-home .hero-copy{
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
#pincode-legacy-home .section:not(.section-dark){
  background-image:
    radial-gradient(ellipse at 92% 18%,rgba(42,196,132,.095),transparent 42%),
    radial-gradient(ellipse at 10% 80%,rgba(47,190,137,.075),transparent 43%);
  background-repeat:no-repeat;
}
#pincode-legacy-home .section.section-white{background-color:#f8fcfa}
#pincode-legacy-home .scroller-wrap{
  background:
    radial-gradient(ellipse at 23% 63%,rgba(80,208,150,.20),transparent 30%),
    radial-gradient(ellipse at 80% 22%,rgba(0,144,101,.13),transparent 43%);
}
#pincode-legacy-home .service-tile,
#pincode-legacy-home .story-card,
#pincode-legacy-home .process-step,
#pincode-legacy-home .case-card,
#pincode-legacy-home .modal-card{
  -webkit-backdrop-filter:blur(23px) saturate(145%);
  backdrop-filter:blur(23px) saturate(145%);
  border:1px solid var(--glass-edge);
  box-shadow:var(--glass-shadow);
}
#pincode-legacy-home .service-tile{
  background:linear-gradient(142deg,rgba(255,255,255,.78),rgba(241,253,247,.53));
}
#pincode-legacy-home .service-tile:nth-child(even){
  background:linear-gradient(140deg,rgba(16,35,27,.91),rgba(9,56,38,.82));
  border-color:rgba(160,233,191,.25);
}
#pincode-legacy-home .story-card:not(.green):not(.dark),
#pincode-legacy-home .process-step,
#pincode-legacy-home .case-card:not(:nth-child(3n+2)){
  background:linear-gradient(135deg,rgba(255,255,255,.79),rgba(240,252,246,.54));
}
#pincode-legacy-home .story-card.green{
  background:linear-gradient(142deg,rgba(0,112,75,.93),rgba(0,178,116,.86));
  border-color:rgba(183,255,219,.26);
}
#pincode-legacy-home .story-card.dark,
#pincode-legacy-home .case-card:nth-child(3n+2){
  background:linear-gradient(145deg,rgba(15,27,21,.92),rgba(16,55,36,.88));
  border-color:rgba(181,235,202,.22);
}
#pincode-legacy-home .story-card:hover,
#pincode-legacy-home .service-tile:hover,
#pincode-legacy-home .case-card:hover{
  border-color:rgba(0,185,128,.48);
  box-shadow:0 25px 60px rgba(5,69,43,.16),inset 0 1px 0 rgba(255,255,255,.39);
}
#pincode-legacy-home .feature-stage{
  background:linear-gradient(133deg,rgba(14,26,19,.96),rgba(12,49,34,.93));
  border:1px solid rgba(149,236,189,.27);
  box-shadow:0 26px 65px rgba(13,43,29,.18),inset 0 1px 0 rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
#pincode-legacy-home .feature-visual{background:radial-gradient(circle at 50% 38%,rgba(0,206,143,.33),transparent 48%),linear-gradient(135deg,rgba(19,48,33,.85),rgba(5,20,13,.78))}
#pincode-legacy-home .process-nav a{
  border:1px solid rgba(255,255,255,.40);
  border-radius:999px;
  background:rgba(255,255,255,.35);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
#pincode-legacy-home .process-nav a.active,
#pincode-legacy-home .process-nav a:hover{
  background:rgba(224,255,240,.78);
  border-color:rgba(0,185,128,.28);
}
#pincode-legacy-home .case-card:nth-child(3n+2){border-color:rgba(163,229,187,.24)}
#pincode-legacy-home .cta-band{
  background:linear-gradient(120deg,rgba(0,151,101,.91),rgba(0,88,62,.88));
  border:1px solid rgba(255,255,255,.33);
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
  box-shadow:0 22px 54px rgba(5,65,41,.17),inset 0 1px 0 rgba(255,255,255,.22);
}
#pincode-legacy-home .site-footer{
  background:rgba(241,248,243,.91);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  border-top:1px solid rgba(255,255,255,.85);
}
#pincode-legacy-home .floating-contact{background:rgba(18,33,24,.85);color:white}
#pincode-legacy-home .modal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(8,28,18,.39)}
#pincode-legacy-home .modal-card{background:rgba(252,255,253,.86)}
#pincode-legacy-home :is(a,button):focus-visible{outline:3px solid #00b980;outline-offset:3px}
@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  #pincode-legacy-home .site-header,#pincode-legacy-home .mega-menu{background:#f7faf8}
  #pincode-legacy-home .service-tile:not(:nth-child(even)),#pincode-legacy-home .story-card:not(.green):not(.dark),#pincode-legacy-home .process-step{background:#f8fbf9}
}
@media(prefers-reduced-transparency:reduce){
  #pincode-legacy-home .site-header,#pincode-legacy-home .mega-menu{background:#f8faf8}
  #pincode-legacy-home .service-tile:not(:nth-child(even)),#pincode-legacy-home .story-card:not(.green):not(.dark){background:#fff}
}
@media(max-width:900px){
  #pincode-legacy-home .site-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
  #pincode-legacy-home .mega-inner{max-height:min(75svh,620px);overflow:auto}
}
@media(prefers-reduced-motion:reduce){
  #pincode-legacy-home .button,
  #pincode-legacy-home .paddle,
  #pincode-legacy-home .floating-contact{transition:none}
}