@font-face{font-family:Inter;src:local('Inter');font-weight:100 900;font-style:normal}
:root{--bg:#000a11;--bg2:#001018;--panel:#03151d;--panel2:#041a22;--line:#0e3340;--line2:#115039;--green:#25d07f;--green2:#14af6a;--muted:#9ba9ae;--text:#f5f7f6}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 52% 18%,rgba(2,38,45,.34),transparent 32%),linear-gradient(180deg,#000912 0%,#001019 42%,#001018 100%);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.5}.shell{width:calc(100% - 70px);max-width:874px;margin:0 auto}.site-header{height:62px;border-bottom:1px solid rgba(28,75,83,.35);background:#000911}.header-inner{height:100%;display:flex;align-items:center}.brand{width:198px;display:block;flex:0 0 198px}.brand img{display:block;width:100%;height:auto}.main-nav{margin-left:auto;display:flex;gap:31px;align-items:center}.main-nav a{color:#fff;text-decoration:none;font-size:10px;font-weight:600}.main-nav span{color:#23c77b;margin-left:5px}.header-cta{margin-left:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;height:36px;padding:0 22px;border-radius:4px;text-decoration:none;color:#fff;font-weight:600;font-size:11px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#1fc279,#21a96b);border:1px solid #2add8c;box-shadow:0 0 18px rgba(24,201,116,.15)}.btn-outline{border:1px solid #1c7659;background:rgba(0,10,14,.4)}.hero{padding:32px 0 16px}.hero-grid{display:grid;grid-template-columns:46% 54%;min-height:300px}.hero-copy{padding:7px 0 0 0;position:relative;z-index:2}.eyebrow{color:#24cd7d;font-size:8px;letter-spacing:.2em;font-weight:800;margin-bottom:10px}.hero h1{font-size:31px;line-height:1.08;letter-spacing:-.035em;margin:0 0 12px;font-weight:650}.hero h1 em{color:#29cd81;font-style:normal}.hero-copy>p{width:320px;color:#d7dddf;font-size:10.5px;line-height:1.55;margin:0 0 15px}.hero-actions{display:flex;gap:14px;margin-bottom:18px}.hero-benefits{display:flex;gap:22px}.benefit{display:grid;grid-template-columns:23px 1fr;gap:6px;width:105px}.benefit .icon{color:#28cf81;font-size:20px;line-height:1}.benefit b{display:block;font-size:8.5px}.benefit small{display:block;color:#c0c9cc;font-size:7px;line-height:1.25}.hero-art{align-self:center;justify-self:end;width:100%;margin-top:-10px}.hero-art img{display:block;width:100%;height:auto;mix-blend-mode:screen}.metrics-wrap{padding:0 0 14px}.metrics{height:67px;border:1px solid #133541;border-radius:5px;background:linear-gradient(180deg,#04131c,#031017);display:grid;grid-template-columns:repeat(6,1fr);align-items:center}.metric{height:38px;display:grid;grid-template-columns:28px auto;grid-template-rows:18px 20px;column-gap:6px;padding:0 12px;border-right:1px solid #173844}.metric:last-child{border-right:0}.metric i{grid-row:1/3;color:#29cf81;font-style:normal;font-size:20px;align-self:center}.metric strong{color:#26ce7d;font-size:18px;font-weight:500;line-height:1}.metric span{font-size:7px;color:#c6d0d3;line-height:1.2}.section{padding:8px 0 12px}.section-tight{padding:9px 0}.section-intro{margin-bottom:12px}.split-intro{display:grid;grid-template-columns:52% 48%;align-items:end}.split-intro h2,.engagement h2,.magento-band h2,.integration-band h2,.ops-band h2,.resources h2,.cta-band h2{margin:0;color:#fff;font-weight:550;letter-spacing:-.025em}.split-intro h2{font-size:22px}.split-intro>p{margin:0;color:#c5cdd0;font-size:9.5px;line-height:1.45;padding:0 2px 2px 8px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{min-height:103px;border:1px solid #123441;border-radius:5px;background:linear-gradient(180deg,#041720,#03131b);padding:13px 13px 10px;position:relative}.line-icon{display:block;color:#25cd7d;font-size:26px;line-height:1;margin-bottom:7px}.card h3{font-size:11px;margin:0 0 5px}.card p{margin:0 0 6px;color:#bdc7ca;font-size:7.6px;line-height:1.45;min-height:33px}.card a,.text-link{color:#27cd7f;font-size:8px;text-decoration:none}.engagement{border-top:1px solid rgba(13,47,57,.55);border-bottom:1px solid rgba(13,47,57,.55);background:rgba(2,15,21,.45)}.engagement-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:0;align-items:center;min-height:89px}.engagement-lead{padding-right:20px}.engagement-lead h2{font-size:19px;line-height:1.12}.engagement-item{height:58px;border-left:1px solid #18353f;padding:5px 11px;display:flex;gap:8px}.engagement-item>span{color:#2bd081;font-size:21px}.engagement-item h4{font-size:9px;margin:0 0 4px}.engagement-item p{font-size:7px;color:#aebbc0;line-height:1.35;margin:0}.magento-band{background:radial-gradient(circle at 11% 50%,rgba(0,83,79,.28),transparent 30%),linear-gradient(90deg,#00131b,#031820 58%,#062029);border-bottom:1px solid #12333e}.magento-grid{display:grid;grid-template-columns:32% 35% 33%;align-items:center;min-height:165px}.magento-art img{width:100%;display:block}.magento-copy{padding:0 22px}.magento-copy h2{font-size:21px;line-height:1.1;margin-bottom:9px}.magento-copy p{font-size:8px;line-height:1.45;color:#bbc6c9;margin:0 0 8px}.magento-points{padding-left:15px;border-left:1px solid #1c3d47}.magento-points>div{display:flex;gap:8px;margin:8px 0}.magento-points b{color:#28cc7e}.magento-points strong,.magento-points small{display:block}.magento-points strong{font-size:8.5px}.magento-points small{font-size:6.8px;color:#b2bfc2;margin-top:1px}.integration-grid{display:grid;grid-template-columns:26% 74%;gap:20px}.integration-copy h2{font-size:18px;line-height:1.1;margin:0 0 5px}.integration-copy p{font-size:7px;color:#b9c4c7;line-height:1.45;margin:0 0 5px}.integration-items{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;align-self:end}.integration-items div{height:72px;border:1px solid #123640;border-radius:4px;background:#031720;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.integration-items span{font-size:25px;color:#29ce80}.integration-items b{font-size:7px;font-weight:500}.ops-band{border-top:1px solid rgba(13,47,57,.5);border-bottom:1px solid rgba(13,47,57,.5)}.ops-grid{display:grid;grid-template-columns:22% 15% 21% 21% 21%;align-items:center;min-height:138px}.ops-copy h2{font-size:18px;line-height:1.12;margin-bottom:6px}.ops-copy p{font-size:7px;color:#aebcc0;line-height:1.4;margin:0 0 5px}.shield img{display:block;width:100%}.ops-col{padding:7px 14px;border-left:1px solid #173741;min-height:78px}.ops-col h4{font-size:9px;margin:0 0 6px}.ops-col p{font-size:6.9px;color:#b5c1c5;line-height:1.65;margin:0}.resources-grid{display:grid;grid-template-columns:25% repeat(3,1fr);gap:9px}.resources-lead h2{font-size:18px;line-height:1.13;margin-bottom:6px}.resources-lead p{font-size:7px;color:#b8c3c6;line-height:1.45;margin:0 0 4px}.resource-card{height:88px;border:1px solid #123640;border-radius:4px;background:#031720;padding:11px 12px}.resource-card>span{font-size:6px;letter-spacing:.16em;color:#26cb7c}.resource-card h4{font-size:8.7px;line-height:1.2;margin:5px 0}.resource-card p{font-size:6.8px;color:#b9c4c7;line-height:1.35;margin:0}.cta-band{padding:12px 0 10px}.cta-inner{min-height:72px;border:1px solid #12644c;border-radius:6px;background:radial-gradient(circle at 15% 50%,rgba(35,174,117,.36),transparent 28%),linear-gradient(90deg,#05372e,#05231f 58%,#04241e);display:flex;align-items:center;justify-content:space-between;padding:0 28px;overflow:hidden;position:relative}.cta-inner:after{content:"";position:absolute;right:-80px;top:-50px;width:360px;height:160px;border-radius:50%;border:1px solid rgba(52,205,137,.16);box-shadow:0 0 0 17px rgba(52,205,137,.05),0 0 0 34px rgba(52,205,137,.04)}.cta-inner>div{position:relative;z-index:1}.cta-inner h2{font-size:18px}.cta-inner p{font-size:7.5px;color:#c3cdcf;margin:3px 0 0}.cta-actions{display:flex;gap:13px}.site-footer{border-top:1px solid #173844;background:#001018;padding:16px 0 10px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr) 1.35fr;gap:18px}.footer-brand img{width:190px}.footer-brand p{font-size:7px;color:#b9c4c7;width:170px}.site-footer h4{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#8aa2a9;margin:0 0 6px}.site-footer a{display:block;color:#c7d0d2;text-decoration:none;font-size:6.8px;margin:2px 0}.footer-contact{border-left:1px solid #173944;padding-left:16px}.footer-contact h3{font-size:13px;line-height:1.08;margin:0 0 5px}.footer-contact p{font-size:7px;color:#b7c2c6}.footer-contact .btn{height:28px;font-size:8px;padding:0 14px;margin-top:3px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #0e2e38;margin-top:14px;padding-top:8px;color:#718188;font-size:6px}
@media(max-width:800px){.shell{width:calc(100% - 28px)}.main-nav{display:none}.header-cta{margin-left:auto}.hero-grid{grid-template-columns:1fr}.hero-art{order:-1;max-width:520px;margin:0 auto 15px}.hero-copy>p{width:auto}.hero-benefits{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,1fr);height:auto}.metric{border-bottom:1px solid #173844;border-right:1px solid #173844;margin:9px 0}.service-grid{grid-template-columns:1fr 1fr}.engagement-grid,.magento-grid,.integration-grid,.ops-grid,.resources-grid,.footer-grid{grid-template-columns:1fr}.engagement-item,.magento-points,.ops-col,.footer-contact{border-left:0}.integration-items{grid-template-columns:repeat(4,1fr)}.cta-inner{align-items:flex-start;gap:14px;flex-direction:column;padding:20px}.footer-brand p{width:auto}}
/* Fidelity pass 2: tighten to the approved 941px reference */
@media (min-width:801px){
  .shell{width:calc(100% - 72px);max-width:870px}
  .brand{width:187px;flex-basis:187px}
  .main-nav{gap:28px}.header-cta{margin-left:38px}
  .hero{padding:28px 0 12px}
  .hero-grid{display:block;position:relative;min-height:304px}
  .hero-copy{width:43%;padding-top:5px}
  .hero h1{font-size:29px;line-height:1.08;margin-bottom:11px;letter-spacing:-.032em}
  .hero-copy>p{width:315px;font-size:9.7px;line-height:1.52;margin-bottom:13px}
  .hero-actions{margin-bottom:17px}
  .hero-benefits{gap:18px}.benefit{width:102px}.benefit b{font-size:7.9px}.benefit small{font-size:6.6px}
  .hero-art{position:absolute;left:46.7%;top:-5px;width:53.3%;margin:0}
  .metrics-wrap{padding-bottom:12px}.metrics{height:64px}.metric{height:36px;padding:0 10px}.metric strong{font-size:16px}.metric span{font-size:6.5px}.metric i{font-size:17px}
  .section{padding:7px 0 9px}.split-intro{margin-bottom:9px}.split-intro h2{font-size:19px}.split-intro>p{font-size:8.3px;line-height:1.38}
  .service-grid{gap:10px}.card{min-height:94px;padding:10px 11px 8px}.line-icon{font-size:21px;margin-bottom:5px}.card h3{font-size:9.6px;margin-bottom:4px}.card p{font-size:6.9px;line-height:1.35;min-height:29px;margin-bottom:5px}.card a{font-size:7.2px}
  .engagement-grid{min-height:76px}.engagement-lead h2{font-size:17px}.engagement-item{height:48px;padding:3px 9px}.engagement-item>span{font-size:18px}.engagement-item h4{font-size:8px}.engagement-item p{font-size:6.3px}
  .magento-grid{min-height:154px}.magento-copy{padding:0 18px}.magento-copy h2{font-size:19px}.magento-copy p{font-size:7.2px}.magento-points>div{margin:6px 0}.magento-points strong{font-size:7.7px}.magento-points small{font-size:6.2px}
  .integration-copy h2{font-size:17px}.integration-copy p{font-size:6.6px}.integration-items div{height:66px}.integration-items span{font-size:22px}.integration-items b{font-size:6.5px}
  .ops-grid{min-height:124px}.ops-copy h2{font-size:17px}.ops-copy p{font-size:6.5px}.ops-col{min-height:72px;padding:6px 12px}.ops-col h4{font-size:8.2px}.ops-col p{font-size:6.2px;line-height:1.55}
  .resources-grid{gap:8px}.resources-lead h2{font-size:17px}.resources-lead p{font-size:6.4px}.resource-card{height:79px;padding:9px 10px}.resource-card h4{font-size:7.9px}.resource-card p{font-size:6.2px}
  .cta-band{padding:9px 0}.cta-inner{min-height:66px;padding:0 26px}.cta-inner h2{font-size:17px}.cta-inner p{font-size:6.8px}
  .site-footer{padding:12px 0 7px}.footer-grid{gap:14px;grid-template-columns:1.55fr repeat(4,.86fr) 1.23fr}.footer-brand img{width:165px}.footer-brand p{font-size:6.2px;line-height:1.35;width:155px;margin:7px 0}.site-footer h4{font-size:6.2px;margin-bottom:4px}.site-footer a{font-size:6px;line-height:1.2;margin:1px 0}.footer-contact{padding-left:12px}.footer-contact h3{font-size:11px}.footer-contact p{font-size:6.1px;line-height:1.3;margin:3px 0}.footer-contact .btn{height:25px;font-size:7px;padding:0 11px}.footer-bottom{margin-top:9px;padding-top:6px;font-size:5.6px}
}
/* Fidelity pass 3 */
@media (min-width:801px){
  .hero-copy{width:46%}
  .hero h1{font-size:28.6px}
  .hero-art{left:49%;width:51%;top:-5px}
  .hero-art img{mix-blend-mode:normal}
  .magento-art img,.shield img{mix-blend-mode:normal}
}
.no-break{white-space:nowrap}
.hero-line{display:block;white-space:nowrap}
@media (min-width:801px){.hero-copy{width:48.5%}.hero h1{font-size:27.3px}.hero-art{left:50%;width:50%}.hero-copy>p{width:330px}}
/* Fidelity pass 6 — line icons, typography and spacing locked to approved reference */
.svg-icon,.line-icon svg,.metric i svg,.engagement-item>span svg,.integration-items span svg,.magento-points b svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.svg-icon{color:#2bd081}
@media (min-width:801px){
  body{font-family:"Inter Display",Inter,Arial,sans-serif;font-weight:400}
  .shell{width:calc(100% - 80px);max-width:861px}
  .site-header{height:64px}
  .brand{width:188px;flex-basis:188px}
  .main-nav{gap:26px}.main-nav a{font-size:9.2px;font-weight:500}.header-cta{margin-left:39px}
  .btn{height:34px;border-radius:4px;font-size:9.8px;font-weight:500;padding:0 19px;gap:15px}
  .hero{padding:26px 0 9px}
  .hero-grid{min-height:296px}
  .hero-copy{width:47.6%;padding-top:5px}
  .eyebrow{font-size:7px;letter-spacing:.205em;margin-bottom:10px}
  .hero h1{font-family:"Inter Display",Inter,Arial,sans-serif;font-size:27px;line-height:1.07;font-weight:520;letter-spacing:-.029em;margin-bottom:11px}
  .hero-copy>p{width:326px;font-size:9px;line-height:1.46;margin-bottom:14px;color:#d9dfe1}
  .hero-actions{gap:14px;margin-bottom:18px}
  .hero-art{left:50.6%;width:49.4%;top:-2px}
  .hero-benefits{gap:22px}
  .benefit{grid-template-columns:22px 1fr;gap:6px;width:104px}
  .benefit .benefit-svg{width:21px;height:21px}
  .benefit b{font-size:7.6px;font-weight:500;line-height:1.15}
  .benefit small{font-size:6.1px;line-height:1.28;color:#c8d0d2}

  .metrics-wrap{padding-bottom:11px}.metrics{height:65px}
  .metric{grid-template-columns:27px auto;grid-template-rows:18px 20px;column-gap:7px;height:39px;padding:0 10px}
  .metric i{width:22px;height:22px;color:#27ce7d}
  .metric strong{font-size:15.6px;font-weight:450}
  .metric span{font-size:6.15px;line-height:1.2}

  .section{padding:8px 0 8px}
  .split-intro{grid-template-columns:52.8% 47.2%;margin-bottom:10px}
  .split-intro h2{font-size:18.7px;font-weight:500}
  .split-intro>p{font-size:7.7px;line-height:1.38;padding-left:5px;padding-bottom:1px}
  .service-grid{gap:10px}
  .card{min-height:91px;padding:10px 11px 8px;border-color:#143641}
  .line-icon{width:25px;height:25px;margin-bottom:5px;color:#2bd081}
  .card h3{font-size:9.25px;font-weight:550;margin-bottom:3px}
  .card p{font-size:6.5px;line-height:1.38;min-height:27px;margin-bottom:5px}
  .card a{font-size:6.8px}

  .engagement-grid{grid-template-columns:1.42fr repeat(4,1fr);min-height:74px}
  .engagement-lead h2{font-size:16.3px;font-weight:500}
  .engagement-item{height:47px;padding:3px 9px;gap:8px}
  .engagement-item>span{width:20px;height:20px;color:#29ce80;flex:0 0 20px}
  .engagement-item h4{font-size:7.6px;font-weight:550;margin-bottom:3px}
  .engagement-item p{font-size:5.9px;line-height:1.34}

  .magento-grid{grid-template-columns:31.5% 36.2% 32.3%;min-height:158px}
  .magento-art img{width:98%}
  .magento-copy{padding:0 19px}
  .magento-copy h2{font-size:18.5px;font-weight:500;line-height:1.08;margin-bottom:7px}
  .magento-copy p{font-size:6.8px;line-height:1.4;margin-bottom:7px}
  .magento-copy .text-link{font-size:6.8px}
  .magento-points{padding-left:16px}
  .magento-points>div{gap:7px;margin:6px 0}
  .magento-points b{width:16px;height:16px;flex:0 0 16px;color:#2bd081}
  .magento-points strong{font-size:7.3px;font-weight:550}.magento-points small{font-size:5.8px}

  .integration-grid{grid-template-columns:25.5% 74.5%;gap:18px}
  .integration-copy h2{font-size:16.6px;font-weight:500}.integration-copy p{font-size:6.2px;line-height:1.42}
  .integration-items{gap:7px}
  .integration-items div{height:67px}
  .integration-items span{width:25px;height:25px;color:#2bd081}
  .integration-items b{font-size:6.3px}

  .ops-grid{grid-template-columns:22.5% 15.2% 20.8% 20.8% 20.7%;min-height:126px}
  .ops-copy h2{font-size:16.7px;font-weight:500}.ops-copy p{font-size:6px;line-height:1.4}
  .shield img{width:94%;margin:auto}
  .ops-col{min-height:70px;padding:6px 12px}.ops-col h4{font-size:7.8px;font-weight:550}.ops-col p{font-size:5.85px;line-height:1.58}

  .resources-grid{grid-template-columns:25.5% repeat(3,1fr);gap:8px}
  .resources-lead h2{font-size:16.5px;font-weight:500}.resources-lead p{font-size:6px;line-height:1.42}
  .resource-card{height:80px;padding:9px 10px}.resource-card>span{font-size:5.5px}.resource-card h4{font-size:7.4px;font-weight:550;margin:4px 0}.resource-card p{font-size:5.8px}

  .cta-band{padding:9px 0 10px}.cta-inner{min-height:67px;padding:0 27px 0 55px}
  .cta-inner h2{font-size:16.7px;font-weight:500}.cta-inner p{font-size:6.4px}.cta-actions{gap:12px}

  .site-footer{padding:13px 0 8px}
  .footer-grid{grid-template-columns:1.56fr repeat(4,.84fr) 1.22fr;gap:14px}
  .footer-brand img{width:171px}.footer-brand p{font-size:5.9px;line-height:1.38;width:155px}
  .site-footer h4{font-size:5.8px}.site-footer a{font-size:5.65px;line-height:1.22}
  .footer-contact h3{font-size:10.8px;font-weight:550}.footer-contact p{font-size:5.8px}
  .footer-bottom{font-size:5.35px}
}
/* Fidelity pass 7 — rebalance body typography and component heights against approved artwork */
@media (min-width:801px){
  .metric strong{font-size:16.4px}.metric span{font-size:6.45px}
  .split-intro h2{font-size:19.2px}.split-intro>p{font-size:8px}
  .card{height:103px;min-height:103px;padding:11px 12px 9px}
  .line-icon{width:27px;height:27px;margin-bottom:6px}
  .card h3{font-size:10.2px;margin-bottom:4px}
  .card p{font-size:6.95px;line-height:1.4;min-height:31px;margin-bottom:5px}
  .card a{font-size:7.2px}
  .engagement-grid{min-height:78px}.engagement-lead h2{font-size:16.8px}.engagement-item{height:50px}.engagement-item h4{font-size:7.9px}.engagement-item p{font-size:6.15px}
  .magento-grid{min-height:160px}.magento-copy h2{font-size:19.1px}.magento-copy p{font-size:7.05px}.magento-points strong{font-size:7.6px}.magento-points small{font-size:6.05px}
  .integration-copy h2{font-size:17.1px}.integration-copy p{font-size:6.45px}.integration-items div{height:69px}.integration-items b{font-size:6.55px}
  .ops-grid{min-height:129px}.ops-copy h2{font-size:17.1px}.ops-copy p{font-size:6.25px}.shield img{width:100%;height:auto}.ops-col h4{font-size:8.1px}.ops-col p{font-size:6.05px}
  .resources-lead h2{font-size:17px}.resources-lead p{font-size:6.25px}.resource-card{height:82px}.resource-card h4{font-size:7.75px}.resource-card p{font-size:6px}
  .cta-inner{min-height:68px}.cta-inner h2{font-size:17.1px}
}
/* Fidelity pass 8 — increase information density/legibility without changing the approved geometry */
@media (min-width:801px){
  .benefit b{font-size:8.1px}.benefit small{font-size:6.5px}
  .metric strong{font-size:16.8px}.metric span{font-size:6.7px}
  .split-intro h2{font-size:19.6px}.split-intro>p{font-size:8.25px}
  .card h3{font-size:10.7px}.card p{font-size:7.2px;line-height:1.34}.card a{font-size:7.45px}
  .engagement-lead h2{font-size:17.2px}.engagement-item h4{font-size:8.2px}.engagement-item p{font-size:6.35px}
  .magento-copy h2{font-size:19.6px}.magento-copy p{font-size:7.3px}.magento-copy .text-link{font-size:7.1px}.magento-points strong{font-size:7.9px}.magento-points small{font-size:6.25px}
  .integration-copy h2{font-size:17.5px}.integration-copy p{font-size:6.7px}.integration-copy .text-link{font-size:7px}.integration-items b{font-size:6.8px}
  .ops-copy h2{font-size:17.5px}.ops-copy p{font-size:6.55px}.ops-copy .text-link{font-size:7px}.ops-col h4{font-size:8.4px}.ops-col p{font-size:6.3px;line-height:1.52}
  .resources-lead h2{font-size:17.4px}.resources-lead p{font-size:6.5px}.resources-lead .text-link{font-size:7px}.resource-card>span{font-size:5.8px}.resource-card h4{font-size:8.05px}.resource-card p{font-size:6.2px}
  .cta-inner h2{font-size:17.5px}.cta-inner p{font-size:6.7px}
  .site-footer{padding:16px 0 9px}
  .footer-brand p{font-size:6.25px;line-height:1.4}.site-footer h4{font-size:6.15px;margin-bottom:5px}.site-footer a{font-size:6px;line-height:1.24;margin:1.5px 0}.footer-contact h3{font-size:11.3px}.footer-contact p{font-size:6.1px}.footer-contact .btn{height:26px;font-size:7.2px}.footer-bottom{font-size:5.6px;margin-top:11px;padding-top:7px}
}

/* ===== Magento integration layer: does not change the reference geometry at 941px ===== */
:root{--mw-bg:#000a11;--mw-bg2:#001018;--mw-panel:#03151d;--mw-panel2:#041a22;--mw-green:#25d07f;--mw-green2:#14af6a;--mw-text:#f5f7f6;--mw-soft:#c4cfcc;--mw-muted:#9ba9ae;--mw-line:rgba(37,208,127,.17);--mw-line2:rgba(37,208,127,.34);--mw-shadow:0 22px 55px rgba(0,0,0,.32)}
body .page-wrapper{min-height:100vh;background:var(--bg)!important}body .page-main{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}body .columns{display:block!important}body .column.main{width:100%!important;max-width:none!important;padding:0!important;min-height:0!important}body .page-title-wrapper,body .breadcrumbs{display:none!important}
.site-header{position:sticky;top:0;z-index:1000}.header-inner{position:relative}.brand img{max-width:none}.nav-item{height:100%;display:flex;align-items:center;position:relative}.nav-top{display:flex;align-items:center;height:100%}.mega-menu{position:absolute;visibility:hidden;opacity:0;pointer-events:none;top:54px;left:50%;transform:translate(-50%,8px);width:410px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid #154838;border-radius:5px;background:rgba(0,12,17,.985);box-shadow:0 24px 60px rgba(0,0,0,.5);transition:.15s ease}.mega-menu--single{width:235px;grid-template-columns:1fr}.nav-item:hover .mega-menu,.nav-item:focus-within .mega-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}.mega-menu b{display:block;margin:2px 7px 6px;color:#2bd081;font-size:7px;letter-spacing:.14em;text-transform:uppercase}.mega-menu a{display:block;padding:6px 7px;border-radius:3px;color:#c9d5d2!important;font-size:8px!important;font-weight:500!important;text-decoration:none!important}.mega-menu a:hover{background:rgba(37,208,127,.08);color:#fff!important}
.mobile-menu-check,.mobile-menu-toggle,.mobile-menu{display:none}.site-footer a{text-decoration:none}.footer-consult{margin-top:7px!important;color:#27cd7f!important}.footer-bottom a{display:inline!important;color:#718188!important;font-size:inherit!important}.card,.engagement-item,.integration-items a,.ops-col,.resource-card{color:inherit;text-decoration:none!important}.card>span:last-child{color:#27cd7f;font-size:7.45px}.integration-items a{height:67px;border:1px solid #123640;border-radius:4px;background:#031720;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.integration-items a:hover,.card:hover,.resource-card:hover,.ops-col:hover{border-color:#1b6d50;background-color:rgba(5,30,34,.92)}.ops-col{display:block}.footer-brand>a{display:block!important}.footer-brand>a img{display:block}

/* Existing Stage 3 content pages: content stays in the database; only the visual layer changes. */
.mw-container,.mw-shell{width:calc(100% - 70px);max-width:1280px;margin:0 auto}.mw-eyebrow{color:var(--mw-green)!important;font-size:10px;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.17em;margin-bottom:12px}.mw-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.mw-btn{min-height:44px;padding:0 20px;border:1px solid var(--mw-line2)!important;border-radius:5px!important;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none!important;color:#fff!important;font-size:12px;font-weight:700;background:rgba(4,17,18,.72)}.mw-btn--primary{border-color:transparent!important;background:linear-gradient(135deg,#2bdc8d,#0c8d60)!important;box-shadow:0 10px 26px rgba(31,209,129,.14)}.mw-btn--outline{background:rgba(2,12,13,.52)!important}.mw-btn--block{width:100%}
.mw-content-page{background:linear-gradient(180deg,#000a11,#001018 40%,#000a11);min-height:60vh}.mw-content-hero{position:relative;overflow:hidden;padding:64px 0 48px;border-bottom:1px solid rgba(37,208,127,.12);background:radial-gradient(circle at 76% 28%,rgba(31,197,124,.10),transparent 31%)}.mw-content-hero:after{content:"";position:absolute;right:-6%;top:-30%;width:52%;height:160%;opacity:.18;background:repeating-linear-gradient(0deg,rgba(44,214,141,.07) 0 1px,transparent 1px 31px),repeating-linear-gradient(90deg,rgba(44,214,141,.05) 0 1px,transparent 1px 38px);transform:skewX(-13deg)}.mw-content-hero__inner{position:relative;z-index:2;max-width:980px}.mw-content-hero h1{max-width:900px;margin:7px 0 14px;color:#fff;font-size:clamp(42px,4vw,64px);line-height:1.01;letter-spacing:-.045em;font-weight:640}.mw-content-hero h1 span{color:var(--mw-green)}.mw-content-hero p{max-width:830px;margin:0;color:#b5c4bf;font-size:16px;line-height:1.68}.mw-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:42px;align-items:start;padding:42px 0 64px}.mw-content-main section{margin:0 0 38px}.mw-content-main section>.mw-eyebrow,.mw-depth-panel>.mw-eyebrow{margin-bottom:12px}.mw-content-main h2{margin:0 0 13px;color:#fff;font-size:30px;line-height:1.1;letter-spacing:-.032em;font-weight:610}.mw-content-main h3{margin:0 0 7px;color:#fff;font-size:17px}.mw-content-main p{margin:0 0 14px;color:#a5b7b0;font-size:14px;line-height:1.75}.mw-content-main ul{margin:10px 0 0;padding:0;list-style:none}.mw-content-main li{position:relative;padding:6px 0 6px 22px;color:#aab9b4;font-size:13px;line-height:1.55}.mw-content-main li:before{content:"✓";position:absolute;left:0;color:var(--mw-green);font-weight:800}.mw-content-grid,.mw-depth-two{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.mw-content-card,.mw-depth-panel{padding:20px;border:1px solid var(--mw-line);border-radius:6px;background:linear-gradient(180deg,rgba(8,29,32,.78),rgba(4,17,20,.78))}.mw-content-card p{font-size:12.5px;margin:0}.mw-content-card a{display:inline-block;margin-top:10px;color:var(--mw-green)!important;text-decoration:none!important;font-size:10.5px;font-weight:700}.mw-depth-panel h2{font-size:24px!important}.mw-depth-grid .mw-content-card{min-height:130px}.mw-depth-problems{padding:10px 18px;border-left:2px solid rgba(45,215,139,.55);background:linear-gradient(90deg,rgba(35,210,134,.05),transparent)}.mw-depth-problems ul,.mw-depth-inputs ul{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.mw-stage3b-callout,.mw-depth-callout{padding:22px;border:1px solid var(--mw-line2);border-radius:6px;background:linear-gradient(135deg,rgba(23,162,101,.12),rgba(5,22,23,.72))}.mw-depth-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.mw-depth-steps>div{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--mw-line);border-radius:5px;background:rgba(2,13,15,.35)}.mw-depth-steps strong{color:var(--mw-green);font-size:9px}.mw-depth-steps span{color:#bdcac6;font-size:11px}.mw-content-aside{position:sticky;top:90px}.mw-aside-card{padding:20px;border:1px solid var(--mw-line2);border-radius:7px;background:linear-gradient(160deg,rgba(19,121,79,.13),rgba(4,17,19,.92));box-shadow:var(--mw-shadow)}.mw-aside-card h3{margin:0 0 8px;color:#fff;font-size:18px;line-height:1.13}.mw-aside-card p{margin:0 0 12px;color:#9fb0aa;font-size:11.5px;line-height:1.6}.mw-aside-consult{display:block;margin-top:10px;color:#9ab0a8!important;text-decoration:none!important;font-size:10px;text-align:center}.mw-aside-links{margin-top:18px;padding-top:14px;border-top:1px solid var(--mw-line)}.mw-aside-links b{display:block;margin-bottom:7px;color:var(--mw-green);font-size:8px;text-transform:uppercase;letter-spacing:.13em}.mw-aside-links a{display:block;padding:6px 0;border-bottom:1px solid rgba(76,222,159,.07);color:#c3cfcb!important;text-decoration:none!important;font-size:10.5px}.mw-faq details{margin:8px 0;border:1px solid var(--mw-line);border-radius:5px;background:rgba(6,23,26,.64)}.mw-faq summary{cursor:pointer;padding:14px 16px;color:#fff;font-weight:680;font-size:12px;line-height:1.45}.mw-faq details p{padding:0 16px 15px;margin:0;font-size:12px}.mw-related{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mw-related a{display:block;padding:16px;border:1px solid var(--mw-line);border-radius:5px;text-decoration:none!important;background:rgba(6,23,26,.55)}.mw-related strong{display:block;color:#fff;font-size:12px}.mw-related span{display:block;margin-top:5px;color:#849791;font-size:9.5px}.mw-page-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;border:1px solid var(--mw-line2);border-radius:6px;background:linear-gradient(135deg,rgba(21,142,91,.16),rgba(6,24,25,.82))}.mw-page-cta h2{font-size:24px!important;margin:0 0 5px!important}.mw-page-cta p{margin:0!important;font-size:11.8px!important}.mw-resource-list,.mw-stage3b-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mw-resource-list a,.mw-stage3b-link-card{display:block;padding:18px;border:1px solid var(--mw-line);border-radius:5px;text-decoration:none!important;background:rgba(6,23,26,.58)}
.mw-enquiry-wrap,.mw-consultation-wrap{color:var(--mw-text)}.mw-enquiry-wrap input,.mw-enquiry-wrap textarea,.mw-enquiry-wrap select{background:#041316!important;border:1px solid var(--mw-line2)!important;color:#fff!important;border-radius:4px!important}.mw-enquiry-wrap label{color:#c7d2ce!important}

/* Large desktop: preserve approved proportions while allowing the site to use modern wide displays. */
@media(min-width:1200px){
  .shell{width:calc(100% - 120px);max-width:1480px}.site-header{height:84px}.brand{width:245px;flex-basis:245px}.main-nav{gap:38px}.main-nav a{font-size:12px}.header-cta{margin-left:52px}.btn{height:44px;padding:0 27px;font-size:13px}.hero{padding:38px 0 18px}.hero-grid{min-height:465px}.hero-copy{width:47%}.eyebrow{font-size:9px;margin-bottom:14px}.hero h1{font-size:46px;line-height:1.06}.hero-copy>p{width:520px;font-size:14px}.hero-art{left:50%;width:50%}.hero-actions{margin-bottom:24px}.benefit{width:155px;grid-template-columns:30px 1fr}.benefit .benefit-svg{width:28px;height:28px}.benefit b{font-size:11px}.benefit small{font-size:9px}.metrics{height:88px}.metric{height:52px;grid-template-columns:36px auto;grid-template-rows:25px 25px;padding:0 18px}.metric i{width:30px;height:30px}.metric strong{font-size:21px}.metric span{font-size:9px}.section{padding:14px 0 16px}.split-intro h2{font-size:30px}.split-intro>p{font-size:12px}.service-grid{gap:15px}.card{height:155px;min-height:155px;padding:18px}.line-icon{width:38px;height:38px}.card h3{font-size:15px}.card p{font-size:10.5px;min-height:47px}.card>span:last-child{font-size:10px}.engagement-grid{min-height:112px}.engagement-lead h2{font-size:25px}.engagement-item{height:72px;padding:7px 15px}.engagement-item>span{width:29px;height:29px;flex-basis:29px}.engagement-item h4{font-size:11px}.engagement-item p{font-size:8.8px}.magento-grid{min-height:235px}.magento-copy h2{font-size:29px}.magento-copy p{font-size:10.5px}.magento-copy .text-link{font-size:10px}.magento-points strong{font-size:11px}.magento-points small{font-size:8.5px}.integration-copy h2,.ops-copy h2,.resources-lead h2{font-size:25px}.integration-copy p,.ops-copy p,.resources-lead p{font-size:9.5px}.integration-items a{height:98px}.integration-items span{width:36px;height:36px}.integration-items b{font-size:9.5px}.ops-grid{min-height:185px}.ops-col{min-height:105px;padding:10px 18px}.ops-col h4{font-size:12px}.ops-col p{font-size:8.8px}.resource-card{height:118px;padding:14px 16px}.resource-card h4{font-size:11.5px}.resource-card p{font-size:8.5px}.cta-inner{min-height:96px}.cta-inner h2{font-size:25px}.cta-inner p{font-size:9.5px}.site-footer{padding:22px 0 12px}.footer-brand img{width:230px}.footer-brand p{font-size:9px;width:220px}.site-footer h4{font-size:8.5px}.site-footer a{font-size:8.3px}.footer-contact h3{font-size:15px}.footer-contact p{font-size:8.5px}.footer-contact .btn{height:35px;font-size:9.5px}.footer-bottom{font-size:7.5px}.mega-menu{top:74px;width:560px}.mega-menu--single{width:300px}.mega-menu b{font-size:9px}.mega-menu a{font-size:11px!important}
}

@media(max-width:800px){
  .site-header{height:auto;min-height:62px}.header-inner{min-height:62px;flex-wrap:wrap}.brand{width:176px;flex-basis:176px}.main-nav,.header-cta{display:none}.mobile-menu-toggle{margin-left:auto;width:38px;height:36px;border:1px solid #1c7659;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-menu-toggle span,.mobile-menu-toggle span:before,.mobile-menu-toggle span:after{display:block;width:18px;height:1px;background:#fff;position:relative}.mobile-menu-toggle span:before,.mobile-menu-toggle span:after{content:"";position:absolute;left:0}.mobile-menu-toggle span:before{top:-6px}.mobile-menu-toggle span:after{top:6px}.mobile-menu-check:checked+.mobile-menu-toggle span{background:transparent}.mobile-menu-check:checked+.mobile-menu-toggle span:before{top:0;transform:rotate(45deg)}.mobile-menu-check:checked+.mobile-menu-toggle span:after{top:0;transform:rotate(-45deg)}.mobile-menu{display:none;width:100%;padding:8px 0 14px;border-top:1px solid #15343e}.mobile-menu-check:checked~.mobile-menu{display:grid}.mobile-menu a{padding:9px 3px;border-bottom:1px solid #102d36;color:#d7e0dd!important;text-decoration:none!important;font-size:12px}.mobile-menu a:last-child{color:#25d07f!important;text-align:center;border:1px solid #1c7659;border-radius:4px;margin-top:7px}.mw-container,.mw-shell{width:calc(100% - 28px)}.mw-content-layout{grid-template-columns:1fr}.mw-content-aside{position:static}.mw-content-grid,.mw-depth-two,.mw-related,.mw-resource-list,.mw-stage3b-hub-grid{grid-template-columns:1fr}.mw-depth-problems ul,.mw-depth-inputs ul{grid-template-columns:1fr}.mw-depth-steps{grid-template-columns:1fr}.mw-page-cta{display:grid}.mw-content-hero{padding:48px 0 34px}.mw-content-hero h1{font-size:36px}.mw-content-hero p{font-size:14px}
}

/* ===== V2.1 responsive/readability prototype ===== */
:root{--green:#24d486;--text:#f5f8f7;--muted:#b9c6c9}
.approved-home{font-size:16px;line-height:1.58}
.brand{width:270px!important;flex-basis:270px!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;text-decoration:none}.brand img{width:240px!important;height:auto}.brand-tagline{display:block;color:#49db9a;font-size:8px;font-weight:800;letter-spacing:.16em;white-space:nowrap;line-height:1.1}
.site-header{height:86px!important}.header-inner{height:86px!important;position:relative;overflow:visible}.main-nav{gap:34px!important}.main-nav>.nav-item{position:relative;height:86px;display:flex;align-items:center}.main-nav>.nav-item>a{font-size:13px!important;display:flex;align-items:center;height:100%;white-space:nowrap}.header-cta{height:44px!important;font-size:13px!important;margin-left:42px!important}
.mega-menu{position:absolute;left:50%;top:calc(100% - 1px);transform:translateX(-50%);display:none;grid-template-columns:1fr 1fr;gap:36px;width:590px;padding:23px 25px;background:rgba(1,18,24,.985);border:1px solid #1b6e53;border-radius:6px;box-shadow:0 22px 45px rgba(0,0,0,.45);z-index:80}.mega-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.nav-item:hover>.mega-menu,.nav-item:focus-within>.mega-menu{display:grid}.mega-menu--single{width:330px;grid-template-columns:1fr}.mega-menu b{display:block;color:var(--green);font-size:10px;letter-spacing:.13em;margin-bottom:8px}.mega-menu a{display:block!important;height:auto!important;padding:7px 0!important;color:#d4dfdc!important;font-size:12px!important;text-decoration:none;border-bottom:1px solid rgba(58,137,110,.12)}
.mobile-toggle,.mobile-nav{display:none}
/* desktop typography */
.hero{padding:54px 0 28px!important}.hero-grid{min-height:500px!important}.hero h1{font-size:54px!important;line-height:1.08!important;margin-bottom:22px!important}.hero-copy>p{width:560px!important;font-size:16px!important;line-height:1.65!important;margin-bottom:24px!important}.eyebrow{font-size:10px!important;margin-bottom:16px!important}.hero-actions{margin-bottom:28px!important}.benefit{width:175px!important;grid-template-columns:34px 1fr!important;gap:10px!important}.benefit b{font-size:12px!important}.benefit small{font-size:10px!important;line-height:1.35!important}.benefit .benefit-svg{width:30px!important;height:30px!important}.metrics{height:102px!important}.metric{height:60px!important;grid-template-columns:42px auto!important;grid-template-rows:30px 30px!important;padding:0 20px!important}.metric i{width:34px!important;height:34px!important}.metric strong{font-size:22px!important}.metric span{font-size:10px!important;line-height:1.25!important}.section{padding:34px 0 38px!important}.split-intro{margin-bottom:22px!important}.split-intro h2{font-size:34px!important}.split-intro>p{font-size:14px!important;line-height:1.6!important;padding-left:22px!important}.service-grid{gap:16px!important}.card{height:auto!important;min-height:190px!important;padding:22px!important}.line-icon{width:42px!important;height:42px!important;margin-bottom:14px!important}.card h3{font-size:18px!important;margin-bottom:8px!important}.card p{font-size:13px!important;line-height:1.55!important;min-height:64px!important}.card>span:last-child,.card a{font-size:12px!important}.engagement{padding:24px 0!important}.engagement-grid{grid-template-columns:1.18fr repeat(4,1fr)!important;min-height:130px!important}.engagement-lead h2{font-size:28px!important;line-height:1.14!important}.engagement-item{height:auto!important;min-height:92px!important;padding:15px 18px!important;gap:13px!important;align-items:flex-start}.engagement-item>span{width:36px!important;height:36px!important;flex:0 0 36px!important}.engagement-item h4{font-size:13px!important;margin-bottom:5px!important}.engagement-item p{font-size:10.5px!important;line-height:1.45!important}
.magento-band{padding:28px 0!important;background:radial-gradient(circle at 14% 50%,rgba(0,92,84,.28),transparent 28%),linear-gradient(100deg,#00141d,#042129 58%,#06242b)!important}.magento-grid{grid-template-columns:31% 36% 33%!important;min-height:290px!important;gap:0}.magento-art{display:flex;justify-content:center;align-items:center}.magento-art img{width:90%!important;max-width:420px}.magento-copy{padding:0 38px!important}.magento-copy .eyebrow{margin-bottom:12px!important}.magento-copy h2{font-size:34px!important;line-height:1.08!important;margin-bottom:15px!important}.magento-copy p{font-size:13px!important;line-height:1.65!important;margin-bottom:15px!important}.magento-copy .text-link{font-size:12px!important}.magento-points{padding-left:30px!important;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;border-left:1px solid #20505b!important}.magento-points>div{margin:0!important;display:grid!important;grid-template-columns:24px 1fr!important;gap:9px!important;align-items:start}.magento-points b{width:22px!important;height:22px!important}.magento-points b svg{width:22px!important;height:22px!important;stroke-width:1.7!important}.magento-points strong{font-size:13px!important}.magento-points small{font-size:10.5px!important;line-height:1.4!important;margin-top:3px!important}
.integration-band{padding:34px 0!important}.integration-copy h2,.ops-copy h2,.resources-lead h2{font-size:28px!important}.integration-copy p,.ops-copy p,.resources-lead p{font-size:12px!important;line-height:1.55!important}.integration-items a,.integration-items div{height:118px!important}.integration-items span{width:42px!important;height:42px!important}.integration-items b{font-size:11px!important}.ops-grid{min-height:225px!important}.ops-col{min-height:145px!important;padding:18px 22px!important}.ops-col h4{font-size:14px!important}.ops-col p{font-size:11px!important;line-height:1.55!important}.resource-card{height:150px!important;padding:20px!important}.resource-card>span{font-size:8px!important}.resource-card h4{font-size:14px!important}.resource-card p{font-size:11px!important;line-height:1.5!important}.cta-inner{min-height:118px!important}.cta-inner h2{font-size:30px!important}.cta-inner p{font-size:12px!important}.site-footer{padding:34px 0 18px!important}.footer-grid{grid-template-columns:1.65fr repeat(4,1fr) 1.45fr!important;gap:28px!important}.footer-lockup img{width:225px!important;display:block}.footer-lockup span{display:block;color:#48d895;font-size:7.5px;font-weight:800;letter-spacing:.12em;margin-top:4px;white-space:nowrap}.footer-brand p{font-size:11px!important;line-height:1.6!important;width:240px!important;margin-top:14px!important}.site-footer h4{font-size:10px!important;margin-bottom:10px!important}.site-footer a{font-size:10.5px!important;line-height:1.45!important;margin:4px 0!important}.footer-contact{padding-left:24px!important;min-width:220px}.footer-contact h3{font-size:20px!important}.footer-contact p{font-size:11px!important;line-height:1.5!important}.footer-contact .btn{height:40px!important;font-size:11px!important;width:100%}.footer-bottom{font-size:9px!important;margin-top:22px!important;padding-top:12px!important}
@media (min-width:1200px){.shell{width:calc(100% - 110px)!important;max-width:1500px!important}.hero-copy{width:48%!important}.hero-art{left:51%!important;width:49%!important}}
/* mobile is deliberately designed, not a collapsed desktop */
@media (max-width:800px){
 .approved-home{font-size:16px!important}.shell{width:calc(100% - 34px)!important}.site-header{height:92px!important;position:sticky;top:0;z-index:100;background:#000b12!important}.header-inner{height:92px!important;flex-wrap:nowrap!important}.brand{width:248px!important;flex-basis:248px!important;gap:4px}.brand img{width:220px!important}.brand-tagline{font-size:7px!important;letter-spacing:.12em!important}.main-nav,.header-cta{display:none!important}.mobile-toggle{display:flex;margin-left:auto;width:52px;height:48px;border:1px solid #1d805f;border-radius:6px;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:6px}.mobile-toggle span{width:27px;height:2px;background:#fff}.mobile-nav{display:none;position:absolute;top:92px;left:0;right:0;width:100%;padding:12px 18px 20px;background:#00121a;border-top:1px solid #163a45;border-bottom:1px solid #1a5c48;box-shadow:0 18px 35px rgba(0,0,0,.45);z-index:99}.mobile-nav.open{display:block}.mobile-nav details{border-bottom:1px solid #16333e}.mobile-nav summary,.mobile-nav .mobile-plain{display:block;padding:14px 4px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;list-style:none;text-decoration:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary:after{content:"+";float:right;color:var(--green);font-size:20px;line-height:1}.mobile-nav details[open] summary:after{content:"−"}.mobile-nav details>div{padding:0 0 10px 12px}.mobile-nav details a{display:block;padding:10px 8px;color:#bfcfcb;font-size:13px;text-decoration:none;border-left:1px solid #1b5c49}.mobile-project{width:100%;margin-top:14px;height:48px!important;font-size:14px!important}
 .hero{padding:30px 0 24px!important}.hero-grid{display:flex!important;flex-direction:column;min-height:0!important}.hero-copy{width:100%!important;padding:0!important}.hero-art{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;order:-1;margin:0 auto 18px!important;max-width:520px}.hero h1{font-size:39px!important;line-height:1.08!important}.hero-copy>p{width:auto!important;font-size:15px!important;line-height:1.6!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions .btn{height:48px!important;font-size:14px!important}.hero-benefits{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.benefit{width:100%!important;grid-template-columns:32px 1fr!important}.benefit b{font-size:13px!important}.benefit small{font-size:11px!important}.metrics{grid-template-columns:1fr 1fr!important;height:auto!important}.metric{height:78px!important;margin:0!important;padding:12px!important;grid-template-columns:34px 1fr!important}.metric strong{font-size:18px!important}.metric span{font-size:10px!important}.section{padding:30px 0!important}.split-intro{display:block!important}.split-intro h2{font-size:29px!important;margin-bottom:12px!important}.split-intro>p{font-size:14px!important;padding:0!important}.service-grid{grid-template-columns:1fr!important;gap:12px!important}.card{min-height:0!important;padding:20px!important}.card h3{font-size:18px!important}.card p{font-size:14px!important;min-height:0!important}.card>span:last-child,.card a{font-size:12px!important}.engagement{padding:28px 0!important}.engagement-grid{display:block!important;min-height:0!important}.engagement-lead{padding:0 0 18px!important}.engagement-lead h2{font-size:29px!important}.engagement-item{border:1px solid #153b45!important;border-radius:6px;margin:10px 0!important;padding:16px!important;min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:44px 1fr!important;gap:14px!important}.engagement-item>span{width:42px!important;height:42px!important;display:block!important}.engagement-item>span svg{width:42px!important;height:42px!important;stroke-width:1.7!important}.engagement-item h4{font-size:15px!important}.engagement-item p{font-size:12px!important}.magento-band{padding:34px 0!important}.magento-grid{display:flex!important;flex-direction:column!important;min-height:0!important}.magento-copy{order:1;padding:0!important}.magento-art{order:2;margin:20px 0}.magento-art img{width:86%!important;max-width:380px!important}.magento-points{order:3;border-left:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.magento-copy h2{font-size:32px!important}.magento-copy p{font-size:14px!important}.magento-points>div{display:grid!important;grid-template-columns:26px 1fr!important;padding:13px 14px;border:1px solid #15434b;border-radius:6px;background:rgba(1,18,24,.5)}.magento-points b,.magento-points b svg{width:24px!important;height:24px!important}.magento-points strong{font-size:14px!important}.magento-points small{font-size:12px!important}.integration-grid,.ops-grid,.resources-grid{grid-template-columns:1fr!important}.integration-copy h2,.ops-copy h2,.resources-lead h2{font-size:28px!important}.integration-copy p,.ops-copy p,.resources-lead p{font-size:14px!important}.integration-items{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:18px}.integration-items a,.integration-items div{height:100px!important}.integration-items b{font-size:12px!important}.ops-grid{gap:12px!important}.shield{max-width:250px;margin:0 auto}.ops-col{border:1px solid #153a44!important;border-radius:6px;min-height:0!important}.ops-col h4{font-size:15px!important}.ops-col p{font-size:13px!important}.resources-grid{gap:12px!important}.resource-card{height:auto!important;min-height:140px!important}.resource-card h4{font-size:15px!important}.resource-card p{font-size:13px!important}.cta-inner{padding:22px!important;display:block!important}.cta-inner h2{font-size:28px!important}.cta-inner p{font-size:13px!important}.cta-actions{display:grid!important;grid-template-columns:1fr!important;margin-top:16px}.cta-actions .btn{height:46px!important;font-size:13px!important}.site-footer{padding:30px 0 18px!important}.footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}.footer-lockup img{width:225px!important}.footer-lockup span{font-size:7px!important}.footer-brand p{width:auto!important;font-size:13px!important}.site-footer h4{font-size:11px!important}.site-footer a{font-size:13px!important;margin:7px 0!important}.footer-contact{border-left:0!important;border-top:1px solid #173944;padding:20px 0 0!important;min-width:0!important}.footer-contact h3{font-size:24px!important}.footer-contact p{font-size:13px!important}.footer-contact .btn{height:48px!important;font-size:14px!important}.footer-bottom{display:block!important;font-size:10px!important;line-height:1.7!important}.footer-bottom span{display:block;margin:4px 0}
}

/* ========================================================================
   Midoriweb V2.1.1 — approved logo + native Magento footer cleanup
   The logo asset is taken from the approved design lockup, not reconstructed.
   ======================================================================== */
.brand{
  width:300px!important;
  flex-basis:300px!important;
  display:block!important;
}
.brand img{
  display:block!important;
  width:292px!important;
  max-width:100%!important;
  height:auto!important;
}
.brand-tagline{display:none!important}
.footer-lockup{display:block!important;text-decoration:none!important}
.footer-lockup img{
  display:block!important;
  width:275px!important;
  max-width:100%!important;
  height:auto!important;
}
.footer-lockup span{display:none!important}

/* Magento/Luma fallback footer must never render beneath the Midoriweb footer. */
.page-footer,
.copyright{
  display:none!important;
}

@media (max-width:800px){
  .brand{
    width:255px!important;
    flex-basis:255px!important;
  }
  .brand img{width:248px!important}
  .footer-lockup img{width:260px!important}
}

@media (max-width:420px){
  .brand{
    width:235px!important;
    flex-basis:235px!important;
  }
  .brand img{width:228px!important}
  .footer-lockup img{width:245px!important}
}

/* Midoriweb V2.1.2 — approved logo rendered as vector mark + live wordmark.
   This preserves the approved geometry/wording while removing raster blur. */
.brand{
  width:auto!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:10px!important;
  text-decoration:none!important;
}
.brand .brand-mark{
  display:block!important;
  width:47px!important;
  height:40px!important;
  flex:0 0 47px!important;
}
.brand-copy{display:flex;flex-direction:column;line-height:1;min-width:0}
.brand-copy strong{
  color:#f5f7f6;
  font-family:Inter,Arial,sans-serif;
  font-size:27px;
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1;
  white-space:nowrap;
}
.brand-copy strong span{color:#25c982}
.brand-copy small{
  margin-top:5px;
  color:#44d998;
  font-size:7.8px;
  font-weight:800;
  letter-spacing:.13em;
  line-height:1.1;
  white-space:nowrap;
}
.footer-lockup{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  text-decoration:none!important;
}
.footer-lockup .footer-brand-mark{
  display:block!important;
  width:49px!important;
  height:42px!important;
  flex:0 0 49px!important;
}
.footer-brand-copy{display:flex;flex-direction:column;line-height:1}
.footer-brand-copy strong{
  color:#f5f7f6;
  font-family:Inter,Arial,sans-serif;
  font-size:28px;
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1;
  white-space:nowrap;
}
.footer-brand-copy strong span{color:#25c982}
.footer-brand-copy small{
  margin-top:5px;
  color:#44d998;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.1;
  white-space:nowrap;
}
/* neutralise prior raster-lockup rules */
.brand>img:not(.brand-mark),.footer-lockup>img:not(.footer-brand-mark),.brand-tagline,.footer-lockup>span:not(.footer-brand-copy){display:none!important}

@media(max-width:1180px) and (min-width:801px){
  .brand .brand-mark{width:41px!important;height:35px!important;flex-basis:41px!important}
  .brand-copy strong{font-size:23px}
  .brand-copy small{font-size:6.6px;letter-spacing:.1em}
  .main-nav{gap:18px!important}
  .header-cta{margin-left:20px!important}
}
@media(max-width:800px){
  .brand{gap:8px!important;max-width:calc(100% - 72px)!important}
  .brand .brand-mark{width:43px!important;height:37px!important;flex-basis:43px!important}
  .brand-copy strong{font-size:24px!important}
  .brand-copy small{font-size:6.7px!important;letter-spacing:.09em!important;white-space:nowrap}
  .footer-lockup .footer-brand-mark{width:46px!important;height:39px!important;flex-basis:46px!important}
  .footer-brand-copy strong{font-size:25px!important}
  .footer-brand-copy small{font-size:6.8px!important;letter-spacing:.09em!important}
}
@media(max-width:420px){
  .brand-copy strong{font-size:22px!important}
  .brand-copy small{font-size:5.9px!important;letter-spacing:.07em!important}
}

/* ========================================================================
   V2.1.6 — EXACT CLEAN APPROVED LOGO
   Uses the exact high-resolution cleaned lockup the client approved.
   No redrawing, no live-type reconstruction, no alternate monogram.
   ======================================================================== */
.brand.brand--exact-clean{
  display:block!important;
  width:272px!important;
  flex:0 0 272px!important;
  max-width:272px!important;
  line-height:0!important;
}
.brand.brand--exact-clean > img.brand-exact-clean{
  display:block!important;
  width:272px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
.footer-lockup.footer-lockup--exact-clean{
  display:block!important;
  width:310px!important;
  max-width:100%!important;
  line-height:0!important;
}
.footer-lockup.footer-lockup--exact-clean > img.footer-exact-clean{
  display:block!important;
  width:310px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
/* Explicitly neutralise V2.1.2 reconstructed logo elements/rules. */
.brand.brand--exact-clean .brand-mark,
.brand.brand--exact-clean .brand-copy,
.footer-lockup.footer-lockup--exact-clean .footer-brand-mark,
.footer-lockup.footer-lockup--exact-clean .footer-brand-copy{
  display:none!important;
}
@media(max-width:1180px) and (min-width:801px){
  .brand.brand--exact-clean{width:250px!important;flex-basis:250px!important;max-width:250px!important}
  .brand.brand--exact-clean > img.brand-exact-clean{width:250px!important}
  .footer-lockup.footer-lockup--exact-clean{width:285px!important}
  .footer-lockup.footer-lockup--exact-clean > img.footer-exact-clean{width:285px!important}
}
@media(max-width:800px){
  .brand.brand--exact-clean{width:250px!important;flex-basis:250px!important;max-width:calc(100% - 72px)!important}
  .brand.brand--exact-clean > img.brand-exact-clean{width:250px!important;max-width:100%!important}
  .footer-lockup.footer-lockup--exact-clean{width:285px!important}
  .footer-lockup.footer-lockup--exact-clean > img.footer-exact-clean{width:285px!important}
}
@media(max-width:420px){
  .brand.brand--exact-clean{width:228px!important;flex-basis:228px!important;max-width:calc(100% - 72px)!important}
  .brand.brand--exact-clean > img.brand-exact-clean{width:228px!important}
  .footer-lockup.footer-lockup--exact-clean{width:260px!important}
  .footer-lockup.footer-lockup--exact-clean > img.footer-exact-clean{width:260px!important}
}