/* V76: industry-specific interactive moments for the concept demo sites. */
.demo-experience{padding:76px 20px;color:#f4fbff;background:radial-gradient(circle at 82% 18%,rgba(64,218,235,.18),transparent 31%),linear-gradient(135deg,#071923,#0c3342);overflow:hidden}
.demo-experience__inner{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center}
.demo-experience__eyebrow{display:block;margin-bottom:13px;color:#77eaf4;font:900 10px/1.2 Arial,sans-serif;letter-spacing:2px}
.demo-experience h2{margin:0 0 16px;color:#fff;font-size:clamp(38px,5vw,64px);line-height:.98}
.demo-experience__copy p{max-width:520px;margin:0;color:#b8ced7;font-size:16px;line-height:1.7}
.demo-tool{padding:24px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:rgba(255,255,255,.065);box-shadow:0 28px 65px rgba(0,0,0,.27);backdrop-filter:blur(14px)}
.demo-tool__label{display:block;margin-bottom:14px;color:#d9f7fa;font:900 11px/1.3 Arial,sans-serif;letter-spacing:1px}
.demo-tool__choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.demo-tool__choices button{min-height:62px;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:11px;color:#e8f5f8;background:rgba(2,19,28,.5);font:800 11px/1.35 Arial,sans-serif;cursor:pointer;transition:.22s}
.demo-tool__choices button:hover,.demo-tool__choices button:focus-visible,.demo-tool__choices button.active{transform:translateY(-2px);border-color:#72e9f2;color:#061d27;background:#73e7f0;box-shadow:0 10px 24px rgba(43,203,222,.24)}
.demo-tool__result{min-height:92px;margin-top:14px;padding:16px 17px;border-left:3px solid #69e4ef;border-radius:4px 12px 12px 4px;color:#b8d2db;background:rgba(0,10,16,.42);font:14px/1.55 Arial,sans-serif}
.demo-tool__result b{display:block;margin-bottom:5px;color:#fff;font-size:16px}
.demo-tool__action{display:inline-flex;margin-top:14px;padding:12px 15px;border-radius:9px;color:#06202a!important;background:#fff;text-decoration:none;font:900 10px/1 Arial,sans-serif;letter-spacing:.7px}
.demo-live-note{position:fixed;z-index:90;left:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#eaffff;background:rgba(3,24,34,.88);box-shadow:0 10px 28px rgba(0,0,0,.25);backdrop-filter:blur(12px);font:900 9px/1 Arial,sans-serif;letter-spacing:1px}
.demo-live-note i{width:7px;height:7px;border-radius:50%;background:#5cec9e;box-shadow:0 0 11px #5cec9e}
.grid3 .card{transition:transform .24s,box-shadow .24s}
.grid3 .card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(0,0,0,.16)}
.grid3 .card:nth-child(2) img{object-position:center 40%}
.grid3 .card:nth-child(3) img{object-position:right center;filter:saturate(.82) contrast(1.08)}
@media(max-width:760px){.demo-experience{padding:58px 18px}.demo-experience__inner{grid-template-columns:1fr;gap:28px}.demo-tool{padding:18px}.demo-tool__choices{grid-template-columns:1fr}.demo-tool__choices button{min-height:50px}.demo-live-note{position:static;width:max-content;margin:12px auto}}
@media(prefers-reduced-motion:reduce){.demo-tool__choices button,.grid3 .card{transition:none}}