*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#ece9e2;color:#071722}a{color:inherit;text-decoration:none}.hidden{display:none}header{position:absolute;top:0;left:0;width:100%;z-index:5;padding:24px 5vw;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:32px;color:#fff;border-bottom:1px solid #ffffff2e}.logo{width:155px;display:block}header nav{display:flex;justify-content:center;gap:28px}header nav a,.navcta{font-size:10px;font-weight:700;letter-spacing:1.5px}.navcta{background:#79bff2;color:#071722;padding:16px 18px}.hero{min-height:100vh;background:radial-gradient(circle at 68% 36%,#16476a 0,#0c293d 33%,#061925 75%);color:#fff;padding:145px 5vw 45px;display:grid;grid-template-columns:1.08fr .92fr;align-items:end;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:4%;top:18%;width:40vw;height:40vw;border:1px solid #79bff233;transform:rotate(18deg);pointer-events:none}.hero-copy{align-self:center;position:relative;z-index:2;max-width:850px}.hero small,.business small,.dark small,.tech small,.education small,.contact small{letter-spacing:5px;font-size:11px}.hero h1{font-size:clamp(58px,6.8vw,116px);line-height:.88;letter-spacing:-5px;margin:28px 0}.hero h1 i{font-style:normal;color:#79bff2}.hero p{max-width:650px;font-size:19px;line-height:1.55}.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:38px 0 10px;max-width:760px}.hero-benefits div{border-top:1px solid #79bff280;padding-top:15px}.hero-benefits strong{font-size:22px}.hero-benefits span{display:block;font-size:9px;letter-spacing:1.4px;margin-top:7px}.button{display:inline-block;background:#79bff2;color:#071722;padding:20px 25px;margin-top:22px;font-size:11px;font-weight:800;letter-spacing:2px}.hero-model{height:calc(100vh - 110px);min-height:650px;position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center}.hero-model img{display:block;max-height:94%;max-width:100%;object-fit:contain;object-position:center bottom;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 88%,transparent 100%)}.script{position:absolute;right:-1vw;top:35%;font-family:cursive;font-style:italic;font-size:clamp(28px,3.3vw,58px);line-height:.9;transform:rotate(-7deg);text-align:center}.strip{background:#79bff2;padding:24px 20px;text-align:center;letter-spacing:3px;font-size:15px;font-weight:bold;display:grid;gap:7px}.business,.dark,.tech,.education,.contact{padding:120px 5vw}.business h2,.dark h2,.tech h2,.education h2,.contact h2{font-size:clamp(60px,9vw,140px);line-height:.82;letter-spacing:-6px;margin:30px 0}.business h2 i,.dark h2 i,.tech h2 i,.education h2 i,.contact h2 i{font-weight:300}.business p,.tech p,.education p{max-width:840px;font-size:19px;line-height:1.6}.business strong{display:block;margin-top:50px;font-size:32px}.dark{background:#071722;color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #59656d;padding-top:35px}.stats b{font-size:42px}.stats span{font-size:16px;letter-spacing:1.4px}.tech ul{line-height:2;font-size:18px}.tech li{margin-bottom:6px}.education{background:#d6dee1}.darkbutton{background:#071722;color:#fff}.contact{background:#0d2b3f;color:#fff;display:grid;grid-template-columns:.95fr 1.05fr;gap:7vw}.contact>div>p{max-width:760px;font-size:19px;line-height:1.6}.company{margin-top:55px;border-top:1px solid #526979;padding-top:25px}.company p{font-size:15px;line-height:1.6}.company h3{letter-spacing:2px}.company a{font-size:14px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;align-content:start}.contact label{font-size:13px;letter-spacing:2px}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:8px;background:transparent;color:#fff;border:0;border-bottom:1px solid #71828e;padding:12px 0;font:inherit;font-size:15px;outline:none}.contact select option{color:#071722}.contact label:nth-last-of-type(1){grid-column:1/-1}.contact button{grid-column:1/-1;background:#79bff2;border:0;padding:20px 25px;font-weight:bold;letter-spacing:2px;text-align:left}footer{background:#050e14;color:#aeb7bc;padding:40px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;font-size:11px;letter-spacing:1px}
@media(max-width:1000px){header{grid-template-columns:150px 1fr}.navcta{display:none}header nav{justify-content:flex-end;gap:18px}.hero{grid-template-columns:1fr .72fr}.hero-benefits{grid-template-columns:1fr 1fr}.script{display:none}}
@media(max-width:760px){header{padding:20px 6vw;display:flex;justify-content:space-between}.logo{width:120px}header nav a:not(:last-child){display:none}.hero{padding:120px 6vw 0;grid-template-columns:1fr;align-items:start}.hero h1{letter-spacing:-3px}.hero p{font-size:17px}.hero-model{height:520px;min-height:0;margin-top:20px}.hero-model img{max-height:100%}.hero-benefits{grid-template-columns:1fr 1fr}.strip{font-size:12px;padding:20px 14px}.business,.dark,.tech,.education,.contact{padding:80px 6vw}.business h2,.dark h2,.tech h2,.education h2,.contact h2{letter-spacing:-3px}.stats{grid-template-columns:1fr 1fr;gap:30px}.stats span{font-size:12px}.contact{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}.contact label:nth-last-of-type(1),.contact button{grid-column:auto}footer{grid-template-columns:1fr}}

/* hero matched to approved visual */
.hero{min-height:100vh;padding:40px 3.4vw 36px;grid-template-columns:1.03fr .97fr;align-items:center;background:radial-gradient(circle at 67% 28%,#123d5c 0,#08243a 34%,#031726 72%,#021421 100%)}
.hero-copy{max-width:900px;padding-top:12px}.hero small{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:5px}.eyeline{display:inline-block;width:75px;height:3px;background:#79bff2}.hero h1{font-size:clamp(66px,6.7vw,124px);line-height:.82;margin:34px 0 24px}.hero p{font-size:20px;line-height:1.5;max-width:690px}.hero-benefits.vertical{display:flex;flex-direction:column;gap:15px;margin:36px 0 18px;max-width:600px}.hero-benefits.vertical a{display:flex;align-items:center;gap:25px;border:0;padding:0;color:#fff}.hero-benefits.vertical a:hover strong{color:#79bff2}.benefit-icon{width:66px;height:66px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:31px;flex:0 0 66px}.hero-benefits.vertical strong{display:block;font-size:16px;letter-spacing:2px;transition:.2s}.hero-benefits.vertical em{display:block;font-style:normal;font-size:12px;letter-spacing:2.4px;margin-top:7px;color:#fff}.hero .button{min-width:340px;text-align:center;font-size:14px;padding:19px 25px}.hero .button b{font-size:25px;float:right;line-height:12px}.hero-model{height:94vh;min-height:720px;align-self:end;overflow:visible}.hero-model img{position:relative;z-index:3;max-height:98%;filter:drop-shadow(0 25px 40px #0005);-webkit-mask-image:none;mask-image:none}.hero:after{display:none}.wire{position:absolute;z-index:1;width:75%;aspect-ratio:1;left:-8%;top:13%;border:1px solid #79bff244;clip-path:polygon(50% 0,95% 22%,86% 74%,48% 100%,0 74%,9% 28%);transform:rotate(8deg)}.wire:before,.wire:after{content:"";position:absolute;inset:18%;border:1px solid #79bff244;transform:rotate(31deg)}.wire:after{inset:31%;transform:rotate(-27deg)}.script{right:-2.8vw;top:38%;z-index:4;font-size:clamp(35px,3.3vw,61px);font-weight:400}.script i{display:block;width:110px;border-top:4px solid #79bff2;margin:18px auto 0;transform:rotate(-6deg)}.model-tags{position:absolute;z-index:4;right:-1.2vw;top:68%;font-size:15px;letter-spacing:3px;line-height:2;color:#fff}.strip{display:none}
@media(max-width:1100px){.hero{padding-top:110px}.hero-model{min-height:620px}.script,.model-tags{display:none}.hero .button{min-width:0}.hero-benefits.vertical{gap:12px}.benefit-icon{width:54px;height:54px;flex-basis:54px;font-size:24px}}
@media(max-width:760px){.hero{padding:115px 6vw 0;grid-template-columns:1fr}.hero small{font-size:9px;letter-spacing:3px}.eyeline{width:40px}.hero h1{font-size:clamp(49px,15vw,72px);margin:25px 0}.hero p{font-size:16px}.hero-benefits.vertical{margin-top:28px}.hero-benefits.vertical strong{font-size:13px}.hero-benefits.vertical em{font-size:9px}.benefit-icon{width:48px;height:48px;flex-basis:48px}.hero-model{height:560px;min-height:0;margin-top:15px}.hero-model img{max-height:100%}}

.benefit-icon svg{width:30px;height:30px;display:block;color:#fff;fill:currentColor}.benefit-icon svg path[fill="none"],.benefit-icon svg circle{fill:none}.benefit-icon{color:#fff}.benefit-icon:hover{border-color:#79bff2;color:#79bff2}

@media(max-width:760px){.contact label{font-size:11px}.contact input,.contact select,.contact textarea{font-size:14px}.tech ul{font-size:16px}.model-tags{font-size:12px}}

/* final hero alignment */
.hero{grid-template-columns:1.12fr .88fr;column-gap:0}
.hero-model{transform:translateX(-5vw);justify-content:flex-start}
.hero-model img{max-width:112%;max-height:96%;object-position:left bottom}
.benefit-icon{display:flex;align-items:center;justify-content:center;padding:0}
.benefit-icon svg{width:37px;height:37px;display:block;margin:auto;flex:none}
@media(max-width:1100px){.hero-model{transform:translateX(-2vw)}.benefit-icon svg{width:32px;height:32px}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-model{transform:none;justify-content:center}.hero-model img{max-width:100%}.benefit-icon svg{width:29px;height:29px}}

/* responsive hero cleanup + optical icon centering */
.benefit-icon svg{position:relative;left:0;top:0;transform:translateY(3px);transform-origin:center}
@media (max-width:950px){
  header{position:absolute;padding:18px 5vw;grid-template-columns:140px 1fr;gap:18px}
  .logo{width:138px}
  header nav{gap:14px}
  header nav a{font-size:9px}
  .hero{padding:112px 5vw 50px;grid-template-columns:1fr;display:block;min-height:auto;overflow:hidden}
  .hero-copy{max-width:100%;padding-top:0}
  .hero small{font-size:10px;letter-spacing:3.5px}
  .hero h1{font-size:clamp(54px,10.2vw,88px);line-height:.86;letter-spacing:-3px;margin:28px 0 24px;max-width:100%;overflow-wrap:normal}
  .hero h1 i{white-space:normal}
  .hero p{max-width:720px;font-size:17px;line-height:1.55}
  .hero-benefits.vertical{max-width:640px;margin-top:34px;gap:18px}
  .hero-benefits.vertical a{gap:22px}
  .benefit-icon{width:62px;height:62px;flex:0 0 62px}
  .benefit-icon svg{width:36px;height:36px;transform:translateY(3px)}
  .hero-model{height:620px;min-height:0;transform:none;justify-content:center;margin-top:18px;overflow:hidden}
  .hero-model img{max-width:100%;max-height:100%;object-position:center bottom}
  .script,.model-tags{display:none}
}
@media (max-width:620px){
  header nav{display:none}
  .hero{padding:100px 7vw 42px}
  .hero small{gap:12px;font-size:8px;letter-spacing:2.7px;white-space:nowrap}
  .eyeline{width:30px;height:2px}
  .hero h1{font-size:clamp(44px,13.2vw,68px);line-height:.88;letter-spacing:-2px;margin:24px 0 22px}
  .hero p{font-size:16px;line-height:1.55}
  .hero-benefits.vertical{gap:20px;margin:30px 0 20px}
  .hero-benefits.vertical a{gap:18px;align-items:center}
  .benefit-icon{width:58px;height:58px;flex:0 0 58px}
  .benefit-icon svg{width:34px;height:34px;transform:translateY(3px)}
  .hero-benefits.vertical strong{font-size:13px;letter-spacing:1.7px}
  .hero-benefits.vertical em{font-size:9px;letter-spacing:1.7px;line-height:1.45}
  .hero .button{width:100%;min-width:0}
  .hero-model{height:500px;margin-top:24px}
}


/* 2026-09-17 structural mobile/tablet hero fix */
.benefit-icon{position:relative;display:grid!important;place-items:center!important;padding:0!important;line-height:0}
.benefit-icon svg{position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:36px!important;height:36px!important;overflow:visible}

@media (max-width:950px){
  header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:14px 6vw;background:#061925;border-bottom:1px solid #ffffff2e;overflow:hidden}
  header>a:first-child{display:flex;align-items:center;height:54px}
  .logo{width:142px;max-height:50px;object-fit:contain}
  header nav{display:flex;margin-left:auto;gap:16px}
  header nav a{font-size:9px;letter-spacing:1.1px}
  .hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-height:auto!important;padding:118px 6vw 0!important;overflow:hidden!important;align-items:start!important}
  .hero-copy{width:100%!important;max-width:none!important;min-width:0!important;overflow:hidden!important}
  .hero small{white-space:normal!important;max-width:100%}
  .hero h1{width:100%!important;max-width:100%!important;font-size:clamp(46px,9.2vw,78px)!important;line-height:.88!important;letter-spacing:-2.8px!important;margin:26px 0 26px!important;overflow:visible!important;word-break:normal!important}
  .hero h1 br{display:none}
  .hero h1 i{display:block!important;white-space:normal!important}
  .hero p{width:100%!important;max-width:720px!important;font-size:17px!important;line-height:1.55!important;margin:0}
  .hero-benefits.vertical{width:100%!important;max-width:650px!important;margin:34px 0 22px!important;gap:18px!important}
  .hero-benefits.vertical a{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:20px!important;min-height:64px!important}
  .benefit-icon{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;align-self:center!important}
  .benefit-icon svg{width:36px!important;height:36px!important}
  .hero-model{width:100%!important;height:560px!important;min-height:0!important;transform:none!important;justify-content:center!important;margin:20px 0 0!important;overflow:hidden!important}
  .hero-model img{max-width:100%!important;max-height:100%!important;object-position:center bottom!important}
}
@media (max-width:620px){
  header{height:76px;padding:12px 7vw}
  .logo{width:132px;max-height:46px}
  header nav{display:none!important}
  .hero{padding:102px 7vw 0!important}
  .hero small{font-size:8px!important;letter-spacing:2.5px!important;gap:10px!important}
  .hero h1{font-size:clamp(42px,12.2vw,60px)!important;line-height:.9!important;letter-spacing:-1.8px!important;margin:22px 0 24px!important}
  .hero p{font-size:16px!important;line-height:1.55!important}
  .hero-benefits.vertical{margin:30px 0 20px!important;gap:16px!important}
  .hero-benefits.vertical a{grid-template-columns:60px minmax(0,1fr)!important;gap:18px!important;min-height:60px!important}
  .benefit-icon{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important}
  .benefit-icon svg{width:34px!important;height:34px!important}
  .hero-benefits.vertical strong{font-size:13px!important;line-height:1.2!important}
  .hero-benefits.vertical em{font-size:9px!important;line-height:1.45!important}
  .hero-model{height:480px!important;margin-top:18px!important}
}


/* FINAL HEADER ALIGNMENT — 2026-09-17 */
@media (min-width:951px){
  header{
    padding-left:4.1vw;
    padding-right:4.1vw;
    grid-template-columns:190px 1fr auto;
  }
  header>a:first-child{
    display:flex;
    align-items:center;
    justify-content:flex-start;
  }
  .logo{
    width:155px;
    transform:none;
  }
  header nav a,
  .navcta{
    font-size:12px;
    letter-spacing:1.65px;
  }

  /* Align the blue rule beneath the visual centre of the logo */
  .hero{
    padding-left:4.1vw;
    padding-right:4.1vw;
  }
  .hero small{
    font-size:14px;
    letter-spacing:5.2px;
    gap:20px;
  }
  .eyeline{
    width:68px;
    height:3px;
    margin-left:43px;
  }
}
@media (min-width:951px) and (max-width:1250px){
  header nav{gap:22px}
  header nav a{font-size:11px}
  .hero small{font-size:13px}
  .eyeline{margin-left:40px}
}


/* Jeff video — Business of Time */
.business{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
  column-gap:5vw;
  align-items:center;
}
.business > small,
.business > h2,
.business > p,
.business > strong{
  grid-column:1;
}
.business-video{
  grid-column:2;
  grid-row:1 / span 4;
  width:100%;
  align-self:center;
}
.business-video iframe{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border:0;
  border-radius:22px;
  box-shadow:0 24px 60px rgba(4,24,38,.18);
}
@media(max-width:950px){
  .business{display:block}
  .business-video{margin-top:42px}
  .business-video iframe{border-radius:16px}
}


/* Megix|10 comparison */
.comparison-section{
  background:#fff;
  padding:110px 5vw 125px;
}
.comparison-inner{
  max-width:1500px;
  margin:0 auto;
}
.comparison-section small{
  display:block;
  font-size:11px;
  letter-spacing:5px;
  margin-bottom:28px;
  color:#071722;
}
.comparison-section h2{
  font-size:clamp(48px,6vw,96px);
  line-height:.88;
  letter-spacing:-4px;
  margin:0 0 55px;
  color:#071722;
}
.comparison-section h2 i{
  font-weight:300;
}
.comparison-section img{
  display:block;
  width:min(100%,1200px);
  height:auto;
  margin:0 auto;
}
@media(max-width:760px){
  .comparison-section{padding:75px 6vw 85px}
  .comparison-section small{font-size:9px;letter-spacing:3px}
  .comparison-section h2{letter-spacing:-2px;margin-bottom:35px}
  .comparison-section img{width:100%}
}


/* Spectrum Technology — rebuilt as native HTML/CSS */
.spectrum-new{background:#061925;color:#fff;padding:115px 5vw 125px}
.spectrum-new small{font-size:11px;letter-spacing:5px;color:#9fd5fb}
.spectrum-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:end;border-bottom:1px solid #ffffff2b;padding-bottom:55px}
.spectrum-intro h2{font-size:clamp(62px,8vw,132px);line-height:.82;letter-spacing:-6px;margin:28px 0 0}
.spectrum-intro h2 i{font-style:normal;font-weight:300;color:#79bff2}
.spectrum-intro p{font-size:19px;line-height:1.6;max-width:650px;margin:0 0 5px}
.spectrum-points{display:grid;grid-template-columns:1fr 1fr;gap:0 6vw;margin-top:30px}
.spectrum-points article{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:30px 0;border-bottom:1px solid #ffffff24}
.spectrum-points article>span{width:56px;height:56px;border:1px solid #79bff2;border-radius:50%;display:grid;place-items:center;color:#79bff2;font-size:13px;letter-spacing:1px}
.spectrum-points h3{font-size:16px;letter-spacing:2px;margin:4px 0 10px}
.spectrum-points p{font-size:15px;line-height:1.55;color:#c7d1d7;margin:0;max-width:580px}
.spectrum-compare{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:70px;background:#79bff244}
.spectrum-compare>div{background:#0b2638;padding:40px}
.spectrum-compare .megix-spectrum{background:#103653}
.spectrum-compare strong{display:block;font-size:clamp(27px,2.6vw,44px);line-height:1.05;margin:18px 0 28px}
.spectrum-compare p{font-size:14px;line-height:1.6;color:#cbd7dd;max-width:600px}
.molecule-row{height:105px;position:relative;margin:15px 0 22px;border-bottom:3px solid #79bff2;overflow:hidden}
.molecule-row:before,.molecule-row:after{content:"";position:absolute;left:0;right:0;height:18px;background:radial-gradient(circle,#ff6269 0 6px,transparent 7px) 0 0/42px 18px repeat-x}
.molecule-row:before{top:8px}
.molecule-row:after{bottom:10px;background:radial-gradient(circle,#438cff 0 6px,transparent 7px) 0 0/42px 18px repeat-x}
.molecule-row.traditional{background:repeating-linear-gradient(90deg,transparent 0 19px,#ffffff66 20px 21px,transparent 22px 42px)}
.molecule-row.megix{background:repeating-linear-gradient(90deg,transparent 0 20px,#ffffff4d 21px 22px,transparent 23px 42px)}
@media(max-width:850px){
 .spectrum-new{padding:80px 6vw}
 .spectrum-intro{grid-template-columns:1fr;gap:30px}
 .spectrum-intro h2{letter-spacing:-3px}
 .spectrum-points,.spectrum-compare{grid-template-columns:1fr}
 .spectrum-points article{grid-template-columns:58px 1fr;gap:16px}
 .spectrum-points article>span{width:48px;height:48px}
 .spectrum-compare>div{padding:30px 24px}
}


/* Native HTML comparison — no screenshot */
.comparison-native{background:#f1eee8;color:#071722;padding:110px 5vw 125px}
.comparison-native>small{font-size:11px;letter-spacing:5px}
.comparison-native>h2{font-size:clamp(48px,5.8vw,94px);line-height:.88;letter-spacing:-4px;margin:28px 0 55px}
.comparison-native>h2 i{font-style:normal;font-weight:300}
.comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.comparison-card{background:#fff}
.comparison-head{padding:26px 30px;font-size:18px;font-weight:800;letter-spacing:1.6px}
.previous .comparison-head{background:#111820;color:#fff}
.megix-card .comparison-head{background:linear-gradient(90deg,#0e3956,#79bff2);color:#fff;font-size:27px;font-weight:300}
.comparison-card ul{list-style:none;margin:0;padding:0}
.comparison-card li{position:relative;padding:22px 28px 22px 64px;border-bottom:1px solid #d9dde0;font-size:15px;line-height:1.5;min-height:68px}
.comparison-card li:before{content:"";position:absolute;left:30px;top:29px;width:10px;height:10px;border-radius:50%;background:#111820}
.megix-card li:before{background:#79bff2}
.comparison-card li:last-child{border-bottom:0}
@media(max-width:900px){
 .comparison-native{padding:80px 6vw}
 .comparison-native>h2{letter-spacing:-2px}
 .comparison-columns{grid-template-columns:1fr;gap:28px}
}
@media(max-width:560px){
 .comparison-head{padding:20px;font-size:15px}
 .megix-card .comparison-head{font-size:22px}
 .comparison-card li{padding:18px 18px 18px 48px;font-size:14px}
 .comparison-card li:before{left:20px;top:25px}
}


/* FINAL LOGO / PAYOFF ALIGNMENT */
@media (min-width:951px){
  header{
    align-items:flex-start;
  }

  /* Logo remains its own clean block */
  header > a:first-child{
    width:155px;
    display:block;
    position:relative;
    z-index:2;
  }

  .logo{
    width:155px;
    height:auto;
    display:block;
  }

  /* Hero eyebrow starts AFTER the logo area — no overlap */
  .hero small{
    position:relative;
    margin-left:0;
    padding-left:0;
  }

  .hero small .eyeline{
    margin-left:0;
    width:68px;
  }
}

/* At desktop widths the eyebrow sits safely below/away from the logo */
@media (min-width:951px){
  .hero-copy{
    padding-top:28px;
  }
}

@media (max-width:950px){
  header > a:first-child{width:138px}
  .logo{width:138px}
}

.education-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* US contact form */
.contact form{grid-template-columns:1fr;gap:16px}.contact form label{grid-column:1/-1}.contact form label:nth-last-of-type(1){grid-column:1/-1}.contact form input:not([type=checkbox]),.contact form select,.contact form textarea{width:100%}.contact form .consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.5;letter-spacing:.5px}.contact form .consent input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#79bff2}.privacy-note{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5;color:#bed2df}.privacy-note a{text-decoration:underline}.contact form button{grid-column:1/-1}

.video-consent{position:relative;min-height:300px;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#0c293d,#16476a);color:white}.video-consent .video-play{border:2px solid #79bff2;background:#071722;color:white;padding:18px 28px;cursor:pointer;font:700 16px Arial,sans-serif}.video-consent .video-play span{margin-left:10px}.video-consent p{font-size:12px;line-height:1.4;margin:16px 0 0}.video-consent p a,.legal-footer a{text-decoration:underline}.legal-footer nav{display:flex;gap:18px;flex-wrap:wrap}.legal-page{max-width:900px;margin:0 auto;padding:60px 24px;font-size:16px;line-height:1.65}.legal-page h1{font-size:clamp(32px,5vw,56px);line-height:1.1}.legal-page h2{font-size:22px;margin-top:32px}.legal-page a{text-decoration:underline}.legal-page footer{margin-top:60px;padding:25px 0;font-size:13px}.legal-footer{flex-wrap:wrap}
/* The iframe replaces the play button inside a grid; fill the entire video panel. */
.business-video.video-consent{aspect-ratio:16/9;min-height:0;overflow:hidden;border-radius:22px}
.business-video.video-consent iframe{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}
@media(max-width:950px){.business-video.video-consent{border-radius:16px}}

/* Image preview before the visitor starts the video. */
.video-consent{isolation:isolate;position:relative;grid-template-rows:1fr auto;align-items:center;justify-items:center;padding:20px;background:radial-gradient(circle at 70% 40%,#276488,#102f47 68%)}
.video-consent .video-poster{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.68;filter:brightness(.62)}
.video-consent .video-play{z-index:1;align-self:end;border:0;border-radius:999px;background:#e71c44;color:#fff;box-shadow:0 10px 35px #0008;padding:17px 26px;display:flex;align-items:center;gap:12px}
.video-consent .play-symbol{font-size:20px}.video-consent p{z-index:1;align-self:end;margin:18px 0 0;color:#fff;text-shadow:0 2px 5px #000}

/* Refined Megix palette: restrained navy, soft plum and warm coral. */
body{background:#f2f2f3;color:#25283a}
header{background:rgba(21,27,47,.38)}
.hero{background:radial-gradient(ellipse at 88% 26%,#623746 0%,#322b42 28%,#14243b 61%,#0b2135 100%)}
.hero h1 i{color:#e9b6a7}
.eyeline,.script i{background:#e9b6a7;border-color:#e9b6a7}
.hero-benefits.vertical a:hover strong{color:#e9b6a7}
.benefit-icon{border-color:#f0f0f2}
.wire,.wire:before,.wire:after{border-color:#c6939b55}
.navcta,.button,.contact button{background:#dba994;color:#17263b}
.navcta:hover,.button:hover,.contact button:hover{background:#e9bdab}
.business{background:#fafafa}
.business strong{color:#85485d}
.comparison-native{background:#ececed}
.megix-card .comparison-head{background:linear-gradient(90deg,#28314d,#795066)}
.megix-card li:before{background:#a66c7e}
.dark{background:linear-gradient(115deg,#171d32,#27283e 72%,#493242)}
.education{background:#e5e6e9}
.darkbutton{background:#262c44;color:#fff}
.darkbutton:hover{background:#414760}
.contact{background:linear-gradient(125deg,#17273f,#2b2a41 72%,#493346)}
.contact form .consent input{accent-color:#a66c7e}
.video-consent{background:linear-gradient(135deg,#14263d,#5a3a52)}
footer{background:#161b2b;color:#c9cbd4}
@media(max-width:950px){header{background:#14243a}}

/* Integrated, full-width shade chart */
.color-chart{background:#161d2c;color:#fff;padding:105px 5vw 110px}
.chart-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:0 0 38px}
.color-chart small{font-size:11px;letter-spacing:5px;color:#e9b6a7}
.color-chart h2{font-size:clamp(52px,7vw,112px);line-height:.86;letter-spacing:-.055em;margin:24px 0}
.color-chart h2 i{font-weight:300}
.color-chart p{font-size:18px;line-height:1.55;margin:0;max-width:680px;color:#d4d6df}
.chart-open{flex:none;margin:0;white-space:nowrap}
.chart-scroll{overflow-x:auto;overflow-y:hidden;background:#141b24;scrollbar-color:#bd8791 #202b3c;scrollbar-width:thin}
.chart-scroll img{display:block;width:100%;height:auto;max-width:none}
.chart-hint{display:none}
@media(max-width:950px){.color-chart{padding:75px 6vw 85px}.chart-heading{display:block}.chart-open{margin-top:26px}.chart-scroll img{width:max(100%,1100px)}.chart-hint{display:block!important;font-size:12px!important;margin-top:14px!important;color:#bcbfc9!important}}
@media(max-width:620px){.color-chart h2{font-size:clamp(46px,11vw,67px);letter-spacing:-2px}.color-chart p{font-size:16px}.chart-open{width:100%;text-align:center}.chart-scroll img{width:1100px}}