.hero{isolation:isolate;position:relative}.hero-stage{position:relative;overflow:clip}.hero-estate{z-index:-1;pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}.hero-in{align-content:center;gap:var(--cq-space-12);min-block-size:calc(100dvh - var(--cq-space-16));box-sizing:border-box;max-inline-size:var(--ed-width-page);padding:var(--cq-space-8) var(--ed-gutter) var(--cq-space-12);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}@media (min-width:1024px){.hero-in{inline-size:100%;padding-block:var(--cq-space-6) var(--cq-space-8);grid-template-columns:minmax(0,25rem) minmax(0,1fr);align-items:center;column-gap:clamp(2.5rem,4vw,5rem)}}@media (min-width:1280px){.hero-in{grid-template-columns:minmax(0,30rem) minmax(0,1fr)}}@media (min-width:1024px) and (max-height:860px){.hero-in{padding-block:var(--cq-space-4) var(--cq-space-6)}.hero-picture{gap:var(--cq-space-3)}}.hero-words{grid-template-columns:minmax(0,1fr);align-content:center;justify-items:start;min-inline-size:0;display:grid}.hero-headline{font-size:clamp(2.25rem,.75rem + 2.5vw,3rem);line-height:1.04;font-weight:var(--cq-weight-medium);font-stretch:var(--ed-stretch-display);letter-spacing:var(--ed-tracking-display);color:var(--cq-ink);text-wrap:balance;margin:0}.hero-lede{max-inline-size:30rem;margin:var(--cq-space-6) 0 0;color:var(--cq-ink-2);text-wrap:pretty;font-size:1.125rem;line-height:1.75rem}.hero-reader{margin:var(--cq-space-4) 0 0;font-size:var(--cq-text-body);line-height:var(--cq-line-body);font-weight:var(--cq-weight-medium);color:var(--cq-ink)}.hero-actions{gap:var(--cq-space-3);flex-wrap:wrap;margin-block-start:var(--cq-space-8);display:flex}.hero-trust{gap:var(--cq-space-2) var(--cq-space-6);margin:var(--cq-space-8) 0 0;padding:var(--cq-space-4) 0 0;font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);color:var(--cq-ink-2);border-block-start:var(--cq-hairline) solid var(--cq-line);grid-template-columns:repeat(2,minmax(0,max-content));list-style:none;display:grid}@media (max-width:479px){.hero-trust{grid-template-columns:minmax(0,1fr)}}.hero-trust a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--cq-line-strong);text-decoration-color:var(--cq-line-strong);text-underline-offset:var(--cq-underline-offset)}.hero-trust a:hover{color:var(--cq-ink)}.hero-trust a:focus-visible{outline:var(--cq-ring-width) solid var(--cq-focus);outline-offset:var(--cq-ring-offset)}.hero-picture{gap:var(--cq-space-4);grid-template-columns:minmax(0,1fr);align-content:center;min-inline-size:0;display:grid}.hero-top{border-block-end:var(--cq-hairline) solid var(--cq-line);grid-template-columns:minmax(0,1fr);display:grid}.hero-top-head{justify-content:space-between;align-items:center;gap:var(--cq-space-2) var(--cq-space-6);flex-wrap:wrap;display:flex}.hero-ask-head{font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink-2)}.hero-demo{margin-inline-start:auto;display:inline-flex}.hero-ask{gap:0 var(--cq-space-3);flex-wrap:wrap;min-inline-size:0;display:flex}.hero-ask-option{min-block-size:var(--cq-control-large);font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);color:var(--cq-ink-2);cursor:pointer;white-space:nowrap;align-items:center;display:inline-flex;position:relative}.hero-ask-option:hover{color:var(--cq-ink)}.hero-ask-option:has(:checked){color:var(--cq-ink)}.hero-ask-option:has(:checked):after{content:"";inset:auto 0 calc(var(--cq-hairline) * -1);block-size:var(--cq-rule);background-color:var(--cq-ink);position:absolute}.hero-ask-option:has(:focus-visible){outline:var(--cq-ring-width) solid var(--cq-focus);outline-offset:var(--cq-ring-offset);border-radius:var(--cq-radius-mark)}.hero-ask-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.hero-written{align-items:baseline;gap:var(--cq-space-1) var(--cq-space-3);font-family:var(--cq-font-mono);font-feature-settings:var(--cq-features-value);font-size:var(--cq-text-data);color:var(--cq-ink);flex-wrap:wrap;line-height:1.5rem;display:flex}.hero-written-claim{color:var(--cq-ink-2)}.hero-operator{font:inherit;font-feature-settings:inherit;color:var(--cq-ink);border:0;border-block-end:var(--cq-hairline) dashed var(--cq-line-strong);cursor:pointer;background:0 0;margin:0;padding:0}.hero-operator:hover{border-block-end-style:solid}.hero-pattern{field-sizing:content;min-inline-size:6ch;max-inline-size:100%;padding:0 var(--cq-space-1);font:inherit;font-feature-settings:inherit;color:var(--cq-ink);caret-color:var(--cq-ink);border:0;border-block-end:var(--cq-rule) solid var(--cq-line-strong);background-color:#0000;border-radius:0;margin:0}.hero-written[data-mark=exact] .hero-pattern{border-block-end-color:var(--cq-exact);background-color:var(--cq-exact-wash)}.hero-written[data-mark=beyond] .hero-pattern{border-block-end-color:var(--cq-beyond);background-color:var(--cq-beyond-wash)}.hero-written[data-mark=unknown] .hero-pattern{border-block-end-color:var(--cq-unknown);background-color:var(--cq-unknown-wash);border-block-end-style:dashed}.hero-operator:focus-visible,.hero-pattern:focus-visible{outline:var(--cq-ring-width) solid var(--cq-focus);outline-offset:var(--cq-ring-offset)}.hero-map{min-inline-size:0;padding-block-start:var(--cq-space-2)}.hero-map .cq-rolemap{gap:var(--cq-space-4)}.hero-map[data-stale] .cq-rolemap-map{opacity:.4}@container (min-width:30.0625rem){.hero-map .cq-rolemap-heads{grid-template-columns:minmax(0, 17rem) calc(var(--cq-map-run-narrow) * 2) minmax(min-content, 1fr)}.hero-map .cq-rolemap-map>.cq-account{padding-block:var(--cq-space-12) var(--cq-space-4);place-self:center start;padding-inline-end:var(--cq-space-6)}}@container (max-width:30rem){.hero-map .cq-rolemap-heads{grid-template-columns:minmax(0, 1fr) var(--cq-map-run-narrow) auto}}.hero-map .cq-rolemap-caption{max-inline-size:38rem;padding-block-start:var(--cq-space-2)}.hero-answer{gap:var(--cq-space-2);display:grid}.hero-sentence{font-size:clamp(1.375rem,1rem + .9vw,1.75rem);line-height:1.25;font-weight:var(--cq-weight-medium);letter-spacing:var(--cq-tracking-tight);color:var(--cq-ink);text-wrap:balance}.hero-waiting{font-size:var(--cq-text-body);line-height:var(--cq-line-body);font-weight:var(--cq-weight-regular);color:var(--cq-ink-2)}.hero-why{min-block-size:calc(var(--cq-line-ui) * 2);font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);color:var(--cq-ink-2)}@media not (pointer:fine){.hero-why-point{display:none}}.hero-why-who{font-family:var(--cq-font-mono);font-feature-settings:var(--cq-features-value);color:var(--cq-ink)}.hero-source{font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink-2);margin:0}.hero-line{max-inline-size:var(--ed-width-page);padding:var(--cq-space-8) var(--ed-gutter) var(--ed-space-section);margin-inline:auto}.hero-line-top{gap:var(--cq-space-2);margin-block-end:var(--cq-space-6);display:grid}.hero-line-head{font-size:var(--ed-text-section);line-height:var(--ed-line-section);font-weight:var(--cq-weight-medium);letter-spacing:var(--ed-tracking-section);color:var(--cq-ink);margin:0}.hero-line-body{gap:var(--cq-space-8);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:1024px){.hero-line-body{gap:var(--cq-space-12);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}.hero-line .cq-code-body{max-block-size:36rem}.hero-line-reading{gap:var(--cq-space-3);align-content:center;min-inline-size:0;display:grid}.hero-line-where{font-family:var(--cq-font-mono);font-feature-settings:var(--cq-features-value);font-size:var(--cq-text-data);line-height:var(--cq-line-data);color:var(--cq-ink-2);margin:0}.hero-line-where code{color:var(--cq-ink)}.hero-line-words{font-size:clamp(1.5rem,1.1rem + 1vw,2rem);line-height:1.2;font-weight:var(--cq-weight-medium);letter-spacing:var(--cq-tracking-tight);color:var(--cq-ink);text-wrap:balance;margin:0}.hero-line-lede{max-inline-size:48rem;font-size:var(--cq-text-body);line-height:var(--cq-line-body);color:var(--cq-ink-2);text-wrap:pretty;margin:0}.hero-line-reading .hero-written{margin-block:var(--cq-space-1) var(--cq-space-2)}.hero-line-sentence{max-inline-size:var(--cq-measure);font-size:var(--cq-text-title);line-height:var(--cq-line-title);font-weight:var(--cq-weight-medium);letter-spacing:var(--cq-tracking-tight);color:var(--cq-ink);text-wrap:pretty;margin:0}.hero[data-dive]{block-size:calc(100dvh - var(--cq-space-16) + 100dvh)}.hero[data-dive] .hero-stage{block-size:calc(100dvh - var(--cq-space-16));position:sticky;inset-block-start:var(--cq-space-16)}.hero[data-dive] .hero-picture{will-change:transform}.hero[data-dive] .hero-stage[data-diving] .hero-picture{pointer-events:none}.hero[data-dive] .hero-words{opacity:calc(1 - var(--dive-words,0));translate:calc(var(--dive-words,0) * -2rem) 0}.hero[data-dive] .hero-picture>:not(.hero-map),.hero[data-dive] .hero-map :is(.cq-rolemap-heads,.cq-rolemap-caption){opacity:calc(1 - var(--dive-words,0))}.hero[data-dive] .hero-map :is(.cq-rolemap-who,.cq-edges,.cq-account-head,.cq-door-words,.cq-rolemap-under){opacity:calc(1 - var(--dive-map,0))}.hero[data-dive] .hero-map .cq-account{background-color:color-mix(in oklab, var(--cq-raised) calc(100% - var(--dive-map,0) * 100%), transparent);border-color:color-mix(in oklab, var(--cq-line) calc(100% - var(--dive-map,0) * 100%), transparent)}.hero[data-dive] .hero-stage[data-diving] .hero-map .cq-account{box-shadow:none}.hero[data-dive] .hero-map .cq-account:before{opacity:calc(1 - var(--dive-map,0))}.hero[data-dive] .hero-map .cq-door{opacity:calc(1 - var(--dive-door,0))}.hero[data-dive] .hero-line{box-sizing:border-box;inline-size:100%;padding-block:var(--cq-space-16) var(--cq-space-6);opacity:var(--dive-line,0);filter:blur(calc((1 - var(--dive-line,0)) * .75rem));align-content:center;display:grid;position:absolute;inset:0}.hero[data-dive] .hero-line .cq-code-body{max-block-size:min(36rem,100dvh - 19rem)}@media (prefers-reduced-motion:no-preference){@keyframes hero-arrive{0%{opacity:0;filter:blur(4px);translate:0 6px}}.hero-sentence:not(.hero-waiting),.hero-line-sentence{animation:hero-arrive var(--cq-duration) var(--cq-ease) both}}
.landing-in:not([data-mode=nerd]) .nerd-only,.landing-in[data-mode=nerd] .simple-only{display:none}.landing-rail{z-index:2;opacity:0;pointer-events:none;transition:opacity var(--cq-duration) var(--cq-ease);justify-content:center;display:flex;position:fixed;inset-block-start:calc(var(--cq-space-16) + var(--cq-space-3));inset-inline:0}.landing-rail[data-shown]{opacity:1}.landing-rail-stops{padding:var(--cq-space-1) var(--cq-space-2);background-color:color-mix(in oklab, var(--cq-ground) 88%, transparent);border-radius:var(--cq-radius-panel);pointer-events:auto;align-items:center;margin:0;list-style:none;display:flex}.landing-rail-step{align-items:center;display:flex}.landing-rail-way{inline-size:var(--cq-space-8);block-size:var(--cq-hairline);margin-inline:var(--cq-space-2);background-color:var(--cq-line-strong);position:relative}.landing-rail-way:after{content:"";background-color:var(--cq-ink);transform-origin:0;transform:scaleX(clamp(0, calc(var(--landing-along,0) - var(--landing-way,0)), 1));position:absolute;inset:0}.landing-rail-step:nth-child(2){--landing-way:0}.landing-rail-step:nth-child(3){--landing-way:1}.landing-rail-step:nth-child(4){--landing-way:2}.landing-rail-step:nth-child(5){--landing-way:3}.landing-rail-stop{align-items:center;gap:var(--cq-space-2);min-block-size:var(--cq-control-height);padding:0 var(--cq-space-1);font-family:var(--cq-font-mono);font-feature-settings:var(--cq-features-value);font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink-2);white-space:nowrap;border-radius:var(--cq-radius-mark);cursor:pointer;background:0 0;border:0;margin:0;display:inline-flex}.landing-rail-stop:hover,.landing-rail-stop[aria-current=step]{color:var(--cq-ink)}.landing-rail-stop:focus-visible{outline:var(--cq-ring-width) solid var(--cq-focus);outline-offset:var(--cq-ring-offset)}.landing-rail-mark{box-sizing:border-box;border:var(--cq-rule) solid currentColor;border-radius:50%;block-size:.5rem;inline-size:.5rem}.landing-rail-stop[aria-current=step] .landing-rail-mark{background-color:currentColor}@media (max-width:1279px){.landing-rail{display:none}}
.tour{border-block-start:var(--cq-hairline) solid var(--cq-line);position:relative}.tour-stage{gap:var(--ed-space-section);padding-block:var(--ed-space-section);display:grid}.tour-captions{display:contents}.tour-caption[data-stop="0"]{order:1}.tour-caption[data-stop="1"]{order:2}.tour-picture{order:3}.tour-caption[data-stop="2"]{order:4}.tour-caption{gap:var(--cq-space-3);box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:var(--ed-width-page);padding-inline:var(--ed-gutter);align-content:start;margin-inline:auto;display:grid}.tour-head{font-size:var(--ed-text-section);line-height:var(--ed-line-section);font-weight:var(--cq-weight-medium);letter-spacing:var(--ed-tracking-section);color:var(--cq-ink);margin:0}.tour-line{max-inline-size:44rem;color:var(--cq-ink-2);text-wrap:pretty;margin:0;font-size:1.125rem;line-height:1.75rem}.tour-groups{gap:var(--cq-space-6);margin:var(--cq-space-4) 0 0;padding:0;list-style:none;display:grid}@media (min-width:800px){.tour-groups{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}}.tour-group{align-content:start;gap:var(--cq-space-1);border-block-start:var(--cq-hairline) solid var(--cq-line-strong);padding-block-start:var(--cq-space-2);display:grid}.tour-group[data-side=yours]{border-block-start-style:dashed}.tour-group-name{font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);font-weight:var(--cq-weight-medium);color:var(--cq-ink);margin:0}.tour-group-what{font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink-2);margin:0}.tour-picture{gap:var(--cq-space-3);min-inline-size:0;padding-inline:var(--ed-gutter);display:grid}@media (min-width:1024px){.tour-picture{padding-inline:var(--cq-space-4)}.tour-demo{justify-content:center}}.tour-demo{align-items:center;gap:var(--cq-space-2) var(--cq-space-3);font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink-2);flex-wrap:wrap;margin:0;display:flex}.tour .emap{overflow-y:hidden}.tour:not([data-tour]) .emap-group-what{display:none}.tour-unknown{gap:var(--cq-space-3);margin:var(--cq-space-2) 0 0;padding:0;list-style:none;display:grid}.tour-unknown-role{column-gap:var(--cq-space-3);border-inline-start:var(--cq-rule) dashed var(--cq-unknown);grid-template-columns:auto minmax(0,1fr);padding-inline-start:var(--cq-space-3);display:grid}.tour-unknown-name{font-family:var(--cq-font-mono);font-feature-settings:var(--cq-features-value);font-size:var(--cq-text-data);line-height:var(--cq-line-data);font-weight:var(--cq-weight-medium);color:var(--cq-ink)}.tour-unknown-where{font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink-2);align-self:baseline}.tour-unknown-why{max-inline-size:var(--cq-measure);margin:var(--cq-space-1) 0 0;font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);color:var(--cq-ink);grid-column:1/-1}.tour[data-tour]{block-size:calc(100dvh - var(--cq-space-16) + 200dvh)}.tour[data-tour] .tour-stage{gap:var(--cq-space-6);block-size:calc(100dvh - var(--cq-space-16));padding-block:calc(var(--cq-space-16) + var(--cq-space-2)) var(--cq-space-6);grid-template-rows:auto minmax(0,1fr);position:sticky;inset-block-start:var(--cq-space-16);overflow:clip}.tour[data-tour] .tour-captions{display:grid}.tour[data-tour] .tour-caption{column-gap:var(--cq-space-12);opacity:var(--tour-caption,0);grid-area:1/1;grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:baseline}.tour[data-tour] .tour-caption>:not(.tour-head){grid-column:2}.tour[data-tour] .tour-caption[data-stop="0"]{--tour-caption:var(--tour-caption-0)}.tour[data-tour] .tour-caption[data-stop="1"]{--tour-caption:var(--tour-caption-1)}.tour[data-tour] .tour-caption[data-stop="2"]{--tour-caption:var(--tour-caption-2)}.tour[data-tour] .tour-caption{pointer-events:none}.tour[data-tour] .tour-groups{display:none}.tour[data-tour] .tour-picture{align-content:center;min-block-size:0}.tour[data-tour] .tour-unknown{column-gap:var(--cq-space-8);grid-template-columns:repeat(2,minmax(0,1fr))}.tour[data-tour] .emap{overflow:visible}.tour[data-tour] .emap-canvas{gap:calc(var(--cq-space-16) * 1.75);padding:var(--cq-space-2) 0 var(--cq-space-4)}.tour[data-tour] .emap-groups{gap:var(--cq-space-6)}.tour[data-tour] .emap-lanes{gap:var(--cq-space-4)}.tour[data-tour] .emap-group{min-inline-size:8.5rem}.tour[data-tour] .emap-who{min-inline-size:6.5rem}.tour[data-tour] .emap-accounts{gap:var(--cq-space-3)}.tour[data-tour] .emap-account{padding-inline:var(--cq-space-2)}.tour[data-tour] .emap-places{gap:var(--cq-space-1)}.tour[data-tour]:not([data-live]) .emap :is(*){animation-play-state:paused}.tour[data-tour] .emap-edges{clip-path:inset(0 0 calc((1 - var(--tour-into,0)) * 100%) 0);animation:none}.tour[data-tour] .emap-accounts{opacity:calc(.16 + .84 * var(--tour-into,0));translate:0 calc((1 - var(--tour-into,0)) * var(--cq-space-6))}.tour[data-tour] .emap{--tour-back:calc(1 - .78 * var(--tour-unknown,0))}.tour[data-tour] .emap .cq-edge:not([data-passage=unknown])>path{opacity:var(--tour-back)}.tour[data-tour] .emap-who-li:not(:has([data-passage=unknown])){opacity:var(--tour-back)}.tour[data-tour] .emap-place:not(:has([data-door=unknown])){opacity:var(--tour-back)}.tour[data-tour] .emap-group:not(:has([data-passage=unknown])) :is(.emap-group-name,.emap-group-what){opacity:var(--tour-back)}.start{border-block-start:var(--cq-hairline) solid var(--cq-line)}.start-in{gap:var(--cq-space-8);box-sizing:border-box;max-inline-size:var(--ed-width-page);padding:var(--ed-space-section) var(--ed-gutter);align-content:center;margin-inline:auto;display:grid}.tour[data-tour]+.start .start-in{min-block-size:calc(100dvh - var(--cq-space-16))}.start-head{font-size:var(--ed-text-section);line-height:var(--ed-line-section);font-weight:var(--cq-weight-medium);letter-spacing:var(--ed-tracking-section);color:var(--cq-ink);margin:0}.start-ways{gap:var(--cq-space-8);display:grid}@media (min-width:800px){.start-ways{gap:var(--cq-space-16);grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.start-way{gap:var(--cq-space-3);border-block-start:var(--cq-hairline) solid var(--cq-line-strong);align-content:start;padding-block-start:var(--cq-space-4);display:grid}.start-way[data-live]{border-block-start:var(--cq-rule) solid var(--cq-ink)}.start-way-head{align-items:center;gap:var(--cq-space-2) var(--cq-space-3);font-size:var(--cq-text-title);line-height:var(--cq-line-title);font-weight:var(--cq-weight-medium);color:var(--cq-ink);flex-wrap:wrap;margin:0;display:flex}.start-way-what{max-inline-size:34rem;font-size:var(--cq-text-body);line-height:var(--cq-line-body);color:var(--cq-ink-2);text-wrap:pretty;margin:0}.start-way-actions{gap:var(--cq-space-3);flex-wrap:wrap;margin-block-start:var(--cq-space-3);display:flex}
