.flip-service{perspective:1400px;min-width:0}.flip-inner{display:grid;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1);height:100%}.flip-service.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #39756a;border-radius:12px;padding:25px;min-width:0;background:linear-gradient(135deg,#16473f,#09272a);display:flex;flex-direction:column}.flip-front{cursor:pointer}.flip-front .glyph{color:#ffd75d;margin:26px 0 18px}.flip-front h3{font-size:27px;margin:12px 0}.flip-front p{font-size:13px;color:#c0d9d0;line-height:1.8;flex:1}.flip-front .tags{font-size:8px}.flip-open{display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid #4d7a6244;background:none;color:#ffda6e;padding:18px 0 0;margin-top:18px;text-align:left;font-size:12px;cursor:pointer}.flip-open span{font-size:21px}.flip-back{transform:rotateY(180deg);background:radial-gradient(ellipse at center,#235944,#09272a 85%)}.flip-back-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#ffcf60;font-size:8px;letter-spacing:1px}.flip-close,.flip-motion{background:transparent;border:1px solid #699273;border-radius:20px;padding:8px 11px;color:#fff4cf;font-size:10px;cursor:pointer;white-space:nowrap}.flip-back h3{font-size:25px;line-height:1.2;margin:26px 0 15px;color:#fff}.flip-back svg{width:100%;margin:auto 0 12px;overflow:visible}.flip-back svg text{font:10px DM,Arial;fill:#f4faf3}.flip-back svg .circuit-note{font-size:8px;fill:#ffcc66;letter-spacing:.6px}.flip-back p{font-size:12px;color:#cae1d2;line-height:1.7;margin:10px 0 24px}.flip-links{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.flip-links a{color:#ffdb6e;font-size:12px}.flip-service button:focus-visible,.flip-service a:focus-visible{outline:2px solid #ffe99d;outline-offset:5px}@media(prefers-reduced-motion:reduce){.flip-inner{transition:none}}@media(max-width:500px){.flip-face{padding:22px}.flip-back h3{font-size:24px}}

/* Both faces occupy one physical card; the reverse never enters document flow. */
.flip-inner{display:block;min-height:520px;height:100%;position:relative}
.flip-front{position:relative;min-height:520px;height:100%;transform:rotateY(0deg)}
.flip-back{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.flip-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.flip-front[aria-hidden=true]{pointer-events:none}
.flip-back[aria-hidden=true]{pointer-events:none}
.flip-back svg{flex-shrink:1;min-height:0;max-height:215px}
@media(max-width:500px){.flip-inner,.flip-front{min-height:530px}}
.flip-service:nth-child(3) .glyph,.flip-service:nth-child(6) .glyph{color:#ff914d}.flip-service:nth-child(3) .flip-face{border-color:#a96742;background:radial-gradient(ellipse at top right,#65382155,transparent 65%),linear-gradient(135deg,#163c35,#09272a)}.flip-service:nth-child(3) .flip-open,.flip-service:nth-child(3) .flip-back-top,.flip-service:nth-child(3) .flip-links a{color:#ffab68}.flip-service:nth-child(2n) .service-top>span:last-child{color:#ff9751}.flip-back svg{filter:drop-shadow(0 8px 14px #0003)}.flip-back{background:radial-gradient(ellipse at 65% 45%,#26674d77,transparent 70%),#0b2b2b}