/* Agent ID — immersive homepage. Kept independent of chain and Mint behavior. */
main{padding-top:64px}
.immersive-hero.hero{width:100%;max-width:none;margin:0;min-height:calc(100svh - 64px);padding:56px clamp(28px,4.2vw,76px) 0;border:0;border-bottom:1px solid #9db4c41c;border-radius:0;background:radial-gradient(ellipse at 77% 38%,#11243180,transparent 55%),#080d12;box-shadow:none;grid-template-columns:49% 51%;grid-template-rows:1fr auto;gap:0;isolation:isolate;overflow:hidden}
.immersive-hero.hero:before,.immersive-hero.hero:after{display:none}
#heroField{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#080d12c9 0%,#080d1280 35%,transparent 65%),linear-gradient(0deg,#080d12 1%,transparent 25%);z-index:-1;pointer-events:none}
.immersive-hero .hero-copy{padding:4px 0 42px;max-width:640px;position:relative;z-index:3}
.immersive-hero .eyebrow{font-size:10px;letter-spacing:1.6px;padding:0;background:none;border:0;border-radius:0;color:#d5c56d;margin-bottom:27px;gap:10px}
.immersive-hero .eyebrow i{height:5px;width:5px;box-shadow:0 0 10px #f0ca39}
.immersive-hero h1{font-size:clamp(44px,4.6vw,72px);line-height:1.22;letter-spacing:-1.8px;margin-bottom:24px;font-weight:600;color:#f0f3f6}
.immersive-hero h1 em{color:#f2d34d;font-weight:600}
.immersive-hero .hero-desc{font-size:14px;line-height:1.95;color:#a8b4be;max-width:490px;margin-bottom:30px}
.immersive-hero .hero-summary{gap:0;display:grid;grid-template-columns:1.2fr 1fr 1fr;max-width:425px;padding-top:24px;border-top:1px solid #9db4c425;margin:0 0 34px}
.immersive-hero .hero-summary>div{padding-left:23px;gap:9px;border-left:1px solid #9db4c422}
.immersive-hero .hero-summary>div:first-child{padding-left:0;border:0}
.immersive-hero .hero-summary span{font-size:10px;color:#889ca9}
.immersive-hero .hero-summary b{font-size:29px;font-weight:500;color:#ebf0f4;letter-spacing:-.5px}
.immersive-hero .hero-summary small{font-size:11px;color:#a7b4bd}
.immersive-hero .hero-actions{gap:25px;align-items:center;flex-wrap:wrap}
.immersive-hero .hero-actions .primary{border:0;border-radius:5px;background:#f0cc3e;color:#11170f;min-height:51px;padding:15px 33px;font:600 14px var(--font);box-shadow:0 7px 24px #f0cc3e14}
.immersive-hero .hero-actions .primary:hover{background:#ffe16c;transform:translateY(-2px);box-shadow:0 9px 28px #f0cc3e26}
.immersive-hero .hero-actions .secondary{display:flex;background:none;color:#bcc8d1;border:0;border-radius:0;padding:12px 0;min-height:44px;font-size:12px;border-bottom:1px solid #8da0ae4d}
.immersive-hero .hero-art{height:570px;width:100%;margin:0;align-self:center;overflow:visible;z-index:2}
.immersive-hero .core-assembly{inset:-50px -60px -40px;transform:none;pointer-events:none;animation:core-float 8s ease-in-out infinite}
.immersive-hero .core-assembly .hero-logo{width:100%;height:100%;max-width:700px;object-fit:contain;filter:drop-shadow(0 30px 20px #0009)!important;animation:none!important;transform:rotate(-5deg);margin:0}
.core-label{position:absolute;font:10px/1.8 var(--font);letter-spacing:2px;color:#adbfca;display:flex;align-items:center;gap:10px;z-index:3;white-space:nowrap}
.core-label-top{top:12px;left:13%;padding-left:14px;border-left:1px solid #d9c15d77}
.core-label-top i{width:4px;height:4px;border-radius:50%;background:#edcf5b}
.core-label-top span{font-size:8px;color:#5e7a8b;letter-spacing:1px;margin-left:8px}
.core-label-bottom{right:3%;bottom:27px;display:block;border-right:1px solid #d9c15d77;text-align:right;padding-right:16px}
.core-label-bottom>span{font-size:8px;color:#7996a8;display:block;margin-bottom:6px}
.core-label-bottom b{font-size:17px;font-weight:500;letter-spacing:.6px;color:#d5e0e5}
.core-label-bottom small{font-size:10px;color:#7b94a3}
.immersive-hero .hero-process{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);padding:0;width:100%;margin:4px 0 0;border-top:1px solid #8aa8bd25;background:none;z-index:3;position:relative}
.immersive-hero .hero-process>div{padding:24px 20px;min-height:98px;gap:14px;border-color:#8aa8bd20}
.immersive-hero .hero-process>div:first-child{padding-left:0}
.immersive-hero .hero-process b{font-size:13px;font-weight:500;color:#d5e0e7}
.immersive-hero .hero-process small{font-size:10px;color:#718b9c;margin-top:5px}
.immersive-hero .process-symbol{width:32px;height:32px;border-radius:6px;background:#16232e80;border:1px solid #718f9e30;color:#d5c66a;box-shadow:none}
.immersive-hero .process-symbol svg{width:18px;height:18px}
.immersive-hero .hero-copy>*{animation:home-enter .9s both}
.immersive-hero .hero-copy h1{animation-delay:.1s}.immersive-hero .hero-desc{animation-delay:.2s}.immersive-hero .hero-summary{animation-delay:.3s}.immersive-hero .hero-actions{animation-delay:.4s}
@keyframes core-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -17px;rotate:2deg}}
@keyframes home-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.reduced .immersive-hero .core-assembly{animation:none!important}.paused .immersive-hero *{animation-play-state:paused!important}
@media(min-width:1600px){.immersive-hero.hero{padding-inline:6vw}.immersive-hero .hero-art{height:650px}.immersive-hero .core-assembly .hero-logo{max-width:780px}}
@media(max-width:1100px){.immersive-hero.hero{padding:48px 34px 0;min-height:740px}.immersive-hero h1{font-size:49px}.immersive-hero .hero-art{height:480px}.immersive-hero .core-assembly{inset:-30px -45px -10px}.immersive-hero .hero-desc{font-size:13px}.core-label-top{left:6%}.core-label-bottom{right:0}.immersive-hero .hero-summary b{font-size:25px}.immersive-hero .hero-summary>div{padding-left:14px}}
@media(max-width:760px){.immersive-hero.hero{padding:39px 24px 0;min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto auto;background:radial-gradient(ellipse at 66% 54%,#11243188,transparent 55%),#080d12}.hero-vignette{background:linear-gradient(0deg,#080d12 0%,transparent 30%,#080d1200 65%,#080d12a8 90%)}.immersive-hero .hero-copy{padding:0;max-width:none}.immersive-hero .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:22px}.immersive-hero h1{font-size:43px;line-height:1.2;letter-spacing:-1.5px;margin-bottom:20px}.immersive-hero .hero-desc{font-size:12px;line-height:1.9;max-width:440px;margin-bottom:22px}.immersive-hero .hero-summary{padding-top:18px;margin-bottom:23px;max-width:400px;grid-template-columns:1.15fr 1fr 1fr}.immersive-hero .hero-summary>div{padding-left:15px;gap:7px}.immersive-hero .hero-summary span{font-size:9px}.immersive-hero .hero-summary b{font-size:25px}.immersive-hero .hero-summary small{font-size:10px}.immersive-hero .hero-actions{gap:24px}.immersive-hero .hero-actions .primary{font-size:12px;min-height:46px;padding:13px 28px}.immersive-hero .hero-actions .secondary{font-size:11px;min-height:42px}.immersive-hero .hero-art{height:335px;max-width:440px;justify-self:center;margin:15px 0 0}.immersive-hero .core-assembly{inset:-37px -25px -16px}.immersive-hero .core-assembly .hero-logo{max-width:450px;filter:drop-shadow(0 20px 18px #0008)!important}.core-label-top{top:14px;left:0;font-size:8px;letter-spacing:1.3px}.core-label-top span{font-size:7px}.core-label-bottom{bottom:18px;right:0;padding-right:10px}.core-label-bottom b{font-size:12px}.core-label-bottom>span{font-size:7px;margin-bottom:2px}.core-label-bottom small{font-size:8px}.immersive-hero .hero-process{margin-top:0;grid-template-columns:1fr;gap:0}.immersive-hero .hero-process>div{padding:14px 0;min-height:64px;border-left:0}.immersive-hero .hero-process>div+div{border-top:1px solid #8aa8bd15}.immersive-hero .hero-process b{font-size:11px}.immersive-hero .hero-process small{font-size:9px}.immersive-hero .process-symbol{height:28px;width:28px}}
@media(max-width:390px){.immersive-hero.hero{padding-inline:21px}.immersive-hero h1{font-size:39px}.immersive-hero .hero-art{height:310px}.immersive-hero .hero-summary b{font-size:23px}.immersive-hero .hero-actions{gap:20px}.immersive-hero .hero-actions .primary{padding-inline:25px}}
@media(max-width:760px){.immersive-hero.hero{padding-top:30px;padding-bottom:24px}.immersive-hero .hero-art{height:300px}.immersive-hero .hero-process{display:none}.immersive-hero .hero-desc{margin-bottom:18px}.immersive-hero .hero-summary{margin-bottom:20px}}
