/* Netevolutionary website styles */
:root { --cyan:#00baff; --cyan-bright:#00e6ff; --navy:#061521; --panel:rgba(2,10,17,.96); --text:#e8f8ff; --muted:#b7cbd6; }
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { min-width:320px; background:#061521; color:var(--text); font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif; }
a { color:inherit; }
.site-header { position:absolute; top:0; left:0; width:100%; z-index:20; padding:18px 22px; }
.navbar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start; width:100%; background:rgba(0,8,14,.68); border:1px solid rgba(0,186,255,.55); border-radius:8px; box-shadow:0 0 16px rgba(0,186,255,.17); backdrop-filter:blur(10px); }
.nav-item { position:relative; min-width:0; }
.nav-link { display:flex; align-items:center; justify-content:center; gap:9px; min-height:58px; width:100%; padding:14px 12px; border:0; border-right:1px solid rgba(0,186,255,.17); background:transparent; color:var(--cyan); font:inherit; font-size:clamp(14px,1.45vw,19px); text-align:center; text-decoration:none; cursor:pointer; transition:color .2s ease,background .2s ease,text-shadow .2s ease; }
.navbar > :last-child { border-right:0; }
.nav-link:hover,.nav-link:focus-visible,.services-toggle[aria-expanded="true"] { color:var(--cyan-bright); background:rgba(0,186,255,.11); text-shadow:0 0 12px rgba(0,230,255,.7); outline:none; }
.chevron { font-size:.8em; transition:transform .2s ease; }
.services-toggle[aria-expanded="true"] .chevron { transform:rotate(180deg); }
.quote-link { font-weight:650; }
.dropdown-content { display:none; position:absolute; top:calc(100% + 8px); left:0; min-width:220px; width:max(100%,220px); max-height:70vh; overflow-y:auto; padding:7px; background:var(--panel); border:1px solid rgba(0,186,255,.4); border-radius:8px; box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 18px rgba(0,186,255,.12); }
.dropdown-content.is-open { display:block; }
.dropdown-content a { display:block; padding:13px 14px; border-radius:5px; color:var(--cyan); text-decoration:none; }
.dropdown-content a:hover,.dropdown-content a:focus-visible { background:rgba(0,186,255,.15); color:var(--cyan-bright); outline:none; }
.hero { min-height:100vh; width:100%; padding:130px 24px 70px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:linear-gradient(rgba(0,12,23,.25),rgba(0,5,12,.63)),url("businesswoman-on-blurred-background-using-600nw-1010217037.webp") no-repeat center center/cover; }
.overlay { position:absolute; inset:0; background:radial-gradient(ellipse at center,rgba(0,186,255,.12),rgba(0,0,0,.25) 65%); pointer-events:none; }
.sitename { position:relative; z-index:1; color:#00baff; font-size:4rem; font-weight:600; letter-spacing:4px; text-transform:uppercase; overflow-wrap:anywhere; text-shadow:0 0 10px #00baff,0 0 20px #00baff,0 0 40px #0088ff; animation:glowPulse .9s ease-in-out infinite; }
.hero-tagline { position:relative; z-index:1; margin-top:18px; color:#e0f8ff; font-size:clamp(1rem,2vw,1.35rem); letter-spacing:2px; }
.hero-cta { position:relative; z-index:1; display:inline-block; margin-top:30px; padding:13px 22px; border:1px solid var(--cyan); border-radius:5px; background:rgba(0,12,22,.65); color:var(--cyan-bright); text-decoration:none; transition:background .2s ease,box-shadow .2s ease; }
.hero-cta:hover { background:rgba(0,186,255,.16); box-shadow:0 0 18px rgba(0,186,255,.4); }
.services-section { padding:82px max(24px,calc((100% - 1100px)/2)); background:linear-gradient(145deg,#071a29,#030b12); }
.eyebrow { color:var(--cyan); letter-spacing:3px; font-size:.8rem; font-weight:700; }
.services-section h2 { margin:12px 0 30px; font-size:clamp(1.7rem,3vw,2.5rem); }
.service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.service-card { padding:26px; border:1px solid rgba(0,186,255,.3); border-radius:10px; background:rgba(0,186,255,.045); }
.service-card h3 { margin-bottom:12px; color:var(--cyan-bright); font-size:1.35rem; }
.service-card p { color:var(--muted); line-height:1.7; }
.service-card a { display:inline-block; margin-top:20px; color:var(--cyan); text-decoration:none; }
.service-card a:hover { color:var(--cyan-bright); text-decoration:underline; }
.site-footer { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:22px max(24px,calc((100% - 1100px)/2)); background:#02080d; color:var(--muted); font-size:.9rem; }
.site-footer a { color:var(--cyan); text-decoration:none; }
.about-page { min-height:100vh; padding-top:100px; }
.about-page h1 { margin:12px 0 22px; font-size:clamp(2rem,4vw,3rem); }
.about-placeholder { max-width:750px; color:var(--muted); line-height:1.8; }
@keyframes glowPulse { 0%,100% { opacity:.78; text-shadow:0 0 5px #00baff,0 0 10px #00baff,0 0 22px #0088ff; } 50% { opacity:1; text-shadow:0 0 18px #00ccff,0 0 38px #00e6ff,0 0 75px #00ffff,0 0 100px rgba(0,186,255,.85); } }
@media(max-width:600px) { .sitename{font-size:clamp(2rem,9vw,4rem);letter-spacing:clamp(1px,.8vw,4px);} .site-header{padding:10px;} .navbar{border-radius:6px;} .nav-link{min-height:50px;padding:10px 4px;gap:4px;font-size:12px;} .dropdown-content{min-width:180px;} .hero{padding-top:100px;} .service-grid{grid-template-columns:1fr;} .services-section{padding-top:60px;padding-bottom:60px;} }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }


/* About page: glowing brand and centered Home icon */
.about-body { min-height:100vh; background:#061521; }
.about-header { position:relative; display:flex; justify-content:center; align-items:center; padding:24px 20px 0; }
.about-home { display:flex; align-items:center; justify-content:center; width:58px; height:58px; border:1px solid rgba(0,186,255,.65); border-radius:50%; color:#00baff; background:rgba(0,12,22,.65); box-shadow:0 0 12px rgba(0,186,255,.25); text-decoration:none; animation:glowPulse .5s ease-in-out infinite; transition:background .2s ease; }
.about-home:hover { background:rgba(0,186,255,.18); }
.about-home svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.about-page { padding-top:44px; }
.about-brand { margin:12px 0 28px; color:#00baff; font-size:clamp(2rem,4vw,3rem); font-weight:750; letter-spacing:2px; text-shadow:0 0 10px #00baff,0 0 20px #00baff,0 0 40px #0088ff; animation:glowPulse .5s ease-in-out infinite; overflow-wrap:anywhere; }
.about-copy { max-width:850px; color:var(--muted); font-size:1.05rem; line-height:1.9; }
.about-copy p { margin:0 0 18px; }
.about-copy strong { color:#e8f8ff; }
.about-contact { margin-top:28px; }
.about-contact a { color:var(--cyan); text-decoration:none; }
.about-contact a:hover { color:var(--cyan-bright); text-decoration:underline; }