.aiw{--f:"Barlow","Segoe UI",Calibri,Arial,sans-serif;--navy:#2D2E5F;--slate:#55587A;--ai:#8B4FE0;--hu:#FF6B35;position:relative;overflow:hidden;isolation:isolate;min-height:min(88vh,780px);display:flex;align-items:center;font-family:var(--f);color:var(--navy);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#FFFFFF 0%,#F8F4FC 45%,#FCF6F2 100%)}
.aiw *{box-sizing:border-box}
.aiw-silk{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);z-index:0;pointer-events:none;filter:blur(9px) saturate(1.1)}
.aiw-in{position:relative;z-index:1;width:100%;max-width:1400px;margin:0 auto;padding:52px 28px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:center}
.aiw-logo{display:block;height:46px;width:auto;margin-bottom:18px}
.aiw h2{margin:0;font-size:clamp(32px,3.5vw,52px);line-height:1.06;font-weight:700;letter-spacing:-.01em}
.aiw h2 .a{background:linear-gradient(90deg,#5B2FB8,#B04BD8);-webkit-background-clip:text;background-clip:text;color:transparent}
.aiw h2 .b{background:linear-gradient(90deg,#E91E63,#FF6B35);-webkit-background-clip:text;background-clip:text;color:transparent}
.aiw-lead{margin:14px 0 0;font-size:19px;color:var(--slate)}
.aiw-ask{display:flex;align-items:center;gap:8px;margin:26px 0 12px;font-size:17px;font-weight:700;color:#6B3FC8}
.aiw-ask svg{animation:aiwTap 1.6s ease-in-out infinite}
@keyframes aiwTap{50%{transform:translateY(3px) scale(.92)}}
.aiw-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:540px}
.aiw-t{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;height:80px;padding:12px 16px;border-radius:16px;border:1.5px solid rgba(45,46,95,.12);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font:inherit;color:inherit;text-align:left;box-shadow:0 6px 18px rgba(45,46,95,.06);transition:border-color .4s ease,box-shadow .4s ease,transform .3s ease,background .4s ease}
.aiw-t:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(45,46,95,.12)}
.aiw-t:focus-visible{outline:3px solid #8B4FE0;outline-offset:2px}
.aiw-t img{height:28px;width:auto;max-width:180px;object-fit:contain;object-position:left}
.aiw-t span{font-size:14.5px;color:var(--slate)}
.aiw-t.on{border-color:var(--pc);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 18%,transparent),0 14px 32px rgba(45,46,95,.12)}
.aiw-t.on::after{content:"";position:absolute;right:14px;top:14px;width:9px;height:9px;border-radius:50%;background:var(--pc);box-shadow:0 0 0 0 var(--pc);animation:aiwPing 1.8s ease-out infinite}
@keyframes aiwPing{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pc) 60%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
.aiw-foot{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.aiw-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;font-size:16.5px;font-weight:700;color:#fff!important;text-decoration:none;background:linear-gradient(135deg,#6B3FC8,#E0569B);box-shadow:0 10px 26px rgba(139,79,224,.3)}
.aiw-tour{border:0;background:none;font:inherit;font-size:15.5px;font-weight:700;color:#6B3FC8;cursor:pointer;text-decoration:underline;text-underline-offset:4px;visibility:hidden}
.aiw.manual .aiw-tour{visibility:visible}
/* stage */
.aiw-art{position:relative;min-width:0;aspect-ratio:860/500;border-radius:28px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 70px rgba(45,46,95,.12),inset 0 1px 0 #fff;overflow:hidden}
.aiw-st{position:absolute;left:0;top:0;width:860px;height:500px;transform-origin:0 0}
.aiw-hd{position:absolute;left:30px;top:24px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--slate)}
.aiw-hd img{height:26px;width:auto;transition:opacity .4s ease}
.aiw-hd .sw{opacity:0}
.aiw-orb{position:absolute;left:70px;top:170px;width:140px;height:140px}
.aiw-orb .core{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#F3D6FF 0%,#B672F5 34%,#7B3FD6 66%,#4A2A9A 100%);box-shadow:0 18px 40px rgba(123,63,214,.35),0 0 60px rgba(182,114,245,.45);animation:aiwBreath 3.2s ease-in-out infinite}
@keyframes aiwBreath{50%{transform:scale(1.05)}}
.aiw-orb .r1,.aiw-orb .r2{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#E0569B;border-right-color:#8B4FE0;animation:aiwSpin 5s linear infinite}
.aiw-orb .r2{inset:-14px;border-top-color:rgba(139,79,224,.35);border-left-color:#B48CFF;animation-duration:9s;animation-direction:reverse}
@keyframes aiwSpin{to{transform:rotate(360deg)}}
.aiw-orb .sp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}
.aiw-orb .sp svg{width:40px;height:40px}
.aiw-lab{position:absolute;top:332px;width:220px;text-align:center}
.aiw-lab b{display:block;font-size:22px}
.aiw-lab span{display:block;font-size:18px;color:var(--slate);margin-top:2px;min-height:20px}
.aiw-lab.ai{left:30px}.aiw-lab.ai b{color:#6B3FC8}
.aiw-lab.hu{left:640px}.aiw-lab.hu b{color:#E0531F}
.aiw-hum{position:absolute;left:690px;top:180px;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#FFC7A6 0%,#FF7A45 45%,#D9483A 100%);box-shadow:0 18px 40px rgba(255,107,53,.35)}
.aiw-hum .ring{position:absolute;inset:-12px;border-radius:50%;border:2px dashed rgba(255,107,53,.55);animation:aiwSpin 20s linear infinite}
.aiw-hum .ok{position:absolute;right:-4px;bottom:0;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#2FB36A;color:#fff;border:3px solid #fff;opacity:0;transform:scale(.3)}
.aiw-bm{position:absolute;top:239px;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--bc) 0 6px,transparent 6px 12px);opacity:.55}
.aiw-bm.ai{left:212px;width:56px;--bc:#8B4FE0}.aiw-bm.hu{left:602px;width:86px;--bc:#FF6B35}
.aiw-sk{position:absolute;top:234px;width:13px;height:13px;border-radius:50%;background:#fff;opacity:0}
.aiw-sk.ai{left:210px;box-shadow:0 0 12px 5px #8B4FE0}.aiw-sk.hu{left:600px;box-shadow:0 0 12px 5px #FF6B35}
.aiw-card{position:absolute;left:272px;top:74px;width:326px;height:390px;padding:16px 20px;border-radius:20px;background:rgba(255,255,255,.92);border:1px solid rgba(45,46,95,.1);border-top:4px solid var(--pc,#8B4FE0);box-shadow:0 22px 50px rgba(45,46,95,.14)}
.aiw-ch{display:flex;justify-content:space-between;align-items:center}
.aiw-ch .p{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:700}
.aiw-ch .p i{width:9px;height:9px;border-radius:50%;background:var(--pc)}
.aiw-ch .d{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;padding:3px 10px;border-radius:999px;color:#5B2FB8;background:linear-gradient(135deg,rgba(224,86,155,.14),rgba(123,63,214,.16));border:1px solid rgba(139,79,224,.45)}
.aiw-ch .d svg{width:12px;height:12px}
.aiw-card h4{margin:12px 0 2px;font-size:24px;font-weight:700}
.aiw-card h4 small{font-size:14px;font-weight:700;color:var(--pc);margin-left:6px}
.aiw-f{margin-top:9px}
.aiw-f small{display:block;font-size:16px;color:var(--slate)}
.aiw-f b{position:relative;display:block;height:28px;font-size:20px;font-weight:600;white-space:nowrap}
.aiw-f b span{position:absolute;left:0;top:0;clip-path:inset(0 100% 0 0)}
.aiw-f b .n{opacity:0;color:#E0531F;border-bottom:2px solid #FF6B35}
.aiw-sta{position:absolute;left:20px;right:20px;bottom:16px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border-radius:12px;font-size:18px;font-weight:700;color:#1E7B47;background:rgba(47,179,106,.12);border:1.5px solid #2FB36A;opacity:0;transform:scale(1.2)}
.aiw-tr{position:absolute;left:40px;top:462px;width:780px;height:116px;padding:12px 18px;border-radius:18px;background:rgba(255,255,255,.8);border:1px solid rgba(45,46,95,.1);box-shadow:0 12px 30px rgba(45,46,95,.08)}
.aiw-tr .h{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:700;color:#C2410C}
.aiw-tr .h b{display:inline-flex;align-items:center;gap:7px}
.aiw-tr .h span{font-size:14px;font-weight:600;color:var(--slate)}
.aiw-tr ul{list-style:none;margin:6px 0 0;padding:0}
.aiw-tr li{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:5px 0;border-top:1px solid rgba(45,46,95,.08);font-size:15px;animation:aiwRow .7s ease both}
.aiw-tr li b{color:#C2410C;font-variant-numeric:tabular-nums}
.aiw-tr li em{font-style:normal;font-weight:600;color:#1E7B47;white-space:nowrap}
.aiw-tr li i{font-style:normal;font-weight:700;color:#6B3FC8}
@keyframes aiwRow{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* one run of the story */
.aiw-art.run .aiw-card{animation:aiwIn .6s ease both}
@keyframes aiwIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.aiw-art.run .aiw-f .o{animation:aiwType 1s steps(22,end) both;animation-delay:calc(.8s + var(--i)*.55s)}
.aiw-art.run .aiw-f.ed .o{animation:aiwType 1s steps(22,end) both,aiwOut .5s ease 3.9s forwards;animation-delay:calc(.8s + var(--i)*.55s),3.9s}
.aiw-art.run .aiw-f.ed .n{animation:aiwEdit .6s ease 4.1s both}
@keyframes aiwType{to{clip-path:inset(0 0 0 0)}}
@keyframes aiwOut{to{opacity:0}}
@keyframes aiwEdit{from{opacity:0;clip-path:inset(0 0 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
.aiw-art.run .aiw-sk.ai{animation:aiwRunA .9s ease-in-out .5s 3}
.aiw-art.run .aiw-sk.hu{animation:aiwRunH 1s ease-in-out 3.3s 2}
@keyframes aiwRunA{0%{opacity:0;transform:translateX(0)}20%,80%{opacity:1}100%{opacity:0;transform:translateX(60px)}}
@keyframes aiwRunH{0%{opacity:0;transform:translateX(0)}20%,80%{opacity:1}100%{opacity:0;transform:translateX(88px)}}
.aiw-art.run .aiw-sta{animation:aiwStamp .6s cubic-bezier(.34,1.56,.64,1) 4.6s both}
@keyframes aiwStamp{to{opacity:1;transform:none}}
.aiw-art.run .aiw-hum .ok{animation:aiwOk 3.6s ease 4.6s both}
@keyframes aiwOk{0%{opacity:0;transform:scale(.3)}12%,85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@media (max-width:1000px){.aiw{min-height:0}.aiw-in{grid-template-columns:1fr;gap:26px;padding:44px 16px}.aiw-tiles{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.aiw-t{height:72px;padding:10px}.aiw-t img{height:20px;max-width:100%}.aiw-t span{font-size:13px}}
@media (max-width:560px){.aiw-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.aiw *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}

/* Transparent drafting panel over a quiet AI network. */
:root body .aiw .aiw-art .aiw-card{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:rgba(89,78,124,.12)}
:root body .aiw .aiw-art{isolation:isolate;background:transparent!important}
.aiw .aiw-art::before{content:"";position:absolute;inset:12px;border-radius:inherit;pointer-events:none;background:url("aiivare-network-light.svg") center/contain no-repeat;opacity:.12;z-index:0;animation:aiwQuietNetwork 18s ease-in-out infinite}
.aiw .aiw-art .aiw-st{z-index:1}
@keyframes aiwQuietNetwork{0%,100%{opacity:.10;transform:translateY(0)}50%{opacity:.20;transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.aiw .aiw-art::before{animation:none;opacity:.12}}