:root{font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#102b43;background:#f6f9fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #1fbdb3;outline-offset:3px}.wrap{max-width:1180px;margin:auto;padding:0 28px}.site-header{background:#071d37;color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:16px;padding-bottom:16px}.brand{display:inline-flex;flex-shrink:0;background:#fff;border:2px solid #7ee1da;border-radius:8px;padding:8px 10px;box-shadow:0 0 0 3px #7ee1da33}.brand img{display:block;width:205px;height:auto}.nav-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.nav-links a{text-decoration:none;font-size:.93rem;font-weight:650}.nav-links a:hover,.nav-links a[aria-current=page]{color:#73e4da}.nav-links .admin{border:1px solid #50d8cd;border-radius:5px;padding:9px 12px}.menu-toggle{display:none}.hero{background:#071d37;color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:0;top:50%;width:clamp(400px,52vw,650px);aspect-ratio:1;transform:translate(50%,-50%);background:url("assets/mtg-orbital-banner.svg") center/contain no-repeat;opacity:.15;pointer-events:none}.hero .wrap{position:relative;z-index:1;padding-top:88px;padding-bottom:98px}.hero.compact .wrap{padding-top:68px;padding-bottom:72px}.eyebrow{font-size:.82rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#008e87}.hero .eyebrow,.dark .eyebrow{color:#4fd7ca}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5.7vw,5rem);max-width:850px;margin:16px 0 22px}h2{font-size:clamp(2rem,3.5vw,3rem);margin:10px 0 16px}h3{font-size:1.3rem;margin:0 0 12px}.hero p{font-size:1.2rem;color:#d4e5ed;max-width:720px;margin:0}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#28c8bb;color:#082840;border:0;border-radius:5px;padding:13px 21px;font:inherit;font-weight:800;cursor:pointer}.button:hover{background:#73e4da}.button.outline{background:transparent;color:#fff;border:1px solid #83a6b5}.button.outline:hover{background:#173a55}.section{padding:78px 0}.intro{max-width:780px;font-size:1.13rem;color:#476176;margin:0 0 32px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid #dbe5eb;border-radius:8px;padding:29px;box-shadow:0 8px 30px #071d3709}.card p,.prose p,.step p{color:#4b6173}.card p{margin:0}.card .tag{display:block;color:#008e87;font-size:.82rem;font-weight:800;letter-spacing:.07em;margin-bottom:13px}.card a{color:#006e70;font-weight:750}.band{background:#eaf4f5}.dark{background:#082945;color:#fff}.dark p{color:#d4e5ed}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}.step{border-top:3px solid #12a99e;padding-top:16px}.step strong{font-size:1.14rem}.step p{margin:8px 0 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.list{padding-left:22px;color:#476176}.list li{padding:5px 0}.dark .list{color:#d4e5ed}.strip{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.strip h2{margin:0}.detail{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:25px 0;border-top:1px solid #d7e3ea}.detail:first-of-type{margin-top:25px}.detail h3{margin:0}.detail p{margin:0 0 12px;color:#476176}.detail ul{margin:0;padding-left:20px;color:#476176}.quote{border-left:4px solid #20b8ac;padding:8px 0 8px 22px;font-size:1.15rem;color:#28506a}.footer{background:#06172b;color:#b4c7d1;padding:27px 0;font-size:.9rem}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#d5eaed}.contact-link{font-size:1.2rem;font-weight:750;color:#006e70;overflow-wrap:anywhere}.dark .contact-link{color:#76e5db}.note{font-size:.94rem;color:#526a7d}.kicker{font-weight:800;color:#068c84}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flow div{border-left:3px solid #16a99e;padding:10px 18px;background:#fff}.flow b{display:block}.flow span{color:#476176}.skip{position:absolute;left:-9999px}.skip:focus{left:14px;top:14px;z-index:10;background:#fff;color:#071d37;padding:10px}
.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.industry-card{background:#fff;border:1px solid #dbe5eb;border-radius:8px;overflow:hidden}.industry-card img{display:block;width:100%;height:210px;object-fit:cover}.industry-card .copy{padding:23px}.industry-card h3{margin:0 0 8px}.industry-card p{color:#4b6173;margin:0}.sector-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.sector-list span{background:#fff;border:1px solid #c8dddf;border-radius:100px;padding:7px 14px;font-size:.92rem;font-weight:650}.credits{font-size:.83rem;color:#526a7d;margin:18px 0 0}.credits a{color:#006e70}
@media(max-width:900px){.nav{align-items:flex-start}.brand img{width:165px}.nav-links{gap:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.two{gap:30px}.flow{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.wrap{padding:0 20px}.nav{align-items:center;flex-wrap:wrap}.menu-toggle{display:block;border:1px solid #78dcd5;background:transparent;color:#fff;padding:9px 14px;border-radius:5px;font:inherit}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;padding:12px 0}.nav-links.open{display:flex}.nav-links a{padding:9px 0}.hero .wrap{padding-top:67px;padding-bottom:76px}.hero.compact .wrap{padding-top:55px;padding-bottom:62px}.section{padding:57px 0}.grid,.steps,.two,.detail,.industry-grid{grid-template-columns:1fr}.detail{gap:10px}.card{padding:24px}.industry-card img{height:230px}}

.learning-player{border-radius:12px;overflow:hidden;background:#071d37;box-shadow:0 12px 38px #071d3718}.learning-player video{display:block;width:100%;height:auto;aspect-ratio:8/5}.learning-actions{align-items:center;margin-top:20px}.learning-topics{margin-top:40px}.chapter-links{display:flex;flex-wrap:wrap;gap:10px}.chapter-links button{font:inherit;font-size:.92rem;font-weight:650;color:#075e63;border:1px solid #a8d3d3;border-radius:6px;background:#fff;padding:10px 15px;cursor:pointer}.chapter-links button:hover{background:#e3f5f3;border-color:#008e87}.learning-preview{display:block;overflow:hidden;border-radius:10px;line-height:0;box-shadow:0 8px 28px #071d3715}.learning-preview img{display:block;width:100%;height:auto}.learning-breadcrumb{padding-top:24px}.learning-breadcrumb a{color:#006e70;font-weight:700}

.primer-cover{max-width:340px;margin:0 auto}.primer-cover img{display:block;width:100%;height:auto;border:1px solid #dbe5eb;border-radius:7px;box-shadow:0 12px 32px #071d3718}

/* The approved cinematic introduction leads the homepage. */
.cinematic-feature{background:radial-gradient(ellipse at 70% 0%,#123f5c 0,transparent 65%),#06172b;color:#fff;padding:48px 0 52px;scroll-margin-top:20px;border-bottom:1px solid #217c82}
.cinematic-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr);gap:36px;align-items:center}
.cinematic-art img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #71cfc765;box-shadow:0 16px 40px #0005}
.cinematic-feature .eyebrow{color:#73e4da}.cinematic-feature h2{font-size:clamp(2rem,3.6vw,3.2rem);margin:12px 0 16px}.cinematic-intro{color:#d4e5ed;font-size:1.05rem;max-width:670px;margin:0 0 22px}
.cinematic-player{display:flex;justify-content:center;background:#020a14;border:1px solid #49838e;border-radius:10px;overflow:hidden}.cinematic-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.cinematic-player.is-portrait video{width:auto;max-width:100%;height:min(70svh,700px);aspect-ratio:9/16}
.cinematic-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px}.cinematic-toolbar>a,.cinematic-services{color:#a8eee8;font-size:.92rem;font-weight:650}.cinematic-formats{display:flex;gap:6px;flex-wrap:wrap}.cinematic-formats button{font:inherit;font-size:.85rem;color:#d4e5ed;background:#102d43;border:1px solid #4c7987;border-radius:5px;padding:9px 12px;cursor:pointer;min-height:44px}.cinematic-formats button[aria-pressed=true]{background:#a8eee8;color:#082840;border-color:#a8eee8;font-weight:750}.cinematic-formats button:hover{border-color:#a8eee8}.cinematic-note{font-size:.78rem;color:#aabecb;margin:12px 0 0}.cinematic-feature .actions{align-items:center;margin-top:22px}
.cinematic-learning-banner{padding:25px 0;background:#0a2d47;color:#fff}.cinematic-learning-banner .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.cinematic-learning-banner strong{display:block;font-size:1.15rem}.cinematic-learning-banner span{color:#d4e5ed}
@media(max-width:900px){.cinematic-layout{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:24px}}
@media(max-width:680px){.cinematic-feature{padding:32px 0 40px}.cinematic-layout{grid-template-columns:1fr}.cinematic-art{display:none}.cinematic-feature h2{font-size:2.3rem}.cinematic-toolbar{gap:12px}.cinematic-intro{font-size:1rem}.cinematic-note{line-height:1.5}}

/* Western roots flowing into a digital future: home page only. */
.western-digital-banner{position:relative;background:#071f38;line-height:0;overflow:hidden}.western-digital-banner img{display:block;width:100%;height:auto}.western-digital-banner:after{content:"";position:absolute;inset:auto 0 0;height:12%;background:linear-gradient(transparent,#071f38);pointer-events:none}.hero.digital-hero{background:#071f38}.digital-hero:after{display:none}.digital-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.4}.digital-hero .wrap{background:linear-gradient(90deg,#071f38f0 0%,#071f38c7 65%,#071f3840);padding-top:60px}.rain-toggle{position:absolute;right:20px;bottom:16px;z-index:2;color:#d4e5ed;background:#071f38;border:1px solid #476176;border-radius:5px;padding:7px 12px;cursor:pointer;font:inherit;font-size:.78rem}.rain-toggle[hidden]{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The Western landscape dissolves into a continuous field of live digits. */
.western-digital-stage{position:relative;isolation:isolate;overflow:hidden;background:#071f38}
.western-digital-stage .western-digital-banner{z-index:0}
.western-digital-stage .western-digital-banner:after{height:32%;background:linear-gradient(transparent,#071f38)}
.digital-rain-bridge{height:clamp(100px,11vw,165px);background:#071f38}
.western-digital-stage .digital-rain{inset:auto 0 auto;width:100%;z-index:1;opacity:.9;mask-image:linear-gradient(transparent,#000 140px);-webkit-mask-image:linear-gradient(transparent,#000 140px)}
.western-digital-stage .digital-hero{background:transparent;overflow:visible}
.western-digital-stage .digital-hero .wrap{z-index:2;background:linear-gradient(90deg,#071f38ef 0%,#071f38df 48%,#071f3899 74%,transparent);padding-top:40px;padding-bottom:100px}
.western-digital-stage .rain-toggle{z-index:3;background:#071f38e8;border-color:#72b5bd;color:#e1f6f4}
@media(max-width:680px){.western-digital-stage .digital-rain{mask-image:linear-gradient(transparent,#000 65px);-webkit-mask-image:linear-gradient(transparent,#000 65px)}.western-digital-stage .digital-hero .wrap{background:#071f38d9;padding-top:28px;padding-bottom:88px}}