html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{background:var(--color-card);-webkit-font-smoothing:antialiased}.btn-primary,.btn-secondary,.bp-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;padding:.375rem .875rem;font-size:var(--text-ui);font-weight:500;white-space:nowrap;transition:background-color .12s,border-color .12s,color .12s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{border:1px solid var(--color-line);background:var(--color-card);color:var(--color-ink)}.btn-secondary:hover{border-color:var(--color-ink-faint)}.btn-lg{padding:.625rem 1.25rem;font-size:var(--text-key)}.link{color:var(--color-ink-soft);text-decoration:underline;text-decoration-color:var(--color-line);text-underline-offset:3px}.link:hover{color:var(--color-ink)}.section-title{font-size:1.625rem;line-height:1.2;font-weight:600;letter-spacing:-.015em;color:var(--color-ink)}.bp-header,.bp{--bp-ground: #0f172a;--bp-ink: #93c5fd;--bp-ink-soft: rgb(147 197 253 / .55);--bp-minor: rgb(148 163 184 / .07);--bp-major: rgb(148 163 184 / .14);--bp-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}.bp-header{position:absolute;inset:0 0 auto;z-index:30}.bp-ghost{border:1px solid rgb(148 163 184 / .35);color:#e2e8f0}.bp-ghost:hover{border-color:var(--bp-ink);color:#fff}.bp{position:relative;overflow:hidden;min-height:100svh;color:#cbd5e1;background-color:var(--bp-ground);background-image:linear-gradient(var(--bp-major) 1px,transparent 1px),linear-gradient(90deg,var(--bp-major) 1px,transparent 1px),linear-gradient(var(--bp-minor) 1px,transparent 1px),linear-gradient(90deg,var(--bp-minor) 1px,transparent 1px),radial-gradient(ellipse at 70% 40%,#1e293b 0%,var(--bp-ground) 70%);background-size:80px 80px,80px 80px,16px 16px,16px 16px,100% 100%;background-position:-1px -1px}.bp-grid{position:relative;z-index:1;display:grid;gap:2rem;max-width:90rem;margin:0 auto;padding:6rem 1rem 2.5rem;grid-template-areas:"copy" "iso" "block"}@media (min-width: 640px){.bp-grid{padding-left:2rem;padding-right:2rem}}@media (min-width: 1100px){.bp-grid{min-height:100svh;padding-top:6.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);grid-template-rows:auto 1fr;grid-template-areas:"copy iso" "views iso";column-gap:3rem}.bp .bp-block{position:absolute;right:2rem;bottom:2.5rem;width:18rem}.bp .bp-iso{align-self:start}.bp .bp-iso .bp-drawing{max-height:calc(100svh - 20rem);margin:0 auto}}.bp-copy{grid-area:copy;max-width:34rem}.bp-tag{font-family:var(--bp-mono);font-size:var(--text-micro);letter-spacing:.08em;color:var(--bp-ink)}.bp-title{margin-top:1rem;font-size:clamp(2.25rem,4.6vw,3.75rem);line-height:1.04;font-weight:600;letter-spacing:-.03em;color:#fff}.bp-lede{margin-top:1.25rem;font-size:1.0625rem;line-height:1.65;color:#94a3b8}.bp-iso{grid-area:iso;align-self:center}.bp-iso .bp-drawing{aspect-ratio:72 / 52;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.bp-iso .bp-drawing:active{cursor:grabbing}.bp-drawing svg{display:block;width:100%;height:100%;overflow:visible}.bp-views{grid-area:views;display:none;align-self:end;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;border-top:1px dashed rgb(147 197 253 / .25);padding-top:1rem}@media (min-width: 1100px){.bp-views{display:grid}}.bp-views .bp-drawing{aspect-ratio:3 / 2}.bp .bp-line{fill:transparent;stroke:var(--bp-ink);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;animation:bp-plot .42s cubic-bezier(.3,.7,.4,1) var(--d, 0ms) forwards,bp-face .6s ease-out calc(var(--d, 0ms) + .3s) forwards}.bp .bp-line:not(.bp-face){animation:bp-plot .42s cubic-bezier(.3,.7,.4,1) var(--d, 0ms) forwards}.bp .bp-text{fill:var(--bp-ink-soft);font-family:var(--bp-mono);opacity:0;animation:bp-fade .5s ease-out var(--d, 0ms) forwards}.bp-settled .bp-line,.bp-instant .bp-line{stroke-dashoffset:0;animation:none}.bp-settled .bp-face,.bp-instant .bp-face{fill:#3b82f61a}.bp-settled .bp-text,.bp-instant .bp-text{opacity:1;animation:none}@keyframes bp-plot{to{stroke-dashoffset:0}}@keyframes bp-face{to{fill:#3b82f61a}}@keyframes bp-fade{to{opacity:1}}.bp[data-state=error]{--bp-ink: #fca5a5;--bp-ink-soft: rgb(252 165 165 / .6)}.bp-block{grid-area:block;justify-self:end;width:min(100%,22rem);border:1px solid rgb(147 197 253 / .45);background:#0f172ad1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--bp-mono);font-size:var(--text-label);color:#cbd5e1}.bp-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.125rem;padding:0 .75rem;border-bottom:1px solid rgb(147 197 253 / .2)}.bp-row>span:first-child{color:var(--bp-ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-micro)}.bp-row-head{border-bottom-color:#93c5fd73}.bp-row-head>span:first-child{color:#fff;font-size:var(--text-label);letter-spacing:.04em}.bp-block input,.bp-block select{border:0;border-bottom:1px dashed rgb(147 197 253 / .5);background:transparent;color:#fff;font:inherit;text-align:right;font-variant-numeric:tabular-nums}.bp-block input{width:4.5rem}.bp-block select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:.125rem;cursor:pointer}.bp-block select option{background:#0f172a;color:#fff}.bp-block input:focus,.bp-block select:focus{outline:none;border-bottom:1px solid var(--bp-ink)}.bp-status{min-height:2.125rem;padding:.5rem .75rem;color:var(--bp-ink);line-height:1.45}.bp-cross{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .2s}.bp-aim .bp-cross{opacity:1}.bp-cross-x,.bp-cross-y{position:absolute;background:#93c5fd47}.bp-cross-x{left:0;right:0;height:1px;top:var(--cy, 0)}.bp-cross-y{top:0;bottom:0;width:1px;left:var(--cx, 0)}.bp-coords{position:absolute;left:calc(var(--cx, 0) + 10px);top:calc(var(--cy, 0) + 10px);font-family:var(--bp-mono);font-size:var(--text-micro);white-space:pre;color:var(--bp-ink)}@media (hover: none){.bp-cross{display:none}}.steps{display:grid;gap:2rem}@media (min-width: 768px){.steps{grid-template-columns:repeat(3,1fr);gap:0}.steps li+li{border-left:1px solid var(--color-line-soft)}.steps li{padding:0 2rem}.steps li:first-child{padding-left:0}}.steps h3{margin-top:.75rem;font-weight:600;color:var(--color-ink)}.steps p{margin-top:.375rem;line-height:1.6;color:var(--color-ink-soft)}.step-no{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border:1px solid var(--color-line);border-radius:999px;font-size:var(--text-label);font-variant-numeric:tabular-nums;color:var(--color-ink-soft)}.facts>div{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;padding:.625rem 0;border-top:1px solid var(--color-line-soft);font-size:var(--text-ui)}.facts>div:last-child{border-bottom:1px solid var(--color-line-soft)}.facts dt{color:var(--color-ink-faint)}.facts dd{color:var(--color-ink)}.sheet-figure{border:1px solid var(--color-line);background:#fff;box-shadow:var(--shadow-raised)}.sheet-figure svg{display:block;width:100%;height:auto}@media (min-width: 1100px) and (max-height: 800px){.bp .bp-row,.bp .bp-status{min-height:1.625rem}.bp .bp-status{padding-top:.25rem;padding-bottom:.25rem}.bp .bp-iso .bp-drawing{max-height:calc(100svh - 17rem)}}.walkthrough{border:1px solid var(--color-line);border-radius:var(--radius-card);overflow:hidden;background:#fff;box-shadow:var(--shadow-raised)}.walkthrough video{display:block;width:100%;height:auto}.bp-contact{--bp-ink: #93c5fd;--bp-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;background-color:#0f172a;background-image:linear-gradient(rgb(148 163 184 / .12) 1px,transparent 1px),linear-gradient(90deg,rgb(148 163 184 / .12) 1px,transparent 1px);background-size:80px 80px;background-position:-1px -1px}.bp-contact .bp-tag{font-family:var(--bp-mono);font-size:var(--text-micro);letter-spacing:.08em;color:var(--bp-ink)}.bp-contact .bp-ghost{border:1px solid rgb(148 163 184 / .35);color:#e2e8f0}