.we-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr); align-items:center; gap:var(--sp-5); padding:clamp(20px,4vw,42px); margin-bottom:var(--sp-5); border:1px solid #cddbe6; border-radius:18px; background:linear-gradient(110deg,#fff,#edf3f7); overflow:hidden; }
.we-kicker { text-transform:uppercase; letter-spacing:.13em; font-size:var(--text-micro); font-weight:700; color:#385b75; }
.we-hero h1 { font-size:clamp(2rem,4vw,3rem); line-height:1.1; margin:var(--sp-3) 0; letter-spacing:-.05em; color:var(--ink); }
.we-hero-copy>p { max-width:560px; }
.we-hero .field { max-width:500px; margin:var(--sp-5) 0 var(--sp-2); }
.we-badges { display:flex; flex-wrap:wrap; gap:8px; }
.we-badges span { font-size:var(--text-micro); border:1px solid #cad9e4; color:#314e66; background:#f5f9fc; padding:4px 9px; border-radius:20px; }
.we-hero-art { position:relative; display:grid; justify-items:center; gap:8px; min-width:0; }
.we-character { position:relative; display:block; overflow:hidden; border-radius:22px; background:#edf2f5; isolation:isolate; }
.we-character img { display:block; width:100%; height:100%; object-fit:contain; pointer-events:none; }
.we-character video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; pointer-events:none; transition:opacity 180ms ease-out; }
.we-character.we-playing video { opacity:1; }
.we-character-hero { width:min(100%,280px); aspect-ratio:8/9; }
.we-art-caption { font-size:var(--text-micro); color:#36536b; text-align:center; }
.we-motion-toggle { padding:6px 10px; min-height:36px; font-size:var(--text-micro); color:#314e66; border:1px solid #bacfdf; background:#fff; border-radius:12px; cursor:pointer; }
.we-motion-toggle:hover { background:#e3eef6; }
.we-motion-toggle:disabled { color:#405c72; cursor:default; background:#edf3f7; }
.we-float { position:fixed; right:18px; bottom:110px; z-index:130; width:88px; }
.we-launch { display:grid; justify-items:center; gap:4px; width:88px; border:0; background:transparent; color:var(--ink); cursor:pointer; padding:0; touch-action:none; }
.we-launch .we-character { width:80px; height:90px; border-radius:18px; box-shadow:0 4px 12px #14334e24; pointer-events:none; }
.we-launch .we-launch-name { font:700 12px var(--font-body); letter-spacing:.07em; background:#f5f9fc; color:#24435d; border:1px solid #b7cede; border-radius:12px; padding:3px 9px; }
.we-launch:hover .we-character { box-shadow:0 6px 16px #14334e40; }
.we-launch:active .we-character { scale:.97; }
.we-launch:focus-visible,.we-motion-toggle:focus-visible,.we-tools :focus-visible { outline:3px solid #286893; outline-offset:4px; border-radius:12px; }
.we-tools { box-sizing:border-box; position:fixed; z-index:250; width:min(340px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:20px; border:1px solid #c4d5e2; border-radius:20px; background:#f9fcff; color:#1d354b; box-shadow:0 18px 60px #102b4340; font-family:var(--font-body); }
.we-tools[hidden] { display:none!important; }
.we-tools header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.we-tools header strong { display:block; font-size:var(--text-base); }
.we-tools small { display:block; color:#405c72; font-size:var(--text-micro); font-weight:400; line-height:1.5; }
.we-tools-close { width:44px; height:44px; border:1px solid #b7cede; border-radius:50%; background:#fff; color:#24435d; cursor:pointer; font-size:24px; }
.we-tools>p { font-size:var(--text-small); margin:12px 0; color:#405c72; }
.we-tools-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.we-tools-grid>a,.we-tools-grid>button { display:block; text-decoration:none; text-align:left; padding:12px; min-height:78px; border:1px solid #c4d5e2; background:#fff; color:#1d354b; border-radius:12px; cursor:pointer; font:inherit; }
.we-tools-grid strong { font-size:var(--text-small); }
.we-tools-grid>a:hover,.we-tools-grid>button:hover,.we-tools-close:hover { background:#e7f1f8; border-color:#769dbb; }
.we-tools-grid>a:active,.we-tools-grid>button:active { background:#d9eaf5; }
.we-tools .we-tools-note { font-size:var(--text-micro); }
.we-tools footer { padding-top:12px; border-top:1px solid #c4d5e2; font-size:var(--text-small); }
.we-tools footer a { color:#235c83; text-decoration:underline; }
@media(prefers-reduced-motion:reduce) { .we-character video { transition:none; } }
@media(max-width:650px) {
  .we-hero { grid-template-columns:minmax(0,1fr) 100px; gap:12px; padding:20px; }
  .we-hero h1 { font-size:2rem; }
  .we-hero-copy>p { font-size:var(--text-small); }
  .we-hero-art { align-self:start; padding-top:12px; }
  .we-art-caption { display:none; }
  .we-motion-toggle { font-size:12px; padding:4px; }
  .we-hero .field,.we-hero [data-we-status] { grid-column:1/-1; }
  .we-hero-copy { display:contents; }
  .we-kicker,.we-hero h1 { grid-column:1; }
  .we-hero-copy>p,.we-badges { grid-column:1/-1; }
  .we-hero-art { grid-column:2; grid-row:1/3; }
}
[data-wall-e-fit][hidden] { display:none!important; }
.we-pick-retry { margin-left:8px; }
.we-planned { margin-top:24px; border-left:4px solid #007d7b; }