/* MYinc DigiCard v1.4 — official branding / subtle neon interactions / accessible typography */
:root{--neon:#40ff83;--neon-shadow:rgba(42,255,120,.27)}
/* Requested typography: normal-weight throughout; emphasis on hover / keyboard focus only. */
body :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,a,button,summary,li,label,dt,dd,em){font-weight:400!important}
:is(a,button,summary):is(:hover,:focus-visible),
:is(a,button,summary):is(:hover,:focus-visible) :is(span,strong,small,b){font-weight:700!important}
.product-card:is(:hover,:focus-within) h3,.service-category:is(:hover,:focus-within) h2{font-weight:700!important}
.top-label{display:none!important}
.top-save-contact{height:37px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid rgba(72,255,135,.42);border-radius:9px;color:var(--green-bright);background:linear-gradient(160deg,rgba(56,230,117,.16),rgba(15,63,48,.25));white-space:nowrap;cursor:pointer;font-size:11px;transition:background .2s,transform .2s,box-shadow .2s}
.top-save-contact .icon{width:15px;height:15px}.top-save-contact:hover,.top-save-contact:focus-visible{background:rgba(55,230,119,.24);box-shadow:0 0 16px rgba(25,255,121,.13);transform:translateY(-1px)}
.top-quicknav{margin-right:6px}.top-quicknav a{display:flex;align-items:center;font-weight:400!important}
/* No oversized contact/QR strip after the animated hero. */
.action-strip{display:none!important}
.layout{margin-top:20px}
.hero{min-height:330px;height:auto;padding-top:45px;padding-bottom:52px}
.hero h1{font-size:clamp(33px,4.2vw,53px);letter-spacing:-.052em}
.hero-copy>p{max-width:410px;line-height:1.8;font-size:13px}
.hero-emblem .emblem-glass{width:166px;height:166px;border-radius:30px}
.hero-emblem .emblem-glass img{width:155px;height:155px;object-fit:contain}
.intro-launch{display:inline-flex!important;align-items:center;gap:8px;text-decoration:none;color:var(--green-bright);border:1px solid rgba(69,228,135,.32);border-radius:40px;padding:10px 15px;background:rgba(24,104,69,.18);margin-top:11px;transition:background .22s,transform .22s,box-shadow .22s;font-size:11px}
.intro-launch:hover{background:rgba(32,204,112,.18);box-shadow:0 0 0 1px rgba(62,255,140,.34);transform:translateY(-2px)}
/* Animated neon-green perimeter glow, with border fallback for Firefox and others. */
.contact-item{position:relative;isolation:isolate;border:1px solid rgba(61,161,97,.13);background:linear-gradient(135deg,rgba(22,46,43,.5),rgba(8,25,26,.12));border-radius:17px;padding:14px 4px;transition:transform .21s,box-shadow .24s,border-color .24s,background .24s;overflow:visible}
.contact-item::before{content:"";position:absolute;inset:-2px;border-radius:19px;padding:2px;opacity:0;pointer-events:none;transition:opacity .22s;z-index:0;background:conic-gradient(from 20deg,transparent 0deg,rgba(36,255,125,.06) 65deg,var(--neon) 125deg,rgba(41,255,127,.95) 190deg,transparent 270deg,rgba(38,255,121,.15) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.contact-item:hover::before,.contact-item:focus-visible::before{opacity:1;animation:myinc-ring-rotate 3.2s linear infinite}
.contact-item:is(:hover,:focus-visible){transform:translateY(-3px);border-color:rgba(72,255,132,.7)!important;box-shadow:0 0 0 1px rgba(55,255,122,.35),0 0 21px rgba(32,255,116,.22),inset 0 0 18px rgba(33,255,131,.035);background:linear-gradient(150deg,rgba(27,71,49,.48),rgba(12,43,30,.3))}
.contact-item:is(:hover,:focus-visible) .tile-icon{border-color:rgba(55,255,124,.55);box-shadow:0 0 20px rgba(35,255,106,.15)}
.contact-item .tile-icon{width:55px;height:55px;border-radius:16px}
.contact-item .tile-label{font-size:11px}
.contact-featured{border-color:rgba(56,215,139,.2)!important}
@keyframes myinc-ring-rotate{from{filter:hue-rotate(0);background-position:0 0}50%{filter:brightness(1.23)}to{filter:hue-rotate(0);background-position:0 0}}
.product-card:hover,.product-card:focus-within{border-color:rgba(54,255,114,.58);box-shadow:0 0 0 1px rgba(54,255,128,.18),0 18px 44px rgba(8,42,24,.22),0 0 22px rgba(13,241,102,.085)}
.product-card:hover::before,.product-card:focus-within::before{box-shadow:0 0 0 1px rgba(44,255,110,.2) inset}
.service-teaser:hover,.service-teaser:focus-visible{border-color:rgba(52,247,123,.46);box-shadow:0 0 17px rgba(31,236,120,.08)}
.qr-frame{background:#fff!important;min-width:220px;max-width:274px;padding:12px;border-radius:20px;box-shadow:0 12px 34px rgba(0,0,0,.19)}
.qr-frame img{display:block!important;visibility:visible!important;opacity:1!important;width:100%;height:auto;max-width:100%;aspect-ratio:1;object-fit:contain;image-rendering:auto}
.site-footer .footer-links{gap:10px}
.install-dialog-icon{background:#061a13}
.install-dialog-icon img{border-radius:12px}
.promo-card{display:none!important}
.service-save{border:1px solid rgba(45,225,119,.36);color:var(--green-bright)!important;background:rgba(53,194,111,.1);border-radius:10px}
.service-top-nav .service-save:hover{background:rgba(54,211,109,.22)}
@media(max-width:900px){.top-brand{gap:7px}.brand-wordmark strong{font-size:18px!important}.top-quicknav{gap:1px;margin-right:1px}.top-quicknav a{padding:8px}.top-save-contact{padding:0 9px}}
@media(max-width:720px){
 .page-shell:not(.service-page-shell) .site-top{display:flex;flex-wrap:wrap;height:auto;align-items:center;gap:8px;padding:11px 0 12px}
 .page-shell:not(.service-page-shell) .top-brand{order:0;flex:1;min-width:110px;margin-right:auto}
 .page-shell:not(.service-page-shell) .header-controls{display:contents}
 .page-shell:not(.service-page-shell) .top-quicknav{display:flex!important;order:5;width:100%;justify-content:space-between;align-items:center;margin:0;padding:5px;background:rgba(16,42,34,.68);border-radius:12px}
 .page-shell:not(.service-page-shell) .top-quicknav a{flex:1;text-align:center;justify-content:center;font-size:11px;padding:10px 6px}
 .page-shell:not(.service-page-shell) .top-save-contact{flex:1;font-size:11px;min-width:122px}
 .page-shell:not(.service-page-shell) .install-mini,.page-shell:not(.service-page-shell) .header-controls>.icon-button{order:2;flex:none}
 .page-shell:not(.service-page-shell) .hero{display:flex;flex-direction:column;gap:0;padding:26px 20px 33px;min-height:420px;align-items:center;text-align:center}
 .page-shell:not(.service-page-shell) .hero-copy{max-width:490px;transform:none;order:2;z-index:2}
 .page-shell:not(.service-page-shell) .hero-eyebrow{justify-content:center;font-size:9px}
 .page-shell:not(.service-page-shell) .hero h1{font-size:clamp(31px,7vw,42px)}
 .page-shell:not(.service-page-shell) .hero-emblem{order:1;width:125px;height:125px;margin:0 0 23px}
 .page-shell:not(.service-page-shell) .hero-emblem .emblem-glass{width:116px;height:116px;border-radius:23px}
 .page-shell:not(.service-page-shell) .hero-emblem .emblem-glass img{width:111px;height:111px}
 .page-shell:not(.service-page-shell) .hero-foot{padding:0 16px}
 .page-shell:not(.service-page-shell) .layout{margin-top:14px}
 .service-page-shell .service-top-nav{overflow-x:auto;white-space:nowrap;max-width:100%;scrollbar-width:none}
 .service-page-shell .service-top-nav a{flex-shrink:0}
 .service-page-shell .service-top-nav a:nth-child(4){display:none}
}
@media(max-width:410px){.top-brand img{width:35px;height:35px}.top-save-contact{min-width:0!important}.contact-grid{gap:9px 5px}.contact-item .tile-icon{width:47px;height:47px}.contact-item{padding:13px 3px}}
@media(prefers-reduced-motion:reduce){.contact-item:hover::before,.contact-item:focus-visible::before{animation:none}.intro-launch{transition:none}}
/* Override v1.0's absolute mobile hero positions so the resized official logo and intro CTA flow naturally. */
@media(max-width:720px){
 .page-shell:not(.service-page-shell) .hero-copy{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;margin:0 auto;transform:none}
 .page-shell:not(.service-page-shell) .hero-emblem{position:relative;top:auto;bottom:auto;left:auto;right:auto;opacity:1;transform:none}
 .page-shell:not(.service-page-shell) .hero-copy>p{max-width:420px;margin:0 auto 8px}
 .page-shell:not(.service-page-shell) .hero-eyebrow{margin-bottom:13px}
 .page-shell:not(.service-page-shell) .hero h1{max-width:440px;margin:0 auto 13px}
 .page-shell:not(.service-page-shell) .hero-foot{position:relative;left:auto;right:auto;bottom:auto;justify-content:center;order:3;align-self:stretch;margin-top:19px;flex-wrap:wrap;gap:14px}
 .page-shell:not(.service-page-shell) .hero{padding-bottom:23px}
}


/* v1.4.1: scroll-persistent, readable navigation on both DigiCard and Services. */
html { scroll-padding-top: 104px; }
.site-top {
  position: sticky;
  top: 0;
  z-index: 75;
  isolation: isolate;
  background: rgba(5, 20, 17, .97);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(71, 239, 141, .17);
  box-shadow: 0 8px 25px rgba(2, 12, 9, .22);
}
#top, #apps, #services, #catalogue, .service-category {scroll-margin-top: 110px;}
@media(max-width: 720px) {
  html {scroll-padding-top: 148px;}
  #top, #apps, #services, #catalogue, .service-category {scroll-margin-top: 148px;}
  .page-shell:not(.service-page-shell) .site-top {padding-top: 10px; padding-bottom: 10px;}
}
@media(max-width: 640px) {
  .service-page-shell .site-top {padding-top: 12px; padding-bottom: 11px;}
}