.phoenix-hero{position:relative;isolation:isolate;overflow:hidden;min-height:740px;min-height:min(820px,calc(100svh - 104px));background:radial-gradient(ellipse at 73% 38%,#172c464d,transparent 48%),#0e1628;border-bottom:1px solid #2a3c53;padding:100px 6% 150px;display:flex;align-items:center}
.phoenix-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.2' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.1;z-index:3}
.phoenix-copy{width:45%;max-width:570px;position:relative;z-index:2;pointer-events:none}
.phoenix-copy a{pointer-events:auto}
.phoenix-copy .eyebrow{font-size:11px;line-height:1.8;letter-spacing:1.8px;color:#b0c7dc;margin-bottom:34px}
.phoenix-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#bcd7ee;box-shadow:0 0 14px #a2cfff80;margin:0 9px 2px 0}
.phoenix-copy h1{font-size:clamp(64px,6.5vw,100px);line-height:1.12;padding-bottom:8px;letter-spacing:-5px;font-weight:400;color:#e1ebf5;margin:0 0 30px}
.phoenix-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#a6c7e5}
.phoenix-description{font-size:16px;line-height:1.9;color:#b1c3d7;margin-bottom:32px}
.phoenix-copy .pill{background:#d3e3f2;border-color:#d3e3f2;color:#16223b;padding:14px 24px;gap:38px}
.phoenix-platforms{display:block;font-size:11px;letter-spacing:2px;color:#95acc4;margin-top:30px}
.phoenix-stage{position:absolute;right:0;top:0;width:59%;height:calc(100% - 92px);min-height:490px;pointer-events:none}
.phoenix-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity .6s}
.phoenix-fallback{position:absolute;width:min(85%,650px);height:auto;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .4s;filter:drop-shadow(0 12px 40px #89b2e51c)}
.phoenix-ready .phoenix-canvas{opacity:1}.phoenix-ready .phoenix-fallback{opacity:0}
.phoenix-halo{position:absolute;width:72%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #7298c012;border-radius:50%;box-shadow:0 0 0 45px #7298c006,0 0 0 90px #7298c004;background:radial-gradient(ellipse,#548abe09,transparent 65%)}
.phoenix-coordinate{position:absolute;right:9%;top:38px;font:11px/1.8 monospace;letter-spacing:1.5px;color:#a3bcd3}
.phoenix-coordinate span{font-size:11px;color:#8a9fb7;letter-spacing:1.4px}
.phoenix-caption{position:absolute;z-index:4;bottom:64px;left:6%;right:6%;border-top:1px solid #9cbddd26;padding-top:20px;display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:12px;color:#acc3d9}
.phoenix-status{display:flex;gap:10px;align-items:center;min-width:185px}
.phoenix-status i{display:block;width:5px;height:5px;border-radius:50%;background:#b6d7ec;box-shadow:0 0 12px #b6d7ec4d}
.phoenix-hint{color:#a2b5c9;font-size:11px}
.phoenix-controls{display:flex;gap:8px}
.phoenix-controls button{min-height:40px;padding:8px 13px;background:#16243a;border:1px solid #435a74;border-radius:30px;font-size:11px;color:#d3e3f2}
.phoenix-controls button:hover{background:#253a54}.phoenix-controls button[hidden]{display:none}
.phoenix-scroll{position:absolute;bottom:22px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#a1b8cf}
.phoenix-scroll span{font-size:17px;line-height:1.6}
@media(min-width:1600px){.phoenix-hero{padding-inline:max(6%,calc((100vw - 1500px)/2));min-height:800px}.phoenix-stage{right:3%;width:55%}}
@media(max-width:1100px){.phoenix-hero{min-height:700px;padding-top:65px}.phoenix-copy{width:48%}.phoenix-copy h1{font-size:74px}.phoenix-copy .eyebrow{max-width:270px;font-size:10px}.phoenix-hint{max-width:210px}.phoenix-stage{width:56%}}
@media(max-width:760px){.phoenix-hero{display:block;padding:42px 6% 142px;min-height:0}.phoenix-copy{width:100%;max-width:100%}.phoenix-copy .eyebrow{max-width:none;margin-bottom:20px;font-size:9px;letter-spacing:1.5px}.phoenix-copy h1{font-size:clamp(56px,10vw,76px);letter-spacing:-3px;margin-bottom:22px}.phoenix-description{font-size:14px;max-width:340px;line-height:1.8;margin-bottom:24px}.phoenix-copy .pill{font-size:13px;padding:12px 20px}.phoenix-platforms{display:none}.phoenix-stage{position:relative;width:112%;height:410px;min-height:0;right:auto;margin:-10px -6% -5px}.phoenix-coordinate{top:26px;right:9%;font-size:9px}.phoenix-coordinate span{display:none}.phoenix-fallback{width:90%;max-width:440px}.phoenix-caption{flex-wrap:wrap;gap:10px;bottom:54px;padding-top:16px}.phoenix-status{min-width:0;font-size:11px}.phoenix-controls{margin-left:auto}.phoenix-controls button{padding:6px 10px;font-size:10px}.phoenix-hint{order:3;max-width:none;width:100%;font-size:10px}.phoenix-scroll{bottom:20px;font-size:8px}.phoenix-halo{width:69%}}
@media(max-width:380px){.phoenix-copy h1{font-size:54px}.phoenix-stage{height:350px}.phoenix-controls{gap:4px}.phoenix-controls button{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.phoenix-canvas,.phoenix-fallback{transition:none}.phoenix-hint{display:none}}