.loop-root{--loop-bg:#141614;--loop-surface:#232622;--loop-text:#f6f8f4;--loop-muted:#a8ada7;--loop-field:#b4f03c;--loop-lime:#b4f03c;--loop-field-dark:#1f4a10;--loop-soft:#ddefc0;--loop-ink:#101512;--loop-warn:#ff6b5a;--loop-highlight:#ffd447;--loop-ease:cubic-bezier(.22, 1, .36, 1);--loop-eye:var(--loop-bg);background:var(--loop-bg);color:var(--loop-text);font-family:var(--font-heebo), sans-serif;overflow-x:clip}html:has(.loop-root){scrollbar-color:#232622 #141614;background:#141614}html:has(.loop-root) body{scrollbar-color:#232622 #141614;background:#141614}.loop-root ::selection{background:var(--loop-field);color:var(--loop-ink)}.loop-root :focus-visible{outline:3px solid var(--loop-field);outline-offset:3px}.loop-display-section{font-family:var(--font-heebo), sans-serif;letter-spacing:-.015em;text-wrap:balance;font-size:clamp(1.75rem,7.6vw,3.25rem);font-weight:800;line-height:1.04}@media (min-width:1024px){.loop-display-section{font-size:clamp(3rem,4.6vw,4.75rem)}}.loop-display-hero{letter-spacing:-.02em;font-size:clamp(2.125rem,10.4vw,5rem);line-height:.98}@media (min-width:1024px){.loop-display-hero{font-size:clamp(3.5rem,min(6vw,11.5svh),6rem)}}.loop-caption-pill{white-space:nowrap;background:var(--loop-field-dark);color:var(--loop-lime);border-radius:999px;padding:.07em .34em .13em;font-weight:900;display:inline-block}.loop-hero-chat{inset-inline:1rem;flex-direction:column;gap:.375rem;font-size:.9375rem;line-height:1.35;display:flex;position:absolute;bottom:1rem}.loop-hero-chat>*{animation:loop-rise .5s var(--loop-ease) .5s both}.loop-hero-chat>:nth-child(2){animation-delay:1.3s}.loop-hero-chat>:nth-child(3){animation-delay:1.9s}.loop-hero-bubble{border-radius:1.125rem;max-width:85%;padding:.5rem .875rem;box-shadow:0 6px 18px #00000059}.loop-hero-bubble-in{background:var(--loop-surface);color:var(--loop-text);border-start-start-radius:.375rem;align-self:flex-start}.loop-hero-bubble-out{background:var(--loop-text);color:var(--loop-ink);border-start-end-radius:.375rem;align-self:flex-end;font-weight:500}.loop-hero-label{color:var(--loop-text);background:#101512cc;border-radius:999px;align-self:center;margin-block-start:.125rem;padding:.125rem .75rem;font-size:.8125rem}@media (max-width:359px){.loop-hero-label{display:none}}@media (min-width:1100px){.loop-hero-chat{inset-inline:2rem;font-size:1.0625rem;bottom:1.75rem}.loop-hero-bubble{max-width:22rem}}.loop-paper{--loop-bg:#f3f6ec;--loop-surface:#e4e9d9;--loop-text:#101512;--loop-muted:#4a5048;--loop-field:#1f4a10;--loop-ink:#f3f6ec;--loop-eye:#f3f6ec;background:var(--loop-bg);color:var(--loop-text)}.loop-final-panel{--loop-field:#101512;--loop-ink:var(--loop-lime);--loop-text:#101512;--loop-eye:var(--loop-lime);background:var(--loop-lime);color:var(--loop-text)}.loop-final-mark{inset-inline-end:-3rem;color:#1015121f;width:15rem;position:absolute;bottom:-2.5rem}@media (min-width:1200px){.loop-final-mark{inset-inline-end:3rem;color:#101512;width:26rem;top:50%;bottom:auto;transform:translateY(-50%)}}.loop-eyes{transition:transform .25s var(--loop-ease)}.loop-eye{transform-box:fill-box;transform-origin:50%;animation:2.4s 2 loop-blink}.loop-eye:nth-child(2){animation-delay:40ms}@keyframes loop-blink{0%,86%,to{transform:scaleY(1)}93%{transform:scaleY(.08)}}.loop-press{transition:transform .3s var(--loop-ease)}@media (hover:hover){.loop-press:hover{transform:translateY(-2px)}}.loop-press:active{transform:scale(.98)}.loop-section{padding-block:2.5rem}@media (min-width:1024px){.loop-section{padding-block:8rem}}.loop-root [id]{scroll-margin-top:1.5rem}.loop-noise-bubble{background:var(--loop-surface);max-width:34rem;transform:rotate(calc(var(--r) * .4));border-radius:1.25rem;margin-block-start:.5rem;padding:.75rem 1rem;font-size:1rem;line-height:1.4;position:relative}.loop-noise-bubble:nth-child(2n){align-self:flex-end}@media (max-width:1023px){.loop-noise-bubble:nth-child(n+5){display:none}}@media (min-width:1024px){.loop-noise-bubble{transform:translate(var(--x), var(--y)) rotate(var(--r));border-radius:1.75rem;margin-block-start:.875rem;padding:1rem 1.25rem;font-size:1.125rem;box-shadow:0 10px 24px #00000059}}.loop-noise-badge{background:var(--loop-warn);border-radius:999px;width:1rem;height:1rem;position:absolute;inset-block-start:-.25rem;inset-inline-start:-.25rem}.loop-turn{--t:1;padding-block:2.5rem}.loop-turn-noise{display:none}.loop-turn-path{margin-block-start:1.5rem;position:relative}.loop-turn-guide{margin-block-end:1.5rem}.loop-turn-line{display:none}@media (prefers-reduced-motion:no-preference){.loop-turn[data-armed] .loop-turn-step{opacity:0;transition:opacity .7s var(--loop-ease), transform .7s var(--loop-ease);transition-delay:calc(var(--d) * .14s);transform:translateY(1rem)}.loop-turn[data-revealed] .loop-turn-step{opacity:1;transform:none}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference) and (scripting:enabled){.loop-turn{--t:0;height:220svh;padding-block:0}.loop-turn-stage{flex-direction:column;justify-content:center;min-height:100svh;display:flex;position:sticky;top:0}.loop-turn-noise{pointer-events:none;display:block;position:absolute;inset:0}.loop-turn-bubble{background:var(--loop-surface);white-space:nowrap;opacity:calc(1 - var(--t) * 2.4);transform:translate(calc(var(--x) * (1 - var(--t) * 2.4)), calc(var(--y) * (1 - var(--t) * 2.4))) rotate(calc(var(--r) * (1 - var(--t) * 2.4)));border-radius:999px;padding:.625rem 1.125rem;font-size:1.0625rem;font-weight:700;position:absolute;top:62%;right:50%}.loop-turn-line{background:var(--loop-field-dark);height:3px;transform:scaleX(clamp(0, calc((var(--t) - .34) * 2.4), 1));transform-origin:100%;border-radius:999px;display:block;position:absolute;inset-block-start:1.25rem;inset-inline:4rem 0}.loop-turn-guide{transform:scale(clamp(0, calc((var(--t) - .28) * 8), 1))}.loop-turn-step{opacity:clamp(0, calc((var(--t) - .42 - var(--d) * .14) * 7), 1);transform:translateY(calc(clamp(0, calc(1 - (var(--t) - .42 - var(--d) * .14) * 7), 1) * 1rem))}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.loop-turn{padding-block:8rem}}.loop-chat>*{animation:loop-rise .35s var(--loop-ease) both}.loop-chat>:nth-child(2){animation-delay:80ms}.loop-chat>:nth-child(3){animation-delay:.16s}.loop-chat>:nth-child(4){animation-delay:.24s}@keyframes loop-rise{0%{opacity:0;transform:translateY(.5rem)}}.loop-faq-mark{flex-shrink:0;width:1rem;height:1rem;position:relative}.loop-faq-mark:before,.loop-faq-mark:after{content:"";background:var(--loop-field);height:2px;transition:transform .3s var(--loop-ease);border-radius:999px;position:absolute;inset-block-start:calc(50% - 1px);inset-inline:0}.loop-faq-mark:after{transform:rotate(90deg)}.loop-faq[open] .loop-faq-mark:after{transform:rotate(0)}.loop-faq summary::-webkit-details-marker{display:none}.loop-sticky{inset-inline:0;z-index:40;padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom));background:var(--loop-bg);transition:transform .4s var(--loop-ease);position:fixed;bottom:0;transform:translateY(110%);box-shadow:0 -8px 24px #0006}.loop-sticky[data-visible=true]{transform:none}@media (max-width:1023px){html:has(.loop-root){scroll-padding-bottom:6.5rem}}.community-arrow{transition:transform .3s var(--loop-ease)}@media (hover:hover){.group:hover .community-arrow{transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){.loop-eye,.loop-chat>*,.loop-hero-chat>*{animation:none}.loop-press,.loop-eyes,.community-arrow,.loop-sticky,.loop-faq-mark:after{transition:none}}
