.site{background:var(--page);min-height:100dvh;color:var(--text)}.presenter__audio{display:none}.hero-pin{z-index:0;height:100svh;min-height:600px;position:sticky;top:0}.stage{isolation:isolate;background:radial-gradient(120% 60% at 50% 0,#e2d5faf2 0%,#e2d5fa00 62%),radial-gradient(90% 50% at 50% 100%,#f4ecfce6 0%,#f4ecfc00 70%),linear-gradient(#efe9fb 0%,#f8f6fc 55%,#f4f0fb 100%);height:100%;position:relative;overflow:hidden;container:stage/size}[data-theme=flow] .stage{background:var(--navy-950)}.backdrop{z-index:-1;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}[data-theme=flow] .backdrop{display:block}.backdrop__arc{background:var(--arc);will-change:transform;animation:18s ease-in-out infinite alternate arc-breathe;position:absolute;inset:-12%}.backdrop__drift{will-change:transform;background:radial-gradient(circle at 28% 62%,#4678ff1a 0%,#4678ff0a 14%,#4678ff00 30%),radial-gradient(circle at 74% 56%,#8038dc4d 0%,#8038dc1f 14%,#8038dc00 30%);animation:26s ease-in-out infinite alternate drift;position:absolute;inset:-30%}.backdrop__grain{opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stage__frame{--pad:var(--page-pad);--dock:64px;--ease:cubic-bezier(.22, .9, .24, 1);padding:var(--pad);grid-template:"top""main"minmax(0,1fr)"hero""dock"/minmax(0,1fr);display:grid;position:absolute;inset:0}.topbar{grid-area:top}.topbar__nav{transition:opacity .4s,visibility linear}.stage__frame:not([data-view=idle]) .topbar__nav{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s}.orb-slot{grid-area:main;place-items:center;min-height:0;margin-block:clamp(12px,2.6cqh,32px);display:grid;container-type:size}.stage__frame[data-view=idle] .orb-slot{justify-items:end;padding-inline-end:7cqw}.stage__frame[data-view=scene] .orb-slot{width:var(--dock);height:var(--dock);grid-area:dock;justify-self:start;margin:clamp(10px,1.6cqh,16px) 0 0}.activator{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:min(100cqh,82cqw,540px);padding:0;position:relative}.stage__frame[data-view=scene] .activator{width:100%}.activator:disabled{cursor:default}.activator:focus-visible{outline:none}.activator:focus-visible .orb__rim{box-shadow:0 0 0 3px var(--accent), 0 26px 70px -24px #d68cd6bf}.activator__badge{aspect-ratio:1;pointer-events:none;background:#fffffff0;border-radius:50%;place-items:center;width:max(26px,15%);display:none;position:absolute;bottom:2%;left:50%;translate:-50%;box-shadow:0 8px 22px -8px #3c1e788c}.activator__badge:before{content:"";aspect-ratio:1;background:var(--mark);border-radius:22%;width:34%}@media (hover:none){.stage__frame:not([data-view=idle]) .activator__badge{animation:badge-in .4s var(--ease) both;display:grid}}.hover-pill{z-index:30;border:1px solid var(--edge);background:var(--surface-strong);box-shadow:var(--lift-md);color:var(--text);font:500 14px/1 var(--font-ui);white-space:nowrap;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;padding:9px 16px 9px 12px;transition:opacity .2s,scale .25s cubic-bezier(.22,.9,.24,1);display:inline-flex;position:fixed;top:0;left:0;scale:.86}.hover-pill:before{content:"";background:var(--orb-gradient);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1.5px #fff}.hover-pill[data-visible=true]{opacity:1;scale:1}.site[data-agent=active] .hover-pill:before{background:var(--mark);border-radius:2px}@media (hover:none){.hover-pill{display:none}}.orb{--level:0;position:absolute;inset:0}.orb__aura{opacity:calc(.7 + var(--level) * .3);transform:scale(calc(1 + var(--level) * .16));pointer-events:none;position:absolute;inset:-40%}.orb__halo{background:radial-gradient(circle,#f4b0e28c 0%,#debef46b 26%,#cdb8f833 46%,#cdb8f800 70%);border-radius:50%;animation:4.2s ease-in-out infinite breathe;position:absolute;inset:0}.orb__ring{opacity:0;pointer-events:none;border:1.5px solid #fffffff2;border-radius:50%;transition:opacity .6s;position:absolute;inset:-12%;box-shadow:0 0 50px #cdb8f84d,inset 0 0 36px #fff6}.stage__frame[data-view=orb] .orb__ring{opacity:1;transition-delay:.35s}.orb__core{transform:scale(calc(1 + var(--level) * .05));transition:transform .25s;position:absolute;inset:0}.activator:hover:not(:disabled) .orb__core{transform:scale(calc(1.02 + var(--level) * .05))}.orb__body{clip-path:circle(50%);background:radial-gradient(circle,#e4d8fb 0%,#ece3fc 55%,#f2ecfd 100%);border-radius:50%;position:absolute;inset:0;overflow:hidden}.orb__field{will-change:transform;animation:16s linear infinite turn;position:absolute;inset:-30%}.orb__field--a{background:radial-gradient(circle at 32% 36%,#f0aae0e6 0%,#f0aae0a8 12%,#f0aae05c 24%,#f0aae01f 34%,#f0aae000 44%),radial-gradient(circle at 68% 64%,#96acfae6 0%,#96acfaa8 12%,#96acfa5c 24%,#96acfa1f 34%,#96acfa00 44%),radial-gradient(circle at 62% 30%,#ffffff80 0%,#ffffff4d 12%,#ffffff1f 24%,#fff0 36%)}.orb__field--b{background:radial-gradient(circle at 30% 34%,#ffffffb8 0%,#ffffff7a 11%,#ffffff38 22%,#ffffff0f 32%,#fff0 40%),radial-gradient(circle at 68% 34%,#c4a8fad9 0%,#c4a8fa94 13%,#c4a8fa47 26%,#c4a8fa14 36%,#c4a8fa00 46%),radial-gradient(circle at 40% 72%,#f6bee6cc 0%,#f6bee685 13%,#f6bee63d 26%,#f6bee60f 36%,#f6bee600 46%);animation-duration:23s;animation-direction:reverse}.orb__stars{will-change:transform, opacity;background-image:radial-gradient(circle at 24% 36%,#fffffff2 0 1px,#fff0 1.8px),radial-gradient(circle at 62% 24%,#fffffff2 0 1.2px,#fff0 2px),radial-gradient(circle at 72% 56%,#ffffffe6 0 .9px,#fff0 1.6px),radial-gradient(circle at 40% 68%,#ffffffe6 0 1.1px,#fff0 1.8px),radial-gradient(circle at 54% 46%,#ffffffd9 0 .8px,#fff0 1.4px),radial-gradient(circle at 32% 52%,#ffffffd9 0 .7px,#fff0 1.3px),radial-gradient(circle at 78% 40%,#ffffffd9 0 .8px,#fff0 1.4px),radial-gradient(circle at 48% 80%,#ffffffe6 0 .9px,#fff0 1.5px),radial-gradient(circle at 60% 74%,#fffc 0 .7px,#fff0 1.2px);animation:60s linear infinite turn,4.5s ease-in-out infinite alternate twinkle;position:absolute;inset:-12%}.orb__gloss{background:radial-gradient(circle at 34% 26%,#ffffff5c 0%,#ffffff2e 12%,#ffffff0f 24%,#fff0 36%);position:absolute;inset:0}.orb__rim{border:3px solid #fffffff5;border-radius:50%;position:absolute;inset:0;box-shadow:0 26px 70px -24px #d68cd6bf,inset 0 0 12px #ffffff4d}[data-theme=flow] .orb__body{background:radial-gradient(circle at 50% 56%,#2c4ae0 0%,#1b2b9e 52%,#10195f 100%)}[data-theme=flow] .orb__field--a{background:radial-gradient(circle at 32% 36%,#40c4ffeb 0%,#40c4ff9e 12%,#40c4ff47 24%,#40c4ff14 34%,#40c4ff00 44%),radial-gradient(circle at 68% 64%,#7458ffeb 0%,#7458ff99 12%,#7458ff47 24%,#7458ff14 34%,#7458ff00 44%),radial-gradient(circle at 62% 30%,#dcf0ff61 0%,#dcf0ff2e 12%,#dcf0ff0f 24%,#dcf0ff00 36%)}[data-theme=flow] .orb__field--b{background:radial-gradient(circle at 30% 34%,#5084ffd9 0%,#5084ff8f 11%,#5084ff3d 22%,#5084ff0f 32%,#5084ff00 40%),radial-gradient(circle at 68% 34%,#ce68ff99 0%,#ce68ff61 13%,#ce68ff29 26%,#ce68ff0a 36%,#ce68ff00 46%),radial-gradient(circle at 40% 72%,#38e8ffa8 0%,#38e8ff6b 13%,#38e8ff2e 26%,#38e8ff0a 36%,#38e8ff00 46%)}[data-theme=flow] .orb__gloss{background:radial-gradient(34% 22% at 34% 21%,#ffffffeb 0%,#ffffff75 40%,#fff0 100%),radial-gradient(circle at 70% 84%,#96e1ff5c 0%,#96e1ff00 32%),radial-gradient(circle,#080c3200 58%,#080c326b 100%)}[data-theme=flow] .orb__rim{border:2px solid #c4e4ffe0;box-shadow:0 0 64px -8px #4078ffb3,0 26px 70px -24px #5a50ffd9,inset 0 0 22px #82cdff80}[data-theme=flow] .orb__halo{background:radial-gradient(circle,#4078ff8c 0%,#6c58ff61 28%,#584cdc29 48%,#584cdc00 70%)}[data-theme=flow] .orb__ring{border-color:#aad7ffb3;box-shadow:0 0 50px #508cff59,inset 0 0 36px #78b4ff4d}.greeting-line{z-index:4;width:50%;color:var(--text);font:600 clamp(22px, min(3cqw, 4.4cqh), 44px) / 1.16 var(--font-heading);letter-spacing:-.025em;text-wrap:balance;text-shadow:var(--text-glow);opacity:0;pointer-events:none;grid-area:main;place-self:center end;margin:0;transition:opacity .6s}.greeting-line[data-shown=true]{opacity:1}.greeting-line>span{max-width:18ch;animation:line-in .7s var(--ease) both;display:block}@container stage (max-width:640px){.greeting-line{width:58%}}.hero-heading{z-index:3;color:var(--text);font:600 clamp(36px, min(11cqw, 12.8cqh), 136px) / .95 var(--font-heading);letter-spacing:-.055em;text-align:left;text-shadow:var(--text-glow);pointer-events:none;grid-area:main;place-self:center start;margin:0;transition:opacity .45s,visibility linear}.stage__frame:not([data-view=idle]) .hero-heading{opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s linear .45s}.hero-heading__line{display:block}.hero-heading__line:first-child{color:var(--accent);margin:0 0 .07em -.08em}.hero-heading__line:nth-child(2){margin-left:-.03em}[data-theme=flow] .hero-heading{text-shadow:0 1px 3px #0a0e304d,0 4px 28px #0a0e3042}[data-theme=flow] .hero-heading__line{color:#fff}.hero-wrap{grid-area:hero;transition:opacity .45s}.stage__frame:not([data-view=idle]) .hero-wrap{right:var(--pad);bottom:var(--pad);left:var(--pad);opacity:0;pointer-events:none;position:absolute}.hero{flex-direction:column;gap:clamp(14px,2.2cqh,24px);display:flex}.hero__body{max-width:58ch;color:var(--text);font:400 clamp(15px, 1.4cqw, 18px) / 1.6 var(--font-ui);margin:0}.notice{color:var(--accent-strong);font:500 14px/1.5 var(--font-ui);margin:0}.activities{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:clamp(4px,1.2cqh,14px) 0 0;padding:0;list-style:none;display:grid}.activity{border:1px solid var(--edge);background:var(--card);min-height:68px;color:var(--card-text);font:500 15px/1.3 var(--font-ui);border-radius:20px;align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex}[data-theme=flow] .activity{border-color:var(--outline);color:#fff;background:0 0;transition:border-color .3s}[data-theme=flow] .activity:hover{border-color:var(--outline-strong)}.scene-panel{overscroll-behavior:contain;border:1px solid var(--edge);border-radius:var(--r-panel);background:var(--panel);min-height:0;box-shadow:var(--lift-md);flex-direction:column;grid-area:main;margin-top:clamp(14px,2.4cqh,24px);padding:clamp(24px,4cqw,56px);animation:.7s cubic-bezier(.2,.8,.2,1) both present;display:flex;overflow:auto;container:stage/inline-size}.scene-panel>*{margin-block:auto}@media (prefers-reduced-motion:no-preference){.orb-slot{animation:orb-arrive 1.1s var(--ease) both}.hero-heading__line{animation:heading-arrive 1s var(--ease) both}.hero-heading__line:first-child{animation-delay:.15s}.hero-heading__line:nth-child(2){animation-delay:.25s}.hero-heading__line:nth-child(3){animation-delay:.35s}.hero__body,.hero .notice{animation:arrive-up .9s var(--ease) .45s both}.activities>li{animation:arrive-up .8s var(--ease) both}.activities>li:first-child{animation-delay:.55s}.activities>li:nth-child(2){animation-delay:.62s}.activities>li:nth-child(3){animation-delay:.69s}.activities>li:nth-child(n+4){animation-delay:.76s}}@keyframes orb-arrive{0%{opacity:0;scale:.9}}@keyframes arrive-up{0%{opacity:0;translate:0 24px}}@keyframes heading-arrive{0%{opacity:0;translate:0 .3em}}@keyframes breathe{0%,to{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes turn{to{transform:rotate(1turn)}}@keyframes twinkle{0%{opacity:.45}to{opacity:.95}}@keyframes arc-breathe{0%{transform:translateY(2%)scale(1)}to{transform:translateY(-3%)scale(1.06)}}@keyframes drift{0%{transform:translate(-6%,3%)rotate(-6deg)}to{transform:translate(6%,-3%)rotate(8deg)}}@keyframes badge-in{0%{opacity:0;scale:.6}}@keyframes line-in{0%{opacity:0;filter:blur(6px);translate:0 14px}}@keyframes present{0%{opacity:0;filter:blur(6px);transform:translateY(16px)scale(.985)}}