/* Three service identities, expressed as compact instrument controls. */
.hero-bottom{flex-wrap:wrap}
.scene-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:540px;max-width:100%;flex-shrink:0;padding:0;background:none;border:0;border-radius:0}
.scene-controls button{--mode-rgb:255,145,82;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-width:0;min-height:82px;margin:0;padding:15px 14px 17px;border:1px solid #ffffff26;border-radius:7px;background:linear-gradient(135deg,#22302d90,#0b1414e6);color:#e5eae5;text-align:left;overflow:visible;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.scene-controls button[data-mode="1"]{--mode-rgb:193,138,255}.scene-controls button[data-mode="2"]{--mode-rgb:88,228,255}
.scene-controls .mode-top{display:flex;flex-wrap:nowrap;align-items:center;gap:7px;width:100%;margin:0;color:rgba(var(--mode-rgb),.8)}
.scene-controls .mode-number{flex-shrink:0;font:500 11px/1.2 "Courier New",monospace;letter-spacing:1px}
.scene-controls svg{flex-shrink:0;margin-left:auto;width:21px;height:21px;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;fill:none}
.scene-controls .mode-label{color:#f0f3ed;flex-shrink:0;font-size:16px;font-weight:600;line-height:1.5;white-space:nowrap;letter-spacing:0}
.scene-controls small{font:9px/1.3 Arial,sans-serif;letter-spacing:1.3px;color:#99aaa5;white-space:nowrap}
.scene-controls button:before{content:'';position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:rgb(var(--mode-rgb));opacity:0;transform:scaleX(.25);transition:opacity .25s,transform .35s;box-shadow:0 0 14px rgba(var(--mode-rgb),.65)}
.scene-controls button:after{content:'';position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:1px solid rgb(var(--mode-rgb));border-left:1px solid rgb(var(--mode-rgb));border-radius:7px 0 0 0;opacity:.5}
.scene-controls button:hover{background:linear-gradient(135deg,rgba(var(--mode-rgb),.14),#0d1717);color:#fff;border-color:rgba(var(--mode-rgb),.55);transform:translateY(-2px)}
.scene-controls button[aria-pressed="true"]{background:linear-gradient(135deg,rgba(var(--mode-rgb),.20),#101b1b 90%);color:#fffaf6;border-color:rgba(var(--mode-rgb),.65);box-shadow:inset 0 0 24px rgba(var(--mode-rgb),.06),0 5px 25px rgba(var(--mode-rgb),.08)}
.scene-controls button[aria-pressed="true"]:before{opacity:1;transform:scaleX(1)}
.scene-controls button[aria-pressed="true"] .mode-top,.scene-controls button[aria-pressed="true"] small{color:rgb(var(--mode-rgb))}
.scene-controls button:focus-visible{outline:2px solid rgb(var(--mode-rgb));outline-offset:4px}
@media(max-width:700px){.scene-controls{width:100%;gap:8px}.scene-controls button{min-height:72px;padding:12px 8px 14px;gap:8px}.scene-controls .mode-top{gap:4px}.scene-controls .mode-number{font-size:10px;letter-spacing:0}.scene-controls .mode-label{font-size:13px}.scene-controls small{font-size:8px;letter-spacing:.65px}.scene-controls svg{width:16px;height:16px}.scene-controls button:before{left:8px;right:8px}}
@media(max-width:360px){.scene-controls{gap:6px}.scene-controls button{padding:11px 4px 13px}.scene-controls .mode-top{gap:2px}.scene-controls .mode-label{font-size:12px}.scene-controls svg{width:12px;height:12px}.scene-controls small{font-size:7px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.scene-controls button,.scene-controls button:before{transition:none}.scene-controls button:hover{transform:none}}