:root{
  --navy:#06172d;--navy-deep:#030d1b;--navy-mid:#0a2543;--blue:#087cf0;--blue-bright:#35b5ff;
  --orange:#ff7900;--orange-light:#ffad36;--white:#f4f7fb;--muted:#b3c2d4;--line:rgba(142,180,218,.2);
  --display:"Space Grotesk",sans-serif;--body:"Inter",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--navy);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.scroll-progress{position:fixed;z-index:1000;top:0;left:0;right:0;height:3px;background:transparent}
.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--blue-bright),var(--orange))}
.site-header{position:sticky;top:0;z-index:100;height:50px;padding:0 clamp(22px,4vw,62px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(3,14,28,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}
.brand img{width:59px;height:59px;object-fit:contain;border-radius:50%}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text strong{font:700 29px/1 var(--display);letter-spacing:-1.3px;color:#f6f8fb}
.brand-text strong span{color:var(--orange)}
.brand-text small{font-size:9px;letter-spacing:1.55px;color:#aebed0;font-weight:700;margin-top:8px}
.main-nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,31px);font-size:13px;font-weight:700;color:#d5e0ed}
.main-nav>a:not(.nav-button){transition:color .2s}
.main-nav>a:not(.nav-button):hover{color:var(--orange)}
.external{color:var(--orange);font-size:11px}
.nav-button{border:1px solid rgba(255,121,0,.65);border-radius:6px;padding:11px 15px;background:rgba(255,121,0,.045);transition:background .25s,transform .25s}
.nav-button:hover{background:rgba(255,121,0,.15);transform:translateY(-2px)}
.nav-button span{margin-left:7px;color:var(--orange)}
.menu-toggle{display:none;background:none;border:0;padding:9px;cursor:pointer}
.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}
.hero{height:min(690px,calc(100vh - 88px));min-height:570px;position:relative;isolation:isolate;overflow:hidden;background:#031326;border-bottom:1px solid rgba(36,140,229,.25)}
.hero-background{position:absolute;inset:0;z-index:-3;background-image:url("wmforge-banner.png");background-size:cover;background-position:center center}
.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(3,14,28,.72) 0%,rgba(3,14,28,.35) 24%,rgba(3,14,28,.16) 65%,rgba(3,14,28,.62) 100%),linear-gradient(90deg,rgba(3,14,28,.92) 0%,rgba(3,14,28,.68) 31%,rgba(3,14,28,.12) 64%,rgba(3,14,28,.02) 100%)}
.hero-content{position:relative;padding:38px clamp(24px,4.8vw,74px) 0;max-width:100%;z-index:1}
.eyebrow,.section-label{font-size:11px;letter-spacing:2px;font-weight:800;color:#d2e5f8}
.eyebrow{display:flex;align-items:center;gap:10px}
.eyebrow>span{width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(255,121,0,.12),0 0 16px rgba(255,121,0,.65)}
.hero h1{font:700 clamp(30px,3.25vw,46px)/1.2 var(--display);letter-spacing:-1.55px;margin:16px 0 12px;max-width:100%;white-space:normal}
.hero h1 span{background:linear-gradient(90deg,#42b7ff 0%,#e8f1fc 55%,#ff9a25 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-description{font-size:15px;line-height:1.7;color:#d0dce9;margin:0;max-width:100%}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:19px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:800;transition:transform .22s,box-shadow .22s,background .22s}
.button:hover{transform:translateY(-2px)}
.button-primary{color:#fff;background:linear-gradient(110deg,#087cf0,#176bc9);box-shadow:0 8px 24px rgba(8,124,240,.18)}
.button-primary:hover{box-shadow:0 11px 28px rgba(8,124,240,.3);background:linear-gradient(110deg,#168bff,#ff7900)}
.button-primary span{color:#ffbf72}
.button-secondary{border-color:rgba(205,225,245,.48);background:rgba(4,20,39,.72);color:#f4f7fb}
.button-secondary:hover{border-color:var(--orange);background:rgba(255,121,0,.12)}
.button-secondary span{color:var(--orange)}
.hero-corner-note{position:absolute;right:clamp(22px,4vw,62px);bottom:25px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.5px;font-weight:800;color:rgba(229,239,250,.75)}
.hero-corner-note span{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--blue-bright);border-radius:50%;font:700 10px var(--display);color:var(--blue-bright)}
.scroll-cue{position:absolute;left:clamp(24px,4.8vw,74px);bottom:24px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.8px;font-weight:700;color:#a9bdd2}
.scroll-mouse{width:16px;height:26px;border:1px solid #8eaac5;border-radius:10px;position:relative}
.scroll-mouse:after{content:"";position:absolute;top:5px;left:6px;width:2px;height:6px;background:var(--orange);animation:scrollCue 1.5s infinite}
.section-shell{padding:92px clamp(24px,7vw,106px);position:relative}
.about-section{background:linear-gradient(130deg,#071c34,#06172d 58%,#081d34);border-bottom:1px solid var(--line)}
.section-label{color:#9fb8d2;margin-bottom:17px}
.section-label span{color:var(--orange);margin-right:9px}
.section-heading h2{font:700 clamp(30px,3.7vw,47px)/1.18 var(--display);letter-spacing:-1.4px;margin:0;max-width:850px}
.section-heading h2 span{color:var(--orange)}
.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;margin-top:38px;align-items:start}
.about-statement{min-height:200px;padding:27px;background:linear-gradient(135deg,rgba(8,124,240,.14),rgba(255,121,0,.045));border:1px solid var(--line);position:relative;overflow:hidden}
.about-statement:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(44,173,255,.22);border-radius:50%;right:-65px;bottom:-95px;box-shadow:0 0 0 25px rgba(8,124,240,.025),0 0 0 50px rgba(8,124,240,.02)}
.statement-mark{font:700 20px var(--display);color:#f4f7fb}
.statement-mark span{color:var(--orange)}
.about-statement p{font:600 21px/1.45 var(--display);max-width:300px;margin:24px 0 0}
.about-copy p{font-size:15px;color:#c1cede;margin:0 0 17px}
.inline-link{display:inline-flex;gap:9px;align-items:center;margin-top:6px;color:#75c6ff;font-size:14px;font-weight:800}
.inline-link span{color:var(--orange)}
.resources-section{background:radial-gradient(ellipse at 100% 0%,rgba(255,121,0,.07),transparent 35%),#041326;border-bottom:1px solid var(--line)}
.resources-section .section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}
.section-intro{max-width:320px;margin:0 0 5px;color:#aebfd2;font-size:14px}
.resource-list{border-top:1px solid var(--line)}
.resource-item{display:grid;grid-template-columns:45px 58px minmax(0,1fr) auto;align-items:center;gap:23px;padding:25px 12px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}
.resource-item:hover{background:linear-gradient(90deg,rgba(8,124,240,.08),rgba(255,121,0,.035));padding-left:18px;padding-right:18px}
.resource-number{align-self:start;padding-top:3px;font:700 12px var(--display);color:#7795b4}
.resource-symbol{width:52px;height:52px;display:grid;place-items:center;font-size:24px;border:1px solid var(--line);border-radius:7px;background:rgba(8,124,240,.08)}
.symbol-blue{color:#43baff}.symbol-orange{color:var(--orange);background:rgba(255,121,0,.07)}.symbol-steel{color:#b7cce1}
.resource-meta{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#8caac9;margin-bottom:4px}
.resource-details h3{font:700 21px/1.3 var(--display);margin:0 0 6px}
.resource-details p{font-size:14px;line-height:1.65;color:#aebfd2;margin:0;max-width:740px}
.resource-action{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:13px;font-weight:800;color:#dceafa;border:1px solid rgba(143,180,218,.3);padding:10px 12px;border-radius:4px;transition:.2s}
.resource-action span{color:var(--orange)}
.resource-action:hover{border-color:var(--orange);background:rgba(255,121,0,.08)}
.resource-footnote{display:flex;align-items:center;gap:10px;margin:20px 0 0;color:#92a9c2;font-size:12px}
.footnote-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);flex-shrink:0}
.training-section{padding-top:78px;padding-bottom:88px;background:linear-gradient(180deg,#06172d,#071b32)}
.training-frame{display:grid;grid-template-columns:1.05fr .95fr;min-height:335px;border:1px solid rgba(67,167,238,.32);background:linear-gradient(120deg,#0a2644,#071a31 68%,#0b2138);overflow:hidden}
.training-content{padding:42px clamp(25px,4vw,54px);align-self:center}
.training-content h2{font:700 clamp(29px,3.2vw,41px)/1.17 var(--display);letter-spacing:-1px;margin:13px 0 16px;max-width:570px}
.training-content p{font-size:15px;color:#b7c8db;max-width:530px;margin:0 0 21px}
.training-visual{position:relative;display:grid;place-items:center;min-height:335px;overflow:hidden;background:radial-gradient(circle at center,rgba(8,124,240,.18),transparent 63%)}
.training-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(49,155,235,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(49,155,235,.15) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,#000,transparent 78%)}
.training-orbit{position:absolute;border:1px solid rgba(39,174,255,.33);border-radius:50%;aspect-ratio:1}
.orbit-one{width:155px}.orbit-two{width:245px;border-color:rgba(255,121,0,.3)}.orbit-three{width:335px;border-style:dashed;animation:slowSpin 45s linear infinite}
.training-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:130px;border-radius:50%;background:linear-gradient(145deg,#0d355b,#06172d);border:1px solid #1c9eff;box-shadow:0 0 35px rgba(8,124,240,.18)}
.center-roof{width:23px;height:15px;border-left:2px solid var(--orange);border-top:2px solid var(--orange);transform:rotate(45deg);margin-bottom:2px}
.training-center strong{font:700 20px var(--display);letter-spacing:-.7px}
.training-center strong span{color:var(--orange)}
.training-center small{font-size:7px;letter-spacing:1px;color:#b8cee3;margin-top:6px}
.training-tag{position:absolute;z-index:2;padding:7px 10px;background:#071b31;border:1px solid rgba(66,175,255,.4);font-size:10px;font-weight:800;letter-spacing:1px;color:#d8e8f7}
.training-tag span{color:var(--orange);margin-left:4px}
.tag-one{top:23%;left:8%}.tag-two{right:7%;top:38%;border-color:rgba(255,121,0,.45)}.tag-three{bottom:19%;left:19%}
.site-footer{background:var(--navy-deep);border-top:1px solid var(--line);padding:25px clamp(24px,5vw,74px) 20px}
.footer-main,.footer-bottom{width:100%;max-width:1240px;margin-inline:auto}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:20px}
.footer-brand{flex-shrink:0}
.footer-brand img{width:45px;height:45px}
.footer-brand .brand-text strong{font-size:23px}
.footer-brand .brand-text small{font-size:7px;letter-spacing:1.2px;margin-top:6px}
.footer-email{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#d6e7f8;text-decoration:none;padding:10px 13px;border:1px solid rgba(53,181,255,.28);border-radius:5px;background:rgba(12,39,66,.45);transition:border-color .2s,color .2s}
.footer-email span{color:var(--orange)}
.footer-email:hover{color:#fff;border-color:var(--orange)}
.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copyright top" "disclaimer disclaimer";column-gap:24px;row-gap:10px;align-items:center;padding-top:15px;border-top:1px solid var(--line);font-size:12px;color:#9db0c5}
.footer-bottom>span:first-child{grid-area:copyright;line-height:1.6}
.footer-disclaimer{grid-area:disclaimer;text-align:left;line-height:1.65;max-width:100%;font-size:12px;color:#9db0c5}
.footer-bottom>a{grid-area:top;justify-self:end;white-space:nowrap;color:#c7d7e8;font-size:12px}
.footer-bottom>a:hover{color:var(--orange)}
.back-to-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:1px solid rgba(53,181,255,.45);border-radius:5px;background:rgba(3,13,27,.92);color:#fff;opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s;z-index:50;cursor:pointer}
.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes scrollCue{0%{opacity:0;transform:translateY(0)}45%{opacity:1}100%{opacity:0;transform:translateY(9px)}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:1050px){
 .main-nav{gap:14px;font-size:12px}.nav-button{padding:10px 12px}
 .hero h1{max-width:1000px;font-size:clamp(29px,3.5vw,39px)}
 .resource-item{grid-template-columns:30px 50px minmax(0,1fr);gap:16px}
 .resource-action{grid-column:3;justify-self:start;margin-top:4px}
 .resource-symbol{width:46px;height:46px}
 .footer-bottom{grid-template-columns:minmax(0,1fr) auto;column-gap:16px}.footer-disclaimer{grid-column:1/-1;grid-row:2;text-align:left}
}
@media(max-width:760px){
 html{scroll-padding-top:76px}
 .site-header{height: 50px;padding:0 17px;gap:10px}
 .brand{gap:9px}.brand img{width:47px;height:47px}.brand-text strong{font-size:24px}.brand-text small{font-size:7px;letter-spacing:1.15px;margin-top:6px}
 .menu-toggle{display:block}
 .main-nav{position:absolute;top:73px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 20px;background:rgba(3,14,28,.99);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s}
 .main-nav.open{opacity:1;visibility:visible;transform:translateY(0)}
 .main-nav>a{padding:12px 3px;border-bottom:1px solid rgba(255,255,255,.06)}
 .main-nav .nav-button{margin-top:12px;text-align:center;padding:12px}
 .hero{height:auto;min-height:610px}
 .hero-background{background-position:57% center}
 .hero-overlay{background:linear-gradient(180deg,rgba(3,14,28,.88),rgba(3,14,28,.65) 55%,rgba(3,14,28,.72)),linear-gradient(90deg,rgba(3,14,28,.7),rgba(3,14,28,.2))}
 .hero-content{padding:42px 22px 110px}
 .eyebrow{font-size:10px;letter-spacing:1.5px}
 .hero h1{font-size:clamp(29px,7.4vw,39px);line-height:1.2;letter-spacing:-1px;margin:16px 0 13px;max-width:580px}
 .hero-description{font-size:14px;max-width:560px;line-height:1.7}
 .hero-actions{margin-top:19px;gap:9px}.button{font-size:12px;padding:10px 13px;min-height:44px}
 .hero-corner-note{right:18px;bottom:20px;font-size:8px;letter-spacing:1px}
 .hero-corner-note span{width:26px;height:26px}
 .scroll-cue{left:22px;bottom:21px;font-size:8px}
 .section-shell{padding:68px 22px}
 .section-heading h2{font-size:31px;letter-spacing:-.8px}
 .about-layout{grid-template-columns:1fr;gap:20px;margin-top:25px}
 .about-statement{min-height:150px;padding:22px}.about-statement p{font-size:20px;margin-top:16px}
 .about-copy p{font-size:14px}
 .resources-section .section-heading{display:block;margin-bottom:25px}
 .section-intro{margin-top:14px;font-size:13px}
 .resource-item{grid-template-columns:25px 43px minmax(0,1fr);gap:12px;padding:21px 0}
 .resource-number{font-size:11px}.resource-symbol{width:42px;height:42px;font-size:20px}
 .resource-meta{font-size:9px;letter-spacing:1.25px}.resource-details h3{font-size:18px}
 .resource-details p{font-size:13px;line-height:1.65}
 .resource-action{font-size:12px;padding:9px 10px}
 .resource-footnote{font-size:11px;align-items:flex-start}
 .training-section{padding-top:55px;padding-bottom:60px}
 .training-frame{grid-template-columns:1fr}
 .training-content{padding:31px 23px 25px}
 .training-content h2{font-size:31px}
 .training-content p{font-size:14px}
 .training-visual{min-height:270px}
 .orbit-three{width:285px}.orbit-two{width:220px}.orbit-one{width:145px}
 .tag-one{left:5%;top:18%}.tag-two{right:4%;top:35%}.tag-three{left:12%;bottom:15%}
 .site-footer{padding:21px 20px 16px}
 .footer-main{align-items:flex-start;flex-direction:column;gap:13px;padding-bottom:16px}
 .footer-brand img{width:39px;height:39px}.footer-brand .brand-text strong{font-size:21px}
 .footer-email{font-size:12px}
 .footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copyright top" "disclaimer disclaimer";gap:10px 12px;font-size:11px}
 .footer-bottom>span:first-child{grid-area:copyright}
 .footer-disclaimer{text-align:left;grid-area:disclaimer;font-size:11px}
 .footer-bottom>a{grid-area:top;order:initial;font-size:11px}
}


/* WMForge video library */
.videos-section{background:linear-gradient(180deg,#06172d 0%,#041326 100%);border-bottom:1px solid var(--line);overflow:hidden;
 }
.videos-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:30px}
.videos-heading h2{font:700 clamp(32px,4vw,50px)/1.13 var(--display);letter-spacing:-1.5px;margin:0;max-width:850px}
.videos-heading h2 span{color:var(--orange)}
.videos-intro{max-width:780px;color:#b8c9dc;font-size:15px;line-height:1.75;margin:16px 0 0}
.videos-channel-link{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#dceafa;font-size:13px;font-weight:800;margin-bottom:8px}
.videos-channel-link span{color:var(--orange)}
.videos-channel-link:hover{color:#fff}
.video-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px;padding:13px;border:1px solid rgba(142,180,218,.19);background:rgba(8,30,53,.55)}
.video-filter-list{display:flex;flex-wrap:wrap;gap:8px}
.video-filter{border:1px solid rgba(142,180,218,.25);border-radius:4px;padding:8px 12px;background:#071a30;color:#b9cce0;font:700 11px var(--body);cursor:pointer;transition:.2s}
.video-filter:hover,.video-filter.active{border-color:var(--blue-bright);color:#fff;background:linear-gradient(120deg,rgba(8,124,240,.28),rgba(255,121,0,.07))}
.video-filter span{margin-left:7px;color:var(--orange)}
.video-search{display:flex;align-items:center;gap:8px;min-width:195px;border:1px solid rgba(142,180,218,.27);border-radius:4px;padding:0 10px;background:#061326}
.search-icon{font-size:22px;color:var(--blue-bright);line-height:1}
.video-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f5f8fc;font:12px var(--body);padding:10px 0}
.video-search input::placeholder{color:#7f96af}
.video-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.video-card{min-width:0;border:1px solid rgba(53,181,255,.24);border-radius:7px;overflow:hidden;background:linear-gradient(160deg,rgba(10,36,62,.98),rgba(3,15,29,.98));transition:transform .25s,border-color .25s,box-shadow .25s}
.video-card:hover{transform:translateY(-4px);border-color:rgba(53,181,255,.7);box-shadow:0 15px 32px rgba(0,0,0,.2)}
.video-card[hidden]{display:none}
.video-thumb{position:relative;isolation:isolate;display:block;overflow:hidden;aspect-ratio:16/9;margin:10px 10px 0;border:1px solid rgba(126,185,231,.32);border-radius:4px;background:#08203a;color:#fff}
.video-thumb:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(110deg,rgba(2,11,23,.96),rgba(5,30,54,.55) 56%,rgba(2,12,24,.65)),url("wmforge-banner.png");background-size:cover,auto 210%;background-position:center,center 48%;opacity:.98;transition:transform .45s}
.video-thumb:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(2,10,20,.58),transparent 70%);border-bottom:3px solid var(--orange)}
.video-card:hover .video-thumb:before{transform:scale(1.06)}
.thumb-kicker{position:absolute;left:10px;top:10px;max-width:75%;font-size:8px;letter-spacing:1.3px;font-weight:800;color:#a9d9ff}
.video-number{position:absolute;right:9px;top:8px;display:grid;place-items:center;min-width:28px;height:25px;padding:0 5px;background:linear-gradient(135deg,#0d9bff,#0867c5);border-radius:3px;font:700 11px var(--display);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.thumb-title{position:absolute;left:11px;bottom:12px;right:48px;font:800 clamp(13px,1.15vw,18px)/1.06 var(--display);letter-spacing:-.35px;text-shadow:0 2px 4px #000}
.thumb-title em{font-style:normal;color:#ff9b27}
.thumb-play{position:absolute;right:12px;bottom:13px;width:31px;height:31px;display:grid;place-items:center;padding-left:2px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(8,124,240,.75);font-size:11px;box-shadow:0 0 15px rgba(8,124,240,.35)}
.thumb-visual{position:absolute;right:14px;top:33%;width:36%;height:38%;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;opacity:.92}
.visual-racks{border-left:3px solid #24aaff;border-right:3px solid #ff8a18;background:repeating-linear-gradient(0deg,transparent 0 14px,rgba(54,177,255,.55) 14px 17px),repeating-linear-gradient(90deg,rgba(255,121,0,.75) 0 12px,transparent 12px 20px);box-shadow:0 0 22px rgba(8,124,240,.15)}
.visual-racks i{display:none}.visual-racks b{position:absolute;right:-5px;top:-13px;background:#087cf0;color:white;font:800 10px var(--display);padding:3px 5px}
.visual-document{flex-direction:column;align-items:flex-end;font:800 18px var(--display)}
.visual-document b{font-size:22px;color:#ff9b27}.visual-document span{color:#35b5ff;font-size:27px}.visual-document i{font-style:normal;font-size:10px;padding:5px 8px;border:1px solid #35b5ff;background:#06172d}
.visual-pin{width:35%;height:55%;top:27%;flex-direction:column;gap:4px}
.visual-pin span{font-size:37px;color:#ff9b27;text-shadow:0 0 15px rgba(255,121,0,.6)}
.visual-pin i{font-style:normal;text-align:center;font-size:8px;background:#06203a;border:1px solid #35b5ff;padding:5px 8px}
.visual-pin b{color:#35b5ff}
.visual-flow{height:30%;top:43%;width:45%;gap:4px}.visual-flow i{font-style:normal;font-size:9px;border:1px solid #35b5ff;background:#082744;padding:7px 5px}.visual-flow b{color:#ff9b27}
.visual-ai{flex-direction:column;gap:3px;border:1px solid rgba(53,181,255,.65);background:linear-gradient(145deg,rgba(8,124,240,.35),rgba(255,121,0,.15));box-shadow:0 0 22px rgba(8,124,240,.15)}
.visual-ai span{font:800 25px var(--display);color:#ff9b27}.visual-ai i{font:800 7px var(--body);font-style:normal;letter-spacing:1px}
.visual-scanner{flex-direction:column;width:30%;height:57%;top:29%;border:1px solid #35b5ff;background:linear-gradient(150deg,#0b3b60,#06172d);box-shadow:0 0 22px rgba(8,124,240,.2)}
.visual-scanner span{font-size:27px;color:#35b5ff}.visual-scanner i{font:800 8px var(--body);font-style:normal;text-align:center}
.visual-replenish{top:42%;width:49%;height:32%;gap:4px}.visual-replenish i{font-style:normal;font-size:7px;font-weight:800;padding:8px 5px;background:#082744;border:1px solid #35b5ff}.visual-replenish b{color:#ff9b27;font-size:19px}
.visual-count{flex-direction:column;width:31%;height:55%;top:29%;border:1px solid #35b5ff;background:rgba(3,17,32,.78)}
.visual-count span{font-size:28px;color:#8ed5ff}.visual-count i{font:800 8px/1.7 var(--body);font-style:normal;text-align:center;letter-spacing:1px}
.visual-outbound,.visual-inbound{width:48%;height:30%;top:44%;gap:4px}.visual-outbound i,.visual-inbound i{font-style:normal;font-size:7px;font-weight:800;padding:7px 4px;background:#082744;border:1px solid #35b5ff}.visual-outbound b,.visual-inbound b{font-size:20px;color:#ff9b27}
.thumb-reverse:before{background-position:center,60% 45%}.thumb-putaway:before{background-position:center,74% 48%}.thumb-journey:before{background-position:center,40% 50%}.thumb-ai:before{background-position:center,83% 50%}.thumb-rf:before{background-position:center,20% 52%}.thumb-replenish:before{background-position:center,15% 46%}.thumb-inventory:before{background-position:center,34% 46%}.thumb-outbound:before{background-position:center,91% 49%}.thumb-inbound:before{background-position:center,70% 50%}
.video-card-body{display:flex;flex-direction:column;padding:13px 13px 12px;min-height:150px}
.video-category{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#79bce9;margin-bottom:7px}
.video-card h3{font:700 16px/1.42 var(--display);letter-spacing:-.2px;margin:0 0 14px;color:#f1f6fc;flex:1}
.watch-link{display:flex;align-items:center;gap:9px;min-height:37px;border:1px solid rgba(142,180,218,.36);border-radius:4px;padding:7px 10px;color:#eaf3fc;font-size:12px;font-weight:800;transition:.2s}
.watch-link:hover{border-color:var(--orange);background:rgba(255,121,0,.08)}
.youtube-mark{display:grid;place-items:center;width:23px;height:16px;border-radius:5px;background:#f04444;color:white;font-size:9px;padding-left:1px}
.watch-arrow{margin-left:auto;color:var(--orange);font-size:15px}
.video-empty{padding:30px;text-align:center;color:#afc2d7;border:1px dashed var(--line);margin-top:15px}
.videos-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;margin-top:5px}
.videos-bottom span{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:800;letter-spacing:1.7px;color:#93adc7}
.videos-bottom span i{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(255,121,0,.1)}
.videos-bottom a{font-size:12px;font-weight:800;color:#dbeafa}.videos-bottom a b{color:var(--orange);margin-left:5px}
@media(max-width:1050px){
 .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .videos-heading{align-items:flex-start}
 .video-toolbar{align-items:flex-start;flex-direction:column}
 .video-search{width:100%}
 .thumb-title{font-size:clamp(14px,2vw,18px)}
}
@media(max-width:760px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .videos-section{padding-left:17px;padding-right:17px}
 .videos-heading{display:block}
 .videos-heading h2{font-size:34px;letter-spacing:-1px}
 .videos-intro{font-size:14px}
 .videos-channel-link{margin-top:18px}
 .video-grid{grid-template-columns:1fr;gap:14px}
 .video-thumb{margin:9px 9px 0}
 .thumb-title{font-size:clamp(17px,5vw,23px);right:58px}
 .video-card-body{min-height:0}
 .video-card h3{font-size:17px}
 .video-toolbar{padding:10px}
 .video-filter-list{gap:6px}
 .video-filter{font-size:10px;padding:8px 9px}
 .videos-bottom{align-items:flex-start;flex-direction:column}
}

/* Clean WMForge video thumbnails: logo background, numbered badge and title only */
.thumb-title{left:13px;right:42px;bottom:14px}

/* Video library: retain numbered badges and use only the All videos control */
.video-number{z-index:2;min-width:34px;height:30px;font-size:13px;color:#fff;border:1px solid rgba(255,255,255,.22)}
.video-filter-list{flex:0 0 auto}


/* Expandable free PPT resources */
.free-files-toggle{font-family:inherit;background:rgba(8,124,240,.08);cursor:pointer}
.free-files-toggle .toggle-arrow{display:inline-block;transition:transform .22s ease}
.free-files-toggle[aria-expanded="true"] .toggle-arrow{transform:rotate(180deg)}
.free-ppt-list{padding:7px 14px 18px 88px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(8,124,240,.055),rgba(4,19,38,.35));animation:freePptReveal .22s ease both}
.free-ppt-list[hidden]{display:none}
.free-ppt-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px 12px;border:1px solid rgba(143,180,218,.16);border-radius:7px;background:rgba(3,15,30,.56);margin-top:10px}
.free-ppt-file-icon{width:40px;height:43px;display:grid;place-items:center;border:1px solid rgba(67,186,255,.38);border-radius:5px;background:rgba(8,124,240,.1);color:#7acbff;font:800 10px var(--display);letter-spacing:.5px}
.free-ppt-copy h4{margin:0 0 4px;font:700 15px/1.4 var(--display);color:#eef5ff}
.free-ppt-copy p{margin:0;color:#aebfd2;font-size:12px;line-height:1.55}
.free-ppt-download{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(67,186,255,.3);border-radius:4px;color:#dceafa;font-size:12px;font-weight:800;white-space:nowrap;transition:background .2s,border-color .2s}
.free-ppt-download span{font-size:17px;color:#43baff;line-height:1}
.free-ppt-download:hover{border-color:var(--orange);background:rgba(255,121,0,.08)}
.free-ppt-note{margin:15px 12px 0;color:#aebfd2;font-size:12px;line-height:1.7}
.free-ppt-note a{color:#76caff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@keyframes freePptReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.free-ppt-list{padding:6px 0 16px}.free-ppt-row{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px 10px}.free-ppt-file-icon{width:36px;height:39px}.free-ppt-download{grid-column:2;justify-self:start;margin-top:2px}.free-ppt-copy h4{font-size:14px}.free-ppt-copy p{font-size:12px}}


/* Paid custom SAP WM content request panel */
.custom-request-panel{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,54px);margin-top:32px;padding:clamp(24px,4vw,44px);border:1px solid rgba(53,181,255,.32);border-radius:9px;background:radial-gradient(ellipse at 0% 0%,rgba(8,124,240,.16),transparent 44%),linear-gradient(135deg,rgba(8,30,53,.98),rgba(3,15,29,.98));box-shadow:0 18px 55px rgba(0,0,0,.16)}
.custom-request-intro{align-self:center}
.custom-request-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:23px;border:1px solid rgba(255,121,0,.45);border-radius:9px;background:rgba(255,121,0,.08);color:var(--orange);font-size:25px}
.custom-request-intro h3{font:700 clamp(26px,2.8vw,36px)/1.17 var(--display);letter-spacing:-.8px;margin:9px 0 14px;max-width:520px}
.custom-request-intro>p{color:#b5c7db;font-size:14px;line-height:1.75;margin:0 0 18px;max-width:560px}
.custom-request-tags{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0}
.custom-request-tags span{padding:7px 10px;border:1px solid rgba(143,180,218,.22);border-radius:4px;background:rgba(5,20,38,.6);color:#d5e6f8;font-size:11px;font-weight:700}
.custom-request-intro .custom-request-note{padding-left:13px;border-left:2px solid var(--orange);font-size:12px;color:#8fa8c2;margin-top:23px}
.custom-request-form{padding:clamp(18px,2.5vw,28px);border:1px solid rgba(143,180,218,.2);border-radius:7px;background:rgba(2,12,24,.55)}
.request-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.request-field{display:flex;flex-direction:column;gap:7px;color:#dce9f7;font-size:12px;font-weight:800}
.request-field-full{grid-column:1/-1}
.request-field input,.request-field textarea{width:100%;border:1px solid rgba(143,180,218,.28);border-radius:5px;background:#06172b;color:#f4f7fb;padding:12px 13px;font:400 13px/1.55 var(--body);outline:none;transition:border-color .2s,box-shadow .2s;resize:vertical}
.request-field input::placeholder,.request-field textarea::placeholder{color:#7088a2}
.request-field input:focus,.request-field textarea:focus{border-color:var(--blue-bright);box-shadow:0 0 0 3px rgba(53,181,255,.09)}
.request-submit{margin-top:18px;border:0;cursor:pointer}
.request-form-hint,.request-form-status{font-size:11px;line-height:1.6;color:#8ea6c0;margin:12px 0 0}
.request-form-status{color:#91d7ff}
@media(max-width:900px){.custom-request-panel{grid-template-columns:1fr}.custom-request-intro h3{max-width:700px}}
@media(max-width:760px){.custom-request-panel{padding:20px 15px;gap:22px;margin-top:24px}.custom-request-form{padding:15px}.request-form-grid{grid-template-columns:1fr;gap:13px}.request-field-full{grid-column:auto}.request-field input,.request-field textarea{font-size:16px}.custom-request-intro h3{font-size:29px}}


/* Embedded training form */
.training-heading{max-width:760px;margin:0 auto 28px;text-align:center}
.training-heading h2{font:700 clamp(30px,3.4vw,44px)/1.15 var(--display);letter-spacing:-1px;margin:13px 0 14px;color:#f5f8fc}
.training-heading p{max-width:680px;margin:0 auto;color:#b7c8db;font-size:15px}
.training-form-shell{width:100%;max-width:1000px;margin:0 auto;padding:12px;background:#fff;border:1px solid rgba(94,165,224,.28);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.2);overflow:hidden}
.training-google-form{display:block;width:100%;height:1050px;border:0;border-radius:10px;background:#fff}
@media(max-width:640px){.training-form-shell{padding:4px;border-radius:12px}.training-google-form{height:1150px}.training-heading{margin-bottom:22px}.training-heading h2{font-size:30px}}


/* Header and footer logo/email update */
.site-header{height:auto;min-height:80px;padding-top:12px;padding-bottom:12px;align-items:center}
.header-brand-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0;min-width:0}
.header-poster-brand{display:block;line-height:0}
.header-poster-brand img{display:block;width:210px;height:76px;object-fit:contain;object-position:left center;border-radius:0}
.header-email{font-size:14px;line-height:1.35;font-weight:600;color:#ffffff;text-decoration:none;overflow-wrap:anywhere}
.header-email:hover{color:var(--orange)}
.footer-brand{display:block;line-height:0}
.footer-brand img{display:block;width:190px;height:86px;object-fit:contain;object-position:left center;border-radius:0}
.footer-main{align-items:flex-start}
.footer-email{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#d6e7f8;text-decoration:none;padding:0;border:0;border-radius:0;background:transparent;transition:color .2s}
.footer-email span{display:none}
.footer-email:hover{color:var(--orange);border-color:transparent}
@media(max-width:760px){
 .site-header{min-height:70px;padding:10px 17px;gap:10px;align-items:center}
 .header-poster-brand img{width:150px;height:58px}
 .header-email{font-size:12px;max-width:165px}
 .footer-brand img{width:160px;height:74px}
 .footer-main{gap:12px}
}
@media(max-width:420px){.header-poster-brand img{width:120px;height:48px}.header-email{font-size:11px;max-width:125px}}


/* FINAL HEADER / FOOTER POLISH */
.header-brand-group{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.header-poster-brand{display:block;line-height:0}
.header-poster-brand img{display:block;width:210px;height:76px;object-fit:contain;object-position:left center;border:0;border-radius:0}
.header-email{display:block;margin:0;padding:0;font-size:15px;line-height:1.25;font-weight:600;color:#ffffff;text-decoration:none;border:0;border-radius:0;background:transparent;box-shadow:none;overflow-wrap:anywhere}
.header-email:hover{color: #ff7900 !important;
}
.footer-main{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:0;padding-bottom:16px}
.footer-brand{display:block;flex:0 0 auto;line-height:0}
.footer-brand img{display:block;width:240px;height:112px;object-fit:contain;object-position:left center;border:0;border-radius:0}
.footer-email{display:none!important}
.footer-bottom{margin-top:0;padding-top:15px}
@media(max-width:760px){
 .site-header{height:auto;min-height:50px;align-items:center}
 .header-brand-group{gap:2px;max-width:58vw}
 .header-poster-brand img{width:165px;height:60px}
 .header-email{font-size:12px;line-height:1.25}
 .footer-main{gap:0;padding-bottom:12px}
 .footer-brand img{width:190px;height:90px}
}
@media(max-width:420px){
 .header-brand-group{max-width:55vw}
 .header-poster-brand img{width:135px;height:50px}
 .header-email{font-size:10px}
 .footer-brand img{width:170px;height:80px}
}

/* FINAL USER-REQUESTED HEADER / FOOTER SIZE AND SPACING FIX */
.header-brand-group{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.header-poster-brand{display:block;line-height:0}
.header-poster-brand img{display:block;width:260px;height:90px;object-fit:contain;object-position:left center;border:0;border-radius:0}
.header-email{display:block;margin:0;padding:0;font-size:15px;line-height:1.25;font-weight:600;color:#ffffff;text-decoration:none;border:0!important;background:transparent!important;box-shadow:none!important;max-width:none}
.header-email:hover{color:var(--orange)}
.site-footer{padding:8px clamp(24px,5vw,74px) 8px}
.footer-main{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0;padding-bottom:4px}
.footer-brand{display:block;flex:0 0 auto;line-height:0}
.footer-brand img{display:block;width:290px;height:95px;object-fit:contain;object-position:left center;border:0;border-radius:0}
.footer-email{display:none!important}
.footer-bottom{margin-top:0;padding-top:7px;gap:5px 12px}
@media(max-width:760px){
 .site-header{height:auto;min-height:0;padding-top:8px;padding-bottom:8px}
 .header-brand-group{gap:2px;max-width:65vw}
 .header-poster-brand img{width:205px;height:70px}
 .header-email{font-size:12px}
 .site-footer{padding:8px 20px 8px}
 .footer-main{align-items:flex-start;flex-direction:row;gap:0;padding-bottom:5px}
 .footer-brand img{width:225px;height:78px}
}
@media(max-width:420px){
 .header-poster-brand img{width:160px;height:54px}
 .header-email{font-size:10px}
 .footer-brand img{width:185px;height:65px}
}

/* Hero headline: compact, intentional wrapping to match the WMForge reference */
.hero-content { max-width: 760px; }
.hero h1 {
  max-width: 560px;
  font-size: clamp(34px, 5.1vw, 56px);
  line-height: 1.08;
  letter-spacing: -1.8px;
}
.hero h1 span { display: block; }

@media (max-width: 760px) {
  .hero-content { max-width: 100%; }
  .hero h1 {
    max-width: 520px;
    font-size: clamp(32px, 7vw, 48px);
    line-height: 1.1;
    letter-spacing: -1.2px;
  }
}


/* Hero content: vertically centered with balanced space above and below */
.hero-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  max-width: 900px;
  padding: 0 clamp(24px, 4.8vw, 74px);
  margin: 0;
}
.hero h1 {
  max-width: 560px;
  font-size: clamp(32px, 4.3vw, 52px);
  line-height: 1.08;
  letter-spacing: -1.6px;
}
.hero-description {
  max-width: 650px;
  font-size: 14px;
  line-height: 1.7;
}
@media (max-width: 760px) {
  .hero-content {
    top: 44%;
    padding: 0 22px;
    max-width: 100%;
  }
  .hero h1 {
    max-width: 520px;
    font-size: clamp(30px, 7vw, 44px);
    line-height: 1.1;
    letter-spacing: -1.1px;
  }
  .hero-description {
    max-width: 560px;
    font-size: 13px;
  }
}

/* WMForge compact header — final override */
.site-header {
  height: 100px !important;
  min-height: 100px !important;
  padding: 4px clamp(22px, 4vw, 62px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  box-sizing: border-box !important;
  overflow: visible;
}
.header-brand-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.header-poster-brand {
  display: block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}
.header-poster-brand img {
  display: block !important;
  width: 320px !important;
  height: 83px !important;
  max-height: 83px !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.header-email {
  display: block !important;
  margin: -5px 0 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 15px !important;
  font-weight: 600 !important;
  max-width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap;
}
/* Move header email slightly to the right */
.site-header .header-email {
  margin-left: 5px !important;
}
@media (max-width: 760px) {
  .site-header {
    height: 75px !important;
    min-height: 75px !important;
    padding: 3px 17px !important;
    gap: 8px !important;
  }
  .header-brand-group { max-width: 65vw !important; }
  .header-poster-brand img {
    width: 195px !important;
    height: 54px !important;
    max-height: 54px !important;
  }
  .header-email { margin-top: -3px !important; font-size: 12px !important; line-height: 13px !important; }
}
@media (max-width: 420px) {
  .site-header { height: 78px !important; min-height: 78px !important; padding: 3px 12px !important; }
  .header-poster-brand img { width: 155px !important; height: 46px !important; max-height: 46px !important; }
  .header-email { font-size: 11px !important; line-height: 12px !important; }
}


/* ABOUT SECTION — reference-inspired warm warehouse treatment */
.about-section {
  isolation: isolate;
  overflow: hidden;
  color: #09254a;
  background-color: #f4f6f8;
  background-image:
    linear-gradient(90deg, rgba(248,250,252,.88) 0%, rgba(248,250,252,.78) 38%, rgba(248,250,252,.50) 66%, rgba(248,250,252,.24) 100%),
    url("about-section-img.png");
  background-size: cover;
  background-position: center;
  border-bottom: 1px solid rgba(9,37,74,.12);
}
.about-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 0% 100%, rgba(255,121,0,.12), transparent 24%),
              linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.22));
}
.about-section .section-label { color: #52759f; }
.about-section .section-label span { color: #ff7900; }
.about-section .section-heading h2 {
  color: #08254b;
  max-width: 940px;
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
}
.about-section .section-heading h2 span { color: #f36f08; }
.about-section .about-layout {
  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
  gap: clamp(28px, 4vw, 52px);
  align-items: center;
  margin-top: 26px;
}
.about-section .about-statement {
  min-height: 198px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 10px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 34px rgba(8,35,70,.15);
  backdrop-filter: blur(8px);
}
.about-section .about-statement:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 58%;
  background: linear-gradient(180deg, rgba(5,24,48,.04), rgba(5,24,48,0));
  pointer-events: none;
}
.about-section .about-statement:after {
  width: 145px;
  height: 145px;
  right: -64px;
  bottom: -82px;
  border-color: rgba(255,121,0,.24);
  box-shadow: 0 0 0 22px rgba(255,121,0,.06), 0 0 0 44px rgba(255,121,0,.035);
}
.about-section .statement-mark {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 112px;
  overflow: hidden;
  background: #e5edf4;
}
.about-section .statement-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 52%;
}
.about-section .about-statement p {
  position: relative;
  z-index: 1;
  max-width: 100%;
  margin: 0;
  padding: 13px 20px 17px;
  color: #09254a;
  font: 700 clamp(16px, 1.55vw, 20px)/1.35 var(--display);
}
.about-section .about-statement p em,
.about-section .about-statement p span { color: #f36f08; }
.about-section .about-copy { position: relative; z-index: 1; }
.about-section .about-copy p {
  color: #17365d;
  font-size: 13px;
  line-height: 1.65;
  margin: 0 0 15px;
  text-shadow: 0 1px 0 rgba(255,255,255,.25);
}
.about-section .inline-link { color: #0788e9; font-size: 13px; }
.about-section .inline-link span { color: #f36f08; }
@media (max-width: 760px) {
  .about-section {
    background-position: 58% center;
    background-image:
      linear-gradient(90deg, rgba(248,250,252,.90), rgba(248,250,252,.72)),
      url("about-section-img.png");
  }
  .about-section .about-layout { grid-template-columns: 1fr; gap: 22px; margin-top: 23px; }
  .about-section .about-statement { max-width: 480px; }
  .about-section .about-copy p { font-size: 14px; }
}
@media (prefers-reduced-motion: no-preference) {
  .about-section .about-statement { transition: transform .3s ease, box-shadow .3s ease; }
  .about-section .about-statement:hover { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(8,35,70,.19); }
}

/* VIDEO SECTION — reference-matched light warehouse background */
.videos-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #09254a;
  background-color: #edf2f7;
  background-image:
    linear-gradient(180deg, rgba(246,249,252,.26) 0%, rgba(238,244,250,.45) 34%, rgba(225,234,244,.68) 100%),
    linear-gradient(90deg, rgba(248,250,253,.78) 0%, rgba(248,250,253,.58) 35%, rgba(248,250,253,.10) 72%, rgba(248,250,253,.04) 100%),
    url("video-section-img.png");
  background-size: cover;
  background-position: center top;
  border-bottom: 1px solid rgba(9,37,74,.13);
}
.videos-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 0% 28%, rgba(255,121,0,.12), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(226,235,245,.22));
}
.videos-section .section-label { color: #6282a7; }
.videos-section .section-label span { color: #ff7900; }
.videos-section .videos-heading h2 { color: #071d39; }
.videos-section .videos-heading h2 span { color: #f36f08; }
.videos-section .videos-intro { color: #17365d; }
.videos-section .videos-channel-link { color: #09254a; }
.videos-section .videos-channel-link span { color: #f36f08; }
.videos-section .video-toolbar {
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 5px;
  background: rgba(242,246,251,.66);
  box-shadow: 0 8px 24px rgba(12,40,75,.08);
  backdrop-filter: blur(10px);
}
.videos-section .video-filter {
  border-color: rgba(8,37,73,.2);
  border-radius: 4px;
  background: #09213b;
  color: #e8f2fc;
}
.videos-section .video-filter:hover,
.videos-section .video-filter.active {
  border-color: #168de8;
  background: linear-gradient(120deg, #082744, #0c3658);
  color: #fff;
}
.videos-section .video-filter span { color: #ff8a12; }
.videos-section .video-search {
  border-color: rgba(9,37,74,.25);
  border-radius: 4px;
  background: rgba(255,255,255,.72);
}
.videos-section .search-icon { color: #0788e9; }
.videos-section .video-search input { color: #09254a; }
.videos-section .video-search input::placeholder { color: #536b86; }
.videos-section .video-card {
  border-color: rgba(88,139,185,.38);
  border-radius: 7px;
  background: linear-gradient(160deg, rgba(9,35,62,.98), rgba(3,17,32,.99));
  box-shadow: 0 9px 22px rgba(5,26,49,.19);
}
.videos-section .video-card:hover {
  border-color: rgba(8,139,232,.82);
  box-shadow: 0 15px 30px rgba(5,26,49,.25);
}
.videos-section .video-thumb { border-color: rgba(255,255,255,.18); }
.videos-section .video-card-body h3 { color: #f5f8fc; }
.videos-section .watch-link { color: #d9eaff; }
.videos-section .watch-link .watch-arrow { color: #ff7900; }
.videos-section .videos-bottom { color: #17365d; }
.videos-section .videos-bottom a { color: #09254a; }
.videos-section .videos-bottom a b { color: #f36f08; }
.videos-section .video-empty { color: #17365d; }
@media (max-width: 760px) {
  .videos-section {
    background-position: 58% top;
    background-image:
      linear-gradient(180deg, rgba(246,249,252,.48), rgba(238,244,250,.76)),
      url("video-section-img.png");
  }
  .videos-section .videos-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .videos-section .video-toolbar { align-items: stretch; flex-direction: column; }
  .videos-section .video-search { min-width: 0; width: 100%; }
}


/* ==========================================================
   WMFORGE REFERENCE-BASED VISUAL REFRESH
   Preserves the existing section content and functionality.
   ========================================================== */
:root {
  --wf-ink: #0a2345;
  --wf-blue: #168fe5;
  --wf-orange: #ff7900;
  --wf-muted: #405979;
  --wf-glass: rgba(247, 250, 253, .78);
  --wf-glass-border: rgba(255,255,255,.72);
}
html { scroll-padding-top: 90px; }
body { background:#f3f6f9; color:var(--wf-ink); }

/* Header: keep existing logo, email and four navigation options */
.site-header {
  min-height: 88px !important;
  height: 88px !important;
  padding: 5px clamp(22px, 4vw, 62px) !important;
  background: rgba(6, 23, 45, 0.8) !important;
  border-bottom: 1px solid rgba(12,42,76,.12) !important;
  box-shadow: 0 5px 24px rgba(9,35,68,.06);
  backdrop-filter: blur(18px);
}
.header-poster-brand img {
  width: 320px !important;
  height: 80px !important;
  max-height: 80px !important;
}
.header-email {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 9px !important;
  margin: -9px 0 0 5px !important;
}
.main-nav { color:#142d4e !important; gap:clamp(12px,1.8vw,24px) !important; }
.main-nav > a:not(.nav-button) {
  color: #ffffff !important;
  border-color:transparent !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:7px !important;
}
.main-nav > a:not(.nav-button):hover {
  color: #ff7900 !important;
  background:rgba(255,255,255,.7) !important;
  border-color:rgba(249, 251, 253, 0.75) !important;
}
.menu-toggle span { background:#102b4c !important; }

/* Homepage hero: bright warehouse, navy type, blue/orange emphasis */
.hero {
  height: min(610px, calc(100vh - 88px)) !important;
  min-height: 500px !important;
  background:#edf3f8 !important;
  border-bottom:1px solid rgba(10,35,69,.12) !important;
}
.hero-background {
  background-image:url("wmforge-banner.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  transform:scale(1.01);
}
.hero-overlay {
  background:
    linear-gradient(90deg, rgba(250,252,254,.82) 0%, rgba(250,252,254,.72) 34%, rgba(250,252,254,.38) 55%, rgba(250,252,254,.03) 82%),
    linear-gradient(180deg, rgba(250,252,254,.06), rgba(230,239,248,.14)) !important;
}
.hero-content {
  top:50% !important;
  max-width:760px !important;
  padding:0 clamp(28px,4.2vw,64px) !important;
  transform:translateY(-50%) !important;
}
.hero h1 {
  max-width:560px !important;
  color:#0a2345 !important;
  font-size:clamp(36px,4.25vw,54px) !important;
  line-height:1.08 !important;
  letter-spacing:-1.8px !important;
  margin:0 0 14px !important;
}
.hero h1 span {
  display:block !important;
  background:none !important;
  color:var(--wf-orange) !important;
  -webkit-text-fill-color:var(--wf-orange) !important;
}
.hero-description {
  max-width:520px !important;
  color:#1b3659 !important;
  font-size:14px !important;
  line-height:1.6 !important;
}
.hero-benefits {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:clamp(13px,2vw,25px);
  margin-top:22px;
  color:#102b4c;
}
.hero-benefit { display:flex; align-items:center; gap:9px; min-width:0; }
.hero-benefit-icon {
  display:grid; place-items:center; flex:0 0 29px; width:29px; height:29px;
  color:#087fda; font-size:25px; font-weight:800; line-height:1;
}
.hero-benefit:nth-child(2) .hero-benefit-icon { color:#102b4c; }
.hero-benefit:nth-child(3) .hero-benefit-icon {
  border:3px solid #0b9be9; border-radius:50%; font-size:18px;
}
.hero-benefit strong,.hero-benefit small { display:block; }
.hero-benefit strong { font-size:11px; line-height:1.35; font-weight:800; }
.hero-benefit small { font-size:10px; line-height:1.4; color:#344f70; }
.hero-actions { margin-top:19px !important; }
.hero-explore {
  min-height:42px !important; padding:10px 20px !important;
  border-radius:13px !important; background:#ff7900 !important;
  color:#fff !important; box-shadow:0 8px 20px rgba(255,121,0,.22) !important;
}
.hero-explore:hover { background:#ed6d00 !important; box-shadow:0 11px 25px rgba(255,121,0,.28) !important; }
.hero-explore span { color:#fff !important; }
.hero-corner-note { color:#153252 !important; }
.hero-corner-note span { color:#087fda !important; border-color:#087fda !important; }
.scroll-cue { color:#274566 !important; }
.scroll-mouse { border-color:#456889 !important; }
.scroll-mouse:after { background:var(--wf-orange) !important; }

/* About section: image-led glass layout */
.about-section {
  color:var(--wf-ink) !important;
  background-color:#eef3f8 !important;
  background-image:
    linear-gradient(90deg,rgba(250,252,254,.88),rgba(250,252,254,.76) 48%,rgba(250,252,254,.35)),
    url("about-section-img.png") !important;
  background-size:cover !important;
  background-position:center center !important;
}
.about-section .section-label { color:#6685ad !important; }
.about-section .section-label span { color:var(--wf-orange) !important; }
.about-section .section-heading h2 { color:#0a2345 !important; }
.about-section .section-heading h2 span { color:var(--wf-orange) !important; }
.about-section .about-statement {
  border:1px solid rgba(255,255,255,.86) !important;
  border-radius:12px !important;
  background:rgba(249,251,253,.65) !important;
  box-shadow:0 12px 30px rgba(12,39,70,.12) !important;
  backdrop-filter:blur(12px);
}
.about-section .about-statement p { color:#10294b !important; }
.about-section .about-copy p { color:#173657 !important; }
.about-section .inline-link { color:#0789e8 !important; }
.about-section .inline-link span { color:var(--wf-orange) !important; }

/* Videos: pale photographic background, dark video tiles */
.videos-section {
  background-color:#eaf0f6 !important;
  background-image:
    linear-gradient(180deg,rgba(248,250,253,.26),rgba(228,237,247,.52)),
    linear-gradient(90deg,rgba(249,251,253,.68),rgba(249,251,253,.08)),
    url("video-section-img.png") !important;
  background-size:cover !important;
  background-position:center top !important;
  color:#0a2345 !important;
}
.videos-section .section-label { color:#6685ad !important; }
.videos-section .section-label span { color:var(--wf-orange) !important; }
.videos-section .videos-heading h2 { color:#0a2345 !important; }
.videos-section .videos-heading h2 span { color:var(--wf-orange) !important; }
.videos-section .videos-intro { color:#173657 !important; }
.videos-section .videos-channel-link { color:#0a2345 !important; }
.videos-section .video-toolbar {
  background:rgba(245,248,252,.68) !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 8px 24px rgba(10,35,69,.08) !important;
  backdrop-filter:blur(12px);
}
.videos-section .video-card {
  background:linear-gradient(160deg,rgba(10,35,62,.98),rgba(3,17,32,.99)) !important;
  border-color:rgba(77,132,181,.48) !important;
  box-shadow:0 8px 20px rgba(6,28,52,.2) !important;
}

/* Resources: reference image with matching translucent cards and type */
.resources-section {
  isolation:isolate;
  overflow:hidden;
  color:#0a2345 !important;
  background-color:#edf2f7 !important;
  background-image:
    linear-gradient(90deg,rgba(247,250,253,.30),rgba(247,250,253,.14)),
    url("ppt-section-img.png") !important;
  background-size:cover !important;
  background-position:center center !important;
}
.resources-section .section-label,.resources-section .resource-meta { color:#6484ad !important; }
.resources-section .section-label span { color:var(--wf-orange) !important; }
.resources-section .section-heading h2 { color:#0a2345 !important; }
.resources-section .section-heading h2 span { color:var(--wf-orange) !important; }
.resources-section .section-intro { color:#243f61 !important; }
.resources-section .resource-list { border-top-color:rgba(255,255,255,.52) !important; }
.resources-section .resource-item {
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:12px !important;
  padding:16px 18px !important;
  margin:0 0 20px !important;
  background:rgba(248,250,253,.70) !important;
  box-shadow:0 12px 30px rgba(8,31,59,.12) !important;
  backdrop-filter:blur(13px);
}
.resources-section .resource-item:hover {
  background:rgba(252,253,255,.84) !important;
  padding-left:18px !important;
  transform:translateY(-2px);
}
.resources-section .resource-number { color:#6484ad !important; }
.resources-section .resource-symbol {
  background:rgba(255,255,255,.54) !important;
  border:1px solid rgba(116,157,198,.34) !important;
  border-radius:8px !important;
}
.resources-section .resource-details h3 { color:#0a2345 !important; }
.resources-section .resource-details p { color:#355171 !important; }
.resources-section .resource-action {
  color:#fff !important; background:#0b294b !important;
  border:1px solid #0b294b !important; border-radius:6px !important;
}
.resources-section .resource-action span { color:var(--wf-orange) !important; }
.resources-section .resource-action:hover { background:#12385f !important; }
.resources-section .free-ppt-list {
  border:1px solid rgba(255,255,255,.68) !important;
  border-radius:10px !important; padding:8px 18px !important;
  margin:-8px 0 22px !important; background:rgba(247,250,253,.76) !important;
  backdrop-filter:blur(12px);
}
.resources-section .free-ppt-row { border-bottom-color:rgba(28,62,98,.14) !important; }
.resources-section .free-ppt-copy h4 { color:#10294b !important; }
.resources-section .free-ppt-copy p { color:#405979 !important; }
.resources-section .free-ppt-download { color:#087fda !important; }
.resources-section .custom-request-panel {
  grid-template-columns:1fr 1.03fr !important;
  gap:26px !important;
  margin-top:20px !important;
  padding:23px !important;
  border:1px solid rgba(255,255,255,.8) !important;
  border-radius:13px !important;
  background:rgba(247,250,253,.73) !important;
  box-shadow:0 16px 36px rgba(7,30,57,.15) !important;
  backdrop-filter:blur(14px);
}
.resources-section .custom-request-icon {
  width:0 !important; height:0 !important; margin:0 !important;
  border:0 !important; background:transparent !important; overflow:hidden;
}
.resources-section .custom-request-intro h3 { color:#0a2345 !important; }
.resources-section .custom-request-intro h3,
.resources-section .custom-request-intro h3 span { color:#0a2345; }
.resources-section .custom-request-intro h3::first-line { color:#0a2345; }
.resources-section .custom-request-intro > p { color:#294665 !important; }
.resources-section .custom-request-tags span {
  color:#163656 !important; background:rgba(255,255,255,.65) !important;
  border:1px solid rgba(100,137,176,.3) !important; border-radius:5px !important;
}
.resources-section .custom-request-note {
  border-left:3px solid var(--wf-orange) !important; padding-left:11px !important;
  color:#3b5572 !important;
}
.resources-section .custom-request-form {
  padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important;
}
.resources-section .request-field { color:#10294b !important; }
.resources-section .request-field input,
.resources-section .request-field textarea {
  color:#193757 !important; background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(104,139,177,.36) !important; border-radius:5px !important;
}
.resources-section .request-field input::placeholder,
.resources-section .request-field textarea::placeholder { color:#7a8da5 !important; }
.resources-section .request-submit {
  color:#fff !important; background:#087fe1 !important; border-radius:5px !important;
  box-shadow:0 5px 13px rgba(8,127,225,.18) !important;
}
.resources-section .request-submit:hover { background:#006fc9 !important; }
.resources-section .request-form-hint,
.resources-section .request-form-status { color:#405979 !important; }
.resources-section .resource-footnote { color:#294665 !important; }

/* Training / Google Form section */
.training-section {
  isolation:isolate;
  overflow:hidden;
  color:#0a2345 !important;
  background-color:#edf2f7 !important;
  background-image:
    linear-gradient(90deg,rgba(247,250,253,.55),rgba(247,250,253,.35)),
    url("form-section-img.png") !important;
  background-size:cover !important;
  background-position:center center !important;
}
.training-heading .section-label { color:#6685ad !important; }
.training-heading .section-label span { color:var(--wf-orange) !important; }
.training-heading h2 { color:#0a2345 !important; }
.training-heading p { color:#294665 !important; }
.training-form-shell {
  padding:10px !important;
  border:1px solid rgba(255,255,255,.85) !important;
  border-radius:13px !important;
  background:rgba(248,250,253,.82) !important;
  box-shadow:0 18px 42px rgba(8,31,59,.17) !important;
  backdrop-filter:blur(12px);
}
.training-google-form { background:#fff !important; border-radius:8px !important; }

/* Footer: deep navy blending into the supplied warehouse image */
.site-footer {
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
  color:#eaf2fb !important;
  background-color:#06172d !important;
  background-image:
    linear-gradient(90deg,rgba(3,20,40,.98) 0%,rgba(3,20,40,.94) 42%,rgba(3,20,40,.46) 68%,rgba(3,20,40,.12) 100%),
    url("footer-section-img.png") !important;
  background-size:cover !important;
  background-position:center 58% !important;
  border-top:1px solid rgba(255,255,255,.15) !important;
  padding:0px clamp(24px,5vw,74px) 0px !important;
}
.site-footer::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  opacity:.55;
  background:radial-gradient(circle at 4% 25%,transparent 0 35px,rgba(255,121,0,.62) 36px 37px,transparent 38px 55px,rgba(255,121,0,.28) 56px 57px,transparent 58px),
             radial-gradient(circle at 97% 70%,transparent 0 30px,rgba(255,121,0,.45) 31px 32px,transparent 33px 52px,rgba(255,121,0,.24) 53px 54px,transparent 55px);
}
.site-footer .footer-main,.site-footer .footer-bottom { max-width:1240px !important; }
.site-footer .footer-main { padding-bottom:4px !important; border-bottom:1px solid rgba(159,190,222,.22); }
.site-footer .footer-brand img {
  width:270px !important; height:60px !important; max-height:60px !important;
  object-fit:contain !important; object-position:left center !important;
}
.site-footer .footer-bottom {
  border-top:0 !important; padding-top:6px !important;
  color:#a9bed5 !important; font-size:12px !important;
}
.site-footer .footer-disclaimer { color:#a9bed5 !important; }
.site-footer .footer-bottom > a {
  color:#fff !important; background:#0a294a !important;
  border:1px solid rgba(76,161,231,.3); border-radius:6px;
  padding:8px 12px; box-shadow:0 5px 14px rgba(0,0,0,.12);
}
.site-footer .footer-bottom > a:hover { color:#fff !important; border-color:var(--wf-orange); }
.back-to-top { background:#09284a !important; border-color:rgba(53,181,255,.5) !important; }

/* Responsive tuning for the reference layouts */
@media (max-width:1050px) {
  .resources-section .custom-request-panel { grid-template-columns:1fr 1fr !important; }
  .site-footer .footer-brand img { width:270px !important; }
}
@media (max-width:760px) {
  .site-header { height:auto !important; min-height:76px !important; padding:5px 16px !important; }
  .header-poster-brand img { width:195px !important; height:52px !important; max-height:52px !important; }
  .header-email { font-size:11px !important; margin:0 0 0 4px !important; }
  .main-nav { background:rgba(248,251,254,.98) !important; border-bottom:1px solid rgba(12,42,76,.14) !important; }
  .main-nav>a { color:#132d4f !important; border-bottom-color:rgba(12,42,76,.1) !important; }
  .hero { height:auto !important; min-height:560px !important; }
  .hero-overlay {
    background:linear-gradient(90deg,rgba(250,252,254,.91),rgba(250,252,254,.66)),linear-gradient(180deg,rgba(250,252,254,.10),rgba(230,239,248,.20)) !important;
  }
  .hero-content { top:47% !important; padding:0 22px !important; }
  .hero h1 { font-size:clamp(32px,7.2vw,45px) !important; max-width:500px !important; }
  .hero-description { max-width:480px !important; }
  .hero-benefits { gap:12px 17px; margin-top:18px; }
  .hero-benefit-icon { flex-basis:25px; width:25px; height:25px; font-size:21px; }
  .hero-benefit strong { font-size:10px; }
  .hero-benefit small { font-size:9px; }
  .hero-corner-note { display:none !important; }
  .scroll-cue { bottom:16px !important; }
  .resources-section .resource-item { grid-template-columns:30px 44px minmax(0,1fr) !important; gap:12px !important; }
  .resources-section .resource-action { grid-column:3 !important; justify-self:start !important; margin-top:8px !important; }
  .resources-section .custom-request-panel { grid-template-columns:1fr !important; padding:18px !important; }
  .resources-section .custom-request-form { padding:0 !important; }
  .training-section { background-position:58% center !important; }
  .site-footer { padding:8px 20px 8px !important; }
  .site-footer .footer-main { flex-direction:column !important; align-items:flex-start !important; gap:8px !important; }
  .site-footer .footer-brand img { width:230px !important; height:78px !important; }
  .site-footer .footer-bottom { grid-template-columns:minmax(0,1fr) auto !important; }
}
@media (max-width:420px) {
  .header-poster-brand img { width:155px !important; height:45px !important; max-height:45px !important; }
  .header-email { font-size:10px !important; }
  .hero { min-height:590px !important; }
  .hero-content { top:45% !important; }
  .hero-benefits { display:grid; grid-template-columns:1fr 1fr; }
  .hero-benefit:last-child { grid-column:1 / -1; }
  .hero-corner-note { display:none !important; }
  .resources-section .resource-item { grid-template-columns:26px minmax(0,1fr) !important; }
  .resources-section .resource-symbol { display:none !important; }
  .resources-section .resource-action { grid-column:2 !important; }
  .site-footer .footer-bottom { grid-template-columns:1fr !important; grid-template-areas:"copyright" "top" "disclaimer" !important; }
  .site-footer .footer-bottom > a { justify-self:start !important; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-benefit,.hero-explore,.resources-section .resource-item { transition:none !important; }
  .header-email,
.header-email:visited {
    color: #ffffff !important;
}

.header-email:hover,
.header-email:focus {
    color: #ff7900 !important;
}
}


/* ABOUT SECTION — match the supplied dark navy reference; keep the same background image */
.about-section {
  padding: 44px clamp(24px, 7vw, 96px) !important;
  color: #f4f7fb !important;
  background-color: #06172d !important;
  background-image:
    linear-gradient(90deg, rgba(3, 17, 34, .78) 0%, rgba(3, 17, 34, .62) 45%, rgba(3, 17, 34, .20) 100%),
    linear-gradient(180deg, rgba(3, 17, 34, .10), rgba(3, 17, 34, .30)),
    url("about-section-img.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  border-bottom: 1px solid rgba(142,180,218,.2) !important;
}
.about-section .section-heading .section-label {
  color: #a9c5e4 !important;
  font-size: 9px !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 12px !important;
}
.about-section .section-heading h2 {
  color: #f5f7fb !important;
  font-size: clamp(27px, 3vw, 39px) !important;
  line-height: 1.16 !important;
  letter-spacing: -1px !important;
  max-width: 820px !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.22) !important;
}
.about-section .section-heading h2 span { color: #ff7900 !important; }
.about-section .about-layout {
  grid-template-columns: minmax(250px, .82fr) minmax(0, 1.18fr) !important;
  gap: clamp(22px, 3.2vw, 42px) !important;
  align-items: center !important;
  margin-top: 18px !important;
}
.about-section .about-statement {
  position: relative !important;
  min-height: 0 !important;
  height: 116px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(182,211,239,.42) !important;
  border-radius: 7px !important;
  background: #071a30 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.22) !important;
  backdrop-filter: none !important;
}
.about-section .statement-mark {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.about-section .statement-mark img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 52% !important;
  opacity: .96 !important;
}
.about-section .about-statement::before {
  content: "" !important;
  position: absolute !important;
  inset: 25% 0 0 !important;
  z-index: 1 !important;
  height: auto !important;
  background: linear-gradient(0deg, rgba(2,12,25,.96) 0%, rgba(2,12,25,.70) 48%, transparent 100%) !important;
  pointer-events: none !important;
}
.about-section .about-statement::after {
  width: 115px !important;
  height: 115px !important;
  right: -55px !important;
  bottom: -68px !important;
  z-index: 2 !important;
  border-color: rgba(255,121,0,.6) !important;
  box-shadow: 0 0 0 18px rgba(255,121,0,.035), 0 0 0 36px rgba(255,121,0,.025) !important;
}
.about-section .about-statement p {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;
  margin: 0 !important;
  padding: 9px 12px 10px !important;
  max-width: 100% !important;
  color: #f6f8fb !important;
  font: 700 clamp(12px, 1.15vw, 15px)/1.3 var(--display) !important;
}
.about-section .about-statement p span { color: #ff7900 !important; }
.about-section .about-copy { position: relative !important; z-index: 1 !important; }
.about-section .about-copy p {
  color: #e0eaf5 !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  margin: 0 0 10px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.25) !important;
}
.about-section .inline-link {
  color: #35b5ff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  margin-top: 2px !important;
}
.about-section .inline-link span { color: #ff7900 !important; }
@media (max-width: 760px) {
  .about-section {
    padding: 38px 22px !important;
    background-image:
      linear-gradient(90deg, rgba(3,17,34,.78), rgba(3,17,34,.58)),
      linear-gradient(180deg, rgba(3,17,34,.10), rgba(3,17,34,.32)),
      url("about-section-img.png") !important;
    background-position: 58% center !important;
  }
  .about-section .section-heading h2 { font-size: clamp(27px, 7vw, 36px) !important; }
  .about-section .about-layout { grid-template-columns: 1fr !important; gap: 18px !important; margin-top: 18px !important; }
  .about-section .about-statement { height: 150px !important; max-width: 100% !important; }
  .about-section .about-copy p { font-size: 13px !important; }
}


/* About section final tuning: increase content height and restore photo card/text wrapping.
   The existing section background image and its overlay are intentionally unchanged. */
.about-section {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.about-section .about-layout {
  margin-top: 24px !important;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr) !important;
  gap: clamp(28px, 4vw, 52px) !important;
  align-items: center !important;
}
.about-section .about-statement {
  height: 178px !important;
  min-height: 178px !important;
}
.about-section .statement-mark {
  height: 100% !important;
}
.about-section .statement-mark img {
  object-fit: cover !important;
  object-position: center 52% !important;
}
.about-section .about-statement::before {
  inset: 42% 0 0 !important;
  background: linear-gradient(0deg, rgba(2,12,25,.96) 0%, rgba(2,12,25,.66) 55%, transparent 100%) !important;
}
.about-section .about-statement p {
  padding: 12px 13px 11px !important;
  font-size: clamp(13px, 1.2vw, 16px) !important;
  line-height: 1.35 !important;
}
.about-section .about-copy {
  max-width: 560px !important;
}
.about-section .about-copy p {
  font-size: 12px !important;
  line-height: 1.65 !important;
  margin-bottom: 12px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.25) !important;
}
.about-section .inline-link {
  font-size: 12px !important;
  margin-top: 2px !important;
}
@media (max-width: 760px) {
  .about-section { padding-top: 38px !important; padding-bottom: 38px !important; }
  .about-section .about-layout { grid-template-columns: 1fr !important; gap: 18px !important; }
  .about-section .about-statement { height: 178px !important; min-height: 178px !important; }
  .about-section .about-copy { max-width: none !important; }
  .about-section .about-copy p { font-size: 13px !important; }
}

/* Free download rows: match the light frosted-glass resource card */
.resources-section .free-ppt-list {
  background: rgba(248, 250, 253, .62) !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 30px rgba(8, 31, 59, .10) !important;
  backdrop-filter: blur(16px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
  padding: 8px 14px 16px !important;
  margin: -8px 0 22px !important;
}
.resources-section .free-ppt-row {
  background: rgba(248, 250, 253, .72) !important;
  border: 1px solid rgba(255, 255, 255, .82) !important;
  border-radius: 8px !important;
  box-shadow: 0 5px 16px rgba(8, 31, 59, .08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  padding: 14px 12px !important;
}
.resources-section .free-ppt-file-icon {
  background: rgba(255, 255, 255, .68) !important;
  border-color: rgba(116, 157, 198, .38) !important;
  color: #087fda !important;
}
.resources-section .free-ppt-copy h4 {
  color: #0a2345 !important;
}
.resources-section .free-ppt-copy p {
  color: #355171 !important;
}
.resources-section .free-ppt-download {
  color: #ffffff !important;
  background: #0b294b !important;
  border: 1px solid #0b294b !important;
  border-radius: 6px !important;
}
.resources-section .free-ppt-download span {
  color: #ff7900 !important;
}
.resources-section .free-ppt-download:hover {
  background: #12385f !important;
  border-color: #ff7900 !important;
}
@media (max-width: 760px) {
  .resources-section .free-ppt-list { padding: 7px 8px 14px !important; }
  .resources-section .free-ppt-row { padding: 13px 10px !important; }
}

/* About section: fill the visible space and give the warehouse card more height.
   The existing About background image and overlay are intentionally untouched. */
@media (min-width: 761px) {
  .about-section {
    min-height: calc(100vh - 100px) !important;
    padding-top: 48px !important;
    padding-bottom: 58px !important;
  }
  .about-section .about-statement {
    height: 220px !important;
    min-height: 220px !important;
  }
  .about-section .statement-mark {
    height: 100% !important;
  }
}
@media (max-width: 760px) {
  .about-section {
    min-height: 0 !important;
  }
  .about-section .about-statement {
    height: 205px !important;
    min-height: 205px !important;
  }
  .about-section .statement-mark {
    height: 100% !important;
  }
}
/* Hide header while scrolling down; reveal when scrolling up */

.site-header {
  transition: transform 0.3s ease-in-out !important;
}

.site-header.site-header--hidden {
  transform: translateY(-110%) !important;
}



@media (prefers-reduced-motion: reduce) {
  .site-header {
    transition: none !important;
  }
}


/* WMForge video marquee: two full-width, independent continuous belts. */
.videos-section #videoGrid.video-grid {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
.videos-section .video-marquee-row {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  isolation: isolate;
}
.videos-section .video-marquee-track {
  display: flex;
  align-items: stretch;
  width: max-content;
  max-width: none;
  gap: 0;
  will-change: transform;
  animation: wmforge-marquee-left 64s linear infinite;
}
.videos-section .video-marquee-row-2 .video-marquee-track {
  animation-name: wmforge-marquee-right;
  animation-duration: 68s;
}
.videos-section .video-marquee-group {
  display: flex;
  flex: 0 0 auto;
  align-items: stretch;
  gap: 15px;
  width: max-content;
  padding-right: 15px;
}
.videos-section .video-marquee-track > .video-marquee-group > .video-card {
  flex: 0 0 clamp(200px, 18vw, 240px);
  width: clamp(200px, 18vw, 240px);
  max-width: none;
  opacity: 1;
}
.videos-section .video-marquee-row:hover .video-marquee-track,
.videos-section .video-marquee-row:focus-within .video-marquee-track {
  animation-play-state: paused;
}
.videos-section .video-card[hidden] { display: none !important; }
.videos-section .video-card-clone { pointer-events: auto; }
@keyframes wmforge-marquee-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes wmforge-marquee-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}
/* Search/filter mode shows the original matching cards in a normal grid. */
.videos-section #videoGrid.video-grid.video-grid--filtered {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  gap: 15px;
  overflow: visible;
}
.videos-section .video-grid--filtered .video-marquee-row,
.videos-section .video-grid--filtered .video-marquee-track,
.videos-section .video-grid--filtered .video-marquee-group {
  display: contents;
  animation: none !important;
  transform: none !important;
}
.videos-section .video-grid--filtered .video-card-clone { display: none !important; }
.videos-section .video-grid--filtered .video-card:not(.video-card-clone) {
  width: auto;
  max-width: 100%;
  min-width: 0;
  flex: initial;
  opacity: 1;
}
@media (max-width: 1050px) {
  .videos-section #videoGrid.video-grid.video-grid--filtered { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .videos-section .video-marquee-track > .video-marquee-group > .video-card { flex-basis: 220px; width: 220px; }
}
@media (max-width: 760px) {
  .videos-section #videoGrid.video-grid.video-grid--filtered { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .videos-section .video-marquee-track > .video-marquee-group > .video-card { flex-basis: 210px; width: 210px; }
}
@media (max-width: 600px) {
  .videos-section #videoGrid.video-grid.video-grid--filtered { grid-template-columns: 1fr; }
  .videos-section .video-marquee-track > .video-marquee-group > .video-card { flex-basis: min(78vw, 290px); width: min(78vw, 290px); }
  .videos-section #videoGrid.video-grid { gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .videos-section .video-marquee-track { animation: none !important; transform: none !important; }
  .videos-section #videoGrid.video-grid:not(.video-grid--filtered) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
  .videos-section #videoGrid.video-grid:not(.video-grid--filtered) .video-marquee-row,
  .videos-section #videoGrid.video-grid:not(.video-grid--filtered) .video-marquee-track,
  .videos-section #videoGrid.video-grid:not(.video-grid--filtered) .video-marquee-group { display: contents; }
  .videos-section #videoGrid.video-grid:not(.video-grid--filtered) .video-card-clone { display: none !important; }
  .videos-section #videoGrid.video-grid:not(.video-grid--filtered) .video-card:not(.video-card-clone) { width: auto; flex: initial; }

}

/* Full-width moving video rows only — keep heading and toolbar unchanged */
@media (min-width: 761px) {
  .videos-section #videoGrid.video-grid:not(.video-grid--filtered) {
    width: calc(100% + clamp(48px, 14vw, 212px));
    max-width: none;
    margin-left: calc(0px - clamp(24px, 7vw, 106px));
  }
}

@media (max-width: 760px) {
  .videos-section #videoGrid.video-grid:not(.video-grid--filtered) {
    width: calc(100% + 44px);
    max-width: none;
    margin-left: -22px;
  }
}

@media (max-width: 600px) {
  .videos-section #videoGrid.video-grid:not(.video-grid--filtered) {
    width: calc(100% + 34px);
    margin-left: -17px;
  }
}

/* Learning Resources — improve background and text visibility */
.resources-section {
  position: relative;
  isolation: isolate;
  background-color: #eaf1f8;
}

.resources-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.72) 0%,
    rgba(255, 255, 255, 0.58) 55%,
    rgba(255, 255, 255, 0.38) 100%
  );
  pointer-events: none;
}

/* Keep resource content above the overlay */
.resources-section > * {
  position: relative;
}

/* Make the resource card easier to read */
.resources-section .resource-card {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}