.ah-hero{position:relative;overflow:hidden;margin:12px 12px 0;border-radius:24px;min-height:520px;background:radial-gradient(ellipse at 70% 30%,rgba(120,60,255,.35),transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(0,170,255,.18),transparent 55%),#05060f}
.ah-copy{position:relative;z-index:2;max-width:520px;padding:56px 40px}
.ah-copy h2{font:800 clamp(34px,5vw,60px)/1.02 Outfit,system-ui,sans-serif;margin:0 0 14px;color:#fff}
.ah-copy h2 em{font-style:normal;background:linear-gradient(90deg,#22c4ff,#7a5cff,#ff4fb0);-webkit-background-clip:text;background-clip:text;color:transparent}
.ah-copy p{margin:0 0 22px;color:rgba(255,255,255,.78);font-size:17px}
.ah-talk{appearance:none;border:0;cursor:pointer;color:#fff;font:700 16px system-ui;padding:14px 26px;border-radius:999px;background:linear-gradient(90deg,#16b8ff,#7a5cff,#ff4fb0)}
.ah-fig{position:absolute;right:6%;bottom:-70px;height:640px;aspect-ratio:680/810;pointer-events:none;z-index:1}
.ah-fig artemus-header{display:block;width:100%;height:100%}
.ah-poster{position:absolute;left:10%;top:16%;width:80%;pointer-events:none}
@media(max-width:760px){.ah-hero{min-height:660px}.ah-copy{padding:36px 22px;max-width:none}.ah-fig{right:50%;transform:translateX(50%);height:470px;bottom:-40px}}


.ah-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ah-plus{appearance:none;border:1px solid rgba(255,255,255,.35);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font:600 26px/1 system-ui;cursor:pointer}
.ah-make{appearance:none;border:0;cursor:pointer;color:#fff;font:700 16px system-ui;padding:14px 22px;border-radius:999px;background:linear-gradient(90deg,#ff4fb0,#a23cff)}
.ah-talk[data-state=live]{background:linear-gradient(90deg,#ff4fb0,#7a5cff)}
.ah-hint{margin:12px 0 0;color:rgba(255,255,255,.7);font-size:14px;max-width:360px}
/* old character + control room block replaced by the new hero; its real buttons stay in the DOM for the hero to drive */
.artemus-hero-character-block{position:absolute!important;left:-9999px!important;top:0!important;width:320px!important;height:auto!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.artemus-hero-character-block button{pointer-events:auto}


/* ---- new look (mockup, Oct 6) ---- */
.ah-hero{min-height:660px;background:#050a2a;border-radius:24px}
.ah-wave{position:absolute;inset:0;z-index:0;background:#050a2a url(/hero/wave.webp) center/cover no-repeat}
.ah-wave video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ah-word{position:absolute;z-index:1;left:3.5%;top:2%;width:min(78%,1100px);height:auto;pointer-events:none;filter:drop-shadow(0 6px 24px rgba(40,60,255,.35))}
.ah-copy{max-width:none;width:56%;padding:min(21vw,300px) 40px 150px 4%}
.ah-copy h1{margin:0 0 22px;font:800 clamp(38px,5.4vw,86px)/1.02 Outfit,system-ui,sans-serif;color:#fff;letter-spacing:-.01em;text-shadow:0 4px 30px rgba(0,0,20,.45)}
.ah-make2{appearance:none;border:0;cursor:pointer;color:#fff;font:800 clamp(18px,1.8vw,24px) Outfit,system-ui,sans-serif;letter-spacing:.04em;padding:16px 46px;border-radius:999px;background:linear-gradient(90deg,#10c0ff,#6a5cff 55%,#ff3d9a);box-shadow:0 8px 30px rgba(110,80,255,.5)}
.ah-talk{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);padding:12px 20px;font-size:15px}
.ah-fig{right:2%;bottom:-120px;height:min(900px,70vw);z-index:2}
.ah-wl{position:absolute;z-index:4;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 22px;border-radius:18px;background:rgba(6,10,40,.78);border:1px solid rgba(110,140,255,.28);backdrop-filter:blur(10px)}
.ah-wl-t{display:flex;flex-direction:column;margin-right:auto}.ah-wl-t b{font:800 clamp(22px,2.4vw,34px)/1.1 Outfit,system-ui,sans-serif;color:#fff}.ah-wl-t span{color:rgba(255,255,255,.8);font-size:clamp(14px,1.3vw,18px)}
.ah-wl input[type=email]{flex:0 1 380px;min-width:200px;padding:14px 16px;border-radius:12px;border:1px solid rgba(140,160,255,.35);background:rgba(10,16,60,.7);color:#fff;font:16px system-ui}
.ah-wl input::placeholder{color:rgba(255,255,255,.5)}.ah-hp{position:absolute!important;left:-9999px!important}
.ah-wl button{appearance:none;border:0;cursor:pointer;padding:14px 26px;border-radius:12px;color:#fff;font:700 17px system-ui;background:linear-gradient(90deg,#10b8ff,#4f6bff)}.ah-wl button:disabled{opacity:.6}
.ah-wl-s{flex-basis:100%;margin:0;color:#9fe8ff;font-size:14px}
.wl-hero,.wl-hero-count{display:none!important}
@media(max-width:760px){
 .ah-hero{min-height:0;display:flex;flex-direction:column;padding-bottom:0}
 .ah-word{position:relative;left:auto;top:auto;width:88%;margin:22px auto 0;display:block}
 .ah-copy{width:auto;padding:16px 22px 0}.ah-copy h1{font-size:clamp(34px,10.5vw,52px)}
 .ah-fig{position:relative;right:auto;transform:none;bottom:auto;height:420px;margin:-10px auto 0;aspect-ratio:680/810}
 .ah-wl{position:relative;left:auto;right:auto;bottom:auto;margin:-60px 12px 12px;flex-direction:column;align-items:stretch}
 .ah-wl input[type=email]{flex:none;width:100%;box-sizing:border-box}.ah-wl button{width:100%}
 .ah-make2{padding:15px 38px}
}
.ah-copy{z-index:3}.ah-row{gap:10px}.ah-copy h1{font-size:clamp(36px,5vw,80px)}
.ah-make2{padding:16px 38px}

/* ---- v3 exact mockup layout (Oct 6) ---- */
@font-face{font-family:'ArtOutfit';src:url(/hero/outfit800.ttf) format('truetype');font-weight:800;font-display:swap}
@media(min-width:761px){
.ah-hero{container-type:inline-size;aspect-ratio:1182/710;min-height:0;margin:12px 12px 0;overflow:hidden}
.ah-word{left:4.5%;top:2.6%;width:88%;max-width:none;z-index:1}
.ah-copy{position:absolute;left:5.8%;top:24.5%;width:50%;max-width:none;padding:0;z-index:3}
.ah-copy h1{font:800 6.3cqw/1.04 ArtOutfit,Outfit,system-ui,sans-serif;letter-spacing:-.012em;margin:0 0 3.6cqw}
.ah-row{gap:1.3cqw;flex-wrap:nowrap}
.ah-make2{font:800 2.2cqw ArtOutfit,Outfit,system-ui,sans-serif;letter-spacing:.06em;padding:0 4cqw;height:5.7cqw;min-width:20cqw;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 0 3cqw rgba(60,120,255,.55),inset 0 0 1.4cqw rgba(255,255,255,.25)}
.ah-talk{font-size:1.5cqw;padding:0 2.2cqw;height:4.4cqw;white-space:nowrap}
.ah-plus{width:4.4cqw;height:4.4cqw;font-size:2.6cqw}
.ah-fig{left:22%;right:auto;top:-1.5%;bottom:auto;width:79cqw;height:95cqw;aspect-ratio:auto;z-index:2}
.ah-wl{left:1.8%;right:1.5%;bottom:2.4%;height:17.5%;padding:0 2.2cqw;box-sizing:border-box;z-index:4;flex-wrap:nowrap}
.ah-wl-t b{font:800 3.1cqw/1.1 ArtOutfit,Outfit,system-ui,sans-serif}.ah-wl-t span{font-size:1.6cqw}
.ah-wl input[type=email]{flex:0 0 33%;font-size:1.4cqw;padding:1.3cqw 1.5cqw}
.ah-wl button{font-size:1.5cqw;padding:1.3cqw 2.2cqw}
}
@media(min-width:761px){.ah-wl{background:rgba(6,10,40,.93)!important}}
.ah-copy h1,.ah-make2,.ah-wl-t b{font-family:ArtOutfit,Outfit,system-ui,sans-serif}
/* full-bleed: hero spans the whole content area, no card */
.ah-hero{margin:0!important;border-radius:0!important}
.ah-poster{left:0!important;top:0!important;width:100%!important}
@media(min-width:761px){.ah-hero{aspect-ratio:auto!important}.ah-stage{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);container-type:inline-size;z-index:2}}
@media(max-width:760px){.ah-stage{display:contents}}
/* v4: clear the wordmark, full S */
@media(min-width:761px){
.ah-word{left:5%!important;width:86%!important;top:3%!important}
.ah-copy{top:31%!important}
.ah-copy h1{font-size:5.5cqw!important;margin-bottom:2.8cqw!important}
.ah-make2{height:5.2cqw!important}
}