.engine-demo{width:100%;max-width:540px;margin:auto;border:1px solid #bd98e437;border-radius:22px;background:linear-gradient(145deg,#261737b8,#160e23e8);box-shadow:0 30px 90px #0003;overflow:hidden;position:relative;isolation:isolate;min-width:0}.hero-new{gap:35px}.hero-new h1{font-size:clamp(46px,5.8vw,76px)}.engine-top{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid #c49be81a;gap:10px;font:8px/1.5 monospace;letter-spacing:1px;color:#bca1d3}.engine-top>span:first-child{color:#e4d3f4;display:flex;align-items:center;gap:8px}.engine-top i{width:5px;height:5px;border-radius:50%;background:#9ee9f0;box-shadow:0 0 12px #9ee9f0}.engine-stage{height:320px;position:relative;overflow:hidden}.engine-halo{position:absolute;inset:5% 8%;background:radial-gradient(ellipse,#9e61eb36,transparent 70%);pointer-events:none;transition:opacity .5s}.engine-rings{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.engine-spin{transform-origin:210px 170px;animation:engine-orbit 50s linear infinite}.engine-demo.is-running .engine-spin{animation-duration:15s}.engine-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:91px;height:91px;border-radius:50%;background:radial-gradient(ellipse at top,#312044,#140c20);border:1px solid #c99cf783;box-shadow:0 0 30px #ae70ff22,inset 0 0 18px #bd8aff0e;color:#ffae8a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;transition:box-shadow .3s,border-color .3s,background .3s;z-index:2}.engine-core svg{width:48px;height:48px}.engine-core>span{font:7px monospace;letter-spacing:1px;color:#c1a9d6}.engine-core:hover,.engine-core:focus-visible{box-shadow:0 0 40px #c493ff55;border-color:#ffbb97;background:#352047;color:#ffc3a8}.engine-node{position:absolute;display:flex;gap:10px;align-items:center;background:#20142eea;border:1px solid #a882c64a;border-radius:10px;color:#e1cfef;text-align:left;padding:11px 13px;box-shadow:0 9px 25px #0003;transition:transform .25s,border-color .25s,box-shadow .25s;z-index:3;font-size:12px;line-height:1.5}.engine-node small{display:block;color:#b299c9;font:7px/1.8 monospace;letter-spacing:.7px}.engine-symbol{font-size:23px;color:#be97ef}.engine-node[aria-pressed=true]{border-color:#ffb491aa;box-shadow:0 0 22px #ff9b7814;background:#35213bdc}.engine-node[aria-pressed=true] .engine-symbol{color:#ffb491}.engine-node:hover{transform:translateY(-4px);border-color:#d5b5fa}.en-one{top:25px;left:18px}.en-two{top:61px;right:16px}.en-three{bottom:18px;left:50%;transform:translateX(-50%)}.en-three:hover{transform:translateX(-50%) translateY(-4px)}.engine-detail{margin:0 20px;padding:20px 22px;background:#0f091a66;border:1px solid #b998d626;border-radius:12px;min-height:183px}.engine-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font:8px monospace;letter-spacing:1px}.engine-number{color:#bca2d0}.engine-state{color:var(--hot)}.engine-detail h3{font-size:22px;margin:12px 0 8px;letter-spacing:-.5px}.engine-detail p{font-size:12px;line-height:1.7;min-height:41px;max-width:none}.engine-record{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #b998d61c;padding-top:12px;margin-top:12px;font-size:10px;color:#bda5d1}.engine-record b{font-weight:400;color:#a8dee8}.engine-bottom{display:flex;gap:10px;margin:17px 20px 0}.engine-bottom button{flex:1;border-radius:8px;border:1px solid #b997d63d;padding:11px 13px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;background:#241632;color:#e2d0ef}.engine-bottom .engine-run{background:#ff9b78;color:#23112d;border-color:#ff9b78}.engine-bottom .engine-run:hover{background:#ffc2a6;color:#23112d;box-shadow:0 0 20px #ff9b7826}.engine-bottom .engine-approve:not(:disabled):hover{border-color:#9ee9f0;color:#9ee9f0;background:#9ee9f010}.engine-bottom button:disabled{opacity:.38;cursor:not-allowed}.engine-hint{font:8px/1.5 monospace!important;color:#a58bb9!important;text-align:center;margin:12px 20px 18px!important;max-width:none!important}.engine-demo.is-approved .engine-state{color:#9ee9f0}.engine-demo.is-approved .engine-core{border-color:#9ee9f0;box-shadow:0 0 35px #9ee9f022}.engine-demo.is-approved .en-three{border-color:#9ee9f0}.engine-demo button:focus-visible{outline:2px solid #ffb695;outline-offset:4px}.engine-demo .engine-core:disabled{cursor:default}.engine-demo .engine-core:disabled:hover{background:radial-gradient(ellipse at top,#312044,#140c20)}@keyframes engine-orbit{to{transform:rotate(360deg)}}
@media(max-width:1050px) and (min-width:851px){.hero-new{grid-template-columns:1fr 1fr;gap:22px}.hero-new h1{font-size:55px;letter-spacing:-3px}.engine-stage{height:290px}.engine-node{padding:9px;font-size:10px}.engine-node small{font-size:6px}.engine-symbol{font-size:19px}.en-two{right:10px}.en-one{left:10px}.engine-top{padding:15px;font-size:7px;letter-spacing:.4px}.engine-detail{padding:16px;margin:0 14px}.engine-detail h3{font-size:20px}}
@media(max-width:850px){.hero-new{gap:40px}.hero-new h1{font-size:clamp(45px,9vw,68px)}.engine-demo{max-width:540px}.hero-new>.engine-demo{margin-bottom:20px}}
@media(max-width:520px){.engine-top{padding:15px 13px;font-size:6px;letter-spacing:.5px}.engine-stage{height:280px}.engine-node{padding:9px 10px;gap:7px;font-size:10px}.engine-node small{font-size:6px}.engine-symbol{font-size:20px}.en-one{left:10px;top:20px}.en-two{right:10px;top:65px}.en-three{bottom:10px}.engine-core{width:76px;height:76px}.engine-core svg{width:40px;height:40px}.engine-core>span{font-size:6px}.engine-detail{margin:0 12px;padding:17px;min-height:199px}.engine-detail h3{font-size:21px}.engine-detail p{font-size:12px;min-height:61px}.engine-detail-heading{font-size:7px;letter-spacing:.5px}.engine-bottom{margin:14px 12px 0;gap:8px}.engine-bottom button{font-size:10px;padding:11px}.engine-hint{font-size:7px!important;margin:12px!important}.engine-record{font-size:9px}.hero-new h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){.engine-spin{animation:none}.engine-demo *{transition:none!important}}