@font-face{font-family:Plex;src:url('fonts/ibm-plex-sans-latin-400-normal.woff2');font-display:swap;font-weight:400}@font-face{font-family:Plex;src:url('fonts/ibm-plex-sans-latin-500-normal.woff2');font-display:swap;font-weight:500}@font-face{font-family:PlexSerif;src:url('fonts/ibm-plex-serif-latin-300-italic.woff2');font-display:swap;font-weight:300;font-style:italic}@font-face{font-family:PlexMono;src:url('fonts/ibm-plex-mono-latin-400-normal.woff2');font-display:swap}
:root{--bg:#0e1c2f;--navy:#0e1c2f;--navy2:#13253b;--panel:#1a3049;--panel2:#203c55;--paper:#f4f1ea;--ink:#f4f1ea;--muted:#b3c2d1;--green:#7dd49a;--greend:#14342b;--line:#3c526b;--red:#f0a6a1;--amber:#deb77a;--orange:#e5ac82;--sans:Plex,Arial,sans-serif;--mono:PlexMono,monospace;--serif:PlexSerif,Georgia,serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:#0e1c2f;color:var(--paper);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}html{scroll-padding-top:25px}.site-header{max-width:1440px;margin:auto;padding:24px 48px;min-height:104px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #66809a44}.site-brand{display:block;flex-shrink:0}.site-brand img{display:block;width:270px;height:auto}.site-nav{margin-left:auto;display:flex;gap:24px}.site-header a,.site-mobile a{text-decoration:none;font-size:14px;white-space:nowrap}.site-nav a{color:#b8c7d4;padding:10px 0;border-bottom:1px solid transparent}.site-nav a[aria-current=page]{color:#f4f1ea;border-color:#7dd49a}.site-header a:hover,.site-mobile a:hover{color:var(--green)}.site-signin{margin-left:8px}.site-menu{display:none;background:none;color:#f4f1ea;border:1px solid #566e87;border-radius:6px;padding:9px 12px;font-size:14px}.site-mobile{padding:16px 25px;background:#14283f;border-bottom:1px solid #52688166}.site-mobile a{display:block;padding:12px}.site-mobile a[aria-current=page]{color:var(--green)}.site-skip{position:absolute;left:12px;top:-100px;padding:12px;background:var(--green);color:#0e1c2f;z-index:100000}.site-skip:focus{top:10px}.site-footer{max-width:1344px;margin:60px auto 0;padding:36px 48px;border-top:1px solid #52688166}.site-footer>div{display:flex;align-items:center;justify-content:space-between;gap:32px}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap}.site-footer a{font-size:14px;text-decoration:none}.site-footer>p{color:var(--muted);font-size:13px;line-height:1.7;margin:30px 0 18px}.site-footer>small{font:12px var(--mono);color:#8fa5bb}.site-eyebrow{font:13px var(--mono);color:var(--green);letter-spacing:.04em}.product-intro{max-width:1344px;padding:42px 48px 30px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:50px}.product-intro h1{font:400 clamp(36px,3.6vw,52px)/1.13 var(--sans);letter-spacing:-.045em;margin:15px 0}.product-intro h1 em{font:300 1em/1.13 var(--serif);color:var(--paper)}.product-intro p{font:16px/1.7 var(--sans);color:var(--muted);max-width:650px;margin:18px 0 0}.edition{flex-shrink:0;padding:23px 28px;border:1px solid #66809a55;border-radius:12px;background:linear-gradient(145deg,#25405988,#14283f44);max-width:320px}.edition span{display:block;font:12px var(--mono);color:#b3c2d1;margin-bottom:10px}.edition strong{display:block;font-size:16px;font-weight:400}.edition small{display:block;color:#a6bbcd;font-size:12px;margin-top:10px}.edition a{display:block;font-size:14px;margin-top:12px;color:var(--green);text-decoration:none}.next-step{max-width:1248px;margin:48px auto;padding:28px;border:1px solid #52688166;border-radius:12px;display:flex;gap:30px;align-items:center}.next-step>span{color:#aabdd0;margin-right:auto;font:12px var(--mono)}.next-step a{font-size:15px;text-decoration:none;color:var(--green)}
@media(max-width:1200px){.site-header{padding-inline:30px;gap:18px}.site-brand img{width:235px}.site-nav{gap:16px}.site-header a{font-size:13px}.site-signin{margin-left:0}.product-intro{gap:28px}}
@media(max-width:1000px){.site-nav,.site-signin{display:none}.site-menu{display:block;margin-left:auto}.site-header{min-height:88px;padding:20px 28px}.product-intro{padding-inline:28px;align-items:flex-start}.site-footer{padding-inline:28px}.site-footer>div{align-items:flex-start;flex-direction:column}.next-step{margin-inline:28px}}
@media(max-width:650px){.site-brand img{width:220px;max-width:55vw}.site-header{padding:18px 20px;gap:16px}.product-intro{display:block;padding:30px 20px 22px}.product-intro h1{font-size:36px}.product-intro p{font-size:15px}.edition{margin-top:24px;max-width:none;padding:17px 20px}.edition span{font-size:12px}.site-footer{padding:30px 20px}.site-footer nav{gap:14px}.next-step{margin:30px 20px;padding:22px;align-items:flex-start;flex-direction:column;gap:14px}.next-step>span{margin:0}.site-eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Shared navigation, scoped to the new shell. Original product behavior is unchanged. */
:root{--site-nav-height:80px}
html{scroll-padding-top:100px!important}
html body .site-navigation{position:sticky;top:0;z-index:1000;background:#0e1c2ff7;border-bottom:1px solid #7896af3a;box-shadow:0 4px 20px #050d1a12;backdrop-filter:blur(18px);color:#e8eee9;font-family:var(--sans)}
html body .site-navigation[data-site-navigation] header.site-header{height:80px;min-height:80px;max-width:1440px;padding:14px 40px!important;border:0!important;display:flex;align-items:center;gap:25px;position:relative!important;background:transparent!important;overflow:visible}
html body .site-navigation[data-site-navigation] header.site-header .site-brand{flex:0 1 auto;width:auto;min-width:0;max-width:none;margin:0}
html body .site-navigation[data-site-navigation] header.site-header .site-brand img{width:242px;max-width:100%;max-height:none;height:auto}
html body .site-navigation[data-site-navigation] header.site-header .site-nav{margin-left:auto;display:flex!important;align-items:center;gap:23px}
html body .site-navigation .site-nav a{font:400 14px/1.5 var(--sans);padding:12px 0;text-decoration:none;white-space:nowrap;color:#bfd0dc;min-height:44px;border-bottom:1px solid transparent}
html body .site-navigation .site-nav a[aria-current=page]{color:#e6f3ea;border-color:#9cdbba}
html body .site-navigation .site-nav a:hover{color:#b3e8cd}
html body .site-navigation[data-site-navigation] header.site-header .site-signin{display:inline-flex!important;align-items:center;gap:12px;margin:0 0 0 1px;padding:11px 15px;border:1px solid #8db3b25c;border-radius:6px;min-height:44px;font:400 13px/1.5 var(--sans);text-decoration:none;color:#cae6dc;white-space:nowrap}
html body .site-navigation .site-signin:hover{background:#31554f35;border-color:#93c8b5}
.site-navigation .site-explore{position:static;margin:0;padding:0;border:0}
.site-navigation .site-explore>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:11px 2px;color:#c2d5df;font:400 14px/1.5 var(--sans);cursor:pointer;white-space:nowrap;border:0;background:none}
.site-navigation .site-explore>summary::-webkit-details-marker{display:none}
.site-navigation .site-chevron{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .16s}
.site-navigation .site-explore[open]>summary .site-chevron{transform:rotate(225deg) translate(-2px,-1px)}
.site-navigation .site-explore[open]>summary,.site-navigation .site-explore.has-current>summary{color:#b2e7c7}
.site-navigation .site-explore-panel{position:absolute;right:40px;top:calc(100% + 9px);z-index:3;width:min(790px,calc(100vw - 48px));max-height:calc(100dvh - 106px);overflow:auto;overscroll-behavior:contain;border:1px solid #7197a36b;border-radius:11px;background:linear-gradient(135deg,#183348,#10273b);box-shadow:0 22px 60px #0007;padding:0;margin:0;text-align:left}
.site-navigation .site-explore-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 25px;border-bottom:1px solid #72929e33}
.site-navigation .site-explore-intro>span{font:11px/1.6 var(--mono);letter-spacing:.03em;color:#a4c6c6}
.site-navigation .site-explore-intro a{font:12px/1.5 var(--sans);color:#b8dacc;text-decoration:none;min-height:32px;display:flex;align-items:center;gap:14px;white-space:nowrap}
.site-navigation .site-nav-groups{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px;padding:23px 19px 19px}
.site-navigation .site-nav-group{margin:0;padding:0;border:0;min-width:0}
.site-navigation .site-nav-group h2{font:400 10px/1.6 var(--mono);color:#98b4c4;letter-spacing:.04em;margin:0 10px 10px;text-transform:none}
.site-navigation .site-nav-group>a{display:block;position:relative;margin:3px 0;padding:11px 10px;min-height:61px;text-decoration:none;border:1px solid transparent;border-radius:6px;white-space:normal;transition:background .15s,border-color .15s;color:#e0e9e9}
.site-navigation .site-nav-group>a>span{display:block;font:400 14px/1.5 var(--sans);color:inherit}
.site-navigation .site-nav-group>a>small{display:block;font:11px/1.5 var(--sans);color:#a2bbcb;white-space:normal;margin-top:4px}
.site-navigation .site-nav-group>a:hover,.site-navigation .site-nav-group>a[aria-current=page]{background:#81bfad12;border-color:#87beae42;color:#bcebd1}
.site-navigation .site-nav-group>a[aria-current=page]{box-shadow:inset 2px 0 #98dcb7}
.site-navigation .site-nav-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 28px;border-top:1px solid #7395a037;background:#081e2d45}
.site-navigation .site-nav-bottom>a{display:block;min-height:44px;text-decoration:none;color:#bce3ce;white-space:normal}
.site-navigation .site-nav-bottom>a>span{display:block;font:400 13px/1.5 var(--sans)}
.site-navigation .site-nav-bottom small{display:block;font:11px/1.5 var(--sans);color:#9fbbc9;margin-top:4px}
.site-navigation .site-nav-bottom b{font-weight:400;margin-left:10px}
.site-navigation .site-nav-bottom a:hover{color:#ddf6e8}
.site-navigation .site-menu>span{display:inline-block;transition:transform .16s}
.site-navigation.nav-open .site-menu>span{transform:rotate(45deg)}
html body .site-navigation[data-site-navigation] header.site-header .site-menu{display:none!important;flex:0 0 auto;margin-left:auto;color:#c7e5d7;border:1px solid #71969e88;background:#b9dec005;border-radius:6px;padding:10px 13px;font:400 13px/1.5 var(--sans);min-height:44px;min-width:79px;align-items:center;justify-content:space-between;gap:12px}
html body .site-navigation .site-mobile{position:absolute;top:100%;left:16px;right:16px;z-index:3;display:block;grid-template-columns:none;gap:0;max-height:calc(100dvh - 94px);overflow:auto;overscroll-behavior:contain;background:linear-gradient(140deg,#183348,#10273b);border:1px solid #7197a36b;border-radius:0 0 10px 10px;padding:0;margin:0;box-shadow:0 20px 55px #0007}
html body .site-navigation [hidden]{display:none!important}
.site-navigation .site-scrim{position:absolute;top:100%;left:0;right:0;height:calc(100dvh - 81px);background:#020a1680;z-index:0;cursor:default}
.site-navigation:has(.site-explore[open])>.site-scrim{display:block!important}
.site-navigation a:focus-visible,.site-navigation summary:focus-visible,.site-navigation button:focus-visible{outline:2px solid #a6e6c0;outline-offset:2px}
html.embedded .site-navigation{display:none!important}
html body .site-navigation~main .desk-nav{position:static!important;top:auto!important;z-index:auto!important;backdrop-filter:none}
html body .site-navigation~main .insight-subnav{top:80px}
html body .site-navigation~main .pattern-detail{top:158px}
html body.story-home .site-navigation~main>section[id]{scroll-margin-top:16px}
@media(min-width:1101px){html body .site-navigation .site-mobile{display:none!important}}
@media(max-width:1250px) and (min-width:1101px){html body .site-navigation[data-site-navigation] header.site-header{padding-inline:30px!important;gap:20px}html body .site-navigation[data-site-navigation] header.site-header .site-brand img{width:215px}html body .site-navigation[data-site-navigation] header.site-header .site-nav{gap:19px}.site-navigation .site-explore-panel{right:30px}}
@media(max-width:1100px){html body .site-navigation[data-site-navigation] header.site-header{padding:14px 26px!important;gap:18px}html body .site-navigation[data-site-navigation] header.site-header .site-brand{max-width:calc(100% - 98px)}html body .site-navigation[data-site-navigation] header.site-header .site-brand img{width:240px}html body .site-navigation[data-site-navigation] header.site-header .site-nav,html body .site-navigation[data-site-navigation] header.site-header .site-signin{display:none!important}.site-navigation .site-explore{margin-left:auto}.site-navigation .site-explore-panel{left:16px;right:16px;top:100%;width:auto;max-height:calc(100dvh - 94px)}html body .site-navigation.nav-ready header.site-header .site-menu{display:inline-flex!important}.site-navigation.nav-ready .site-explore{display:none}.site-navigation .site-mobile .site-nav-groups{grid-template-columns:1fr 1fr 1fr}.site-navigation .site-mobile .site-nav-group>a{min-height:64px}}
@media(max-width:650px){html body .site-navigation[data-site-navigation] header.site-header{padding:13px 20px!important;gap:15px}html body .site-navigation[data-site-navigation] header.site-header .site-brand img{width:210px}.site-navigation .site-explore-intro{padding:14px 17px;gap:12px}.site-navigation .site-explore-intro>span{font-size:10px}.site-navigation .site-explore-intro a{font-size:11px;gap:8px}.site-navigation .site-nav-groups,.site-navigation .site-mobile .site-nav-groups{grid-template-columns:1fr;gap:15px;padding:17px 10px}.site-navigation .site-nav-group{display:grid;grid-template-columns:1fr 1fr;gap:2px 5px}.site-navigation .site-nav-group h2{grid-column:1/-1;font-size:10px;margin:0 8px 5px;padding-bottom:7px;border-bottom:1px solid #70929f2b}.site-navigation .site-nav-group>a{padding:9px 8px;min-height:66px;margin:0}.site-navigation .site-nav-group>a>span{font-size:13px}.site-navigation .site-nav-group>a>small{font-size:10px;line-height:1.55;margin-top:3px}.site-navigation .site-nav-bottom{padding:16px 18px;gap:17px}.site-navigation .site-nav-bottom>a>span{font-size:12px}.site-navigation .site-nav-bottom small{font-size:10px}.site-navigation .site-nav-bottom b{margin-left:5px}.site-navigation .site-explore>summary{font-size:13px;border:1px solid #71969e88;border-radius:6px;padding:10px 13px}.site-navigation .site-mobile{scrollbar-width:thin}}
@media(max-width:360px){html body .site-navigation[data-site-navigation] header.site-header{padding-inline:16px!important;gap:12px}html body .site-navigation[data-site-navigation] header.site-header .site-brand img{width:185px}html body .site-navigation .site-mobile{left:10px;right:10px}.site-navigation .site-explore-panel{left:10px;right:10px}.site-navigation .site-explore-intro>span{max-width:155px}.site-navigation .site-nav-group>a>span{font-size:12px}.site-navigation .site-nav-bottom{padding-inline:16px}.site-navigation .site-nav-bottom>a>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.site-navigation *{transition:none!important;scroll-behavior:auto!important}}