@layer components{.tool-carousel{outline:none;position:relative}.tool-carousel:focus-visible{outline:2px solid var(--ring);outline-offset:6px}.tool-carousel-stage{perspective:90rem;isolation:isolate;width:100vw;height:clamp(25rem,49vw,41rem);margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.tool-carousel-stage:before{z-index:-1;background:radial-gradient(ellipse at center, color-mix(in oklch, var(--tsubasa-warm-light) 6%, transparent), transparent 38%), radial-gradient(ellipse at center, color-mix(in oklch, var(--tsubasa-periwinkle) 18%, transparent), color-mix(in oklch, var(--tsubasa-slate) 6%, transparent) 48%, transparent 72%);content:"";filter:blur(2.5rem);pointer-events:none;position:absolute;inset:31% 19%}.tool-carousel-stage:after{z-index:10;background:linear-gradient(90deg, var(--background), transparent 11%, transparent 89%, var(--background));content:"";pointer-events:none;position:absolute;inset:0}.tool-carousel-track{position:absolute;inset:0}.tool-carousel-slide{--carousel-x:0%;--carousel-y:0rem;--carousel-scale:1;--carousel-rotate:0deg;aspect-ratio:1.58;background:var(--background);color:#eef1f2;filter:saturate(.72)brightness(.62);width:min(74vw,58rem);font-family:var(--font-mono);isolation:isolate;opacity:0;pointer-events:none;transform:translate3d(calc(-50% + var(--carousel-x)), calc(-50% + var(--carousel-y)), 0) rotateY(var(--carousel-rotate)) scale(var(--carousel-scale));transition:transform var(--motion-slow) var(--ease-enter), opacity var(--motion-normal) var(--ease-standard), filter var(--motion-normal) var(--ease-standard);position:absolute;top:50%;left:50%;overflow:hidden;container-type:inline-size}.tool-carousel-slide[data-position=active]{--carousel-scale:1;z-index:5;filter:brightness(1.14)saturate(1.06);opacity:1;pointer-events:auto;box-shadow:0 2.5rem 5rem -4.25rem #000000f5}.tool-carousel-slide[data-position=prev]{--carousel-x:-72%;--carousel-y:1.5rem;--carousel-scale:.84;--carousel-rotate:3deg;z-index:3;opacity:.46}.tool-carousel-slide[data-position=next]{--carousel-x:72%;--carousel-y:1.5rem;--carousel-scale:.84;--carousel-rotate:-3deg;z-index:3;opacity:.46}.tool-carousel-slide[data-position=far-prev]{--carousel-x:-126%;--carousel-y:2.75rem;--carousel-scale:.68;--carousel-rotate:5deg}.tool-carousel-slide[data-position=far-next]{--carousel-x:126%;--carousel-y:2.75rem;--carousel-scale:.68;--carousel-rotate:-5deg}.tool-carousel-slide:not([data-position=active]) .native-live-indicator,.tool-carousel-slide:not([data-position=active]) .native-terminal-cursor,.tool-carousel-slide:not([data-position=active]) .native-work-message{animation-play-state:paused}.tool-carousel-slide[data-position=active] .native-mac-window{box-shadow:inset 0 1px #ffffff12,0 2.5rem 5rem -4rem #000000e0}.tool-carousel-controls{justify-content:center;align-items:center;gap:1rem;min-height:2.75rem;margin-top:1rem;display:flex}.tool-carousel-status{min-width:11rem;color:var(--muted-foreground);font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.125rem;display:flex}.tool-carousel-status strong{color:var(--foreground);font-family:var(--font-sans);font-weight:600}.native-terminal{font-size:clamp(6.5px,1.38cqw,14px);line-height:1.4}.native-dim{color:#858995}.native-accent{color:#79dce8}.native-mac-window{border:1px solid #ffffff29;border-radius:clamp(6px,1.4cqw,14px);position:absolute;overflow:hidden;box-shadow:0 2.6cqw 5cqw #00000057}.native-app-window{background:#090e11;inset:0}.native-scene-terminal{position:absolute;inset:clamp(20px,4.4cqw,44px) 0 0}.native-window-bar{min-height:clamp(20px,4.4cqw,44px);font-family:var(--font-sans);grid-template-columns:1fr auto 1fr;align-items:center;gap:1cqw;padding-inline:1.3cqw;font-size:clamp(8px,1.36cqw,14px);line-height:1;display:grid}.native-window-bar>:last-child{justify-self:end}.native-window-bar>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.native-window-bar--light{color:#45434a;background:#eceaec;border-bottom:1px solid #b9b9bf}.native-window-dots{gap:clamp(3px,.65cqw,7px);display:flex}.native-window-dots span{aspect-ratio:1;border:1px solid #0000001f;border-radius:999px;width:clamp(7px,1.35cqw,14px);display:block}.native-window-dots span:first-child{background:#ff5f57}.native-window-dots span:nth-child(2){background:#febc2e}.native-window-dots span:nth-child(3){background:#28c840}.native-codex-window{background:#101019}.native-codex-terminal{color:#eeeef2;background:#101019;padding:1.4cqw .9cqw 1cqw;overflow:hidden}.native-codex-meta{border:1px solid #858691;width:46%;padding:.65cqw 1.05cqw}.native-codex-meta p+p{margin-top:.32cqw}.native-codex-tip{margin:2.2cqw 1.1cqw 1.5cqw}.native-codex-prompt{background:#282832;margin-inline:-.9cqw;padding:1.4cqw 1.15cqw;font-weight:600}.native-codex-response{color:#858792;padding:1.75cqw 1.15cqw 0}.native-codex-section{color:#f1f1f3;margin-top:1.7cqw}.native-plan-indent{padding-left:1.65cqw}.native-claude-terminal{color:#c7c4c1;font-family:var(--font-mono);background:#181a1b;padding:1.45cqw;font-size:clamp(5.5px,1.22cqw,12.5px);line-height:1.24;overflow:hidden}.native-claude-dashboard{border:1px solid #c76339;border-radius:clamp(2px,.35cqw,4px);height:16.1cqw;min-height:45px;position:relative;overflow:visible}.native-claude-legend{z-index:1;white-space:nowrap;background:#181a1b;padding-inline:.7cqw;position:absolute;top:-.72em;left:2.65cqw}.native-claude-legend strong,.native-claude-guide strong{color:#d26e43;font-weight:600}.native-claude-legend span{color:#a8a5a2;margin-left:.45cqw}.native-claude-columns{grid-template-columns:44% 56%;height:100%;display:grid}.native-claude-welcome{text-align:center;border-right:1px solid #7f3e29;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:1.35cqw 1.2cqw .55cqw;display:flex}.native-claude-welcome>strong{color:#d8d5d1;font-weight:700}.native-claude-mascot{color:#ec7950;width:6.1cqw;height:3.9cqw;margin-block:.8cqw .55cqw}.native-claude-account{color:#aaa7a4;line-height:1.13}.native-claude-guide{min-width:0;padding:.85cqw 1cqw .6cqw}.native-claude-tip{border-bottom:1px solid #a94d2d;padding-bottom:.65cqw;overflow:hidden}.native-claude-tip p{color:#d8d5d1;text-overflow:clip;white-space:nowrap;overflow:hidden}.native-claude-recent{padding-top:.6cqw}.native-claude-recent p{color:#aaa7a4}.native-claude-work{color:#d8d5d1;margin-top:2.25cqw;padding-inline:.75cqw}.native-claude-work-prompt{border-block:1px solid #6c4a3f;margin-bottom:1.25cqw;padding-block:.75cqw}.native-claude-work .native-dim{padding-left:2.1cqw}.native-openclaude-terminal,.native-hermes-terminal,.native-openclaw-terminal{background:#090e11;overflow:hidden}.native-openclaude-terminal{color:#e8e4dc;padding:3.2cqw}.native-openclaude-wordmark{color:#dc7952;text-shadow:.12em .12em #4d302a;font-size:clamp(7.5px,1.95cqw,20px);line-height:1.02}.native-openclaude-tagline{color:#f0d7c3;margin-top:1.2cqw}.native-openclaude-provider{color:#a59888;border:1px solid #806245;width:44%;min-width:13rem;margin-top:2cqw}.native-openclaude-provider>div{grid-template-columns:7.5cqw 1fr;padding-inline:1.1cqw;display:grid}.native-openclaude-provider strong{color:#e9e5df;font-weight:500}.native-openclaude-provider>div:first-child strong,.native-ready-dot{color:#8bc88d}.native-openclaude-provider>p{border-top:1px solid #806245;margin-top:.55cqw;padding:.55cqw 1.1cqw}.native-openclaude-provider>p span:last-child{margin-left:2.5cqw}.native-openclaude-version{color:#9f8e80;margin:.7cqw 1.1cqw}.native-openclaude-version strong{color:#dc7952}.native-openclaude-prompt{color:#f5f5f5;border-block:1px solid #c5c7c8;width:72%;margin-top:2.2cqw;padding-block:.7cqw}.native-openclaude-work{color:#d5d1c9;width:72%;margin-top:1.1cqw}.native-openclaude-help{justify-content:space-between;width:72%;padding:.55cqw 1.1cqw;display:flex}.native-hermes-terminal{color:#e8ecee;padding:2.3cqw;font-size:clamp(5.5px,1.08cqw,11px);line-height:1.22}.native-hermes-board{border:1px solid #c5d2d6;grid-template-columns:1fr 1fr;width:68%;min-width:15rem;display:grid}.native-hermes-identity,.native-hermes-catalog{min-width:0;padding:1.2cqw}.native-hermes-identity{text-align:center;border-right:1px solid #c5d2d6;flex-direction:column;justify-content:center;display:flex}.native-hermes-identity pre{margin-bottom:1.3cqw;font-size:1.2em;line-height:1}.native-hermes-catalog{overflow:hidden}.native-hermes-catalog p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.native-hermes-gap{margin-bottom:1.2cqw}.native-hermes-welcome{width:78%;min-width:15rem;margin-top:1.5cqw}.native-hermes-status{color:#d4d7d8;width:82%;min-width:0;margin-top:1.6cqw}.native-hermes-prompt{border-block:1px solid #c5d2d6;width:82%;min-width:15rem;margin-top:.5cqw;padding-block:.6cqw}.native-openclaw-terminal{color:#e8ecee;padding:2.5cqw}.native-openclaw-glyph{line-height:.7}.native-openclaw-title{margin-top:1.8cqw;font-weight:600}.native-openclaw-session{color:#f3d78d;width:74%;margin-top:1.4cqw;font-weight:600}.native-openclaw-ready{color:#f1d68e;margin-top:1.4cqw}.native-openclaw-task{color:#e6e8e9;border-block:1px solid #697177;width:74%;margin-top:1.5cqw;padding-block:.75cqw}.native-openclaw-meta{color:#918ba9;width:56%}.native-openclaw-prompt{border-block:1px solid #697177;align-items:center;width:56%;min-height:3.2cqw;margin-top:.5cqw;display:flex}.native-openclaw-prompt span{background:#dfe5e6;width:.85cqw;min-width:3px;height:1.5cqw;min-height:6px;display:block}.native-live-indicator{color:#9ce5b0;transform-origin:50%;animation:native-work-pulse 1.4s var(--ease-standard) infinite;display:inline-block}.native-work-cycle{width:fit-content;min-width:0;max-width:100%;color:inherit;grid-template-columns:auto minmax(0,max-content) auto;align-items:center;gap:.55em;font-weight:600;display:inline-grid}.native-work-messages{min-width:0;display:grid}.native-work-message{opacity:0;text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;animation:6s step-end infinite native-work-message-cycle;overflow:hidden}.native-work-message[data-work-step="2"]{animation-delay:-4s}.native-work-message[data-work-step="3"]{animation-delay:-2s}.native-terminal-cursor{vertical-align:-.15em;background:currentColor;width:.65em;height:1.05em;margin-left:.55em;animation:.9s step-end infinite stream-cursor;display:inline-block}html[data-scroll-motion=ready] [data-scroll-section] [data-scroll-part]{--scroll-enter-x:0px;--scroll-enter-y:12px;--scroll-enter-scale:1;opacity:0;transform:translate3d(var(--scroll-enter-x), var(--scroll-enter-y), 0) scale(var(--scroll-enter-scale));transition-property:opacity,transform;transition-duration:.3s,.42s;transition-timing-function:var(--ease-enter)}html[data-scroll-motion=ready] [data-scroll-section] [data-scroll-part][data-scroll-from=left]{--scroll-enter-x:-12px;--scroll-enter-y:0px}html[data-scroll-motion=ready] [data-scroll-section] [data-scroll-part][data-scroll-from=right]{--scroll-enter-x:12px;--scroll-enter-y:0px}html[data-scroll-motion=ready] [data-scroll-section] [data-scroll-part][data-scroll-from=panel]{--scroll-enter-y:8px;--scroll-enter-scale:.985}html[data-scroll-motion=ready] [data-scroll-section] [data-scroll-part][data-scroll-delay="1"]{transition-delay:70ms}html[data-scroll-motion=ready] [data-scroll-section] [data-scroll-part][data-scroll-delay="2"]{transition-delay:.14s}html[data-scroll-motion=ready] [data-scroll-section] [data-scroll-part][data-scroll-delay="3"]{transition-delay:.21s}html[data-scroll-motion=ready] [data-scroll-section]:is([data-scroll-state=active],[data-scroll-state=passed]) [data-scroll-part]{opacity:1;transform:translate(0,0)scale(1)}html[data-scroll-motion=reduced] [data-scroll-part],html[data-motion=off] [data-scroll-part]{opacity:1;transition:none;transform:none}.control-story{position:relative;overflow:clip}.control-story-animated{display:none}.control-story-linear{display:block}.control-story-transcript{display:none}.control-story-glow{pointer-events:none;background:radial-gradient(46% 46% at 50% 48%, color-mix(in oklch, var(--tsubasa-periwinkle) 10%, transparent), transparent 72%);position:absolute;inset:0}.control-story-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative}.control-story-heading{letter-spacing:-.06em;font-size:clamp(3.5rem,11vw,9.5rem);font-weight:470;line-height:.9}.control-story-word{white-space:nowrap;opacity:0;transition-property:opacity,transform;transition-duration:.22s,.42s;transition-timing-function:var(--ease-enter);display:inline-block;position:absolute;inset:0;transform:translateY(105%)}.control-story-captions{width:min(100%,42rem);min-height:6.5rem;position:relative}.control-story-caption{opacity:0;transition-property:opacity,transform;transition-duration:.22s,.3s;transition-timing-function:var(--ease-enter);position:absolute;inset:0;transform:translateY(8px)}.control-story-progress{flex-direction:column;gap:.75rem;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.control-story-progress li{justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.control-story-progress span{background:color-mix(in oklch, var(--foreground) 16%, transparent);width:.5rem;height:.5rem;transition-property:background-color,transform;transition-duration:var(--motion-normal);transition-timing-function:var(--ease-standard);border-radius:9999px;transform:scale(.75)}[data-scroll-stage=agent] [data-story-word=agent],[data-scroll-stage=model] [data-story-word=model],[data-scroll-stage=privacy] [data-story-word=privacy]{opacity:1;transform:translate(0,0)}[data-scroll-stage=model] [data-story-word=agent],[data-scroll-stage=privacy] [data-story-word=model]{opacity:0;transform:translateY(-105%)}[data-scroll-stage=privacy] [data-story-word=agent]{opacity:0;transform:translateY(-210%)}[data-scroll-stage=agent] [data-story-word=privacy]{transform:translateY(210%)}[data-scroll-stage=agent] [data-story-caption=agent],[data-scroll-stage=model] [data-story-caption=model],[data-scroll-stage=privacy] [data-story-caption=privacy]{opacity:1;transform:translate(0,0)}[data-scroll-stage=agent] [data-story-progress=agent] span,[data-scroll-stage=model] [data-story-progress=model] span,[data-scroll-stage=privacy] [data-story-progress=privacy] span{background:var(--tsubasa-periwinkle);transform:scale(1)}}@keyframes native-work-pulse{0%,to{opacity:.52;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@keyframes native-work-message-cycle{0%,32%{opacity:1}33%,to{opacity:0}}@media (min-width:64rem){html[data-scroll-motion=ready] .control-story{height:300svh}html[data-scroll-motion=ready] .control-story-animated{align-items:stretch;min-height:100svh;display:flex;position:sticky;top:0}html[data-scroll-motion=ready] .control-story-linear{display:none}html[data-scroll-motion=ready] .control-story-transcript{display:block}html[data-scroll-motion=reduced] .control-story,html[data-motion=off] .control-story{height:auto}html[data-scroll-motion=reduced] .control-story-animated,html[data-motion=off] .control-story-animated{display:none}html[data-scroll-motion=reduced] .control-story-linear,html[data-motion=off] .control-story-linear{display:block}html[data-scroll-motion=reduced] .control-story-transcript,html[data-motion=off] .control-story-transcript{display:none}}
