@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
body{margin:0}
.product-page{--paper:#f4f3eb;--ink:#293d30;--muted:#66705f;--accent:#ba4424;--line:#d5d8ca;--sans:"DM Sans", Arial, sans-serif;--mono:"IBM Plex Mono", monospace;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100svh}.product-page *{box-sizing:border-box}.product-page ::selection{background:#d9e4c6}.product-page a{color:inherit;text-decoration:none}.product-page a,.product-page button{touch-action:manipulation}.product-page :is(a,button,input):focus-visible{outline:2px solid var(--accent);outline-offset:5px}.product-page button,.product-page input{font:inherit}.product-page .site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:100px;padding:0 4.5%;display:flex}.product-page .wordmark{letter-spacing:-1px;white-space:nowrap;font-size:21px;font-weight:600}.brand-symbol{vertical-align:middle;margin-right:8px;font-size:32px}.product-page nav{align-items:center;gap:32px;font-size:14px;display:flex}.product-page .button{background:var(--accent);color:#fff9f0;cursor:pointer;border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:38px;min-height:54px;padding:16px 24px;font-size:14px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.product-page .button:hover{background:#a3361a;transform:translateY(-2px)}.product-page .button.compact{gap:24px;min-height:43px;padding:10px 18px}.product-page .eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.6px;display:block}.hero{background:#eaece0;min-height:min(800px,100svh - 100px);padding:clamp(40px,5.5vw,85px) 4.5% 70px;position:relative;overflow:hidden}.hero-copy{z-index:1;pointer-events:none;max-width:560px;position:relative}.hero-copy>*{pointer-events:auto}.hero-copy h1{letter-spacing:-7px;margin:28px 0;font-size:clamp(74px,8.1vw,122px);font-weight:500;line-height:.92}.period{color:var(--accent)}.hero-copy h2{letter-spacing:-1px;margin:0 0 18px;font-size:clamp(24px,2.3vw,34px);font-weight:500;line-height:1.2}.hero-copy p{color:#56624e;max-width:350px;margin:0 0 28px;font-size:16px;line-height:1.65}.product-page .under-link{border-bottom:1px solid #0000;width:fit-content;margin-top:22px;font-size:12px;line-height:1.6;transition:border-color .2s;display:block}.product-page .under-link:hover{border-color:currentColor}.hero .collaboration-visual{flex-direction:column;justify-content:center;width:58%;height:100%;display:flex;position:absolute;top:0;right:-1%}.collaboration-visual svg{color:#293d30;width:100%;height:auto;max-height:680px;display:block}.visual-caption{font:10px var(--mono);letter-spacing:.3px;text-align:center;margin-top:-25px}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:10px;display:inline-block}.hero-footnote{font:9px var(--mono);letter-spacing:1.5px;color:var(--muted);position:absolute;bottom:22px}.hero-copy{animation:.75s both rise}.hero .collaboration-visual{animation:1.1s .15s both reveal}.signal-dot{animation:4s ease-in-out infinite signal}.story-section{grid-template-columns:1fr 1fr;gap:10%;padding:120px 7%;display:grid}.story-intro{align-self:start;position:sticky;top:60px}.product-page h2{font-weight:500}.story-intro h2{letter-spacing:-2px;margin:26px 0;font-size:clamp(35px,3.5vw,52px);line-height:1.05}.story-intro p{max-width:390px;color:var(--muted);font-size:16px;line-height:1.7}.workflow{padding-top:2px}.workflow ol{margin:24px 0 0;padding:0;list-style:none}.workflow li{border-top:1px solid var(--line);gap:25px;padding:30px 0;display:flex}.workflow li>span{font:11px var(--mono);color:var(--accent);padding-top:4px}.workflow h3{letter-spacing:-.5px;margin:0;font-size:20px;font-weight:500;line-height:1.3}.workflow p{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.75}.commons-section{color:#f0f1e5;background:#293d30;padding:100px 7% 110px;position:relative;overflow:hidden}.commons-section h2{z-index:1;letter-spacing:-4px;margin:30px 0 45px;font-size:clamp(54px,7vw,98px);line-height:1;position:relative}.commons-details{z-index:1;grid-template-columns:1fr 1fr;gap:10%;max-width:850px;display:grid;position:relative}.commons-details p{margin:0;font-size:17px;line-height:1.8}.commons-details p+p{color:#c5cfbb;max-width:370px;font-size:14px}.commons-asterisk{color:#a6b797;opacity:.17;font-size:490px;line-height:1;position:absolute;top:25px;right:-50px;transform:rotate(-12deg)}.final-cta{text-align:center;padding:115px 7%}.final-cta h2{letter-spacing:-3px;margin:25px 0 32px;font-size:clamp(42px,5.2vw,72px);line-height:1.04}.final-cta .under-link{margin:25px auto 0}.product-page .site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:25px;margin:0 4.5%;padding:35px 0;font-size:11px;display:flex}.site-footer>div{gap:25px;display:flex}.site-footer .wordmark{font-size:16px}.auth-layout{grid-template-columns:1fr 1fr;min-height:calc(100svh - 100px);display:grid}.auth-content{width:min(420px,100% - 48px);margin:auto;padding:70px 0}.auth-content h1{letter-spacing:-2px;margin:26px 0 18px;font-size:48px;font-weight:500;line-height:1.05}.auth-content>p{color:var(--muted);font-size:14px;line-height:1.7}.auth-content form{margin-top:36px}.auth-content label{margin-bottom:10px;font-size:13px;display:block}.auth-content input{width:100%;color:var(--ink);background:#fbfbf4;border:1px solid #a7b09c;border-radius:3px;height:56px;padding:16px;display:block}.auth-content .button{justify-content:center;width:100%}.auth-content small{color:var(--muted);margin-top:12px;font-size:11px;display:block}.auth-content .otp-input{font-family:var(--mono);letter-spacing:12px;font-size:25px}.form-error{color:#a33120;min-height:20px;margin:12px 0;font-size:12px;line-height:1.6}.auth-options{justify-content:space-between;gap:16px;margin:22px 0;display:flex}.auth-options button,.text-button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:12px}.auth-content .auth-switch{text-align:center;margin-top:24px;font-size:12px}.auth-switch a,.legal-note a{text-decoration:underline}.auth-content .legal-note{text-align:center;margin-top:36px;font-size:10px}.product-page button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-layout>.collaboration-visual{background:#eaece0;flex-direction:column;justify-content:center;display:flex;overflow:hidden}.auth-layout .visual-caption{margin:0 0 30px}.account-content{text-align:center;max-width:650px;margin:auto;padding:90px 24px}.account-symbol{color:var(--accent);margin-bottom:35px;font-size:90px;line-height:1;display:block}.account-content h1{letter-spacing:-2.5px;margin:25px 0;font-size:58px;font-weight:500;line-height:1.05}.account-content>p{color:var(--muted);font-size:17px;line-height:1.7}.account-email{border-block:1px solid var(--line);gap:10px;margin-top:35px;padding:24px 0;display:grid}.account-email span{color:var(--muted);font-size:11px}.account-email strong{overflow-wrap:anywhere;font-size:14px;font-weight:500}.account-content p.small{margin-top:28px;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes signal{0%,to{opacity:.35}50%{opacity:1}}@supports (animation-timeline:view()){.workflow li{animation:linear both rise;animation-timeline:view();animation-range:entry entry 35%}}@media (min-width:1100px) and (max-height:780px){.hero{padding-top:35px}.hero-copy h1{margin:20px 0;font-size:90px}.hero-copy h2{font-size:27px}.hero-copy p{margin-bottom:20px;font-size:14px}.hero-copy .under-link{margin-top:15px}}@media (max-width:950px){.product-page nav{gap:20px}.hero-copy h1{letter-spacing:-5px;font-size:85px}.hero .collaboration-visual{opacity:.75;width:67%;right:-13%}.hero-copy{max-width:440px}.story-section{gap:6%;padding:80px 5%}.story-intro h2{font-size:37px}.site-footer>span{display:none}}@media (max-width:650px){.product-page .site-header{gap:12px;height:78px;padding:0 6%}.product-page .wordmark{letter-spacing:-.7px;font-size:16px}.brand-symbol{margin-right:4px;font-size:25px}.product-page nav{gap:16px;font-size:12px}.product-page .nav-detail{display:none}.product-page .button.compact{gap:10px;min-height:38px;padding:9px 12px}.hero{min-height:calc(100svh - 78px);padding:36px 6% 260px}.hero-copy h1{letter-spacing:-5px;margin:22px 0;font-size:clamp(66px,18vw,96px)}.hero-copy h2{letter-spacing:-1px;font-size:25px}.hero-copy p{max-width:310px;margin-bottom:22px;font-size:14px}.product-page .eyebrow{letter-spacing:1.3px;font-size:8px}.hero .collaboration-visual{opacity:.8;width:105%;height:320px;top:auto;bottom:-60px;right:-16%}.hero .collaboration-visual svg{height:320px}.hero .visual-caption{display:none}.hero-footnote{z-index:1;max-width:160px;font-size:7px;line-height:1.8;bottom:17px}.hero .under-link{margin-top:16px}.story-section{grid-template-columns:1fr;gap:38px;padding:65px 6%}.story-intro{position:static}.story-intro h2{font-size:40px}.story-intro p{font-size:14px}.workflow li{padding:25px 0}.workflow h3{font-size:19px}.commons-section{padding:65px 6%}.commons-section h2{letter-spacing:-3px;margin:25px 0 30px;font-size:58px}.commons-details{grid-template-columns:1fr;gap:25px}.commons-details p{font-size:16px}.commons-asterisk{font-size:400px;top:60px;right:-145px}.final-cta{padding:75px 6%}.final-cta h2{letter-spacing:-2px;font-size:43px}.product-page .site-footer{flex-direction:column;align-items:start;gap:22px;margin:0 6%;padding:28px 0}.auth-layout{min-height:calc(100svh - 78px);display:block}.auth-layout>.collaboration-visual{display:none}.auth-content h1{font-size:43px}.account-content{padding-top:70px}.account-content h1{font-size:44px}.account-content>p{font-size:15px}}@media (prefers-reduced-motion:reduce){.product-page *,.product-page :before,.product-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-content .existing-code{margin:20px auto 0;text-decoration:underline;display:block}
.content-page{overflow-x:clip}.content-hero{background:#eaece0;padding:55px 7% 72px;animation:.65s both rise}.content-hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:1030px;margin:25px 0 30px;font-size:clamp(42px,5.5vw,78px);font-weight:500;line-height:1.04}.content-hero .content-answer{max-width:780px;margin:0 0 22px;font-size:clamp(18px,1.7vw,23px);line-height:1.6}.content-direction{max-width:700px;color:var(--muted);font-size:15px;line-height:1.8}.breadcrumbs{color:var(--muted);flex-wrap:wrap;margin-bottom:35px;gap:12px!important;font-size:12px!important}.content-page h2{letter-spacing:-.04em;text-wrap:balance;margin:20px 0;font-size:clamp(29px,3vw,42px);line-height:1.15}.content-page h3{letter-spacing:-.025em;font-size:21px;font-weight:500;line-height:1.4}.article-layout{grid-template-columns:210px minmax(0,760px);justify-content:center;gap:7%;padding:85px 7%;display:grid}.article-toc{align-self:start;gap:19px;font-size:13px;display:grid;position:sticky;top:35px}.article-toc>a{color:var(--muted)}.article-toc>a:hover{color:var(--accent)}.article-body>section{margin-bottom:75px;scroll-margin-top:30px}.article-body>section:last-child{margin-bottom:0}.article-body p,.content-steps p,.availability-section p,.principle-list p,.use-case-list p{color:var(--muted);font-size:16px;line-height:1.85}.content-steps{margin:30px 0 0;padding:0;list-style:none}.content-steps>li{border-top:1px solid var(--line);grid-template-columns:30px 1fr;gap:20px;padding:25px 0;display:grid}.step-number{color:var(--accent);font:12px/2 var(--mono)}.content-steps h3,.content-steps h2{margin:0 0 10px;font-size:23px}.content-steps p{margin:0}.worked-example{color:var(--paper);background:#293d30;padding:38px}.worked-example .eyebrow{color:#d0dac8}.worked-example dl{margin:30px 0 0}.worked-example dt{font:11px var(--mono);text-transform:uppercase;letter-spacing:1px;color:#d0dac8;margin-top:25px}.worked-example dd{margin:10px 0 0;font-size:16px;line-height:1.8}.content-questions>div{border-top:1px solid var(--line);padding:20px 0}.content-questions h3{margin:0 0 10px}.content-questions p{margin:0}.content-related,.content-catalog,.availability-section{padding:65px 7%}.content-related{border-top:1px solid var(--line)}.related-links{margin-top:30px;display:grid}.related-links a{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:22px 0;font-size:19px;transition:color .2s,padding-left .2s;display:flex}.related-links a:hover{color:var(--accent);padding-left:8px}.content-cta{background:#e5e8d8;justify-content:space-between;align-items:center;gap:50px;padding:75px 7%;display:flex}.content-cta h2{letter-spacing:-.04em;margin:20px 0;font-size:clamp(35px,4vw,55px);line-height:1.1}.content-cta p{max-width:580px;color:var(--muted);font-size:14px;line-height:1.8}.content-cta>.button{flex-shrink:0}.article-links{grid-template-columns:1fr 1fr;column-gap:7%;display:grid}.article-links>a{border-top:1px solid var(--line);padding:35px 0;transition:color .2s}.article-links h3{letter-spacing:-.04em;margin:15px 0 12px;font-size:27px;font-weight:500;line-height:1.2}.article-links p{max-width:560px;color:var(--muted);font-size:15px;line-height:1.8}.read-link{margin-top:20px;font-size:12px;display:block}.article-links>a:hover h3,.article-links>a:focus-visible h3{color:var(--accent)}.compare-catalog{background:#eaece0}.availability-section{max-width:1000px}.availability-section a,.principle-list a:not(.under-link){text-underline-offset:3px;text-decoration:underline}.how-story{grid-template-columns:1fr 1fr;gap:7%;padding:60px 7%;display:grid}.how-story>.collaboration-visual{align-self:start;position:sticky;top:25px}.use-case-list{padding:30px 7% 65px}.use-case-list article{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:8%;padding:50px 0;display:grid}.use-case-list article>.eyebrow{margin-top:25px}.use-case-list article>div{max-width:740px}.principle-list{grid-template-columns:1fr 1fr;gap:55px 7%;padding:65px 7% 0;display:grid}.principle-list section{border-top:1px solid var(--line);padding-top:28px}.home-topics{padding:80px 7%}.home-topics h2{letter-spacing:-.04em;max-width:750px;margin:24px 0 35px;font-size:clamp(36px,4vw,58px);line-height:1.08}.home-topics>p{color:var(--muted);max-width:650px;line-height:1.8}.home-topics .article-links{margin-top:35px}.product-page .early-note{max-width:340px;margin-top:14px;font-size:11px;line-height:1.6}.skip-link{z-index:10;background:var(--ink);padding:12px;position:absolute;top:-100px;left:16px;color:var(--paper)!important}.skip-link:focus{top:12px}@media (max-width:950px){.article-layout{grid-template-columns:150px minmax(0,1fr);gap:5%;padding-inline:5%}.content-page .site-header nav{gap:18px}}@media (max-width:650px){.content-hero{padding:35px 6% 45px}.content-hero h1{font-size:clamp(37px,10.5vw,56px)}.breadcrumbs{margin-bottom:25px}.article-layout{padding:35px 6%;display:block}.article-toc{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:18px;margin-bottom:40px;padding-bottom:30px;position:static}.article-toc .eyebrow{grid-column:1/-1}.article-body>section{margin-bottom:50px}.worked-example{padding:25px}.content-cta{padding:45px 6%;display:block}.content-cta>.button{margin-top:20px}.article-links,.how-story,.principle-list{grid-template-columns:1fr}.how-story{gap:45px;padding:30px 6%}.how-story>.collaboration-visual{position:static}.content-related,.content-catalog,.availability-section,.home-topics{padding:45px 6%}.principle-list{gap:35px;padding:45px 6% 0}.use-case-list{padding:20px 6% 45px}.use-case-list article{padding:30px 0;display:block}.content-page .site-header{flex-wrap:wrap;height:auto;padding-block:15px}.content-page .site-header nav{flex-wrap:wrap;gap:15px}.product-page .nav-explore{display:inline-flex}}@media (prefers-reduced-motion:reduce){.content-hero{animation:none}.related-links a{transition:none}}.product-page .site-footer>div{flex-wrap:wrap}@media (max-width:650px){.product-page .site-footer{flex-wrap:wrap}.site-footer>div{gap:18px}}@media (max-width:440px){.product-page .site-header .wordmark{font-size:14px}.product-page .site-header .brand-symbol{margin-right:2px;font-size:21px}.product-page .site-header nav{gap:10px}.product-page .site-header .button.compact{gap:7px;padding-inline:9px}}@media (max-width:360px){.product-page .site-header{flex-wrap:wrap;height:auto;padding-block:15px}}
.reference-page .faq p{max-width:760px;color:var(--muted);margin:18px 0 0;font-size:15px;line-height:1.8}.reference-page .faq p a{color:var(--green);text-decoration:underline}.reference-page{--bg:#f4f3eb;--ink:#293d30;--muted:#66705f;--green:#ba4424;--line:#d5d8ca;--mono:"IBM Plex Mono", monospace;--sans:"DM Sans", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.reference-page *{box-sizing:border-box}.reference-page{scroll-behavior:smooth;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;scroll-padding-top:30px}.reference-page ::selection{background:var(--green);color:var(--bg)}.reference-page a{color:inherit;touch-action:manipulation;text-decoration:none}.reference-page a:focus-visible{outline:2px solid var(--green);outline-offset:6px}.reference-page .shell{width:min(1320px,100% - 112px);margin:auto}.reference-page header{height:108px;font-family:var(--mono);justify-content:space-between;align-items:center;font-size:14px;display:flex}.reference-page .wordmark{letter-spacing:-.5px;align-items:center;gap:14px;display:flex}.reference-page .section-label{font:11px var(--mono);letter-spacing:1.8px;color:var(--muted);align-items:center;gap:10px;display:flex}.reference-page h1{letter-spacing:-5px;margin:29px 0 28px;font-size:clamp(60px,7.3vw,105px);font-weight:500;line-height:1.04}.reference-page h2{letter-spacing:-1.7px;margin:27px 0 50px;font-size:clamp(30px,3.3vw,46px);font-weight:500;line-height:1.18}.reference-page footer{border-top:1px solid var(--line);font:10px var(--mono);color:#848d79;justify-content:space-between;gap:25px;padding:28px 0 35px;display:flex}.reference-page footer a:hover{color:var(--green)}@media (min-width:901px) and (max-height:850px){.reference-page header{height:80px}.reference-page h1{margin-top:24px;margin-bottom:24px;font-size:82px}}@media (max-width:900px){.reference-page .shell{width:calc(100% - 64px)}.reference-page header{height:88px}.reference-page h1{letter-spacing:-3px}}@media (max-width:600px){.reference-page .shell{width:calc(100% - 40px)}.reference-page header{height:78px}.reference-page .wordmark{gap:9px;font-size:12px}.reference-page h1{letter-spacing:-2.5px;margin:27px 0 24px;font-size:clamp(45px,11.5vw,65px)}.reference-page .section-label{letter-spacing:1.1px;font-size:8px}.reference-page h2{letter-spacing:-1.2px;margin-bottom:35px;font-size:33px}.reference-page footer{flex-direction:column;gap:20px;padding:25px 0;font-size:8px}}@media (prefers-reduced-motion:reduce){.reference-page{scroll-behavior:auto}.reference-page *,.reference-page :before,.reference-page :after{transition:none!important;animation:none!important}}.reference-page{min-height:100vh}