/* Skillaxy wow layer over the current visual system. */

.proto-page .navwrap{top:16px}
.proto-page .nav{max-width:760px;width:min(760px,calc(100vw - 32px))}
.proto-page .container{width:100%;min-width:0}
.proto-page .section{padding:clamp(58px,8vh,86px) 0}
.proto-page .reveal{opacity:1!important;transform:none!important;filter:none!important}

.proto-hero{
  min-height:100svh;
  display:grid;
  align-items:center;
  padding:132px 0 72px;
}

.proto-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:clamp(26px,5vw,70px);
  align-items:center;
}

.proto-hero-copy{text-align:left}
.proto-hero .h1-word{
  display:block;
  font-size:clamp(56px,7.2vw,112px);
  letter-spacing:0;
}

.proto-kicker{
  margin:8px 0 18px;
  font-family:var(--f-display);
  font-size:clamp(22px,3vw,36px);
  line-height:1.15;
  color:#fff;
}

.proto-sub,.proto-section-text{
  color:var(--muted);
  font-size:clamp(15.5px,1.4vw,18px);
  line-height:1.72;
  max-width:680px;
}

.hero-sale-note{
  width:max-content;
  max-width:100%;
  margin:18px 0 0;
  padding:10px 13px;
  border-radius:14px;
  color:#DFFFEA;
  background:rgba(34,197,94,.08);
  box-shadow:inset 0 0 0 1px rgba(34,197,94,.24);
  font-size:13px;
  line-height:1.5;
}

.proto-cta{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin:32px 0 22px;
}

.trust-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  max-width:720px;
}

.trust-strip span{
  min-height:58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  padding:12px 14px;
  border-radius:15px;
  background:rgba(124,128,224,.05);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 1px 1px rgba(255,255,255,.06);
  color:var(--muted);
  font-size:12px;
  line-height:1.25;
}

.trust-strip b{
  color:#fff;
  font-family:var(--f-display);
  font-size:15px;
}

.proto-works{
  align-items:flex-start;
  margin-top:22px;
  gap:10px;
}

.proto-works .works-row{
  justify-content:flex-start;
  max-width:720px;
}

.proto-works .works-name{
  text-align:left;
  min-height:18px;
}

.proto-orbit-stage{
  position:relative;
  min-height:560px;
  display:grid;
  place-items:center;
  isolation:isolate;
}

.orbit-halo{
  position:absolute;
  inset:50%;
  width:72%;
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(165,180,252,.14);
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.orbit-halo-one{
  background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.22),transparent 42%);
  box-shadow:0 0 70px rgba(99,102,241,.16);
}

.orbit-halo-two{
  width:92%;
  border-color:rgba(56,189,248,.10);
  animation:protoSpin 32s linear infinite;
}

@keyframes protoSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}

.orbit-node{
  position:absolute;
  z-index:2;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(9,12,27,.78);
  color:#fff;
  font-family:var(--f-mono);
  font-size:11px;
  box-shadow:inset 0 0 0 1px rgba(165,180,252,.22),0 16px 36px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
}

.orbit-node img{width:17px;height:17px;object-fit:contain}
.node-codex{top:12%;left:15%}
.node-claude{top:19%;right:4%}
.node-cursor{bottom:18%;right:10%}
.node-open{bottom:14%;left:6%}

.mac-window{
  position:relative;
  border-radius:19px;
  background:linear-gradient(180deg,rgba(15,18,34,.96),rgba(7,8,18,.96));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 1px 1px rgba(255,255,255,.08),
    0 26px 80px rgba(0,0,0,.46);
  overflow:hidden;
}

.mac-titlebar{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:var(--muted);
  font-family:var(--f-mono);
  font-size:11px;
}

.mac-titlebar.compact{min-height:34px;padding-inline:12px}
.mac-titlebar b{margin-left:4px;color:#fff;font-weight:700}
.mac-titlebar em{margin-left:auto;color:var(--ok);font-style:normal}
.mac-dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px}
.mac-dot.red{background:#ff5f57}
.mac-dot.yellow{background:#febc2e}
.mac-dot.green{background:#28c840}

.hero-mac{
  z-index:3;
  width:min(520px,100%);
  transform:perspective(900px) rotateX(4deg) rotateY(-6deg);
}

.hero-mac-body{
  display:grid;
  gap:15px;
  padding:18px;
}

.builder-command{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:9px 12px;
  padding:15px;
  border-radius:14px;
  background:rgba(5,5,14,.62);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}

.builder-command span{
  color:var(--faint);
  font-family:var(--f-mono);
  font-size:10px;
  text-transform:uppercase;
}

.builder-command b{
  color:#fff;
  font-size:13px;
}

.builder-result{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.builder-result article{
  min-height:100px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:13px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(99,102,241,.16),rgba(255,255,255,.035));
  box-shadow:inset 0 0 0 1px rgba(165,180,252,.12);
}

.builder-result small{
  color:var(--faint);
  font-family:var(--f-mono);
  font-size:10px;
  text-transform:uppercase;
}

.builder-result strong{
  color:#fff;
  font-family:var(--f-display);
  font-size:30px;
}

.builder-result span{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}

.builder-flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}

.builder-flow span{
  min-height:34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:var(--faint);
  font-family:var(--f-mono);
  font-size:10px;
}

.builder-flow .done{
  color:#fff;
  background:linear-gradient(135deg,rgba(99,102,241,.34),rgba(56,189,248,.16));
  box-shadow:inset 0 0 0 1px rgba(165,180,252,.22);
}

.terminal-mini{
  padding:14px;
  border-radius:14px;
  background:#05060d;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

.terminal-mini code{
  display:block;
  color:var(--acc-3);
  font-family:var(--f-mono);
  font-size:12px;
}

.terminal-mini p{
  margin-top:8px;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

.proto-system-card .bezel-core{
  padding:24px;
  background:
    radial-gradient(120% 90% at 90% 0%,rgba(99,102,241,.2),transparent 55%),
    linear-gradient(180deg,rgba(13,23,43,.96),rgba(8,9,20,.92));
}

.sys-top{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-family:var(--f-mono);
  font-size:12px;
  color:var(--muted);
}

.sys-top b{margin-left:auto;color:var(--ok);font-size:11px;letter-spacing:.12em}
.sys-dot{width:9px;height:9px;border-radius:999px;background:var(--ok);box-shadow:0 0 18px rgba(125,211,168,.8)}

.sys-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:18px 0;
}

.sys-grid div,.lab-panel{
  padding:15px;
  border-radius:14px;
  background:rgba(5,5,14,.54);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}

.sys-grid small,.lab-panel small{
  display:block;
  margin-bottom:8px;
  font-family:var(--f-mono);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--acc-3);
}

.sys-grid p,.lab-panel p{
  color:var(--text);
  font-size:13.5px;
  line-height:1.55;
}

.sys-steps{
  display:flex;
  flex-direction:column;
  gap:9px;
  font-family:var(--f-mono);
  font-size:12px;
}

.sys-steps span{
  padding:10px 12px;
  border-radius:11px;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);
}

.sys-steps .ok{color:var(--ok)}
.sys-steps .warn{color:var(--warm-2)}

.proto-mobile-path{padding-top:36px}
.proto-path-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:30px;
}

.path-card b{
  font-family:var(--f-mono);
  color:var(--acc-3);
  font-size:11px;
  letter-spacing:.16em;
}

.path-card h3{font-size:18px;margin:18px 0 8px}
.path-card p{color:var(--muted);font-size:14px;line-height:1.55}

.proto-selector{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(26px,4vw,52px);
  align-items:start;
}

.proto-selector-wide{
  grid-template-columns:minmax(250px,.38fr) minmax(0,1fr);
}

.platform-copy{
  position:sticky;
  top:120px;
}

.platform-status{
  margin-top:24px;
  padding:14px 15px;
  border-radius:14px;
  background:rgba(124,128,224,.055);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.platform-status b{color:#fff}

.proto-platform-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.platform-card{
  min-height:178px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  padding:18px;
  border-radius:18px;
  text-align:left;
  color:#fff;
  background:
    radial-gradient(120% 95% at 100% 0%,rgba(99,102,241,.12),transparent 48%),
    rgba(11,14,30,.72);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.075),inset 0 1px 1px rgba(255,255,255,.065);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);
}

.platform-card:hover,.platform-card.picked{
  transform:translateY(-3px);
  background:
    radial-gradient(120% 95% at 100% 0%,rgba(99,102,241,.28),transparent 52%),
    rgba(15,19,42,.88);
  box-shadow:inset 0 0 0 1px rgba(129,140,248,.54),0 18px 42px rgba(0,0,0,.32);
}

.platform-card img{
  width:34px;
  height:34px;
  object-fit:contain;
}

.platform-card b{
  font-family:var(--f-display);
  font-size:16px;
  line-height:1.1;
}

.platform-card span{
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

.role-panel{
  grid-column:1/-1;
  padding-top:20px;
}

.role-chip-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
}

.proto-chip-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.proto-chip{
  min-height:46px;
  padding:12px 17px;
  border-radius:999px;
  background:rgba(124,128,224,.055);
  color:var(--muted);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 1px rgba(255,255,255,.06);
  font-weight:700;
  transition:transform .25s var(--ease),color .25s,box-shadow .25s,background .25s;
}

.proto-chip:hover,.proto-chip.picked{
  transform:translateY(-2px);
  color:#fff;
  background:rgba(99,102,241,.18);
  box-shadow:inset 0 0 0 1px rgba(129,140,248,.55),0 12px 28px -16px rgba(99,102,241,.7);
}

.proof-lab{
  margin-top:32px;
  padding:8px;
  border-radius:28px;
  background:rgba(124,128,224,.025);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 24px 80px -48px rgba(99,102,241,.55);
}

.proof-lab-mac{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  gap:12px;
  padding:12px;
}

.proof-window-main{
  min-height:324px;
}

.pack-console{
  display:grid;
  gap:12px;
  padding:18px;
}

.console-line{
  min-height:52px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(5,5,14,.58);
  color:#fff;
  font-family:var(--f-mono);
  font-size:13px;
  line-height:1.35;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}

.console-line span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  flex:0 0 24px;
}

.console-line.good span{background:rgba(125,211,168,.16);color:var(--ok)}
.console-line.warn span{background:rgba(251,146,60,.16);color:var(--warm-2)}

.proof-side-stack{
  display:grid;
  gap:12px;
}

.mini-terminal{
  display:grid;
  gap:8px;
  padding:15px;
  min-height:135px;
  background:#05060d;
}

.mini-terminal p{
  color:#fff;
  font-family:var(--f-mono);
  font-size:13px;
}

.mini-terminal span{
  color:var(--muted);
  font-family:var(--f-mono);
  font-size:12px;
}

.mini-terminal b{
  margin-top:4px;
  font-family:var(--f-mono);
  font-size:12px;
}

.mini-terminal.muted b{color:var(--warm-2)}
.mini-terminal.success b{color:var(--ok)}

.lab-grid-system{
  grid-column:1/-1;
  padding:0;
}

.lab-nav{
  display:flex;
  gap:8px;
  padding:10px;
  overflow:auto;
}

.lab-nav span{
  flex:none;
  padding:9px 14px;
  border-radius:999px;
  color:var(--faint);
  font-family:var(--f-mono);
  font-size:11px;
  background:rgba(255,255,255,.035);
}

.lab-nav .active{
  color:#fff;
  background:linear-gradient(95deg,var(--acc),var(--acc-2));
}

.lab-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:0 10px 10px;
}

.lab-panel code{
  display:block;
  margin-top:13px;
  padding:10px 11px;
  border-radius:10px;
  background:#070710;
  color:var(--acc-3);
  font-family:var(--f-mono);
  font-size:11px;
  line-height:1.45;
  word-break:break-word;
}

.lab-panel.hot{
  background:linear-gradient(180deg,rgba(251,146,60,.09),rgba(5,5,14,.56));
  box-shadow:inset 0 0 0 1px rgba(251,146,60,.22);
}

.proto-packs .bezel-core{padding:clamp(20px,2vw,26px)}
.proto-packs .pack{gap:11px}
.proto-packs .pack .btn{min-height:48px}
.proto-badge{
  width:max-content;
  max-width:100%;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(165,180,252,.08);
  color:var(--acc-3);
  font-family:var(--f-mono);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.proto-video-grid{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:clamp(24px,5vw,60px);
  align-items:center;
}

.shot-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.story-loop{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1fr);
  gap:14px;
  align-items:stretch;
}

.loop-screen{
  position:relative;
  min-height:250px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px;
  overflow:hidden;
  padding:18px;
  border-radius:15px;
  background:
    linear-gradient(transparent 0 94%,rgba(129,140,248,.15) 95%),
    radial-gradient(circle at 40% 30%,rgba(99,102,241,.34),transparent 38%),
    linear-gradient(180deg,rgba(5,5,14,.92),rgba(10,12,28,.95));
  box-shadow:inset 0 0 0 1px rgba(129,140,248,.2);
}

.loop-screen::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:50%;
  border:1px solid rgba(165,180,252,.16);
  box-shadow:0 0 58px rgba(99,102,241,.18);
  transform:rotate(-14deg) scaleX(1.28);
}

.loop-screen b{
  position:relative;
  z-index:1;
  color:#fff;
  font-family:var(--f-display);
  font-size:18px;
}

.loop-screen p{
  position:relative;
  z-index:1;
  color:var(--muted);
  font-family:var(--f-mono);
  font-size:11px;
  line-height:1.5;
}

.scan-line{
  position:absolute;
  left:0;
  right:0;
  top:24%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.82),transparent);
  box-shadow:0 0 20px rgba(56,189,248,.65);
  animation:scanLoop 4.4s ease-in-out infinite;
}

@keyframes scanLoop{
  0%,100%{transform:translateY(-42px);opacity:.24}
  50%{transform:translateY(132px);opacity:.9}
}

.shot-list span{
  padding:13px 15px;
  border-radius:13px;
  background:rgba(5,5,14,.5);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
  color:var(--muted);
  font-family:var(--f-mono);
  font-size:12px;
}

.shot-list span.active{
  color:#fff;
  background:linear-gradient(95deg,rgba(99,102,241,.2),rgba(34,197,94,.08));
  box-shadow:inset 0 0 0 1px rgba(129,140,248,.34),0 10px 28px rgba(99,102,241,.14);
}

.platform-more{display:none}
.mobile-sticky-cta{display:none}

@media(max-width:980px){
  .proto-hero-grid,.proto-selector,.proto-video-grid{grid-template-columns:1fr}
  .proto-selector-wide{grid-template-columns:1fr}
  .platform-copy{position:static}
  .proto-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .role-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .proof-lab-mac{grid-template-columns:1fr}
  .proto-hero-copy{text-align:center}
  .proto-sub,.proto-section-text{margin-inline:auto}
  .proto-cta{justify-content:center}
  .trust-strip{margin-inline:auto}
  .lab-grid{grid-template-columns:repeat(2,1fr)}
  .proto-works{align-items:center}
  .proto-works .works-row{justify-content:center}
  .proto-works .works-name{text-align:center}
  .hero-sale-note{margin-inline:auto}
  .story-loop{grid-template-columns:1fr}
  .loop-screen{min-height:210px}
}

@media(max-width:680px){
  .proto-page .section{padding:42px 0}
  .proto-page h2{font-size:clamp(24px,7vw,31px)}
  .proto-hero{
    min-height:auto;
    padding:104px 0 26px;
  }

  .proto-hero-grid{
    width:100%;
    max-width:100vw;
    min-width:0;
    overflow:hidden;
  }
  .proto-hero-grid>*,
  .proto-hero-copy,
  .proto-orbit-stage,
  .hero-mac,
  .mac-window,
  .hero-mac-body,
  .builder-command,
  .builder-result,
  .builder-flow,
  .terminal-mini{
    min-width:0;
    max-width:100%;
  }
  .proto-hero-copy>*{max-width:100%;min-width:0}
  .proto-hero-copy{text-align:left}
  .proto-hero .h1-word{font-size:clamp(44px,14.6vw,60px)}
  .proto-kicker{font-size:24px}
  .proto-kicker,.proto-sub,.hero-sale-note,.eyebrow{width:100%;overflow-wrap:anywhere}
  .proto-sub{font-size:14.5px;line-height:1.55}
  .proto-cta{margin:22px 0 16px}
  .proto-cta,.proto-cta .btn{width:100%;min-width:0}
  .proto-cta .btn{white-space:normal;justify-content:center}
  .trust-strip{grid-template-columns:1fr 1fr;width:100%}
  .trust-strip span{min-height:54px;padding:10px 11px}
  .proto-system-card,.proto-proof{display:none}
  .proto-orbit-stage{
    display:grid;
    min-height:auto;
    margin-top:6px;
  }
  .orbit-halo,.orbit-node{display:none}
  .hero-mac{width:100%;transform:none}
  .hero-mac-body{gap:10px;padding:13px}
  .builder-command{grid-template-columns:minmax(54px,auto) minmax(0,1fr);padding:12px;gap:7px 10px}
  .builder-command b{font-size:12px}
  .builder-command b,.terminal-mini code,.terminal-mini p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .builder-result{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .builder-result article{min-height:72px;padding:10px}
  .builder-result article strong{font-size:24px}
  .builder-result article span{font-size:10px}
  .builder-flow{gap:6px;overflow:auto;padding-bottom:2px}
  .builder-flow span{flex:none}
  .terminal-mini{padding:10px}
  .terminal-mini p{font-size:11.5px}
  .sys-grid,.lab-grid{grid-template-columns:1fr}
  .proto-path-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    overflow:visible;
    padding:0;
    margin-inline:0;
  }
  .proto-path-grid .bezel{
    min-width:0;
    max-width:none;
  }
  .proto-path-grid .bezel-core{padding:16px}
  .platform-copy .proto-section-text{display:none}
  .proto-platform-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    overflow:visible;
    padding:0;
    margin-inline:0;
  }
  .platform-card{
    min-height:auto;
    min-width:0;
    max-width:none;
    display:grid;
    grid-template-columns:30px 1fr;
    gap:6px 12px;
    padding:14px;
  }
  .platform-card.platform-extra{display:none}
  .proto-platform-grid.show-all .platform-card.platform-extra{display:grid}
  .platform-more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    margin-top:12px;
    width:100%;
    border-radius:14px;
    background:rgba(255,255,255,.05);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
    color:#fff;
    font-weight:750;
  }
  .platform-card img{width:30px;height:30px}
  .platform-card span{grid-column:2}
  .platform-status{margin-top:16px}
  .proto-system-card .bezel-core{padding:18px}
  .sys-grid{gap:8px;margin:12px 0}
  .sys-grid div,.lab-panel{padding:12px}
  .sys-steps{gap:7px;font-size:11px}
  .sys-steps span{padding:8px 10px}
  .proto-mobile-path{padding-top:20px}
  .proto-works{display:none}
  .proto-chip-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
  }
  .role-chip-grid{grid-template-columns:1fr 1fr}
  .proto-chip{
    border-radius:14px;
    min-height:44px;
    padding:10px;
    font-size:13.5px;
  }
  .proto-packs{gap:14px}
  .proto-packs .bezel-core{padding:18px}
  .proto-packs .pack ul{gap:8px}
  .proto-packs .pack li{font-size:13px}
  .proto-video-grid{gap:18px}
  .loop-screen{min-height:168px}
  .shot-list span{padding:10px 12px;font-size:11px}
  .mobile-sticky-cta{
    position:fixed;
    left:14px;
    right:14px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    z-index:180;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--acc-2),var(--acc));
    color:#fff;
    font-weight:800;
    box-shadow:0 20px 48px rgba(99,102,241,.45),inset 0 1px 1px rgba(255,255,255,.24);
    opacity:0;
    pointer-events:none;
    transform:translateY(18px);
    transition:opacity .25s,transform .25s;
  }
  .mobile-sticky-cta.is-visible{opacity:1;pointer-events:auto;transform:none}
  .proto-page .footer,.proto-page #order{padding-bottom:84px}
}

@media(max-width:430px){
  .proto-chip-grid{grid-template-columns:1fr}
  .role-chip-grid{grid-template-columns:1fr}
}

/* 2026-06-24 product-flow hotfix: hero crop, selector overlap, cabinet clarity */
.proto-hero{
  overflow:clip;
}

.proto-hero .h1-word{
  font-size:clamp(52px,6.25vw,94px);
  line-height:.92;
  max-width:100%;
  white-space:nowrap;
}

.proto-orbit-stage{
  justify-self:end;
  width:min(560px,100%);
  min-width:0;
  margin-right:clamp(0px,2vw,24px);
}

.hero-mac{
  max-width:100%;
  transform:perspective(900px) rotateX(3deg) rotateY(-3deg) translateX(-16px);
}

.platform-copy{
  position:relative;
  top:auto;
  align-self:start;
}

.proto-selector-wide{
  align-items:start;
  row-gap:34px;
}

.role-panel{
  grid-column:1/-1;
  margin-top:8px;
  padding-top:34px;
  border-top:1px solid rgba(255,255,255,.08);
}

.role-panel .eyebrow,
.role-panel h2,
.role-panel .platform-status{
  max-width:760px;
}

.role-panel .platform-status{
  margin-top:16px;
  margin-bottom:18px;
  background:rgba(12,16,34,.72);
}

.role-chip-grid{
  gap:12px;
}

.allin{
  margin-top:16px;
}

.allin-card{
  min-height:0;
}

@media(max-width:1180px) and (min-width:681px){
  .proto-selector-wide{
    grid-template-columns:1fr;
    overflow:hidden;
  }

  .platform-copy{
    max-width:780px;
  }

  .platform-copy h2{
    max-width:820px;
    font-size:clamp(42px,8vw,72px);
  }

  .proto-platform-grid{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .platform-card{
    min-width:0;
  }
}

@media(max-width:980px){
  .proto-hero .h1-word{
    font-size:clamp(48px,12vw,84px);
  }

  .proto-orbit-stage{
    justify-self:center;
    margin-right:0;
  }

  .hero-mac{
    transform:none;
  }

  .role-panel{
    margin-top:0;
    padding-top:28px;
  }
}

@media(max-width:680px){
  .proto-hero .h1-word{
    font-size:clamp(42px,13vw,56px);
  }

  .role-panel{
    padding-top:24px;
  }
}