:root{--bg:#07090d;--panel:#0e131b;--panel2:#121a24;--ink:#f6f8fb;--muted:#9ba9ba;--blue:#148dff;--blue2:#6dc4ff;--line:#202a38;--light:#f4f7fa;--dark:#0a0d12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}body.rtl{font-family:"Noto Sans Arabic",Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,88vw);margin:auto}.topbar{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,9,13,.78);backdrop-filter:blur(18px)}header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.08em}.brand img{width:44px;height:44px;object-fit:cover;object-position:center 16%;border-radius:9px}.brand span{white-space:nowrap}.nav{display:flex;gap:28px;color:#c7d0dc;font-size:14px}.nav a:hover,.footer-links a:hover{color:var(--blue2)}.header-actions{display:flex;align-items:center;gap:10px}.lang,.menu{border:1px solid #2c394a;background:transparent;color:#d9e2ed;border-radius:8px;padding:9px 11px;cursor:pointer}.menu{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);padding:14px 20px;border-radius:8px;font-weight:750;border:1px solid var(--blue);color:#fff;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(20,141,255,.22)}.btn.outline{background:transparent;border-color:#344459;color:#e9eef5}.btn.small{padding:10px 14px;font-size:13px}.hero{min-height:820px;padding:170px 0 70px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 76% 32%,rgba(20,141,255,.16),transparent 25%),linear-gradient(180deg,#07090d,#0a0e14)}.hero:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(71,169,255,.16);border-radius:50%;right:-70px;top:115px;box-shadow:0 0 0 75px rgba(71,169,255,.025),0 0 0 150px rgba(71,169,255,.018);z-index:-1;animation:float 8s ease-in-out infinite}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 75%);z-index:-2}.hero-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center}.eyebrow{font-size:12px;letter-spacing:.22em;color:#69bdff;font-weight:800;margin-bottom:18px}.hero h1{font-size:clamp(58px,7.6vw,108px);line-height:.91;letter-spacing:-.065em;margin:0}.hero h1 span{color:var(--blue)}.lead{max-width:720px;color:#aeb9c8;font-size:19px;line-height:1.7;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-console{border:1px solid #253246;background:rgba(13,19,28,.78);border-radius:18px;padding:22px;box-shadow:0 35px 90px rgba(0,0,0,.35)}.console-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);color:#c9d5e2;font-size:13px}.pulse{width:9px;height:9px;border-radius:50%;background:#4db3ff;display:inline-block;box-shadow:0 0 0 6px rgba(77,179,255,.08);margin-right:8px}.metric{padding:22px 0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.metric small{color:#718198}.metric strong{display:block;font-size:25px;margin:7px 0}.bar{height:5px;background:#1b2634;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#77cbff);border-radius:10px}.trust{margin-top:95px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.trust div{padding:26px 22px 0 0;border-right:1px solid var(--line)}.trust b,.trust span{display:block}.trust b{font-size:21px}.trust span{color:var(--muted);font-size:13px;margin-top:7px}.section{padding:105px 0}.light{background:var(--light);color:#0b1119}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end;margin-bottom:52px}.section h2{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.05em;margin:0}.section-head p,.about-grid p{color:#5d6b7e;line-height:1.8;font-size:17px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dbe3eb;border:1px solid #dbe3eb}.card{background:#fff;color:#101722;padding:36px;min-height:320px;position:relative;transition:.25s}.card:hover{transform:translateY(-5px);z-index:2;box-shadow:0 18px 55px rgba(17,38,61,.11)}.card .num{color:var(--blue);font-size:12px;font-weight:800}.card h3{font-size:23px;margin:44px 0 12px}.card p{color:#647286;line-height:1.65}.card a{display:inline-block;margin-top:18px;color:#087ee7;font-weight:750;font-size:14px}.band{background:linear-gradient(145deg,#080b10,#0c1b2a);padding:105px 0}.solution{display:grid;grid-template-columns:70px .75fr 1.25fr;gap:28px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.solution span{color:var(--blue);font-size:12px}.solution h3{font-size:29px;margin:0}.solution p{color:var(--muted);margin:0;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.step{border-top:3px solid #d4dde7;padding:26px 18px 0 0}.step b{color:var(--blue)}.step p{color:#647286;line-height:1.6}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px}.showcase-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:34px;min-height:280px;position:relative;overflow:hidden}.showcase-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(20,141,255,.1);right:-70px;bottom:-80px}.showcase-card h3{font-size:28px;margin:10px 0}.showcase-card p{color:var(--muted);line-height:1.7}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.tag{font-size:12px;border:1px solid #2a3a4e;border-radius:999px;padding:8px 11px;color:#b8c7d8}.cta{background:linear-gradient(135deg,#080b10,#0b263e)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-copy p{color:#a9b6c6;line-height:1.75;max-width:580px}.form{background:#0e1620;border:1px solid #27384c;padding:32px;border-radius:14px}.form label{display:block;font-size:13px;color:#cbd5e1;margin-bottom:17px}.form input,.form select,.form textarea{width:100%;margin-top:8px;background:#091019;border:1px solid #2b3c50;border-radius:7px;padding:13px;color:#fff}.form textarea{resize:vertical}.form .btn{width:100%}.status{display:block;color:#7f91a7;margin-top:12px;line-height:1.45}.status.ok{color:#7bd2a1}.status.err{color:#ff9d9d}footer{border-top:1px solid var(--line);padding:50px 0 28px;color:#8593a5}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:50px}.footer-links{display:grid;gap:10px;font-size:13px}.footer-title{color:#dce4ed;font-weight:700;margin-bottom:14px}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;font-size:12px;display:flex;justify-content:space-between}.page-hero{padding:155px 0 75px;background:radial-gradient(circle at 80% 25%,rgba(20,141,255,.14),transparent 25%)}.page-hero h1{font-size:clamp(50px,7vw,88px);letter-spacing:-.06em;line-height:.95;margin:0}.page-hero p{max-width:720px;color:#a8b5c5;font-size:18px;line-height:1.7}.detail-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.detail-grid h2{font-size:44px}.feature-list{display:grid;gap:12px}.feature{padding:18px;border:1px solid #d9e2eb;border-radius:10px;background:#fff}.feature b{display:block;margin-bottom:6px}.feature span{color:#657386;line-height:1.55}.portal-shell{min-height:100vh;background:#080b10;padding:120px 6vw 60px}.portal{max-width:1180px;margin:auto}.portal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portal-card{background:#101720;border:1px solid #223044;border-radius:14px;padding:24px}.portal-card small{color:#7f90a5}.portal-card strong{display:block;font-size:30px;margin-top:10px}.portal-main{margin-top:18px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.portal-panel{background:#101720;border:1px solid #223044;border-radius:14px;padding:25px}.ticket{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #223044}.badge{font-size:11px;padding:6px 8px;border-radius:999px;background:#142d45;color:#77c6ff}.login-box{max-width:460px;margin:80px auto;background:#101720;border:1px solid #223044;border-radius:16px;padding:34px}.login-box h1{margin-top:0}.hidden{display:none!important}.fade{opacity:0;transform:translateY(18px);transition:.65s ease}.fade.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(18px)}}@media(max-width:900px){.nav{display:none}.menu{display:inline-flex}.header-actions .btn{display:none}.hero{padding-top:135px}.hero-layout,.section-head,.contact-grid,.detail-grid{grid-template-columns:1fr}.hero-console{margin-top:25px}.trust{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.solution{grid-template-columns:45px 1fr}.solution p{grid-column:2}.showcase{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.portal-grid{grid-template-columns:1fr 1fr}.portal-main{grid-template-columns:1fr}.hero h1{font-size:58px}.mobile-nav{display:grid!important;position:absolute;top:78px;left:0;right:0;background:#0a0e14;padding:22px 6vw;border-bottom:1px solid var(--line);gap:18px}.copyright{flex-direction:column;gap:8px}}@media(max-width:520px){.hero h1{font-size:48px}.trust,.portal-grid{grid-template-columns:1fr}.brand span{display:none}.section{padding:80px 0}}

.service-icon{width:54px;height:54px;border:1px solid #d6e3ef;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#148dff;background:#f7fbff;margin-bottom:22px}.card h3{margin-top:24px}.ms-mark{width:48px;height:48px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.ms-mark i{display:block}.ms-mark i:nth-child(1){background:#f25022}.ms-mark i:nth-child(2){background:#7fba00}.ms-mark i:nth-child(3){background:#00a4ef}.ms-mark i:nth-child(4){background:#ffb900}.service-icon.ms-mark{padding:9px}.powerbi-mark{width:50px;height:50px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px}.powerbi-mark i{width:9px;border-radius:3px;background:linear-gradient(#f7d154,#e9a900)}.powerbi-mark i:nth-child(1){height:20px}.powerbi-mark i:nth-child(2){height:29px}.powerbi-mark i:nth-child(3){height:38px}.ecosystem{background:#fff;color:#0b1119}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tech-card{border:1px solid #dbe4ed;border-radius:16px;padding:30px;background:linear-gradient(180deg,#fff,#f8fafc);min-height:245px;transition:.25s}.tech-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(18,52,82,.09)}.tech-card h3{font-size:22px;margin:24px 0 10px}.tech-card p{color:#647286;line-height:1.65}.ms-mark.large,.powerbi-mark.large{width:58px;height:58px}.tech-symbol{width:58px;height:58px;border-radius:14px;background:#eef7ff;color:#0788e8;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:850;letter-spacing:-.05em}.azure .tech-symbol{font-size:32px}.automate .tech-symbol{font-size:38px}.brand-note{font-size:11px;color:#8793a1;margin-top:22px;line-height:1.6}@media(max-width:900px){.tech-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.tech-grid{grid-template-columns:1fr}}

/* V3.1 readability + service icon refinement */
.section:not(.light):not(.ecosystem) .section-head p,.band .section-head p,.cta .section-head p{color:#b9c6d6}
.section:not(.light):not(.ecosystem) h2,.band h2,.cta h2{color:#f7f9fc}
.band,.cta,.showcase-card,.hero-console,.portal-card,.portal-panel{color:#f6f8fb}
.showcase-card p,.contact-copy p{color:#b7c4d4}
.service-icon{width:82px;height:82px;border-radius:20px;font-size:38px;margin-bottom:28px;background:linear-gradient(145deg,#f8fbff,#eaf4ff);border:1px solid #cbdff1;box-shadow:0 10px 26px rgba(20,141,255,.10)}
.service-icon svg{width:42px;height:42px;fill:none;stroke:#148dff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-icon.ms-mark{padding:17px}
.service-icon.powerbi-mark{padding:15px}
.card h3{margin-top:10px}
.card .num{display:none!important}
@media(max-width:520px){.service-icon{width:72px;height:72px}.service-icon svg{width:36px;height:36px}}
/* V3.2 — official product artwork supplied by UFUQNET */
.product-logo{height:92px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:18px}
.product-logo img{display:block;max-width:92px;max-height:92px;width:auto;height:auto;object-fit:contain}
.tech-card{min-height:285px}.tech-card h3{margin-top:12px}
@media(max-width:520px){.product-logo{height:82px}.product-logo img{max-width:82px;max-height:82px}}

/* V3.3 — Microsoft product artwork rendered as compact icons */
.ecosystem .tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ecosystem .tech-card{min-height:260px;padding:28px;overflow:hidden}
.ecosystem .product-logo{width:76px;height:76px;margin:0 0 20px 0;display:flex;align-items:center;justify-content:center;background:#f7faff;border:1px solid #e1e9f2;border-radius:18px;padding:12px;box-sizing:border-box}
.ecosystem .product-logo img{width:100%;height:100%;max-width:52px;max-height:52px;object-fit:contain;object-position:center;display:block}
.ecosystem .tech-card h3{margin:0 0 10px;font-size:21px}
.ecosystem .tech-card p{margin:0}
@media(max-width:900px){.ecosystem .tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ecosystem .tech-grid{grid-template-columns:1fr}.ecosystem .product-logo{width:70px;height:70px}.ecosystem .product-logo img{max-width:48px;max-height:48px}}

/* V3.4 contrast audit + number removal */
.light,.ecosystem{color:#0b1119}
.light h1,.light h2,.light h3,.light h4,.light strong,.ecosystem h1,.ecosystem h2,.ecosystem h3,.ecosystem h4,.ecosystem strong{color:#0b1119}
.light p,.light .section-head p,.light .about-grid p,.light .step p,.ecosystem p,.ecosystem .section-head p,.ecosystem .about-grid p{color:#526174}
.light .eyebrow,.ecosystem .eyebrow{color:#087ee7}
.band,.cta,.hero,.page-hero,footer{color:#f7f9fc}
.band h1,.band h2,.band h3,.cta h1,.cta h2,.cta h3,.hero h1,.page-hero h1,footer h1,footer h2,footer h3{color:#f7f9fc}
.band p,.cta p,.hero p,.page-hero p,footer p{color:#b8c5d5}
.showcase-card h1,.showcase-card h2,.showcase-card h3,.hero-console h1,.hero-console h2,.hero-console h3,.portal-card h1,.portal-card h2,.portal-card h3,.portal-panel h1,.portal-panel h2,.portal-panel h3{color:#f7f9fc}
.showcase-card p,.hero-console p,.portal-card p,.portal-panel p{color:#b8c5d5}
.solution{grid-template-columns:.75fr 1.25fr}
.solution p{grid-column:auto}
.step b,.card .num,.solution>span{display:none!important}
@media(max-width:900px){.solution{grid-template-columns:1fr}.solution p{grid-column:auto}}

/* V3.5: full-opacity text for Built for Business section */
section.section:not(.light):has(.showcase) .section-head h2,
section.section:not(.light):has(.showcase) .section-head p {
  opacity: 1 !important;
  filter: none !important;
}
section.section:not(.light):has(.showcase) .section-head h2 { color: #f6f8fb !important; }
section.section:not(.light):has(.showcase) .section-head p { color: #c3cedb !important; }

/* UFUQNET brand updates */
.brand img{width:52px;height:44px;object-fit:contain;border-radius:5px;background:#fff}
.veeam-section{background:#f4f8f7;color:#12212c}.veeam-feature{display:grid;grid-template-columns:minmax(190px,1fr) 2fr;align-items:center;gap:48px}.veeam-feature h2{color:#142335}.veeam-feature p{color:#415265;line-height:1.75;margin-bottom:26px}.veeam-wordmark{font-family:Inter,Arial,sans-serif;color:#00a859;font-weight:800;font-size:clamp(54px,7vw,98px);letter-spacing:-.07em;line-height:1}.veeam-wordmark span{font-size:15px;vertical-align:top;letter-spacing:0}.veeam-feature .btn{display:inline-block}@media(max-width:720px){.veeam-feature{grid-template-columns:1fr;gap:24px}}

/* UFUQNET contact email: accessible contrast on light/dark sections */
.contact-email { margin-top: 20px; font-size: 1.06rem; opacity: 1 !important; }
.contact-email a { color: #83dafa !important; text-decoration: underline; text-underline-offset: 4px; font-weight: 700; }
.footer-email a { color: #83dafa !important; text-decoration: underline; text-underline-offset: 4px; font-weight: 600; }
.copyright a[href^="mailto:"] { color: #83dafa !important; margin-right: 18px; }

/* UFUQNET V2: consistent logo and product-brand icons */
.topbar .brand{display:flex;align-items:center;gap:14px;min-width:0}
.topbar .brand img{width:106px!important;height:84px!important;max-width:none!important;object-fit:contain!important;object-position:center;background:#fff;border-radius:12px;padding:4px;box-sizing:border-box}
.topbar .brand span{font-size:clamp(19px,2.3vw,28px);letter-spacing:.025em;font-weight:800}
footer .brand img{width:90px!important;height:76px!important;object-fit:contain!important;background:white;border-radius:10px;padding:4px;box-sizing:border-box}
.service-icon.service-brand-icon{width:88px;height:88px;padding:12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}
.service-brand-icon img{width:100%!important;height:100%!important;max-width:64px;max-height:64px;object-fit:contain;display:block}
.service-brand-icon.dual-brand{gap:4px;padding:8px}
.service-brand-icon.dual-brand img{width:47%!important;height:62px!important}
.service-brand-icon.veeam-brand{background:#effbf4;border-color:#b6eacb;width:112px}
.veeam-brand span{font-size:25px;font-weight:900;color:#00b455;letter-spacing:-.075em;line-height:1}
@media(max-width:650px){.topbar .brand img{width:74px!important;height:66px!important}.topbar .brand span{font-size:20px}.service-icon.service-brand-icon{width:78px;height:78px}}

.service-icon.manageengine-brand{width:112px;height:88px;background:#f0f9f5;border-color:#b7e4d0;padding:8px}
.service-icon.manageengine-brand img{max-width:100%;max-height:100%;object-fit:contain}

/* ManageEngine logo fits the existing service card design */
.service-icon.service-brand-icon.manageengine-brand{width:88px;height:88px;background:#f0f9f5;border-color:#b7e4d0;padding:5px}
.service-icon.manageengine-brand img{display:block;width:100%;height:100%;object-fit:contain}

/* UFUQNET footer contact details */
.footer-grid{grid-template-columns:minmax(0,1.6fr) minmax(150px,.7fr) minmax(150px,.7fr);gap:42px}
.footer-contact{margin-top:24px;max-width:470px}
.footer-contact h3{font-size:19px;line-height:1.45;letter-spacing:-.015em;color:#fff;margin:0 0 17px;font-weight:750}
.footer-company{font-size:14px;line-height:1.8;color:#d6e3f0!important;margin:0 0 15px}
.footer-contact address{font-style:normal;display:grid;gap:13px}
.footer-contact-row{display:flex;align-items:flex-start;gap:13px;font-size:14px;line-height:1.6;color:#d5e3f1;overflow-wrap:anywhere;transition:color .2s}
.footer-contact-row:hover{color:#79ceff}
.footer-contact-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #29445b;background:#122438;color:#8bd7ff;border-radius:10px;font-size:19px;line-height:1}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr;gap:34px}.footer-contact{max-width:100%}}

/* UFUQNET V2.4: high contrast blue Built for Business section */
.business-section{background:linear-gradient(135deg,#07305b 0%,#0a477a 54%,#075b9b 100%)!important;color:#fff!important}
.business-section .section-head h2{color:#fff!important;opacity:1!important;filter:none!important;text-shadow:none!important}
.business-section .section-head p{color:#e6f3ff!important;opacity:1!important;filter:none!important}
.business-section .eyebrow{color:#8bd8ff!important}
.business-section .showcase-card{background:#091725;border-color:#1e537a}
.business-section .showcase-card h3{color:#fff!important}
.business-section .showcase-card p{color:#cbdced!important}
/* Footer: clearly separated rows and consistent icon alignment */
footer .footer-grid{grid-template-columns:minmax(0,1.7fr) minmax(150px,.7fr) minmax(150px,.7fr);gap:42px}
footer .footer-contact{max-width:560px;margin-top:26px}
footer .footer-contact h3{font-size:clamp(19px,2vw,24px);line-height:1.4;margin-bottom:18px}
footer .footer-company{color:#e3eaf4!important;font-size:15px;line-height:1.8;margin-bottom:22px}
footer .footer-contact address{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;font-style:normal}
footer a.footer-contact-row{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;column-gap:14px!important;width:100%!important;min-height:42px!important;margin:0!important;line-height:1.6!important;font-style:normal!important;font-size:16px!important;color:#e1eaf5!important;white-space:normal!important}
footer .footer-contact-row>span:last-child{display:block!important;min-width:0;overflow-wrap:anywhere;font-style:normal!important}
footer .footer-contact-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px}
footer .footer-contact-icon svg{display:block;width:20px;height:20px}
footer a.footer-contact-row:hover{color:#81d6ff!important}
@media(max-width:900px){footer .footer-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:600px){footer .footer-contact h3{font-size:20px}footer a.footer-contact-row{font-size:14px!important;grid-template-columns:36px minmax(0,1fr)!important}footer .footer-contact-icon{width:36px;height:36px}}

/* UFUQNET V2.5 | visual identity derived from the supplied navy / cyan logo */
:root{--bg:#061727;--panel:#0b253c;--panel2:#103550;--ink:#f8fcff;--muted:#bed3df;--blue:#087fae;--blue2:#4edce8;--line:#234960;--light:#eef8fc;--dark:#061727}
body{background:#061727;color:#f8fcff}
.topbar{background:rgba(5,24,40,.96);border-bottom-color:#214b64}
.hero{background:radial-gradient(circle at 78% 30%,rgba(41,199,221,.18),transparent 34%),linear-gradient(135deg,#061727,#0b3454 70%,#095a77)}
.hero h1 span{color:#64e3ee}
.hero-console,.portal-card,.portal-panel,.login-box{background:#0b253b;border-color:#28617b}
.bar i{background:linear-gradient(90deg,#087fae,#46d8e8)}
.btn{background:#087fae;border-color:#087fae;color:#fff}.btn:hover{background:#0a98bf;box-shadow:0 12px 30px rgba(12,171,206,.22)}
.eyebrow,.business-section .eyebrow{color:#60e3ed!important}
.light,.ecosystem{background:#eff8fc;color:#0a273d}
.light h1,.light h2,.light h3,.ecosystem h1,.ecosystem h2,.ecosystem h3{color:#0a273d}
.light p,.ecosystem p,.light .section-head p,.ecosystem .section-head p{color:#36556b}
.light .eyebrow,.ecosystem .eyebrow{color:#087fae!important}
.cards{background:#cce3ec;border-color:#cce3ec}
.card{background:#fff;color:#0a273d}.card h3{color:#0a273d}.card p{color:#476175}.card a{color:#087fae}
.service-icon{background:linear-gradient(145deg,#f2fcff,#e1f6fa);border-color:#b7e2ec;box-shadow:0 10px 26px rgba(9,127,174,.1)}
.service-icon svg{stroke:#087fae}
.service-icon.service-brand-icon.manageengine-brand{width:112px;height:88px;background:#eaf8fc;border:1px solid #b9e6ee;padding:4px}
.service-icon.manageengine-brand img{max-width:100%;max-height:100%;object-fit:contain}
.band{background:linear-gradient(140deg,#061727,#0b3551)}
.business-section{background:linear-gradient(125deg,#063653 0%,#086e94 58%,#0b96ad 100%)!important}
.business-section .section-head h2,.business-section .section-head p{opacity:1!important;filter:none!important}
.business-section .section-head h2{color:#fff!important}.business-section .section-head p{color:#e9fbff!important}
.business-section .showcase-card{background:#08253e;border-color:#23718c}
.showcase-card:after{background:rgba(39,207,221,.12)}
.cta{background:linear-gradient(135deg,#061727 0%,#09324e 68%,#0a5870 100%)}
.contact-copy p{color:#d3e5ef}.form{background:#0b253b;border-color:#2a5971}.form input,.form select,.form textarea{background:#071b2d;border-color:#376078;color:#fff}
.form input::placeholder,.form textarea::placeholder{color:#a5becd;opacity:1}
footer{background:#061727;border-color:#28506a}.footer-contact-icon{background:#10374f;border-color:#28647d;color:#68e0e8}
footer a.footer-contact-row:hover{color:#67e2ed!important}
.footer-links a:hover,.nav a:hover{color:#67e2ed}
.ecosystem .tech-card{background:#fff;border-color:#cbe3ed}
.ecosystem .product-logo{background:#eef9fc;border-color:#cbe7ef}
@media(prefers-reduced-motion:reduce){.fade{opacity:1;transform:none;transition:none}}

/* UFUQNET V3.2 - white navigation bar with dark text */
.topbar{background:#ffffff!important;border-bottom:1px solid #d7e5eb!important;backdrop-filter:none!important}
.topbar .brand,.topbar .brand span{color:#08283d!important}
.topbar .nav,.topbar .nav a{color:#142c3d!important}
.topbar .nav a:hover{color:#087fae!important}
.topbar .lang,.topbar .menu{background:#fff!important;color:#142c3d!important;border:1px solid #b9ccd6!important}
.topbar .btn.outline{background:#fff!important;color:#08283d!important;border-color:#087fae!important}
.topbar .btn:not(.outline){background:#087fae!important;color:#fff!important;border-color:#087fae!important}
@media(max-width:900px){.topbar .mobile-nav{background:#fff!important;border-color:#d7e5eb!important}.topbar .mobile-nav a{color:#142c3d!important}}

/* UFUQNET V3.3 — continuous navy footer transition */
html,body{background-color:#061727!important}
main{background-color:#061727}
main > section.cta{margin-bottom:0!important;border-bottom:0!important}
main + footer,footer{background:#061727!important;border-top:0!important;margin-top:0!important}
/* Any empty separator inserted between contact and footer */
main + :not(footer):empty{background:#061727!important;margin:0!important;border:0!important}

/* UFUQNET V3.4 — readable white navigation, all viewports */
.topbar{background:#fff!important;border-bottom:1px solid #d7e5eb!important;color:#08283d!important;backdrop-filter:none!important}
.topbar .brand,.topbar .brand span,.topbar .nav,.topbar .nav a{color:#08283d!important;opacity:1!important;filter:none!important;-webkit-text-fill-color:#08283d!important}
.topbar .nav a:hover,.topbar .nav a:focus-visible{color:#087fae!important;-webkit-text-fill-color:#087fae!important}
.topbar .lang,.topbar .menu,.topbar .btn.outline{color:#08283d!important;-webkit-text-fill-color:#08283d!important;background:#fff!important;border-color:#b9ccd6!important}
.topbar .btn:not(.outline){background:#087fae!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:900px){.topbar .mobile-nav{background:#fff!important}.topbar .mobile-nav a{color:#08283d!important;-webkit-text-fill-color:#08283d!important}}

/* V3.8: four core services in a single desktop row */
#services .cards.services-four-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch}
#services .services-four-grid>.card{min-width:0;display:flex;flex-direction:column}
#services .services-four-grid>.card>a{margin-top:auto}
@media(max-width:980px){#services .cards.services-four-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){#services .cards.services-four-grid{grid-template-columns:1fr!important}}