@font-face{font-family:Manrope;src:url('./assets/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#eeece5;--ink:#242723;--muted:#5e625a;--line:#cacbc1;--accent:#9d3e24;--white:#f7f5ef;--sans:Manrope,'Segoe UI',sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
::selection{background:#d6b5a4;color:var(--ink)}
.shell{width:min(1200px,calc(100% - 112px));margin-inline:auto}
.skip-link{position:absolute;top:12px;left:20px;z-index:5;padding:10px 18px;background:var(--ink);color:var(--white);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.site-header{height:112px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative}
.brand{display:flex;align-items:center;gap:13px;font-size:21px;font-weight:700;letter-spacing:-.8px;white-space:nowrap}
.brand-period{color:var(--accent)}
.mark{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,11px);gap:3px;transform:skewY(-14deg)}
.mark i{background:var(--accent);display:block}
.mark i:nth-child(2){transform:translateY(-3px)}
.mark i:nth-child(3){transform:translateY(3px)}
.desktop-nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:600}
.desktop-nav a,.footer-brand,.site-footer>a:last-child{transition:color .15s}
.desktop-nav a:hover,.footer-brand:hover,.site-footer>a:last-child:hover{color:var(--accent)}
.desktop-nav a:last-child span{padding-left:12px}
.menu-toggle{display:none}
.mobile-nav[hidden]{display:none}
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;padding:84px 0 88px;align-items:center}
.hero-copy{padding:14px 0 18px}
.eyebrow{font:10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:1.6px;margin:0 0 30px;font-weight:500;color:var(--muted)}
.hero .eyebrow{display:flex;align-items:center;gap:10px}
.asterisk{font-size:23px;line-height:1;color:var(--accent)}
h1,h2,h3,p,figure{margin-top:0}
h1{font-size:clamp(58px,5.75vw,82px);line-height:1.075;letter-spacing:-5px;font-weight:500;margin-bottom:30px}
h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent);letter-spacing:-4px}
.intro{max-width:375px;font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:26px}
.primary-link{display:inline-flex;min-height:49px;align-items:center;gap:44px;padding:12px 19px;background:var(--ink);color:var(--white);font-size:12px;font-weight:600;transition:background .15s}
.primary-link:hover{background:var(--accent)}
.primary-link span{font-size:18px;line-height:1}
.hero-footnote{font:10px/1.6 var(--mono);color:var(--muted);margin:17px 0 0}
.delivery-model{align-self:stretch;margin:0;min-height:570px;padding:23px 25px 22px;background:#e3e4da;border:1px solid #c8cbbc;position:relative;overflow:hidden;display:flex;flex-direction:column}
.figure-top{display:flex;justify-content:space-between;font:9px/1.5 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:#565f50;padding-bottom:23px;border-bottom:1px solid #bbc1b3}
.model-source{display:flex;flex-direction:column;position:relative;margin-top:19px;gap:3px;font-size:12px;font-weight:600}
.small-label{font:8px/1.6 var(--mono);letter-spacing:1px;text-transform:uppercase;color:#59634f;display:block}
.source-symbol{position:absolute;right:0;top:5px;font:27px var(--mono);font-weight:400;color:#6f7965}
.model-route{position:absolute;top:126px;left:55%;height:42px;display:flex;gap:13px;color:#66705d;align-items:center}
.model-route i{height:100%;border-left:1px dashed #89927f}
.model-route span{font:8px var(--mono);letter-spacing:.2px}
.object-cluster{height:247px;position:relative;max-width:370px;width:100%;margin:18px auto 0}
.object{position:absolute;width:158px;height:177px;background:#373e32;border:1px solid #8b927e;padding:15px;box-shadow:8px 10px 0 #1b28100b;transform:skewY(-9deg)}
.object-back{left:calc(50% - 24px);top:22px;background:#c5cab9;border-color:#919c83;color:#59684d}
.object-middle{left:calc(50% - 65px);top:42px;background:#788369;border-color:#57654c;color:#d4dacb}
.object-front{left:calc(50% - 106px);top:61px;color:#d2d9c7;border-color:#526346}
.object>span{font:12px var(--mono);letter-spacing:1px;display:block;margin-bottom:21px}
.object>i{display:block;width:65%;height:3px;background:currentColor;margin:9px 0;opacity:.35}
.object>i:nth-of-type(2){width:47%}
.object>i:nth-of-type(3){width:57%}
.object-code{position:absolute;bottom:13px;left:15px;font:8px var(--mono);letter-spacing:.2px;opacity:.75}
.object-bracket{position:absolute;width:21px;height:21px;border-color:#9a4e32;opacity:.7}
.bracket-a{top:18px;left:calc(50% - 126px);border-top:1px solid;border-left:1px solid}
.bracket-b{bottom:0;right:calc(50% - 150px);border-bottom:1px solid;border-right:1px solid}
.model-endpoint{display:flex;align-items:center;gap:11px;padding:15px 0 17px;border-bottom:1px solid #bbc1b3;margin-top:10px}
.model-endpoint strong{font-size:13px;font-weight:600;letter-spacing:-.15px;display:block;margin-top:2px}
.model-endpoint>.small-label{color:#5f654e}
.model-endpoint>span:last-child{font:24px var(--mono);margin-left:auto;color:#5d684d}
.model-square{width:29px;height:29px;background:var(--accent);position:relative}
.model-square:after{content:'';display:block;width:11px;height:11px;border:1px solid #f0ddd3;position:absolute;left:9px;top:9px}
.model-client{display:flex;justify-content:space-between;gap:12px;font:8px/1.6 var(--mono);letter-spacing:.2px;color:#59634f;padding-top:14px}
figcaption{font:8px/1.8 var(--mono);color:#59634f;margin-top:auto;padding-top:23px;letter-spacing:.15px}
.section-block{border-top:1px solid var(--line);padding:72px 0 80px;scroll-margin-top:28px}
.endpoint-section,.notes-section{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.section-heading .eyebrow{margin-bottom:27px}
h2{font-size:42px;font-weight:500;letter-spacing:-2px;line-height:1.2;margin-bottom:28px}
.large-copy{font-size:22px;line-height:1.5;font-weight:500;letter-spacing:-.65px;margin-bottom:20px}
.endpoint-copy{padding-top:1px}
.endpoint-copy>p:not(.large-copy){font-size:13px;line-height:1.9;color:var(--muted);max-width:415px;margin-bottom:25px}
.fact-line{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding:13px 0;font-size:10px}
.fact-line:last-child{border-bottom:1px solid var(--line)}
.fact-line>span{color:var(--muted)}
.fact-line>strong{font-weight:600;text-align:right}
.access-section{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.access-header .eyebrow{margin-bottom:27px}
.access-header h2{margin-bottom:24px}
.access-header>p:last-child{max-width:322px;font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:0}
.access-steps{list-style:none;margin:0;padding:0}
.access-steps li{display:flex;gap:30px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.access-steps li:last-child{margin:0;padding-bottom:0;border:0}
.step-number{font:10px/1.7 var(--mono);color:var(--accent);flex:0 0 23px;padding-top:2px}
h3{font-size:14px;font-weight:600;letter-spacing:-.3px;margin:0 0 9px}
.access-steps p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:0;max-width:345px}
.notes-section{padding-bottom:67px}
.notes-list details{border-top:1px solid var(--line)}
.notes-list details:last-child{border-bottom:1px solid var(--line)}
summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:12px;font-weight:600;padding:21px 0}
summary::-webkit-details-marker{display:none}
summary span{font:19px var(--mono);color:var(--accent);font-weight:400;flex-shrink:0}
details[open] summary span{transform:rotate(45deg)}
.notes-list p{font-size:12px;line-height:1.9;color:var(--muted);max-width:380px;margin-bottom:23px;padding-right:28px}
.closing-line{display:flex;justify-content:space-between;align-items:center;padding:0 0 60px;gap:25px}
.closing-line p{font-size:27px;line-height:1.5;letter-spacing:-.9px;margin:0}
.closing-line p>span{color:var(--muted)}
.back-top{border:1px solid var(--line);width:45px;height:45px;display:grid;place-items:center;font-size:21px;transition:border-color .15s,color .15s}
.back-top:hover{border-color:var(--accent);color:var(--accent)}
.site-footer{border-top:1px solid var(--line);padding-block:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}
.footer-brand{font-weight:700;font-size:13px;letter-spacing:-.45px;color:var(--ink)}
.site-footer>a:last-child{color:var(--ink)}
@media(min-width:1550px){.hero{gap:100px}h1{font-size:86px}.hero-copy{padding-block:25px}}
@media(max-width:1050px){.shell{width:calc(100% - 64px)}.hero{gap:35px;padding-top:62px}.desktop-nav{gap:22px}.brand{font-size:19px}h1{font-size:65px;letter-spacing:-3.8px}.delivery-model{min-height:565px;padding-inline:20px}.endpoint-section,.access-section,.notes-section{gap:65px}.model-client{font-size:7px}.intro{font-size:13px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.site-header{height:87px;gap:20px}.brand{font-size:20px}.desktop-nav{display:none}.menu-toggle{display:inline-flex;border:0;background:none;padding:10px 0 10px 12px;align-items:center;gap:15px;font-size:11px;font-weight:600;color:var(--ink);cursor:pointer}.menu-toggle>span{font:22px var(--mono);color:var(--accent)}.menu-toggle[aria-expanded=true]>span{transform:rotate(45deg)}.mobile-nav{position:absolute;top:86px;left:-20px;right:-20px;background:var(--paper);z-index:3;padding:13px 20px 20px;border-bottom:1px solid var(--line);box-shadow:0 15px 16px #2427230c}.mobile-nav a{display:block;padding:12px 0;font-size:13px}.hero{grid-template-columns:1fr;gap:36px;padding:46px 0 47px}.hero-copy{padding:0}.hero .eyebrow{margin-bottom:25px;font-size:8px;letter-spacing:1.1px}.asterisk{font-size:20px}h1{font-size:clamp(54px,13.6vw,78px);letter-spacing:-3.3px;line-height:1.06;margin-bottom:24px}h1 em{letter-spacing:-2px}.intro{max-width:360px;font-size:13px;line-height:1.9;margin-bottom:23px}.primary-link{min-height:49px;padding-inline:18px;font-size:11px;gap:40px}.hero-footnote{font-size:9px;margin-top:15px}.delivery-model{min-height:527px;padding:20px 22px;max-width:480px;width:100%;align-self:auto}.figure-top{font-size:8px;padding-bottom:19px}.model-source{margin-top:15px}.model-route{top:113px}.object-cluster{height:232px;margin-top:7px}.object{width:145px;height:166px}.object-back{left:calc(50% - 22px);top:19px}.object-middle{left:calc(50% - 60px);top:38px}.object-front{left:calc(50% - 98px);top:57px}.bracket-a{left:calc(50% - 118px)}.bracket-b{right:calc(50% - 135px);bottom:0}.model-endpoint{padding-block:13px 16px}.model-client{font-size:8px}figcaption{padding-top:17px}.section-block{padding:43px 0 48px;grid-template-columns:1fr;gap:28px;scroll-margin-top:15px}.section-heading .eyebrow,.access-header .eyebrow{font-size:9px;margin-bottom:22px}h2{font-size:34px;letter-spacing:-1.7px;margin-bottom:0}.large-copy{font-size:21px;margin-bottom:17px}.endpoint-copy>p:not(.large-copy){font-size:12px;margin-bottom:24px}.fact-line{font-size:10px;padding-block:13px}.access-header h2{margin-bottom:20px}.access-header>p:last-child{font-size:12px;max-width:340px}.access-steps li{gap:19px;padding-bottom:22px;margin-bottom:22px}h3{font-size:13px}.access-steps p{font-size:12px}.notes-section{gap:28px}.notes-list p{font-size:12px;max-width:none}.notes-list summary{font-size:11px;gap:15px;padding-block:20px}.closing-line{padding-bottom:39px}.closing-line p{font-size:22px;letter-spacing:-.7px}.back-top{width:42px;height:42px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:10px;padding-block:23px}.site-footer>span{grid-row:2;grid-column:1/-1;font-size:9px}.site-footer>a:last-child{font-size:9px}.footer-brand{font-size:12px}}
.desktop-nav{font-size:13px}
.intro{font-size:15px}
.endpoint-copy>p:not(.large-copy),.access-header>p:last-child{font-size:14px}
.access-steps p,.notes-list p{font-size:13px}
.fact-line{font-size:12px}
summary{font-size:13px}
.small-label,.model-client{font-size:9px}
figcaption{font-size:10px}
@media(max-width:760px){.intro,.endpoint-copy>p:not(.large-copy),.access-header>p:last-child,.access-steps p,.notes-list p{font-size:14px;line-height:1.8}.fact-line{font-size:12px}.notes-list summary{font-size:13px}h3{font-size:14px}.hero-footnote{font-size:10px}.hero .eyebrow{font-size:9px}.model-client{font-size:8px}.small-label{font-size:9px}.model-route{left:52%}.model-route span{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}