@font-face{font-family:Instrument;src:url('/fonts/instrument-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('/fonts/instrument-sans-medium.ttf') format('truetype');font-weight:500 700;font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#f7f4ed;--ink:#281b2b;--acid:#e9f06b;--red:#f36549;--muted:#6c626b;--line:#c9c4bd;--sans:Instrument,Arial,sans-serif;--mono:Plex,monospace;--gutter:clamp(24px,4.45vw,72px)}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;-webkit-font-smoothing:antialiased}::selection{background:var(--acid);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}p,h1,h2,h3,figure{margin:0}svg{display:block}.wrap{max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--mono);font-size:.75rem;letter-spacing:.045em;line-height:1.6}.skip-link{position:absolute;left:24px;top:-100px;background:var(--acid);padding:14px;z-index:10}.skip-link:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;height:104px;position:relative}.header:after{content:'';position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:37px;font-weight:600;letter-spacing:-2.2px}.brand-mark{width:25px;height:29px}.development{display:flex;gap:9px;align-items:center;font-size:.8125rem;letter-spacing:0}.status-mark{width:9px;height:9px;background:var(--red)}.approach-link{font-size:15px;display:flex;align-items:center;gap:30px}.approach-link span{font-size:25px;transition:transform .2s}.approach-link:hover span{transform:translate(3px,3px)}.hero{padding-top:45px;padding-bottom:48px}.hero-kicker{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.75rem}.hero-index{color:var(--muted)}h1{font-size:clamp(3.5rem,7.65vw,7.65rem);font-weight:400;letter-spacing:-.065em;line-height:.99;margin-top:38px;max-width:1400px}.headline-line{display:inline}.headline-last{display:block;color:var(--muted)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-top:44px}.hero-bottom p{max-width:510px;font-size:clamp(1.125rem,1.55vw,1.5rem);line-height:1.45;letter-spacing:-.015em}.boundary-label{display:flex;gap:22px;align-items:center;text-transform:uppercase}.boundary-icon{font:48px var(--sans);color:var(--red)}.checkpoint-top{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:17px}.checkpoint-top span:last-child{color:var(--muted)}.flow{height:245px;position:relative;margin-top:15px;overflow:hidden}.flow-grid{position:absolute;inset:0;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px);background-size:12.5% 100%;opacity:.3;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.flow-track{position:absolute;top:105px;left:0;right:0;height:1px;background:var(--ink)}.track-start,.track-end{position:absolute;top:101px;width:9px;height:9px;background:var(--ink)}.track-start{left:0}.track-end{right:0}.action-token{position:absolute;left:15%;top:82px;background:var(--ink);color:var(--paper);height:47px;padding:0 17px 0 11px;display:flex;gap:10px;align-items:center;z-index:3;will-change:transform}.action-token svg{width:24px;height:28px}.action-token .mono{font-size:.75rem}.gate{position:absolute;left:50%;transform:translateX(-50%);top:5px;width:172px;z-index:2}.gate-header,.gate-foot{text-align:center;font-size:.75rem}.gate-header{padding-bottom:12px;letter-spacing:.15em}.gate-frame{position:relative;height:155px;border:1px solid var(--ink);background:var(--acid);overflow:hidden}.gate-shutter{position:absolute;inset:0;background:var(--acid);display:flex;justify-content:space-evenly;align-items:center;transform-origin:top}.gate-slit{height:106px;width:1px;background:var(--ink);opacity:.55}.gate-check{position:absolute;inset:0;margin:auto;width:42px;height:42px;opacity:0}.gate-axis{position:absolute;width:6px;height:8px;top:calc(50% - 4px);background:var(--ink);z-index:1}.axis-left{left:0}.axis-right{right:0}.gate-foot{padding-top:10px}.hold-branch{position:absolute;left:calc(50% + 100px);top:167px;display:flex;align-items:center;gap:9px;color:#a83b29}.hold-branch>span:first-child{position:absolute;height:63px;width:30px;left:-100px;bottom:10px;border-left:1px solid var(--red);border-bottom:1px solid var(--red)}.hold-branch svg{width:14px;height:14px}.hold-branch .mono{font-size:.75rem}.flow-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;font-size:14px;padding:0 0 20px;border-bottom:1px solid var(--line)}.flow-labels span:nth-child(2){text-align:center}.flow-labels span:last-child{text-align:right}figcaption{display:flex;gap:18px;align-items:baseline;font-size:14px;color:var(--muted);padding-top:15px}figcaption .mono{font-size:.75rem;color:var(--ink)}.approach{padding-top:104px;padding-bottom:94px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:start;margin-bottom:56px}.section-label{text-transform:uppercase;padding-top:10px;line-height:2}.section-heading h2{font-size:clamp(3rem,5.25vw,5.1rem);font-weight:400;line-height:1.02;letter-spacing:-.055em}.step{display:grid;grid-template-columns:14% 33% 1fr 55px;gap:24px;align-items:center;min-height:170px;border-top:1px solid var(--line)}.step:last-child{border-bottom:1px solid var(--line)}.step-number{overflow:hidden;font-size:clamp(2.75rem,4.5vw,4.6rem);letter-spacing:-.07em;color:#8b8288;line-height:1.15}.step-number span{display:block}.step-name h3{font-size:clamp(1.45rem,2.2vw,2.125rem);font-weight:400;letter-spacing:-.035em}.step-name .mono{display:block;text-transform:uppercase;font-size:.75rem;color:var(--muted);margin-top:12px}.step p{font-size:17px;line-height:1.5;max-width:385px;color:var(--muted)}.step-symbol{width:40px;height:40px;fill:none;stroke:var(--ink);stroke-width:1.4}.approach-note{margin-top:24px;color:var(--muted);font-size:.75rem}.future{background:var(--ink);color:var(--paper)}.future-inner{padding-top:42px;padding-bottom:76px}.future-meta{display:flex;justify-content:space-between;text-transform:uppercase;color:var(--acid)}.future h2{font-size:clamp(3rem,6.5vw,6.5rem);font-weight:400;letter-spacing:-.055em;line-height:1.04;margin-top:66px}.future h2 span{color:var(--acid)}.future-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:55px;align-items:center}.future-diagram{max-width:490px;align-self:center}.future-diagram svg{width:100%;overflow:visible}.future-path{fill:none;stroke:#897c8d;stroke-width:1}.shadow-path{fill:none;stroke:var(--acid);stroke-width:1.5;stroke-dasharray:5 6}.return-path{fill:none;stroke:var(--red);stroke-width:1.5}.future-pivot{fill:var(--acid)}.future-point{fill:var(--paper)}.diagram-labels{display:flex;justify-content:space-between;color:#baafbc;font-size:.75rem;padding-top:7px}.future-copy{max-width:470px}.future-intro{font-size:21px;line-height:1.45;margin-bottom:30px;letter-spacing:-.02em}.future-copy article{padding-block:22px;border-top:1px solid #58485c}.future-tag{text-transform:uppercase;color:var(--acid);font-size:.75rem}.future-copy h3{font-size:26px;font-weight:400;letter-spacing:-.025em;margin-top:10px}.future-copy article p{font-size:16px;line-height:1.55;margin-top:8px;max-width:370px;color:#c5bbc7}.footer{padding-top:48px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-top>.mono{max-width:260px;font-size:.75rem;text-transform:uppercase}.coming-soon{font-size:25px;letter-spacing:-.03em;display:flex;gap:40px;align-items:center}.coming-soon span{color:var(--red);font-size:35px}.footer-wordmark{font-size:clamp(9rem,28vw,27rem);font-weight:500;letter-spacing:-.09em;line-height:.95;position:relative;margin:28px 0 34px;display:flex;align-items:flex-end;gap:8vw}.footer-block{height:.36em;width:.17em;background:var(--red);margin-bottom:.15em}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:23px;font-size:.75rem}.footer-bottom a{font-size:.8125rem}.footer-bottom a:hover{text-decoration:underline}
@media(min-width:1300px){h1{max-width:1300px}.hero-bottom{margin-top:50px}}
@media(max-width:900px){.header{height:88px}h1{font-size:clamp(3.5rem,8.3vw,5rem);line-height:1.03}.hero{padding-top:32px}.hero-bottom{grid-template-columns:1fr 1.4fr}.section-heading{grid-template-columns:1fr 2.1fr}.step{grid-template-columns:70px 1fr 1.15fr;gap:20px;min-height:155px}.step-symbol{display:none}.step p{font-size:16px}.step-name h3{font-size:23px}.future-layout{gap:8%}.footer-wordmark{font-size:29vw}.future-intro{font-size:19px}}
@media(max-width:600px){.header{height:84px}.brand{font-size:32px}.brand-mark{width:23px}.development{position:absolute;top:108px;left:var(--gutter);font-size:.75rem}.approach-link{font-size:14px;gap:13px}.hero{padding-top:73px;padding-bottom:37px}.hero-kicker{display:none}h1{font-size:clamp(2.75rem,10.7vw,4rem);line-height:1.04;letter-spacing:-.055em;margin-top:0}.headline-last{margin-top:3px}.hero-bottom{display:flex;flex-direction:column-reverse;align-items:start;gap:26px;margin-top:28px}.hero-bottom p{font-size:18px;line-height:1.5}.boundary-label{font-size:.75rem;gap:12px}.boundary-label br{display:none}.boundary-icon{font-size:26px}.checkpoint-top{font-size:.75rem;padding-top:14px}.checkpoint-top span:last-child{font-size:.75rem}.flow{height:196px;margin-top:20px}.flow-track{top:84px}.track-start,.track-end{top:80px;width:7px;height:7px}.action-token{left:4%;top:67px;height:35px;width:37px;padding:5px;justify-content:center}.action-token .mono{display:none}.action-token svg{width:20px}.gate{width:98px;top:0}.gate-frame{height:118px}.gate-header{font-size:.75rem;padding-bottom:8px}.gate-foot{font-size:.75rem;padding-top:7px}.gate-slit{height:82px}.hold-branch{left:calc(50% + 55px);top:162px;gap:4px}.hold-branch>span:first-child{height:39px;width:36px;left:-55px;bottom:7px}.hold-branch .mono{font-size:.75rem;letter-spacing:0}.hold-branch svg{width:10px}.flow-labels{font-size:12px;line-height:1.4;gap:12px;grid-template-columns:1fr 1.3fr 1fr;padding-bottom:17px}figcaption{font-size:12px;line-height:1.5;gap:10px;padding-top:13px}.approach{padding-top:70px;padding-bottom:52px}.section-heading{display:block;margin-bottom:35px}.section-label{display:flex;gap:10px;font-size:.75rem;padding:0;margin-bottom:24px}.section-label br{display:none}.section-heading h2{font-size:43px;line-height:1.04}.step{grid-template-columns:48px 1fr;gap:10px 18px;min-height:0;padding:25px 0;align-items:start}.step-number{font-size:37px;grid-row:1/3;line-height:1}.step-name{display:flex;flex-direction:column-reverse;gap:7px}.step-name h3{font-size:24px}.step-name .mono{margin:0;font-size:.75rem}.step p{grid-column:2;font-size:16px;line-height:1.5}.approach-note{font-size:.75rem;line-height:1.8;margin-top:20px}.future-inner{padding-top:27px;padding-bottom:42px}.future-meta{font-size:.75rem}.future h2{font-size:clamp(2.5rem,9.2vw,3.5rem);margin-top:40px}.future-layout{display:flex;flex-direction:column;gap:25px;margin-top:22px}.future-diagram{width:90%;max-width:330px;align-self:start}.diagram-labels{font-size:.75rem}.future-copy{width:100%;max-width:none}.future-intro{font-size:20px;margin-bottom:25px}.future-tag{font-size:.75rem}.future-copy h3{font-size:25px}.future-copy article p{font-size:16px}.footer{padding-top:30px}.footer-top{align-items:start}.footer-top>.mono{max-width:145px;font-size:.75rem}.coming-soon{font-size:19px;gap:10px;white-space:nowrap}.coming-soon span{font-size:22px}.footer-wordmark{font-size:30vw;gap:9vw;margin:39px 0 26px}.footer-bottom{font-size:.75rem;padding-block:20px}.footer-bottom a{font-size:.75rem}}
@media(max-width:600px){.hold-branch{left:calc(50% + 16px);white-space:nowrap}.hold-branch>span:first-child{left:-16px;width:10px}.boundary-label span:last-child{line-height:1.6}.boundary-label br:after{content:' '}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The wider Observ wordmark keeps the closing composition within its column. */
.footer-wordmark{font-size:clamp(7rem,23vw,23rem);gap:5vw}
@media(max-width:600px){.footer-wordmark{font-size:23vw;gap:5vw}}