@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Sans:wght@400;450;500;600&display=swap');
/* The marketing surface is deliberately separate from the familiar editor chrome. */
body{background:#f5f7fa;font-family:'IBM Plex Sans',sans-serif;color:#17263c}main{max-width:none}.nav{margin:0;padding:0 4.5%;height:83px;border:0;background:#f5f7fa}.nav .brand{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:26px;letter-spacing:-1.3px}.nav .tag{display:none}.nav nav{gap:35px;font-size:13px}.nav nav a:last-child{color:#50617a}.hero{min-height:760px;height:calc(100svh - 83px);max-height:1080px;padding:64px 5% 50px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden;background:#1232a3;color:#fff}.hero::before{content:'';position:absolute;inset:-2%;z-index:-2;background-image:var(--hero-art);background-size:cover;background-position:50% 50%;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.025);transition:transform 1.4s cubic-bezier(.2,.65,.2,1)}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,20,61,.43),rgba(5,20,61,.03) 80%)}.hero>.eyebrow,.hero .margin-note{display:none}.hero h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(110px,15.7vw,245px);font-weight:600;line-height:.79;letter-spacing:-.025em;text-transform:uppercase;margin:20px 0 50px;max-width:820px;color:#fff}.hero h1 span{color:inherit;display:block;margin-left:13vw}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;width:100%;max-width:none}.hero-bottom p{font-family:'IBM Plex Sans',sans-serif;font-size:18px;line-height:1.5;max-width:390px;color:#fff;margin:0}.hero-bottom .button{padding:17px 26px;color:#17263c;background:#f5f7fa;font-family:'IBM Plex Sans',sans-serif;font-weight:500;font-size:14px;gap:45px}.hero-bottom .button span{font-size:19px}.hero-context{position:absolute;right:5%;top:70px;font:14px/1.5 'IBM Plex Sans',sans-serif;color:#e6edff;max-width:185px}.demo-section{padding:105px 4.5% 35px;max-width:1740px;margin:auto}.section-label{border:0;padding:0;margin-bottom:35px;align-items:flex-end;font-family:'IBM Plex Sans',sans-serif;letter-spacing:0;text-transform:none;color:#17263c}.section-label span:first-child{font:500 clamp(36px,4.7vw,70px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.02em}.section-label span:last-child{font:12px/1.5 'IBM Plex Sans',sans-serif;max-width:195px;color:#65758a;text-align:right}.demo-section #film-stage{background:#e7edf5;border:0;padding:22px}.demo-section .editor{box-shadow:0 18px 40px #17263c14}.scene-caption{padding:25px 8px 10px}.scene-caption>span:first-child{display:none}.scene-caption h2{font-family:'IBM Plex Sans',sans-serif;font-size:23px;letter-spacing:-.6px}.scene-caption p{font-family:'IBM Plex Sans',sans-serif}.film-disclosure{font-family:'IBM Plex Sans',sans-serif;letter-spacing:0}.playback{padding:25px 0 16px}.chapters{gap:6px}.chapters button{border:0;padding:15px 12px;background:transparent;color:#697e9c;font-family:'IBM Plex Sans',sans-serif;font-size:11px}.chapters button span{font-family:'IBM Plex Sans',sans-serif;font-size:13px;margin-left:10px}.chapters button.active{background:#e7edf5;color:#2855d9}.chapters button.active span{color:#17263c}.demo-note{font-family:'IBM Plex Sans',sans-serif;font-size:12px;line-height:1.7;max-width:800px;color:#64758d}.principle{border:0;margin:75px auto 120px;padding:0 8%;max-width:1600px;grid-template-columns:1.1fr 1fr;gap:70px}.principle>.eyebrow{display:none}.principle h2{font:500 clamp(48px,5.8vw,86px)/.98 'Barlow Condensed',sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:0}.principle>div{max-width:430px;padding-top:7px}.principle p:not(.eyebrow){font-size:16px;line-height:1.8}.principle a,.notes a{font-size:13px;border:0;color:#2855d9}.film-section{padding:75px 8%;background:#e7edf5}.film-section>.demo-note:first-child{display:none}.film-section video{max-width:1200px;margin:auto}.film-section>.demo-note:last-child{margin:18px auto 0;text-align:center}.film-section .section-label{max-width:1200px;margin:0 auto 35px}.identity{max-width:1600px;margin:0 auto;padding:100px 8% 60px}.identity .section-label{margin-bottom:50px}.identity-grid{gap:70px}.identity-grid>div{border:0;padding:0;background:transparent}.identity-grid .eyebrow{font:12px 'IBM Plex Sans',sans-serif;letter-spacing:0;color:#65758a;text-transform:none}.unified-lockup{justify-content:flex-start;height:245px}.unified-lockup strong{font-family:'IBM Plex Sans',sans-serif;font-weight:600;letter-spacing:-2px}.logo-stage{height:204px}.motion-replay{border:0;background:#e7edf5;color:#17263c;padding:11px 18px;font:12px 'IBM Plex Sans',sans-serif}.identity-grid p:last-child{font-size:13px}.brand-strip{padding:45px 0 20px}.swatches span:before{height:38px;border:0}.swatches{gap:15px;font-family:'IBM Plex Sans',sans-serif}.notes{background:#17263c;color:#f5f7fa;padding:85px 8%;grid-template-columns:1fr 1fr;gap:80px}.notes h2{font:500 66px/.98 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-1px;max-width:410px}.notes p{font-size:14px;color:#b9c6da}.notes a{color:#c1d3ff}footer{padding:32px 4.5%;background:#f5f7fa}footer .brand{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:24px}footer>span{font:11px 'IBM Plex Sans',sans-serif}footer .footer-turn{margin-left:14px}body.film .film-heading{font-family:'IBM Plex Sans',sans-serif}body.film .demo-section{max-width:none;padding:0}body.film .demo-section #film-stage{padding:65px 90px}body.film .scene-caption>span:first-child{display:block}body.film .scene-caption h2{font-size:31px}body.film .scene-caption p{font-size:20px}
@media(max-width:1000px){.hero{min-height:660px}.hero h1{font-size:19vw;margin-top:45px}.hero-context{top:45px}.hero-bottom p{font-size:16px}.principle{gap:45px}.identity-grid{gap:35px}.unified-lockup strong{font-size:39px}.unified-lockup svg{width:50px;height:50px}.notes{gap:35px}.notes h2{font-size:55px}}
@media(max-width:760px){.nav{height:72px;padding:0 6%}.nav nav a:first-child{font-size:12px}.hero{min-height:680px;height:calc(100svh - 72px);max-height:850px;padding:70px 6% 35px}.hero::before{background-position:64% center}.hero::after{background:rgba(5,20,61,.3)}.hero h1{font-size:30vw;line-height:.85;margin:30px 0 50px}.hero h1 span{margin-left:0}.hero-context{top:22px;left:6%;right:auto;font-size:12px;max-width:260px}.hero-context br{display:none}.hero-bottom{display:block}.hero-bottom p{max-width:290px;font-size:15px}.hero-bottom .button{display:inline-flex;margin-top:26px;padding:15px 20px;gap:35px}.demo-section{padding:60px 4% 20px}.section-label{display:block;margin-bottom:25px}.section-label span:first-child{display:block;font-size:43px}.section-label span:last-child{display:block;text-align:left;margin-top:14px;max-width:280px;font-size:11px}.demo-section #film-stage{padding:8px}.scene-caption{padding:20px 7px 10px}.scene-caption h2{font-size:20px}.chapters button{padding:12px 4px}.chapters button span{margin:7px 0 0;font-size:11px}.principle{display:block;margin:45px 0 65px;padding:0 7%}.principle h2{font-size:57px;margin-bottom:25px}.principle>div{padding:0}.principle p:not(.eyebrow){font-size:14px}.film-section{padding:45px 5%}.identity{padding:65px 7% 40px}.identity-grid{gap:30px}.unified-lockup{height:165px}.unified-lockup strong{font-size:42px}.identity-grid>div:last-child{margin-top:10px}.brand-strip{padding-top:25px}.notes{padding:55px 7%;grid-template-columns:1fr;gap:15px}.notes h2{font-size:54px}.notes p{font-size:13px}footer{padding:30px 7%}footer>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero::before{transform:none!important;transition:none!important}}