/* Centered product composition with actual token identities. */
.hero{display:flex;justify-content:center;align-items:center;min-height:640px;padding:75px 0 55px;text-align:center;isolation:isolate;overflow:hidden}
.hero:before{inset:0 -40px;background:radial-gradient(ellipse at 50% 12%,#416d8038,transparent 52%),radial-gradient(ellipse at 49% 70%,#4b8ca81b,transparent 44%);z-index:-2}
.hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#9ad6e929 .7px,transparent .8px);background-size:43px 43px;mask-image:radial-gradient(ellipse at center,transparent 27%,#000 85%);opacity:.4;pointer-events:none;z-index:-1}
.hero-copy{width:100%;max-width:850px;position:relative;z-index:2;pointer-events:none}
.hero-copy a,.hero-copy form,.hero-copy input,.hero-copy button,#origin-result{pointer-events:auto}
.hero-platforms{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:26px;font-size:10px;color:#90b4c1}
.hero-platforms>span:first-child,.hero-platforms>a{display:inline-flex;align-items:center;gap:7px;border:1px solid #2b4651;background:#0b1a20cc;padding:6px 10px;border-radius:3px;line-height:1.4}
.hero-platforms>span:first-child{font-weight:650;color:#c4e0e8}
.hero-platforms>a:hover{border-color:#72a9bb;color:#d0e9ef}
.hero-platforms>a>span{font-size:11px;margin-left:3px}
.hero-platforms .platform-arrow{color:#517c8e;font-size:15px}
.hero .eyebrow{justify-content:center;font-size:8px;margin-bottom:15px;letter-spacing:1.8px}
.hero h1{font-size:clamp(56px,6.9vw,92px);line-height:1.08;letter-spacing:-5.6px;font-weight:700;white-space:normal;margin:0 0 25px;text-shadow:0 4px 0 #040c0f,0 12px 35px #0003}
.hero h1>span{color:#79b6cc}
.hero-description{font-size:13px;line-height:1.8;color:#8cabb7;margin:0 0 30px}
.origin-form{width:100%;max-width:650px;min-height:65px;margin:0 auto;padding:7px;background:#08171ce8;border-color:#385863;box-shadow:0 14px 40px #0003;border-radius:4px;text-align:left}
.origin-input-wrap{min-height:46px;gap:11px}
.origin-input-wrap>input{font-size:11px}
.origin-input-wrap>button{font-size:9px;padding:7px 9px;background:#0b1d24}
.origin-form>.button{font-size:10px;padding:13px 17px;gap:15px;min-height:47px;border-radius:2px}
.hero-helper{font-size:9px;margin:13px 0 30px;color:#5e8798}
.hero-bottom{justify-content:center;font-size:6px;letter-spacing:1.4px;gap:14px;color:#5e899a}
.step-line{width:33px;height:1px;background:#345562;position:relative}
.step-line:after{content:'';border-top:1px solid #628c9c;border-right:1px solid #628c9c;width:4px;height:4px;position:absolute;right:0;top:-2px;transform:rotate(45deg)}
.hero .inline-error,#origin-result{margin-left:auto;margin-right:auto;text-align:left}
.hero-atmosphere{position:absolute;inset:0 -5%;z-index:-1;pointer-events:none;opacity:.38;mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent)}
.hero-atmosphere svg{width:100%;height:100%;overflow:visible}
.hero-atmosphere path{stroke-width:1;stroke-dasharray:200 800;animation:blue-current 20s linear infinite}
.hero-atmosphere path:nth-child(2){animation-delay:-4s;opacity:.7}
.hero-atmosphere path:nth-child(3){animation-delay:-8s;opacity:.5}
.hero-atmosphere path:nth-child(4){animation-delay:-12s;opacity:.3}
@keyframes blue-current{to{stroke-dashoffset:-1000}}
.hero-tokens{position:absolute;inset:0;pointer-events:none;z-index:1}
.hero-token{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:none;padding:0;color:#6d9baa;pointer-events:auto;animation:token-bob 7s ease-in-out infinite;opacity:.66;transition:opacity .2s,filter .2s;filter:saturate(.55)}
.hero-token:hover,.hero-token:focus-visible{opacity:1;filter:saturate(1)}
.hero-token-image{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;position:relative;background:#11262f;border:1px solid #365865;overflow:hidden;box-shadow:0 10px 35px #0005}
.hero-token-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-token-image .image-fallback{font-size:11px}
.hero-token-symbol{max-width:86px;font:8px Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-token-0{left:7%;top:14%;transform:rotate(-10deg)}
.hero-token-1{right:7%;top:17%;animation-delay:-2s;transform:rotate(10deg)}
.hero-token-2{left:1%;top:47%;animation-delay:-4s}
.hero-token-3{right:1%;top:49%;animation-delay:-1s}
.hero-token-4{left:11%;bottom:9%;animation-delay:-3s}
.hero-token-5{right:11%;bottom:9%;animation-delay:-5s}
.hero-token-6{left:22%;top:5%;animation-delay:-6s;opacity:.25}
.hero-token-7{right:22%;top:5%;animation-delay:-2.5s;opacity:.25}
.hero-token-6 .hero-token-image,.hero-token-7 .hero-token-image{width:31px;height:31px;border-radius:9px}
.hero-token-6 .hero-token-symbol,.hero-token-7 .hero-token-symbol{display:none}
@keyframes token-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:1100px){.hero{min-height:630px;padding-top:65px}.hero-token-0,.hero-token-1{top:6%}.hero-token-2{left:0;top:57%}.hero-token-3{right:0;top:57%}.hero-token-4{left:7%;bottom:6%}.hero-token-5{right:7%;bottom:6%}.hero h1{font-size:74px;letter-spacing:-4.5px}.hero-copy{max-width:760px}}
@media(max-width:800px){.hero{padding:60px 0 45px;min-height:590px;gap:0}.hero h1{font-size:64px;letter-spacing:-3.8px}.hero-platforms{margin-bottom:26px}.hero-token-0{left:3%;top:6%}.hero-token-1{right:3%;top:6%}.hero-token-2,.hero-token-3,.hero-token-6,.hero-token-7{display:none}.hero-token-4,.hero-token-5{bottom:3%}.hero-token-image{width:38px;height:38px;border-radius:10px}.hero-token-symbol{font-size:6px}.hero .origin-form{max-width:580px}.hero .eyebrow{font-size:6px;letter-spacing:1.3px}.hero-bottom{font-size:5px;gap:12px}.hero-helper{margin-bottom:34px}.hero-description{font-size:12px}}
@media(max-width:520px){.hero{padding:68px 0 53px;min-height:600px}.hero h1{font-size:clamp(39px,10.4vw,54px);letter-spacing:-2.5px;line-height:1.12;margin-bottom:23px}.hero-platforms{font-size:8px;gap:8px;margin-bottom:23px}.hero-platforms>a,.hero-platforms>span:first-child{padding:5px 7px;gap:5px}.hero .eyebrow{font-size:5px;letter-spacing:.9px;margin-bottom:17px}.hero-description{font-size:10px;line-height:1.8;margin-bottom:24px}.hero-description br{display:block}.origin-form{flex-direction:column;padding:7px;gap:7px}.origin-input-wrap{width:100%;padding:0 6px;min-height:40px}.origin-input-wrap>input{font-size:10px}.origin-form>.button{width:100%;min-height:45px;font-size:10px;justify-content:space-between}.hero-helper{font-size:7px;line-height:1.8;margin:13px 0 25px}.hero-bottom{font-size:4px;letter-spacing:.8px;gap:8px}.step-line{width:18px}.hero-token-0,.hero-token-1{top:3%;opacity:.45}.hero-token-4,.hero-token-5{bottom:1%;opacity:.35}.hero-token-symbol{display:none}.hero-token-image{width:29px;height:29px;border-radius:9px}.hero-token-0{left:9%}.hero-token-1{right:9%}.hero-token-4{left:25%}.hero-token-5{right:25%}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere path,.hero-token{animation:none}}

.header nav .social-x{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:7px;border:1px solid #294954;border-radius:3px;background:#0c1d24;align-self:center;color:#9bc4d3}
.header nav .social-x:hover{background:#17313b;border-color:#6899ab;color:#e2f3f6}