/* Shared frame: backgrounds may extend, all visual and text content align. */
:root{--frame:1200px;--gutter:max(32px,calc((100vw - var(--frame))/2))}
.section-pad{padding-block:104px}.players,.intelligence,.community{padding-bottom:104px}
.site-header{height:96px}.brand{gap:18px}.brand>img:first-child{width:92px;height:44px}.brand .rankx-logo{width:140px;height:29px;object-fit:contain}
.section-intro,.intelligence-layout,.community-vision,.vision{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.section-intro{align-items:start}.section-intro>p{max-width:520px;padding-top:6px}
.hero{min-height:760px;height:calc(100svh - 96px);max-height:900px}
.hero-copy{width:calc(var(--gutter) + 540px);max-width:none;padding-top:125px;padding-left:var(--gutter)}
.hero h1{font-size:clamp(60px,5.35vw,82px)}
.hero-art{left:50%;right:auto;width:calc(100% - 2 * var(--gutter));inset-block:-12px;transform:translateX(-50%);overflow:hidden}.hero-art .hero-picture,.hero-light-pass{transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.hero-bottom{left:var(--gutter);right:var(--gutter)}
.precision-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding-bottom:64px}
.precision-intro>p{padding:6px 0 0;max-width:520px}
.engineering-pair{margin-inline:var(--gutter);padding:0;gap:24px;grid-template-columns:1fr 1fr}
.engineering-copy{padding:30px 32px 38px}.engineering-pair figure{aspect-ratio:1.2}
.memory-lab,.community-browser{margin-inline:0}.player-problems{gap:40px}
.intelligence-layout{align-items:start}.posture-stage{position:relative;top:auto;overflow:hidden}
.posture-stage>svg{display:block;width:100%;margin-top:62px}.posture-stage>p{padding:8px 24px 25px;font-size:16px}
.posture-message{position:absolute;z-index:2;top:22px;left:24px;right:24px;display:flex;align-items:center;gap:12px;width:fit-content;max-width:calc(100% - 48px);padding:12px 16px;background:#aa88d3;color:#21142f;font-size:17px;line-height:1.5}
.posture-message>svg{width:24px;height:24px;flex:none}.posture-message span{min-width:0;overflow-wrap:anywhere}
.posture-stage[data-active=learning] #posture-person{transform:none}
.agent-section{display:block;padding-block:104px}.agent-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:stretch}
.agent-illustration{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-width:0;background:#251a34;overflow:hidden}
.agent-scene-request{margin:28px 24px 0;display:flex;gap:14px;align-items:center;font-size:18px;line-height:1.6;min-height:58px;padding:13px 17px;background:#49315d}
.voice-symbol{display:flex;align-items:center;gap:3px;width:24px;height:24px;flex:none}.voice-symbol i{display:block;width:3px;height:11px;background:#d5b9ee;animation:voice-bar 1.6s ease-in-out infinite}.voice-symbol i:nth-child(2){height:22px;animation-delay:.15s}.voice-symbol i:nth-child(3){height:17px;animation-delay:.3s}.voice-symbol i:nth-child(4){animation-delay:.45s}
@keyframes voice-bar{50%{transform:scaleY(.45);opacity:.5}}
.agent-illustration>svg{width:100%;height:auto;display:block;flex:1;min-height:300px;max-height:470px}
.agent-scene-footer{padding:0 24px 25px;display:flex;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted)}
.agent-carriage{transform:translateY(10px);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.agent-illustration[data-mode=daily] .agent-carriage{transform:translateY(-20px)}
.agent-illustration[data-mode=dual] .agent-carriage{transform:translateY(0)}
.agent-secondary{transition:opacity .8s}.agent-illustration[data-mode=dual] .agent-secondary{opacity:1}
.agent-signal{animation:intent-flow 3.6s linear infinite}.terminal-response{animation:terminal-pulse 2.2s ease-in-out infinite}
@keyframes intent-flow{to{stroke-dashoffset:-102}}@keyframes terminal-pulse{50%{opacity:.3}}
.agent-demo{margin:0;padding:32px;display:flex;flex-direction:column;justify-content:center;min-width:0}.agent-identity{margin-bottom:32px}.chat-answer{min-height:120px;line-height:1.9;font-size:18px}.agent-intents{margin-top:25px;gap:10px}.agent-intents button{font-size:16px;padding:12px 15px}
.art-dual .tiny-column{left:20%}.art-dual .tiny-column.second{left:80%}.art-dual .tiny-base{left:13%}.art-dual .tiny-base.second{left:73%}.art-dual .tiny-arm{left:20%;width:25%}.art-dual .tiny-arm.second{left:61%;width:20%;top:135px;transform:rotate(4deg)}
.connect{min-height:660px}.connect>img{left:50%;right:auto;width:calc(100% - 2 * var(--gutter));transform:translateX(-50%)}.connect-copy{width:calc(var(--gutter) + 530px);max-width:none;padding-right:0}
.footer{padding-block:48px 30px}.footer-wordmark{margin-block:48px 35px}
@media(min-width:761px) and (max-width:1100px){:root{--gutter:40px}.desktop-nav{gap:20px}.desktop-nav a{font-size:15px}.brand>img:first-child{width:80px}.brand .rankx-logo{width:120px}.brand{gap:12px}.header-action{display:none}.hero-copy{width:52%;padding-top:130px}.hero h1{font-size:5.5vw}.hero-description{font-size:17px}.section-intro,.intelligence-layout,.community-vision,.vision{gap:36px}.precision-intro{gap:36px}.section-intro>p,.precision-intro>p{font-size:18px}.agent-layout{gap:24px}.agent-demo{padding:24px}.agent-intents button{font-size:14px;padding:10px 12px}.agent-scene-request{font-size:16px;margin:20px 18px 0;padding:12px}.agent-scene-footer{font-size:13px;padding:0 18px 20px;flex-direction:column;gap:6px}.connect-copy{width:55%}}
@media(max-width:760px){:root{--gutter:24px}.site-header{height:80px}.brand{gap:14px}.brand>img:first-child{width:80px;height:40px}.brand .rankx-logo{width:116px;height:25px}.section-pad,.agent-section{padding-block:68px}.section-intro,.intelligence-layout,.community-vision,.vision{grid-template-columns:1fr;gap:26px}.section-intro>p{padding-top:0}.hero{min-height:0;height:auto;max-height:none}.hero-copy{width:100%;padding:46px var(--gutter) 12px}.hero h1{font-size:clamp(42px,10.6vw,70px)}.hero-art{left:auto;right:auto;inset:auto;width:calc(100% - 2 * var(--gutter));margin-inline:var(--gutter);height:380px;transform:none!important}.hero-bottom{left:auto;right:auto;padding-inline:var(--gutter)}.precision-intro{grid-template-columns:1fr;gap:25px;padding-bottom:36px}.precision-intro>p{margin:0;padding:0;font-size:16px}.engineering-pair{grid-template-columns:1fr;gap:22px;margin-inline:var(--gutter)}.engineering-copy{padding:24px}.engineering-pair figure,.engineering-pair article:first-child figure{aspect-ratio:1}.memory-lab,.community-browser{margin-inline:0}.memory-toolbar{padding-inline:18px}.player-problems{gap:26px}.posture-message{left:18px;right:18px;top:18px;max-width:calc(100% - 36px);font-size:16px;padding:11px 13px;gap:10px}.posture-stage>svg{margin-top:64px}.posture-stage>p{padding:5px 20px 23px;font-size:14px}.agent-layout{grid-template-columns:1fr;gap:20px}.agent-illustration{order:0}.agent-scene-request{font-size:16px;margin:20px 18px 0;padding:12px 14px}.agent-illustration>svg{min-height:250px;max-height:none}.agent-scene-footer{padding:0 18px 20px;font-size:13px;gap:12px;flex-wrap:wrap}.agent-demo{padding:24px;min-height:0}.agent-identity{margin-bottom:25px}.chat-answer{font-size:16px;min-height:100px}.agent-intents{gap:8px}.agent-intents button{font-size:14px;padding:11px 13px}.connect{min-height:0;padding-bottom:300px}.connect-copy{width:100%;padding:60px var(--gutter) 20px}.connect>img{left:var(--gutter);right:var(--gutter);width:calc(100% - 2 * var(--gutter));transform:none;object-position:70% center}.footer{padding-block:32px 25px}.footer-top{gap:15px}.footer-top .brand{gap:12px}.footer-wordmark{margin-block:34px 27px}}
@media(max-width:380px){:root{--gutter:20px}.brand>img:first-child{width:72px}.brand .rankx-logo{width:104px}.brand{gap:12px}.hero-art{height:350px}.posture-message{font-size:15px}.agent-intents button{font-size:13px;padding:10px}.agent-demo{padding:22px}}
@media(max-width:760px){#arm-scene{width:120%;left:-10%;height:330px;min-height:330px}}
@media(prefers-reduced-motion:reduce){.agent-signal,.terminal-response,.voice-symbol i{animation:none!important}.agent-carriage,.agent-secondary{transition:none!important}}
