/* Selected first mock: aligned entrance panels; styles stay local to cooperation. */
.motion-prototype .cooperation-page { --cooperation-padding:clamp(24px,2.6vw,32px); min-height:calc(100svh - 76px); box-sizing:border-box; display:grid; place-items:center; padding-block:clamp(32px,calc(16svh - 80px),70px) 0; }
.motion-prototype .cooperation-panels { width:min(960px,calc(100% - 2 * var(--gutter))); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.motion-prototype .cooperation-panel { position:relative; box-sizing:border-box; min-width:0; min-height:280px; padding:var(--cooperation-padding); border:1px solid var(--line); border-radius:8px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:24px; background:var(--paper); }
.motion-prototype .cooperation-panel h2 { margin:0; color:var(--theme-body-ink); font-size:28px; font-weight:var(--theme-title-weight); line-height:36px; letter-spacing:0; }
.motion-prototype .cooperation-description { margin:12px 0 0; font-size:var(--theme-body-size); color:var(--muted); line-height:25px; }
.motion-prototype .cooperation-contacts { display:grid; gap:8px; margin:24px 0 0; font-size:var(--theme-ui-size); line-height:21px; }
.motion-prototype .cooperation-contacts > div { display:grid; grid-template-columns:32px minmax(0,1fr); gap:16px; }
.motion-prototype .cooperation-contacts dt { color:var(--muted); }
.motion-prototype .cooperation-contacts dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.motion-prototype .cooperation-contacts button { display:inline; padding:0; border:0; color:inherit; background:transparent; font:inherit; cursor:pointer; user-select:text; text-align:left; }
.motion-prototype .cooperation-contacts :is(a,button):hover { text-decoration:underline; text-underline-offset:4px; }
.motion-prototype .cooperation-action { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:24px; min-height:var(--theme-button-height); box-sizing:border-box; padding:var(--theme-button-padding); border:1px solid #e2e2e2; border-radius:var(--theme-button-radius); background:#fff; color:#171717; font:inherit; font-size:var(--theme-ui-size); font-weight:var(--theme-button-weight); line-height:1.5; cursor:pointer; text-decoration:none; transition:background-color var(--motion-duration-feedback,120ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)),color var(--motion-duration-feedback,120ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)),border-color var(--motion-duration-feedback,120ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)); }
.motion-prototype .cooperation-action:not(:disabled):hover { color:#fff; background:#171717; border-color:#171717; }
:root[data-theme="stacks"] .motion-prototype .cooperation-action:not(:disabled):hover { border-color:#777; }
.motion-prototype .cooperation-action:not(:disabled):hover > span { transform:translateX(var(--motion-distance-icon,2px)); }
.motion-prototype .cooperation-action:disabled { opacity:.5; cursor:wait; transition:none; }
.motion-prototype .cooperation-action > span { font-size:20px; line-height:1; transition:transform var(--motion-duration-state,180ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)); }
.motion-prototype .cooperation-page .cooperation-action { background:var(--home-action-bg); color:var(--home-action-ink); border-color:var(--home-action-border); box-shadow:inset 0 0 0 0 rgb(255 255 255 / .14); transition:box-shadow var(--motion-duration-panel) var(--motion-ease-standard),border-color var(--motion-duration-panel) var(--motion-ease-standard); }
.motion-prototype .cooperation-page .cooperation-action:not(:disabled):hover { background:var(--home-action-bg); color:var(--home-action-ink); border-color:var(--home-action-hover-border); box-shadow:inset 0 -56px 0 0 rgb(255 255 255 / .14); }
.motion-prototype .cooperation-page .cooperation-action > span { transition:none; }
.motion-prototype .cooperation-page .cooperation-action:not(:disabled):hover > span { transform:none; animation:home-action-arrow var(--motion-duration-panel) var(--motion-ease-standard) both; }
:root[data-theme="stacks"] .motion-prototype .cooperation-page .cooperation-action { border-color:#535353; }
:root[data-theme="stacks"] .motion-prototype .cooperation-page .cooperation-action:not(:disabled):hover { border-color:#777; }
.motion-prototype .cooperation-copy-status { position:absolute; left:var(--cooperation-padding); right:var(--cooperation-padding); bottom:8px; margin:0; color:var(--muted); font-size:11px; line-height:1.4; }
.motion-prototype :is(.cooperation-page,.beta-page) :is(a,button,input,textarea):focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.motion-prototype .beta-page { width:min(1040px,calc(100% - 2 * var(--gutter))); margin:40px auto 96px; }
.motion-prototype .beta-back { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:14px; }
.motion-prototype .beta-layout { display:grid; grid-template-columns:200px minmax(0,1fr); align-items:start; gap:80px; margin-top:32px; }
.motion-prototype .beta-rail { position:sticky; top:112px; min-width:0; }
.motion-prototype .beta-intro { margin:0 0 28px; }
.motion-prototype .beta-intro h1 { margin:0; font-size:24px; line-height:36px; font-weight:500; }
.motion-prototype .beta-tools { display:flex; flex-direction:column; gap:4px; padding-right:24px; border-right:1px solid var(--line); }
.motion-prototype .beta-tools a { display:flex; align-items:center; min-height:44px; box-sizing:border-box; padding:10px 14px; border-radius:6px; color:var(--muted); font-size:15px; line-height:24px; transition:background-color var(--motion-duration-state,180ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)),color var(--motion-duration-state,180ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)); }
.motion-prototype .beta-tools a:is(:hover,[aria-current]) { background:var(--surface); }
.motion-prototype .beta-tools a[aria-current] { color:var(--ink); font-weight:500; }
.motion-prototype .beta-body { min-width:0; }
.motion-prototype .beta-selection-note { margin:36px 0; color:var(--muted); font-size:14px; }
.motion-prototype .beta-form { margin:0; }
.motion-prototype .beta-form-heading h2 { margin:0 0 16px; font-size:28px; line-height:36px; font-weight:500; }
.motion-prototype .beta-form-heading p { margin:0; color:var(--muted); font-size:14px; line-height:1.8; }
.motion-prototype .beta-contact-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px; }
.motion-prototype .beta-field { display:block; font-size:15px; line-height:1.6; }
.motion-prototype .beta-field > span:not(.visually-hidden), .motion-prototype .beta-form legend small { margin-left:8px; color:var(--muted); font-size:12px; font-weight:400; }
.motion-prototype .beta-field :is(input,textarea) { display:block; box-sizing:border-box; width:100%; min-height:44px; padding:12px 14px; margin-top:10px; border:1px solid var(--line); border-radius:6px; background:var(--paper); color:var(--ink); font:inherit; font-size:14px; line-height:1.5; }
.motion-prototype .beta-field textarea { resize:vertical; }
.motion-prototype .beta-form fieldset { min-width:0; border:0; padding:28px 0 0; margin:32px 0; border-top:1px solid var(--line); }
.motion-prototype .beta-form legend { float:left; width:100%; padding:0; margin:0 0 16px; font-size:17px; line-height:1.6; font-weight:500; }
.motion-prototype .beta-choices { display:grid; clear:both; }
.motion-prototype .beta-choice { display:flex; align-items:center; gap:10px; min-height:44px; font-size:14px; line-height:1.5; cursor:pointer; }
.motion-prototype .beta-choice input { width:18px; height:18px; flex-shrink:0; margin:0; accent-color:var(--ink); }
.motion-prototype .beta-environment { clear:both; }
.motion-prototype .beta-os { display:flex; flex-wrap:wrap; gap:8px 28px; margin-top:8px; }
.motion-prototype .beta-submit-row { display:flex; align-items:center; gap:20px; margin-top:32px; }
.motion-prototype .beta-submit-row .cooperation-action { min-width:0; min-height:44px; padding-inline:24px; font-size:14px; }
.motion-prototype .beta-submit-row p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.motion-prototype .beta-success { padding-block:32px; border-top:1px solid var(--line); }
.motion-prototype .beta-success h2 { font-size:26px; font-weight:500; }
.motion-prototype .beta-success p { color:var(--muted); font-size:15px; line-height:1.8; }
@media (max-width:1023px) {
  .motion-prototype .beta-layout { grid-template-columns:160px minmax(0,1fr); gap:32px; }
}
@media (max-width:767px) {
  .motion-prototype .cooperation-page { min-height:calc(100svh - 76px); padding-block:48px; }
  .motion-prototype .cooperation-panels { max-width:440px; grid-template-columns:minmax(0,1fr); gap:16px; }
  .motion-prototype .cooperation-panel { min-height:224px; padding:24px; }
  .motion-prototype .cooperation-panel h2 { font-size:24px; line-height:32px; }
  .motion-prototype .cooperation-contacts { margin-top:20px; }
  .motion-prototype .cooperation-copy-status { left:24px; right:24px; bottom:4px; }
  .motion-prototype .beta-page { margin-top:32px; }
  .motion-prototype .beta-layout { grid-template-columns:minmax(0,1fr); gap:32px; margin-top:24px; }
  .motion-prototype .beta-rail { position:static; }
  .motion-prototype .beta-intro { margin-bottom:20px; }
  .motion-prototype .beta-tools { flex-direction:row; flex-wrap:wrap; gap:8px; padding:0; border:0; }
  .motion-prototype .beta-tools a { justify-content:center; flex:1; padding:10px 12px; font-size:14px; }
  .motion-prototype .beta-tools a[aria-current] { background:var(--theme-button); color:var(--theme-button-text); }
  .motion-prototype .beta-form-heading h2 { font-size:24px; line-height:32px; }
  .motion-prototype .beta-contact-fields { grid-template-columns:minmax(0,1fr); }
  .motion-prototype .beta-submit-row { align-items:flex-start; flex-direction:column; gap:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .motion-prototype :is(.cooperation-action,.beta-tools a), .motion-prototype .cooperation-action > span { transition:none; }
  .motion-prototype .cooperation-action:not(:disabled):hover > span { transform:none; }
  .motion-prototype .cooperation-page .cooperation-action { transition:none; }
  .motion-prototype .cooperation-page .cooperation-action:not(:disabled):hover > span { animation:none; }
}