/* Ryzen-inspired hardware presentation; all specification text remains HTML. */
.hardware.hardware--ryzen{padding:25px 30px 28px;background:radial-gradient(ellipse at 50% 25%,#8e351d55,transparent 58%),linear-gradient(160deg,#21130f 0%,#120e0e 55%,#171214 100%);color:#faf7f5}
.hardware--ryzen::before{background:none;mask-image:none;opacity:1;inset:0;border-top:1px solid #ffb37535}
.hardware--ryzen::after{width:320px;height:280px;top:12px;right:calc(50% - 160px);background:radial-gradient(ellipse,#ff681d45,transparent 66%);animation:ryzen-aura 8s ease-in-out infinite}
.hardware--ryzen .hardware-head h2{font-size:13px;color:#e9ded7;font-weight:600}
.hardware--ryzen .hardware-series{padding:0;border:0;font-size:9px;font-weight:600;letter-spacing:2px;color:#c6997b}
.hardware--ryzen .cpu-area{display:flex;flex-direction:column;gap:0;margin-top:0;min-height:0}
.ryzen-stage{height:205px;position:relative;display:grid;place-items:center;width:calc(100% + 60px);isolation:isolate}
.ryzen-circuits{position:absolute;inset:0;width:100%;height:100%;color:#ff9b50;z-index:-1;overflow:visible;pointer-events:none}
.ryzen-circuits .circuit-base{fill:none;stroke:currentColor;stroke-width:1;opacity:.3}
.ryzen-circuits .circuit-flow{fill:none;stroke:#ffd69c;stroke-width:1.5;stroke-dasharray:20 310;animation:ryzen-current 9s linear infinite;filter:drop-shadow(0 0 4px #ff8b31)}
.ryzen-circuits .circuit-node{fill:#ffd4a0;filter:drop-shadow(0 0 4px #ff8b31)}
.hardware--ryzen .chip{width:146px;height:146px;margin:0;padding:7px;border-radius:5px;border:1px solid #bb9970;background:linear-gradient(140deg,#746b55,#252722 45%,#8b7c59);box-shadow:0 19px 27px #0009,0 0 40px #ff650d1a,inset 0 0 0 3px #262722;transform:perspective(650px) rotateX(8deg) rotateY(-7deg) rotateZ(-4deg);animation:hardware-float 7s ease-in-out infinite}
.hardware--ryzen .chip::before{inset:-5px;border:1px solid #ffb7763b;border-radius:6px}
.hardware--ryzen .chip-core{border-radius:17px 17px 20px 17px;border:1px solid #f1efeb;background:repeating-linear-gradient(0deg,#fff0 0 2px,#18151208 2px 3px),linear-gradient(135deg,#f0eee8 0%,#a9a8a5 30%,#d2d1cd 50%,#969693 72%,#bfbeb9 100%);box-shadow:inset 1px 1px 2px #fff,inset -2px -3px 4px #34322f80;gap:0;overflow:hidden}
.hardware--ryzen .chip-core>span{font-size:17px;font-weight:800;letter-spacing:-.7px;color:#f9f8f5;text-shadow:0 1px 1px #45403c80;line-height:1.2}
.hardware--ryzen .chip-core strong{font-size:25px;font-weight:700;letter-spacing:1px;color:#f6f5f0;text-shadow:0 1px 1px #45403c80}
.hardware--ryzen .chip-core i{font-size:9px;font-weight:650;letter-spacing:2.5px;color:#4e4b47;margin-top:8px}
.hardware--ryzen .chip-core::after{background:linear-gradient(115deg,transparent 40%,#fff5 50%,transparent 60%);animation:hardware-sheen 9s 1s ease-in-out infinite}
.hardware--ryzen .cpu-copy{text-align:center;margin-top:-3px}
.hardware--ryzen .cpu-copy>p{font-size:10px;letter-spacing:2px;color:#d6b9a7;font-weight:650}
.hardware--ryzen .cpu-copy h3{display:flex;align-items:center;justify-content:center;gap:12px;font-size:43px;font-weight:720;letter-spacing:-1.5px;margin:7px 0 0;line-height:1}
.hardware--ryzen .cpu-copy .ryzen-tier{display:grid;place-items:center;width:34px;height:34px;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);background:#f4772a;color:#fff;font-size:26px;font-weight:740;letter-spacing:-1px;padding-right:1px}
.hardware--ryzen .hardware-specs{margin-top:26px;border-color:#ebbe9f26;column-gap:16px}
.hardware--ryzen .hardware-specs>div{padding-top:16px}
.hardware--ryzen .hardware-specs dt{color:#bfaea4;font-size:10px}
.hardware--ryzen .hardware-specs dd{font-size:26px;font-weight:620;margin-top:6px;color:#fcf5ef}
.hardware--ryzen .hardware-specs dd>span{font-size:10px;color:#c8b8ad}
.hardware--ryzen .hardware-specs .gpu-spec{border-color:#ebbe9f26;margin-top:15px;padding-top:14px}
.hardware--ryzen .gpu-spec dd{font-size:12px;margin:0}
.hardware--ryzen .gpu-spec dd>span{font-size:10px}
@keyframes ryzen-aura{0%,100%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}
@keyframes ryzen-current{to{stroke-dashoffset:-660}}
@media(hover:hover) and (pointer:fine){.hardware--ryzen:hover .chip{transform:perspective(650px) rotateX(3deg) rotateY(-3deg) rotateZ(-1deg);box-shadow:0 22px 30px #0009,0 0 50px #ff650d30,inset 0 0 0 3px #262722}.hardware--ryzen:hover .chip-core{border-color:#fff;box-shadow:inset 1px 1px 2px #fff,inset -2px -3px 4px #34322f80}}
.hardware--ryzen.motion-paused .circuit-flow{animation-play-state:paused}
@media(min-width:761px){.hardware--ryzen+.pricing .rate-table tbody th,.hardware--ryzen+.pricing .rate-table td{padding-block:36px}}
@media(max-width:760px){.hardware.hardware--ryzen{padding:22px 24px 24px}.ryzen-stage{height:192px;width:calc(100% + 48px)}.hardware--ryzen .chip{width:140px;height:140px}.hardware--ryzen .cpu-copy h3{font-size:41px}.hardware--ryzen .hardware-specs{margin-top:24px}.hardware--ryzen .hardware-series{font-size:8px;letter-spacing:1.7px}}
@media(max-width:380px){.hardware.hardware--ryzen{padding-inline:20px}.ryzen-stage{width:calc(100% + 40px);height:184px}.hardware--ryzen .chip{width:132px;height:132px}.hardware--ryzen .cpu-copy h3{font-size:38px}.hardware--ryzen .chip-core strong{font-size:24px}.hardware--ryzen .gpu-spec dd{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hardware--ryzen .circuit-flow{animation:none;stroke-dasharray:none;opacity:.2}.hardware--ryzen .chip,.hardware--ryzen:hover .chip{transform:perspective(650px) rotateX(8deg) rotateY(-7deg) rotateZ(-4deg)}}
