*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--space-md);font-size:100%;line-height:1.55}body{font-synthesis:none;flex-direction:column;min-height:100vh;margin:0;display:flex}main{outline:none;flex:1 0 auto}code,kbd,samp,.url{overflow-wrap:anywhere}:root{--gutter:clamp(16px, 4vw, 24px);--pad:clamp(12px, 4vw, var(--space-md))}main,.site-footer{container-type:inline-size}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--copper);outline-offset:4px;border-radius:2px}::selection{background:var(--ink);color:var(--paper)}ul,ol{margin:0;padding:0;list-style:none}figure,p{margin:0}h1,h2,h3{font-weight:var(--display-weight);margin:0}.wrap,.bar,.footer-grid,.footer-meta{width:min(100% - 2 * var(--gutter), 76rem);margin-inline:auto}.skip{z-index:10;top:var(--space-xs);left:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--ink);color:var(--inverse);position:absolute;transform:translateY(-200%)}.skip:focus{transform:none}.site-header{border-bottom:1px solid var(--line)}.bar{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-md);padding-block:var(--space-sm);flex-wrap:wrap;display:flex}.site-header nav{align-items:center;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;flex:auto;display:flex}.site-header nav .wordmark{margin-inline-end:auto}.nav-list,.nav-actions{align-items:center;gap:0 var(--space-sm);flex-wrap:wrap;display:flex}.site-header nav li a{align-items:center;min-height:2.75rem;padding-inline:.25rem;font-size:.9375rem;text-decoration:none;display:inline-flex}.site-header nav li a:hover,.site-header nav li a[aria-current=page]{text-underline-offset:.45em;text-decoration:underline}.site-header nav li .nav-cta{padding-inline:var(--space-sm);border:1px solid var(--ink);border-radius:999px}.wordmark{min-height:2.75rem;font-family:var(--display);font-weight:var(--display-weight);letter-spacing:var(--display-track);align-items:center;gap:.55rem;font-size:min(1.375rem,7vw);text-decoration:none;display:inline-flex}.wordmark .wordmark-dot{color:var(--copper)}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.eyebrow:before{content:"";border-top:1px solid var(--copper);flex:none;width:2rem}.display{font-family:var(--display);letter-spacing:var(--display-track);font-size:min(clamp(2.5rem,1.2rem + 5.4vw,5.75rem),16vw);line-height:1.02}.display em,.section-title em{font-family:var(--display);color:var(--accent);font-style:italic}:root[data-theme=daylight] .display em{color:var(--accent)}:root[data-theme=midnight] .display em{color:var(--copper)}.section-title{font-family:var(--display);letter-spacing:var(--display-track);font-size:min(clamp(1.875rem,1.1rem + 2.6vw,3.25rem),10vw);line-height:1.08}.lede{max-width:34rem;color:var(--muted);font-size:clamp(1.125rem,1rem + .4vw,1.3125rem)}.actions{align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.button{background:var(--ink);min-height:3rem;color:var(--inverse);border-radius:999px;align-items:center;gap:.6em;width:fit-content;max-width:100%;padding:.6rem clamp(12px,4vw,1.4rem);font-weight:500;text-decoration:none;display:inline-flex}.button:hover{background:var(--accent)}.button:is(:hover,:focus-visible),.site-header nav li .nav-cta:is(:hover,:focus-visible),.stage-controls button:is(:hover,:focus-visible){transition:background-color .18s,color .18s,border-color .18s}.site-header nav li .nav-cta:hover{background:var(--ink);color:var(--inverse)}.text-link{text-underline-offset:.3em;align-items:center;gap:.5em;min-height:3rem;font-weight:500;text-decoration:underline;display:inline-flex}.arrow{font-family:var(--font-body)}.hero{gap:var(--space-md) var(--space-lg);padding-block:var(--space-lg) var(--space-xl);grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""example""actions";display:grid}.hero-copy{gap:var(--space-md);grid-area:copy;align-content:start;min-width:0;display:grid}.hero-example{grid-area:example}.hero-actions{grid-area:actions;align-self:start}@container (width>=60em){.hero{padding-block:var(--space-xl);grid-template:"copy example""actions example"1fr/minmax(0,1.15fr) minmax(0,1fr);align-items:start}.hero-example{align-self:center}}.example-title{font-family:var(--display);letter-spacing:var(--display-track);margin-bottom:var(--space-sm);font-size:min(1.5rem,8vw);line-height:1.2}.work-steps{counter-reset:step;display:grid;container-type:inline-size}.work-steps li{gap:0 var(--space-xs);border-top:1px solid var(--line);counter-increment:step;grid-template-columns:minmax(0,1fr);padding-block:.75rem;display:grid}.work-steps li:before{content:"0" counter(step);color:var(--copper);font-variant-numeric:tabular-nums;font-size:.8125rem}@container (width>=20em){.work-steps li{grid-template-columns:2.25rem minmax(0,1fr)}.work-steps li:before{grid-row:span 2}}.work-step-name{font-weight:600}.work-step-text{color:var(--muted)}.mark-section .stage-figure{max-width:34rem;margin-inline:auto}.example{min-width:0;padding:var(--pad);border:1px solid var(--line);background:var(--card);border-radius:1.25rem}.example-head{justify-content:space-between;gap:var(--space-xs);margin-bottom:var(--space-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;font-size:.8125rem;display:flex}.tag{border:1px solid var(--line);color:var(--ink);letter-spacing:.04em;text-transform:none;border-radius:999px;padding:.1rem clamp(6px,2vw,.6rem);display:inline-block}.steps{counter-reset:step;gap:0;display:grid;container-type:inline-size}.steps li{align-items:baseline;gap:var(--space-xs);border-top:1px solid var(--line);counter-increment:step;grid-template-columns:minmax(0,1fr);padding-block:.85rem;display:grid}.steps li:before{content:"0" counter(step);color:var(--copper);font-variant-numeric:tabular-nums;font-size:.8125rem}@container (width>=20em){.steps li{grid-template-columns:2.25rem minmax(0,1fr)}}.example-caption{margin-top:var(--space-sm);color:var(--muted);font-size:.875rem}.section{padding-block:var(--space-xl);border-top:1px solid var(--line)}.section-head{gap:var(--space-sm);margin-bottom:var(--space-lg);display:grid}.product-list{display:grid}.product{gap:var(--space-sm) var(--space-lg);padding-block:var(--space-lg);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);display:grid}.product:last-child{border-bottom:1px solid var(--line)}.section .product:last-child{border-bottom:0}@container (width>=60em){.product{grid-template-columns:4rem minmax(0,1fr) minmax(0,1.2fr) auto;align-items:baseline}}.product-index{color:var(--copper);font-variant-numeric:tabular-nums;font-size:.875rem}.product-name{font-family:var(--display);letter-spacing:var(--display-track);font-size:min(clamp(1.75rem,1.2rem + 1.6vw,2.5rem),12vw);line-height:1.1}.product-body{gap:var(--space-xs);min-width:0;display:grid}.product-job{font-size:1.125rem}.status{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.4em;font-size:.9375rem;display:inline-flex}.status strong{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:600}.process-body{gap:var(--space-lg);display:grid}@container (width>=60em){.process-body{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}.process-steps{counter-reset:step;grid-template-columns:minmax(0,1fr);display:grid}@container (width>=40em){.process-steps{gap:0 var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}}.process-steps li{padding-block:var(--space-md);border-top:1px solid var(--line);counter-increment:step;align-content:start;gap:.35rem;display:grid}.process-steps li:before{content:"0" counter(step);color:var(--copper);font-variant-numeric:tabular-nums;font-size:.8125rem}.process-steps h3{font-family:var(--display);letter-spacing:var(--display-track);font-size:min(1.375rem,7vw);line-height:1.2}.process-steps p{color:var(--muted)}.process-aside{gap:var(--space-sm);padding:var(--pad);border:1px solid var(--line);background:var(--card);border-radius:1.25rem;display:grid}.process-aside .status{display:block}.product-next{color:var(--muted);flex-wrap:wrap;align-items:center;gap:0 .4em;font-size:.9375rem;display:flex}.product-next a{min-height:2.75rem;color:var(--ink);align-items:center;display:inline-flex}.product-next strong{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:600}.split{gap:var(--space-lg);display:grid}@container (width>=60em){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.state-panel{gap:var(--space-sm);max-width:40rem;display:grid}.state-panel p{font-size:1.125rem}.state-panel .status{color:var(--ink);font-size:1.0625rem;display:block}.breadcrumb ol{color:var(--muted);flex-wrap:wrap;gap:.25rem .5rem;font-size:.875rem;display:flex}.breadcrumb li+li:before{content:"/";color:var(--line);margin-inline-end:.5rem}.breadcrumb a{align-items:center;min-height:2.75rem;display:inline-flex}.breadcrumb [aria-current]{min-height:2.75rem;color:var(--ink);align-items:center;display:inline-flex}.band{background:var(--ink);color:var(--inverse)}.band .wrap{gap:var(--space-md);padding-block:var(--space-xl);display:grid}.band .section-title em{color:inherit}.band p{max-width:34rem;font-size:1.125rem}.band .button{background:var(--inverse);color:var(--ink);justify-self:start}.band :focus-visible{outline-color:var(--inverse)}.page-hero{gap:var(--space-md);padding-block:var(--space-xl) var(--space-lg);display:grid}.page-body{gap:var(--space-lg);padding-bottom:var(--space-xl);display:grid}.notice{gap:var(--space-xs);max-width:40rem;padding:var(--pad);border:1px solid var(--line);border-left:3px solid var(--copper);background:var(--card);border-radius:.25rem 1rem 1rem .25rem;display:grid}.notice-label{letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:600}.notice p{color:var(--ink)}.notice .detail{color:var(--muted)}.grid-3{grid-template-columns:minmax(0,1fr);gap:0;display:grid}@container (width>=60em){.grid-3{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr))}}.cell{gap:var(--space-xs);padding-block:var(--space-md);border-top:1px solid var(--line);align-content:start;display:grid}.cell h2,.cell h3{font-family:var(--display);letter-spacing:var(--display-track);font-size:min(1.5rem,8vw);line-height:1.2}.cell p{color:var(--muted)}.cell-index{color:var(--copper);font-variant-numeric:tabular-nums;font-size:.8125rem}.note{color:var(--muted);font-size:.875rem}.site-footer{border-top:1px solid var(--line);background:var(--soft)}.footer-grid{gap:var(--space-md);padding-block:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}@container (width>=40em){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}@container (width>=64em){.footer-grid{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}.footer-brand{grid-column:auto}}.footer-brand{gap:var(--space-xs);align-content:start;display:grid}.footer-brand p{color:var(--muted)}.footer-heading{margin-bottom:var(--space-xs);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.site-footer nav a{align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex}.site-footer nav a:hover,.site-footer nav a[aria-current=page]{text-decoration:underline}.footer-meta{justify-content:space-between;gap:var(--space-xs) var(--space-md);padding-block:var(--space-md);border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;font-size:.875rem;display:flex}.theme-label{color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-mark=hexa] :is(.cq-mark,.cq-glyph)[data-mark=octa],:root[data-mark=octa] :is(.cq-mark,.cq-glyph)[data-mark=hexa]{display:none}.cq-glyph{width:1.6rem;height:1.6rem;color:var(--ink);flex:none}.stage-figure{gap:var(--space-sm);min-width:0;display:grid}.stage{aspect-ratio:1;isolation:isolate;will-change:transform;border-radius:50%;justify-self:center;width:min(100%,30rem);position:relative}.stage:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 18%, transparent), transparent);border-radius:50%;position:absolute;inset:0}.cq-mark{width:100%;height:100%;display:block;overflow:visible}.cq-mark .g0{stop-color:var(--accent);stop-opacity:.16}.cq-mark .g1{stop-color:var(--accent);stop-opacity:.05}.cq-mark .g2{stop-color:var(--accent);stop-opacity:0}.cq-mark .m-orbit{fill:none;stroke:var(--line);stroke-width:1.2px}.cq-mark .m-ticks{fill:none;stroke:var(--muted);stroke-width:1.2px;opacity:.55}.cq-mark .m-structure{transform-box:view-box;transform-origin:200px 200px}.cq-mark .m-rim{fill:color-mix(in srgb, var(--ink) 10%, transparent);stroke:var(--ink);stroke-width:1.4px}.cq-mark .m-rim-line{fill:none;stroke:var(--accent);stroke-width:.8px;stroke-dasharray:.004 .008;opacity:.8}.cq-mark .m-tooth{fill:color-mix(in srgb, var(--ink) 16%, var(--card));stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}.cq-mark .m-ring{fill:none;stroke:var(--accent);stroke-width:1.5px}.cq-mark .m-focus{stroke-width:1.5px;opacity:.9}.cq-mark .m-lane{fill:none;stroke:var(--ink);stroke-width:1.2px;opacity:.45}.cq-mark .m-lane.main{stroke:var(--accent);stroke-width:2px;opacity:.9}.cq-mark .m-node{fill:var(--card);stroke:var(--accent);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%}.cq-mark .m-core{fill:color-mix(in srgb, var(--accent) 16%, var(--card));stroke:var(--accent);stroke-width:2.2px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%}.cq-mark .m-core-inner{fill:var(--copper);transform-box:fill-box;transform-origin:50%}.cq-mark .m-core-dot{fill:var(--card)}.cq-mark .m-wave,.cq-mark .m-pkt,.cq-mark .m-arc,.cq-mark .m-inward{fill:none;stroke:var(--copper);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:18 2000;opacity:0}.cq-mark .m-pulse{fill:var(--copper);opacity:0;transform-box:fill-box;transform-origin:50%}.cq-mark .m-end{fill:none}.stage[data-phase=assembling] .m-orbit,.stage[data-phase=assembling] .m-ticks{animation:.7s ease-out 50ms both cq-fade}.stage[data-phase=assembling] .m-structure{animation:cq-turn var(--turn-dur) var(--turn) cubic-bezier(.2, .8, .2, 1) both}.stage[data-phase=assembling] .m-tooth{animation:cq-tooth var(--teeth-dur) var(--dl) cubic-bezier(.2, .8, .2, 1) both, cq-flash var(--act-dur) var(--teeth-act) ease-out both}.stage[data-phase=assembling] .m-rim{animation:cq-fade var(--rim-dur) var(--rim-dl) ease-out both, cq-flash var(--act-dur) var(--teeth-act) ease-out both}.stage[data-phase=assembling] .m-rim-line{animation:cq-fade var(--rim-dur) var(--rim-dl) ease-out both}.stage[data-phase=assembling] .m-ring{stroke-dasharray:1;animation:cq-draw var(--ring-dur) var(--dl) ease-out both, cq-flash var(--act-dur) var(--act) ease-out both}.stage[data-phase=assembling] .m-lane{stroke-dasharray:1;animation:cq-draw var(--lane-dur) var(--dl) linear both}.stage[data-phase=assembling] .m-node{animation:cq-node var(--act-dur) var(--act) ease-out both}.stage[data-phase=assembling] .m-wave{animation:cq-wave var(--wave) var(--dl) linear forwards}.stage[data-phase=assembling] .m-core{stroke-dasharray:1;animation:cq-draw .5s var(--dl) ease-out both, cq-core-fill var(--act-dur) var(--act) ease-out both}.stage[data-phase=assembling] .m-core-inner,.stage[data-phase=assembling] .m-core-dot{animation:cq-core-on var(--act-dur) var(--act) ease-out both}.stage[data-phase=assembling] .m-end{animation:cq-end var(--act-dur) var(--teeth-act) linear both}@keyframes cq-fade{0%{opacity:0}}@keyframes cq-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes cq-tooth{0%{opacity:0;transform:translate(var(--dx), var(--dy))}}@keyframes cq-turn{0%{transform:rotate(-16deg)}to{transform:rotate(0)}}@keyframes cq-flash{0%,to{}30%{stroke:var(--copper)}}@keyframes cq-node{0%{opacity:0;transform:scale(.4)}40%{opacity:1;fill:var(--copper);transform:scale(1.9)}to{opacity:1;transform:scale(1)}}@keyframes cq-core-on{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes cq-wave{0%{stroke-dashoffset:18px;opacity:1}99.9%{opacity:1}to{stroke-dashoffset:calc(var(--len) * -1);opacity:0}}@keyframes cq-core-fill{0%{fill-opacity:0;transform:scale(1)}35%{fill-opacity:1;transform:scale(1.25)}to{fill-opacity:1;transform:scale(1)}}@keyframes cq-end{0%{opacity:0}to{opacity:0}}.stage[data-phase=settled][data-mode=loading] .m-pkt,.stage[data-phase=settled][data-mode=loading] .m-pulse{animation:var(--anim)}.stage[data-phase=settled][data-mode=loading] .m-core-inner{animation:3.2s ease-in-out infinite cq-breathe}@keyframes cq-breathe{50%{transform:scale(1.18)}}.stage[data-phase=settled][data-mode=thinking] [data-mark=hexa] .m-inward{animation:cq-hexa-T-in var(--cycle) linear infinite}.stage[data-phase=settled][data-mode=thinking] [data-mark=octa] .m-inward{animation:cq-octa-T-in var(--cycle) linear infinite}.stage[data-phase=settled][data-mode=thinking] [data-mark=hexa] .m-arc{animation:cq-hexa-T-arc var(--cycle) linear var(--dl) infinite}.stage[data-phase=settled][data-mode=thinking] [data-mark=octa] .m-arc{animation:cq-octa-T-arc var(--cycle) linear var(--dl) infinite}.stage[data-phase=settled][data-mode=thinking] [data-mark=hexa] .m-focus{animation:1.4s linear infinite cq-hexa-T-focus}.stage[data-phase=settled][data-mode=thinking] [data-mark=octa] .m-focus{animation:1.4s linear infinite cq-octa-T-focus}.stage[data-phase=settled][data-mode=thinking] [data-mark=hexa] .m-core{animation:1.4s ease-out infinite cq-hexa-T-core}.stage[data-phase=settled][data-mode=thinking] [data-mark=octa] .m-core{animation:1.4s ease-out infinite cq-octa-T-core}.stage[data-paused=true] *,.stage[data-phase=settled][data-offscreen=true] *,.stage[data-phase=settled][data-hidden=true] *{animation-play-state:paused!important}@media (scripting:none){.stage *{animation:none!important}}.stage-caption{gap:var(--space-xs);text-align:center;justify-items:center;display:grid}.stage-status{max-width:30rem;min-height:3em;color:var(--muted);font-size:.875rem}.stage-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;display:flex}.stage-controls[hidden]{display:none}.stage-controls button{border:1px solid var(--line);min-width:2.75rem;min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .95rem;font-size:.875rem}.stage-controls button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--inverse)}.stage-controls button:hover:not(:disabled){border-color:var(--ink)}.stage-controls button:disabled{color:var(--muted);cursor:default;border-style:dashed}.stage-sep{background:var(--line);width:1px;height:1.5rem;margin-inline:.25rem}