.isander-demo{--paper:#f4f0e7;--gold:#dfc287;--green:#75ddb7;--line:rgba(227,203,151,.24);position:relative;display:grid;width:100%;min-height:max(660px,92vh);margin:0 0 clamp(80px,10vw,170px);scroll-margin-top:82px;place-items:center;overflow:clip;background:radial-gradient(circle at 50% 46%,rgba(88,58,182,.13),transparent 28%),radial-gradient(circle at 68% 56%,rgba(36,184,150,.09),transparent 26%),linear-gradient(145deg,#172427,#0e181a 72%);color:var(--paper)}
.isander-demo::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(225,201,148,.24) 0 1px,transparent 1.5px);background-size:78px 78px;opacity:.22;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);pointer-events:none}
.isander-demo *{box-sizing:border-box}
.isander-demo button,.isander-demo input{font:inherit}
.isander-demo button{cursor:pointer}
.isander-demo__stage{position:relative;z-index:1;display:flex;width:min(900px,90vw);min-height:650px;align-items:center;flex-direction:column;justify-content:center;padding:56px 0 60px;text-align:center}
.isander-demo__eyebrow{position:absolute;top:25px;left:0;right:0;margin:0!important;color:#9c8960!important;font:600 .66rem/1.4 'Courier New',monospace!important;letter-spacing:.15em!important}
.isander-demo__prompt{display:grid;min-height:105px;place-items:end center;margin-bottom:14px}
html body.schraeger-global-theme .isander-demo__prompt h2{display:flex;align-items:center;justify-content:center;max-width:860px;margin:0!important;color:var(--paper)!important;-webkit-text-fill-color:var(--paper)!important;font:400 clamp(2.7rem,5.8vw,6.6rem)/.96 Manrope,Arial,sans-serif!important;letter-spacing:-.065em!important;text-wrap:balance}
.isander-demo__prompt h2 i{display:inline-block;width:2px;height:.82em;margin-left:.11em;background:var(--gold);animation:isander-caret .78s steps(1,end) infinite}
.isander-demo__core{position:relative;width:clamp(92px,10vw,128px);height:clamp(92px,10vw,128px);flex:0 0 auto;border:1px solid rgba(223,194,135,.36);border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff1b7 0 3%,#f2b145 7%,#c02bcc 26%,#452cba 48%,#132b36 70%);box-shadow:0 0 75px rgba(122,66,226,.25)}
.isander-demo__core::before,.isander-demo__core::after,.isander-demo__core span,.isander-demo__core b{content:"";position:absolute;inset:-15px;border:1px solid rgba(100,210,186,.28);border-radius:48% 52% 56% 44%;animation:isander-orbit 9s linear infinite}
.isander-demo__core::after{inset:-29px;border-color:rgba(218,83,197,.22);animation-duration:14s;animation-direction:reverse}
.isander-demo__core span{inset:11px;border-color:rgba(255,227,153,.36);animation-duration:6s}
.isander-demo__core b{inset:-42px;border-color:rgba(218,196,148,.11);animation-duration:19s}
.isander-demo__core i{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background:#fff0bd;box-shadow:0 0 22px #f4c757;transform:translate(-50%,-50%)}
.isander-demo__name{margin:22px 0 25px!important;color:#d5c59f!important;font:600 .69rem/1.4 'Courier New',monospace!important;letter-spacing:.42em!important;padding-left:.42em}
.isander-demo__action{display:grid;width:min(620px,100%);min-height:120px;align-items:start}
.isander-demo__panel{grid-area:1/1;width:100%;animation:isander-panel-in .45s ease both}
.isander-demo__panel label{display:grid;gap:11px;text-align:left}
.isander-demo__panel label>span:first-child{color:#8f9c98;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}
.isander-demo__input{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(227,203,151,.38)}
.isander-demo__input:focus-within{border-color:var(--gold)}
.isander-demo__input input{width:100%;min-width:0;padding:13px 0 18px;border:0;outline:0;background:transparent;color:#f6f1e8;font-size:clamp(1.4rem,2.5vw,2.15rem);font-weight:390;letter-spacing:-.025em}
.isander-demo__input input::placeholder{color:#53615e}
.isander-demo__input>b{align-self:center;margin-right:20px;color:var(--gold);font-size:1.35rem;font-weight:400}
.isander-demo__input button{display:flex;align-items:center;gap:12px;align-self:stretch;padding:0 3px 0 22px;border:0;background:none;color:#d8c494;font-size:.76rem;letter-spacing:.04em}
.isander-demo__input button b,.isander-demo__input button strong{font-size:1.25rem;font-weight:400}
.isander-demo__input button:disabled{cursor:not-allowed;opacity:.28}
.isander-demo__drop{display:grid;min-height:110px;place-items:center;border:1px dashed rgba(227,203,151,.38);border-radius:18px;background:rgba(255,255,255,.012);transition:border-color .2s,background .2s}
.isander-demo__drop.is-dragging{border-color:var(--green);background:rgba(117,221,183,.06)}
.isander-demo__drop>button{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:2px 13px;padding:24px;border:0;background:none;color:#f1eadb;text-align:left}
.isander-demo__drop>button>span{grid-row:1/3;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(227,203,151,.42);border-radius:50%;color:var(--gold);font-size:1.5rem;font-weight:300}
.isander-demo__drop strong{font-size:1rem;font-weight:520}
.isander-demo__drop small{color:#81908c;font-size:.7rem}
.isander-demo__file-status{margin:9px 0 0!important;color:#6f7f7b!important;font-size:.64rem!important;text-align:left}
.isander-demo__file-status.is-error{color:#e99c96!important}
.isander-demo__thinking{display:flex;justify-content:center;gap:13px;padding-top:35px}
.isander-demo__thinking span{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(223,194,135,.65);animation:isander-think 1.15s ease-in-out infinite}
.isander-demo__thinking span:nth-child(2){animation-delay:.16s;background:#d15ac4}
.isander-demo__thinking span:nth-child(3){animation-delay:.32s;background:#60d5b4}
.isander-demo__result-card{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:center;padding:15px;border:1px solid rgba(227,203,151,.22);background:rgba(255,255,255,.018);text-align:left}
.isander-demo__result-card>img{width:110px;height:110px;object-fit:cover}
.isander-demo__result-card>div{display:grid;gap:8px;min-width:0}
.isander-demo__result-card>div>span{display:flex;align-items:center;gap:8px;color:#8bcfb7;font:600 .58rem/1.4 'Courier New',monospace;letter-spacing:.1em}
.isander-demo__result-card>div>span i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(117,221,183,.75)}
html body.schraeger-global-theme .isander-demo__result h3{overflow:hidden;margin:0!important;color:#f2eee4!important;-webkit-text-fill-color:#f2eee4!important;font:500 clamp(1.3rem,2.4vw,2rem)/1.05 Manrope,Arial,sans-serif!important;letter-spacing:-.035em!important;text-overflow:ellipsis;white-space:nowrap}
.isander-demo__result-card p{display:flex;align-items:center;gap:18px;margin:0!important;color:#e7d4aa!important;font-size:1rem!important}
.isander-demo__result-card p strong{font-weight:500}
.isander-demo__result-card code{color:#7f8d89;font:500 .63rem/1.4 'Courier New',monospace}
.isander-demo__connect{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:13px}
.isander-demo__connect button{min-height:48px;padding:12px 18px;border:1px solid rgba(227,203,151,.28);background:transparent;color:#b9c3bf;font-size:.75rem}
.isander-demo__connect button:first-child{border-color:#d8ba7d;background:#d8ba7d;color:#13201f}
.isander-demo__connect button span{margin-left:18px}
.isander-demo__connect p{flex-basis:100%;margin:7px auto 0!important;color:#94a29e!important;font-size:.72rem!important;line-height:1.5!important}
.isander-demo__steps{display:flex;align-items:center;justify-content:center;width:min(560px,100%);margin-top:24px;color:#5f6d69}
.isander-demo__steps span{display:flex;align-items:center;gap:8px;font-size:.65rem;letter-spacing:.05em;transition:color .25s}
.isander-demo__steps span b{font:500 .58rem/1.4 'Courier New',monospace}
.isander-demo__steps>i{width:clamp(28px,6vw,74px);height:1px;margin:0 15px;background:#34433f}
.isander-demo__steps span.is-active{color:#ead6aa}
.isander-demo__steps span.is-complete{color:#83bda8}
.isander-demo__steps span.is-complete+ i{background:#608f7e}
.isander-demo__safety{position:absolute;right:0;bottom:18px;left:0;margin:0!important;color:#596864!important;font:500 .58rem/1.5 'Courier New',monospace!important;letter-spacing:.04em!important}
.isander-demo[data-step="thinking"] .isander-demo__core{animation:isander-core-think 1.5s ease-in-out infinite}
.isander-demo[data-step="result"] .isander-demo__core,.isander-demo[data-step="connect"] .isander-demo__core{box-shadow:0 0 90px rgba(92,210,170,.32)}
@keyframes isander-panel-in{from{opacity:0}to{opacity:1}}
@keyframes isander-orbit{to{transform:rotate(360deg)}}
@keyframes isander-caret{0%,48%{opacity:1}49%,100%{opacity:0}}
@keyframes isander-think{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}
@keyframes isander-core-think{50%{transform:scale(1.06);filter:saturate(1.25)}}
@media(max-width:760px){.isander-demo{min-height:820px}.isander-demo__stage{width:88vw;min-height:790px;padding:76px 0}.isander-demo__eyebrow{top:34px}.isander-demo__prompt{min-height:142px;margin-bottom:12px}.isander-demo__core{width:88px;height:88px}.isander-demo__name{margin:25px 0 33px!important}.isander-demo__action{min-height:145px}.isander-demo__safety{bottom:27px}.isander-demo__result-card{grid-template-columns:84px 1fr;gap:16px}.isander-demo__result-card>img{width:84px;height:84px}.isander-demo__steps>i{margin:0 10px}}
@media(max-width:460px){html body.schraeger-global-theme .isander-demo__prompt h2{font-size:2.45rem!important}.isander-demo__input button span{display:none}.isander-demo__input button{padding-left:14px}.isander-demo__steps span{gap:5px;font-size:.59rem}.isander-demo__steps>i{width:24px;margin:0 7px}.isander-demo__result-card{grid-template-columns:72px 1fr;padding:11px}.isander-demo__result-card>img{width:72px;height:72px}.isander-demo__result-card p{gap:10px!important;font-size:.82rem!important}.isander-demo__connect button{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.isander-demo *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
