:root{
  --ink:#061735;--ink2:#0b2c5e;--blue:#0c5adb;--blue2:#1c7dff;--gold:#ffc451;--soft:#eef5ff;--line:rgba(10,32,70,.12);--muted:#5c6b86;--white:#fff;--shadow:0 22px 60px rgba(7,23,53,.16);--radius:28px;--max:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Montserrat,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}img,video{max-width:100%;height:auto}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.container{width:min(var(--max),92vw);margin-inline:auto}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:9999;background:#fff;padding:10px 14px;border-radius:10px}.top-strip{background:#041124;color:#d9e8ff;font-size:13px}.top-strip__inner{width:min(var(--max),92vw);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 0}.top-strip a{color:#fff;text-decoration:none;font-weight:800}.site-header{position:sticky;top:0;z-index:1000;background:rgba(6,23,53,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{width:min(var(--max),92vw);margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;text-decoration:none}.logo img{width:173px;height:auto;display:block}.nav-menu{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.nav-menu>li{position:relative}.nav-menu a,.nav-menu button{font:inherit;text-decoration:none;color:#eaf3ff;background:none;border:0;padding:12px 12px;border-radius:999px;font-weight:800;font-size:14px;cursor:pointer}.nav-menu a:hover,.nav-menu button:hover{background:rgba(255,255,255,.09)}.nav-cta{background:var(--gold)!important;color:#061735!important;padding:12px 18px!important;box-shadow:0 10px 28px rgba(255,196,81,.22)}.dropdown{position:absolute;top:100%;left:0;min-width:270px;background:#fff;color:var(--ink);border-radius:20px;box-shadow:var(--shadow);padding:10px;border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}.has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown a{display:block;color:var(--ink2);border-radius:14px;padding:11px 12px}.dropdown span{display:block;color:var(--muted);font-size:12px;font-weight:600}.menu-toggle{display:none;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:14px;width:46px;height:46px;font-size:26px}.hero{position:relative;isolation:isolate;background:#061735;color:#fff;overflow:hidden}.hero--home{min-height:720px;display:flex;align-items:center}.hero video,.hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(1.1) brightness(1.08)}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,23,53,.88) 0%,rgba(6,23,53,.72) 42%,rgba(6,23,53,.36) 74%,rgba(6,23,53,.18) 100%);z-index:-2}.hero::after{content:"";position:absolute;inset:auto -20% -45% -20%;height:50%;background:radial-gradient(circle at 50% 0%,rgba(28,125,255,.30),transparent 60%);z-index:-1}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:42px;align-items:center;padding:88px 0 80px}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:12px;color:#94c4ff}.eyebrow::before{content:"";width:38px;height:3px;border-radius:999px;background:var(--gold)}h1,h2,h3,h4{line-height:1.1;margin:0 0 14px;color:inherit}h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.045em}h2{font-size:clamp(30px,4.2vw,52px);letter-spacing:-.035em;color:var(--ink2)}h3{font-size:24px;color:var(--ink2)}p{margin:0 0 16px}.hero-lede{font-size:clamp(17px,2vw,22px);max-width:66ch;color:rgba(255,255,255,.88)}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:999px;min-height:50px;padding:0 22px;font-weight:900;border:1px solid transparent;transition:.16s ease}.btn--primary{background:var(--gold);color:#08152f;box-shadow:0 16px 36px rgba(255,196,81,.26)}.btn--secondary{background:#fff;color:var(--ink2)}.btn--ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);color:#fff}.btn--blue{background:var(--blue);color:#fff}.btn:hover{transform:translateY(-2px)}.hero-card{background:rgba(255,255,255,.92);color:var(--ink);border:1px solid rgba(255,255,255,.36);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;backdrop-filter:blur(14px)}.hero-card__media{background:linear-gradient(180deg,#fff,#eef5ff);border-radius:22px;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-card__media img{width:100%;height:100%;object-fit:contain;display:block}.hero-card__body{padding:18px 8px 4px}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);background:#f7faff;color:var(--ink2);border-radius:999px;padding:7px 10px;font-weight:800;font-size:12px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;max-width:760px}.stat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px}.stat strong{display:block;font-size:22px;color:#fff}.stat span{display:block;color:rgba(255,255,255,.76);font-size:13px}.section{padding:86px 0}.section--tint{background:linear-gradient(180deg,#f4f8ff,#fff)}.section--dark{background:linear-gradient(135deg,#061735,#0b2c5e);color:#fff}.section--dark h2,.section--dark h3{color:#fff}.section-intro{text-align:center;max-width:860px;margin:0 auto 34px}.section-intro p{color:var(--muted);font-size:18px}.section--dark .section-intro p{color:rgba(255,255,255,.76)}.grid{display:grid;gap:22px}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 38px rgba(7,23,53,.08);overflow:hidden}.card--pad{padding:26px}.card-media{aspect-ratio:4/3;background:#f1f6ff;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:contain}.card-body{padding:24px}.card-body p,.card--pad p{color:var(--muted)}.card-link{text-decoration:none;display:flex;flex-direction:column;height:100%;transition:.16s ease}.card-link:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(7,23,53,.14)}.card-link .btn-text{margin-top:auto;color:var(--blue);font-weight:900}.badge{display:inline-flex;background:#eaf3ff;color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:7px 10px;margin-bottom:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split-media{border-radius:var(--radius);overflow:hidden;background:#f3f7ff;box-shadow:var(--shadow);min-height:360px;display:flex;align-items:center;justify-content:center}.split-media img{width:100%;height:100%;object-fit:contain}.check-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}.check-list li{position:relative;padding-left:30px;color:#31425f}.check-list li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e8f4ff;color:var(--blue);font-weight:900;font-size:13px}.feature-card{position:relative;padding:26px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 28px rgba(7,23,53,.06)}.feature-card::before{content:"";position:absolute;top:0;left:26px;width:68px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--blue))}.feature-card h3{font-size:20px;margin-top:8px}.feature-card p{color:var(--muted)}.product-hero{background:linear-gradient(135deg,#061735,#123f83);color:#fff;padding:78px 0}.breadcrumb{font-size:13px;color:rgba(255,255,255,.74);margin-bottom:20px}.breadcrumb a{color:#fff;text-decoration:none;font-weight:800}.product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:42px;align-items:center}.product-hero h1{font-size:clamp(38px,5.2vw,66px)}.product-hero p{color:rgba(255,255,255,.82);font-size:19px}.product-image-box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;min-height:360px;display:flex;align-items:center;justify-content:center}.product-image-box img{object-fit:contain}.spec-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 14px 32px rgba(7,23,53,.07)}.spec-table th,.spec-table td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line)}.spec-table th{width:34%;color:var(--ink2);background:#f6f9ff}.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}.cta-panel{background:linear-gradient(135deg,#0b2c5e,#0c5adb);color:#fff;border-radius:var(--radius);padding:36px;box-shadow:var(--shadow)}.cta-panel h2,.cta-panel h3{color:#fff}.cta-panel p{color:rgba(255,255,255,.82)}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mini-card{background:#f7faff;border:1px solid var(--line);border-radius:18px;padding:18px}.mini-card h3{font-size:19px}.mini-card p{color:var(--muted);font-size:15px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start}.contact-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 16px 38px rgba(7,23,53,.08)}.contact-card a{color:var(--blue);font-weight:900;text-decoration:none}.form{display:grid;gap:14px}.form label{font-weight:900;color:var(--ink2);font-size:14px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff}.form textarea{min-height:138px;resize:vertical}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form button{border:0}.small{font-size:13px;color:var(--muted)}.faq{display:grid;gap:14px}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 22px rgba(7,23,53,.05)}.faq summary{cursor:pointer;font-weight:900;color:var(--ink2)}.faq p{margin-top:12px;color:var(--muted)}.footer{background:#041124;color:#d9e8ff;padding:58px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}.footer h3{color:#fff;font-size:18px}.footer a{color:#d9e8ff;text-decoration:none}.footer a:hover{color:#fff}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.10);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;color:#9db1cf;font-size:13px}.mobile-contact{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:#061735;border-top:1px solid rgba(255,255,255,.12)}.mobile-contact a{flex:1;text-align:center;color:#fff;text-decoration:none;font-weight:900;padding:13px 10px}.mobile-contact a:last-child{background:var(--gold);color:#061735}.page-hero{background:linear-gradient(135deg,#061735,#123f83);color:#fff;padding:72px 0}.page-hero h1{font-size:clamp(38px,5vw,64px)}.page-hero p{max-width:850px;color:rgba(255,255,255,.82);font-size:19px}.article{max-width:900px;margin:auto}.article h2{margin-top:36px}.article p,.article li{color:#394966;font-size:17px}.article ul,.article ol{padding-left:22px}.toc{background:#f6f9ff;border:1px solid var(--line);border-radius:22px;padding:22px;margin:26px 0}.toc a{color:var(--blue);font-weight:800;text-decoration:none}.notice{border-left:5px solid var(--gold);background:#fff8e7;border-radius:16px;padding:18px;color:#493b16;margin:24px 0}.gallery-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.gallery-strip img{aspect-ratio:1/1;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px}.legal{max-width:900px}.legal p,.legal li{color:#394966}.video-panel{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#061735}.video-panel video{display:block;width:100%;height:auto;min-height:240px;object-fit:cover}.callout-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.callout{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px}.callout p{color:rgba(255,255,255,.75)}@media (max-width:980px){.top-strip__inner{display:none}.nav{min-height:66px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-menu{position:fixed;top:66px;left:0;right:0;background:#061735;display:none;flex-direction:column;align-items:stretch;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.nav-menu.is-open{display:flex}.nav-menu a,.nav-menu button{display:block;text-align:left;border-radius:12px}.dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);display:none}.has-dropdown.is-open .dropdown{display:block}.dropdown a{color:#fff}.dropdown span{color:#b7c8e5}.hero--home{min-height:auto}.hero-grid,.product-hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:72px 0}.hero-card{max-width:560px}.grid--3,.grid--4,.footer-grid,.callout-row{grid-template-columns:1fr 1fr}.product-image-box{min-height:280px}.form .row{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.gallery-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){body{padding-bottom:49px}.logo img{width:154px}.hero-grid{padding:58px 0}.hero-stats{grid-template-columns:1fr}.grid--3,.grid--4,.footer-grid,.callout-row,.mini-grid{grid-template-columns:1fr}.section{padding:62px 0}.card-body,.card--pad{padding:20px}.product-hero,.page-hero{padding:58px 0}.mobile-contact{display:flex}.spec-table th,.spec-table td{display:block;width:100%;padding:12px 14px}.spec-table th{border-bottom:0}.spec-table td{border-bottom:1px solid var(--line)}.cta-panel{padding:24px}h1{font-size:42px}.hero-lede{font-size:17px}.hero-card__media{min-height:210px}}
/* =========================================================
   Lancing Front & Back Labelling — high-impact colour refresh
   Requested style update: keep video hero, make hero image area
   slightly transparent, and give the site stronger standout colour.
   ========================================================= */
:root{
  --ink:#08111f;
  --ink2:#122545;
  --blue:#00b8ff;
  --blue2:#7c3cff;
  --gold:#ff7a1a;
  --soft:#fff5ec;
  --line:rgba(18,37,69,.14);
  --muted:#5b6680;
  --white:#fff;
  --shadow:0 28px 78px rgba(8,17,31,.18);
}
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(255,122,26,.10),transparent 34%),
    radial-gradient(circle at 94% 7%,rgba(0,184,255,.12),transparent 30%),
    #ffffff;
}
.top-strip{
  background:linear-gradient(90deg,#070a1f 0%,#122545 48%,#35105f 100%);
  color:#eaf7ff;
}
.site-header{
  background:linear-gradient(90deg,rgba(7,10,31,.96) 0%,rgba(18,37,69,.94) 54%,rgba(53,16,95,.92) 100%);
  border-bottom:1px solid rgba(255,255,255,.13);
  box-shadow:0 14px 34px rgba(8,17,31,.22);
}
.nav-menu a:hover,.nav-menu button:hover{
  background:rgba(0,184,255,.15);
  color:#fff;
}
.nav-cta,
.btn--primary,
.mobile-contact a:last-child{
  background:linear-gradient(135deg,#ff7a1a 0%,#ffc247 100%)!important;
  color:#08111f!important;
  box-shadow:0 16px 36px rgba(255,122,26,.35)!important;
}
.btn--blue{
  background:linear-gradient(135deg,#00b8ff 0%,#7c3cff 100%);
  color:#fff;
  box-shadow:0 16px 34px rgba(0,184,255,.24);
}
.btn--secondary{
  background:rgba(255,255,255,.94);
  color:#122545;
  border-color:rgba(255,255,255,.36);
}
.btn--ghost{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.32);
  color:#fff;
  backdrop-filter:blur(8px);
}
.hero{
  background:#070a1f;
}
.hero video,.hero .hero-bg{
  filter:saturate(1.35) contrast(1.08) brightness(1.10);
}
.hero::before{
  background:
    linear-gradient(112deg,rgba(7,10,31,.93) 0%,rgba(18,37,69,.78) 36%,rgba(53,16,95,.55) 62%,rgba(0,184,255,.18) 100%),
    radial-gradient(circle at 78% 20%,rgba(255,122,26,.22),transparent 34%);
}
.hero::after{
  inset:auto -20% -36% -20%;
  height:56%;
  background:
    radial-gradient(circle at 25% 0%,rgba(0,184,255,.36),transparent 44%),
    radial-gradient(circle at 76% 14%,rgba(255,122,26,.28),transparent 46%);
}
.eyebrow{
  color:#7fe2ff;
}
.eyebrow::before{
  background:linear-gradient(90deg,#ff7a1a,#00b8ff);
  box-shadow:0 0 18px rgba(0,184,255,.45);
}
.hero-lede{
  color:rgba(255,255,255,.91);
}
.hero-card{
  background:linear-gradient(135deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.34) 100%);
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 30px 90px rgba(0,0,0,.28);
  backdrop-filter:blur(18px) saturate(1.35);
}
.hero-card__media{
  background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(0,184,255,.14));
  border:1px solid rgba(255,255,255,.34);
}
.hero-card__media img{
  opacity:.84;
  filter:saturate(1.05) contrast(1.04);
}
.hero-card__body h3{
  color:#071528;
}
.hero-card__body p{
  color:#263853;
}
.stat{
  background:linear-gradient(135deg,rgba(0,184,255,.16),rgba(255,122,26,.10));
  border-color:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.stat strong{color:#fff}.stat span{color:rgba(255,255,255,.82)}
.section--tint{
  background:
    radial-gradient(circle at 0% 5%,rgba(255,122,26,.10),transparent 28%),
    radial-gradient(circle at 100% 22%,rgba(0,184,255,.12),transparent 30%),
    linear-gradient(180deg,#fff7ef 0%,#f4f9ff 100%);
}
.section--dark,
.product-hero,
.page-hero,
.cta-panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(255,122,26,.22),transparent 31%),
    radial-gradient(circle at 92% 16%,rgba(0,184,255,.25),transparent 34%),
    linear-gradient(135deg,#070a1f 0%,#122545 47%,#35105f 100%);
}
.card,.feature-card,.contact-card,.faq details,.mini-card,.spec-table{
  border-color:rgba(18,37,69,.13);
}
.card,.feature-card,.contact-card{
  box-shadow:0 18px 46px rgba(8,17,31,.10);
}
.card-link:hover{
  box-shadow:0 26px 70px rgba(8,17,31,.18);
}
.feature-card::before{
  background:linear-gradient(90deg,#ff7a1a,#00b8ff,#7c3cff);
}
.badge,.pill{
  background:linear-gradient(135deg,rgba(0,184,255,.12),rgba(255,122,26,.12));
  color:#122545;
  border-color:rgba(0,184,255,.20);
}
.card-media,.split-media,.product-image-box,.gallery-strip img{
  background:linear-gradient(135deg,#ffffff 0%,#fff5ec 48%,#eaf8ff 100%);
}
.check-list li::before{
  background:linear-gradient(135deg,#00b8ff,#7c3cff);
  color:#fff;
}
.cta-panel{
  border:1px solid rgba(255,255,255,.16);
}
.footer{
  background:linear-gradient(135deg,#070a1f 0%,#0e203d 55%,#260f45 100%);
  color:#deecff;
}
.footer-bottom{
  border-top-color:rgba(255,255,255,.13);
}
@media (max-width:980px){
  .nav-menu{
    background:linear-gradient(180deg,#070a1f,#122545 64%,#35105f);
  }
}

/* =========================================================
   Red standout revision — fitted video hero with no hero image
   ========================================================= */
:root{
  --ink:#12090a;
  --ink2:#2b0b10;
  --blue:#e30613;
  --blue2:#ff2b37;
  --gold:#ffcf33;
  --red:#e30613;
  --red2:#ff2b37;
  --red-dark:#7f0008;
  --soft:#fff1f2;
  --line:rgba(227,6,19,.16);
  --muted:#69585b;
  --shadow:0 26px 78px rgba(93,0,8,.18);
}
body{
  background:
    radial-gradient(circle at 7% -8%,rgba(227,6,19,.13),transparent 32%),
    radial-gradient(circle at 94% 4%,rgba(255,43,55,.11),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fff7f7 58%,#fff 100%);
}
.top-strip{
  background:linear-gradient(90deg,#170407 0%,#5c0007 45%,#e30613 100%);
  color:#fff4f4;
}
.site-header{
  background:linear-gradient(90deg,rgba(18,4,6,.98) 0%,rgba(57,0,5,.96) 48%,rgba(148,0,12,.94) 100%);
  border-bottom:1px solid rgba(255,255,255,.16);
  box-shadow:0 16px 40px rgba(93,0,8,.22);
}
.nav-menu a:hover,.nav-menu button:hover{
  background:rgba(227,6,19,.30);
  color:#fff;
}
.nav-cta,
.btn--primary,
.mobile-contact a:last-child{
  background:linear-gradient(135deg,#e30613 0%,#ff2b37 56%,#ff6a3d 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(227,6,19,.38)!important;
}
.btn--blue{
  background:linear-gradient(135deg,#e30613 0%,#7f0008 100%);
  color:#fff;
  box-shadow:0 16px 36px rgba(227,6,19,.24);
}
.btn--secondary{
  background:#fff;
  color:#7f0008;
  border-color:rgba(227,6,19,.20);
}
.btn--ghost{
  background:rgba(227,6,19,.16);
  border-color:rgba(255,255,255,.32);
  color:#fff;
}
.hero{
  background:#120406;
}
.hero--home{
  height:calc(100svh - 108px);
  min-height:560px;
  max-height:820px;
  display:flex;
  align-items:stretch;
}
.hero video,.hero .hero-bg{
  filter:saturate(1.25) contrast(1.08) brightness(1.08);
}
.hero::before{
  background:
    linear-gradient(104deg,rgba(18,4,6,.94) 0%,rgba(57,0,5,.82) 38%,rgba(127,0,8,.55) 64%,rgba(227,6,19,.26) 100%),
    radial-gradient(circle at 82% 15%,rgba(255,43,55,.34),transparent 30%);
}
.hero::after{
  inset:auto -20% -34% -20%;
  height:58%;
  background:
    radial-gradient(circle at 24% 0%,rgba(227,6,19,.44),transparent 46%),
    radial-gradient(circle at 82% 0%,rgba(255,106,61,.28),transparent 42%);
}
.home .hero-grid{
  grid-template-columns:minmax(0,920px);
  justify-content:start;
  align-items:center;
  width:min(var(--max),92vw);
  padding:clamp(32px,6vh,66px) 0;
}
.home .hero-grid>div{
  max-width:920px;
}
.home .hero-card{
  display:none!important;
}
.eyebrow{
  color:#ffb3b8;
}
.eyebrow::before{
  background:linear-gradient(90deg,#e30613,#ffcf33);
  box-shadow:0 0 20px rgba(227,6,19,.55);
}
h1{
  text-shadow:0 10px 34px rgba(0,0,0,.24);
}
.hero-lede{
  color:rgba(255,255,255,.92);
  max-width:72ch;
}
.hero-actions{
  margin-top:clamp(18px,3vh,28px);
}
.hero-stats{
  max-width:900px;
  margin-top:clamp(18px,3vh,28px);
}
.stat{
  background:linear-gradient(135deg,rgba(227,6,19,.23),rgba(255,255,255,.09));
  border-color:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 46px rgba(30,0,4,.16);
}
.section--tint{
  background:
    radial-gradient(circle at 0% 5%,rgba(227,6,19,.10),transparent 28%),
    radial-gradient(circle at 100% 22%,rgba(255,43,55,.08),transparent 30%),
    linear-gradient(180deg,#fff4f5 0%,#fff 100%);
}
.section--dark,
.product-hero,
.page-hero,
.cta-panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(255,43,55,.27),transparent 31%),
    radial-gradient(circle at 92% 16%,rgba(255,207,51,.16),transparent 34%),
    linear-gradient(135deg,#160406 0%,#5c0007 48%,#e30613 100%);
}
.card,.feature-card,.contact-card,.faq details,.mini-card,.spec-table{
  border-color:rgba(227,6,19,.16);
}
.card,.feature-card,.contact-card{
  box-shadow:0 18px 48px rgba(93,0,8,.10);
}
.card-link:hover{
  box-shadow:0 28px 74px rgba(93,0,8,.20);
}
.card-link .btn-text,.contact-card a,.toc a{
  color:#e30613;
}
.badge,.pill{
  background:linear-gradient(135deg,rgba(227,6,19,.10),rgba(255,207,51,.12));
  color:#7f0008;
  border-color:rgba(227,6,19,.22);
}
.feature-card::before{
  background:linear-gradient(90deg,#e30613,#ff2b37,#ffcf33);
}
.card-media,.split-media,.product-image-box,.gallery-strip img,.mini-card,.toc{
  background:linear-gradient(135deg,#fff 0%,#fff3f4 52%,#fff8e5 100%);
}
.check-list li::before{
  background:linear-gradient(135deg,#e30613,#7f0008);
  color:#fff;
}
.notice{
  border-left-color:#e30613;
  background:#fff4f5;
  color:#4d070c;
}
.footer{
  background:linear-gradient(135deg,#140405 0%,#350005 54%,#7f0008 100%);
  color:#ffe6e8;
}
.footer a{color:#ffe6e8}.footer a:hover{color:#fff}
.mobile-contact{background:#160406}
@media (max-width:980px){
  .top-strip{display:none}
  .nav-menu{
    background:linear-gradient(180deg,#160406 0%,#350005 64%,#7f0008 100%);
  }
  .hero--home{
    height:auto;
    min-height:calc(100svh - 66px);
    max-height:none;
  }
  .home .hero-grid{
    grid-template-columns:1fr;
    padding:clamp(48px,8vh,78px) 0;
  }
}
@media (max-width:640px){
  .hero--home{
    min-height:calc(100svh - 66px);
  }
  .home .hero-grid{
    padding:44px 0 56px;
  }
  h1{font-size:clamp(36px,11vw,46px)}
  .hero-actions .btn{width:100%;}
}

/* =========================================================
   Fix requested 12/05/2026:
   - remove red video filter/tint from homepage hero video
   - stop CTA buttons and stats being clipped at bottom of hero
   ========================================================= */
.home .hero--home{
  height:calc(100vh - 74px) !important;
  height:calc(100svh - 74px) !important;
  height:calc(100dvh - 74px) !important;
  min-height:660px !important;
  max-height:none !important;
  align-items:center !important;
  overflow:hidden !important;
}
.home .hero video,
.home .hero .hero-bg{
  filter:brightness(1.04) contrast(1.02) saturate(1.02) !important;
}
.home .hero::before{
  background:linear-gradient(100deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.62) 38%,rgba(0,0,0,.30) 70%,rgba(0,0,0,.08) 100%) !important;
}
.home .hero::after{
  display:none !important;
}
.home .hero-grid{
  padding:clamp(26px,4.5vh,46px) 0 clamp(42px,6vh,72px) !important;
  align-content:center !important;
}
.home .hero h1{
  font-size:clamp(40px,5.2vw,68px) !important;
  line-height:1.04 !important;
  margin-bottom:14px !important;
}
.home .hero-lede{
  font-size:clamp(17px,1.55vw,20px) !important;
  line-height:1.48 !important;
  margin-bottom:0 !important;
}
.home .hero-actions{
  margin-top:clamp(18px,2.8vh,26px) !important;
}
.home .hero-stats{
  margin-top:clamp(16px,2.6vh,24px) !important;
}
.home .stat{
  padding:14px 16px !important;
}
.home .stat strong{
  font-size:clamp(18px,1.6vw,22px) !important;
}
.home .stat span{
  font-size:12.5px !important;
}
@media (max-width:980px){
  .home .hero--home{
    height:auto !important;
    min-height:calc(100svh - 66px) !important;
    min-height:calc(100dvh - 66px) !important;
  }
  .home .hero-grid{
    padding:clamp(46px,8vh,74px) 0 clamp(52px,8vh,82px) !important;
  }
}
@media (max-width:640px){
  .home .hero--home{
    min-height:calc(100svh - 66px) !important;
    min-height:calc(100dvh - 66px) !important;
  }
  .home .hero-grid{
    padding:44px 0 72px !important;
  }
}

/* =========================================================
   Muted premium colour revision — replaces the bright red
   with deep burgundy, graphite and warm copper accents.
   Keeps the video hero neutral and less saturated.
   ========================================================= */
:root{
  --ink:#10131a;
  --ink2:#22293a;
  --blue:#7a2034;
  --blue2:#9a2d44;
  --gold:#c98a3b;
  --red:#7a2034;
  --red2:#9a2d44;
  --red-dark:#321018;
  --soft:#f7f1ef;
  --line:rgba(122,32,52,.14);
  --muted:#646b78;
  --shadow:0 26px 72px rgba(20,18,22,.16);
}
body{
  background:
    radial-gradient(circle at 7% -8%,rgba(122,32,52,.08),transparent 32%),
    radial-gradient(circle at 94% 4%,rgba(201,138,59,.07),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#faf6f4 58%,#ffffff 100%) !important;
}
.top-strip{
  background:linear-gradient(90deg,#11141c 0%,#321018 52%,#6f2033 100%) !important;
  color:#fff5ef !important;
}
.site-header{
  background:linear-gradient(90deg,rgba(16,19,26,.98) 0%,rgba(50,16,24,.96) 58%,rgba(111,32,51,.92) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 14px 34px rgba(20,18,22,.20) !important;
}
.nav-menu a:hover,.nav-menu button:hover{
  background:rgba(201,138,59,.16) !important;
  color:#fff !important;
}
.nav-cta,
.btn--primary,
.mobile-contact a:last-child{
  background:linear-gradient(135deg,#7a2034 0%,#9a2d44 58%,#c98a3b 100%) !important;
  color:#fff !important;
  box-shadow:0 16px 36px rgba(122,32,52,.28) !important;
}
.btn--blue{
  background:linear-gradient(135deg,#7a2034 0%,#321018 100%) !important;
  color:#fff !important;
  box-shadow:0 14px 32px rgba(122,32,52,.22) !important;
}
.btn--secondary{
  background:#fff !important;
  color:#321018 !important;
  border-color:rgba(122,32,52,.18) !important;
}
.btn--ghost{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.28) !important;
  color:#fff !important;
}
.hero{
  background:#10131a !important;
}
.home .hero video,
.home .hero .hero-bg,
.hero video,.hero .hero-bg{
  filter:brightness(1.02) contrast(1.01) saturate(.98) !important;
}
.home .hero::before{
  background:linear-gradient(100deg,rgba(10,11,15,.80) 0%,rgba(16,19,26,.64) 40%,rgba(50,16,24,.26) 72%,rgba(50,16,24,.06) 100%) !important;
}
.hero::before{
  background:linear-gradient(104deg,rgba(10,11,15,.86) 0%,rgba(16,19,26,.70) 38%,rgba(50,16,24,.38) 68%,rgba(111,32,51,.12) 100%) !important;
}
.home .hero::after,
.hero::after{
  display:none !important;
}
.eyebrow{
  color:#d7a472 !important;
}
.eyebrow::before{
  background:linear-gradient(90deg,#7a2034,#c98a3b) !important;
  box-shadow:0 0 16px rgba(201,138,59,.34) !important;
}
h1{
  text-shadow:0 10px 30px rgba(0,0,0,.24) !important;
}
.hero-stats .stat,
.stat{
  background:linear-gradient(135deg,rgba(122,32,52,.18),rgba(255,255,255,.08)) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 16px 38px rgba(20,18,22,.14) !important;
}
.section--tint{
  background:
    radial-gradient(circle at 0% 5%,rgba(122,32,52,.06),transparent 28%),
    radial-gradient(circle at 100% 22%,rgba(201,138,59,.07),transparent 30%),
    linear-gradient(180deg,#faf4f1 0%,#ffffff 100%) !important;
}
.section--dark,
.product-hero,
.page-hero,
.cta-panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(201,138,59,.16),transparent 31%),
    radial-gradient(circle at 92% 16%,rgba(122,32,52,.14),transparent 34%),
    linear-gradient(135deg,#10131a 0%,#321018 52%,#6f2033 100%) !important;
}
.card,.feature-card,.contact-card,.faq details,.mini-card,.spec-table{
  border-color:rgba(122,32,52,.13) !important;
}
.card,.feature-card,.contact-card{
  box-shadow:0 18px 46px rgba(20,18,22,.09) !important;
}
.card-link:hover{
  box-shadow:0 28px 70px rgba(20,18,22,.15) !important;
}
.card-link .btn-text,.contact-card a,.toc a{
  color:#7a2034 !important;
}
.badge,.pill{
  background:linear-gradient(135deg,rgba(122,32,52,.08),rgba(201,138,59,.10)) !important;
  color:#321018 !important;
  border-color:rgba(122,32,52,.18) !important;
}
.feature-card::before{
  background:linear-gradient(90deg,#7a2034,#9a2d44,#c98a3b) !important;
}
.card-media,.split-media,.product-image-box,.gallery-strip img,.mini-card,.toc{
  background:linear-gradient(135deg,#ffffff 0%,#faf3ef 54%,#f8f1e8 100%) !important;
}
.check-list li::before{
  background:linear-gradient(135deg,#7a2034,#321018) !important;
  color:#fff !important;
}
.notice{
  border-left-color:#7a2034 !important;
  background:#faf4f1 !important;
  color:#321018 !important;
}
.footer{
  background:linear-gradient(135deg,#10131a 0%,#241018 55%,#321018 100%) !important;
  color:#f3e4dd !important;
}
.footer a{color:#f3e4dd !important}.footer a:hover{color:#fff !important}
.mobile-contact{background:#10131a !important}
@media (max-width:980px){
  .nav-menu{
    background:linear-gradient(180deg,#10131a 0%,#241018 64%,#321018 100%) !important;
  }
}

/* =========================================================
   Final colour and hero fit revision — industrial teal / charcoal
   Requested: change away from burgundy/red and make homepage hero
   fit inside the visible screen without clipping buttons or stat cards.
   ========================================================= */
:root{
  --ink:#07151b;
  --ink2:#0f3240;
  --blue:#006d77;
  --blue2:#00a6a6;
  --gold:#d89a3a;
  --red:#006d77;
  --red2:#00a6a6;
  --red-dark:#052932;
  --soft:#eef9f8;
  --line:rgba(0,109,119,.15);
  --muted:#5d6872;
  --shadow:0 26px 72px rgba(7,21,27,.16);
}
body{
  background:
    radial-gradient(circle at 8% -8%,rgba(0,166,166,.08),transparent 32%),
    radial-gradient(circle at 94% 4%,rgba(216,154,58,.08),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f4fbfa 56%,#ffffff 100%) !important;
}
.top-strip{
  background:linear-gradient(90deg,#07151b 0%,#052932 54%,#006d77 100%) !important;
  color:#edfdfc !important;
}
.site-header{
  background:linear-gradient(90deg,rgba(7,21,27,.98) 0%,rgba(5,41,50,.96) 58%,rgba(0,109,119,.92) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 14px 34px rgba(7,21,27,.20) !important;
}
.nav-menu a:hover,.nav-menu button:hover{
  background:rgba(0,166,166,.18) !important;
  color:#fff !important;
}
.nav-cta,
.btn--primary,
.mobile-contact a:last-child{
  background:linear-gradient(135deg,#006d77 0%,#00a6a6 58%,#d89a3a 100%) !important;
  color:#fff !important;
  box-shadow:0 16px 36px rgba(0,109,119,.30) !important;
}
.btn--blue{
  background:linear-gradient(135deg,#006d77 0%,#052932 100%) !important;
  color:#fff !important;
  box-shadow:0 14px 32px rgba(0,109,119,.22) !important;
}
.btn--secondary{
  background:#ffffff !important;
  color:#052932 !important;
  border-color:rgba(0,109,119,.18) !important;
}
.btn--ghost{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.28) !important;
  color:#fff !important;
}
.hero{
  background:#07151b !important;
}
.hero video,.hero .hero-bg,
.home .hero video,.home .hero .hero-bg{
  filter:brightness(1.03) contrast(1.02) saturate(1.00) !important;
}
.hero::before{
  background:linear-gradient(104deg,rgba(7,21,27,.86) 0%,rgba(5,41,50,.70) 40%,rgba(0,109,119,.28) 68%,rgba(0,166,166,.08) 100%) !important;
}
.home .hero::before{
  background:linear-gradient(100deg,rgba(7,21,27,.82) 0%,rgba(5,41,50,.66) 40%,rgba(0,109,119,.20) 72%,rgba(0,109,119,.04) 100%) !important;
}
.hero::after,.home .hero::after{display:none !important;}
.eyebrow{color:#9ee8e3 !important;}
.eyebrow::before{
  background:linear-gradient(90deg,#00a6a6,#d89a3a) !important;
  box-shadow:0 0 16px rgba(0,166,166,.36) !important;
}
.card-link .btn-text,.contact-card a,.toc a{color:#006d77 !important;}
.badge,.pill{
  background:linear-gradient(135deg,rgba(0,166,166,.09),rgba(216,154,58,.10)) !important;
  color:#052932 !important;
  border-color:rgba(0,109,119,.18) !important;
}
.feature-card::before{background:linear-gradient(90deg,#006d77,#00a6a6,#d89a3a) !important;}
.card-media,.split-media,.product-image-box,.gallery-strip img,.mini-card,.toc{
  background:linear-gradient(135deg,#ffffff 0%,#eff9f8 54%,#fbf4e7 100%) !important;
}
.section--tint{
  background:
    radial-gradient(circle at 0% 5%,rgba(0,166,166,.06),transparent 28%),
    radial-gradient(circle at 100% 22%,rgba(216,154,58,.07),transparent 30%),
    linear-gradient(180deg,#f2fbfa 0%,#ffffff 100%) !important;
}
.section--dark,
.product-hero,
.page-hero,
.cta-panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(216,154,58,.15),transparent 31%),
    radial-gradient(circle at 92% 16%,rgba(0,166,166,.16),transparent 34%),
    linear-gradient(135deg,#07151b 0%,#052932 52%,#006d77 100%) !important;
}
.check-list li::before{background:linear-gradient(135deg,#00a6a6,#006d77) !important;color:#fff !important;}
.notice{border-left-color:#006d77 !important;background:#f2fbfa !important;color:#052932 !important;}
.footer{
  background:linear-gradient(135deg,#07151b 0%,#052932 58%,#063940 100%) !important;
  color:#e5f6f4 !important;
}
.footer a{color:#e5f6f4 !important}.footer a:hover{color:#fff !important}
.mobile-contact{background:#07151b !important;}
@media (max-width:980px){
  .nav-menu{background:linear-gradient(180deg,#07151b 0%,#052932 64%,#006d77 100%) !important;}
}

/* Desktop hero fit: account for top contact strip + sticky header. */
@media (min-width:981px){
  .home .hero--home{
    height:calc(100vh - 112px) !important;
    height:calc(100svh - 112px) !important;
    height:calc(100dvh - 112px) !important;
    min-height:590px !important;
    max-height:760px !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
  }
  .home .hero-grid{
    min-height:100% !important;
    padding:clamp(18px,3.4vh,34px) 0 clamp(24px,4.1vh,42px) !important;
    align-content:center !important;
    align-items:center !important;
  }
  .home .hero h1{
    font-size:clamp(38px,4.55vw,58px) !important;
    line-height:1.035 !important;
    margin-bottom:12px !important;
    max-width:1000px !important;
  }
  .home .eyebrow{
    margin-bottom:12px !important;
    font-size:11px !important;
  }
  .home .hero-lede{
    font-size:clamp(16px,1.35vw,18px) !important;
    line-height:1.42 !important;
    max-width:68ch !important;
  }
  .home .hero-actions{
    margin-top:clamp(14px,2.2vh,20px) !important;
    gap:10px !important;
  }
  .home .hero-actions .btn{
    min-height:46px !important;
    padding:0 20px !important;
  }
  .home .hero-stats{
    margin-top:clamp(12px,2vh,18px) !important;
    gap:10px !important;
    max-width:820px !important;
  }
  .home .stat{
    padding:10px 14px !important;
    border-radius:16px !important;
  }
  .home .stat strong{
    font-size:clamp(17px,1.45vw,20px) !important;
    line-height:1.1 !important;
  }
  .home .stat span{
    font-size:12px !important;
    line-height:1.25 !important;
  }
}
@media (min-width:981px) and (max-height:735px){
  .home .hero--home{
    height:calc(100vh - 108px) !important;
    height:calc(100svh - 108px) !important;
    height:calc(100dvh - 108px) !important;
    min-height:560px !important;
  }
  .home .hero-grid{padding:16px 0 24px !important;}
  .home .hero h1{font-size:clamp(36px,4.15vw,52px) !important;}
  .home .hero-lede{font-size:16px !important;line-height:1.38 !important;}
  .home .hero-actions{margin-top:12px !important;}
  .home .hero-stats{margin-top:12px !important;}
  .home .stat{padding:9px 12px !important;}
}


/* =========================================================
   New colour revision — midnight blue / graphite / amber
   Requested: make it a different colour while keeping the
   video hero clean and making the hero fit the visible screen.
   ========================================================= */
:root{
  --ink:#071320;
  --ink2:#102a43;
  --blue:#2457d6;
  --blue2:#2f80ff;
  --gold:#f5a623;
  --red:#2457d6;
  --red2:#2f80ff;
  --red-dark:#071320;
  --soft:#f2f6ff;
  --line:rgba(36,87,214,.15);
  --muted:#5e6978;
  --shadow:0 26px 72px rgba(7,19,32,.16);
}
body{
  background:
    radial-gradient(circle at 7% -8%,rgba(47,128,255,.08),transparent 32%),
    radial-gradient(circle at 94% 4%,rgba(245,166,35,.08),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f5f8ff 56%,#ffffff 100%) !important;
}
.top-strip{
  background:linear-gradient(90deg,#050b14 0%,#071320 50%,#102a43 100%) !important;
  color:#edf4ff !important;
}
.site-header{
  background:linear-gradient(90deg,rgba(5,11,20,.98) 0%,rgba(7,19,32,.96) 58%,rgba(16,42,67,.94) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 14px 34px rgba(7,19,32,.22) !important;
}
.nav-menu a:hover,.nav-menu button:hover{
  background:rgba(47,128,255,.18) !important;
  color:#fff !important;
}
.nav-cta,
.btn--primary,
.mobile-contact a:last-child{
  background:linear-gradient(135deg,#2457d6 0%,#2f80ff 56%,#f5a623 100%) !important;
  color:#ffffff !important;
  box-shadow:0 16px 36px rgba(36,87,214,.30) !important;
}
.btn--blue{
  background:linear-gradient(135deg,#2457d6 0%,#071320 100%) !important;
  color:#fff !important;
  box-shadow:0 14px 32px rgba(36,87,214,.22) !important;
}
.btn--secondary{
  background:#ffffff !important;
  color:#071320 !important;
  border-color:rgba(36,87,214,.18) !important;
}
.btn--ghost{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.28) !important;
  color:#fff !important;
}
.hero{
  background:#050b14 !important;
}
.hero video,.hero .hero-bg,
.home .hero video,.home .hero .hero-bg{
  filter:brightness(1.04) contrast(1.02) saturate(1.02) !important;
}
.hero::before{
  background:linear-gradient(104deg,rgba(5,11,20,.86) 0%,rgba(7,19,32,.72) 40%,rgba(16,42,67,.40) 68%,rgba(36,87,214,.10) 100%) !important;
}
.home .hero::before{
  background:linear-gradient(100deg,rgba(5,11,20,.82) 0%,rgba(7,19,32,.68) 40%,rgba(16,42,67,.32) 72%,rgba(36,87,214,.08) 100%) !important;
}
.hero::after,.home .hero::after{display:none !important;}
.eyebrow{color:#9fc6ff !important;}
.eyebrow::before{
  background:linear-gradient(90deg,#2f80ff,#f5a623) !important;
  box-shadow:0 0 16px rgba(47,128,255,.36) !important;
}
.card-link .btn-text,.contact-card a,.toc a{color:#2457d6 !important;}
.badge,.pill{
  background:linear-gradient(135deg,rgba(47,128,255,.09),rgba(245,166,35,.11)) !important;
  color:#071320 !important;
  border-color:rgba(36,87,214,.18) !important;
}
.feature-card::before{background:linear-gradient(90deg,#2457d6,#2f80ff,#f5a623) !important;}
.card-media,.split-media,.product-image-box,.gallery-strip img,.mini-card,.toc{
  background:linear-gradient(135deg,#ffffff 0%,#f2f6ff 54%,#fff7e8 100%) !important;
}
.section--tint{
  background:
    radial-gradient(circle at 0% 5%,rgba(47,128,255,.06),transparent 28%),
    radial-gradient(circle at 100% 22%,rgba(245,166,35,.07),transparent 30%),
    linear-gradient(180deg,#f3f7ff 0%,#ffffff 100%) !important;
}
.section--dark,
.product-hero,
.page-hero,
.cta-panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(245,166,35,.15),transparent 31%),
    radial-gradient(circle at 92% 16%,rgba(47,128,255,.16),transparent 34%),
    linear-gradient(135deg,#050b14 0%,#071320 52%,#102a43 100%) !important;
}
.check-list li::before{background:linear-gradient(135deg,#2f80ff,#2457d6) !important;color:#fff !important;}
.notice{border-left-color:#2457d6 !important;background:#f3f7ff !important;color:#071320 !important;}
.footer{
  background:linear-gradient(135deg,#050b14 0%,#071320 58%,#102a43 100%) !important;
  color:#e7f0ff !important;
}
.footer a{color:#e7f0ff !important}.footer a:hover{color:#fff !important}
.mobile-contact{background:#050b14 !important;}
@media (max-width:980px){
  .nav-menu{background:linear-gradient(180deg,#050b14 0%,#071320 64%,#102a43 100%) !important;}
}

/* Better desktop hero fit, including shorter laptop screens. */
@media (min-width:981px){
  .home .hero--home{
    height:calc(100vh - 124px) !important;
    height:calc(100svh - 124px) !important;
    height:calc(100dvh - 124px) !important;
    min-height:540px !important;
    max-height:700px !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
  }
  .home .hero-grid{
    min-height:100% !important;
    padding:clamp(14px,2.8vh,26px) 0 clamp(18px,3.4vh,34px) !important;
    align-content:center !important;
    align-items:center !important;
  }
  .home .hero h1{
    font-size:clamp(36px,4.25vw,54px) !important;
    line-height:1.035 !important;
    margin-bottom:10px !important;
    max-width:980px !important;
  }
  .home .eyebrow{
    margin-bottom:10px !important;
    font-size:11px !important;
  }
  .home .hero-lede{
    font-size:clamp(15px,1.28vw,17px) !important;
    line-height:1.40 !important;
    max-width:68ch !important;
  }
  .home .hero-actions{
    margin-top:clamp(12px,1.8vh,18px) !important;
    gap:10px !important;
  }
  .home .hero-actions .btn{
    min-height:44px !important;
    padding:0 18px !important;
  }
  .home .hero-stats{
    margin-top:clamp(10px,1.6vh,16px) !important;
    gap:10px !important;
    max-width:800px !important;
  }
  .home .stat{
    padding:9px 12px !important;
    border-radius:15px !important;
  }
  .home .stat strong{
    font-size:clamp(16px,1.35vw,19px) !important;
    line-height:1.08 !important;
  }
  .home .stat span{
    font-size:11.5px !important;
    line-height:1.22 !important;
  }
}
@media (min-width:981px) and (max-height:735px){
  .home .hero--home{
    height:calc(100vh - 124px) !important;
    height:calc(100svh - 124px) !important;
    height:calc(100dvh - 124px) !important;
    min-height:500px !important;
  }
  .home .hero-grid{padding:12px 0 22px !important;}
  .home .hero h1{font-size:clamp(34px,3.85vw,48px) !important;}
  .home .hero-lede{font-size:15px !important;line-height:1.34 !important;}
  .home .hero-actions{margin-top:10px !important;}
  .home .hero-actions .btn{min-height:42px !important;padding:0 16px !important;}
  .home .hero-stats{margin-top:10px !important;}
  .home .stat{padding:8px 11px !important;}
  .home .stat strong{font-size:16px !important;}
  .home .stat span{font-size:11px !important;}
}
@media (max-width:980px){
  .home .hero--home{
    height:auto !important;
    min-height:calc(100svh - 66px) !important;
    min-height:calc(100dvh - 66px) !important;
    max-height:none !important;
    overflow:visible !important;
  }
}


/* =========================================================
   Bright colour revision — aqua / white / graphite / citrus
   Requested: change colour again, brighten the site, and use
   a different image on the industries section.
   ========================================================= */
:root{
  --ink:#071827;
  --ink2:#0f3352;
  --blue:#009bb0;
  --blue2:#17c3b2;
  --gold:#ffd166;
  --red:#009bb0;
  --red2:#17c3b2;
  --red-dark:#071827;
  --soft:#f1fcff;
  --line:rgba(0,155,176,.16);
  --muted:#526a7c;
  --shadow:0 22px 58px rgba(7,24,39,.12);
}
html,body{background:#fbfeff !important;}
body{
  background:
    radial-gradient(circle at 8% -7%,rgba(23,195,178,.15),transparent 32%),
    radial-gradient(circle at 93% 4%,rgba(255,209,102,.20),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f0fbff 48%,#ffffff 100%) !important;
  color:#071827 !important;
}
.top-strip{
  background:linear-gradient(90deg,#071827 0%,#0d5263 54%,#13a9b8 100%) !important;
  color:#ffffff !important;
}
.site-header{
  background:linear-gradient(90deg,rgba(7,24,39,.98) 0%,rgba(10,75,90,.96) 58%,rgba(0,155,176,.94) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 12px 28px rgba(7,24,39,.18) !important;
}
.nav-menu a:hover,.nav-menu button:hover{
  background:rgba(255,255,255,.18) !important;
  color:#ffffff !important;
}
.nav-cta,
.btn--primary,
.mobile-contact a:last-child{
  background:linear-gradient(135deg,#17c3b2 0%,#009bb0 58%,#ffd166 100%) !important;
  color:#071827 !important;
  box-shadow:0 14px 30px rgba(0,155,176,.24) !important;
}
.btn--blue{
  background:linear-gradient(135deg,#009bb0 0%,#0f3352 100%) !important;
  color:#ffffff !important;
  box-shadow:0 14px 30px rgba(0,155,176,.20) !important;
}
.btn--secondary{
  background:#ffffff !important;
  color:#071827 !important;
  border-color:rgba(0,155,176,.22) !important;
  box-shadow:0 12px 24px rgba(7,24,39,.08) !important;
}
.btn--ghost{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.34) !important;
  color:#ffffff !important;
}
.hero{background:#071827 !important;}
.hero video,.hero .hero-bg,
.home .hero video,.home .hero .hero-bg{
  filter:brightness(1.16) contrast(1.03) saturate(1.06) !important;
}
.hero::before{
  background:linear-gradient(104deg,rgba(7,24,39,.78) 0%,rgba(10,75,90,.56) 42%,rgba(0,155,176,.22) 72%,rgba(255,209,102,.08) 100%) !important;
}
.home .hero::before{
  background:linear-gradient(98deg,rgba(7,24,39,.76) 0%,rgba(10,75,90,.52) 42%,rgba(0,155,176,.20) 72%,rgba(255,209,102,.08) 100%) !important;
}
.hero::after,.home .hero::after{display:none !important;}
.eyebrow{color:#0b8ea5 !important;}
.hero .eyebrow,.home .eyebrow{color:#bffcff !important;}
.eyebrow::before{
  background:linear-gradient(90deg,#ffd166,#17c3b2) !important;
  box-shadow:0 0 14px rgba(23,195,178,.36) !important;
}
.hero-lede{color:rgba(255,255,255,.94) !important;}
.section{background:transparent;}
.section--tint{
  background:
    radial-gradient(circle at 0% 8%,rgba(23,195,178,.10),transparent 28%),
    radial-gradient(circle at 100% 22%,rgba(255,209,102,.16),transparent 30%),
    linear-gradient(180deg,#effcff 0%,#ffffff 100%) !important;
}
.page-hero{
  background:
    radial-gradient(circle at 88% 0%,rgba(255,209,102,.30),transparent 30%),
    radial-gradient(circle at 0% 0%,rgba(23,195,178,.22),transparent 34%),
    linear-gradient(135deg,#ecfbff 0%,#ffffff 72%) !important;
  color:#071827 !important;
  border-bottom:1px solid rgba(0,155,176,.12) !important;
}
.page-hero h1,.page-hero h2{color:#071827 !important;}
.page-hero p{color:#314c60 !important;}
.product-hero,
.section--dark,
.cta-panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(255,209,102,.22),transparent 32%),
    radial-gradient(circle at 90% 12%,rgba(23,195,178,.30),transparent 34%),
    linear-gradient(135deg,#082033 0%,#0b5f72 54%,#009bb0 100%) !important;
}
.card,.feature-card,.contact-card,.faq details,.mini-card,.spec-table{
  background:#ffffff !important;
  border-color:rgba(0,155,176,.14) !important;
  box-shadow:0 14px 34px rgba(7,24,39,.08) !important;
}
.card:hover,.card-link:hover{
  box-shadow:0 22px 52px rgba(0,155,176,.16) !important;
}
.card-media,.split-media,.product-image-box,.gallery-strip img,.mini-card,.toc{
  background:linear-gradient(135deg,#ffffff 0%,#f0fcff 58%,#fff9e6 100%) !important;
}
.split-media{
  box-shadow:0 22px 54px rgba(7,24,39,.10) !important;
  border:1px solid rgba(0,155,176,.12) !important;
}
.split-media img{
  object-fit:contain !important;
  padding:18px !important;
  filter:brightness(1.04) contrast(1.02) saturate(1.04) !important;
}
h1,h2,h3,h4{color:inherit;}
h2,h3,.faq summary,.form label{color:#0f3352 !important;}
.card-body p,.card--pad p,.feature-card p,.mini-card p,.article p,.article li,.check-list li{color:#465d70 !important;}
.badge,.pill{
  background:linear-gradient(135deg,rgba(23,195,178,.12),rgba(255,209,102,.18)) !important;
  color:#0f3352 !important;
  border-color:rgba(0,155,176,.18) !important;
}
.feature-card::before{background:linear-gradient(90deg,#17c3b2,#009bb0,#ffd166) !important;}
.check-list li::before{
  background:linear-gradient(135deg,#17c3b2,#009bb0) !important;
  color:#ffffff !important;
}
.card-link .btn-text,.contact-card a,.toc a{color:#009bb0 !important;}
.notice{border-left-color:#17c3b2 !important;background:#effcff !important;color:#071827 !important;}
.footer{
  background:linear-gradient(135deg,#071827 0%,#0a3948 58%,#0b7480 100%) !important;
  color:#edfaff !important;
}
.footer a{color:#edfaff !important;}.footer a:hover{color:#ffffff !important;}
.footer-bottom{border-top-color:rgba(255,255,255,.16) !important;color:#c3e8ef !important;}
.mobile-contact{background:#071827 !important;}
@media (max-width:980px){
  .nav-menu{background:linear-gradient(180deg,#071827 0%,#0a3948 66%,#0b7480 100%) !important;}
  .dropdown{background:rgba(255,255,255,.08) !important;}
}

/* =========================================================
   Final colour revision — modern violet / graphite / amber
   Requested: change the colour. This overrides the previous
   aqua palette across the whole static site.
   ========================================================= */
:root{
  --ink:#150f24;
  --ink2:#2b1957;
  --blue:#7c3aed;
  --blue2:#a855f7;
  --gold:#f59e0b;
  --red:#7c3aed;
  --red2:#a855f7;
  --red-dark:#241039;
  --soft:#f8f4ff;
  --line:rgba(124,58,237,.15);
  --muted:#645b75;
  --shadow:0 24px 64px rgba(36,16,57,.14);
}
html,body{background:#fffcf7 !important;}
body{
  background:
    radial-gradient(circle at 8% -7%,rgba(168,85,247,.14),transparent 34%),
    radial-gradient(circle at 94% 3%,rgba(245,158,11,.18),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#fbf7ff 46%,#fffaf0 100%) !important;
  color:#150f24 !important;
}
.top-strip{
  background:linear-gradient(90deg,#12081f 0%,#2b1957 55%,#7c3aed 100%) !important;
  color:#fff7ed !important;
}
.site-header{
  background:linear-gradient(90deg,rgba(18,8,31,.98) 0%,rgba(43,25,87,.96) 58%,rgba(91,33,182,.94) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 14px 34px rgba(36,16,57,.20) !important;
}
.nav-menu a:hover,.nav-menu button:hover{
  background:rgba(245,158,11,.18) !important;
  color:#ffffff !important;
}
.nav-cta,
.btn--primary,
.mobile-contact a:last-child{
  background:linear-gradient(135deg,#f59e0b 0%,#f97316 58%,#a855f7 100%) !important;
  color:#150f24 !important;
  box-shadow:0 15px 34px rgba(245,158,11,.28) !important;
}
.btn--blue{
  background:linear-gradient(135deg,#7c3aed 0%,#2b1957 100%) !important;
  color:#ffffff !important;
  box-shadow:0 15px 34px rgba(124,58,237,.22) !important;
}
.btn--secondary{
  background:#ffffff !important;
  color:#241039 !important;
  border-color:rgba(124,58,237,.22) !important;
  box-shadow:0 12px 24px rgba(36,16,57,.08) !important;
}
.btn--ghost{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.34) !important;
  color:#ffffff !important;
}
.hero,
.home .hero{background:#12081f !important;}
.hero video,.hero .hero-bg,
.home .hero video,.home .hero .hero-bg{
  filter:brightness(1.14) contrast(1.04) saturate(1.05) !important;
}
.hero::before{
  background:linear-gradient(102deg,rgba(18,8,31,.80) 0%,rgba(43,25,87,.58) 42%,rgba(124,58,237,.24) 72%,rgba(245,158,11,.10) 100%) !important;
}
.home .hero::before{
  background:linear-gradient(98deg,rgba(18,8,31,.78) 0%,rgba(43,25,87,.55) 42%,rgba(124,58,237,.23) 72%,rgba(245,158,11,.10) 100%) !important;
}
.hero::after,.home .hero::after{display:none !important;}
.eyebrow{color:#7c3aed !important;}
.hero .eyebrow,.home .eyebrow{color:#f5d0fe !important;}
.eyebrow::before{
  background:linear-gradient(90deg,#f59e0b,#a855f7) !important;
  box-shadow:0 0 14px rgba(168,85,247,.35) !important;
}
.hero-lede{color:rgba(255,255,255,.94) !important;}
.section{background:transparent;}
.section--tint{
  background:
    radial-gradient(circle at 0% 8%,rgba(168,85,247,.10),transparent 28%),
    radial-gradient(circle at 100% 22%,rgba(245,158,11,.15),transparent 30%),
    linear-gradient(180deg,#faf5ff 0%,#ffffff 100%) !important;
}
.page-hero{
  background:
    radial-gradient(circle at 88% 0%,rgba(245,158,11,.25),transparent 30%),
    radial-gradient(circle at 0% 0%,rgba(168,85,247,.20),transparent 34%),
    linear-gradient(135deg,#fbf7ff 0%,#ffffff 72%) !important;
  color:#150f24 !important;
  border-bottom:1px solid rgba(124,58,237,.12) !important;
}
.page-hero h1,.page-hero h2{color:#150f24 !important;}
.page-hero p{color:#40364f !important;}
.product-hero,
.section--dark,
.cta-panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(245,158,11,.20),transparent 32%),
    radial-gradient(circle at 90% 12%,rgba(168,85,247,.30),transparent 34%),
    linear-gradient(135deg,#12081f 0%,#2b1957 54%,#5b21b6 100%) !important;
}
.card,.feature-card,.contact-card,.faq details,.mini-card,.spec-table{
  background:#ffffff !important;
  border-color:rgba(124,58,237,.14) !important;
  box-shadow:0 14px 34px rgba(36,16,57,.08) !important;
}
.card:hover,.card-link:hover{
  box-shadow:0 22px 54px rgba(124,58,237,.16) !important;
}
.card-media,.split-media,.product-image-box,.gallery-strip img,.mini-card,.toc{
  background:linear-gradient(135deg,#ffffff 0%,#fbf7ff 58%,#fff7ed 100%) !important;
}
.split-media{
  box-shadow:0 22px 54px rgba(36,16,57,.10) !important;
  border:1px solid rgba(124,58,237,.12) !important;
}
.split-media img,
.product-image-box img,
.card-media img{
  filter:brightness(1.03) contrast(1.02) saturate(1.04) !important;
}
h1,h2,h3,h4{color:inherit;}
h2,h3,.faq summary,.form label{color:#2b1957 !important;}
.card-body p,.card--pad p,.feature-card p,.mini-card p,.article p,.article li,.check-list li{color:#5b5268 !important;}
.badge,.pill{
  background:linear-gradient(135deg,rgba(168,85,247,.12),rgba(245,158,11,.16)) !important;
  color:#2b1957 !important;
  border-color:rgba(124,58,237,.18) !important;
}
.feature-card::before{background:linear-gradient(90deg,#f59e0b,#a855f7,#7c3aed) !important;}
.check-list li::before{
  background:linear-gradient(135deg,#a855f7,#7c3aed) !important;
  color:#ffffff !important;
}
.card-link .btn-text,.contact-card a,.toc a{color:#7c3aed !important;}
.notice{border-left-color:#f59e0b !important;background:#fff7ed !important;color:#150f24 !important;}
.footer{
  background:linear-gradient(135deg,#12081f 0%,#241039 58%,#4c1d95 100%) !important;
  color:#f6efff !important;
}
.footer a{color:#f6efff !important;}.footer a:hover{color:#ffffff !important;}
.footer-bottom{border-top-color:rgba(255,255,255,.16) !important;color:#ded0ff !important;}
.mobile-contact{background:#12081f !important;}
@media (max-width:980px){
  .nav-menu{background:linear-gradient(180deg,#12081f 0%,#241039 66%,#4c1d95 100%) !important;}
  .dropdown{background:rgba(255,255,255,.08) !important;}
}

/* =========================================================
   No-purple refresh — deep navy / bright cobalt / warm orange
   Requested: remove the purple shade and keep the site brighter.
   ========================================================= */
:root{
  --ink:#07131f;
  --ink2:#0d3354;
  --blue:#0068d9;
  --blue2:#00a6d6;
  --gold:#f28c28;
  --red:#0068d9;
  --red2:#00a6d6;
  --red-dark:#07131f;
  --soft:#f2f8ff;
  --line:rgba(0,104,217,.15);
  --muted:#52677a;
  --shadow:0 24px 64px rgba(7,19,31,.13);
}
html,body{background:#ffffff !important;}
body{
  background:
    radial-gradient(circle at 8% -7%,rgba(0,166,214,.13),transparent 34%),
    radial-gradient(circle at 94% 3%,rgba(242,140,40,.16),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f2f8ff 48%,#ffffff 100%) !important;
  color:#07131f !important;
}
.top-strip{
  background:linear-gradient(90deg,#07131f 0%,#0d3354 56%,#0068d9 100%) !important;
  color:#ffffff !important;
}
.site-header{
  background:linear-gradient(90deg,rgba(7,19,31,.98) 0%,rgba(13,51,84,.96) 58%,rgba(0,104,217,.94) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 14px 34px rgba(7,19,31,.20) !important;
}
.nav-menu a,.nav-menu button{color:#f4fbff !important;}
.nav-menu a:hover,.nav-menu button:hover{
  background:rgba(242,140,40,.22) !important;
  color:#ffffff !important;
}
.nav-cta,
.btn--primary,
.mobile-contact a:last-child{
  background:linear-gradient(135deg,#f28c28 0%,#ffb347 52%,#00a6d6 100%) !important;
  color:#07131f !important;
  box-shadow:0 15px 34px rgba(242,140,40,.28) !important;
}
.btn--blue{
  background:linear-gradient(135deg,#0068d9 0%,#0d3354 100%) !important;
  color:#ffffff !important;
  box-shadow:0 15px 34px rgba(0,104,217,.22) !important;
}
.btn--secondary{
  background:#ffffff !important;
  color:#07131f !important;
  border-color:rgba(0,104,217,.22) !important;
  box-shadow:0 12px 24px rgba(7,19,31,.08) !important;
}
.btn--ghost{
  background:rgba(255,255,255,.15) !important;
  border-color:rgba(255,255,255,.34) !important;
  color:#ffffff !important;
}
.hero,
.home .hero{background:#07131f !important;}
.hero video,.hero .hero-bg,
.home .hero video,.home .hero .hero-bg{
  filter:brightness(1.13) contrast(1.03) saturate(1.03) !important;
}
.hero::before{
  background:linear-gradient(102deg,rgba(7,19,31,.80) 0%,rgba(13,51,84,.58) 42%,rgba(0,104,217,.22) 72%,rgba(242,140,40,.08) 100%) !important;
}
.home .hero::before{
  background:linear-gradient(98deg,rgba(7,19,31,.78) 0%,rgba(13,51,84,.54) 42%,rgba(0,104,217,.20) 72%,rgba(242,140,40,.08) 100%) !important;
}
.hero::after,.home .hero::after{display:none !important;}
.eyebrow{color:#0068d9 !important;}
.hero .eyebrow,.home .eyebrow{color:#d8f4ff !important;}
.eyebrow::before{
  background:linear-gradient(90deg,#f28c28,#00a6d6) !important;
  box-shadow:0 0 14px rgba(0,166,214,.35) !important;
}
.hero-lede{color:rgba(255,255,255,.94) !important;}
.section{background:transparent;}
.section--tint{
  background:
    radial-gradient(circle at 0% 8%,rgba(0,166,214,.10),transparent 28%),
    radial-gradient(circle at 100% 22%,rgba(242,140,40,.14),transparent 30%),
    linear-gradient(180deg,#f2f9ff 0%,#ffffff 100%) !important;
}
.page-hero{
  background:
    radial-gradient(circle at 88% 0%,rgba(242,140,40,.22),transparent 30%),
    radial-gradient(circle at 0% 0%,rgba(0,166,214,.18),transparent 34%),
    linear-gradient(135deg,#f4faff 0%,#ffffff 72%) !important;
  color:#07131f !important;
  border-bottom:1px solid rgba(0,104,217,.12) !important;
}
.page-hero h1,.page-hero h2{color:#07131f !important;}
.page-hero p{color:#334b60 !important;}
.product-hero,
.section--dark,
.cta-panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(242,140,40,.20),transparent 32%),
    radial-gradient(circle at 90% 12%,rgba(0,166,214,.26),transparent 34%),
    linear-gradient(135deg,#07131f 0%,#0d3354 54%,#0068d9 100%) !important;
}
.card,.feature-card,.contact-card,.faq details,.mini-card,.spec-table{
  background:#ffffff !important;
  border-color:rgba(0,104,217,.14) !important;
  box-shadow:0 14px 34px rgba(7,19,31,.08) !important;
}
.card:hover,.card-link:hover{
  box-shadow:0 22px 54px rgba(0,104,217,.14) !important;
}
.card-media,.split-media,.product-image-box,.gallery-strip img,.mini-card,.toc{
  background:linear-gradient(135deg,#ffffff 0%,#f2f9ff 58%,#fff6e9 100%) !important;
}
.split-media{
  box-shadow:0 22px 54px rgba(7,19,31,.10) !important;
  border:1px solid rgba(0,104,217,.12) !important;
}
.split-media img,
.product-image-box img,
.card-media img{
  filter:brightness(1.03) contrast(1.02) saturate(1.03) !important;
}
h1,h2,h3,h4{color:inherit;}
h2,h3,.faq summary,.form label{color:#0d3354 !important;}
.card-body p,.card--pad p,.feature-card p,.mini-card p,.article p,.article li,.check-list li{color:#4d6174 !important;}
.badge,.pill{
  background:linear-gradient(135deg,rgba(0,166,214,.12),rgba(242,140,40,.15)) !important;
  color:#0d3354 !important;
  border-color:rgba(0,104,217,.18) !important;
}
.feature-card::before{background:linear-gradient(90deg,#f28c28,#00a6d6,#0068d9) !important;}
.check-list li::before{
  background:linear-gradient(135deg,#00a6d6,#0068d9) !important;
  color:#ffffff !important;
}
.card-link .btn-text,.contact-card a,.toc a{color:#0068d9 !important;}
.notice{border-left-color:#f28c28 !important;background:#fff6e9 !important;color:#07131f !important;}
.footer{
  background:linear-gradient(135deg,#07131f 0%,#0d3354 58%,#064f84 100%) !important;
  color:#edf8ff !important;
}
.footer a{color:#edf8ff !important;}.footer a:hover{color:#ffffff !important;}
.footer-bottom{border-top-color:rgba(255,255,255,.16) !important;color:#cfe9f8 !important;}
.mobile-contact{background:#07131f !important;}
@media (max-width:980px){
  .nav-menu{background:linear-gradient(180deg,#07131f 0%,#0d3354 66%,#0068d9 100%) !important;}
  .dropdown{background:rgba(255,255,255,.08) !important;}
}


/* =========================================================
   Dark-bright standout refresh — remove green/cyan cast
   Requested: get rid of green shade, brighten the site using
   dark colours, and make the design stand out more.
   ========================================================= */
:root{
  --ink:#050816;
  --ink2:#0f2140;
  --blue:#1d4ed8;
  --blue2:#3b82f6;
  --gold:#ff9f1c;
  --red:#1d4ed8;
  --red2:#3b82f6;
  --red-dark:#050816;
  --soft:#f5f8ff;
  --line:rgba(29,78,216,.16);
  --muted:#52627a;
  --shadow:0 26px 76px rgba(5,8,22,.16);
}
html,body{background:#f8fbff !important;}
body{
  background:
    radial-gradient(circle at 8% -9%,rgba(59,130,246,.18),transparent 33%),
    radial-gradient(circle at 94% 2%,rgba(255,159,28,.18),transparent 29%),
    linear-gradient(180deg,#ffffff 0%,#f5f8ff 44%,#ffffff 100%) !important;
  color:#050816 !important;
}
.top-strip{
  background:linear-gradient(90deg,#050816 0%,#0b1324 58%,#1d4ed8 100%) !important;
  color:#ffffff !important;
}
.site-header{
  background:linear-gradient(90deg,rgba(5,8,22,.98) 0%,rgba(11,19,36,.97) 58%,rgba(29,78,216,.94) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 18px 46px rgba(5,8,22,.26) !important;
}
.nav-menu a,.nav-menu button{color:#f7fbff !important;}
.nav-menu a:hover,.nav-menu button:hover{
  background:rgba(255,159,28,.22) !important;
  color:#ffffff !important;
}
.nav-cta,
.btn--primary,
.mobile-contact a:last-child{
  background:linear-gradient(135deg,#ff7a00 0%,#ff9f1c 54%,#ffd36a 100%) !important;
  color:#050816 !important;
  box-shadow:0 16px 38px rgba(255,122,0,.34),0 0 0 1px rgba(255,255,255,.10) inset !important;
}
.btn--blue{
  background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%) !important;
  color:#ffffff !important;
  box-shadow:0 16px 38px rgba(29,78,216,.28) !important;
}
.btn--secondary{
  background:#ffffff !important;
  color:#081426 !important;
  border-color:rgba(255,255,255,.64) !important;
  box-shadow:0 14px 30px rgba(5,8,22,.12) !important;
}
.btn--ghost{
  background:rgba(255,255,255,.13) !important;
  border-color:rgba(255,255,255,.35) !important;
  color:#ffffff !important;
  backdrop-filter:blur(10px) !important;
}
.btn:hover{filter:brightness(1.05) !important;}
.hero,
.home .hero{
  background:#050816 !important;
}
.hero video,.hero .hero-bg,
.home .hero video,.home .hero .hero-bg{
  filter:brightness(1.20) contrast(1.08) saturate(1.02) !important;
}
.hero::before{
  background:
    linear-gradient(104deg,rgba(5,8,22,.84) 0%,rgba(11,19,36,.66) 42%,rgba(29,78,216,.22) 72%,rgba(255,159,28,.10) 100%) !important;
}
.home .hero::before{
  background:
    linear-gradient(100deg,rgba(5,8,22,.82) 0%,rgba(11,19,36,.62) 42%,rgba(29,78,216,.20) 74%,rgba(255,159,28,.10) 100%) !important;
}
.hero::after,.home .hero::after{
  display:block !important;
  inset:auto -20% -42% -20% !important;
  height:55% !important;
  background:
    radial-gradient(circle at 22% 0%,rgba(59,130,246,.38),transparent 44%),
    radial-gradient(circle at 78% 2%,rgba(255,159,28,.26),transparent 40%) !important;
}
.hero .eyebrow,.home .eyebrow{
  color:#dbeafe !important;
  text-shadow:0 1px 8px rgba(5,8,22,.38) !important;
}
.eyebrow{color:#1d4ed8 !important;}
.eyebrow::before{
  background:linear-gradient(90deg,#ff9f1c,#3b82f6) !important;
  box-shadow:0 0 18px rgba(59,130,246,.32) !important;
}
.hero-lede{color:rgba(255,255,255,.95) !important;}
.home .stat{
  background:linear-gradient(135deg,rgba(5,8,22,.68),rgba(29,78,216,.20)) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(5,8,22,.20) !important;
}
.home .stat strong{color:#ffffff !important;}.home .stat span{color:rgba(255,255,255,.84) !important;}
.section--tint{
  background:
    radial-gradient(circle at 0% 8%,rgba(59,130,246,.12),transparent 28%),
    radial-gradient(circle at 100% 22%,rgba(255,159,28,.16),transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 100%) !important;
}
.page-hero{
  background:
    radial-gradient(circle at 88% 0%,rgba(255,159,28,.22),transparent 30%),
    radial-gradient(circle at 0% 0%,rgba(59,130,246,.18),transparent 34%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 74%) !important;
  color:#050816 !important;
  border-bottom:1px solid rgba(29,78,216,.14) !important;
}
.page-hero h1,.page-hero h2{color:#081426 !important;}
.page-hero p{color:#334155 !important;}
.product-hero,
.section--dark,
.cta-panel{
  background:
    radial-gradient(circle at 11% 0%,rgba(255,159,28,.24),transparent 31%),
    radial-gradient(circle at 91% 10%,rgba(59,130,246,.34),transparent 34%),
    linear-gradient(135deg,#050816 0%,#0b1324 54%,#1d4ed8 100%) !important;
  border-color:rgba(255,255,255,.14) !important;
}
.card,.feature-card,.contact-card,.faq details,.mini-card,.spec-table{
  background:#ffffff !important;
  border-color:rgba(29,78,216,.14) !important;
  box-shadow:0 16px 42px rgba(5,8,22,.09) !important;
}
.card:hover,.card-link:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 28px 72px rgba(29,78,216,.18) !important;
}
.card-media,.split-media,.product-image-box,.gallery-strip img,.mini-card,.toc{
  background:linear-gradient(135deg,#ffffff 0%,#f6f9ff 58%,#fff8ed 100%) !important;
}
.split-media{
  box-shadow:0 24px 60px rgba(5,8,22,.11) !important;
  border:1px solid rgba(29,78,216,.14) !important;
}
.split-media img,
.product-image-box img,
.card-media img{
  filter:brightness(1.04) contrast(1.03) saturate(1.02) !important;
}
h2,h3,.faq summary,.form label{color:#0f2140 !important;}
.card-body p,.card--pad p,.feature-card p,.mini-card p,.article p,.article li,.check-list li{color:#4b5c72 !important;}
.badge,.pill{
  background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(255,159,28,.15)) !important;
  color:#0f2140 !important;
  border-color:rgba(29,78,216,.18) !important;
}
.feature-card::before{background:linear-gradient(90deg,#ff9f1c,#3b82f6,#1d4ed8) !important;}
.check-list li::before{
  background:linear-gradient(135deg,#1d4ed8,#3b82f6) !important;
  color:#ffffff !important;
  box-shadow:0 8px 18px rgba(29,78,216,.24) !important;
}
.card-link .btn-text,.contact-card a,.toc a{color:#1d4ed8 !important;}
.notice{border-left-color:#ff9f1c !important;background:#fff8ed !important;color:#050816 !important;}
.form input,.form textarea,.form select{
  background:#ffffff !important;
  border-color:rgba(29,78,216,.18) !important;
}
.form input:focus,.form textarea:focus,.form select:focus{
  border-color:#3b82f6 !important;
  box-shadow:0 0 0 4px rgba(59,130,246,.14) !important;
}
.footer{
  background:linear-gradient(135deg,#050816 0%,#0b1324 58%,#12224a 100%) !important;
  color:#eef5ff !important;
}
.footer a{color:#eef5ff !important;}.footer a:hover{color:#ffffff !important;}
.footer-bottom{border-top-color:rgba(255,255,255,.16) !important;color:#c9d8f2 !important;}
.mobile-contact{background:#050816 !important;}
@media (max-width:980px){
  .nav-menu{background:linear-gradient(180deg,#050816 0%,#0b1324 66%,#1d4ed8 100%) !important;}
  .dropdown{background:rgba(255,255,255,.08) !important;}
}

/* =========================================================
   Final colour revision — deep navy / cobalt / ruby
   Requested: replace orange with colours that work well
   together. This removes the warm orange accent and uses a
   clean high-contrast blue/ruby palette across the site.
   ========================================================= */
:root{
  --ink:#050816;
  --ink2:#0f2140;
  --blue:#1d4ed8;
  --blue2:#60a5fa;
  --gold:#e11d48;
  --red:#e11d48;
  --red2:#f43f5e;
  --red-dark:#050816;
  --soft:#f5f8ff;
  --line:rgba(29,78,216,.16);
  --muted:#52627a;
  --shadow:0 26px 76px rgba(5,8,22,.16);
}
html,body{background:#f8fbff !important;}
body{
  background:
    radial-gradient(circle at 8% -9%,rgba(96,165,250,.18),transparent 33%),
    radial-gradient(circle at 94% 2%,rgba(244,63,94,.16),transparent 29%),
    linear-gradient(180deg,#ffffff 0%,#f5f8ff 44%,#ffffff 100%) !important;
  color:#050816 !important;
}
.top-strip{
  background:linear-gradient(90deg,#050816 0%,#0b1324 58%,#1d4ed8 100%) !important;
  color:#ffffff !important;
}
.site-header{
  background:linear-gradient(90deg,rgba(5,8,22,.98) 0%,rgba(11,19,36,.97) 58%,rgba(29,78,216,.94) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 18px 46px rgba(5,8,22,.26) !important;
}
.nav-menu a,.nav-menu button{color:#f7fbff !important;}
.nav-menu a:hover,.nav-menu button:hover{
  background:rgba(225,29,72,.22) !important;
  color:#ffffff !important;
}
.nav-cta,
.btn--primary,
.mobile-contact a:last-child{
  background:linear-gradient(135deg,#e11d48 0%,#f43f5e 54%,#60a5fa 100%) !important;
  color:#ffffff !important;
  box-shadow:0 16px 38px rgba(225,29,72,.28),0 0 0 1px rgba(255,255,255,.10) inset !important;
}
.btn--blue{
  background:linear-gradient(135deg,#1d4ed8 0%,#60a5fa 100%) !important;
  color:#ffffff !important;
  box-shadow:0 16px 38px rgba(29,78,216,.28) !important;
}
.btn--secondary{
  background:#ffffff !important;
  color:#081426 !important;
  border-color:rgba(255,255,255,.64) !important;
  box-shadow:0 14px 30px rgba(5,8,22,.12) !important;
}
.btn--ghost{
  background:rgba(255,255,255,.13) !important;
  border-color:rgba(255,255,255,.35) !important;
  color:#ffffff !important;
  backdrop-filter:blur(10px) !important;
}
.btn:hover{filter:brightness(1.05) !important;}
.hero,
.home .hero{background:#050816 !important;}
.hero video,.hero .hero-bg,
.home .hero video,.home .hero .hero-bg{
  filter:brightness(1.20) contrast(1.08) saturate(1.02) !important;
}
.hero::before{
  background:
    linear-gradient(104deg,rgba(5,8,22,.84) 0%,rgba(11,19,36,.66) 42%,rgba(29,78,216,.22) 72%,rgba(225,29,72,.08) 100%) !important;
}
.home .hero::before{
  background:
    linear-gradient(100deg,rgba(5,8,22,.82) 0%,rgba(11,19,36,.62) 42%,rgba(29,78,216,.20) 74%,rgba(225,29,72,.08) 100%) !important;
}
.hero::after,.home .hero::after{
  display:block !important;
  inset:auto -20% -42% -20% !important;
  height:55% !important;
  background:
    radial-gradient(circle at 22% 0%,rgba(96,165,250,.38),transparent 44%),
    radial-gradient(circle at 78% 2%,rgba(225,29,72,.22),transparent 40%) !important;
}
.hero .eyebrow,.home .eyebrow{
  color:#dbeafe !important;
  text-shadow:0 1px 8px rgba(5,8,22,.38) !important;
}
.eyebrow{color:#1d4ed8 !important;}
.eyebrow::before{
  background:linear-gradient(90deg,#e11d48,#60a5fa) !important;
  box-shadow:0 0 18px rgba(96,165,250,.32) !important;
}
.hero-lede{color:rgba(255,255,255,.95) !important;}
.home .stat{
  background:linear-gradient(135deg,rgba(5,8,22,.68),rgba(29,78,216,.20)) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(5,8,22,.20) !important;
}
.home .stat strong{color:#ffffff !important;}.home .stat span{color:rgba(255,255,255,.84) !important;}
.section--tint{
  background:
    radial-gradient(circle at 0% 8%,rgba(96,165,250,.12),transparent 28%),
    radial-gradient(circle at 100% 22%,rgba(225,29,72,.10),transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 100%) !important;
}
.page-hero{
  background:
    radial-gradient(circle at 88% 0%,rgba(225,29,72,.16),transparent 30%),
    radial-gradient(circle at 0% 0%,rgba(96,165,250,.18),transparent 34%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 74%) !important;
  color:#050816 !important;
  border-bottom:1px solid rgba(29,78,216,.14) !important;
}
.page-hero h1,.page-hero h2{color:#081426 !important;}
.page-hero p{color:#334155 !important;}
.product-hero,
.section--dark,
.cta-panel{
  background:
    radial-gradient(circle at 11% 0%,rgba(225,29,72,.20),transparent 31%),
    radial-gradient(circle at 91% 10%,rgba(96,165,250,.34),transparent 34%),
    linear-gradient(135deg,#050816 0%,#0b1324 54%,#1d4ed8 100%) !important;
  border-color:rgba(255,255,255,.14) !important;
}
.card,.feature-card,.contact-card,.faq details,.mini-card,.spec-table{
  background:#ffffff !important;
  border-color:rgba(29,78,216,.14) !important;
  box-shadow:0 16px 42px rgba(5,8,22,.09) !important;
}
.card:hover,.card-link:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 28px 72px rgba(29,78,216,.18) !important;
}
.card-media,.split-media,.product-image-box,.gallery-strip img,.mini-card,.toc{
  background:linear-gradient(135deg,#ffffff 0%,#f6f9ff 58%,#fff1f4 100%) !important;
}
.split-media{
  box-shadow:0 24px 60px rgba(5,8,22,.11) !important;
  border:1px solid rgba(29,78,216,.14) !important;
}
.split-media img,
.product-image-box img,
.card-media img{
  filter:brightness(1.04) contrast(1.03) saturate(1.02) !important;
}
h2,h3,.faq summary,.form label{color:#0f2140 !important;}
.card-body p,.card--pad p,.feature-card p,.mini-card p,.article p,.article li,.check-list li{color:#4b5c72 !important;}
.badge,.pill{
  background:linear-gradient(135deg,rgba(96,165,250,.12),rgba(225,29,72,.10)) !important;
  color:#0f2140 !important;
  border-color:rgba(29,78,216,.18) !important;
}
.feature-card::before{background:linear-gradient(90deg,#e11d48,#60a5fa,#1d4ed8) !important;}
.check-list li::before{
  background:linear-gradient(135deg,#1d4ed8,#60a5fa) !important;
  color:#ffffff !important;
  box-shadow:0 8px 18px rgba(29,78,216,.24) !important;
}
.card-link .btn-text,.contact-card a,.toc a{color:#1d4ed8 !important;}
.notice{border-left-color:#e11d48 !important;background:#fff1f4 !important;color:#050816 !important;}
.form input,.form textarea,.form select{
  background:#ffffff !important;
  border-color:rgba(29,78,216,.18) !important;
}
.form input:focus,.form textarea:focus,.form select:focus{
  border-color:#60a5fa !important;
  box-shadow:0 0 0 4px rgba(96,165,250,.14) !important;
}
.footer{
  background:linear-gradient(135deg,#050816 0%,#0b1324 58%,#12224a 100%) !important;
  color:#eef5ff !important;
}
.footer a{color:#eef5ff !important;}.footer a:hover{color:#ffffff !important;}
.footer-bottom{border-top-color:rgba(255,255,255,.16) !important;color:#c9d8f2 !important;}
.mobile-contact{background:#050816 !important;}
@media (max-width:980px){
  .nav-menu{background:linear-gradient(180deg,#050816 0%,#0b1324 66%,#1d4ed8 100%) !important;}
  .dropdown{background:rgba(255,255,255,.08) !important;}
}

/* =========================================================
   FINAL STYLE PASS — solid high-contrast colours
   Requested: make colours look solid and stand out.
   Palette avoids orange, green and purple: dark navy, cobalt,
   ruby and clean white. Gradients and colour washes are replaced
   with stronger solid blocks for a sharper industrial look.
   ========================================================= */
:root{
  --ink:#06121f;
  --ink2:#0b2138;
  --blue:#0057ff;
  --blue2:#2f7bff;
  --gold:#d50032;
  --red:#d50032;
  --red2:#ff315f;
  --red-dark:#06121f;
  --soft:#f3f7fc;
  --line:rgba(6,18,31,.14);
  --muted:#506073;
  --white:#ffffff;
  --shadow:0 24px 70px rgba(6,18,31,.16);
}
html,body{background:#f3f7fc !important;color:#06121f !important;}
body{
  background:#f3f7fc !important;
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid #0057ff !important;
  outline-offset:3px !important;
}
.top-strip{
  background:#06121f !important;
  color:#ffffff !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
.top-strip a{color:#ffffff !important;}
.site-header{
  background:#06121f !important;
  border-bottom:4px solid #0057ff !important;
  box-shadow:0 18px 46px rgba(6,18,31,.26) !important;
  backdrop-filter:none !important;
}
.nav-menu a,.nav-menu button{color:#ffffff !important;}
.nav-menu a:hover,.nav-menu button:hover{
  background:#0057ff !important;
  color:#ffffff !important;
}
.dropdown{
  background:#ffffff !important;
  border:2px solid #0057ff !important;
  box-shadow:0 22px 58px rgba(6,18,31,.18) !important;
}
.dropdown a{color:#06121f !important;}
.dropdown a:hover{background:#f3f7fc !important;color:#0057ff !important;}
.dropdown span{color:#506073 !important;}
.nav-cta,
.btn--primary,
.mobile-contact a:last-child{
  background:#d50032 !important;
  color:#ffffff !important;
  border-color:#d50032 !important;
  box-shadow:0 16px 34px rgba(213,0,50,.30) !important;
}
.nav-cta:hover,
.btn--primary:hover,
.mobile-contact a:last-child:hover{
  background:#ff315f !important;
  color:#ffffff !important;
}
.btn--blue{
  background:#0057ff !important;
  color:#ffffff !important;
  border-color:#0057ff !important;
  box-shadow:0 16px 34px rgba(0,87,255,.26) !important;
}
.btn--blue:hover{background:#0045cc !important;color:#ffffff !important;}
.btn--secondary{
  background:#ffffff !important;
  color:#06121f !important;
  border:2px solid #ffffff !important;
  box-shadow:0 14px 30px rgba(6,18,31,.16) !important;
}
.btn--ghost{
  background:#06121f !important;
  border:2px solid rgba(255,255,255,.48) !important;
  color:#ffffff !important;
  backdrop-filter:none !important;
}
.btn:hover{transform:translateY(-2px) !important;filter:none !important;}
.hero,
.home .hero{
  background:#06121f !important;
}
.hero--home{
  min-height:560px !important;
}
.hero video,.hero .hero-bg,
.home .hero video,.home .hero .hero-bg{
  filter:brightness(1.16) contrast(1.08) saturate(1.04) !important;
}
.hero::before,
.home .hero::before{
  background:rgba(6,18,31,.66) !important;
}
.hero::after,
.home .hero::after{
  display:block !important;
  inset:auto 0 0 0 !important;
  height:8px !important;
  background:#0057ff !important;
}
.hero-grid,.home .hero-grid{
  padding-top:64px !important;
  padding-bottom:54px !important;
}
.hero .eyebrow,.home .eyebrow,.eyebrow{
  color:#0057ff !important;
  text-shadow:none !important;
}
.hero .eyebrow,.home .eyebrow{color:#ffffff !important;}
.eyebrow::before{
  background:#d50032 !important;
  box-shadow:none !important;
}
.hero h1,.home .hero h1{color:#ffffff !important;text-shadow:0 4px 20px rgba(0,0,0,.30) !important;}
.hero-lede{color:#ffffff !important;}
.home .stat,.stat{
  background:#0b2138 !important;
  border:2px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}
.home .stat strong,.stat strong{color:#ffffff !important;}
.home .stat span,.stat span{color:#dbeafe !important;}
.section{
  background:#ffffff !important;
}
.section--tint{
  background:#f3f7fc !important;
}
.section--dark,
.product-hero,
.cta-panel{
  background:#06121f !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.14) !important;
}
.section--dark h2,.section--dark h3,
.product-hero h1,.product-hero h2,.product-hero h3,
.cta-panel h2,.cta-panel h3{
  color:#ffffff !important;
}
.section--dark p,.product-hero p,.cta-panel p{color:#dbeafe !important;}
.page-hero{
  background:#f3f7fc !important;
  color:#06121f !important;
  border-bottom:4px solid #0057ff !important;
}
.page-hero h1,.page-hero h2{color:#06121f !important;}
.page-hero p{color:#334155 !important;}
h2,h3,h4,.faq summary,.form label{
  color:#06121f !important;
}
.section-intro h2{color:#06121f !important;}
.section-intro p,.card-body p,.card--pad p,.feature-card p,.mini-card p,.article p,.article li,.check-list li,.legal p,.legal li{
  color:#506073 !important;
}
.card,.feature-card,.contact-card,.faq details,.mini-card,.spec-table,.toc{
  background:#ffffff !important;
  border:2px solid rgba(6,18,31,.10) !important;
  box-shadow:0 14px 36px rgba(6,18,31,.10) !important;
}
.card-link:hover,.card:hover{
  transform:translateY(-5px) !important;
  border-color:#0057ff !important;
  box-shadow:0 28px 72px rgba(0,87,255,.18) !important;
}
.card-media,.split-media,.product-image-box,.gallery-strip img{
  background:#ffffff !important;
  border-color:rgba(6,18,31,.10) !important;
}
.card-media img,.split-media img,.product-image-box img{
  filter:brightness(1.05) contrast(1.04) saturate(1.02) !important;
}
.badge,.pill{
  background:#0057ff !important;
  color:#ffffff !important;
  border-color:#0057ff !important;
}
.feature-card{position:relative !important;overflow:hidden !important;}
.feature-card::before{
  background:#d50032 !important;
  height:6px !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  border-radius:0 !important;
}
.check-list li::before{
  background:#0057ff !important;
  color:#ffffff !important;
  box-shadow:0 8px 18px rgba(0,87,255,.24) !important;
}
.card-link .btn-text,.contact-card a,.toc a{
  color:#0057ff !important;
}
.notice{
  border-left-color:#d50032 !important;
  background:#fff1f4 !important;
  color:#06121f !important;
}
.form input,.form textarea,.form select{
  background:#ffffff !important;
  border:2px solid rgba(6,18,31,.14) !important;
  color:#06121f !important;
}
.form input:focus,.form textarea:focus,.form select:focus{
  border-color:#0057ff !important;
  box-shadow:0 0 0 4px rgba(0,87,255,.14) !important;
}
.spec-table th{
  background:#f3f7fc !important;
  color:#06121f !important;
}
.video-panel{background:#06121f !important;border:4px solid #0057ff !important;}
.callout{
  background:#0b2138 !important;
  border:2px solid rgba(255,255,255,.14) !important;
}
.callout p{color:#dbeafe !important;}
.footer{
  background:#06121f !important;
  color:#eaf2ff !important;
  border-top:6px solid #0057ff !important;
}
.footer h4{color:#ffffff !important;}
.footer p,.footer li{color:#dbeafe !important;}
.footer a{color:#ffffff !important;}
.footer a:hover{color:#ff315f !important;}
.footer-bottom{border-top-color:rgba(255,255,255,.16) !important;color:#c9d8f2 !important;}
.mobile-contact{background:#06121f !important;border-top:2px solid #0057ff !important;}
.mobile-contact a:first-child{background:#0057ff !important;color:#ffffff !important;}
@media (max-width:980px){
  .nav-menu{background:#06121f !important;border-top:4px solid #0057ff !important;}
  .dropdown{background:#0b2138 !important;border-color:rgba(255,255,255,.16) !important;}
  .dropdown a{color:#ffffff !important;}
  .dropdown span{color:#dbeafe !important;}
}
@media (max-width:640px){
  .hero-grid,.home .hero-grid{padding-top:50px !important;padding-bottom:42px !important;}
  .hero--home{min-height:auto !important;}
}

/* =========================================================
   Requested update: spread homepage hero text out and change
   the top bar colour while keeping the solid standout palette.
   ========================================================= */
:root{
  --ink:#06121f;
  --ink2:#0b2138;
  --blue:#0057ff;
  --blue2:#2f7bff;
  --gold:#d50032;
  --red:#d50032;
  --red2:#ff315f;
  --soft:#f3f7fc;
}
.top-strip{
  background:#d50032 !important;
  color:#ffffff !important;
  border-bottom:0 !important;
}
.top-strip a{color:#ffffff !important;}
.site-header{
  background:#0b2138 !important;
  border-bottom:5px solid #0057ff !important;
  box-shadow:0 18px 46px rgba(6,18,31,.28) !important;
}
.nav-menu a:hover,.nav-menu button:hover{
  background:#0057ff !important;
  color:#ffffff !important;
}
.nav-cta{
  background:#d50032 !important;
  border-color:#d50032 !important;
  color:#ffffff !important;
}
.home .hero--home{
  height:calc(100vh - 116px) !important;
  height:calc(100svh - 116px) !important;
  height:calc(100dvh - 116px) !important;
  min-height:560px !important;
  max-height:none !important;
  display:flex !important;
  align-items:center !important;
}
.home .hero-grid{
  width:min(1360px,92vw) !important;
  max-width:1360px !important;
  grid-template-columns:minmax(0,1120px) !important;
  justify-content:start !important;
  padding-top:clamp(34px,5vh,62px) !important;
  padding-bottom:clamp(34px,5vh,62px) !important;
}
.home .hero-grid>div{
  max-width:1120px !important;
}
.home .hero h1{
  max-width:1060px !important;
  font-size:clamp(42px,4.75vw,72px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  margin-bottom:18px !important;
}
.home .hero-lede{
  max-width:86ch !important;
  font-size:clamp(17px,1.5vw,21px) !important;
  line-height:1.55 !important;
}
.home .hero-actions{
  gap:16px !important;
  margin-top:26px !important;
}
.home .hero-actions .btn{
  padding-inline:26px !important;
}
.home .hero-stats{
  width:min(1040px,100%) !important;
  max-width:1040px !important;
  grid-template-columns:repeat(3,minmax(220px,1fr)) !important;
  gap:16px !important;
  margin-top:18px !important;
}
.home .stat{
  padding:12px 18px !important;
}
.home .hero::before{
  background:linear-gradient(90deg,rgba(6,18,31,.70) 0%,rgba(6,18,31,.56) 42%,rgba(6,18,31,.28) 76%,rgba(6,18,31,.08) 100%) !important;
}
@media (max-width:980px){
  .top-strip{display:none !important;}
  .site-header{background:#0b2138 !important;}
  .home .hero--home{
    height:auto !important;
    min-height:calc(100svh - 66px) !important;
    min-height:calc(100dvh - 66px) !important;
  }
  .home .hero-grid{
    grid-template-columns:1fr !important;
    padding-top:56px !important;
    padding-bottom:64px !important;
  }
  .home .hero-stats{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:640px){
  .home .hero h1{font-size:clamp(36px,10vw,46px) !important;}
  .home .hero-lede{font-size:16px !important;}
  .home .hero-actions .btn{width:100% !important;}
  .home .hero-stats{grid-template-columns:1fr !important;}
}

/* =========================================================
   Readability and contrast fix
   - High contrast text selection/highlight state
   - Ensures dark sections, CTA panels and dark cards keep
     white/light copy against dark backgrounds
   ========================================================= */
::selection{
  background:#ffea00 !important;
  color:#06121f !important;
  text-shadow:none !important;
}
::-moz-selection{
  background:#ffea00 !important;
  color:#06121f !important;
  text-shadow:none !important;
}
.section--dark,
.section--dark .container,
.section--dark .section-intro,
.cta-panel,
.callout,
.footer,
.product-hero{
  color:#ffffff !important;
}
.section--dark h1,
.section--dark h2,
.section--dark h3,
.section--dark h4,
.section--dark p,
.section--dark li,
.section--dark .eyebrow,
.section--dark .section-intro p,
.section--dark .callout h3,
.section--dark .callout p,
.cta-panel h1,
.cta-panel h2,
.cta-panel h3,
.cta-panel h4,
.cta-panel p,
.callout h3,
.callout p,
.footer h4,
.footer p,
.footer li,
.footer a,
.product-hero h1,
.product-hero h2,
.product-hero h3,
.product-hero p,
.product-hero li{
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.24) !important;
}
.section--dark .section-intro p,
.section--dark p,
.callout p,
.cta-panel p,
.product-hero p{
  color:#eaf2ff !important;
}
.section--dark .eyebrow,
.product-hero .eyebrow,
.page-hero .eyebrow{
  color:#ffffff !important;
  background:#0057ff !important;
  border:2px solid #0057ff !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  width:max-content !important;
  max-width:100% !important;
  box-shadow:0 10px 26px rgba(0,87,255,.26) !important;
}
.section--dark .eyebrow::before,
.product-hero .eyebrow::before,
.page-hero .eyebrow::before{
  background:#ffea00 !important;
}
.callout,
.section--dark .callout{
  background:#0b2138 !important;
  border:2px solid #335b88 !important;
  box-shadow:0 18px 42px rgba(0,0,0,.28) !important;
}
.section--dark .btn--ghost,
.cta-panel .btn--ghost,
.product-hero .btn--ghost{
  background:#ffffff !important;
  color:#06121f !important;
  border-color:#ffffff !important;
  text-shadow:none !important;
}
.section--dark .btn--primary,
.cta-panel .btn--primary,
.product-hero .btn--primary,
.nav-cta{
  color:#ffffff !important;
  text-shadow:none !important;
}
/* Keep light cards readable if they appear inside dark sections. */
.section--dark .card,
.section--dark .card--pad,
.section--dark .mini-card,
.section--dark .contact-card,
.section--dark .spec-table{
  color:#06121f !important;
  text-shadow:none !important;
}
.section--dark .card h1,
.section--dark .card h2,
.section--dark .card h3,
.section--dark .card h4,
.section--dark .card p,
.section--dark .card li,
.section--dark .card--pad h1,
.section--dark .card--pad h2,
.section--dark .card--pad h3,
.section--dark .card--pad h4,
.section--dark .card--pad p,
.section--dark .card--pad li,
.section--dark .mini-card h3,
.section--dark .mini-card p,
.section--dark .contact-card p,
.section--dark .contact-card li,
.section--dark .spec-table th,
.section--dark .spec-table td{
  color:#06121f !important;
  text-shadow:none !important;
}
/* Dark text on buttons/white panels stays intentionally dark and readable. */
.btn--secondary,
.btn--ghost.btn--light,
.product-image-box,
.hero-card,
.contact-card,
.card,
.mini-card,
.spec-table{
  text-shadow:none !important;
}