.dp-hero .ss-stage{border-radius:20px;overflow:hidden}.dp-hero .pl-mail{box-sizing:border-box;background:var(--ss-surface);width:404px;box-shadow:var(--ss-shadow-ground),0 24px 48px -24px #0a145080;font-family:var(--ss-mono);color:var(--ss-text-strong);border-radius:14px 14px 0 0;padding:22px 24px;font-size:12.5px;line-height:22px;position:absolute;top:112px;left:48px}.dp-hero .pl-mail[data-layout=compact]{z-index:1;border-radius:14px 0 0;width:400px;padding:16px;font-size:11.5px;line-height:18px;top:318px;left:32px}.dp-hero .pl-gap{margin-top:14px}.dp-hero .pl-foot{flex-direction:column;gap:9px;margin-top:20px;display:flex}.dp-hero .pl-mail__head{white-space:nowrap}.dp-hero .pl-k,.dp-hero .pl-dim{color:var(--ss-text-faint)}.dp-hero .pl-mail__body{border-top:1px dashed var(--ss-line);margin-top:16px;padding-top:14px}.dp-hero .pl-mail__body>div{white-space:nowrap}.dp-hero .pl-tok{background-repeat:no-repeat;background-size:0% 100%;border-radius:3px;transition:background-size .5s cubic-bezier(.45,0,.2,1),color .3s}.dp-hero .pl-tok[data-type=string]{background-image:linear-gradient(#ff3d8b2e,#ff3d8b2e)}.dp-hero .pl-tok[data-type=number]{background-image:linear-gradient(#2e5bff29,#2e5bff29)}.dp-hero .pl-tok[data-type=link]{background-image:linear-gradient(#00a87029,#00a87029)}.dp-hero .pl-tok[data-on]{background-size:100% 100%}.dp-hero .pl-tok[data-type=string][data-on]{color:var(--tok-string-text)}.dp-hero .pl-tok[data-type=number][data-on]{color:var(--tok-number-text);font-weight:600}.dp-hero .pl-tok[data-type=link][data-on]{color:var(--tok-link-text)}.dp-hero .pl-term{width:540px;height:420px;box-shadow:var(--ss-shadow-hero);position:absolute;top:48px;left:404px}.dp-hero .ss-stage[data-layout=compact] .pl-term{width:400px;height:330px;top:16px;left:16px}.dp-hero .pl-json{color:#c9c9d1;white-space:pre;padding:10px 22px 18px;font-size:12.5px;line-height:22px}.dp-hero .ss-stage[data-layout=compact] .pl-json{padding:6px 16px 16px;font-size:11.5px;line-height:18px}.dp-hero .pl-key{color:#e9e9ee}.dp-hero .pl-plain{color:#c9c9d1}.dp-hero .pl-val{color:#6c6c75;transition:color .35s}.dp-hero .pl-val[data-type=string][data-on]{color:var(--tok-string-ink)}.dp-hero .pl-val[data-type=link][data-on]{color:var(--tok-link-ink)}.dp-hero .pl-val[data-type=number][data-on]{color:var(--tok-number-ink)}.dp-hero .pl-val--code{color:#6c6c75}.dp-hero .pl-val--code [data-target]{opacity:0;transition:opacity .15s}.dp-hero .pl-val--code[data-on] [data-target]{opacity:1}.dp-hero .pl-flyer{font-family:var(--ss-mono);color:var(--tok-number-text);white-space:nowrap;font-size:12.5px;font-weight:600;line-height:17px;transition:color .3s .5s;display:block}.dp-hero .ss-stage[data-layout=compact] .pl-flyer{font-size:11.5px;line-height:16px}.dp-hero .ss-fly[data-go] .pl-flyer{color:var(--tok-number-ink)}.dp-hero .ss-fly:has(.pl-flyer[data-done]){animation:.12s forwards pl-fade-out}@keyframes pl-fade-out{to{opacity:0}}
.fb{--pad:28px;container-type:inline-size}.fb .fb-grid{border:1px solid hsl(var(--border));background:hsl(var(--border));border-radius:24px;grid-template:"hooks"380px"speed"300px"slots"340px"projects"360px"ways"340px/minmax(0,1fr);gap:1px;display:grid;overflow:hidden}@container (min-width:640px){.fb .fb-grid{grid-template-rows:330px 340px 330px 300px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hooks hooks""speed slots""projects projects""ways ways"}}@container (min-width:960px){.fb .fb-grid{grid-template-rows:330px 336px 290px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"hooks hooks speed""slots projects projects""ways ways ways"}}@container (max-width:639px){.fb .fb-grid{--pad:22px}}.fb .fb-cell{background:hsl(var(--card));position:relative;overflow:hidden}.fb .fb-cell--hooks{grid-area:hooks}.fb .fb-cell--speed{grid-area:speed}.fb .fb-cell--slots{grid-area:slots}.fb .fb-cell--projects{grid-area:projects}.fb .fb-cell--ways{grid-area:ways;container-type:inline-size}.fb .fb-copy{z-index:1;max-width:440px;padding:26px var(--pad)0;letter-spacing:-.011em;color:hsl(var(--muted-foreground));text-wrap:pretty;margin:0;font-size:17px;line-height:24px;position:relative}.fb .fb-copy b{color:hsl(var(--foreground));font-weight:600}.fb .fb-copy code{font-family:var(--font-geist-mono),ui-monospace,monospace;color:hsl(var(--tok-string-fg));font-size:.86em}.fb .fb-cell--hooks .fb-copy,.fb .fb-cell--projects .fb-copy,.fb .fb-cell--ways .fb-copy{max-width:560px}.fb .fb-picture{width:100%;position:absolute;bottom:0;left:0}.fb .fb-picture--ways{--half:50cqw;width:1600px;-webkit-mask-image:linear-gradient(90deg,transparent calc(50% - var(--half)),#000 calc(50% - var(--half) + 72px),#000 calc(50% + var(--half) - 72px),transparent calc(50% + var(--half)));-webkit-mask-image:linear-gradient(90deg,transparent calc(50% - var(--half)),#000 calc(50% - var(--half) + 72px),#000 calc(50% + var(--half) - 72px),transparent calc(50% + var(--half)));mask-image:linear-gradient(90deg,transparent calc(50% - var(--half)),#000 calc(50% - var(--half) + 72px),#000 calc(50% + var(--half) - 72px),transparent calc(50% + var(--half)));margin-left:-800px;left:50%}.fb .fb-stage .ss-stage{background:0 0;overflow:hidden}.fb .fb-cell[data-tone=number]{background:hsl(var(--tok-number));color:#fff}.fb .fb-stat{box-sizing:border-box;height:100%;padding:26px var(--pad)30px;flex-direction:column;display:flex}.fb .fb-stat__lead{letter-spacing:-.011em;font-size:17px;font-weight:600;line-height:24px}.fb .fb-stat__number{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.06em;white-space:nowrap;margin-top:auto;font-size:156px;font-weight:800;line-height:.8;display:block}.fb .fb-stat__unit{color:#ffffffb3;margin-left:4px;font-size:96px;font-weight:500}.fb .fb-stat__label{color:#ffffffd9;text-wrap:pretty;max-width:260px;margin-top:18px;font-size:15px;line-height:21px}.fb .fb-rack{position:absolute;inset:0}.fb .fb-slot{width:96px;position:absolute}.fb .fb-slot__hole{background:var(--ss-ink-2);border-radius:10px;height:62px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px -2px #1111142e}.fb .fb-slot[data-focus] .fb-slot__hole{background:var(--ss-ink-3)}.fb .fb-slot__mail{background:var(--ss-surface);box-shadow:0 0 0 1px var(--ss-line),0 -1px 2px #11111414;border-radius:4px;position:absolute;inset:14px 12px 10px}.fb .fb-slot__mail[data-new]{background:linear-gradient(var(--tok-string),var(--tok-string))top/100% 4px no-repeat,var(--ss-surface);opacity:0;transition:transform .6s cubic-bezier(.3,.9,.3,1),opacity .35s;transform:translateY(-12px)}.fb .fb-rack[data-on] .fb-slot__mail[data-new]{opacity:1;transform:none}.fb .fb-slot__label{justify-content:center;align-items:center;height:22px;margin-top:6px;display:flex}.fb .fb-slot__name{font-family:var(--ss-mono);color:var(--tok-string-text);font-size:11.5px;font-weight:600;line-height:14px}.fb .fb-hook{top:var(--pad);left:var(--pad);box-sizing:border-box;width:calc(100% + 40px);height:260px;padding:18px 20px;padding-right:calc(40px + 2*var(--pad));background:var(--ss-surface);box-shadow:var(--ss-shadow-ground);border-radius:14px;position:absolute}.fb .fb-hook__head{align-items:center;gap:10px;min-width:0;display:flex}.fb .fb-hook__method{background:var(--ss-text-strong);font-family:var(--ss-mono);letter-spacing:.06em;color:var(--ss-surface);border-radius:5px;flex:none;padding:3px 7px;font-size:10.5px;font-weight:600;line-height:14px}.fb .fb-hook__url{min-width:0;font-family:var(--ss-mono);color:var(--ss-text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:18px;overflow:hidden}.fb .fb-hook__status{flex:none;margin-left:auto}.fb .fb-hook__pending{color:var(--ss-text);align-items:center;gap:6px;font-size:12px;line-height:16px;display:inline-flex}.fb .fb-hook[data-on] .ss-states__item[data-on]{transition-delay:.5s,.5s,.5s}.fb .fb-hook__headers{margin:18px calc(-40px - 2*var(--pad))0 -20px;padding:14px calc(40px + 2*var(--pad))14px 20px;border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line);font-family:var(--ss-mono);grid-template-columns:auto minmax(0,1fr);gap:8px 18px;font-size:12px;line-height:16px;display:grid}.fb .fb-hook__headers dt{color:var(--ss-text-faint)}.fb .fb-hook__headers dd{color:var(--ss-text-strong);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.fb .fb-hook__headers .dim{color:var(--ss-text-faint)}.fb .fb-hook__headers .fb-str{color:var(--tok-string-text)}.fb .fb-hook[data-layout=compact] .fb-hook__headers{grid-template-columns:minmax(0,1fr);gap:2px}.fb .fb-hook[data-layout=compact] .fb-hook__headers dd+dt{margin-top:8px}.fb .fb-hook__foot{align-items:center;gap:8px;margin-top:14px;font-size:12.5px;line-height:16px;display:flex}.fb .fb-hook .ss-check{--ss-accent:var(--ss-success);transition-delay:.7s}.fb .fb-hook__verified{color:var(--ss-text-strong);opacity:.4;font-weight:600;transition:opacity .3s .8s}.fb .fb-hook[data-on] .fb-hook__verified{opacity:1}.fb .fb-hook__meta{color:var(--ss-text-faint)}.fb .fb-hook[data-layout=compact] .fb-hook__meta{display:none}.fb .fb-projects{position:absolute;inset:0}.fb .fb-project{box-sizing:border-box;background:var(--ss-surface);width:232px;height:250px;box-shadow:var(--ss-shadow-ground);border-radius:16px;flex-direction:column;gap:10px;padding:20px;display:flex;position:absolute;top:30px}.fb .fb-project[data-focus]{z-index:1;box-shadow:var(--ss-shadow-satellite);will-change:transform;gap:6px;transition:transform .7s cubic-bezier(.3,.9,.3,1),box-shadow .7s;transform:translateY(10px)}.fb .fb-projects[data-on] .fb-project[data-focus]{box-shadow:var(--ss-shadow-hero);transform:translateY(-6px)}.fb .fb-project:not([data-focus]){opacity:.75;gap:15px}.fb .fb-project__name{color:var(--ss-text-strong);font-size:15px;font-weight:600;line-height:20px}.fb .fb-project__suffix{font-family:var(--ss-mono);color:var(--tok-string-text);white-space:nowrap;font-size:11px;line-height:16px}.fb .fb-project__key{font-family:var(--ss-mono);color:var(--ss-text);align-items:center;gap:6px;margin-top:6px;font-size:11.5px;line-height:16px;display:inline-flex}.fb .fb-project__key svg{color:var(--ss-icon);flex:none}.fb .fb-project__rule{background:var(--ss-line);height:1px;margin:8px 0 4px;display:block}.fb .fb-rows{flex-direction:column;gap:12px;padding-top:28px;display:flex;position:absolute;inset:0}.fb .fb-row{transform:translateX(var(--off));will-change:transform;justify-content:center;gap:12px;transition:transform 2.4s cubic-bezier(.25,.8,.25,1);display:flex}.fb .fb-rows[data-on] .fb-row{transform:translateX(calc(var(--off) + var(--dir)*56px))}.fb .fb-chip{background:var(--ss-surface);height:38px;box-shadow:0 0 0 1px var(--ss-line),0 1px 2px #3c280f0d;font:500 13px/1 var(--ss-mono);color:var(--ss-text-strong);white-space:nowrap;border-radius:10px;flex:none;align-items:center;gap:10px;padding:0 10px;display:inline-flex}.fb .fb-chip__kind{background:var(--ss-ink-2);letter-spacing:.06em;color:var(--ss-text);border-radius:5px;padding:4px 6px;font-size:10px;font-weight:600}.fb .fb-chip__kind[data-kind=TS]{color:var(--tok-number-text);background:#2e5bff1f}.fb .fb-chip__kind[data-kind=MCP]{color:var(--tok-string-text);background:#ff3d8b24}.fb .fb-chip__kind[data-kind=PY]{color:var(--tok-link-text);background:#00a87021}@media (prefers-reduced-motion:reduce){.fb .fb-slot__mail,.fb .fb-project,.fb .fb-row{transition:none}}