/* Preserve the approved palette; put software first and the concept in its own section. */
.hero-art .phone-tilt{left:22%;width:300px;top:2%}.hero-art .phone{min-height:500px}.hero-art .floating-note{right:2%;bottom:2%}
.companion-visual{position:relative;overflow:visible;border-radius:30px;aspect-ratio:auto;background:radial-gradient(ellipse at 45% 38%,#fefdf6,#e0e3d9);padding:20px}
.companion-visual .robot-stage{position:relative;left:auto;top:auto;width:100%;height:440px;margin:0;z-index:1}
.companion-visual .robot-shadow{width:42%;left:29%;height:12px;bottom:42px;background:#203c374a;filter:blur(9px)}
.companion-visual>p{text-align:center;font-size:14px!important;margin:12px 0!important}.model-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.model-controls button{min-height:44px;padding:9px 14px;background:transparent;border:1px solid #899b8e;border-radius:25px;color:var(--ink)}.model-controls button[aria-pressed=true]{background:var(--ink);color:white}
.nav-links,.button.small,.disclosure,.concept-label{font-size:14px!important}.story-card p,.principle-list p,.companion p:not(.eyebrow){font-size:16px}.phone-top span{font-size:12px}
@media(max-width:1050px){.hero-art .phone-tilt{width:255px;left:18%}.companion-visual .robot-stage{height:370px}}
@media(max-width:700px){.hero-art{min-height:515px}.hero-art .phone-tilt{left:13%;width:245px}.hero-art .floating-note{font-size:12px;bottom:0}.companion-visual .robot-stage{height:350px}.companion-visual{padding:12px}.model-controls button{font-size:14px}.nav .button.small{font-size:12px!important}.hero-art .phone{min-height:470px}}
@media(prefers-reduced-motion:reduce){.hero-art .phone-tilt,.hero-art:hover .phone-tilt{transform:none}}