@font-face{font-family:Montreal;src:url('/assets/montreal-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Montreal;src:url('/assets/montreal-medium.otf') format('opentype');font-weight:500 800;font-display:swap}
:root{--paper:#f9f9f4;--ink:#202622;--muted:#666c64;--line:#dfe1d7;--accent:#b84b35;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montreal,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:8px}::selection{background:var(--accent);color:white}h1,p{margin:0}h1{font-weight:400}svg{display:block}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}.shell{min-height:100svh;max-width:1800px;margin:auto;display:flex;flex-direction:column;padding:0 5%}.skip{position:fixed;left:20px;top:-100px;padding:12px;background:var(--paper);z-index:10}.skip:focus{top:12px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);flex-shrink:0}.wordmark{display:flex;align-items:center;gap:10px;font-size:34px;font-weight:500;letter-spacing:-1.5px;line-height:1}.wordmark img{width:34px;height:34px}.launch-status{font-family:var(--mono);text-transform:uppercase;font-size:10px;letter-spacing:.1em;display:flex;align-items:center;gap:10px;white-space:nowrap}.launch-status i{width:6px;height:6px;border-radius:100%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.hero{flex:1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5%;padding:68px 0;min-height:620px}.eyebrow{font-family:var(--mono);font-size:10px;line-height:1.7;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:22px;height:1px;background:var(--accent);flex-shrink:0}.copy h1{font-size:clamp(66px,6.8vw,116px);line-height:.99;letter-spacing:-.06em;margin:36px 0 30px}.copy h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.description{font-size:19px;line-height:1.6;max-width:390px;color:var(--muted)}.coming{margin-top:42px;display:inline-flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding-top:22px;font-size:14px}.coming span{color:var(--muted);font-size:12px}.coming b{font-weight:500}.footer{border-top:1px solid var(--line);padding:28px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);flex-shrink:0}.footer a{display:inline-flex;align-items:center;gap:5px}.footer a:hover{color:var(--ink)}.footer .domain{font-family:var(--mono);font-size:10px}.footer strong{color:var(--ink);font-weight:500}.capabilities{display:flex;gap:16px;font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.045em}.capabilities span+span:before{content:'·';margin-right:16px;color:var(--accent)}
/* Outpost: a field of connected storefront signals. */
.outpost-art{position:relative;aspect-ratio:1/1.05;max-width:560px;width:100%;justify-self:end;border:1px solid var(--line);background:#eff0e8;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#20262208 1px,transparent 1px),linear-gradient(90deg,#20262208 1px,transparent 1px);background-size:36px 36px}.orbit{position:absolute;inset:13%;border:1px solid #bfc4b5;border-radius:50%}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #cdd1c3;border-radius:50%}.orbit:before{inset:12%}.orbit:after{inset:-13%}.datum{position:absolute;inset:32%;padding:7%;background:var(--paper);border:1px solid #cbd0c1;border-radius:50%;box-shadow:0 15px 28px #26341d08;display:grid;place-items:center}.datum img{width:100%;height:100%}.art-label{position:absolute;font-family:var(--mono);font-size:8px;letter-spacing:.06em;color:#555c51;text-transform:uppercase}.art-label.top{top:24px;left:25px}.art-label.bottom{bottom:24px;right:25px}.signal{position:absolute;display:flex;align-items:center;gap:11px;padding:15px 17px;background:#f9faf5;border:1px solid #cfd5c5;box-shadow:0 8px 20px #20262205;font-size:12px}.signal small{display:block;color:#737a6d;font-size:9px;margin-top:5px}.signal-icon{display:grid;place-items:center;width:29px;height:29px;font-size:16px;border:1px solid #d8ddce;background:#e8eddf}.signal.one{left:8%;top:22%;transform:rotate(-5deg)}.signal.two{right:5%;top:56%;transform:rotate(4deg);background:#f2e9e3;border-color:#ddc8ba}.signal.two .signal-icon{background:#ead6c8;border-color:#ddc8ba}.signal.three{left:11%;bottom:15%;transform:rotate(-3deg);background:#e7e4ec;border-color:#d2cddb}.signal.three .signal-icon{background:#dbd7e4;border-color:#c9c3d7}.orbit-dot{position:absolute;right:24%;top:16%;width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 7px #b84b3510}.axis{position:absolute;background:#bec4b3;width:1px;height:12px}.axis.a{left:50%;top:0}.axis.b{left:50%;bottom:0}
/* Sidepod: direct, precise, and made to connect. */
body.sidepod{--paper:#fcfcf9;--ink:#172934;--muted:#60717c;--line:#dae0e5;--accent:#214fe4}.sidepod .hero{grid-template-columns:1.12fr 1fr}.sidepod .copy h1{font-size:clamp(58px,5.9vw,104px);line-height:1.04}.sidepod .copy h1 span{color:var(--accent)}.sidepod .description{max-width:405px}.sidepod-art{background:#214fe4;position:relative;aspect-ratio:1/1.05;width:100%;max-width:560px;justify-self:end;overflow:hidden;color:#fff}.sidepod-art .art-grid{background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:36px 36px}.sidepod-art .art-label{color:#d8e2ff}.connection-mark{position:absolute;inset:19%;width:62%;height:62%;filter:drop-shadow(0 14px 16px #07258235)}.data-rail{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #ffffff45;font-size:12px}.data-rail.top{top:48px}.data-rail.bottom{bottom:48px;border-bottom:0;border-top:1px solid #ffffff45}.data-rail span{font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:#d1ddff}.flow-line{stroke-dasharray:3 8;animation:flow 9s linear infinite}.packet{position:absolute;z-index:2;padding:12px 17px;border:1px solid #ffffff55;background:#2f5ce8;font-family:var(--mono);font-size:9px;letter-spacing:.03em;box-shadow:0 8px 20px #00268022}.packet.orders{top:32%;left:5%;transform:rotate(-5deg)}.packet.inventory{bottom:28%;right:5%;transform:rotate(5deg)}.connection-note{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:#d8e2ff}@keyframes flow{to{stroke-dashoffset:-110}}
/* MESRO: the existing material study, with a quieter launch message. */
body.mesro{--paper:#131210;--ink:#f2f1eb;--muted:#bbbcb1;--line:#ffffff2a;--accent:#c4b08c;background:#131210}.mesro .shell{position:relative;isolation:isolate;min-height:100svh;max-width:none;padding:0 5%}.mesro .material{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.mesro .shell:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#131210d6 0%,#13121083 45%,#1312100a 75%),linear-gradient(0deg,#131210e5,transparent 35%,transparent 75%,#13121088);z-index:-2}.mesro .topbar{height:112px}.mesro .wordmark{font-size:32px;letter-spacing:-1.1px}.mesro .wordmark i{width:17px;height:3px;background:var(--ink);margin-left:3px}.mesro .hero{display:flex;min-height:630px;padding:75px 0 100px;position:relative}.mesro .copy{max-width:900px}.mesro .copy h1{font-size:clamp(62px,6.8vw,114px);line-height:1.04;letter-spacing:-.052em;margin-top:38px}.mesro .copy h1 span{color:#c6c6ba}.mesro .description{max-width:450px;font-size:20px}.mesro .eyebrow{font-size:9px}.mesro .coming{border-color:#ffffff40}.mesro .material-caption{position:absolute;bottom:40px;right:0;color:#c5c3b8;font-family:var(--mono);font-size:8px;text-align:right;letter-spacing:.08em;line-height:1.8}.mesro .footer{color:#c1c0b5}.mesro .footer a:hover{color:white}.mesro .launch-status i{background:#c4b08c}
@media(min-width:1600px){.hero{gap:8%;min-height:740px}.outpost-art,.sidepod-art{max-width:610px}.description{font-size:22px;max-width:430px}.mesro .hero{min-height:740px}}
@media(max-width:1050px){.shell{padding:0 5%}.topbar,.mesro .topbar{height:96px}.hero{min-height:580px;gap:5%;padding:58px 0;grid-template-columns:1.08fr 1fr}.copy h1{font-size:8vw}.description{font-size:17px}.sidepod .copy h1{font-size:6.8vw}.eyebrow{font-size:8px}.signal{font-size:10px;padding:11px;gap:8px}.signal small{font-size:8px}.signal-icon{width:23px;height:23px;font-size:13px}.signal.one{left:5%}.signal.two{right:3%}.signal.three{left:7%;bottom:14%}.art-label{font-size:7px}.capabilities{display:none}.mesro .copy h1{font-size:8.6vw}.mesro .description{font-size:18px}.mesro .hero{min-height:650px}.mesro .material{object-position:56% center}}
@media(max-width:700px){.shell{padding:0 6%}.topbar,.mesro .topbar{height:87px}.wordmark{font-size:29px;gap:8px}.wordmark img{width:29px;height:29px}.launch-status{font-size:8px;gap:9px;letter-spacing:.07em}.hero,.sidepod .hero{grid-template-columns:1fr;gap:42px;padding:52px 0 42px;min-height:0}.eyebrow{font-size:8px;letter-spacing:.06em}.copy h1{font-size:clamp(48px,13vw,89px);margin:27px 0 23px;letter-spacing:-.055em}.description{font-size:17px;max-width:370px;line-height:1.55}.coming{margin-top:27px;padding-top:18px;gap:12px;font-size:13px}.coming span{font-size:11px}.outpost-art,.sidepod-art{max-width:none;aspect-ratio:1.2/1;justify-self:stretch}.signal{font-size:10px;padding:12px}.signal small{font-size:8px}.signal.one{left:7%;top:21%}.signal.two{right:5%;top:51%}.signal.three{left:13%;bottom:11%}.datum{inset:28% 32%;padding:6%}.orbit{inset:12% 20%}.art-label.top{top:18px;left:19px}.art-label.bottom{bottom:18px;right:19px}.sidepod .copy h1{font-size:clamp(39px,11.4vw,78px);line-height:1.04}.data-rail{left:19px;right:19px;padding:11px 0;font-size:10px}.data-rail.top{top:38px}.data-rail.bottom{bottom:38px}.connection-mark{inset:15% 23%;width:54%;height:70%}.packet{padding:10px 12px;font-size:8px}.packet.orders{top:32%;left:5%}.packet.inventory{bottom:28%;right:5%}.connection-note{bottom:18px;left:19px;right:19px;font-size:7px}.footer{padding:23px 0 25px;gap:18px;font-size:10px;flex-wrap:wrap}.footer .domain{font-size:9px}.mesro .shell{padding:0 6%;min-height:100svh}.mesro .hero{display:block;padding:65px 0 140px;min-height:640px;flex:1}.mesro .copy h1{font-size:clamp(38px,10.6vw,74px);line-height:1.06;margin:29px 0 25px;letter-spacing:-.055em}.mesro .description{font-size:17px;max-width:325px}.mesro .eyebrow{font-size:7px;letter-spacing:.04em;gap:9px}.mesro .material{object-position:66% center}.mesro .shell:before{background:linear-gradient(90deg,#131210e8,#13121085 75%),linear-gradient(0deg,#131210,transparent 40%)}.mesro .material-caption{bottom:36px;font-size:7px}.mesro .footer{flex-wrap:wrap}.mesro .wordmark{font-size:29px}.mesro .coming{margin-top:30px}.mesro .capabilities{display:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}