@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/31e5e20239562b7a-s.3_otmf38u2y4x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9a8b04342f903b9d-s.00hyb-x0mjr9g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c6e2684784a55443-s.p.2p4adm_386h58.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../media/742f0fcf9aa5cfe6-s.1x39li9dshdhc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b524e3bdcc8dfcd3-s.1qsgyx-tuq4mu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a083361d37caf3d1-s.p.0s4utfvp8prsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b221c6d9681431a7-s.3f7g1nki62hoj.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/af7efeee822b8a1b-s.3sup9rdq9grs5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6c98c9fb873995d2-s.p.22ggkaf3lyu8c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(../media/f1c5314e24238cfd-s.22gtx64q2ss2-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7993b8d2abb72fea-s.3os00td4x4cmq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0595f7052377a1a2-s.p.2lpos000q_nzo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Fallback;src:local(Arial);ascent-override:103.43%;descent-override:20.69%;line-gap-override:0.0%;size-adjust:96.68%}.barlow_4dfbec4f-module__KEb-pW__className{font-family:Barlow,Barlow Fallback;font-style:normal}.barlow_4dfbec4f-module__KEb-pW__variable{--font-text:"Barlow", "Barlow Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.40sczeszzbjw1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.29yke99gs9qpn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.1i-sca43-qwng.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.0oace-s_gkfks.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.352ti9pm7m6qh.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.0o-3_g79811ob.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.0ngr-xkgqz1kf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.15orukf5wyxb5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.226pwps5o-gq_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_a32f0e4b-module__VcOhLG__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_a32f0e4b-module__VcOhLG__variable{--font-data:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--paper:#f4f7f8;--paper-raised:#fbfcfc;--ink:#15232d;--ink-muted:#52636e;--coordinate:#2257d6;--coordinate-deep:#173e9c;--safe:#18a6b7;--safe-soft:#c8f1f3;--keyboard:#e2634d;--keyboard-soft:#f8d3cc;--grid:#cad6dc;--rule:#aebfc7;--font-body:var(--font-text), sans-serif;--font-code:var(--font-data), monospace;--site-width:82rem;--reading-width:46rem;--gutter:clamp(1rem, 4vw, 3.5rem);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.62}a{color:var(--coordinate-deep);text-underline-offset:.2em;text-decoration-thickness:.09em}a:hover{color:var(--coordinate)}:focus-visible{outline:3px solid var(--keyboard);outline-offset:4px}button,input{font:inherit}button{cursor:pointer}code,pre,output{font-family:var(--font-code)}code{font-size:.88em}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;line-height:1.03}h1{letter-spacing:-.055em;max-width:13ch;margin-bottom:1.5rem;font-size:clamp(3.25rem,8vw,7.75rem);font-weight:600}h2{letter-spacing:-.04em;font-size:clamp(2.1rem,4.2vw,4.4rem);font-weight:600}h3{letter-spacing:-.025em;font-size:clamp(1.3rem,2vw,1.75rem);font-weight:600}.site-frame{width:min(100%, var(--site-width));padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:100;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);padding:.65rem .9rem;font-weight:600;position:fixed;top:.75rem;left:.75rem;translate:0 -180%}.skip-link:focus{translate:0}.site-header{border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--paper) 94%, transparent)}.site-header__inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:5rem;display:flex}.site-identity{color:var(--ink);flex:none;align-items:center;gap:.85rem;text-decoration:none;display:inline-flex}.site-identity>span:last-child{line-height:1.15;display:grid}.site-identity strong{font-size:1.05rem;font-weight:600}.site-identity small{color:var(--ink-muted);font-size:.72rem}.site-identity__mark{border:2px solid var(--coordinate);width:2rem;height:2rem;display:inline-block;position:relative}.site-identity__mark:before,.site-identity__mark i{content:"";position:absolute}.site-identity__mark:before{border:2px solid var(--safe);inset:.33rem .22rem .22rem .42rem}.site-identity__mark i{background:var(--keyboard);height:.42rem;bottom:-2px;left:-2px;right:-2px}.primary-nav{justify-content:flex-end;align-items:center;gap:clamp(.8rem,2.4vw,2rem);font-size:.94rem;font-weight:500;display:flex}.primary-nav a{color:var(--ink);text-decoration:none}.primary-nav a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--coordinate);text-decoration-color:var(--coordinate);text-underline-offset:.35rem;text-decoration-thickness:2px}.viewport-hero{border-bottom:1px solid var(--rule);padding-block:2.5rem 3rem}.viewport-hero__layout{grid-template-columns:minmax(18rem,.78fr) minmax(32rem,1.22fr);align-items:start;gap:clamp(3rem,6vw,6rem);display:grid}.viewport-hero__copy{min-width:0;padding-top:.75rem}.viewport-hero__copy h1{max-width:11.5ch;font-size:clamp(3.25rem,5.8vw,6.25rem)}.viewport-hero__introduction{max-width:38rem;color:var(--ink-muted);margin-bottom:2rem;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.46}.viewport-hero__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-bottom:2.25rem;font-weight:600;display:flex}.primary-action{border:2px solid var(--coordinate-deep);background:var(--coordinate-deep);color:#fff;align-items:center;min-height:2.9rem;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.primary-action:hover{color:var(--coordinate-deep);background:0 0}.viewport-hero__code{border-block:1px solid var(--rule);max-width:100%;color:var(--coordinate-deep);margin:0;padding:1rem 0;font-size:.72rem;line-height:1.7;overflow-x:auto}.viewport-hero__proof{border-top:4px solid var(--ink);min-width:0}.viewport-hero__live-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;padding-block:.9rem;display:flex}.viewport-hero__live-header>div{line-height:1.3;display:grid}.viewport-hero__live-header strong{font-size:.95rem}.viewport-hero__live-header span,.viewport-hero__summary{color:var(--ink-muted);font-size:.72rem}.viewport-hero__summary{white-space:nowrap}.viewport-hero__readout{border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.viewport-hero__readout>div{min-width:0;padding:.85rem 1rem .9rem 0}.viewport-hero__readout>div+div{border-left:1px solid var(--rule);padding-left:1rem}.viewport-hero__readout dt{color:var(--ink-muted);margin-bottom:.2rem;font-size:.72rem}.viewport-hero__readout dd{font-family:var(--font-code);overflow-wrap:anywhere;margin:0;font-size:clamp(.75rem,1.2vw,.9rem)}.viewport-hero__stage{border:1px solid var(--ink);background:var(--paper-raised);border-top:0;min-height:31rem;position:relative;overflow:hidden}.viewport-hero__thread{padding:1.25rem 1.25rem calc(var(--hero-effective-inset) + 8rem);gap:1rem;display:grid}.viewport-hero__thread-header{border-bottom:1px solid var(--rule);align-items:center;gap:.7rem;margin:-1.25rem -1.25rem 1.25rem;padding:.9rem 1.25rem;display:flex}.viewport-hero__avatar{border:1px solid var(--coordinate);background:var(--safe-soft);width:2rem;height:2rem;color:var(--coordinate-deep);border-radius:50%;place-items:center;font-weight:600;display:grid}.viewport-hero__thread-header>span:last-child{line-height:1.2;display:grid}.viewport-hero__thread-header small{color:var(--ink-muted);font-size:.7rem}.viewport-hero__thread p{border:1px solid var(--rule);background:var(--paper);width:fit-content;max-width:78%;margin:0;padding:.7rem .85rem;font-size:.85rem;line-height:1.45}.viewport-hero__thread .viewport-hero__reply{border-color:var(--coordinate-deep);background:var(--coordinate-deep);color:#fff;justify-self:end}.viewport-hero__composer{z-index:3;right:1rem;bottom:calc(var(--hero-effective-inset) + 1rem);border:2px solid var(--ink);background:var(--paper-raised);padding:.85rem;position:absolute;left:1rem}.viewport-hero__composer label{margin-bottom:.45rem;font-size:.76rem;font-weight:600;display:block}.viewport-hero__composer>div{grid-template-columns:minmax(0,1fr) auto;display:grid}.viewport-hero__composer input,.viewport-hero__composer button,.viewport-hero__simulation button{border:1px solid var(--ink);background:var(--paper-raised);min-height:2.8rem;color:var(--ink)}.viewport-hero__composer input{background:#fff;min-width:0;padding-inline:.75rem}.viewport-hero__composer button{background:var(--coordinate-deep);color:#fff;border-left:0;padding-inline:1rem;font-weight:600}.viewport-hero__safe-area,.viewport-hero__keyboard{position:absolute;bottom:0;left:0;right:0}.viewport-hero__safe-area{z-index:1;height:var(--hero-safe-bottom);background:var(--safe)}.viewport-hero__keyboard{z-index:2;height:var(--hero-keyboard-height);border-top:2px solid var(--keyboard);background:var(--keyboard-soft)}.viewport-hero__simulation{justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.viewport-hero__simulation output{border-left:3px solid var(--keyboard);color:var(--ink);padding-left:.55rem;font-size:.78rem;font-weight:600}.viewport-hero__simulation button{padding-inline:.9rem;font-size:.78rem;font-weight:600}.viewport-hero__simulation button[aria-pressed=true]{border-color:var(--keyboard);background:var(--keyboard-soft)}.viewport-hero__simulation-note{color:var(--ink-muted);margin:.6rem 0 0;font-size:.74rem}.geometry-demo{border-top:4px solid var(--ink);border-bottom:1px solid var(--rule)}.geometry-demo__header{grid-template-columns:1fr auto;align-items:start;gap:1.5rem;padding-block:1.3rem;display:grid}.geometry-demo__header h2{max-width:15ch;margin-bottom:.75rem;font-size:clamp(1.9rem,4vw,3.75rem)}.geometry-demo__header p{max-width:38rem;color:var(--ink-muted);margin-bottom:0}.mode-indicator{color:var(--ink-muted);white-space:nowrap;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.mode-indicator:before{background:var(--safe);content:"";border-radius:50%;width:.55rem;height:.55rem}.mode-indicator[data-state=pending]:before{background:var(--ink-muted)}.geometry-demo__body{grid-template-columns:minmax(18rem,1fr) minmax(13rem,.68fr);align-items:start;gap:clamp(1rem,3vw,2.5rem);display:grid}.coordinate-plane{border:1px solid var(--rule);background-color:var(--paper-raised);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:2rem 2rem;min-width:0;margin:0;position:relative;overflow:hidden}.coordinate-plane__sizer{visibility:hidden;width:100%;height:auto;display:block}.coordinate-drawing{z-index:2;width:100%;height:100%;position:absolute;inset:0}.layout-plane{fill:#0000;stroke:var(--coordinate);stroke-width:3px;vector-effect:non-scaling-stroke}.coordinate-plane__pending{z-index:2;color:var(--ink-muted);font-family:var(--font-code);place-items:center;font-size:.8125rem;display:grid;position:absolute;inset:0}.coordinate-plane__pending:before{aspect-ratio:1;border:1px dashed var(--coordinate);content:"";width:42%;position:absolute}.plane-label{z-index:5;font-family:var(--font-code);padding:.2rem .35rem;font-size:.8125rem;font-style:normal;line-height:1;position:absolute}.plane-label--layout{background:var(--coordinate);color:#fff;top:.65rem;right:.65rem}.visual-plane{fill:color-mix(in srgb, var(--coordinate) 8%, transparent);stroke:var(--coordinate-deep);stroke-width:2px;vector-effect:non-scaling-stroke}.plane-label--visual{background:var(--coordinate-deep);color:#fff;top:.65rem;left:.65rem}.safe-band{fill:color-mix(in srgb, var(--safe) 56%, transparent)}.keyboard-plane{fill:color-mix(in srgb, var(--keyboard) 58%, var(--keyboard-soft))}.plane-label--keyboard{background:var(--keyboard);color:var(--ink);white-space:nowrap;bottom:2rem;left:.5rem;right:auto}.coordinate-plane figcaption{z-index:6;color:var(--ink-muted);font-family:var(--font-code);font-size:.6875rem;line-height:1.35;position:absolute;bottom:.5rem;left:.6rem;right:.6rem}.geometry-readout{border-top:1px solid var(--rule);margin:0}.geometry-readout>div{border-bottom:1px solid var(--rule);padding-block:.85rem}.geometry-readout dt{color:var(--ink-muted);align-items:center;gap:.55rem;margin-bottom:.35rem;font-size:.78rem;font-weight:500;display:flex}.geometry-readout dd{font-family:var(--font-code);margin:0;font-size:.82rem}.geometry-readout small{color:var(--ink-muted);margin-top:.3rem;font-size:.62rem;line-height:1.5;display:block}.legend-swatch{border:2px solid;width:.75rem;height:.75rem;display:inline-block}.legend-swatch--layout,.legend-swatch--visual{border-color:var(--coordinate)}.legend-swatch--visual{background:color-mix(in srgb, var(--coordinate) 18%, transparent)}.legend-swatch--safe{border-color:var(--safe);background:var(--safe-soft)}.legend-swatch--keyboard{border-color:var(--keyboard);background:var(--keyboard-soft)}.scenario-controls{border:0;border-top:1px solid var(--rule);gap:1rem;margin:1.5rem 0 0;padding:1rem 0 1.5rem;display:grid}.scenario-controls legend{padding:0 .6rem 0 0;font-size:.88rem;font-weight:600}.scenario-selector{flex-wrap:wrap;gap:.5rem;display:flex}.scenario-selector button{border:1px solid var(--rule-strong);min-height:2.5rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:.55rem .8rem;font-size:.78rem}.scenario-selector button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.scenario-selector button:focus-visible{outline:3px solid var(--coordinate);outline-offset:2px}.scenario-description{max-width:58rem;color:var(--ink-muted);margin:0;font-size:.82rem}.custom-geometry-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1rem;display:grid}.custom-geometry-controls label{color:var(--ink-muted);grid-template-columns:minmax(0,1fr) 5.25rem auto;align-items:center;gap:.5rem;font-size:.72rem;display:grid}.custom-geometry-controls input{border:1px solid var(--rule-strong);background:var(--paper);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:0;padding:.45rem}.custom-geometry-controls input:focus-visible{outline:3px solid var(--coordinate);outline-offset:1px}.geometry-formula{border-block:1px solid var(--rule);color:var(--ink-muted);flex-wrap:wrap;gap:.4rem 1rem;margin-top:1.5rem;padding-block:.8rem;font-size:.78rem;display:flex}.geometry-formula code{color:var(--ink)}.geometry-warning{border-left:3px solid var(--keyboard);background:var(--keyboard-soft);color:var(--ink);margin:0;padding:.75rem;font-size:.78rem}.install-section{border-block:1px solid var(--rule);background:var(--ink);color:var(--paper);padding-block:clamp(5rem,10vw,10rem)}.use-cases{padding-block:clamp(5rem,10vw,9rem)}.use-case-list{border-top:1px solid var(--rule);margin-top:3rem}.use-case-list article{border-bottom:1px solid var(--rule);grid-template-columns:minmax(10rem,.48fr) minmax(16rem,1fr) auto;align-items:baseline;gap:clamp(1rem,4vw,4rem);padding-block:1.35rem;display:grid}.use-case-list h3,.use-case-list p{margin:0}.use-case-list p{max-width:48ch;color:var(--ink-muted)}.use-case-list code{color:var(--coordinate-deep);white-space:nowrap;font-size:.75rem}.split-section{grid-template-columns:.82fr 1.18fr;align-items:start;gap:clamp(3rem,8vw,8rem);display:grid}.section-heading{max-width:38rem}.section-heading h2{max-width:13ch}.section-heading p{max-width:42rem;color:var(--ink-muted)}.install-section .section-heading p{color:#cdd8dd}.install-command{overflow-wrap:anywhere;border-block:1px solid #62727b;margin-top:2rem;padding-block:.8rem}.code-block{border:1px solid var(--rule);color:#eaf1f3;background:#0d1820;min-width:0;margin:0}.code-block figcaption{color:#becbd0;border-bottom:1px solid #52636e;padding:.65rem 1rem;font-size:.78rem}.code-block pre{margin:0;padding:1.2rem;font-size:.76rem;line-height:1.65;overflow:auto}.mental-model,.evidence-handoff{border-top:1px solid var(--rule);padding-block:clamp(5rem,10vw,9rem)}.evidence-handoff__copy p{color:var(--ink-muted)}.reference-handoff{border-top:3px solid var(--ink);align-content:start;display:grid}.reference-handoff strong,.reference-handoff a{border-bottom:1px solid var(--rule);padding-block:.85rem}.reference-handoff strong{font-size:.85rem}.concept-list{border-top:1px solid var(--rule);grid-template-columns:repeat(3,1fr);margin-top:4rem;display:grid}.concept-list article{border-bottom:1px solid var(--rule);padding:1.5rem clamp(1rem,3vw,2.5rem) 1rem 0}.concept-list article+article{border-left:1px solid var(--rule);padding-left:clamp(1rem,3vw,2.5rem)}.concept-list p{max-width:31ch;color:var(--ink-muted);margin-bottom:0}.section-link{margin-top:2rem;font-weight:600}.simulator-section{border-top:1px solid var(--rule);padding-block:clamp(5rem,10vw,9rem)}.simulator-section>.section-heading{margin-bottom:clamp(3rem,6vw,5rem)}.simulator-section .geometry-demo{border-top-width:1px}.simulator-section .geometry-demo__header h2{max-width:18ch;font-size:clamp(1.7rem,3vw,2.75rem)}.docs-main{min-height:70vh}.docs-hero{border-bottom:1px solid var(--rule);padding-block:clamp(4rem,9vw,8rem)}.docs-hero h1{max-width:11ch;margin-bottom:1.5rem}.docs-hero p{max-width:42rem;color:var(--ink-muted);margin-bottom:0;font-size:clamp(1.2rem,2vw,1.55rem)}.docs-layout{grid-template-columns:12rem minmax(0, var(--reading-width));justify-content:start;gap:clamp(3rem,8vw,8rem);padding-block:clamp(4rem,8vw,8rem);display:grid}.page-index{border-top:3px solid var(--ink);align-content:start;gap:.5rem;height:max-content;padding-top:.75rem;font-size:.85rem;display:grid;position:sticky;top:2rem}.page-index a{color:var(--ink-muted)}.prose{min-width:0;max-width:var(--reading-width)}.prose>section{padding-bottom:clamp(4rem,8vw,7rem)}.prose h2{margin-bottom:2rem}.prose p,.legal-document p,.composer-demo__copy p,.recipe p{max-width:68ch}.reference-entry{border-top:1px solid var(--rule);padding-block:1.8rem 2.3rem}.reference-entry h3{font-family:var(--font-code);overflow-wrap:anywhere;font-size:1.1rem}.reference-entry p{color:var(--ink-muted)}.comparison-table-wrapper{max-width:100%;overflow-x:auto}.comparison-table-wrapper table{border-collapse:collapse;text-align:left;width:100%;min-width:44rem}.comparison-table-wrapper th,.comparison-table-wrapper td{border:1px solid var(--rule);vertical-align:top;padding:1rem}.comparison-table-wrapper thead th{background:var(--paper-raised)}.variable-list{border-top:1px solid var(--rule);margin:2rem 0 0;padding:0;list-style:none;display:grid}.variable-list li{border-bottom:1px solid var(--rule);overflow-wrap:anywhere;padding:.65rem 0}.browser-prose{padding-block:clamp(4rem,8vw,8rem)}.definition-list{border-top:1px solid var(--rule);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.definition-list>div{border-bottom:1px solid var(--rule);padding:1.25rem 1.25rem 1.25rem 0}.definition-list>div+div{border-left:1px solid var(--rule);padding-left:1.25rem}.definition-list dt{font-weight:600}.definition-list dd{color:var(--ink-muted);margin:.3rem 0 0}.browser-list{border-top:1px solid var(--rule)}.browser-list article{border-bottom:1px solid var(--rule);grid-template-columns:minmax(8rem,.35fr) 1fr;gap:2rem;padding-block:1.4rem;display:grid}.browser-list h3,.browser-list p{margin-bottom:0}.browser-list p{color:var(--ink-muted)}.evidence-note,.source-annotation{border-left:4px solid var(--keyboard);background:var(--keyboard-soft);padding:1.25rem}.evidence-note p,.source-annotation p{margin:.35rem 0 0}.examples-stack{grid-template-columns:minmax(0,1fr);gap:clamp(5rem,10vw,10rem);padding-block:clamp(4rem,8vw,8rem);display:grid}.use-case-examples{gap:clamp(5rem,10vw,9rem);display:grid}.use-case-example{min-width:0}.use-case-example__copy{border-top:4px solid var(--ink);padding-top:1rem}.use-case-example__copy h2{font-size:clamp(2rem,4vw,3.5rem)}.use-case-example__copy p{max-width:68ch;color:var(--ink-muted)}.composer-demo{grid-template-columns:minmax(15rem,.65fr) minmax(22rem,1.35fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.composer-demo__copy{border-top:4px solid var(--ink);padding-top:1rem}.composer-demo__copy h2{font-size:clamp(2rem,4vw,3.5rem)}.composer-demo__copy p{color:var(--ink-muted)}.inset-equation{border-block:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:2rem 0 0;display:grid}.inset-equation>div{min-width:0;padding-block:.8rem}.inset-equation>div+div{border-left:1px solid var(--rule);padding-left:.75rem}.inset-equation dt{color:var(--ink-muted);font-size:.72rem}.inset-equation dd{font-family:var(--font-code);margin:.15rem 0 0;font-size:.85rem}.inset-equation>div:last-child dd{color:var(--coordinate-deep);font-weight:600}.composer-stage{border:1px solid var(--rule);background-color:var(--paper-raised);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:2rem 2rem;min-height:35rem;position:relative;overflow:hidden}.composer-stage__content{gap:.9rem;padding:2rem;display:grid}.composer-stage__content span{background:var(--grid);width:72%;height:.65rem;display:block}.composer-stage__content span:nth-child(2){width:52%}.composer-stage__content span:nth-child(3){width:63%}.composer-shell{z-index:2;right:max(1rem, var(--react-viewport-safe-area-right,0px));--bottom-inset:max(var(--react-viewport-keyboard-height,0px), var(--react-viewport-safe-area-bottom,0px));bottom:calc(var(--bottom-inset) + 1rem);left:max(1rem, var(--react-viewport-safe-area-left,0px));border:2px solid var(--ink);background:var(--paper-raised);padding:1rem;position:absolute}.composer-shell label{margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.composer-shell>div{grid-template-columns:1fr auto;display:grid}.composer-shell input,.composer-shell button{border:1px solid var(--ink);min-width:0;min-height:3rem}.composer-shell input{background:#fff;padding-inline:.8rem}.composer-shell button{background:var(--coordinate-deep);color:#fff;border-left:0;padding-inline:1rem;font-weight:600}.modal-example,.visible-area-example,.css-bridge-example{grid-template-columns:minmax(15rem,.65fr) minmax(22rem,1.35fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.modal-stage{border:1px solid var(--rule);background-color:var(--paper-raised);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:2rem 2rem;height:clamp(25rem,52vw,34rem);position:relative;overflow:hidden}.modal-stage__visual{z-index:1;top:var(--example-visual-top);height:var(--example-visual-height);border-block:2px solid var(--coordinate);background:color-mix(in srgb, var(--coordinate) 7%, transparent);position:absolute;left:0;right:0}.modal-stage__visual span{background:var(--coordinate);color:#fff;font-family:var(--font-code);padding:.2rem .35rem;font-size:.72rem;line-height:1;position:absolute;top:.55rem;right:.55rem}.modal-sheet{z-index:2;border:2px solid var(--ink);background:var(--paper-raised);min-height:11rem;padding:1.5rem;position:absolute;top:13%;left:12%;right:12%}.modal-sheet__title,.modal-sheet__line{background:var(--grid);height:.65rem}.modal-sheet__title{background:var(--ink);width:40%;height:1rem;margin-bottom:1.75rem}.modal-sheet__line{width:80%;margin-top:.8rem}.modal-sheet__line--short{width:58%}.modal-action-bar{z-index:3;right:12%;bottom:calc(var(--example-effective-bottom) + .75rem);border:2px solid var(--ink);background:var(--paper-raised);justify-content:flex-end;align-items:center;gap:1rem;min-height:3.25rem;padding:.65rem;font-size:.78rem;display:flex;position:absolute;left:12%}.modal-action-bar strong{background:var(--coordinate-deep);color:#fff;padding:.45rem .65rem}.visible-area-ruler{border-block:1px solid var(--rule);background:repeating-linear-gradient(90deg, transparent 0, transparent calc(10% - 1px), var(--grid) calc(10% - 1px), var(--grid) 10%);place-items:center;min-height:17rem;display:grid;position:relative}.visible-area-ruler:before{background:var(--coordinate);content:"";width:.4rem;position:absolute;top:0;bottom:0;left:0}.visible-area-ruler>span{color:var(--ink-muted);font-family:var(--font-code);font-size:.72rem;position:absolute;left:1rem}.visible-area-ruler>span:first-child{top:.75rem}.visible-area-ruler>span:last-child{bottom:.75rem}.visible-area-ruler output{background:var(--coordinate-deep);color:#fff;padding:.35rem .6rem;font-size:clamp(1.6rem,5vw,3.8rem);font-weight:600;line-height:1}.css-variable-readout{border-top:1px solid var(--rule);margin:0}.css-variable-readout>div{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding-block:1.25rem;display:grid}.css-variable-readout dt{min-width:0;color:var(--ink-muted);font-family:var(--font-code);overflow-wrap:anywhere;font-size:.76rem}.css-variable-readout dd{color:var(--coordinate-deep);font-family:var(--font-code);margin:0;font-weight:600}.recipe{grid-template-columns:.75fr 1.25fr;align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.recipe>div{border-top:4px solid var(--coordinate);padding-top:1rem}.recipe h2,.css-first h2{font-size:clamp(2rem,4vw,3.5rem)}.recipe p{color:var(--ink-muted)}.css-first{border-block:1px solid var(--rule);padding-block:clamp(4rem,8vw,7rem)}.css-first>div{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem;display:grid}.css-first p{margin-bottom:0}.css-first>.code-block{max-width:var(--reading-width);margin-top:2.5rem}.example-recipes>header{border-bottom:1px solid var(--rule);grid-template-columns:.75fr 1.25fr;align-items:end;gap:clamp(2rem,6vw,6rem);padding-bottom:2rem;display:grid}.example-recipes h2,.avoid-recipe h2{font-size:clamp(2rem,4vw,3.5rem)}.example-recipes header p,.avoid-recipe p{max-width:68ch;color:var(--ink-muted);margin-bottom:0}.example-recipe-list article{border-bottom:1px solid var(--rule);grid-template-columns:.75fr 1.25fr;align-items:start;gap:clamp(2rem,6vw,6rem);padding-block:clamp(2rem,5vw,4rem);display:grid}.example-recipe-list h3{margin:0}.avoid-recipe{max-width:var(--reading-width);border-left:4px solid var(--keyboard);padding-left:clamp(1rem,3vw,2rem)}.legal-main{min-height:70vh}.legal-document{padding-block:clamp(5rem,11vw,10rem)}.legal-document h1{font-size:clamp(3.5rem,9vw,7rem)}.legal-introduction{color:var(--ink-muted);font-size:clamp(1.2rem,2vw,1.55rem)}.source-annotation{max-width:var(--reading-width);overflow-wrap:anywhere;margin-top:4rem}.site-footer{border-top:1px solid var(--rule);background:var(--paper-raised);padding-block:3.5rem}.site-footer__inner{grid-template-columns:1fr 1.2fr auto;align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.site-footer p{max-width:32rem;color:var(--ink-muted);margin:.35rem 0 0;font-size:.9rem}.site-footer nav{flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.88rem;display:flex}@media (max-width:70rem){.viewport-hero__layout{grid-template-columns:1fr}.viewport-hero__copy{max-width:48rem}.viewport-hero__proof{max-width:54rem}}@media (max-width:52rem){.site-header__inner{flex-direction:column;align-items:flex-start;padding-block:1rem}.primary-nav{justify-content:flex-start;width:100%}.geometry-demo__header,.geometry-demo__body,.split-section,.composer-demo,.recipe,.modal-example,.visible-area-example,.css-bridge-example,.example-recipes>header,.example-recipe-list article{grid-template-columns:1fr}.mode-indicator{justify-self:start}.coordinate-plane{max-width:34rem}.custom-geometry-controls{grid-template-columns:1fr 1fr}.concept-list,.definition-list,.css-first>div{grid-template-columns:1fr}.use-case-list article{grid-template-columns:minmax(9rem,.4fr) 1fr;gap:.5rem 2rem}.use-case-list code{grid-column:2}.concept-list article+article,.definition-list>div+div{border-left:0;padding-left:0}.docs-layout{grid-template-columns:1fr}.page-index{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex;position:static}.page-index strong{flex-basis:100%}.site-footer__inner{grid-template-columns:1fr 1fr}}@media (max-width:34rem){:root{--gutter:1rem}body{font-size:1rem}h1{font-size:clamp(3rem,17vw,4.25rem)}.site-header__inner{gap:1rem}.primary-nav{grid-template-columns:1fr 1fr;gap:.45rem 1rem;display:grid}.viewport-hero{padding-top:3.5rem}.viewport-hero__actions{flex-direction:column;align-items:flex-start}.viewport-hero__readout{grid-template-columns:1fr}.viewport-hero__readout>div{padding:.7rem 0}.viewport-hero__readout>div+div{border-top:1px solid var(--rule);border-left:0;padding-left:0}.viewport-hero__live-header,.viewport-hero__simulation{flex-direction:column;align-items:flex-start}.viewport-hero__stage{min-height:29rem}.viewport-hero__composer{left:.65rem;right:.65rem}.viewport-hero__composer>div{grid-template-columns:1fr}.viewport-hero__composer button{border-top:0;border-left:1px solid var(--ink)}.use-case-list article{grid-template-columns:1fr}.use-case-list code{grid-column:auto}.geometry-demo__header h2{font-size:2rem}.geometry-demo__body{gap:1.5rem}.coordinate-plane{width:100%}.custom-geometry-controls{grid-template-columns:1fr}.browser-list article{grid-template-columns:1fr;gap:.5rem}.composer-stage{min-height:30rem}.composer-shell{right:max(.65rem, var(--react-viewport-safe-area-right,0px));left:max(.65rem, var(--react-viewport-safe-area-left,0px))}.composer-shell>div{grid-template-columns:1fr}.composer-shell button{border-top:0;border-left:1px solid var(--ink)}.site-footer__inner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero-intro{grid-template-columns:1.15fr 1fr;align-items:center;gap:3rem;display:grid}.hero-intro h1{letter-spacing:-.035em;max-width:16ch;font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.05}.hero-api{min-width:0}.hero-api p{max-width:48ch;color:var(--ink-muted)}.mobile-cta{display:none}.comparison{margin-top:3rem;scroll-margin-top:2rem}.comparison-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.comparison-heading h2{margin:.6rem 0 0;font-size:1.5rem}.mode-badge{border:1px solid var(--coordinate);color:var(--coordinate-deep);font:600 .75rem var(--font-code);letter-spacing:.04em;padding:.15rem .55rem;display:inline-block}.comparison-heading button,.lab-controls button,.code-block button{border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink);border-radius:.25rem;padding:.6rem .85rem;font-size:.9rem}.comparison-pair{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.comparison-example{min-width:0}.comparison-example h3{margin:0 0 .6rem;font-size:1.2rem}.comparison-stage{border:1px solid var(--coordinate);background:linear-gradient(var(--paper-raised) 23px, var(--grid) 24px);background-size:24px 24px;height:350px;position:relative;overflow:hidden}.comparison-messages{gap:.5rem;padding:1.25rem;display:grid}.comparison-messages p{background:var(--paper);border:1px solid var(--grid);max-width:75%;margin:0;padding:.65rem;font-size:.9rem}.comparison-messages p+p{justify-self:end}.viewport-composer{left:max(1rem, env(safe-area-inset-left,0px));right:max(1rem, env(safe-area-inset-right,0px));z-index:10;background:var(--paper-raised);border:1px solid var(--coordinate);border-radius:.35rem;padding:.65rem .8rem;box-shadow:0 3px 12px #15232d14}.viewport-composer label{margin-bottom:.2rem;font-size:.8rem;font-weight:600;display:block}.viewport-composer>div{gap:.5rem;display:flex}.viewport-composer input{border:1px solid var(--rule);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:.2rem;padding:.5rem;font-size:16px}.viewport-composer button{background:var(--coordinate-deep);color:#fff;border:0;border-radius:.2rem;padding:.5rem .85rem}.comparison-keyboard{z-index:11;background:var(--keyboard-soft);border-top:2px solid var(--keyboard);text-align:center;pointer-events:none;padding:.6rem;position:absolute;bottom:0;left:0;right:0}.comparison-keyboard span{font-size:.8rem}.comparison-keyboard>div{font:.9rem/1.9 var(--font-code);letter-spacing:.25em;margin-top:.5rem}.comparison-outcome{margin:.8rem 0 .4rem;font-size:.95rem}.comparison-example>code{overflow-wrap:anywhere}.simulation-note{color:var(--ink-muted);max-width:90ch;margin-top:1.25rem;font-size:.9rem}.code-block figcaption{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.code-block [hidden]{display:none}.code-block .copy-code{margin:.75rem}.code-block [role=status]{font-size:.85rem}.code-block pre{max-width:100%;overflow-x:auto}.lab-cta{border-block:1px solid var(--rule);justify-content:space-between;align-items:center;gap:2rem;padding-block:2rem;display:flex}.lab-cta h2{margin-bottom:.5rem}.lab-cta p{max-width:65ch;margin-bottom:0}.decision-tree{gap:.7rem;margin:1.5rem 0;display:grid}.decision-tree div{border-bottom:1px solid var(--grid);grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:.7rem;display:grid}.decision-tree dd{margin:0}.home-recipes .code-block{margin-top:1.5rem}.home-api{padding-block:2rem}.lab-main{min-height:100dvh}body:has(.lab-main)>.site-header{display:none}body:has(.lab-main)>.site-header .primary-nav{display:none}body:has(.lab-main)>.site-footer{display:none}body:has(.lab-main){scroll-padding-bottom:9rem}:is(html:has(.device-lab[data-page-scroll=false]),body:has(.device-lab[data-page-scroll=false])){overscroll-behavior:none;overflow:hidden}.device-lab[data-page-scroll=false] .lab-scroll{top:var(--lab-top);left:var(--lab-left);width:var(--lab-width);height:var(--lab-height);overscroll-behavior-y:contain;scroll-padding-block:1rem 10rem;position:fixed;overflow-y:auto}.lab-home{margin-bottom:.5rem;padding-block:.5rem;display:inline-block}.lab-scroll-mode{align-items:center;gap:.5rem;min-height:44px;margin-top:.5rem;font-size:.9rem;display:flex}.lab-scroll-note{color:var(--ink-muted);font-size:.9rem}.lab-content{max-width:58rem;padding:max(1rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) 10rem max(1rem, env(safe-area-inset-left,0px));margin:0 auto}.lab-intro{max-width:50rem}.lab-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.lab-title-row h1{margin:0;font-size:clamp(1.6rem,4vw,2.6rem)}.lab-intro>p{margin:.8rem 0}.lab-instructions{padding-left:1.3rem;font-size:.95rem}.lab-expected{color:var(--ink-muted);font-size:.9rem}.lab-controls{flex-wrap:wrap;gap:.6rem;display:flex}.copy-status{min-height:1.4em;font-size:.85rem}.lab-geometry{background:var(--paper-raised);border:1px solid var(--coordinate);margin:1rem 0;padding:1rem}.lab-geometry h2{font-size:1.2rem}.lab-geometry dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.5rem;font-size:.85rem;display:grid}.lab-geometry dl>div{border-bottom:1px solid var(--grid);justify-content:space-between;gap:.5rem;display:flex}.lab-geometry dt{overflow-wrap:anywhere}.lab-geometry dd{font-family:var(--font-code);white-space:nowrap;margin:0}.lab-geometry p{overflow-wrap:anywhere;margin-bottom:.4rem;font-size:.85rem}.lab-thread{flex-direction:column;gap:3rem;min-height:75svh;padding-block:2rem;display:flex}.lab-message{border:1px solid var(--grid);background:var(--paper-raised);max-width:75%;margin:0;padding:1rem}.lab-message--reply{border-color:var(--coordinate);align-self:flex-end}.lab-help{border-top:1px solid var(--rule);padding-top:1rem}.lab-help p{font-size:.95rem}.lab-overlays{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.lab-layout-outline,.lab-visual-outline{border:2px solid var(--coordinate);position:absolute}.lab-visual-outline{border:2px dashed var(--coordinate)}.lab-effective-overlay,.lab-safe-overlay{border-top:2px solid var(--keyboard);background:#e2634d33;position:absolute;bottom:0;left:0;right:0}.lab-safe-overlay{border-top-color:var(--safe);background:#18a6b744}.qa-table{border-collapse:collapse;width:100%;font-size:.95rem}.qa-table th,.qa-table td{text-align:left;border-bottom:1px solid var(--grid);padding:.7rem}@media (max-width:760px){.hero-intro{grid-template-columns:1fr;gap:1.5rem}.hero-intro h1{max-width:19ch}.comparison-pair{gap:1rem}.comparison-heading,.lab-cta{flex-direction:column;align-items:flex-start}.comparison-stage{height:340px}.lab-geometry dl{grid-template-columns:1fr}}@media (max-width:520px){.comparison-pair{grid-template-columns:1fr}.comparison-stage{height:310px}.hero-api .viewport-hero__code{font-size:.75rem}.lab-message{max-width:90%}.decision-tree div{grid-template-columns:1fr;gap:.2rem}}@media (pointer:coarse),(max-width:600px){.mobile-cta{display:inline-flex}.desktop-cta{display:none}}.hero-api .viewport-hero__code{font-size:.9rem}.hero-api .viewport-hero__code code{font-size:1em}.use-case-example>.code-block{grid-column:1/-1}@media (min-width:1100px){.viewport-hero>.site-frame{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:start;column-gap:2.5rem;display:grid}.hero-intro{display:contents}.hero-intro>div:first-child{grid-area:1/1}.hero-intro h1{font-size:clamp(2.75rem,3.8vw,3.6rem)}.hero-api{grid-area:2/1}.hero-api .viewport-hero__code{font-size:.8rem}.comparison{grid-area:1/2/span 2;margin-top:0}.comparison-heading{flex-direction:column;align-items:flex-start}.comparison-heading h2{font-size:1.3rem}.comparison-pair{gap:1rem}.comparison-stage{height:350px}}.lab-policy{font-size:.9rem}.result-budget{border:1px solid var(--coordinate);background:var(--paper-raised);padding:1rem}.result-budget ul{margin:0;padding:0;list-style:none}.result-budget li{border-top:1px solid var(--grid);align-items:center;min-height:48px;display:flex}.product-boundary{padding-block:3rem}.comparison-table{overflow-x:auto}.comparison-table table{border-collapse:collapse;width:100%;min-width:34rem}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:.8rem}.hero-trust{color:var(--ink-muted);font-size:.9rem}.hero-coordinate-frame{border:1px solid var(--rule);background-image:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);background-size:32px 32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;margin:2rem 0 0;padding:1.5rem;display:grid}.hero-coordinate-frame svg{width:100%;height:240px}.hero-layout-rect{fill:var(--paper);stroke:var(--coordinate);stroke-width:3px;vector-effect:non-scaling-stroke}.hero-visual-rect{fill:color-mix(in srgb, var(--safe) 10%, transparent);stroke:var(--safe,#18a6b7);stroke-width:2px;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.hero-coordinate-frame figcaption{background:var(--paper);align-content:center;gap:1rem;padding:1rem;display:grid}.geometry-lab .lab-content,.geometry-lab{padding-bottom:3rem}.geometry-lab-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;display:grid}.geometry-lab-grid>div{min-width:0}.geometry-input{border:1px solid var(--coordinate);margin-bottom:1rem;padding:1rem}.geometry-input label{font-weight:600;display:block}.geometry-input input{width:100%;min-width:0;padding:.7rem;font-size:16px}.geometry-input p{font-size:.9rem}.logic-demo{border:1px solid var(--coordinate);margin-block:1rem;padding:1rem}.logic-demo button{margin:.25rem 0}.logic-demo summary{cursor:pointer;padding-block:1rem;font-weight:600}.document-target{z-index:20;pointer-events:none;border:3px solid var(--ink);background:var(--keyboard);box-shadow:0 0 0 3px var(--paper);position:absolute}.geometry-visual-outline{pointer-events:none;z-index:19;border:2px dashed var(--coordinate)}.geometry-lab .lab-geometry dl{grid-template-columns:1fr}@media (max-width:700px){.geometry-lab-grid,.hero-coordinate-frame{grid-template-columns:minmax(0,1fr)}.hero-coordinate-frame{gap:1rem;padding:1rem}.hero-coordinate-frame svg{height:180px}}@media (min-width:1100px){.viewport-hero>.site-frame{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.hero-api{grid-area:1/2}.hero-coordinate-frame{grid-area:2/1/auto/-1}}.geometry-lab h1{font-size:clamp(2rem,5vw,2.8rem)}.logic-demo button{border:1px solid var(--rule);background:var(--paper-raised);min-height:44px;color:var(--ink);cursor:pointer;padding:.55rem .8rem}.coordinate-input{margin-top:1rem}@media (max-width:700px){.geometry-lab .lab-geometry dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.geometry-lab .lab-geometry dl>div{flex-direction:column;align-items:flex-start}.geometry-lab .lab-geometry dt{overflow-wrap:anywhere}}.interaction-hint{z-index:10;padding:max(.65rem, env(safe-area-inset-top,0px)) var(--gutter) .65rem;border-block:1px solid var(--rule);background:var(--paper-raised);color:var(--ink);font-size:.9rem;line-height:1.5;position:sticky;top:0}.geometry-lab .interaction-hint{padding-inline:.8rem}html:has(.interaction-hint){scroll-padding-top:calc(8rem + env(safe-area-inset-top,0px))}