:root{--bg:#06070a;--bg2:#0d1017;--panel:#131722;--panel2:#171c28;--muted:#a9b2c6;--text:#f7f9fd;--yellow:#ffd000;--orange:#ff8a00;--blue:#5cc8ff;--line:rgba(255,255,255,.12);--shadow:0 30px 90px rgba(0,0,0,.5);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 20% 0,#202637,#06070a 42%);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{line-height:1.7}.skip-link{position:absolute;left:-999px;top:12px;background:#fff;color:#000;padding:10px 14px;z-index:999}.skip-link:focus{left:12px}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;background:linear-gradient(180deg,rgba(6,7,10,.98),rgba(6,7,10,.62));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand-mark{background:linear-gradient(135deg,var(--yellow),var(--orange));color:#080808;padding:10px 12px;border-radius:12px;box-shadow:0 0 35px rgba(255,208,0,.24)}.brand-text{font-size:20px}.main-nav{display:flex;align-items:center;gap:14px}.main-nav a{font-weight:800;color:#d9e0ee;font-size:13px;white-space:nowrap}.main-nav a.active,.main-nav a:hover{color:var(--yellow)}.shop-link{border:1px solid rgba(255,208,0,.35);border-radius:999px;padding:9px 13px;color:var(--yellow)!important}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--yellow),var(--orange));color:#080808;font-weight:900;border-radius:999px;padding:14px 22px;box-shadow:0 14px 38px rgba(255,145,0,.26);border:0}.btn.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line);box-shadow:none}.btn-small{padding:10px 16px!important;color:#090909!important}.hero{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;padding:120px 5vw 70px}.hero-bg{position:absolute;inset:0}.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:fadeHero 32s infinite;filter:saturate(1.15) contrast(1.08)}.hero-bg img:nth-child(2){animation-delay:8s}.hero-bg img:nth-child(3){animation-delay:16s}.hero-bg img:nth-child(4){animation-delay:24s}@keyframes fadeHero{0%,25%{opacity:1}32%,100%{opacity:0}}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,10,.96),rgba(6,7,10,.68),rgba(6,7,10,.18)),linear-gradient(0deg,rgba(6,7,10,1),rgba(6,7,10,0) 38%)}.hero-content{position:relative;z-index:2;max-width:1240px;width:100%;display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin-bottom:18px}.hero h1,.page-hero h1{font-size:clamp(42px,7vw,92px);line-height:.95;margin:0 0 22px;font-weight:900;letter-spacing:-.06em}.hero p,.page-hero p{font-size:clamp(17px,2vw,22px);color:#d9e1ee;line-height:1.62;max-width:800px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card{background:linear-gradient(180deg,rgba(20,24,33,.78),rgba(20,24,33,.48));border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.spec{padding:16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.spec strong{display:block;font-size:26px;color:var(--yellow)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 5vw 35px;margin-top:-38px;position:relative;z-index:4}.stat{background:rgba(19,23,34,.86);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 20px 55px rgba(0,0,0,.28)}.stat strong{display:block;color:var(--yellow);font-size:32px}.section{padding:88px 5vw}.section-head{max-width:860px;margin-bottom:42px}.section-head h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:0 0 16px;letter-spacing:-.04em}.section-head p{color:var(--muted);font-size:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:26px;padding:26px;min-height:230px;transition:.25s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:auto -40px -70px auto;width:150px;height:150px;background:radial-gradient(circle,rgba(255,208,0,.22),transparent 60%)}.card:hover{transform:translateY(-6px);border-color:rgba(255,208,0,.46)}.icon{font-size:34px}.card h3{font-size:22px;margin:18px 0 10px}.card p{color:var(--muted)}.image-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.image-card{min-height:430px;border-radius:30px;overflow:hidden;position:relative;border:1px solid var(--line);background:#111}.image-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.35s}.image-card:hover img{transform:scale(1.06)}.image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.18) 62%)}.image-card div{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}.image-card h3{font-size:25px;margin:0 0 8px}.image-card p{color:#dce3ef;margin:0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.feature-img{border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.feature-img img{width:100%;height:560px;object-fit:cover}.feature-copy h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:0 0 18px}.feature-copy p{color:var(--muted);font-size:18px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.chip{background:rgba(255,208,0,.1);border:1px solid rgba(255,208,0,.3);color:#ffe57a;border-radius:999px;padding:9px 12px;font-weight:800;font-size:13px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.step{background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden}.step img{height:170px;width:100%;object-fit:cover}.step div{padding:18px}.step span{color:var(--yellow);font-weight:900}.gallery{columns:4 260px;column-gap:18px}.gallery figure{break-inside:avoid;margin:0 0 18px;background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden}.gallery img{width:100%}.gallery figcaption{padding:12px 14px;color:var(--muted);font-size:13px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{position:relative;min-height:360px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#111}.work-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.35s}.work-card:hover img{transform:scale(1.06)}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.12) 60%)}.work-card div{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}.work-card h3{font-size:24px;margin:0 0 8px}.work-card p{color:#d8deea;margin:0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process{padding:28px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035))}.process span{font-size:36px;font-weight:900;color:var(--yellow)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:28px}.price.featured{border-color:rgba(255,208,0,.5);box-shadow:0 0 0 1px rgba(255,208,0,.18),var(--shadow)}.price h3{font-size:25px;margin-top:0}.price ul{padding-left:20px;color:#dce3ef;line-height:1.8}.cta{margin:60px 5vw 90px;padding:58px;border-radius:34px;background:linear-gradient(135deg,rgba(255,208,0,.96),rgba(255,138,0,.96));color:#080808;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.cta h2{font-size:clamp(32px,5vw,56px);line-height:1;margin:0}.cta p{font-weight:700;max-width:700px}.cta .btn{background:#07080b;color:#fff}.page-hero{padding:150px 5vw 86px;background:linear-gradient(135deg,#0a0c11,#151a24);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-10%;top:-20%;width:560px;height:560px;background:radial-gradient(circle,rgba(255,208,0,.16),transparent 65%)}.page-hero-inner{max-width:1180px;position:relative;z-index:2}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.panel{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:28px;padding:30px}.panel h3{font-size:28px;margin-top:0}.list{display:grid;gap:14px}.list li{color:#dbe2ef;line-height:1.55}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:15px 16px;border-radius:14px;border:1px solid var(--line);background:#0c0f15;color:#fff;font:inherit}.contact-form textarea{min-height:140px}.notice{background:rgba(255,208,0,.1);border:1px solid rgba(255,208,0,.28);border-radius:20px;padding:18px;color:#ffe999}.footer{padding:58px 5vw 24px;background:#050608;border-top:1px solid var(--line)}.footer-cta{max-width:1180px;margin:0 auto 48px;padding:35px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.03));display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.footer-cta h2{font-size:clamp(28px,4vw,46px);margin:0;line-height:1}.footer-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:34px;max-width:1180px;margin:auto}.footer-logo{font-size:24px;font-weight:900}.footer-logo span{color:var(--yellow)}.footer p,.footer a{color:var(--muted);line-height:1.8}.footer h4{color:#fff}.footer a{display:block}.socials{display:flex;gap:14px;flex-wrap:wrap}.copyright{max-width:1180px;margin:40px auto 0;color:#717989;border-top:1px solid var(--line);padding-top:20px}.copyright a{display:inline;color:var(--yellow)}@media(max-width:1120px){.main-nav{gap:10px}.main-nav a{font-size:12px}.cards{grid-template-columns:repeat(2,1fr)}.portfolio-grid,.image-cards,.price-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:940px){.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#07080b;padding:20px 5vw;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.hero-content,.feature,.split,.cta,.footer-cta{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:auto}.hero-card{display:none}}@media(max-width:600px){.cards,.timeline,.portfolio-grid,.image-cards,.price-grid,.stats,.footer-grid{grid-template-columns:1fr}.cta,.footer-cta{padding:30px}.section{padding:64px 5vw}.site-header{padding:13px 5vw}.feature-img img{height:360px}.hero h1,.page-hero h1{font-size:42px}}


/* v7 Enterprise upgrades */
.service-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:0 5vw 42px;position:relative;z-index:4}.service-pill{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:999px;padding:14px 16px;font-weight:900;text-align:center;color:#e9edf7}.service-pill:hover{color:var(--yellow);border-color:rgba(255,208,0,.45)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:26px;padding:26px}.trust-card strong{color:var(--yellow);font-size:15px;text-transform:uppercase;letter-spacing:.12em}.trust-card h3{font-size:24px;margin:12px 0 8px}.brand-cloud{display:flex;flex-wrap:wrap;gap:12px}.brand-cloud span{border:1px solid var(--line);background:rgba(255,255,255,.06);padding:12px 15px;border-radius:999px;font-weight:900;color:#dfe6f5}.faq-list{display:grid;gap:14px}.faq-item{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.faq-item h3{margin:0 0 8px;font-size:21px}.faq-item p{margin:0;color:var(--muted)}.wizard{display:grid;gap:18px}.wizard-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wizard-options label{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:16px;background:#0c0f15;color:#e9edf7;font-weight:800}.mini-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.legal-content{max-width:980px}.legal-content h2{font-size:32px;margin-top:44px}.legal-content p,.legal-content li{color:#d5dceb;line-height:1.8}.highlight-box{padding:26px;border-radius:24px;background:linear-gradient(135deg,rgba(255,208,0,.16),rgba(255,138,0,.08));border:1px solid rgba(255,208,0,.28)}.floating-actions{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;gap:10px}.floating-actions a{background:linear-gradient(135deg,var(--yellow),var(--orange));color:#080808;font-weight:900;border-radius:999px;padding:12px 16px;box-shadow:0 14px 35px rgba(0,0,0,.35)}.floating-actions a:first-child{background:#fff}.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.trust-row span{font-size:12px;font-weight:900;border:1px solid rgba(255,208,0,.28);color:#ffe57a;border-radius:999px;padding:7px 10px}.comparison{width:100%;border-collapse:separate;border-spacing:0 10px}.comparison th,.comparison td{text-align:left;padding:16px;background:rgba(255,255,255,.055);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison th:first-child,.comparison td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px}.comparison th:last-child,.comparison td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0}.local-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.local-grid span{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center;font-weight:900}.notice.success{background:rgba(92,200,255,.1);border-color:rgba(92,200,255,.3);color:#dff6ff}@media(max-width:1120px){.service-strip{grid-template-columns:repeat(3,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.local-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.service-strip,.trust-grid,.wizard-options,.mini-form-grid,.local-grid{grid-template-columns:1fr}.floating-actions{left:12px;right:12px;justify-content:center}.floating-actions a{flex:1;text-align:center}.comparison{font-size:13px}.comparison th,.comparison td{padding:12px}}

.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}

/* v7.1 brand logo grid fix */
.brands-section{position:relative;overflow:hidden}.brands-section:before{content:"";position:absolute;right:-12%;top:8%;width:520px;height:520px;background:radial-gradient(circle,rgba(255,208,0,.12),transparent 62%);pointer-events:none}.brand-logo-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.brand-tile{min-height:96px;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 45px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,background .22s ease}.brand-tile:hover{transform:translateY(-4px);border-color:rgba(255,208,0,.42);background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.04))}.brand-tile strong{font-size:clamp(18px,2vw,28px);line-height:1;color:#fff;letter-spacing:-.02em;white-space:nowrap}.brand-microsoft strong{font-size:22px}.ms-squares{display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:3px;flex:0 0 auto}.ms-squares i:nth-child(1){background:#f25022}.ms-squares i:nth-child(2){background:#7fba00}.ms-squares i:nth-child(3){background:#00a4ef}.ms-squares i:nth-child(4){background:#ffb900}.brand-intel strong{text-transform:lowercase;font-weight:900}.brand-amd strong,.brand-nvidia strong,.brand-asus strong,.brand-gigabyte strong,.brand-samsung strong,.brand-qnap strong{font-weight:950;letter-spacing:.02em}.brand-nvidia strong{color:#76b900}.brand-msi strong,.brand-hikvision strong{color:#ff3030}.brand-lenovo strong{background:#e2231a;color:#fff;padding:8px 12px;border-radius:3px}.brand-hp strong{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0096d6;font-style:italic;text-transform:lowercase}.brand-dell strong{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #008bd2;color:#7ed9ff;font-size:20px}.brand-apple strong:before{content:"";font-family:Arial,sans-serif;margin-right:8px}.brand-tplink strong{color:#61d6d6}.brand-corsair strong,.brand-kingston strong,.brand-crucial strong,.brand-wd strong,.brand-seagate strong,.brand-logitech strong{font-size:22px}.brand-note{position:relative;z-index:1;width:max-content;max-width:100%;margin:28px auto 0;padding:16px 22px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-weight:850;color:#eaf0fb}.brand-note span{color:var(--yellow);font-weight:950;margin-right:8px}@media(max-width:1180px){.brand-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:780px){.brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-tile{min-height:82px}.brand-note{border-radius:20px;text-align:center}}@media(max-width:440px){.brand-logo-grid{grid-template-columns:1fr}.brand-tile strong{font-size:24px}}


/* v7.2 hard fix: brand section must render as cards, never as plain vertical text */
.brands-section .brand-logo-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;gap:14px!important;align-items:stretch!important;margin-top:28px!important;list-style:none!important;padding:0!important}
.brands-section .brand-logo-grid .brand-tile{display:flex!important;align-items:center!important;justify-content:center!important;min-height:92px!important;padding:18px 20px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 45px rgba(0,0,0,.22)!important;text-align:center!important;overflow:hidden!important}
.brands-section .brand-logo-grid .brand-tile strong{display:block!important;width:auto!important;height:auto!important;margin:0!important;font-size:clamp(18px,1.8vw,27px)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.03em!important;color:#fff!important;white-space:nowrap!important;text-transform:none!important}
.brands-section .brand-logo-grid .brand-microsoft{gap:12px!important}
.brands-section .brand-logo-grid .brand-microsoft strong{font-size:21px!important}
.brands-section .brand-logo-grid .brand-intel strong{text-transform:lowercase!important;font-size:30px!important}
.brands-section .brand-logo-grid .brand-amd strong,.brands-section .brand-logo-grid .brand-nvidia strong,.brands-section .brand-logo-grid .brand-asus strong,.brands-section .brand-logo-grid .brand-msi strong,.brands-section .brand-logo-grid .brand-gigabyte strong,.brands-section .brand-logo-grid .brand-qnap strong{font-size:26px!important;letter-spacing:.02em!important}
.brands-section .brand-logo-grid .brand-nvidia strong{color:#76b900!important}
.brands-section .brand-logo-grid .brand-msi strong,.brands-section .brand-logo-grid .brand-hikvision strong{color:#ff3434!important}
.brands-section .brand-logo-grid .brand-lenovo strong{background:#e2231a!important;color:#fff!important;padding:9px 13px!important;border-radius:3px!important}
.brands-section .brand-logo-grid .brand-hp strong{width:58px!important;height:58px!important;border-radius:50%!important;background:#0096d6!important;display:flex!important;align-items:center!important;justify-content:center!important;font-style:italic!important;text-transform:lowercase!important;font-size:28px!important}
.brands-section .brand-logo-grid .brand-dell strong{width:62px!important;height:62px!important;border-radius:50%!important;border:3px solid #008bd2!important;color:#7ed9ff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important}
.brands-section .brand-logo-grid .brand-samsung strong{letter-spacing:.12em!important;font-size:22px!important}
.brands-section .brand-logo-grid .brand-acer strong{text-transform:lowercase!important}
.brands-section .brand-logo-grid .brand-tplink strong{color:#61d6d6!important}
.brands-section .brand-logo-grid .brand-tile:hover{transform:translateY(-4px)!important;border-color:rgba(255,208,0,.44)!important}
@media(max-width:680px){.brands-section .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.brands-section .brand-logo-grid .brand-tile{min-height:78px!important}.brands-section .brand-logo-grid .brand-tile strong{font-size:20px!important}}
@media(max-width:420px){.brands-section .brand-logo-grid{grid-template-columns:1fr!important}}

/* v7.3 premium brand logo wall - production fix */
.brands-section{
  padding-top:100px!important;
  padding-bottom:100px!important;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,208,0,.11), transparent 28%),
    linear-gradient(180deg, rgba(8,10,15,.35), rgba(5,6,8,.05));
}
.brands-section .section-head{
  max-width:1120px!important;
  margin-bottom:42px!important;
}
.brands-section .section-head h2{
  max-width:940px!important;
  font-size:clamp(42px,5.6vw,86px)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
}
.brands-section .section-head p{
  max-width:920px!important;
  color:#d8e0ef!important;
  font-size:clamp(16px,1.15vw,20px)!important;
  line-height:1.65!important;
}
.brands-section .brand-logo-grid{
  width:100%!important;
  max-width:1760px!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:16px!important;
  margin:34px 0 0!important;
  padding:0!important;
  list-style:none!important;
  align-items:stretch!important;
}
.brands-section .brand-logo-grid .brand-tile{
  position:relative!important;
  min-width:0!important;
  min-height:102px!important;
  padding:20px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 48px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
  text-align:center!important;
}
.brands-section .brand-logo-grid .brand-tile:after{
  content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%);opacity:.5;pointer-events:none;
}
.brands-section .brand-logo-grid .brand-tile strong{
  position:relative!important;z-index:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  max-width:100%!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;
  font-size:clamp(18px,1.35vw,25px)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.03em!important;
  color:#fff!important;white-space:nowrap!important;text-transform:none!important;text-shadow:0 1px 12px rgba(0,0,0,.35)!important;
}
.brands-section .ms-squares{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(2,13px)!important;grid-template-rows:repeat(2,13px)!important;gap:3px!important;flex:0 0 auto!important}
.brands-section .ms-squares i{display:block!important;width:13px!important;height:13px!important}
.brands-section .brand-microsoft strong{font-size:22px!important;letter-spacing:-.04em!important}
.brands-section .brand-intel strong{font-size:34px!important;text-transform:lowercase!important;font-weight:950!important;letter-spacing:-.08em!important}
.brands-section .brand-amd strong{font-size:30px!important;letter-spacing:.02em!important}
.brands-section .brand-nvidia strong{font-size:28px!important;color:#76b900!important;letter-spacing:.01em!important}
.brands-section .brand-asus strong{font-size:30px!important;letter-spacing:.04em!important}
.brands-section .brand-msi strong{font-size:30px!important;color:#ff3b3b!important;letter-spacing:.02em!important}
.brands-section .brand-gigabyte strong{font-size:25px!important;letter-spacing:.02em!important}
.brands-section .brand-lenovo strong{background:#e2231a!important;color:#fff!important;padding:10px 14px!important;border-radius:2px!important;font-size:24px!important;letter-spacing:-.04em!important}
.brands-section .brand-hp strong{width:62px!important;height:62px!important;border-radius:50%!important;background:#0096d6!important;font-size:31px!important;font-style:italic!important;text-transform:lowercase!important;letter-spacing:-.07em!important}
.brands-section .brand-dell strong{width:66px!important;height:66px!important;border-radius:50%!important;border:3px solid #008bd2!important;color:#7ed9ff!important;font-size:19px!important;letter-spacing:-.03em!important}
.brands-section .brand-acer strong{font-size:28px!important;text-transform:lowercase!important;letter-spacing:-.05em!important}
.brands-section .brand-apple strong{font-size:26px!important}
.brands-section .brand-apple strong:before{content:"";font-family:Arial,sans-serif;margin-right:8px;font-size:26px!important;line-height:1!important}
.brands-section .brand-samsung strong{font-size:22px!important;letter-spacing:.16em!important}
.brands-section .brand-hikvision strong{font-size:25px!important;color:#ff3434!important;letter-spacing:-.03em!important}
.brands-section .brand-synology strong,.brands-section .brand-qnap strong,.brands-section .brand-ubiquiti strong,.brands-section .brand-tplink strong,.brands-section .brand-corsair strong,.brands-section .brand-kingston strong,.brands-section .brand-crucial strong,.brands-section .brand-wd strong,.brands-section .brand-seagate strong,.brands-section .brand-logitech strong{font-size:24px!important;letter-spacing:-.04em!important}
.brands-section .brand-tplink strong{color:#61d6d6!important}.brands-section .brand-seagate strong{color:#86d957!important}
.brands-section .brand-note{
  width:max-content!important;max-width:100%!important;margin:30px auto 0!important;padding:17px 24px!important;border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.15)!important;
  color:#eef3fb!important;font-size:17px!important;font-weight:850!important;text-align:center!important;box-shadow:0 18px 48px rgba(0,0,0,.2)!important;
}
.brands-section .brand-note span{color:var(--yellow)!important;margin-right:8px!important;font-weight:950!important}
@media(max-width:1500px){.brands-section .brand-logo-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.brands-section .brand-logo-grid .brand-tile strong{font-size:22px!important}.brands-section .brand-microsoft strong{font-size:20px!important}}
@media(max-width:1180px){.brands-section .brand-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){.brands-section .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.brands-section .brand-logo-grid .brand-tile{min-height:86px!important}.brands-section .section-head h2{font-size:42px!important}.brands-section .brand-note{border-radius:20px!important}}
@media(max-width:430px){.brands-section .brand-logo-grid{grid-template-columns:1fr!important}}


/* v7.4 exact premium brand wall + Microsoft Business Partner production update */
.brand-text{display:flex!important;flex-direction:column!important;gap:0!important;line-height:1.05!important}.brand-text strong{font-size:20px!important;letter-spacing:-.02em!important}.brand-text small{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.15em!important;color:#cfd5e1!important}.site-header{padding:16px 5vw!important}.main-nav a{font-size:14px!important}.shop-link{padding:13px 18px!important}.btn-small{padding:13px 22px!important}.brandwall-exact{padding:96px 5vw 112px!important;background:radial-gradient(circle at 84% 10%,rgba(255,208,0,.08),transparent 32%),linear-gradient(180deg,#080a0f 0%,#050608 100%)!important;border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.brandwall-exact .section-head{max-width:1060px!important;margin:0 0 26px!important}.brandwall-exact .eyebrow{font-size:14px!important;letter-spacing:.18em!important;margin-bottom:22px!important}.brandwall-exact h2{font-size:clamp(56px,5.8vw,94px)!important;line-height:.98!important;letter-spacing:-.075em!important;margin:0 0 22px!important;color:#f9fbff!important;text-shadow:0 8px 30px rgba(0,0,0,.42)!important}.brandwall-exact .yellow-dot{color:var(--yellow)!important}.brandwall-exact p{max-width:900px!important;font-size:clamp(18px,1.25vw,22px)!important;line-height:1.5!important;color:#f3f6fb!important;margin:0!important}.brandwall-exact mark{background:transparent!important;color:var(--yellow)!important;font-weight:900!important}.brand-accent{width:80px!important;height:3px!important;background:var(--yellow)!important;margin:34px 0 26px!important}.brandwall-exact .brand-logo-grid{max-width:1780px!important;width:100%!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:14px!important;margin:0!important;padding:0!important;list-style:none!important}.brandwall-exact .brand-tile{min-width:0!important;height:96px!important;min-height:96px!important;padding:16px 18px!important;border-radius:11px!important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 40px rgba(0,0,0,.24)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;overflow:hidden!important;transition:.2s ease!important}.brandwall-exact .brand-tile:hover{transform:translateY(-3px)!important;border-color:rgba(255,208,0,.44)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 55px rgba(0,0,0,.33)!important}.brandwall-exact .brand-tile strong{position:relative!important;z-index:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;text-align:center!important;color:#fff!important;font-weight:950!important;line-height:.98!important;font-size:clamp(22px,1.45vw,32px)!important;letter-spacing:-.045em!important;white-space:normal!important;text-shadow:0 2px 14px rgba(0,0,0,.5)!important}.brandwall-exact .brand-tile small{display:block;width:100%;font-size:10px!important;letter-spacing:.16em!important;margin-top:2px!important}.brandwall-exact .ms-squares{display:grid!important;grid-template-columns:repeat(2,15px)!important;grid-template-rows:repeat(2,15px)!important;gap:3px!important;flex:0 0 auto!important}.brandwall-exact .ms-squares i:nth-child(1),.msp-badge .ms-squares i:nth-child(1){background:#f25022!important}.brandwall-exact .ms-squares i:nth-child(2),.msp-badge .ms-squares i:nth-child(2){background:#7fba00!important}.brandwall-exact .ms-squares i:nth-child(3),.msp-badge .ms-squares i:nth-child(3){background:#00a4ef!important}.brandwall-exact .ms-squares i:nth-child(4),.msp-badge .ms-squares i:nth-child(4){background:#ffb900!important}.brandwall-exact .brand-microsoft strong{font-size:31px!important;letter-spacing:-.055em!important}.brandwall-exact .brand-intel strong{font-size:42px!important;text-transform:lowercase!important;letter-spacing:-.09em!important}.brandwall-exact .brand-amd strong{font-size:34px!important;letter-spacing:.02em!important}.brandwall-exact .brand-nvidia strong{font-size:30px!important;color:#fff!important}.brandwall-exact .brand-nvidia strong::first-letter{color:#76b900!important}.brandwall-exact .brand-asus strong{font-size:35px!important;letter-spacing:.06em!important}.brandwall-exact .brand-msi strong{font-size:33px!important;font-style:italic!important}.brandwall-exact .brand-gigabyte strong{font-size:28px!important;letter-spacing:.02em!important}.brandwall-exact .brand-lenovo strong{background:#e2231a!important;color:#fff!important;padding:9px 12px!important;border-radius:1px!important;font-size:31px!important;letter-spacing:-.055em!important}.brandwall-exact .brand-hp strong{width:64px!important;height:64px!important;border-radius:50%!important;background:#0096d6!important;color:#07141b!important;font-size:31px!important;font-style:italic!important;text-transform:lowercase!important;letter-spacing:-.08em!important}.brandwall-exact .brand-dell strong{width:62px!important;height:62px!important;border-radius:50%!important;border:3px solid #008bd2!important;color:#6fd3ff!important;font-size:20px!important;letter-spacing:-.035em!important}.brandwall-exact .brand-apple strong{font-size:0!important}.brandwall-exact .brand-apple strong:before{content:''!important;font-size:54px!important;font-family:Arial,sans-serif!important;color:#fff!important}.brandwall-exact .brand-samsung strong{font-size:25px!important;letter-spacing:.16em!important}.brandwall-exact .brand-hikvision strong{color:#ff3030!important;font-size:29px!important;font-style:italic!important}.brandwall-exact .brand-synology strong{font-family:Georgia,serif!important;font-size:32px!important}.brandwall-exact .brand-qnap strong{font-size:34px!important;letter-spacing:.03em!important}.brandwall-exact .brand-ubiquiti strong{font-size:20px!important;letter-spacing:.04em!important}.brandwall-exact .brand-tplink strong{font-size:29px!important;color:#5dd6d6!important}.brandwall-exact .brand-corsair strong{font-size:25px!important;letter-spacing:.13em!important}.brandwall-exact .brand-kingston strong{font-family:Georgia,serif!important;font-size:28px!important}.brandwall-exact .brand-crucial strong{font-size:28px!important}.brandwall-exact .brand-wd strong{font-size:20px!important}.brandwall-exact .brand-seagate strong{font-size:22px!important;letter-spacing:.22em!important;color:#fff!important}.brandwall-exact .brand-aoc strong{font-size:43px!important;letter-spacing:-.08em!important}.brandwall-exact .brand-logitech strong{font-size:29px!important;letter-spacing:-.06em!important}.brandwall-exact .brand-epson strong{font-size:34px!important;letter-spacing:-.05em!important}.brandwall-exact .brand-brother strong{font-size:34px!important;letter-spacing:-.08em!important}.brandwall-exact .brand-canon strong{font-family:Georgia,serif!important;font-size:39px!important;color:#e02020!important}.brandwall-exact .brand-kaspersky strong{font-size:25px!important;color:#18a886!important;letter-spacing:-.04em!important}.brandwall-exact .brand-note{width:max-content!important;max-width:100%!important;margin:26px auto 0!important;padding:20px 34px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 20px 58px rgba(0,0,0,.32)!important;color:#fff!important;font-size:21px!important;font-weight:850!important;text-align:center!important}.brandwall-exact .brand-note span{color:var(--yellow)!important;margin-right:16px!important}.microsoft-partner-section{padding-top:70px!important}.msp-card{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:center;max-width:1180px;margin:auto;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);border-radius:32px;padding:38px;box-shadow:0 30px 90px rgba(0,0,0,.32)}.msp-card h2{font-size:clamp(34px,4.3vw,58px);line-height:1;margin:0 0 18px;letter-spacing:-.05em}.msp-card p{color:#d8e0ee;font-size:18px}.msp-badge{min-height:250px;border-radius:26px;border:1px solid rgba(255,255,255,.18);background:#fff;color:#171717;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;box-shadow:0 28px 75px rgba(0,0,0,.35)}.msp-badge .ms-squares{display:grid;grid-template-columns:repeat(2,24px);grid-template-rows:repeat(2,24px);gap:5px;margin-bottom:18px}.msp-badge .ms-squares i{display:block}.msp-badge strong{font-size:31px;line-height:1.04;letter-spacing:-.04em}.msp-badge small{margin-top:16px;color:#555;font-weight:800}.msp-badge .partner-legal{font-size:11px;color:#777;font-weight:600}.floating-actions{z-index:49!important}@media(max-width:1500px){.brandwall-exact .brand-logo-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}.brandwall-exact .brand-tile{height:88px!important;min-height:88px!important}.brandwall-exact .brand-tile strong{font-size:24px!important}.brandwall-exact .brand-microsoft strong{font-size:26px!important}.brandwall-exact .brand-intel strong{font-size:36px!important}}@media(max-width:1180px){.brandwall-exact .brand-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.msp-card{grid-template-columns:1fr}}@media(max-width:760px){.brand-text small{display:none!important}.brandwall-exact{padding-top:72px!important}.brandwall-exact h2{font-size:43px!important}.brandwall-exact p{font-size:17px!important}.brandwall-exact .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.brandwall-exact .brand-tile{height:78px!important;min-height:78px!important}.brandwall-exact .brand-note{font-size:16px!important;border-radius:18px!important;padding:16px 18px!important}.msp-card{padding:24px}.msp-badge{min-height:210px}}@media(max-width:430px){.brandwall-exact .brand-logo-grid{grid-template-columns:1fr!important}.site-header{padding:12px 4vw!important}}


/* ==============================
   JDC v8 Premium Enterprise upgrade
   ============================== */
.site-header{height:88px!important;padding:14px 4.2vw!important;background:linear-gradient(180deg,rgba(5,7,11,.98),rgba(5,7,11,.78))!important;box-shadow:0 10px 34px rgba(0,0,0,.22)!important}.brand-mark{width:54px!important;height:54px!important;display:grid!important;place-items:center!important;border-radius:15px!important;font-size:18px!important}.brand-text strong{font-size:22px!important}.main-nav{gap:19px!important}.main-nav a{font-size:14px!important}.shop-link{padding:13px 22px!important;border:1px solid rgba(255,208,0,.68)!important}.btn-small{padding:14px 25px!important}.hero{padding-top:150px!important}.hero h1{max-width:980px!important}.section{position:relative}.microsoft-partner-strip{padding:76px 5vw 36px!important;background:linear-gradient(180deg,#06070a,#080b12)!important}.msp-premium-card{max-width:1450px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:36px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:34px;padding:42px;background:radial-gradient(circle at 82% 8%,rgba(255,208,0,.18),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 34px 95px rgba(0,0,0,.38)}.msp-copy h2{font-size:clamp(38px,4.6vw,68px);line-height:.96;margin:0 0 18px;letter-spacing:-.065em}.msp-copy p{max-width:860px;color:#d9e1ef;font-size:19px}.official-logo-slot{min-height:255px;border-radius:28px;background:#fff;color:#111;display:grid;place-items:center;padding:26px;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden}.official-logo-slot>img{max-width:100%;max-height:210px;object-fit:contain}.partner-fallback{display:none;min-height:205px;width:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px}.partner-fallback .ms-squares,.msp-badge .ms-squares{display:grid!important;grid-template-columns:repeat(2,25px);grid-template-rows:repeat(2,25px);gap:5px}.partner-fallback .ms-squares i{display:block}.partner-fallback strong{font-size:34px;line-height:1;letter-spacing:-.04em}.partner-fallback small{font-size:12px;line-height:1.4;color:#555;font-weight:700;max-width:280px}.brandwall-exact{padding:96px 3.6vw 112px!important;background:radial-gradient(circle at 72% 0,rgba(255,208,0,.06),transparent 35%),linear-gradient(180deg,#07090e,#030406)!important}.brandwall-exact .section-head{max-width:1120px!important}.brandwall-exact h2{font-size:clamp(58px,5.55vw,92px)!important;line-height:.98!important;letter-spacing:-.07em!important}.brandwall-exact p{font-size:clamp(18px,1.25vw,22px)!important;color:#f1f5fb!important;max-width:940px!important}.brand-accent{margin:34px 0 28px!important}.brandwall-exact .brand-logo-grid{max-width:1810px!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:14px!important}.brandwall-exact .brand-tile{height:98px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.021))!important;border-color:rgba(255,255,255,.15)!important}.brandwall-exact .brand-tile strong{font-weight:950!important}.brandwall-exact .brand-note{margin-top:30px!important}.section-head h2 mark,.msp-copy mark{background:transparent;color:var(--yellow)}.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.trust-card{min-height:260px!important}.cta{margin:70px 5vw 40px!important;background:radial-gradient(circle at 85% 0,rgba(255,208,0,.25),transparent 32%),linear-gradient(135deg,#111724,#07090e)!important;border:1px solid rgba(255,208,0,.23)!important}.footer-cta{background:linear-gradient(135deg,rgba(255,208,0,.11),rgba(255,255,255,.035))!important;border:1px solid rgba(255,208,0,.18)!important}
@media(max-width:1280px){.msp-premium-card{grid-template-columns:1fr}.brandwall-exact .brand-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.main-nav{gap:12px!important}.main-nav a{font-size:12px!important}}
@media(max-width:760px){.site-header{height:auto!important}.msp-premium-card{padding:24px;border-radius:24px}.official-logo-slot{min-height:210px}.brandwall-exact{padding-left:5vw!important;padding-right:5vw!important}.brandwall-exact .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.brandwall-exact h2{font-size:43px!important}.trust-grid{grid-template-columns:1fr!important}}
@media(max-width:430px){.brandwall-exact .brand-logo-grid{grid-template-columns:1fr!important}}


/* v8.1 - corrected professional brand logo wall */
.brandwall-exact{
  overflow:hidden!important;
  padding:96px 3.6vw 104px!important;
}
.brandwall-exact .section-head{
  max-width:1120px!important;
  margin-bottom:0!important;
}
.brandwall-exact .brand-logo-grid{
  max-width:1810px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.brandwall-exact .brand-tile{
  height:98px!important;
  min-height:98px!important;
  width:100%!important;
  padding:0 26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.023))!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.23)!important;
}
.brandwall-exact .brand-tile img{
  display:block!important;
  width:100%!important;
  height:64px!important;
  max-width:190px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.38));
}
.brandwall-exact .brand-microsoft img{max-width:205px!important;height:66px!important;}
.brandwall-exact .brand-gigabyte img,
.brandwall-exact .brand-hikvision img,
.brandwall-exact .brand-western img,
.brandwall-exact .brand-wd img{max-width:210px!important;}
.brandwall-exact .brand-hp img,.brandwall-exact .brand-dell img{max-width:128px!important;height:66px!important;}
.brandwall-exact .brand-lenovo img{max-width:160px!important;}
.brandwall-exact .brand-apple img{max-width:135px!important;}
.brandwall-exact .brand-note{
  width:fit-content!important;
  max-width:min(100%,760px)!important;
  margin:28px auto 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
}
@media(max-width:1500px){
  .brandwall-exact .brand-logo-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:12px!important;}
  .brandwall-exact .brand-tile{height:88px!important;min-height:88px!important;padding:0 18px!important;}
  .brandwall-exact .brand-tile img{height:58px!important;max-width:170px!important;}
}
@media(max-width:1180px){
  .brandwall-exact .brand-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .brandwall-exact .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .brandwall-exact .brand-tile{height:82px!important;min-height:82px!important;}
}
@media(max-width:430px){
  .brandwall-exact .brand-logo-grid{grid-template-columns:1fr!important;}
}


/* v8.2 - final local brandwall: clean SVG logo files, no clipped text, no fake generated artefacts */
.brandwall-exact{
  padding:96px 3.2vw 112px!important;
  overflow:hidden!important;
}
.brandwall-exact .section-head{
  max-width:1180px!important;
  margin:0 0 34px 0!important;
}
.brandwall-exact h2{
  max-width:1080px!important;
}
.brandwall-exact p mark,
.brandwall-exact .brand-note mark{
  background:transparent!important;
  color:var(--yellow)!important;
}
.brandwall-exact .brand-logo-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(178px,1fr))!important;
  gap:14px!important;
  max-width:1840px!important;
  margin:0 auto!important;
  align-items:stretch!important;
}
.brandwall-exact .brand-tile{
  height:104px!important;
  min-height:104px!important;
  padding:16px 22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.032))!important;
  border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 45px rgba(0,0,0,.25)!important;
}
.brandwall-exact .brand-tile img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:78px!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.18))!important;
}
.brandwall-exact .brand-note{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:max-content!important;
  max-width:calc(100% - 32px)!important;
  margin:30px auto 0!important;
  padding:18px 34px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:850!important;
  text-align:center!important;
}
@media(max-width:1500px){
  .brandwall-exact .brand-logo-grid{grid-template-columns:repeat(5,minmax(165px,1fr))!important;}
}
@media(max-width:1050px){
  .brandwall-exact .brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .brandwall-exact .brand-tile{height:96px!important;min-height:96px!important;}
}
@media(max-width:700px){
  .brandwall-exact .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .brandwall-exact .brand-tile{height:84px!important;min-height:84px!important;padding:13px!important;}
  .brandwall-exact .brand-note{font-size:15px!important;padding:14px 18px!important;}
}
@media(max-width:430px){
  .brandwall-exact .brand-logo-grid{grid-template-columns:1fr!important;}
}


/* v8.3 production fix - clean, accurate brand cards. No broken pseudo-logo SVGs. */
.brandwall-clean{
  padding:92px 3.2vw 108px!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,208,0,.065),transparent 22%),
    radial-gradient(circle at 80% 24%,rgba(92,200,255,.04),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.08))!important;
  overflow:hidden!important;
}
.brandwall-clean .section-head{max-width:1120px!important;margin:0 0 28px!important}
.brandwall-clean .section-head h2{font-size:clamp(42px,5.6vw,92px)!important;line-height:.95!important;letter-spacing:-.07em!important;margin:0 0 22px!important}
.brandwall-clean .section-head p{max-width:880px!important;color:#d9e1f3!important;font-size:clamp(16px,1.25vw,21px)!important;line-height:1.55!important}
.brandwall-clean .section-head mark,.brandwall-clean .brand-note mark{background:transparent!important;color:var(--yellow)!important}
.brandwall-clean .brand-accent{width:76px!important;height:3px!important;background:var(--yellow)!important;border-radius:999px!important;margin:26px 0 26px!important;box-shadow:0 0 26px rgba(255,208,0,.42)!important}
.brandwall-clean .brand-logo-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(170px,1fr))!important;
  gap:14px!important;
  max-width:1840px!important;
  margin:0 auto!important;
  padding:0!important;
  align-items:stretch!important;
}
.brandwall-clean .brand-tile{
  height:96px!important;
  min-height:96px!important;
  padding:0 22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 42px rgba(0,0,0,.28)!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease!important;
}
.brandwall-clean .brand-tile:hover{transform:translateY(-3px)!important;border-color:rgba(255,208,0,.48)!important;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045))!important}
.brandwall-clean .brand-tile span{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#fff!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(18px,1.45vw,28px)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  text-shadow:0 1px 0 rgba(0,0,0,.35)!important;
}
.brandwall-clean .brand-microsoft span{font-size:clamp(18px,1.35vw,25px)!important}
.brandwall-clean .brand-gigabyte span,.brandwall-clean .brand-western-digital span{font-size:clamp(16px,1.2vw,23px)!important;letter-spacing:-.04em!important}
.brandwall-clean .brand-hikvision span,.brandwall-clean .brand-msi span,.brandwall-clean .brand-canon span{color:#ff3038!important}
.brandwall-clean .brand-nvidia span,.brandwall-clean .brand-seagate span{color:#76b900!important}
.brandwall-clean .brand-hp span{width:54px!important;height:54px!important;border-radius:50%!important;background:#0096d6!important;display:flex!important;align-items:center!important;justify-content:center!important;text-transform:lowercase!important;font-style:italic!important;font-size:28px!important}
.brandwall-clean .brand-lenovo span{background:#e2231a!important;padding:9px 13px!important;border-radius:4px!important;color:#fff!important}
.brandwall-clean .brand-dell span{width:58px!important;height:58px!important;border:3px solid #008bd2!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#eaf8ff!important;font-size:19px!important;letter-spacing:-.05em!important}
.brandwall-clean .brand-tp-link span,.brandwall-clean .brand-kaspersky span{color:#4fd6ce!important}
.brandwall-clean .brand-note{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:max-content!important;max-width:calc(100% - 32px)!important;margin:30px auto 0!important;padding:18px 34px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;font-size:20px!important;font-weight:850!important;text-align:center!important}
@media(max-width:1500px){.brandwall-clean .brand-logo-grid{grid-template-columns:repeat(5,minmax(165px,1fr))!important}}
@media(max-width:1050px){.brandwall-clean .brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.brandwall-clean .brand-tile{height:92px!important;min-height:92px!important}}
@media(max-width:700px){.brandwall-clean .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.brandwall-clean .brand-tile{height:82px!important;min-height:82px!important;padding:0 14px!important}.brandwall-clean .brand-note{font-size:15px!important;padding:14px 18px!important}.brandwall-clean .section-head h2{font-size:42px!important}}
@media(max-width:430px){.brandwall-clean .brand-logo-grid{grid-template-columns:1fr!important}}


/* v9 real brand assets - official uploaded SVG/PNG logo wall */
.brandwall-exact.brandwall-real{
  padding:96px 3.6vw 112px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 0, rgba(255,208,0,.075), transparent 36%),
    linear-gradient(180deg,#07090e 0%,#030406 100%)!important;
}
.brandwall-exact.brandwall-real .section-head{max-width:1180px!important;margin:0 0 0!important;text-align:left!important;}
.brandwall-exact.brandwall-real h2{font-size:clamp(54px,5.4vw,94px)!important;line-height:.98!important;letter-spacing:-.07em!important;margin-bottom:22px!important;}
.brandwall-exact.brandwall-real p{max-width:930px!important;font-size:clamp(17px,1.2vw,21px)!important;color:#eef3fb!important;line-height:1.55!important;}
.brandwall-exact.brandwall-real .brand-accent{width:74px!important;height:3px!important;background:var(--yellow)!important;margin:34px 0 28px!important;border-radius:999px!important;}
.brandwall-exact.brandwall-real .brand-logo-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:1810px!important;
  margin:0!important;
  align-items:stretch!important;
}
.brandwall-exact.brandwall-real .brand-tile{
  height:98px!important;
  min-height:98px!important;
  width:auto!important;
  padding:22px 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.028))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 45px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}
.brandwall-exact.brandwall-real .brand-tile:before,
.brandwall-exact.brandwall-real .brand-tile:after{content:none!important;display:none!important;}
.brandwall-exact.brandwall-real .brand-tile img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:190px!important;
  max-height:58px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
}
.brandwall-exact.brandwall-real .brand-tile span,
.brandwall-exact.brandwall-real .brand-tile strong{display:none!important;}
.brandwall-exact.brandwall-real .brand-apple img,
.brandwall-exact.brandwall-real .brand-amd img,
.brandwall-exact.brandwall-real .brand-corsair img{
  filter:brightness(0) invert(1)!important;
}
.brandwall-exact.brandwall-real .brand-aoc img{
  filter:none!important;
  background:#fff!important;
  border-radius:8px!important;
  padding:6px!important;
}
.brandwall-exact.brandwall-real .brand-hp img,
.brandwall-exact.brandwall-real .brand-dell img{max-height:64px!important;max-width:82px!important;}
.brandwall-exact.brandwall-real .brand-apple img{max-height:56px!important;max-width:62px!important;}
.brandwall-exact.brandwall-real .brand-lenovo img{max-width:145px!important;max-height:48px!important;}
.brandwall-exact.brandwall-real .brand-samsung img{max-width:172px!important;}
.brandwall-exact.brandwall-real .brand-hikvision img{max-width:172px!important;}
.brandwall-exact.brandwall-real .brand-ubiquiti img{max-width:165px!important;}
.brandwall-exact.brandwall-real .brand-western-digital img{max-width:170px!important;}
.brandwall-exact.brandwall-real .brand-note{
  width:max-content!important;max-width:100%!important;margin:30px auto 0!important;padding:20px 34px!important;
  border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032))!important;
  border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 20px 58px rgba(0,0,0,.32)!important;
  color:#fff!important;font-size:21px!important;font-weight:850!important;text-align:center!important;
}
@media(max-width:1500px){.brandwall-exact.brandwall-real .brand-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.brandwall-exact.brandwall-real .brand-tile{height:94px!important}}
@media(max-width:1050px){.brandwall-exact.brandwall-real .brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.brandwall-exact.brandwall-real .brand-tile{height:90px!important}}
@media(max-width:620px){.brandwall-exact.brandwall-real{padding-left:5vw!important;padding-right:5vw!important}.brandwall-exact.brandwall-real .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.brandwall-exact.brandwall-real .brand-tile{height:82px!important;padding:18px!important}.brandwall-exact.brandwall-real h2{font-size:42px!important}.brandwall-exact.brandwall-real .brand-note{font-size:15px!important;padding:15px 18px!important}}
@media(max-width:390px){.brandwall-exact.brandwall-real .brand-logo-grid{grid-template-columns:1fr!important}}


/* v9.1 black-logo readability fix - alleen donkere/zwart aangeleverde logo-assets worden wit gemaakt */
.brandwall-exact.brandwall-real .brand-nvidia img,
.brandwall-exact.brandwall-real .brand-asus img,
.brandwall-exact.brandwall-real .brand-msi img,
.brandwall-exact.brandwall-real .brand-synology img,
.brandwall-exact.brandwall-real .brand-ubiquiti img,
.brandwall-exact.brandwall-real .brand-kingston img,
.brandwall-exact.brandwall-real .brand-crucial img,
.brandwall-exact.brandwall-real .brand-logitech img {
  filter: grayscale(1) brightness(0) invert(1) contrast(1.08) !important;
  opacity: .98 !important;
}

/* NVIDIA behoudt een subtiele groene herkenning via tile-accent, maar het logo zelf is leesbaar wit. */
.brandwall-exact.brandwall-real .brand-nvidia {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 45px rgba(0,0,0,.24), inset 0 -2px 0 rgba(118,185,0,.38) !important;
}

/* AOC had een witte achtergrond in de aangeleverde asset; op donkere cards houden we hem rustiger. */
.brandwall-exact.brandwall-real .brand-aoc img {
  background: transparent !important;
  padding: 0 !important;
  filter: none !important;
}


.cta{
  background:radial-gradient(circle at 82% 0,rgba(255,255,255,.42),transparent 34%),linear-gradient(135deg,#ffd000,#ff9f1c)!important;
  color:#07080b!important;
  border:1px solid rgba(255,208,0,.55)!important;
  box-shadow:0 28px 90px rgba(255,145,0,.24)!important;
}
.cta p{color:#161616!important;opacity:.92!important}.cta .btn{background:#050608!important;color:#fff!important}.contact-panel a{color:var(--yellow);font-weight:850}.notice.success strong{color:#fff}.footer strong{color:#fff}.floating-actions a:first-child{background:linear-gradient(135deg,#ffd000,#ff8a00);color:#080808;font-weight:950}.footer-cta{background:radial-gradient(circle at 80% 0,rgba(255,208,0,.2),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important}


.nav-socials{display:flex;align-items:center;gap:7px;margin-left:2px}
.nav-socials a{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase;letter-spacing:.03em}
.nav-socials a:hover{border-color:rgba(255,208,0,.55);background:rgba(255,208,0,.13);color:var(--yellow)!important}
.footer-social-icons{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.footer-social-icons a,.footer-contact-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);border-radius:999px;padding:9px 12px;color:#fff;font-weight:850;font-size:13px}
.footer-social-icons a:hover,.footer-contact-actions a:hover{border-color:rgba(255,208,0,.5);color:var(--yellow)}
.footer-contact-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.floating-actions-v11 a:first-child{background:linear-gradient(135deg,#25d366,#128c7e)!important;color:#fff!important}
.floating-actions-v11 a:nth-child(2){background:linear-gradient(135deg,#ffd000,#ff8a00)!important;color:#080808!important;font-weight:950!important}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.social-grid-v11{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.social-grid-v11 a{min-height:150px;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 18px 46px rgba(0,0,0,.22);transition:transform .22s ease,border-color .22s ease}
.social-grid-v11 a:hover{transform:translateY(-4px);border-color:rgba(255,208,0,.52)}
.social-grid-v11 strong{display:block;font-size:24px;color:#fff;margin-bottom:10px}.social-grid-v11 span{color:var(--muted);line-height:1.55}.social-section{padding-top:68px!important}
.brandwall-exact.brandwall-real .brand-logo-grid{justify-content:center!important;margin:0 auto!important}.brandwall-exact.brandwall-real .brand-tile{background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035))!important}.brandwall-exact.brandwall-real .brand-tile img{max-height:54px!important}
/* extra readability for dark SVG/PNG logos delivered in black */
.brandwall-exact.brandwall-real .brand-apple img,
.brandwall-exact.brandwall-real .brand-asus img,
.brandwall-exact.brandwall-real .brand-msi img,
.brandwall-exact.brandwall-real .brand-synology img,
.brandwall-exact.brandwall-real .brand-ubiquiti img,
.brandwall-exact.brandwall-real .brand-kingston img,
.brandwall-exact.brandwall-real .brand-crucial img,
.brandwall-exact.brandwall-real .brand-logitech img,
.brandwall-exact.brandwall-real .brand-nvidia img,
.brandwall-exact.brandwall-real .brand-corsair img{filter:brightness(0) invert(1) contrast(1.08) drop-shadow(0 8px 18px rgba(0,0,0,.35))!important}
.brandwall-exact.brandwall-real .brand-intel img,
.brandwall-exact.brandwall-real .brand-microsoft img,
.brandwall-exact.brandwall-real .brand-lenovo img,
.brandwall-exact.brandwall-real .brand-hp img,
.brandwall-exact.brandwall-real .brand-dell img,
.brandwall-exact.brandwall-real .brand-samsung img,
.brandwall-exact.brandwall-real .brand-hikvision img,
.brandwall-exact.brandwall-real .brand-qnap img,
.brandwall-exact.brandwall-real .brand-tp-link img,
.brandwall-exact.brandwall-real .brand-kaspersky img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))!important}
.cta{background:radial-gradient(circle at 82% 0,rgba(255,255,255,.48),transparent 34%),linear-gradient(135deg,#ffd000,#ffb020)!important}.cta h2{color:#07080b!important}.footer-cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1350px){.nav-socials{display:none}.main-nav{gap:10px!important}.main-nav a{font-size:12px!important}.btn-small{padding:11px 16px!important}}
@media(max-width:980px){.social-grid-v11{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-cta-actions{justify-content:flex-start}.floating-actions{right:14px!important;left:14px!important;bottom:12px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}.floating-actions a{padding:11px 10px!important;font-size:12px!important}}
@media(max-width:560px){.social-grid-v11{grid-template-columns:1fr}.contact-actions .btn{width:100%}.footer-social-icons a,.footer-contact-actions a{width:100%}.brandwall-exact.brandwall-real .brand-tile img{max-height:48px!important}.brandwall-exact.brandwall-real .brand-logo-grid{grid-template-columns:1fr!important}}



.brandwall-v12-realstep{
  position:relative!important;
  overflow:hidden!important;
  margin-top:42px!important;
  padding:96px 5vw!important;
  border-radius:36px!important;
  background:
    radial-gradient(circle at 15% 0, rgba(255,208,0,.16), transparent 30%),
    radial-gradient(circle at 90% 15%, rgba(92,200,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.42)!important;
}
.brandwall-v12-realstep .section-head{max-width:980px!important;margin:0 auto 36px!important;text-align:center!important;position:relative!important;z-index:2!important}
.brandwall-v12-realstep .section-head h2{font-size:clamp(42px,6vw,76px)!important;line-height:.98!important;letter-spacing:-.055em!important;margin-bottom:18px!important}
.brandwall-v12-realstep .section-head p{max-width:820px!important;margin:0 auto!important;color:#d8e1ef!important;font-size:18px!important;line-height:1.7!important}
.brandwall-v12-realstep .brand-accent{display:none!important}
.brandwall-v12-realstep .brand-logo-grid{
  position:relative!important;
  z-index:2!important;
  width:min(1280px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:14px!important;
  padding:0!important;
}
.brandwall-v12-realstep .brand-tile{
  height:108px!important;
  min-height:108px!important;
  padding:24px!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.038))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 42px rgba(0,0,0,.26)!important;
  transform:none!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease!important;
}
.brandwall-v12-realstep .brand-tile:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(255,208,0,.46)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.052))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 24px 60px rgba(0,0,0,.34)!important;
}
.brandwall-v12-realstep .brand-tile img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:155px!important;
  max-height:54px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
  opacity:.96!important;
  filter:brightness(0) invert(1) contrast(1.05) drop-shadow(0 10px 22px rgba(0,0,0,.42))!important;
}
.brandwall-v12-realstep .brand-microsoft img{max-width:160px!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.42))!important}
.brandwall-v12-realstep .brand-lenovo img{max-width:132px!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.42))!important}
.brandwall-v12-realstep .brand-hikvision img{max-width:154px!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.42))!important}
.brandwall-v12-realstep .brand-kaspersky img{max-width:152px!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.42))!important}
.brandwall-v12-realstep .brand-hp img,.brandwall-v12-realstep .brand-dell img,.brandwall-v12-realstep .brand-apple img{max-width:70px!important;max-height:62px!important}
.brandwall-v12-realstep .brand-samsung img{max-width:166px!important}.brandwall-v12-realstep .brand-western-digital img{max-width:166px!important}.brandwall-v12-realstep .brand-ubiquiti img{max-width:124px!important}.brandwall-v12-realstep .brand-synology img{max-width:158px!important;filter:brightness(0) invert(1) contrast(1.05) drop-shadow(0 10px 22px rgba(0,0,0,.42))!important}.brandwall-v12-realstep .brand-aoc img{max-width:96px!important;background:transparent!important;padding:0!important;filter:brightness(0) invert(1) contrast(1.05) drop-shadow(0 10px 22px rgba(0,0,0,.42))!important}
.brandwall-v12-realstep .brand-note{
  width:max-content!important;
  max-width:100%!important;
  margin:30px auto 0!important;
  padding:16px 24px!important;
  border-radius:999px!important;
  text-align:center!important;
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28)!important;
  font-size:18px!important;
  font-weight:850!important;
}
.hero-actions .btn{min-height:52px!important}.stats .stat strong{letter-spacing:-.04em!important}.trust-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border-color:rgba(255,255,255,.13)!important}.msp-premium-card{box-shadow:0 32px 90px rgba(0,0,0,.38)!important}.footer{border-top:1px solid rgba(255,255,255,.10)!important}
@media(max-width:1320px){.brandwall-v12-realstep .brand-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.brandwall-v12-realstep .brand-tile{height:104px!important;min-height:104px!important}}
@media(max-width:940px){.brandwall-v12-realstep{padding:76px 4vw!important;border-radius:28px!important}.brandwall-v12-realstep .brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.brandwall-v12-realstep .brand-tile{height:96px!important;min-height:96px!important}}
@media(max-width:620px){.brandwall-v12-realstep{padding:58px 4vw!important}.brandwall-v12-realstep .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.brandwall-v12-realstep .brand-tile{height:82px!important;min-height:82px!important;padding:18px!important;border-radius:18px!important}.brandwall-v12-realstep .brand-tile img{max-width:126px!important;max-height:44px!important}.brandwall-v12-realstep .section-head p{font-size:16px!important}.brandwall-v12-realstep .brand-note{border-radius:18px!important;font-size:14px!important;padding:14px 16px!important}}
@media(max-width:380px){.brandwall-v12-realstep .brand-logo-grid{grid-template-columns:1fr!important}}



.microsoft-hero .page-hero-inner{max-width:1060px}
.highlight-panel{border-color:rgba(255,210,0,.28)!important;box-shadow:0 28px 80px rgba(255,210,0,.08)!important}
.microsoft-panel{background:linear-gradient(145deg,rgba(255,210,0,.12),rgba(255,255,255,.035))!important;border-color:rgba(255,210,0,.22)!important}
.area-grid{margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
.compact-timeline .step{min-height:unset!important;padding:24px!important}
.home-microsoft-section .chips{margin:18px 0 22px}
.main-nav a[href="microsoft-365.php"]{color:#fff;border-color:rgba(255,210,0,.18);background:rgba(255,210,0,.06)}
@media(max-width:980px){.main-nav a[href="microsoft-365.php"]{background:transparent;border-color:transparent}}



.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
.form-message{border-radius:18px;padding:16px 18px;margin-bottom:12px;border:1px solid var(--line);background:rgba(255,255,255,.06)}
.form-message.error{border-color:rgba(255,80,80,.45);background:rgba(255,80,80,.10);color:#ffd6d6}
.form-message ul{margin:10px 0 0;padding-left:20px;line-height:1.55}
.form-help{font-size:13px;color:var(--muted);margin:0 0 4px;line-height:1.5}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid rgba(255,208,0,.55);border-color:rgba(255,208,0,.65);box-shadow:0 0 0 4px rgba(255,208,0,.08)}
.contact-form button{width:max-content;min-width:190px}
.contact-panel .notice.success{color:#fff6c2;background:linear-gradient(180deg,rgba(255,208,0,.14),rgba(255,208,0,.06))}


.home-v13{background:radial-gradient(circle at 12% 0,rgba(255,208,0,.08),transparent 28%),radial-gradient(circle at 88% 18%,rgba(92,200,255,.08),transparent 24%),#06070a;}
.home-hero-v13{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:150px 5vw 80px;border-bottom:1px solid rgba(255,255,255,.1)}
.home-hero-media,.home-hero-overlay{position:absolute;inset:0}.home-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:homeHeroFade 24s infinite;filter:saturate(1.15) contrast(1.08)}.home-hero-media img:nth-child(2){animation-delay:8s}.home-hero-media img:nth-child(3){animation-delay:16s}@keyframes homeHeroFade{0%,32%{opacity:1}40%,100%{opacity:0}}
.home-hero-overlay{background:linear-gradient(90deg,rgba(6,7,10,.98),rgba(6,7,10,.78),rgba(6,7,10,.22)),linear-gradient(0deg,#06070a,rgba(6,7,10,0) 42%)}
.home-hero-inner{position:relative;z-index:2;max-width:1460px;margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.55fr);gap:46px;align-items:end}.home-hero-copy h1{font-size:clamp(46px,7vw,104px);letter-spacing:-.075em;line-height:.92;margin:0 0 26px;max-width:1080px}.home-hero-copy p{font-size:clamp(18px,1.55vw,24px);color:#e8edf7;max-width:900px;line-height:1.58}.home-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.home-trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.home-trust-strip span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:999px;padding:10px 14px;color:#e5eaf4;font-weight:800;font-size:13px}.home-hero-panel{display:grid;gap:14px}.home-hero-panel a{display:block;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border-radius:24px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.32);transition:.25s}.home-hero-panel a:hover{transform:translateY(-4px);border-color:rgba(255,208,0,.42)}.home-hero-panel strong{display:block;color:#fff;font-size:20px;margin-bottom:8px}.home-hero-panel span{color:#bfc8d8;line-height:1.55}.home-stats-v13{position:relative;z-index:3;margin:-44px 5vw 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home-stats-v13 div{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(20,24,34,.96),rgba(13,16,23,.96));border-radius:24px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.34)}.home-stats-v13 strong{display:block;font-size:34px;color:var(--yellow);letter-spacing:-.04em}.home-stats-v13 span{display:block;color:#dce3ee;font-weight:800}.home-services-v13 .section-head,.brandwall-v13 .section-head,.why-v13 .section-head,.reviews-v13 .section-head,.home-portfolio-v13 .section-head{max-width:980px}.service-grid-v13{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card-v13{position:relative;overflow:hidden;display:block;min-height:255px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border-radius:28px;padding:26px;transition:.25s}.service-card-v13:after{content:"";position:absolute;right:-48px;bottom:-58px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,208,0,.18),transparent 65%)}.service-card-v13:hover{transform:translateY(-6px);border-color:rgba(255,208,0,.42)}.service-card-v13.featured{background:radial-gradient(circle at 85% 100%,rgba(255,208,0,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04))}.service-card-v13 span{font-size:34px}.service-card-v13 h3{font-size:23px;margin:20px 0 10px}.service-card-v13 p{color:#b9c4d5;margin:0}.home-microsoft-v13{padding-top:42px}.microsoft-card-v13{max-width:1460px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:center;border:1px solid rgba(255,208,0,.2);border-radius:34px;padding:42px;background:radial-gradient(circle at 80% 0,rgba(255,208,0,.16),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 30px 90px rgba(0,0,0,.35)}.microsoft-card-v13 h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.06em;line-height:.96;margin:0 0 18px}.microsoft-card-v13 p{font-size:19px;color:#dde5f2;max-width:900px}.microsoft-badge-v13{min-height:245px;background:#fff;color:#111;border-radius:26px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.microsoft-badge-v13 img{max-width:235px;max-height:95px;object-fit:contain}.microsoft-badge-v13 strong{font-size:32px;line-height:1;letter-spacing:-.04em}.microsoft-badge-v13 small{color:#555;font-weight:700;line-height:1.45}.portfolio-preview-v13{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.portfolio-preview-v13 a{position:relative;min-height:440px;border:1px solid rgba(255,255,255,.13);border-radius:30px;overflow:hidden;background:#111}.portfolio-preview-v13 a:first-child{min-height:520px}.portfolio-preview-v13 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.35s}.portfolio-preview-v13 a:hover img{transform:scale(1.055)}.portfolio-preview-v13 a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.16) 65%)}.portfolio-preview-v13 div{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}.portfolio-preview-v13 strong{display:block;font-size:26px}.portfolio-preview-v13 span{color:#d8e0ec}.brandwall-v13{background:linear-gradient(180deg,#07090e,#040508)}.brand-grid-v13{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.brand-tile-v13{height:104px;padding:20px 24px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 40px rgba(0,0,0,.22);transition:.22s}.brand-tile-v13:hover{transform:translateY(-4px);border-color:rgba(255,208,0,.38);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.04))}.brand-tile-v13 img{display:block;width:100%;height:70px;max-width:185px;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.32))}.brand-apple img,.brand-corsair img,.brand-canon img,.brand-brother img,.brand-kaspersky img,.brand-aoc img,.brand-seagate img,.brand-hikvision img{filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.32))}.brand-hp img,.brand-dell img,.brand-apple img{max-width:118px}.brand-microsoft img,.brand-western-digital img,.brand-gigabyte img,.brand-hikvision img{max-width:220px}.why-grid-v13,.review-grid-v13{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.review-grid-v13{grid-template-columns:repeat(3,1fr)}.why-grid-v13 div,.review-grid-v13 article{border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03))}.why-grid-v13 strong,.review-grid-v13 span{color:var(--yellow);font-weight:900}.why-grid-v13 h3,.review-grid-v13 h3{font-size:24px;margin:16px 0 10px}.why-grid-v13 p,.review-grid-v13 p{color:#b9c4d4;margin:0}.cta-v13{background:radial-gradient(circle at 88% 0,rgba(255,208,0,.24),transparent 34%),linear-gradient(135deg,#101622,#07090e)!important;color:#fff!important;border:1px solid rgba(255,208,0,.25)!important}.cta-v13 .btn{background:linear-gradient(135deg,var(--yellow),var(--orange));color:#080808}.cta-v13 .btn.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14)}.cta-actions-v13{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1320px){.service-grid-v13{grid-template-columns:repeat(3,1fr)}.brand-grid-v13{grid-template-columns:repeat(5,1fr)}.why-grid-v13{grid-template-columns:repeat(2,1fr)}.main-nav{max-height:calc(100vh - 88px);overflow:auto}}
@media(max-width:980px){.home-hero-inner,.microsoft-card-v13{grid-template-columns:1fr}.home-hero-v13{padding-top:125px}.home-stats-v13{grid-template-columns:repeat(2,1fr)}.service-grid-v13{grid-template-columns:repeat(2,1fr)}.portfolio-preview-v13{grid-template-columns:1fr}.portfolio-preview-v13 a,.portfolio-preview-v13 a:first-child{min-height:380px}.brand-grid-v13{grid-template-columns:repeat(3,1fr)}.review-grid-v13{grid-template-columns:1fr}.cta-v13{grid-template-columns:1fr}.cta-actions-v13{justify-content:flex-start}}
@media(max-width:640px){.home-hero-copy h1{font-size:46px}.home-stats-v13,.service-grid-v13,.why-grid-v13{grid-template-columns:1fr}.brand-grid-v13{grid-template-columns:repeat(2,1fr)}.brand-tile-v13{height:92px;padding:18px}.brand-tile-v13 img{height:62px}.microsoft-card-v13{padding:24px;border-radius:26px}.home-hero-panel a{padding:18px}.section{padding:68px 5vw}.home-trust-strip span{width:100%}}


.service-page .service-hero-pro{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 0,rgba(255,208,0,.18),transparent 30%),radial-gradient(circle at 82% 12%,rgba(92,200,255,.10),transparent 28%),linear-gradient(135deg,#080a10,#030406);border-bottom:1px solid rgba(255,255,255,.11)}
.service-page .service-hero-pro:after{content:"";position:absolute;right:-12vw;top:10%;width:48vw;height:48vw;background:radial-gradient(circle,rgba(255,208,0,.08),transparent 62%);pointer-events:none}.service-page .page-hero-inner{position:relative;z-index:2}.service-page .page-hero h1{max-width:1040px}.service-page .page-hero p{max-width:880px;color:#e4ebf6}.service-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.58fr);gap:24px;align-items:stretch}.service-intro-copy,.service-checklist,.service-page .panel{border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border-radius:30px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.service-intro-copy h2{font-size:clamp(34px,4.4vw,66px);line-height:.98;letter-spacing:-.055em;margin:8px 0 18px}.service-intro-copy p,.service-checklist li,.service-page .panel p{color:#c4cedd;line-height:1.75}.service-checklist h3{font-size:24px;margin-top:0}.service-checklist .list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.service-checklist .list li:last-child{border-bottom:0}.service-price-grid .price{min-height:420px}.service-price-grid .price.featured{border-color:rgba(255,208,0,.34);box-shadow:0 28px 80px rgba(255,208,0,.08)}.service-cards-pro .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.service-cards-pro .card{min-height:235px;position:relative;overflow:hidden}.service-cards-pro .card:after{content:"";position:absolute;right:-60px;bottom:-70px;width:170px;height:170px;background:radial-gradient(circle,rgba(255,208,0,.10),transparent 66%)}.process-section-pro .process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.process-section-pro .process{min-height:230px}.service-page .feature-copy p{font-size:17px;line-height:1.75}.service-page .cta-v13{margin-top:36px}.msp-card{position:relative;overflow:hidden}.msp-card:before{content:"";position:absolute;inset:auto -80px -140px auto;width:320px;height:320px;background:radial-gradient(circle,rgba(255,208,0,.16),transparent 65%);pointer-events:none}.service-business .msp-badge{position:relative;z-index:2}.service-products .panel .btn,.service-products .panel .btn.secondary{margin-top:16px}.service-repair .feature-img img,.service-gaming .feature-img img{filter:saturate(1.08) contrast(1.04)}
@media(max-width:1100px){.service-intro-grid{grid-template-columns:1fr}.service-cards-pro .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.process-section-pro .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.service-intro-copy,.service-checklist,.service-page .panel{padding:24px;border-radius:24px}.service-cards-pro .cards,.process-section-pro .process-grid{grid-template-columns:1fr}.service-page .hero-actions .btn{width:100%;justify-content:center}.service-price-grid .price{min-height:auto}}


.support-link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  padding:12px 16px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#0f75d1,#00a9ff)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;font-weight:950!important;
  box-shadow:0 14px 32px rgba(0,105,220,.25)!important;white-space:nowrap!important;
}
.support-link:before,.support-cta:before{content:"↔";font-weight:950;line-height:1;}
.support-link:hover{filter:brightness(1.08);transform:translateY(-1px)}
.support-cta{border-color:rgba(0,169,255,.38)!important;box-shadow:0 0 0 1px rgba(0,169,255,.16) inset!important;}
.remote-support-v13{padding-top:54px!important;padding-bottom:54px!important;}
.remote-support-card-v13{
  max-width:1460px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:center;
  border:1px solid rgba(0,169,255,.28);border-radius:34px;padding:38px;
  background:radial-gradient(circle at 86% 0,rgba(0,169,255,.20),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  box-shadow:0 30px 90px rgba(0,0,0,.33);
}
.remote-support-card-v13 h2{font-size:clamp(34px,4.6vw,66px);line-height:.98;letter-spacing:-.06em;margin:0 0 18px;color:#fff;}
.remote-support-card-v13 p{font-size:18px;line-height:1.62;color:#dce6f3;max-width:880px;}
.remote-support-action-v13{
  min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;
  border-radius:28px;padding:28px;border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(8,15,26,.96),rgba(5,8,13,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 48px rgba(0,0,0,.28);
}
.remote-support-action-v13 strong{font-size:30px;line-height:1;color:#fff;letter-spacing:-.04em;}
.remote-support-action-v13 p{font-size:15px;color:#bfc9d8;margin:0;line-height:1.55;}
.support-status{font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#61f0a8;}
.remote-support-action-v13 .btn{background:linear-gradient(135deg,#0f75d1,#00a9ff)!important;color:#fff!important;}
.footer .footer-contact-actions{display:flex;flex-wrap:wrap;gap:10px;}

/* Make dark-on-transparent brand logos readable on the dark brand wall. */
.brandwall-v13 .brand-asus img,
.brandwall-v13 .brand-msi img,
.brandwall-v13 .brand-synology img,
.brandwall-v13 .brand-ubiquiti img,
.brandwall-v13 .brand-kingston img,
.brandwall-v13 .brand-crucial img,
.brandwall-v13 .brand-logitech img,
.brandwall-v13 .brand-nvidia img,
.brandwall-v13 .brand-samsung img,
.brandwall-v13 .brand-western-digital img{
  filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.34))!important;
  opacity:.98!important;
}
.brandwall-v13 .brand-nvidia{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 40px rgba(0,0,0,.22),inset 0 -2px 0 rgba(118,185,0,.42)!important;}
.brandwall-v13 .brand-msi{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 40px rgba(0,0,0,.22),inset 0 -2px 0 rgba(255,48,56,.38)!important;}
.brandwall-v13 .brand-tile-v13 img{max-height:62px!important;}
.brandwall-v13 .brand-hp img,.brandwall-v13 .brand-dell img,.brandwall-v13 .brand-apple img{max-height:68px!important;max-width:118px!important;}
.brandwall-v13 .brand-microsoft img,.brandwall-v13 .brand-gigabyte img,.brandwall-v13 .brand-western-digital img{max-width:225px!important;}

@media(max-width:1180px){.support-link{padding:10px 13px!important;font-size:13px!important}.remote-support-card-v13{grid-template-columns:1fr}}
@media(max-width:980px){.floating-actions{grid-template-columns:repeat(4,1fr)!important}.support-link{width:100%;margin-top:6px}}
@media(max-width:640px){.remote-support-card-v13{padding:24px;border-radius:26px}.remote-support-action-v13{min-height:205px}.floating-actions a{font-size:11px!important;padding:10px 7px!important}.brandwall-v13 .brand-tile-v13 img{max-height:54px!important}}


.brandwall-v13 .brand-asus img,
.brandwall-v13 .brand-msi img,
.brandwall-v13 .brand-synology img,
.brandwall-v13 .brand-ubiquiti img,
.brandwall-v13 .brand-kingston img,
.brandwall-v13 .brand-crucial img,
.brandwall-v13 .brand-logitech img,
.brandwall-v13 .brand-nvidia img,
.brandwall-v13 .brand-samsung img,
.brandwall-v13 .brand-western-digital img{
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))!important;
  opacity:1!important;
}
.brandwall-v13 .brand-tile-v13 img{object-fit:contain!important;object-position:center!important;}
.brandwall-v13 .brand-asus img,.brandwall-v13 .brand-msi img{max-width:210px!important;max-height:62px!important;}
.brandwall-v13 .brand-synology img,.brandwall-v13 .brand-western-digital img,.brandwall-v13 .brand-kingston img,.brandwall-v13 .brand-crucial img{max-width:225px!important;max-height:66px!important;}
.brandwall-v13 .brand-logitech img{max-width:150px!important;max-height:66px!important;}


.site-header .brand{flex:0 0 auto;min-width:0}
.site-header .main-nav{min-width:0;margin-left:24px;justify-content:flex-end}

@media (max-width:1850px){
  .site-header{padding:12px 2.4vw}
  .brand{gap:9px}
  .brand-mark{padding:9px 11px}
  .brand-text{font-size:18px;line-height:.95}
  .brand-text small{font-size:9px;letter-spacing:.11em}
  .main-nav{gap:9px!important;margin-left:18px!important}
  .main-nav a{font-size:12px!important}
  .nav-socials{display:none!important}
  .support-link,.shop-link{padding:9px 12px!important}
  .btn-small{padding:10px 14px!important}
}

/* On narrower desktop/laptop viewports use the existing mobile menu instead of squeezing links. */
@media (max-width:1580px){
  .nav-toggle{display:block}
  .main-nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    max-height:calc(100vh - 72px);
    overflow-y:auto;
    margin-left:0!important;
    padding:20px 4vw 26px;
    flex-direction:column;
    align-items:stretch;
    gap:5px!important;
    background:rgba(7,8,11,.98);
    border-top:1px solid rgba(255,255,255,.08);
    box-shadow:0 24px 60px rgba(0,0,0,.45)
  }
  .main-nav.open{display:flex}
  .main-nav>a{width:100%;padding:10px 12px;font-size:14px!important;border-radius:10px}
  .main-nav>a:hover,.main-nav>a.active{background:rgba(255,255,255,.06)}
  .main-nav .support-link,.main-nav .shop-link,.main-nav .btn-small{justify-content:center;text-align:center;margin-top:4px}
  .nav-socials{display:flex!important;gap:8px;padding:8px 0}
}


.nav-socials a svg{width:15px;height:15px;display:block;fill:currentColor;pointer-events:none}
.nav-socials a{transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.nav-socials a:hover,.nav-socials a:focus-visible{transform:translateY(-2px);outline:none;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.nav-socials a[aria-label="Facebook"]:hover,.nav-socials a[aria-label="Facebook"]:focus-visible{background:#1877f2;border-color:#1877f2;color:#fff!important}
.nav-socials a[aria-label="Instagram"]:hover,.nav-socials a[aria-label="Instagram"]:focus-visible{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);border-color:#d62976;color:#fff!important}
.nav-socials a[aria-label="YouTube"]:hover,.nav-socials a[aria-label="YouTube"]:focus-visible{background:#ff0000;border-color:#ff0000;color:#fff!important}
.nav-socials a[aria-label="LinkedIn"]:hover,.nav-socials a[aria-label="LinkedIn"]:focus-visible{background:#0a66c2;border-color:#0a66c2;color:#fff!important}



.brandwall-v13 .brand-tile-v13 img{width:auto!important;max-width:100%!important;height:auto!important;max-height:64px!important;object-fit:contain!important}
.brandwall-v13 .brand-tile-v13{overflow:hidden}
.cookie-consent[hidden]{display:none!important}
.cookie-consent{position:fixed;left:18px;right:18px;bottom:18px;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto;padding:18px 20px;border:1px solid rgba(255,208,0,.32);border-radius:18px;background:rgba(8,10,15,.97);box-shadow:0 24px 70px rgba(0,0,0,.55);backdrop-filter:blur(14px)}
.cookie-consent__text{max-width:760px}.cookie-consent__text strong{display:block;color:#fff;font-size:17px;margin-bottom:4px}.cookie-consent__text p{margin:0;color:#c4ccda;font-size:14px;line-height:1.5}
.cookie-consent__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cookie-consent__actions a{color:#dce3ee;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.cookie-consent__actions button{border:0;border-radius:999px;padding:11px 20px;background:linear-gradient(135deg,var(--yellow),var(--orange));color:#080808;font:inherit;font-weight:900;cursor:pointer}.cookie-consent__actions button:hover{transform:translateY(-1px)}
@media(max-width:760px){.cookie-consent{left:10px;right:10px;bottom:10px;display:block;padding:16px}.cookie-consent__actions{justify-content:flex-start;margin-top:14px}.cookie-consent__actions button{width:100%}}


@media (max-width:1800px){
  .site-header{padding:12px 24px!important}
  .site-header .brand{position:relative;z-index:2;max-width:290px}
  .site-header .brand-text strong{display:block;white-space:nowrap}
  .site-header .nav-toggle{display:block!important;margin-left:auto}
  .site-header .main-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;margin:0!important;padding:18px 24px 26px!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;background:rgba(6,7,10,.99)!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:0 24px 60px rgba(0,0,0,.5)!important;max-height:calc(100vh - 72px)!important;overflow-y:auto!important}
  .site-header .main-nav.open{display:flex!important}
  .site-header .main-nav>a{width:100%!important;padding:11px 13px!important;font-size:14px!important;border-radius:10px!important}
  .site-header .nav-socials{display:flex!important;gap:10px!important;padding:10px 4px!important}
}
@media (min-width:1801px){
  .site-header{padding-left:28px!important;padding-right:28px!important}
  .site-header .brand{margin-right:22px!important}
  .site-header .main-nav{gap:12px!important}
}

.brandwall-v13 .brand-tile-v13{min-width:0!important;padding:18px 20px!important}
.brandwall-v13 .brand-tile-v13 img{width:auto!important;height:auto!important;max-width:92%!important;max-height:62px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.32))!important}
.brandwall-v13 .brand-amd img,
.brandwall-v13 .brand-nvidia img,
.brandwall-v13 .brand-asus img,
.brandwall-v13 .brand-msi img,
.brandwall-v13 .brand-apple img,
.brandwall-v13 .brand-samsung img,
.brandwall-v13 .brand-synology img,
.brandwall-v13 .brand-corsair img,
.brandwall-v13 .brand-western-digital img{
  filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.32))!important;
}
.brandwall-v13 .brand-aoc img{filter:none!important;background:transparent!important}
.brandwall-v13 .brand-ubiquiti img{filter:brightness(1.75) contrast(1.15) drop-shadow(0 8px 18px rgba(0,0,0,.32))!important}
.brandwall-v13 .brand-epson img{filter:brightness(1.85) saturate(.85) drop-shadow(0 8px 18px rgba(0,0,0,.32))!important}
.brandwall-v13 .brand-microsoft img,.brandwall-v13 .brand-gigabyte img,.brandwall-v13 .brand-hikvision img,.brandwall-v13 .brand-western-digital img{max-width:90%!important}
.brandwall-v13 .brand-hp img,.brandwall-v13 .brand-dell img,.brandwall-v13 .brand-apple img{max-width:112px!important;max-height:66px!important}

.cta.cta-v13{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:34px!important;max-width:calc(100% - 10vw)!important;margin:40px auto 90px!important;padding:44px 48px!important;background:radial-gradient(circle at 88% 0,rgba(255,208,0,.22),transparent 34%),linear-gradient(135deg,#131a27,#090b10)!important;border:1px solid rgba(255,208,0,.34)!important;border-radius:32px!important;box-shadow:0 26px 80px rgba(0,0,0,.38)!important}
.cta.cta-v13 h2{margin:0 0 12px!important;color:#fff!important;font-size:clamp(34px,4vw,58px)!important;line-height:1!important;letter-spacing:-.045em!important}
.cta.cta-v13 p{margin:0!important;color:#d7deea!important;font-size:17px!important;line-height:1.6!important;max-width:820px!important}
.cta.cta-v13 .cta-actions-v13{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
.cta.cta-v13 .btn{min-width:112px!important}
.vat-number{display:inline-block;margin-top:7px;color:#fff;font-weight:800}
@media(max-width:980px){.cta.cta-v13{grid-template-columns:1fr!important;padding:30px 26px!important;max-width:90%!important}.cta.cta-v13 .cta-actions-v13{justify-content:flex-start!important}}


.brandwall-v13 .brand-msi img{
  display:block!important;
  width:100%!important;
  max-width:190px!important;
  max-height:58px!important;
  opacity:1!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))!important;
}
.brandwall-v13 .brand-western-digital img{
  display:block!important;
  width:100%!important;
  max-width:205px!important;
  max-height:64px!important;
  opacity:1!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))!important;
}


@media (max-width:1900px){
.site-header{padding:12px 24px!important;min-height:82px!important;height:auto!important}.site-header .brand{max-width:none!important;margin-right:0!important;flex:0 0 auto!important}.site-header .brand-text strong{white-space:nowrap!important}.site-header .nav-toggle{display:block!important;margin-left:auto!important;width:48px!important;height:48px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important;cursor:pointer!important}.site-header .main-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;margin:0!important;padding:18px 24px 26px!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;background:rgba(6,7,10,.99)!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:0 24px 60px rgba(0,0,0,.5)!important;max-height:calc(100vh - 82px)!important;overflow-y:auto!important}.site-header .main-nav.open{display:flex!important}.site-header .main-nav>a{width:100%!important;padding:11px 13px!important;font-size:14px!important;border-radius:10px!important}.site-header .nav-socials{display:flex!important;gap:10px!important;padding:10px 4px!important}}
@media (min-width:1901px){.site-header{padding:12px 26px!important}.site-header .brand{margin-right:18px!important}.site-header .brand-text{font-size:18px!important}.site-header .brand-text strong{font-size:20px!important;white-space:nowrap!important}.site-header .main-nav{gap:10px!important;min-width:0!important}.site-header .main-nav a{font-size:12px!important}.site-header .support-link,.site-header .shop-link{padding:10px 13px!important}.site-header .btn-small{padding:11px 16px!important}}
.brandwall-v13 .brand-grid-v13{align-items:stretch!important}.brandwall-v13 .brand-tile-v13{display:flex!important;align-items:center!important;justify-content:center!important;min-height:104px!important;padding:18px 22px!important}.brandwall-v13 .brand-tile-v13 img{display:block!important;margin:auto!important;width:auto!important;height:auto!important;max-width:92%!important;max-height:64px!important;object-fit:contain!important;object-position:center!important;opacity:1!important}.brandwall-v13 .brand-msi img{width:100%!important;max-width:220px!important;max-height:68px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))!important}.brandwall-v13 .brand-western-digital img{width:100%!important;max-width:215px!important;max-height:66px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))!important}.brandwall-v13 .brand-kingston img{max-width:220px!important;max-height:64px!important}.cta.cta-v13,.home-v13 .cta.cta-v13{background:radial-gradient(circle at 88% 0,rgba(255,208,0,.22),transparent 34%),linear-gradient(135deg,#131a27,#090b10)!important;color:#fff!important}.cta.cta-v13 h2,.home-v13 .cta.cta-v13 h2{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.35)!important}.cta.cta-v13 p,.home-v13 .cta.cta-v13 p{color:#d7deea!important}.cta.cta-v13 .btn.secondary{background:#07090d!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}



.site-header{padding:12px clamp(20px,2.2vw,42px)!important;gap:22px!important;min-height:88px!important;background:rgba(5,7,11,.96)!important}
.brand{flex:0 0 auto;min-width:205px!important;gap:10px!important}.brand-mark{padding:10px 11px!important}.brand-text{font-size:19px!important;line-height:1!important}.brand-text small{display:block;margin-top:4px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#d6dce8}
.main-nav{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,1vw,15px)!important}.main-nav>a,.nav-dropdown-toggle{font-size:13px!important;font-weight:800;color:#dce3ee;background:none;border:0;padding:10px 0;white-space:nowrap;font-family:inherit;cursor:pointer}.main-nav>a:hover,.main-nav>a.active,.nav-dropdown-toggle:hover,.nav-dropdown.open>.nav-dropdown-toggle{color:var(--yellow)!important}.support-link{padding:12px 16px!important;border-radius:999px!important;background:linear-gradient(135deg,#178ee8,#26b7ff)!important;color:#fff!important;box-shadow:0 12px 34px rgba(23,142,232,.22)}.shop-link{padding:11px 17px!important}.btn-small{padding:12px 18px!important}
.nav-dropdown{position:relative}.nav-dropdown-toggle span{font-size:10px;margin-left:4px}.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-8px);width:520px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(10,13,19,.98);box-shadow:0 30px 90px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.nav-dropdown.open .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.nav-dropdown-menu a{display:block;padding:13px 14px!important;border-radius:13px;color:#fff!important;background:rgba(255,255,255,.035)}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:rgba(255,208,0,.11);color:var(--yellow)!important}.nav-dropdown-menu strong{display:block;font-size:14px}.nav-dropdown-menu small{display:block;margin-top:3px;color:#9faabd;font-size:11px;line-height:1.35}.nav-socials svg{width:14px;height:14px;fill:currentColor}
.brand-grid-v13{max-width:1720px;margin:0 auto;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:14px!important}.brand-tile-v13{height:106px!important;padding:18px 22px!important;border-radius:17px!important}.brand-tile-v13 img{width:100%!important;height:64px!important;max-width:190px!important;max-height:64px!important;object-fit:contain!important}.brand-msi img{max-width:180px!important;height:64px!important}.brand-western-digital img{max-width:205px!important;height:70px!important;transform:scale(1.08)}.brand-kingston img{max-width:155px!important;height:52px!important}.brand-aoc img{max-width:118px!important}.brandwall-v13 .section-head{max-width:1000px!important}
@media(max-width:1550px){.site-header{min-height:78px!important}.brand{min-width:185px!important}.brand-text{font-size:17px!important}.main-nav{gap:9px!important}.main-nav>a,.nav-dropdown-toggle{font-size:12px!important}.nav-socials{display:none!important}.support-link,.shop-link,.btn-small{padding:10px 13px!important}.brand-grid-v13{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:1180px){.site-header{padding:11px 4vw!important}.nav-toggle{display:flex!important;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.06);font-size:0!important}.nav-toggle:before{content:'☰';font-size:24px}.nav-toggle[aria-expanded='true']:before{content:'×';font-size:30px}.main-nav{position:fixed!important;top:78px;left:0;right:0;max-height:calc(100vh - 78px);overflow:auto;display:none!important;flex-direction:column;align-items:stretch!important;gap:4px!important;padding:18px 4vw 28px;background:rgba(5,7,11,.99);border-top:1px solid rgba(255,255,255,.1)}.main-nav.open{display:flex!important}.main-nav>a,.nav-dropdown-toggle{width:100%;text-align:left;padding:14px 16px!important;border-radius:12px}.nav-dropdown-menu{position:static!important;width:100%;grid-template-columns:1fr;transform:none!important;margin:4px 0 8px;display:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;background:rgba(255,255,255,.025)}.nav-dropdown.open .nav-dropdown-menu{display:grid}.support-link,.shop-link,.btn-small{text-align:center!important;justify-content:center!important}.nav-socials{display:flex!important;padding:12px 6px}.brand-grid-v13{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){.brand-text small{display:none}.brand{min-width:auto!important}.brand-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.brand-tile-v13{height:88px!important;padding:15px!important}.brand-tile-v13 img{height:52px!important;max-height:52px!important}.brand-western-digital img{transform:scale(1.02)}.brand-kingston img{max-width:135px!important}.nav-dropdown-menu{padding:8px}}


@media (min-width:1181px){
  .site-header{
    display:flex!important;
    align-items:center!important;
    min-height:78px!important;
    padding:10px clamp(16px,1.6vw,30px)!important;
    gap:clamp(14px,1.4vw,24px)!important;
  }
  .site-header .brand{
    flex:0 0 auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  .site-header .brand-mark{
    padding:9px 11px!important;
  }
  .site-header .brand-text{
    font-size:17px!important;
    line-height:1.05!important;
  }
  .site-header .brand-text strong{
    display:block!important;
    font-size:20px!important;
    white-space:nowrap!important;
  }
  .site-header .brand-text small{
    display:block!important;
    font-size:9px!important;
    letter-spacing:.12em!important;
    white-space:nowrap!important;
  }
  .site-header .nav-toggle{
    display:none!important;
  }
  .site-header .main-nav{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    min-width:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    gap:clamp(7px,.72vw,13px)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .site-header .main-nav>a,
  .site-header .nav-dropdown-toggle{
    width:auto!important;
    padding:9px 0!important;
    font-size:clamp(11px,.67vw,13px)!important;
    line-height:1!important;
    text-align:center!important;
    border-radius:0!important;
    white-space:nowrap!important;
  }
  .site-header .nav-dropdown{
    position:relative!important;
    flex:0 0 auto!important;
  }
  .site-header .nav-dropdown-menu{
    position:absolute!important;
    top:calc(100% + 14px)!important;
    left:50%!important;
    width:min(620px,72vw)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    transform:translate(-50%,8px)!important;
    margin:0!important;
  }
  .site-header .nav-dropdown.open .nav-dropdown-menu{
    transform:translate(-50%,0)!important;
  }
  .site-header .support-link,
  .site-header .shop-link,
  .site-header .btn-small{
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
    padding:10px clamp(12px,.85vw,17px)!important;
    border-radius:999px!important;
  }
  .site-header .nav-socials{
    flex:0 0 auto!important;
    padding:0!important;
  }
}

/* Create extra space before resorting to the mobile menu. */
@media (min-width:1181px) and (max-width:1550px){
  .site-header{gap:12px!important;padding-left:16px!important;padding-right:16px!important}
  .site-header .main-nav{gap:8px!important}
  .site-header .brand-text strong{font-size:18px!important}
  .site-header .brand-text small{font-size:8px!important}
  .site-header .nav-socials{display:none!important}
  .site-header .support-link,.site-header .shop-link,.site-header .btn-small{padding:9px 12px!important}
}

/* The compact menu is reserved for tablets and phones only. */
@media (max-width:1180px){
  .site-header .nav-toggle{display:flex!important}
}


@media (min-width: 1181px){
  .site-header{
    min-height:88px!important;
    height:88px!important;
    padding:10px 24px!important;
    gap:28px!important;
    background:rgba(5,7,11,.97)!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 12px 36px rgba(0,0,0,.26)!important;
  }
  .brand{
    flex:0 0 auto!important;
    min-width:255px!important;
    gap:12px!important;
  }
  .brand-mark{
    width:56px!important;
    height:56px!important;
    padding:0!important;
    border-radius:15px!important;
    font-size:18px!important;
  }
  .brand-text{display:flex!important;flex-direction:column!important;line-height:1!important;}
  .brand-text strong{font-size:22px!important;letter-spacing:-.035em!important;white-space:nowrap!important;}
  .brand-text small{display:block!important;margin-top:6px!important;font-size:9px!important;letter-spacing:.16em!important;white-space:nowrap!important;color:#eef2f8!important;}
  .nav-toggle{display:none!important;}
  .main-nav{
    display:flex!important;
    flex:1 1 auto!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
  }
  .main-nav>a:not(.support-link):not(.shop-link):not(.btn),
  .nav-dropdown-toggle{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 3px!important;
    border-radius:8px!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.015em!important;
  }
  .nav-dropdown-toggle{color:#d9e0ee!important;background:transparent!important;border:0!important;font-family:inherit!important;cursor:pointer!important;white-space:nowrap!important;}
  .main-nav>a:not(.support-link):not(.shop-link):not(.btn):hover,
  .nav-dropdown-toggle:hover{color:var(--yellow)!important;}
  .support-link,.shop-link,.main-nav .btn-small{
    min-height:46px!important;
    height:46px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    padding:0 18px!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
  }
  .support-link{
    color:#fff!important;
    background:linear-gradient(135deg,#087cc9,#21b9ff)!important;
    border:1px solid rgba(120,215,255,.48)!important;
    box-shadow:0 10px 28px rgba(0,144,230,.27)!important;
  }
  .support-link:before{content:"↔";margin-right:8px;font-size:16px;font-weight:900;}
  .shop-link{
    color:var(--yellow)!important;
    background:rgba(255,208,0,.035)!important;
    border:1px solid rgba(255,208,0,.68)!important;
    box-shadow:inset 0 0 0 1px rgba(255,208,0,.04)!important;
  }
  .main-nav .btn-small{
    color:#080808!important;
    background:linear-gradient(135deg,#ffd400,#ff9700)!important;
    border:1px solid rgba(255,220,80,.8)!important;
    box-shadow:0 11px 30px rgba(255,150,0,.24)!important;
    padding:0 22px!important;
  }
  .support-link:hover,.shop-link:hover,.main-nav .btn-small:hover{
    transform:translateY(-2px)!important;
  }
  .support-link:hover{box-shadow:0 14px 34px rgba(0,159,245,.38)!important;color:#fff!important;}
  .shop-link:hover{background:rgba(255,208,0,.11)!important;color:#ffe04a!important;}
  .main-nav .btn-small:hover{box-shadow:0 15px 38px rgba(255,150,0,.34)!important;color:#080808!important;}
  .nav-socials{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;}
  .nav-socials a{
    width:31px!important;
    height:31px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.045)!important;
  }
  .nav-socials a svg{width:14px!important;height:14px!important;fill:#f5f7fb!important;}
  .nav-socials a:hover{border-color:rgba(255,208,0,.75)!important;background:rgba(255,208,0,.1)!important;}
}

@media (min-width:1181px) and (max-width:1560px){
  .site-header{padding-left:18px!important;padding-right:18px!important;gap:18px!important;}
  .brand{min-width:225px!important;}
  .brand-text strong{font-size:20px!important;}
  .main-nav{gap:9px!important;}
  .main-nav>a:not(.support-link):not(.shop-link):not(.btn),.nav-dropdown-toggle{font-size:13px!important;}
  .support-link,.shop-link,.main-nav .btn-small{padding-left:14px!important;padding-right:14px!important;font-size:13px!important;}
  .nav-socials{gap:5px!important;}
  .nav-socials a{width:29px!important;height:29px!important;}
}


:root{--jdc-yellow:#ffc400;--jdc-yellow-2:#ff9f00;--jdc-blue:#159de8;--header-h:88px}
body{overflow-x:hidden}.site-header{height:var(--header-h)!important;min-height:var(--header-h)!important;padding:10px clamp(18px,2vw,38px)!important;gap:clamp(16px,1.6vw,30px)!important;background:rgba(5,7,11,.96)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;box-shadow:0 10px 34px rgba(0,0,0,.24)!important;transition:background .2s ease,box-shadow .2s ease!important}.site-header.header-scrolled{background:rgba(5,7,11,.99)!important;box-shadow:0 16px 46px rgba(0,0,0,.42)!important}.brand{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;min-width:235px!important}.brand-logo{width:60px!important;height:60px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(255,196,0,.16))}.brand-text{display:flex!important;flex-direction:column!important;line-height:1!important}.brand-text strong{font-size:21px!important;letter-spacing:-.035em!important;white-space:nowrap!important}.brand-text small{display:block!important;margin-top:6px!important;font-size:8.5px!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#eef2f8!important;white-space:nowrap!important}
@media (min-width:1280px){.nav-toggle{display:none!important}.main-nav{display:flex!important;position:static!important;flex:1 1 auto!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(7px,.72vw,13px)!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:none!important;border:0!important;box-shadow:none!important}.main-nav>a:not(.support-link):not(.shop-link):not(.btn),.nav-dropdown-toggle{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 2px!important;font-size:clamp(12px,.72vw,14px)!important;font-weight:800!important;color:#dce3ee!important;white-space:nowrap!important;background:none!important;border:0!important}.support-link,.shop-link,.main-nav .btn-small{height:46px!important;min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 clamp(13px,1vw,18px)!important;border-radius:999px!important;font-size:clamp(12px,.75vw,14px)!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;box-sizing:border-box!important}.support-link{color:#fff!important;background:linear-gradient(135deg,#087dcc,#24b8ff)!important;border:1px solid rgba(118,217,255,.5)!important;box-shadow:0 10px 28px rgba(0,144,230,.28)!important}.support-link:before{content:"↔";margin-right:7px;font-size:15px}.shop-link{color:var(--jdc-yellow)!important;background:rgba(255,196,0,.045)!important;border:1px solid rgba(255,196,0,.72)!important}.main-nav .btn-small{color:#080808!important;background:linear-gradient(135deg,var(--jdc-yellow),var(--jdc-yellow-2))!important;border:1px solid rgba(255,224,100,.85)!important;box-shadow:0 11px 30px rgba(255,150,0,.24)!important}.nav-socials{display:flex!important;gap:6px!important;align-items:center!important;flex:0 0 auto!important}.nav-socials a{width:32px!important;height:32px!important}}
@media (min-width:1280px) and (max-width:1600px){.site-header{padding-left:16px!important;padding-right:16px!important;gap:14px!important}.brand{min-width:205px!important}.brand-logo{width:52px!important;height:52px!important}.brand-text strong{font-size:18px!important}.brand-text small{font-size:7px!important}.main-nav{gap:7px!important}.nav-socials{display:none!important}.support-link,.shop-link,.main-nav .btn-small{padding-left:12px!important;padding-right:12px!important}}
@media (max-width:1279px){:root{--header-h:78px}.site-header{height:var(--header-h)!important;min-height:var(--header-h)!important;padding:9px 4vw!important}.brand{min-width:auto!important}.brand-logo{width:52px!important;height:52px!important}.nav-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;margin-left:auto!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important;color:#fff!important;font-size:0!important}.nav-toggle:before{content:"☰";font-size:24px}.nav-toggle[aria-expanded="true"]:before{content:"×";font-size:31px}.main-nav{display:none!important;position:fixed!important;top:var(--header-h)!important;left:0!important;right:0!important;max-height:calc(100vh - var(--header-h))!important;overflow:auto!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:18px 4vw 30px!important;background:rgba(5,7,11,.995)!important;border-top:1px solid rgba(255,255,255,.1)!important;box-shadow:0 30px 70px rgba(0,0,0,.55)!important}.main-nav.open{display:flex!important}.main-nav>a,.nav-dropdown-toggle{width:100%!important;text-align:left!important;padding:14px 16px!important;border-radius:12px!important}.support-link,.shop-link,.main-nav .btn-small{text-align:center!important;justify-content:center!important}.nav-socials{display:flex!important;padding:12px 4px!important}.nav-dropdown-menu{position:static!important;width:100%!important;transform:none!important;grid-template-columns:1fr!important}}
@media(max-width:560px){.brand-text strong{font-size:17px!important}.brand-text small{display:none!important}.brand-logo{width:48px!important;height:48px!important}}
.home-hero-v13,.page-hero{padding-top:calc(var(--header-h) + 58px)!important}.home-hero-v13{min-height:clamp(720px,100vh,980px)!important}.home-hero-copy h1{font-size:clamp(44px,6vw,88px)!important;max-width:980px!important}.home-hero-overlay{background:linear-gradient(90deg,rgba(5,7,11,.97) 0%,rgba(5,7,11,.79) 48%,rgba(5,7,11,.28) 100%),linear-gradient(0deg,#06070a 0%,transparent 38%)!important}
.brand-grid-v13{max-width:1740px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:14px!important}.brand-tile-v13{height:112px!important;min-height:112px!important;padding:18px 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:18px!important;overflow:hidden!important}.brand-tile-v13 img{display:block!important;width:auto!important;height:auto!important;max-width:90%!important;max-height:66px!important;object-fit:contain!important;object-position:center!important;margin:auto!important;transform:none!important}.brand-msi img{width:92%!important;max-width:220px!important;max-height:70px!important}.brand-western-digital img{width:96%!important;max-width:235px!important;max-height:74px!important}.brand-kingston img{width:78%!important;max-width:165px!important;max-height:48px!important}.brand-aoc img{max-width:122px!important;max-height:58px!important}@media(max-width:1460px){.brand-grid-v13{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media(max-width:980px){.brand-grid-v13{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:620px){.brand-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.brand-tile-v13{height:92px!important;min-height:92px!important;padding:14px!important}.brand-tile-v13 img{max-height:54px!important}}
.cta.cta-v13{background:radial-gradient(circle at 92% 0,rgba(255,196,0,.20),transparent 35%),linear-gradient(135deg,#121927,#080a0f)!important;border:1px solid rgba(255,196,0,.32)!important;color:#fff!important;box-shadow:0 28px 80px rgba(0,0,0,.35)!important}.cta.cta-v13 h2{color:#fff!important}.cta.cta-v13 p{color:#d5ddea!important}.cta.cta-v13 .btn{background:linear-gradient(135deg,var(--jdc-yellow),var(--jdc-yellow-2))!important;color:#080808!important}.cta.cta-v13 .btn.secondary{background:#07090d!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}.footer-brand{display:inline-block;margin-bottom:12px}.footer-brand img{width:150px!important;height:auto!important;max-height:150px!important;object-fit:contain!important;filter:drop-shadow(0 10px 26px rgba(255,196,0,.12))}.footer .vat-number{display:inline-block;margin-top:8px;color:#fff;font-weight:800}:focus-visible{outline:3px solid var(--jdc-yellow)!important;outline-offset:4px!important}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


:root{--header-h:136px}
.site-header{height:var(--header-h)!important;min-height:var(--header-h)!important;padding:0 clamp(18px,3vw,54px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;background:rgba(5,7,11,.98)!important}
.header-primary{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.08)}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-left:auto}
.header-action,.quote-link{height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:12px;font-size:13px;font-weight:900;line-height:1;white-space:nowrap;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.header-action:hover,.quote-link:hover{transform:translateY(-2px)}
.header-actions .support-link{color:#fff!important;background:linear-gradient(135deg,#087dcc,#24b8ff)!important;border:1px solid rgba(118,217,255,.55)!important;box-shadow:0 9px 24px rgba(0,144,230,.23)!important}
.header-actions .shop-link{color:#ffe15a!important;background:rgba(255,196,0,.065)!important;border:1px solid rgba(255,196,0,.65)!important}
.header-actions .quote-link,.mobile-nav-actions .quote-link{color:#07090d!important;background:linear-gradient(135deg,var(--jdc-yellow),var(--jdc-yellow-2))!important;border:1px solid rgba(255,224,100,.9)!important;box-shadow:0 9px 26px rgba(255,150,0,.22)!important}
.header-primary .nav-socials{display:flex!important;align-items:center;gap:6px}
.header-primary .nav-socials a{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:10px!important;background:rgba(255,255,255,.045)!important}
.header-primary .nav-socials svg{width:15px;height:15px;fill:#f5f7fb}
.main-nav{height:54px!important;display:flex!important;position:static!important;align-items:center!important;justify-content:center!important;gap:clamp(20px,2.5vw,46px)!important;margin:0!important;padding:0!important;overflow:visible!important;background:none!important;border:0!important;box-shadow:none!important}
.main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),.nav-dropdown-toggle{height:54px!important;display:inline-flex!important;align-items:center!important;padding:0 3px!important;border:0!important;background:none!important;color:#e7ebf2!important;font-size:15px!important;font-weight:850!important;letter-spacing:.005em!important;white-space:nowrap!important}
.main-nav>a.active,.main-nav>a:hover,.nav-dropdown-toggle:hover{color:var(--jdc-yellow)!important}
.main-nav>a.active:after{content:"";position:absolute;left:3px;right:3px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--jdc-yellow)}
.main-nav>a{position:relative}.mobile-nav-actions{display:none}.nav-toggle{display:none!important}
.home-hero-v13,.page-hero{padding-top:calc(var(--header-h) + 58px)!important}

@media (max-width:1450px) and (min-width:1180px){
  .site-header{padding-left:20px!important;padding-right:20px!important}
  .brand{min-width:215px!important}.brand-logo{width:54px!important;height:54px!important}.brand-text strong{font-size:19px!important}
  .header-primary .nav-socials{display:none!important}
  .header-action,.quote-link{padding-left:14px;padding-right:14px}
  .main-nav{gap:clamp(14px,2vw,30px)!important}.main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),.nav-dropdown-toggle{font-size:14px!important}
}
@media (max-width:1179px){
  :root{--header-h:78px}
  .site-header{height:var(--header-h)!important;min-height:var(--header-h)!important;padding:0 4vw!important;display:block!important}
  .header-primary{height:var(--header-h);border-bottom:0}
  .header-actions{display:none!important}.nav-toggle{display:flex!important}
  .main-nav{display:none!important;position:fixed!important;top:var(--header-h)!important;left:0!important;right:0!important;height:auto!important;max-height:calc(100vh - var(--header-h))!important;overflow:auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;padding:18px 4vw 30px!important;background:rgba(5,7,11,.995)!important;border-top:1px solid rgba(255,255,255,.1)!important;box-shadow:0 30px 70px rgba(0,0,0,.55)!important}
  .main-nav.open{display:flex!important}
  .main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),.nav-dropdown-toggle{width:100%!important;height:auto!important;min-height:48px!important;padding:13px 16px!important;border-radius:12px!important;font-size:15px!important;text-align:left!important}
  .main-nav>a.active:after{display:none}
  .mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px}
  .mobile-nav-actions a{min-height:46px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:12px;font-weight:900;text-align:center}
  .mobile-nav-actions .quote-link{grid-column:1/-1}
}
@media(max-width:560px){.mobile-nav-actions{grid-template-columns:1fr}.mobile-nav-actions .quote-link{grid-column:auto}}

/* Brand wall final optical sizing */
.brand-msi img{width:96%!important;max-width:245px!important;max-height:76px!important}
.brand-western-digital img{width:100%!important;max-width:255px!important;max-height:78px!important}
\n\n
:root{--header-h:82px}
.site-header{height:var(--header-h)!important;min-height:var(--header-h)!important;padding:0 clamp(14px,1.4vw,28px)!important;display:block!important;background:rgba(5,7,11,.985)!important}
.header-primary{height:var(--header-h)!important;display:flex!important;align-items:center!important;gap:clamp(10px,1vw,18px)!important;border-bottom:0!important;max-width:1920px;margin:0 auto}
.brand{min-width:0!important;flex:0 0 auto!important;margin:0!important;gap:0!important}
.brand-logo-horizontal{display:block;width:clamp(205px,14vw,285px)!important;height:auto!important;max-height:62px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(255,196,0,.10))}
.header-primary>.main-nav{height:var(--header-h)!important;display:flex!important;position:static!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;gap:clamp(9px,.85vw,17px)!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
.header-primary>.main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),.header-primary>.main-nav .nav-dropdown-toggle{height:var(--header-h)!important;min-height:0!important;display:inline-flex!important;align-items:center!important;padding:0 1px!important;font-size:clamp(11px,.66vw,13px)!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important}
.header-primary>.main-nav>a.active:after{bottom:0!important;height:3px!important}
.header-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-left:0!important;flex:0 0 auto!important}
.header-action,.quote-link{height:40px!important;padding:0 13px!important;border-radius:10px!important;font-size:12px!important;gap:6px!important}
.header-primary .nav-socials a{width:30px!important;height:30px!important;border-radius:9px!important}
.header-primary .nav-socials svg{width:13px!important;height:13px!important}
.home-hero-v13,.page-hero{padding-top:calc(var(--header-h) + 42px)!important}
.footer-brand{display:block!important;margin-bottom:18px!important}
.footer-brand img{display:block!important;width:min(100%,300px)!important;height:auto!important;max-height:90px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 10px 24px rgba(255,196,0,.10))!important}
@media (max-width:1740px) and (min-width:1280px){.header-primary .nav-socials{display:none!important}.brand-logo-horizontal{width:220px!important}.header-primary>.main-nav{gap:9px!important}.header-action,.quote-link{padding:0 11px!important;font-size:11px!important}}
@media (max-width:1460px) and (min-width:1280px){.brand-logo-horizontal{width:195px!important}.header-primary>.main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),.header-primary>.main-nav .nav-dropdown-toggle{font-size:11px!important}.header-actions{gap:5px!important}.header-action,.quote-link{padding:0 9px!important}.header-actions .support-link{max-width:126px;text-align:center}}
@media (max-width:1279px){:root{--header-h:76px}.site-header{height:var(--header-h)!important;min-height:var(--header-h)!important;padding:0 4vw!important}.header-primary{height:var(--header-h)!important}.brand-logo-horizontal{width:220px!important;max-height:58px!important}.header-primary>.main-nav{display:none!important;position:fixed!important;top:var(--header-h)!important;left:0!important;right:0!important;height:auto!important;max-height:calc(100vh - var(--header-h))!important;overflow:auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;padding:18px 4vw 30px!important;background:rgba(5,7,11,.995)!important;border-top:1px solid rgba(255,255,255,.1)!important;box-shadow:0 30px 70px rgba(0,0,0,.55)!important}.header-primary>.main-nav.open{display:flex!important}.header-primary>.main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),.header-primary>.main-nav .nav-dropdown-toggle{width:100%!important;height:auto!important;min-height:48px!important;padding:13px 16px!important;border-radius:12px!important;font-size:15px!important;text-align:left!important}.header-actions{display:none!important}.nav-toggle{display:flex!important;margin-left:auto!important}.home-hero-v13,.page-hero{padding-top:calc(var(--header-h) + 42px)!important}}
@media(max-width:560px){.brand-logo-horizontal{width:185px!important;max-height:52px!important}}


:root{--header-h:86px}
.site-header{height:var(--header-h)!important;min-height:var(--header-h)!important}
.header-primary{height:var(--header-h)!important}
.brand-logo-horizontal{
  width:190px!important;
  height:74px!important;
  max-height:74px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 7px 18px rgba(255,196,0,.13))!important;
}
.header-primary>.main-nav{height:var(--header-h)!important;gap:clamp(10px,.78vw,16px)!important}
.header-primary>.main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),
.header-primary>.main-nav .nav-dropdown-toggle{
  height:var(--header-h)!important;
  font-size:clamp(13px,.76vw,15px)!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}
.header-action,.quote-link{font-size:13px!important;font-weight:900!important}

/* Official social colours in the desktop header. */
.header-primary .nav-socials a{border:0!important;box-shadow:0 6px 16px rgba(0,0,0,.22)!important;transition:transform .18s ease,filter .18s ease!important}
.header-primary .nav-socials a:hover{transform:translateY(-2px)!important;filter:brightness(1.12)!important}
.header-primary .nav-socials a:nth-child(1){background:#1877f2!important}
.header-primary .nav-socials a:nth-child(2){background:radial-gradient(circle at 30% 105%,#fdf497 0 5%,#fdf49700 25%),radial-gradient(circle at 0 100%,#fd5949 0 30%,#d6249f 55%,#285aeb 100%)!important}
.header-primary .nav-socials a:nth-child(3){background:#ff0000!important}
.header-primary .nav-socials a:nth-child(4){background:#0a66c2!important}
.header-primary .nav-socials svg{fill:#fff!important;width:15px!important;height:15px!important}

/* New horizontal logo in footer, large enough to remain readable. */
.footer-brand img{
  width:min(100%,330px)!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 10px 28px rgba(255,196,0,.12))!important;
}

/* Social links in footer use the actual platform colours. */
.footer-social-icons{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-top:18px!important}
.footer-social-icons a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 12px!important;border-radius:9px!important;color:#fff!important;font-size:12px!important;font-weight:800!important;border:0!important;transition:transform .18s ease,filter .18s ease!important}
.footer-social-icons a:hover{transform:translateY(-2px)!important;filter:brightness(1.12)!important}
.footer-social-icons a:nth-child(1){background:#1877f2!important}
.footer-social-icons a:nth-child(2){background:linear-gradient(135deg,#f9ce34,#ee2a7b 48%,#6228d7)!important}
.footer-social-icons a:nth-child(3){background:#ff0000!important}
.footer-social-icons a:nth-child(4){background:#25d366!important;color:#06150b!important}
.footer-social-icons a:nth-child(5){background:#0a66c2!important}

@media (min-width:1280px) and (max-width:1600px){
  .brand-logo-horizontal{width:170px!important;height:68px!important;max-height:68px!important}
  .header-primary>.main-nav{gap:8px!important}
  .header-primary>.main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),
  .header-primary>.main-nav .nav-dropdown-toggle{font-size:13px!important}
  .header-action,.quote-link{font-size:12px!important;padding-left:10px!important;padding-right:10px!important}
}
@media (max-width:1279px){
  :root{--header-h:76px}
  .brand-logo-horizontal{width:175px!important;height:66px!important;max-height:66px!important}
}
@media(max-width:560px){.brand-logo-horizontal{width:155px!important;height:60px!important;max-height:60px!important}}


.brand-logo-horizontal{
  width:clamp(205px,15vw,300px)!important;
  height:auto!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:0!important;
  filter:none!important;
}
.footer-brand img{
  width:min(100%,310px)!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}
@media (max-width:1740px) and (min-width:1280px){
  .brand-logo-horizontal{width:225px!important;max-height:66px!important}
}
@media (max-width:1460px) and (min-width:1280px){
  .brand-logo-horizontal{width:198px!important;max-height:60px!important}
}
@media (max-width:1279px){
  .brand-logo-horizontal{width:215px!important;max-height:62px!important}
}
@media (max-width:560px){
  .brand-logo-horizontal{width:175px!important;max-height:54px!important}
  .footer-brand img{width:250px!important}
}


.google-reviews-v156{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:22px;align-items:stretch}.google-reviews-copy-v156,.google-map-v156{border:1px solid rgba(255,255,255,.13);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03))}.google-reviews-copy-v156{padding:34px;display:flex;flex-direction:column;justify-content:center}.google-reviews-copy-v156 h3{font-size:30px;margin:12px 0}.google-reviews-copy-v156 p{color:#b9c4d4;font-size:17px;line-height:1.65}.google-reviews-stars-v156{color:#ffd000;font-size:25px;letter-spacing:.12em;font-weight:900}.google-reviews-actions-v156{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.google-map-v156 iframe{display:block;width:100%;height:100%;min-height:360px;border:0;filter:saturate(.9) contrast(1.05)}
@media(max-width:980px){.google-reviews-v156{grid-template-columns:1fr}.google-map-v156 iframe{min-height:320px}}


.microsoft-solutions-card{position:relative;overflow:hidden;isolation:isolate}
.microsoft-solutions-card:before{content:"";position:absolute;inset:auto -10% -65% 35%;height:420px;background:radial-gradient(circle,rgba(0,120,212,.25),rgba(93,52,206,.11) 38%,transparent 70%);z-index:-1;pointer-events:none}
.microsoft-solutions-copy{min-width:0}
.microsoft-solutions-visual{min-height:285px;border-radius:28px;padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;text-decoration:none;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(74,144,245,.34),transparent 34%),linear-gradient(145deg,#0c1424,#070a10 68%);border:1px solid rgba(255,208,0,.34);box-shadow:0 26px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.microsoft-solutions-visual:hover{transform:translateY(-4px);border-color:rgba(255,208,0,.78);box-shadow:0 32px 80px rgba(0,0,0,.46),0 0 28px rgba(255,208,0,.08)}
.microsoft-solutions-visual img{width:min(230px,80%);height:auto;max-height:62px;object-fit:contain;object-position:left center;filter:none!important}
.microsoft-solutions-visual strong{font-size:clamp(30px,3vw,48px);line-height:1;letter-spacing:-.045em}
.microsoft-solutions-visual>span{color:#c9d6ea;font-size:15px;line-height:1.45}
.microsoft-solutions-visual ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:9px;color:#f4f7fb;font-weight:750}
.microsoft-solutions-visual li:before{content:"✓";color:var(--yellow);margin-right:10px;font-weight:950}
@media(max-width:900px){.microsoft-solutions-card{grid-template-columns:1fr!important}.microsoft-solutions-visual{min-height:230px}}

.cookie-consent__actions .cookie-link-button{appearance:none;border:0;background:transparent;color:#fff;text-decoration:underline;cursor:pointer;font:inherit;padding:8px 4px}.cookie-consent__actions #cookieNecessary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}
.footer .cookie-link-button{display:block;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;line-height:1.8;text-align:left;cursor:pointer}.footer .cookie-link-button:hover{color:var(--yellow)}


/* Remote support pricing notice */
.remote-price-notice{display:grid;gap:.35rem;max-width:760px;margin:1.35rem 0;padding:1rem 1.15rem;border:1px solid rgba(255,196,0,.55);border-left:4px solid #ffc400;border-radius:14px;background:rgba(255,196,0,.08);box-shadow:0 14px 38px rgba(0,0,0,.2)}
.remote-price-notice strong{color:#ffc400;font-size:1.05rem}
.remote-price-notice span{color:#e8ebf2;line-height:1.65}

/* =========================================================
   JDC v18.5 — Branding & navigation production pass
   ========================================================= */
:root{
  --brand-yellow:#ffd000;
  --brand-yellow-soft:#ffe36a;
  --brand-black:#050608;
}
.site-header{
  background:linear-gradient(180deg,rgba(2,3,5,.985),rgba(5,7,11,.94))!important;
  border-bottom:1px solid rgba(255,208,0,.16)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.42)!important;
}
.brand{min-width:0!important;flex:0 0 auto!important}
.brand-logo-horizontal{
  width:clamp(215px,15vw,305px)!important;
  height:70px!important;
  max-height:70px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 9px 24px rgba(255,208,0,.12))!important;
}
.header-primary>.main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),
.header-primary>.main-nav .nav-dropdown-toggle{
  border-radius:10px!important;
  transition:color .2s ease,background .2s ease,transform .2s ease!important;
}
.header-primary>.main-nav>a:hover,
.header-primary>.main-nav>a.active,
.header-primary>.main-nav .nav-dropdown-toggle:hover{
  background:rgba(255,208,0,.08)!important;
}
.header-actions{gap:8px!important}
.header-action,.mobile-nav-actions a{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  padding:0 15px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  box-shadow:none!important;
}
.header-actions .support-link,.mobile-nav-actions .support-link{
  color:#fff!important;
  background:linear-gradient(135deg,#1b2738,#0c121d)!important;
  border:1px solid rgba(92,200,255,.42)!important;
}
.header-actions .shop-link,.mobile-nav-actions .shop-link{
  color:#ffe36a!important;
  background:rgba(255,208,0,.075)!important;
  border:1px solid rgba(255,208,0,.52)!important;
}
.header-actions .quote-link,.mobile-nav-actions .quote-link{
  color:#050608!important;
  background:linear-gradient(135deg,#ffe36a,#ffd000 55%,#ff9d00)!important;
  border:1px solid rgba(255,235,150,.9)!important;
  box-shadow:0 10px 28px rgba(255,174,0,.18)!important;
}
.header-actions .header-action:hover,.mobile-nav-actions a:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important}
.nav-socials a{border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.045)!important}
.nav-socials a:hover{border-color:rgba(255,208,0,.55)!important;background:rgba(255,208,0,.10)!important}
.footer-brand img{
  width:min(100%,330px)!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 12px 30px rgba(255,208,0,.13))!important;
}
.footer-cta{
  border-color:rgba(255,208,0,.22)!important;
  background:radial-gradient(circle at 90% 0,rgba(255,208,0,.13),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
}
.footer-cta-actions .btn:first-child{background:linear-gradient(135deg,#1d2b3e,#0c121c)!important;color:#fff!important;border:1px solid rgba(92,200,255,.40)!important}
.footer-cta-actions .btn.secondary:last-child{border-color:rgba(255,208,0,.48)!important;color:#ffe36a!important}
@media(max-width:1740px) and (min-width:1280px){.brand-logo-horizontal{width:230px!important;height:66px!important}}
@media(max-width:1460px) and (min-width:1280px){.brand-logo-horizontal{width:205px!important;height:62px!important}}
@media(max-width:1279px){.brand-logo-horizontal{width:225px!important;height:62px!important}.mobile-nav-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important}.mobile-nav-actions a{padding:13px 12px!important;min-height:50px!important;text-align:center!important}}
@media(max-width:640px){.brand-logo-horizontal{width:180px!important;height:56px!important}.mobile-nav-actions{grid-template-columns:1fr!important}.footer-brand img{width:270px!important;max-height:96px!important}}

/* =========================================================
   JDC v19.0 — Services, websites, portfolio and contact polish
   ========================================================= */
.services-hub-v19 .page-hero,.websites-v19 .page-hero,.portfolio-v19 .page-hero{background:radial-gradient(circle at 82% 10%,rgba(255,208,0,.14),transparent 30%),linear-gradient(180deg,#080b11,#05070b)}
.service-catalog-v19{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.service-card-v19{display:flex;gap:18px;min-height:220px;padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));color:#fff;text-decoration:none;box-shadow:0 20px 54px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.service-card-v19:hover{transform:translateY(-5px);border-color:rgba(255,208,0,.52);background:linear-gradient(180deg,rgba(255,208,0,.09),rgba(255,255,255,.025))}
.service-icon-v19{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(255,208,0,.1);border:1px solid rgba(255,208,0,.28);color:var(--yellow);font-size:23px;font-weight:900}
.service-card-v19 h3{margin:3px 0 10px;font-size:21px}.service-card-v19 p{margin:0 0 18px;color:var(--muted);line-height:1.65}.service-card-v19 div>span{color:var(--yellow);font-weight:850;font-size:14px}
.value-strip-v19{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px!important;background:rgba(255,255,255,.11);border-radius:24px;overflow:hidden}.value-strip-v19>div{padding:28px;background:#0a0d13}.value-strip-v19 strong,.value-strip-v19 span{display:block}.value-strip-v19 strong{font-size:18px;color:#fff}.value-strip-v19 span{margin-top:7px;color:var(--muted);line-height:1.5}
.website-value-grid-v19{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:24px;align-items:stretch}.website-value-main-v19,.website-benefits-v19{border:1px solid rgba(255,255,255,.11);border-radius:28px;background:rgba(255,255,255,.035)}.website-value-main-v19{padding:38px}.website-value-main-v19 h2{font-size:clamp(30px,4vw,52px);line-height:1.05;margin:12px 0 18px}.website-value-main-v19 p{color:var(--muted);font-size:17px;line-height:1.7}.website-benefits-v19{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.website-benefits-v19 article{padding:26px;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.website-benefits-v19 article:nth-child(2n){border-right:0}.website-benefits-v19 article:nth-last-child(-n+2){border-bottom:0}.website-benefits-v19 strong,.website-benefits-v19 span{display:block}.website-benefits-v19 strong{color:var(--yellow);font-size:18px}.website-benefits-v19 span{margin-top:8px;color:var(--muted);line-height:1.55}
.process-grid-v19{grid-template-columns:repeat(5,1fr)}.process-grid-v19 .process{min-height:230px}
.hosting-care-v19{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:26px;align-items:center;border:1px solid rgba(255,208,0,.2);border-radius:30px;background:radial-gradient(circle at 90% 10%,rgba(255,208,0,.11),transparent 35%),rgba(255,255,255,.025);padding:42px!important}.hosting-care-v19 h2{font-size:clamp(30px,4vw,48px);margin:12px 0}.hosting-care-v19 p{color:var(--muted);font-size:17px;line-height:1.7}.care-list-v19{display:grid;grid-template-columns:1fr 1fr;gap:12px}.care-list-v19 span{padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);font-weight:780}
.seo-feature-grid-v19{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.seo-feature-grid-v19 article{padding:28px;border-radius:22px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}.seo-feature-grid-v19 h3{margin-top:0}.seo-feature-grid-v19 p{color:var(--muted);line-height:1.65}
.project-grid-v19{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card-v19{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 22px 60px rgba(0,0,0,.22);transition:transform .22s ease,border-color .22s ease}.project-card-v19:hover{transform:translateY(-5px);border-color:rgba(255,208,0,.45)}.project-status-v19{position:absolute;z-index:2;top:16px;right:16px;padding:7px 10px;border-radius:999px;background:rgba(5,7,11,.82);border:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.project-visual-v19{min-height:220px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 75% 20%,rgba(255,208,0,.28),transparent 26%),linear-gradient(135deg,#1a1f29,#090b10)}.project-visual-v19 strong{font-size:clamp(38px,5vw,68px);line-height:.9;letter-spacing:-.06em}.project-visual-v19 small{margin-top:12px;color:#d6deea;font-weight:700}.project-kuva-v19{background:radial-gradient(circle at 78% 20%,rgba(219,169,60,.42),transparent 28%),linear-gradient(135deg,#382d1c,#11100d)}.project-jdc-v19{background:radial-gradient(circle at 78% 20%,rgba(255,208,0,.36),transparent 28%),linear-gradient(135deg,#121722,#050608)}.project-copy-v19{padding:27px}.project-copy-v19 h3{margin:0 0 10px;font-size:24px}.project-copy-v19 p{color:var(--muted);line-height:1.65}.project-tags-v19{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.project-tags-v19 span{padding:7px 9px;border-radius:999px;background:rgba(255,208,0,.08);border:1px solid rgba(255,208,0,.2);color:#ffe36a;font-size:12px;font-weight:800}.text-link-v19{display:inline-block;margin-top:14px;color:var(--yellow);font-weight:850;text-decoration:none}
.portfolio-category-grid-v19{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portfolio-category-grid-v19 a{padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);color:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.portfolio-category-grid-v19 a:hover{transform:translateY(-4px);border-color:rgba(255,208,0,.48)}.portfolio-category-grid-v19 span{color:var(--yellow);font-weight:900}.portfolio-category-grid-v19 h3{font-size:22px}.portfolio-category-grid-v19 p{color:var(--muted);line-height:1.6}.portfolio-category-grid-v19 strong{color:#ffe36a;font-size:14px}.gallery-v19 figure{border-radius:18px;overflow:hidden}
.contact-priority-v19{padding-bottom:10px!important}.contact-route-grid-v19{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.contact-route-card-v19{display:flex;gap:15px;align-items:center;min-height:120px;padding:22px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.contact-route-card-v19:hover{transform:translateY(-4px);border-color:rgba(255,208,0,.52)}.contact-route-card-v19>span{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,208,0,.1);color:var(--yellow);font-size:20px;font-weight:900}.contact-route-card-v19 strong,.contact-route-card-v19 small{display:block}.contact-route-card-v19 strong{font-size:17px}.contact-route-card-v19 small{margin-top:6px;color:var(--muted);line-height:1.45}.route-whatsapp-v19>span{color:#62e990;background:rgba(37,211,102,.11)}.route-support-v19>span{color:#78d8ff;background:rgba(70,180,255,.11)}.contact-layout-v19{align-items:start}.contact-form-intro-v19{color:var(--muted);line-height:1.6;margin-top:-2px}
.btn,.header-action,.quote-link{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
@media(max-width:1180px){.service-catalog-v19{grid-template-columns:repeat(2,1fr)}.process-grid-v19{grid-template-columns:repeat(3,1fr)}.portfolio-category-grid-v19,.contact-route-grid-v19{grid-template-columns:repeat(2,1fr)}.project-grid-v19{grid-template-columns:1fr 1fr}.project-future-v19{grid-column:1/-1}.website-value-grid-v19,.hosting-care-v19{grid-template-columns:1fr}}
@media(max-width:760px){.service-catalog-v19,.project-grid-v19,.seo-feature-grid-v19,.portfolio-category-grid-v19,.contact-route-grid-v19,.value-strip-v19{grid-template-columns:1fr}.project-future-v19{grid-column:auto}.service-card-v19{min-height:0;padding:22px}.website-value-main-v19,.hosting-care-v19{padding:26px!important}.website-benefits-v19{grid-template-columns:1fr}.website-benefits-v19 article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important}.website-benefits-v19 article:last-child{border-bottom:0!important}.process-grid-v19{grid-template-columns:1fr}.care-list-v19{grid-template-columns:1fr}.project-visual-v19{min-height:180px}.contact-route-card-v19{min-height:100px}}


/* =========================================================
   JDC v20.2.1 — Restore transparent full-size header logo
   ========================================================= */
.brand-logo-horizontal{
  width:clamp(235px,16vw,330px)!important;
  height:76px!important;
  max-height:76px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}
.footer-brand img{
  width:min(100%,360px)!important;
  height:auto!important;
  max-height:124px!important;
  background:transparent!important;
}
@media(max-width:1740px) and (min-width:1280px){.brand-logo-horizontal{width:245px!important;height:70px!important;max-height:70px!important}}
@media(max-width:1460px) and (min-width:1280px){.brand-logo-horizontal{width:220px!important;height:66px!important;max-height:66px!important}}
@media(max-width:1279px){.brand-logo-horizontal{width:235px!important;height:64px!important;max-height:64px!important}}
@media(max-width:640px){.brand-logo-horizontal{width:195px!important;height:58px!important;max-height:58px!important}.footer-brand img{width:290px!important;max-height:104px!important}}

/* =========================================================
   JDC v20.4 — Stable desktop navigation + usable mobile menu
   Single authoritative navigation state. Keep this block last.
   ========================================================= */
.site-header,
.header-primary,
.main-nav,
.nav-dropdown,
.nav-dropdown-menu,
.header-actions,
.nav-toggle {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.site-header {
  visibility:visible!important;
  opacity:1!important;
  isolation:isolate;
}

.header-primary {
  width:100%!important;
  min-width:0!important;
}

.header-primary>.brand,
.header-primary>.main-nav,
.header-primary>.header-actions,
.header-primary>.nav-toggle {
  visibility:visible!important;
  opacity:1!important;
}

/* Normal navigation stays visible on desktop, laptop and larger tablets. */
@media (min-width:1024px) {
  .header-primary>.main-nav {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:auto!important;
    height:var(--header-h)!important;
    max-height:none!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }

  .header-primary>.nav-toggle {
    display:none!important;
  }

  .header-primary>.header-actions {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .header-primary>.main-nav>.mobile-nav-actions {
    display:none!important;
  }
}

/* Compact desktop mode: keep all actual menu items visible instead of
   prematurely switching a desktop monitor to the hamburger menu. */
@media (min-width:1024px) and (max-width:1399px) {
  .site-header { padding-left:2vw!important; padding-right:2vw!important; }
  .brand-logo-horizontal { width:175px!important; height:auto!important; max-height:58px!important; }
  .header-primary>.main-nav { gap:4px!important; justify-content:center!important; }
  .header-primary>.main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),
  .header-primary>.main-nav .nav-dropdown-toggle {
    font-size:10.5px!important;
    padding-left:5px!important;
    padding-right:5px!important;
    white-space:nowrap!important;
  }
  .header-primary>.header-actions { gap:4px!important; flex:0 0 auto!important; }
  .header-primary>.header-actions .nav-socials { display:none!important; }
  .header-primary>.header-actions .header-action { padding:0 8px!important; font-size:10px!important; }
  .header-primary>.header-actions .support-link { display:none!important; }
}

/* On narrower laptop windows, keep the navigation but reserve space by
   hiding the optional action buttons; those destinations remain in the site. */
@media (min-width:1024px) and (max-width:1179px) {
  .brand-logo-horizontal { width:150px!important; max-height:52px!important; }
  .header-primary>.main-nav { gap:2px!important; }
  .header-primary>.main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),
  .header-primary>.main-nav .nav-dropdown-toggle {
    font-size:9.5px!important;
    padding-left:3px!important;
    padding-right:3px!important;
  }
  .header-primary>.header-actions { display:none!important; }
}

/* Hamburger is now reserved for real tablet / phone widths. */
@media (max-width:1023px) {
  :root { --header-h:76px; }
  .site-header {
    height:var(--header-h)!important;
    min-height:var(--header-h)!important;
    padding:0 4vw!important;
  }
  .header-primary { height:var(--header-h)!important; }

  .header-primary>.main-nav {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    position:fixed!important;
    top:var(--header-h)!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    min-width:100vw!important;
    height:calc(100dvh - var(--header-h))!important;
    max-height:calc(100dvh - var(--header-h))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:18px max(4vw,18px) 34px!important;
    background:#05070b!important;
    border-top:1px solid rgba(255,255,255,.1)!important;
    box-shadow:0 30px 70px rgba(0,0,0,.65)!important;
    z-index:999!important;
  }

  .header-primary>.main-nav.open {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  .header-primary>.main-nav>a:not(.support-link):not(.shop-link):not(.quote-link),
  .header-primary>.main-nav .nav-dropdown-toggle {
    width:100%!important;
    min-height:52px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:14px 16px!important;
    border-radius:13px!important;
    font-size:16px!important;
    text-align:left!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }

  .header-primary>.nav-toggle {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    margin-left:auto!important;
    width:48px!important;
    height:48px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.12)!important;
  }

  .header-primary>.header-actions { display:none!important; }

  .header-primary>.main-nav .mobile-nav-actions {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    margin-top:10px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(255,255,255,.1)!important;
  }

  .header-primary>.main-nav .mobile-nav-actions a {
    min-height:52px!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px!important;
    border-radius:13px!important;
    font-size:14px!important;
    font-weight:900!important;
    text-align:center!important;
  }

  .home-hero-v13,.page-hero { padding-top:calc(var(--header-h) + 42px)!important; }
}

@media (max-width:640px) {
  .brand-logo-horizontal { width:190px!important; height:auto!important; max-height:58px!important; }
  .header-primary>.main-nav .mobile-nav-actions { grid-template-columns:1fr!important; }
}

body.nav-open { overflow:hidden; }

/* Avoid a compositor/backdrop-filter glitch ever hiding the fixed header. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .site-header { background:#05070b!important; }
}