.operation-demo{background:linear-gradient(145deg,#10283a,#071522 82%);border:1px solid #71d8ea52;border-radius:24px;width:100%;min-width:0;padding:clamp(19px,2.5vw,30px);box-shadow:0 18px 64px #00071047,inset 0 1px #cff8ff0f}.operation-demo-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.operation-demo-badge{color:#a2edf4;letter-spacing:.11em;font-size:.65rem;font-weight:700}.operation-demo-reset{color:#b8d0df;background:0 0;border:0;flex-shrink:0;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:.78rem;display:inline-flex}.operation-demo :is(h1,h2){letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(1.45rem,2.2vw,1.95rem);line-height:1.15}.journey .operation-demo h1{max-width:850px;font-size:clamp(1.7rem,3.1vw,2.5rem)}.operation-demo h1:focus{outline:none}.operation-demo p{line-height:1.6}.operation-demo-description{color:var(--color-text-soft);margin:0 0 22px;font-size:.88rem}.operation-demo-controls{grid-template-columns:minmax(0,1fr) 105px;gap:12px;display:grid}.operation-demo-field{color:#d1e6ee;gap:8px;min-width:0;font-size:.8rem;font-weight:600;display:grid}.operation-demo-field input,.operation-demo-field select{color:#eefaff;width:100%;min-width:0;min-height:46px;font:inherit;background:#081b2a;border:1px solid #426273;border-radius:10px;padding:10px 12px;font-weight:400}.operation-demo-field select{text-overflow:ellipsis;padding-right:25px}.operation-demo-field input:focus-visible,.operation-demo-field select:focus-visible,.operation-demo button:focus-visible,.operation-demo summary:focus-visible,.operation-demo-choices input:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}.operation-demo button{cursor:pointer}.operation-demo button:disabled,.operation-demo select:disabled{cursor:default;opacity:.55}.operation-demo .button{min-height:46px;font-size:.81rem}.operation-demo-add{grid-column:1/-1;justify-self:start}.operation-demo-help{color:#b5c7d3;margin:10px 0 16px;font-size:.76rem}.operation-demo-panel{background:#010c176b;border:1px solid #a5d4e126;border-radius:14px;margin-top:18px;padding:16px}.operation-demo h3{margin:0 0 12px;font-size:.9rem;font-weight:600}.operation-demo-empty{color:#aabecd;margin:12px 0 18px;font-size:.79rem}.operation-demo-cart,.operation-demo-stock,.operation-demo-history{margin:0;padding:0;list-style:none}.operation-demo-cart li{border-top:1px solid #b4d5e31f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:10px 0;display:grid}.operation-demo-cart strong{font-size:.82rem;font-weight:600}.operation-demo-cart small{color:#a9becd;margin-top:5px;font-size:.76rem;display:block}.operation-demo-cart button{color:#a9dce6;text-align:right;text-underline-offset:3px;background:0 0;border:0;grid-column:2;min-height:44px;padding:7px 0 7px 10px;font-size:.75rem;text-decoration:underline}.operation-demo-total{border-top:1px solid #b4d5e32b;justify-content:space-between;align-items:baseline;gap:10px;margin-top:4px;padding-top:14px;display:flex}.operation-demo-total span{color:#c0d5e0;font-size:.82rem}.operation-demo-total strong{color:#e4fbf0;font-variant-numeric:tabular-nums;font-size:1.42rem}.operation-demo-finalize{width:100%;margin-top:16px}.operation-demo-feedback{color:#b2ebd1;border-left:2px solid #59e0a3;min-height:2.8em;margin:14px 0;padding-left:10px;font-size:.8rem}.operation-demo-feedback.is-error{color:#ffcc96;border-color:#ffbd75}.operation-demo-overview{grid-template-columns:1fr 1fr;gap:12px;display:grid}.operation-demo-overview>div{background:#27726f1a;border:1px solid #86d0cd2e;border-radius:12px;gap:6px;padding:13px;display:grid}.operation-demo-overview span{color:#b6cdda;font-size:.72rem}.operation-demo-overview strong{color:#d9fae8;font-variant-numeric:tabular-nums;font-size:1.18rem}.operation-demo-details{margin-top:14px;font-size:.79rem}.operation-demo-details summary{color:#bde7ef;cursor:pointer;min-height:44px;padding-block:10px}.operation-demo-details summary svg{vertical-align:middle;margin-inline:4px;display:inline}.operation-demo-details>p{font-size:.76rem}.operation-demo-stock li{color:#bed1dc;border-bottom:1px solid #aad7e71a;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.operation-demo-stock strong{color:#e7f5fb;white-space:nowrap;font-weight:500}.operation-demo-history{color:#bacdd9;gap:12px;margin-top:12px;font-size:.77rem;line-height:1.5;display:grid}.operation-demo-history li{gap:10px;display:flex}.operation-demo-history-number{color:#92e4c1;flex-shrink:0}.operation-demo-note{color:#9eafbd;border-top:1px solid #aad7e71f;margin:18px 0 0;padding-top:14px;font-size:.69rem}.operation-demo-service-heading{color:#a8e2eb;align-items:center;gap:10px;margin-bottom:20px;display:flex}.operation-demo-service-heading>div{flex:1}.operation-demo-service-heading>div>span{color:#b7ccd9;font-size:.7rem}.operation-demo-service-heading h3{color:#effbff;margin:4px 0 0;font-size:1rem}.operation-demo-status{color:#b8ecf5;border:1px solid #396575;border-radius:6px;padding:6px 8px;font-size:.69rem}.operation-demo-service>strong{font-size:.9rem}.operation-demo-service>p{color:#b8cad7;margin:8px 0;font-size:.8rem}.operation-demo-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0;padding:0;list-style:none;display:grid}.operation-demo-stages li{color:#9aacba;gap:8px;font-size:.68rem;display:grid}.operation-demo-stages li>span{border:1px solid #435c6f;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.operation-demo-stages li.is-reached{color:#b0f2d2}.operation-demo-stages li.is-reached>span{background:#42ac7326;border-color:#72dba3}.operation-demo-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.operation-demo-rule{background:#1e6b521a;border:1px solid #97e3ca3b;border-radius:14px;gap:7px;margin-block:20px;padding:18px;display:grid}.operation-demo-rule span{color:#a5d9c5;letter-spacing:.08em;font-size:.65rem}.operation-demo-rule strong{font-size:.9rem;font-weight:500}.operation-demo-rule svg{color:#8edcbd;margin-block:3px;transform:rotate(90deg)}.operation-demo-choices{border:0;gap:10px;margin:0 0 20px;padding:0;display:grid}.operation-demo-choices legend{color:#c4d6e2;margin-bottom:12px;font-size:.81rem}.operation-demo-choices label{color:#d0e1ec;cursor:pointer;background:#0a1b2b;border:1px solid #9ed3e53b;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:12px;font-size:.83rem;display:flex}.operation-demo-choices input{width:19px;height:19px;accent-color:var(--color-cyan);flex-shrink:0;margin:0}.operation-demo-choices label:has(input:checked){background:#102d3e;border-color:#51b4c4}.operation-demo-selection-result{background:#1c594a1f;border-left:2px solid #64cea2;margin-top:20px;padding:17px;font-size:.82rem}.operation-demo-selection-result ul{color:#c1d7e1;gap:8px;padding-left:18px;display:grid}.operation-demo-selection-result p{color:#b6ccd8;margin-bottom:0}.inner-page--interactive .inner-check-list{grid-template-columns:repeat(2,minmax(0,1fr))}.product-interactive-demo{min-width:0;scroll-margin-top:110px}.inner-page--interactive>.inner-hero--split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}@media (width<=900px){.inner-page.inner-page--interactive>.inner-hero--split{grid-template-columns:minmax(0,1fr);gap:25px;min-height:0}.product-interactive-demo{justify-self:center;width:100%;max-width:670px}}@media (width<=580px){.operation-demo{border-radius:18px;padding:18px}.operation-demo-controls{grid-template-columns:minmax(0,1fr) 92px;gap:10px}.operation-demo-top{gap:4px}.operation-demo-badge{letter-spacing:.06em;font-size:.57rem}.operation-demo-reset{font-size:.72rem}.operation-demo-field input,.operation-demo-field select{padding-inline:9px;font-size:16px}.operation-demo-panel{padding:13px}.operation-demo-service-heading{flex-wrap:wrap}.operation-demo-status{margin-left:33px}.operation-demo-overview{gap:8px}.operation-demo-overview>div{padding:12px 10px}.inner-page--interactive .inner-check-list{grid-template-columns:1fr}}