@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Instrument+Sans:wdth,wght@75..100,400..700&display=swap";:root{--blue-deep: #071e34;--blue-tech: #0c5da5;--blue-light: #47a8e5;--paper: #f4f1ea;--white: #ffffff;--graphite: #24282c;--steel: #aab4bc;--line: #ccd4d9;--warning: #d94b35;--rail: clamp(176px, 15vw, 232px);font-family:Instrument Sans,Inter,Arial,sans-serif;color:var(--graphite);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}button,input{font:inherit}a{color:inherit}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;padding:10px 14px;background:var(--white)}.skip-link:focus{top:16px}.prototype-warning{position:fixed;top:0;left:var(--rail);right:0;z-index:20;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 28px;background:var(--warning);color:var(--white);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.site-rail{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--rail);padding:28px 22px;display:flex;flex-direction:column;background:var(--blue-deep);color:var(--white)}.site-rail nav{display:grid;gap:3px;margin:auto 0}.site-rail nav a{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid rgb(255 255 255 / .12);text-decoration:none;font-size:12px}.site-rail nav a span{color:var(--blue-light);font-family:IBM Plex Mono,monospace}.site-rail button{padding:10px 12px;color:var(--white);background:transparent;border:1px solid rgb(255 255 255 / .4);cursor:pointer}.brand-lockup{display:flex;align-items:center;gap:10px;color:var(--graphite)}.brand-lockup img{width:34px;height:34px;color:currentColor}.brand-lockup span{font-size:12px;line-height:1.15;max-width:118px}.brand-lockup strong{display:block;font-size:18px}.brand-lockup--inverse{color:var(--white)}.brand-lockup--inverse img{filter:invert(1)}main{margin-left:var(--rail);padding-top:34px;overflow:hidden}.hero,.section{padding:clamp(54px,7vw,110px) clamp(28px,6vw,96px)}.hero{min-height:calc(100vh - 34px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:8vw;background:var(--blue-deep);color:var(--white)}.hero h1{max-width:800px;margin:18px 0 24px;font-size:clamp(46px,6.2vw,96px);font-weight:560;line-height:.96;letter-spacing:-.045em}.hero__copy>p{max-width:620px;color:#ffffffb3;font-size:clamp(17px,1.5vw,22px);line-height:1.55}.eyebrow{display:inline-block;color:var(--blue-tech);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.hero .eyebrow{color:var(--blue-light)}.status-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}.status-line span{padding:7px 10px;border:1px solid rgb(255 255 255 / .25);font-size:10px;text-transform:uppercase}.hero__visual{position:relative;aspect-ratio:4 / 5;max-height:680px;border:1px solid rgb(255 255 255 / .2);overflow:hidden}.hero__visual:before,.hero__visual:after{content:"";position:absolute;inset:14% -30%;border:1px solid rgb(71 168 229 / .55);transform:rotate(28deg)}.hero__visual:after{inset:25% -10%;transform:rotate(-17deg)}.hero__three{position:absolute;right:-6%;bottom:-20%;font-size:min(44vw,560px);font-weight:700;line-height:1;color:var(--blue-tech);opacity:.68}.hero__visual>span{position:absolute;z-index:2;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.hero__visual>span:nth-of-type(1){top:12%;left:9%}.hero__visual>span:nth-of-type(2){top:49%;right:8%}.hero__visual>span:nth-of-type(3){bottom:10%;left:10%}.section{border-bottom:1px solid var(--line)}.section-heading{max-width:930px;margin-bottom:44px}.section-heading h2{margin:12px 0;font-size:clamp(34px,4.2vw,68px);font-weight:520;letter-spacing:-.04em;line-height:1}.section-heading p{max-width:720px;color:#596169;font-size:16px;line-height:1.6}.three-column{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--graphite)}.three-column article{min-height:260px;padding:24px 28px 32px 0;border-right:1px solid var(--line)}.three-column article+article{padding-left:28px}.three-column article:last-child{border-right:0}.three-column span{color:var(--blue-tech);font-family:IBM Plex Mono,monospace;font-size:11px}.three-column h3{margin:74px 0 12px;font-size:28px;font-weight:540}.three-column p{color:#5d656b;line-height:1.55}.cover-grid{display:grid;gap:56px}.cover-option{display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr);gap:clamp(28px,5vw,74px);align-items:center}.cover-option__canvas{position:relative;aspect-ratio:16 / 9;padding:24px;overflow:hidden;background:var(--blue-deep);color:var(--white);container-type:inline-size}.cover-option.is-recommended .cover-option__canvas{outline:4px solid var(--blue-tech);outline-offset:6px}.cover-option__title{position:absolute;z-index:3;right:5%;bottom:7%;width:42%}.cover-option__title span,.cover-option__title small{font-family:IBM Plex Mono,monospace;font-size:clamp(7px,1.1cqw,10px);text-transform:uppercase}.cover-option__title h3{margin:8px 0;font-size:clamp(18px,3.2cqw,34px);font-weight:500;line-height:1.05}.cover-option__details h3{margin:8px 0 10px;font-size:32px;font-weight:540}.cover-option__details>p{color:#626a70;font-size:18px}.cover-option dl{margin-top:24px;border-top:1px solid var(--line)}.cover-option dl div{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.cover-option dt{font:10px IBM Plex Mono,monospace;text-transform:uppercase}.cover-option dd{margin:0;font-size:13px;line-height:1.45}.cover-option__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.has-photo .brand-lockup{position:relative;z-index:2}.has-photo:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.has-photo--a .cover-option__photo{width:55%}.has-photo--a .cover-option__title{width:36%}.has-photo--b:after{background:linear-gradient(90deg,#071e34b8,#071e3400 55%)}.has-photo--b .cover-option__title{left:5%;right:auto;width:40%}.has-photo--c:after{background:linear-gradient(180deg,#f4f1ea8c,#f4f1ea00 50%)}.has-photo--c .cover-option__title{inset:26% auto auto 5%;width:50%;color:var(--blue-deep)}.cover-art{position:absolute;inset:0;width:100%;height:100%}.cover-art--a .wire-cube{position:absolute;width:24%;aspect-ratio:1;border:1px solid var(--blue-light);transform:skewY(-20deg) rotate(18deg)}.wire-cube--one{left:12%;top:28%}.wire-cube--two{left:30%;top:16%;opacity:.6}.solid-volume{position:absolute;left:38%;top:22%;width:28%;height:58%;background:var(--blue-tech);transform:skewY(-18deg)}.cover-art--b{fill:none;stroke:var(--blue-light);stroke-width:1.5}.cover-art--b circle{fill:#0c5da559}.cover-art--b rect{fill:#ffffff14;stroke:var(--white)}.cover-art--c{left:0;top:0}.territory-axis{position:absolute;background:var(--blue-light);opacity:.7}.territory-axis--vertical{width:1px;height:120%;left:37%;top:-10%;transform:rotate(24deg)}.territory-axis--horizontal{height:1px;width:110%;top:52%;left:-5%;transform:rotate(-8deg)}.territory-blocks{position:absolute;inset:15% 42% 15% 8%;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;transform:skewY(-8deg)}.territory-blocks i{border:1px solid rgb(255 255 255 / .3)}.cover-art--c>span{position:absolute;left:8%;bottom:8%;font:10px IBM Plex Mono,monospace;letter-spacing:.18em}.samples{background:var(--white)}.pdf-page{width:min(100%,1280px);aspect-ratio:16 / 9;margin:0 auto 70px;display:grid;grid-template-columns:12% 50% 38%;overflow:hidden;background:var(--paper);box-shadow:0 18px 60px #071e341f}.page-menu{padding:5cqw 14px 18px;display:flex;flex-direction:column;gap:12px;background:var(--blue-deep);color:#ffffff73;font-size:clamp(6px,.75cqw,10px)}.page-menu__home{color:var(--white);font-size:clamp(18px,2.4cqw,32px);font-weight:700;text-decoration:none}.page-menu span{border-left:1px solid transparent;padding-left:6px}.page-menu span.is-active{border-color:var(--blue-light);color:var(--white)}.page-menu small{margin-top:auto;writing-mode:vertical-rl;transform:rotate(180deg)}.pdf-page__visual{position:relative;min-width:0;overflow:hidden;background:#dce4e9}.pdf-page__content{position:relative;padding:clamp(18px,3.2cqw,52px);display:flex;flex-direction:column;justify-content:center;min-width:0}.pdf-page__content h3{margin:14px 0;font-size:clamp(18px,3.15cqw,43px);line-height:1.02;font-weight:540;letter-spacing:-.035em}.pdf-page__content p,.pdf-page__content li{font-size:clamp(8px,1.05cqw,14px);line-height:1.5}.pdf-page__content blockquote{margin:7% 0 0;padding-top:5%;border-top:1px solid var(--blue-tech);color:var(--blue-tech);font-size:clamp(10px,1.4cqw,18px)}.page-number{position:absolute;right:8%;bottom:5%;font:clamp(6px,.7cqw,9px) "IBM Plex Mono",monospace}.opening-visual{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--blue-deep);color:var(--white)}.opening-visual:before{content:"";position:absolute;width:60%;aspect-ratio:1;border:1px solid var(--blue-light);transform:rotate(34deg)}.opening-visual i{width:1px;height:40%;margin:0 7%;background:var(--blue-light);transform:rotate(22deg)}.opening-visual span,.opening-visual strong{z-index:1;writing-mode:vertical-rl;font:clamp(8px,1cqw,14px) "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.16em}.opening-visual strong{font-weight:500;color:var(--blue-light)}.image-placeholder{position:absolute;inset:7%;padding:7%;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #8e9ba4;color:#40505a}.image-placeholder__code{position:absolute;top:5%;left:5%;font:clamp(9px,1.2cqw,16px) "IBM Plex Mono",monospace;color:var(--blue-tech)}.image-placeholder__wire{position:absolute;inset:22%;border:1px solid var(--blue-tech);transform:rotate(24deg);opacity:.55}.image-placeholder__wire:before,.image-placeholder__wire:after{content:"";position:absolute;inset:18%;border:inherit;transform:rotate(36deg)}.image-placeholder__wire:after{inset:38%;transform:rotate(-20deg)}.image-placeholder strong{z-index:1;font-size:clamp(8px,1.25cqw,17px);overflow-wrap:anywhere}.image-placeholder small,.image-placeholder code{z-index:1;margin-top:4px;font-size:clamp(6px,.68cqw,9px)}.partner-list{display:grid;gap:4px;margin-top:6%;font:clamp(6px,.68cqw,9px) "IBM Plex Mono",monospace;color:var(--blue-tech)}.pdf-page--technical{background:var(--white)}.technical-diagram{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10%;background:var(--blue-deep);color:var(--white)}.technical-diagram span{padding:2% 4%;border:1px solid var(--blue-light);font:clamp(8px,1cqw,13px) "IBM Plex Mono",monospace}.technical-diagram i{width:1px;height:10%;background:var(--blue-light)}.pdf-page--technical ul{margin:4% 0;padding:0;list-style:none}.pdf-page--technical li{padding:2% 0;border-bottom:1px solid var(--line)}.pdf-page--technical small{font-size:clamp(6px,.7cqw,9px);color:var(--warning)}.demo-label{align-self:flex-start;padding:4px 7px;background:var(--warning);color:var(--white);font:clamp(5px,.6cqw,8px) "IBM Plex Mono",monospace}.case-flow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6%;border-top:1px solid var(--line)}.case-flow span{padding:6% 4%;font-size:clamp(6px,.74cqw,10px);border-right:1px solid var(--line)}.case-flow span:last-child{border-right:0}.case-flow b{display:block;margin-bottom:5px;color:var(--blue-tech);font-family:IBM Plex Mono,monospace}.system-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,86px)}.palette{display:grid;grid-template-columns:repeat(3,1fr)}.palette article{min-height:190px;padding:14px;display:flex;flex-direction:column;border:1px solid var(--line);margin:-1px 0 0 -1px}.palette i{height:78px;margin:-14px -14px 14px}.palette strong{font-size:13px}.palette code,.palette small{margin-top:5px;font:9px IBM Plex Mono,monospace}.palette small{color:#687179}.type-specimen{padding-left:30px;border-left:1px solid var(--graphite)}.type-specimen>span{font:10px IBM Plex Mono,monospace;text-transform:uppercase}.type-specimen h3{margin:32px 0 8px;font-size:38px;font-weight:520}.type-specimen p{margin:0 0 12px;font-size:22px}.type-specimen small{color:#626a70;line-height:1.5}.type-specimen hr{margin:34px 0;border:0;border-top:1px solid var(--line)}.mono{font-family:IBM Plex Mono,monospace;font-size:14px!important}.responsive-diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.responsive-diagram article>span{font:10px IBM Plex Mono,monospace;text-transform:uppercase}.responsive-diagram p{font-size:13px;color:#687179}.device{height:220px;margin:10px 0 16px;display:grid;border:1px solid var(--graphite);background:var(--white)}.device i{background:var(--blue-deep)}.device b{background:#dbe4e9}.device em{background:var(--paper)}.device--desktop{grid-template-columns:16% 52% 32%}.device--tablet{width:72%;grid-template-columns:12% 44% 44%}.device--mobile{width:35%;grid-template-rows:12% 52% 36%;grid-template-columns:1fr}.needs{margin-top:60px;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--graphite)}.needs h3{grid-column:1 / -1;font-size:24px}.needs span{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.needs span:nth-of-type(odd){padding-right:24px}.needs b{color:var(--blue-tech);font:10px IBM Plex Mono,monospace}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.material-grid article{display:grid;align-content:start;border:1px solid var(--line);background:var(--white)}.material-grid article.is-recommended{outline:3px solid var(--blue-tech);outline-offset:4px}.material-grid img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.material-grid article>div{display:grid;gap:8px;padding:18px 20px 22px}.material-grid h3{margin:0 0 6px;font-size:22px;font-weight:540}.material-grid a{padding:10px 0;border-top:1px solid var(--line);color:var(--blue-tech);font-size:14px;text-decoration:none}.material-grid a:hover{text-decoration:underline}.sample-image{position:absolute;inset:0;margin:0}.sample-image img{width:100%;height:100%;object-fit:cover;display:block}.sample-image figcaption{position:absolute;left:4%;bottom:4%;padding:3px 6px;background:#071e34bf;color:var(--white);font:clamp(6px,.7cqw,9px) "IBM Plex Mono",monospace}.image-list{border-top:1px solid var(--graphite)}.image-list__thumb{width:72px;height:48px;object-fit:cover;display:block}.image-list article{display:grid;grid-template-columns:72px 66px minmax(240px,1fr) 70px minmax(180px,.7fr);gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.image-list article>span,.image-list code{color:var(--blue-tech);font:10px IBM Plex Mono,monospace}.image-list article div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.image-list strong{font-size:13px}.image-list small{color:#687179}.image-list__prompt{overflow-wrap:anywhere;color:#687179!important}.pending{background:var(--blue-deep);color:var(--white)}.pending .section-heading p{color:#ffffffa6}.pending code{font-family:IBM Plex Mono,monospace}.pending-grid{display:grid;grid-template-columns:repeat(3,1fr)}.pending-grid span{min-height:110px;padding:18px;border:1px solid rgb(255 255 255 / .16);margin:-1px 0 0 -1px;font-size:13px}.pending-grid b{display:block;margin-bottom:20px;color:var(--blue-light);font:10px IBM Plex Mono,monospace}@media(max-width:980px){:root{--rail: 76px}.site-rail .brand-lockup span,.site-rail nav a:not(:focus){font-size:0}.site-rail{padding:24px 14px}.site-rail nav a{display:block;text-align:center}.site-rail nav a span{font-size:10px}.site-rail button{writing-mode:vertical-rl;margin:0 auto}.hero{grid-template-columns:1fr;padding-top:90px}.hero__visual{width:min(70%,520px)}.cover-option,.system-grid{grid-template-columns:1fr}.type-specimen{padding:30px 0 0;border:0;border-top:1px solid var(--graphite)}}@media(max-width:680px){:root{--rail: 0px}.prototype-warning{left:0;padding:7px 14px}.prototype-warning span{display:none}.site-rail{inset:34px 0 auto;width:100%;height:58px;padding:10px 14px;flex-direction:row;align-items:center}.site-rail .brand-lockup span{display:block;font-size:10px}.site-rail nav,.site-rail button{display:none}main{margin-left:0;padding-top:92px}.hero{min-height:auto;padding-top:60px}.hero__visual{width:100%;max-height:none}.three-column,.responsive-diagram,.pending-grid{grid-template-columns:1fr}.three-column article,.three-column article+article{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.three-column h3{margin-top:38px}.cover-option__canvas{aspect-ratio:4 / 5}.cover-option__title{width:72%}.has-photo--a .cover-option__photo{width:100%;height:72%;object-position:center top}.has-photo--a .cover-option__title{width:72%}.has-photo--b .cover-option__photo{object-position:68% center}.has-photo--b:after{background:linear-gradient(0deg,#071e34d9,#071e3400 55%)}.has-photo--b .cover-option__title{width:80%}.has-photo--c .cover-option__photo{object-position:62% center}.has-photo--c .cover-option__title{top:20%;width:80%}.pdf-page{aspect-ratio:auto;min-height:720px;grid-template-columns:1fr;grid-template-rows:48px minmax(300px,48vh) auto}.page-menu{padding:8px 14px;flex-direction:row;align-items:center;overflow:hidden}.page-menu span,.page-menu small{display:none}.pdf-page__content{min-height:320px}.palette{grid-template-columns:repeat(2,1fr)}.responsive-diagram{gap:42px}.needs{grid-template-columns:1fr}.needs span:nth-of-type(odd){padding-right:0}.image-list article{grid-template-columns:72px 48px 1fr}.material-grid{grid-template-columns:1fr}.image-list code{display:none}}@media print{@page{size:13.333in 7.5in;margin:0}body{background:#fff}.prototype-warning,.site-rail,.hero,.section:not(.samples),.samples>.section-heading{display:none!important}main{margin:0;padding:0}.samples{padding:0}.pdf-page{width:13.333in;height:7.5in;margin:0;box-shadow:none;break-after:page;page-break-after:always}}
