/* Electric blue identity inspired by the supplied mockup. */
:root{--cyan:#00caff;--electric:#008cff;--whatsapp:#00dc69}
body{background:#03080d}body:before{background:radial-gradient(ellipse at 74% 17%,#007fe32b,transparent 40%),radial-gradient(ellipse at 9% 44%,#00baff0b,transparent 32%)}
header{background:#060a0ffa;border-bottom:1px solid #0988bf70;box-shadow:0 2px 24px #009de611}
.brandlogo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;width:250px;gap:4px;line-height:1;text-decoration:none}
.brandlogo img{display:block;width:100%;height:auto;max-height:61px;object-fit:contain;object-position:left center}
.brandlogo small{margin:0 0 0 7px;font-size:8px;letter-spacing:.23em;line-height:1.4;color:#c7dbe7}
h1 span,.cyan,.card h3{color:var(--cyan)}h1 span{text-shadow:0 0 28px #00aaff42}.eyebrow{color:var(--cyan)}
.navlinks a{position:relative;transition:color .2s}.navlinks a:hover{color:#49d7ff;text-shadow:0 0 15px #00baff80}
.navlinks a:after{content:'';position:absolute;bottom:-12px;left:0;right:0;height:2px;background:var(--cyan);box-shadow:0 0 12px #00caff;transform:scaleX(0);transition:transform .2s}.navlinks a:hover:after{transform:scaleX(1)}
.btn{border-color:#00bcfbbb;box-shadow:inset 0 0 12px #008dff0c,0 0 15px #008dff15}.btn:hover{box-shadow:0 0 23px #009dff60;transform:translateY(-2px)}
.btn.blue{background:linear-gradient(125deg,#00b8ff,#0073f3);border:1px solid #31d7ff;box-shadow:inset 0 0 12px #66e4ff44,0 0 22px #008cff58}
.btn.green{background:linear-gradient(120deg,#075431,#079542);border:1px solid #00df65;box-shadow:inset 0 0 14px #00e46330,0 0 19px #00cf5e36}
.btn.green:hover{background:linear-gradient(120deg,#086b3e,#0dab4d);box-shadow:0 0 25px #00e36d65}
.key-showcase{border-color:#00afff85;background:radial-gradient(ellipse at 50% 52%,#07467865,transparent 72%),linear-gradient(150deg,#03111a,#050a11);box-shadow:inset 0 0 55px #008ee617,0 0 40px #008cff12}
.key-aura{background:radial-gradient(ellipse,#008fff5c,transparent 65%);filter:blur(26px)}
.key-piece{filter:drop-shadow(0 15px 12px #0009) drop-shadow(0 0 5px #008bff50)}
.piece-label{border-color:#008ac0;color:#d0f3ff;box-shadow:0 0 13px #008dff1a}.key-caption span:last-child{color:#32d7ff}
.key-controls button{border-color:#008fbc80}.key-controls input{accent-color:#00c6ff}
section{border-top:1px solid #08779d55}.card{--card-accent:#00bfff;border:1px solid color-mix(in srgb,var(--card-accent) 55%,#17303b);box-shadow:0 0 16px color-mix(in srgb,var(--card-accent) 9%,transparent);background:linear-gradient(180deg,#081a26,#040c13)}
.card:nth-child(2){--card-accent:#ff3f42}.card:nth-child(4){--card-accent:#ff9b31}
.card .pic{border-bottom:2px solid color-mix(in srgb,var(--card-accent) 64%,transparent)}.card .pic:after{background:linear-gradient(transparent 65%,#07131b),linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 10%,transparent),transparent 60%)}
.card:hover{border-color:var(--card-accent);box-shadow:0 8px 32px color-mix(in srgb,var(--card-accent) 21%,transparent)}
.techpic{border-color:#0ba3d6;box-shadow:0 0 32px #009eff20}.chip{border-color:#147db06b;background:linear-gradient(125deg,#061c2a,#071019)}.chip b{color:#00caff}
.brands{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:13px;padding:23px 8px 17px;min-height:126px;border:1px solid #125878;background:linear-gradient(155deg,#0a1b29,#040b11);border-radius:10px;transition:border-color .25s,box-shadow .25s,transform .25s}.brand img{display:block;width:75px;height:58px;object-fit:contain;filter:drop-shadow(0 1px 2px #0007)}.brand span{font-size:11px;letter-spacing:.06em;color:#deedf8}.brand:hover{transform:translateY(-4px);border-color:#00c5ff;box-shadow:0 0 22px #009dff38}.brands-note{font-size:12px;color:#809cac;margin:18px 0 0;line-height:1.6}
.ctabox{border-color:#00a9e480;box-shadow:0 0 33px #0089d51c;background:linear-gradient(125deg,#05141e,#061c2b)}footer{border-top-color:#08779d70}
@media(max-width:1050px){.brands{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.brandlogo{width:190px;gap:4px}.brandlogo img{max-height:47px}.brandlogo small{font-size:7px;letter-spacing:.19em}.brand{min-height:116px;padding:18px 7px}.brand img{width:66px;height:50px}.key-showcase{box-shadow:0 0 24px #008cff18}}
@media(max-width:480px){.brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.brand{gap:10px;min-height:112px}.brand img{width:65px;height:47px}.brand span{font-size:10px}.brandlogo{width:180px}.brandlogo small{font-size:7px;letter-spacing:.18em}}
@media(prefers-reduced-motion:reduce){.brand,.navlinks a:after{transition:none}.brand:hover{transform:none}}

.brand img.brand-mono{filter:brightness(0) invert(1) drop-shadow(0 0 4px #ffffff15)}

section[id],#contact{scroll-margin-top:105px}