/* A raised silicon stack, sharing the site's existing depth and pause controls. */
.requirements-section{border-block:1px solid #ffffff0d;background:radial-gradient(ellipse at 20% 45%,#6d45b00e,transparent 55%),#0b0d14;margin-bottom:88px;padding-block:88px;scroll-margin-top:0}
.requirements-section .section-head{align-items:center;margin-bottom:40px}
.requirements-section .section-head>p{max-width:290px;color:#c3bdd1;font-size:17px}
.requirements-section h2{font-size:clamp(34px,3.8vw,52px);line-height:1.12}
.requirements-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:68px;align-items:center}
.requirements-visual{margin:0;min-width:0}
.requirements-chip,.requirements-chip.depth-panel{--depth-roll:-1deg;--depth-range:1.6deg;--depth-sway:2.2deg;--depth-lift:4px;position:relative;width:100%;aspect-ratio:1.12;border:0;border-radius:24px;background:radial-gradient(ellipse at 50% 50%,#9e72ff1f,transparent 64%);box-shadow:none}
.requirements-chip.depth-panel:before,.requirements-chip.depth-panel:after{content:none}
.requirements-chip-art{position:absolute;inset:0;transform-style:preserve-3d;perspective:950px}
.requirements-circuits{position:absolute;inset:0;width:100%;height:100%;color:#9b82c94f;transform:translateZ(-24px)}
.requirements-circuit-nodes{color:#b5a0dc}
.requirements-chip-stack{position:absolute;left:50%;top:44%;width:44%;aspect-ratio:1;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(31deg) rotateZ(-29deg)}
.requirements-chip-stack>div{position:absolute;border-radius:14px;transform-style:preserve-3d}
.requirements-chip-shadow{inset:-12%;background:#0a0812;filter:blur(17px);opacity:.75;transform:translate3d(0,24px,-28px)}
.requirements-chip-base{inset:-15%;border:1px solid #716786;background:linear-gradient(140deg,#343344,#161925 62%,#262438);transform:translateZ(-8px);box-shadow:0 3px 0 #4a455d,0 8px 0 #181621,0 22px 28px #0009}
.requirements-chip-pins{inset:-10%;border:2px solid #c6bca87a;background:repeating-linear-gradient(90deg,#b8b0a3 0 3px,transparent 3px 10px),repeating-linear-gradient(0deg,#b8b0a3 0 3px,transparent 3px 10px);transform:translateZ(0);box-shadow:0 2px 0 #625b6a}
.requirements-chip-carrier{inset:-5%;border:1px solid #c7b6df;background:linear-gradient(140deg,#736683,#282937 46%,#8d7996);transform:translateZ(7px);box-shadow:0 2px 0 #d9cce7,0 5px 0 #4a405b,0 11px 20px #0907119c}
.requirements-chip-face{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:15%;border:1px solid #d9d1e08f;background:radial-gradient(ellipse at var(--shine-x,35%) var(--shine-y,20%),#a58db747,transparent 62%),linear-gradient(135deg,#37353f,#171b26 60%,#30263c);transform:translateZ(20px);box-shadow:inset 1px 1px 0 #ffffff36,inset -1px -1px 0 #090a14,0 3px 0 #776b85,0 7px 0 #27232f,0 16px 20px #020309a6;color:#eee8f4}
.requirements-chip-face>span{font:500 clamp(7px,.8vw,10px)/1.2 ui-monospace,monospace;letter-spacing:.16em;white-space:nowrap;color:#bcb5c9}
.requirements-chip-face>strong{font:650 clamp(56px,7vw,96px)/1 system-ui,sans-serif;letter-spacing:-.08em;padding-right:.08em;text-shadow:0 1px 0 #fff5,0 6px 12px #0006}
.requirements-chip-face>b{font:500 clamp(8px,.9vw,11px)/1 ui-monospace,monospace;letter-spacing:.38em;padding-left:.38em;color:#d3bddf}
.requirements-chip-face>i{position:absolute;inset:8%;border:1px solid #d3c4e31c;border-radius:6px;pointer-events:none}
.requirements-chip-memory{position:absolute;left:7%;bottom:11%;display:grid;gap:7px;padding:13px 18px;border:1px solid #84709885;border-radius:8px;background:linear-gradient(130deg,#242134f0,#101620f5);transform:translateZ(38px) rotate(-3deg);box-shadow:0 3px 0 #171322,0 14px 24px #0008}
.requirements-chip-memory>span,.requirements-chip-memory>small{font:500 8px/1.2 ui-monospace,monospace;letter-spacing:.1em;color:#ada6bb}
.requirements-chip-memory>strong{font-size:24px;line-height:1;color:#d9ccff;font-weight:650;letter-spacing:-.02em}
.requirements-chip-memory>small{font-size:6px;color:#bba8df}
.requirements-visual figcaption{text-align:center;margin-top:-3px;color:#8d879e;font:10px/1.5 ui-monospace,monospace;letter-spacing:.07em}
.requirements-platform{font-size:16px;margin-bottom:20px;color:#c9c4d5}
.requirements-specs{margin:0;display:grid;gap:13px}
.requirements-specs>div{border:1px solid #54456470;border-radius:9px;padding:20px 23px;background:linear-gradient(120deg,#201a2eaa,#11141d)}
.requirements-specs dt{font:500 10px/1.5 ui-monospace,monospace;letter-spacing:.055em;color:#bca9d9;margin-bottom:10px}
.requirements-specs dd{margin:0;display:flex;align-items:center;gap:22px}
.requirements-specs dd>strong{font-size:29px;line-height:1.1;letter-spacing:-.03em;font-weight:650;color:#eee8fa;white-space:nowrap}
.requirements-specs dd>span{font-size:13px;line-height:1.5;color:#b2adbf;max-width:230px}
.requirements-specs .requirements-recommended{border-color:#3b4f5a80;background:linear-gradient(120deg,#15232aaa,#11141d)}
.requirements-recommended dt{color:#9dc5d2}
.requirements-recommended dd>strong{font-size:24px;color:#c8e5ef}
.requirements-reference{padding:21px 2px 0}
.requirements-reference .eyebrow{font-size:8px;margin-bottom:9px;color:#a99cbe}
.requirements-reference>p:not(.eyebrow){display:flex;gap:14px;align-items:baseline;margin-bottom:7px;font-size:14px;color:#b6a9c9}
.requirements-reference strong{font-weight:600;color:#ded5e9}
.requirements-reference small{display:block;font-size:12px;line-height:1.65;color:#8f8a9f;max-width:440px}
.requirements-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px 45px;border-top:1px solid #ffffff10;margin-top:35px;padding-top:24px}
.requirements-notes p{font-size:12px;line-height:1.7;color:#9d97ac;margin:0}
.requirements-notes .requirements-release-note{grid-column:1/-1;color:#bfb1d5;display:flex;gap:10px;align-items:baseline}
.requirements-release-note>span{color:#b39ae9}
@media(prefers-reduced-motion:no-preference){
  html.motion-enabled .requirements-chip-face{animation:requirements-silicon-float 9s ease-in-out infinite}
  html.motion-enabled .requirements-chip-memory{animation:requirements-memory-float 11s ease-in-out infinite}
  html.motion-enabled .requirements-circuit-nodes{animation:requirements-circuit-glow 6s ease-in-out infinite}
  @keyframes requirements-silicon-float{0%,100%{transform:translateZ(20px)}50%{transform:translateZ(29px)}}
  @keyframes requirements-memory-float{0%,100%{transform:translateZ(38px) rotate(-3deg)}50%{transform:translate3d(0,-4px,44px) rotate(-2deg)}}
  @keyframes requirements-circuit-glow{0%,100%{opacity:.45}50%{opacity:1}}
}
@media(max-width:1050px){
  .requirements-grid{gap:35px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
  .requirements-specs dd{display:block}.requirements-specs dd>span{display:block;max-width:none;margin-top:8px}
}
@media(max-width:760px){
  .requirements-section{margin-bottom:60px;padding-block:66px;scroll-margin-top:0}
  .requirements-section .section-head{margin-bottom:18px}
  .requirements-section .section-head>p{max-width:100%;font-size:16px}
  .requirements-grid{grid-template-columns:minmax(0,1fr);gap:27px}
  .requirements-visual{width:min(430px,100%);margin-inline:auto}
  .requirements-chip,.requirements-chip.depth-panel{aspect-ratio:1.18}
  .requirements-chip-face{border-radius:9px;gap:5px}
  .requirements-chip-memory{padding:10px 13px;gap:5px;bottom:8%}
  .requirements-chip-memory>strong{font-size:20px}
  .requirements-chip-memory>span{font-size:7px}
  .requirements-platform{font-size:14px}
  .requirements-specs>div{padding:19px 20px}
  .requirements-specs dd{display:flex;gap:20px}
  .requirements-specs dd>span{margin-top:0;max-width:170px;font-size:12px}
  .requirements-specs .requirements-recommended dd{display:block}
  .requirements-recommended dd>span{margin-top:7px;max-width:none}
  .requirements-notes{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:27px;padding-top:22px}
  .requirements-reference small{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .requirements-chip,.requirements-chip.depth-panel{transform:none}
  .requirements-chip-stack{transform:translate(-50%,-50%) rotate(-18deg)}
  .requirements-chip-base,.requirements-chip-pins,.requirements-chip-carrier{transform:none}
  .requirements-chip-face{transform:translate(0,-8px)}
  .requirements-chip-memory{transform:rotate(-3deg)}
}