/* Home registration layout */
.conversion-hero{position:relative;isolation:isolate;overflow:hidden}
.conversion-hero>.container{position:relative;z-index:2}
.conversion-art{position:absolute;inset:0;pointer-events:none;color:var(--accent);z-index:1;overflow:hidden}
.conversion-art svg{position:absolute;width:80%;height:auto;right:-15%;bottom:0;opacity:.12}
.conversion-art span{position:absolute;top:30px;right:38%;font-size:110px;opacity:.12;transform:rotate(15deg)}
.conversion-art span:first-child{left:-20px;right:auto;top:25%;transform:rotate(-15deg)}
.conversion-hero :is(.hero__grid,.hero__inner,.home-hero__inner){column-gap:40px;row-gap:24px;align-items:start}
.conversion-hero :is(.hero__grid,.hero__inner,.home-hero__inner)>*{min-width:0}
.conversion-hero h1{line-height:1.08;text-wrap:balance}
.conversion-hero :is(.hero__form-panel,.hero-form-panel,.hero__form-col>.form-block){border-top:4px solid var(--accent);box-shadow:0 24px 64px #0002}
.conversion-hero :is(.hero__form-note,.hero-form-note,.form-block__note,.form-note){padding-top:16px;border-top:1px solid #8884}
@media(min-width:901px){
.conversion-hero .hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"intro form" "details form";padding-inline:32px}
.conversion-hero .hero__inner .hero__intro{grid-area:intro}
.conversion-hero .hero__inner .hero__form-col{grid-area:form}
.conversion-hero .hero__details{grid-area:details}
}
@media(max-width:900px){
.conversion-hero{padding-block:32px 40px}
.conversion-hero :is(.hero__grid,.hero__inner,.home-hero__inner){grid-template-columns:minmax(0,1fr);gap:24px}
.conversion-hero .hero__inner{padding-block:0;padding-inline:20px}
.conversion-hero h1{font-size:clamp(1.9rem,6.5vw,3rem)}
.conversion-hero :is(.hero__form-panel,.hero-form-panel,.hero__form-col>.form-block){padding:22px 18px;width:100%}
.conversion-art span{font-size:80px;right:-20px;top:10px}
.conversion-art span:first-child{top:65%}
}
@media(max-width:480px){
.conversion-hero>.container{padding-inline:16px}
.conversion-hero :is(.hero__lead,.home-hero__text){font-size:1rem;line-height:1.65}
.conversion-hero :is(.hero__flags,.hero-flags,.hero-flags__row){flex-wrap:wrap;gap:8px}
}


/* Trading terminal backdrop */
.conversion-hero{background:radial-gradient(ellipse at 80% 15%,#153e32 0,#081c17 65%)}
.conversion-hero .conversion-art{background:url("../images/hero-market.svg") center center / cover no-repeat}
.conversion-hero .conversion-art>*,.conversion-hero .home-hero__layers,.conversion-hero .hero__canvas-wrap,.conversion-hero .hero__static{display:none}
.conversion-hero .conversion-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#081c17cc 20%,#081c1799 65%,transparent)}
.conversion-hero h1{color:#f5f7fa;text-shadow:0 2px 20px #0006}
.conversion-hero :is(.hero__lead,.home-hero__content p){color:#c6d6d4}
.conversion-hero :is(.hero__form-panel,.hero-form-panel){background:#102c23;box-shadow:0 25px 75px #0006;border-color:#d4a85388}
@media(min-width:901px){.conversion-hero :is(.hero__inner,.home-hero__inner){padding-block:64px 88px}}
@media(max-width:900px){.conversion-hero .conversion-art{background-size:auto 100%;background-position:70% center}.conversion-hero .conversion-art::after{background:linear-gradient(90deg,#081c17dd,transparent)}.conversion-hero .home-hero__inner{padding-block:0}}


/* Clear editorial hierarchy over the market backdrop. */
.conversion-hero .home-hero__content{position:relative;background:linear-gradient(135deg,#0b211cf5,#0b211ce8);padding:32px;border:1px solid #d4a85330;border-radius:20px;box-shadow:0 18px 55px #0002;width:100%}
.conversion-hero .home-hero__content::before{content:"";display:block;width:56px;height:4px;background:#e7bf70;margin-bottom:24px;border-radius:4px}
.conversion-hero .home-hero__content h1{font-size:clamp(2.35rem,3.7vw,3.7rem);line-height:1.08;letter-spacing:-.025em;color:#fffaf0;margin:0 0 28px;text-wrap:balance;text-shadow:none}
.conversion-hero .home-hero__content h1 span{color:#ebc77e}
.conversion-hero .home-hero__content p{font-size:1.05rem;line-height:1.75;color:#d6e1dc;margin:0 0 20px;max-width:54ch}
.conversion-hero .home-hero__content strong{color:#fff8e9;font-weight:700}
.conversion-hero .home-hero__content .hero-support{padding:16px 18px;border-left:3px solid #d4a853;background:#d4a8530b;border-radius:0 8px 8px 0;font-size:1rem}
.conversion-hero .home-hero__chips{margin:24px 0 20px}
.conversion-hero .flags-row{border-top:1px solid #ffffff18;padding-top:18px;gap:8px}
.conversion-hero .flags-row>strong{flex-basis:100%;font-size:.78rem;color:#b5c9bf;margin-bottom:4px}
@media(max-width:640px){
 .conversion-hero .home-hero__content{padding:24px 20px;border-radius:14px}
 .conversion-hero .home-hero__content h1{font-size:clamp(2rem,8.2vw,2.65rem);margin-bottom:22px}
 .conversion-hero .home-hero__content p{font-size:1rem;line-height:1.65}
 .conversion-hero .home-hero__content .hero-support{padding:12px 14px}
}

/* Mobile reading order: headline, registration, supporting content. */
@media(max-width:900px){
 .conversion-hero .home-hero__inner{display:flex;flex-direction:column;gap:24px}
 .conversion-hero .home-hero__content{display:contents}
 .conversion-hero .home-hero__content::before{display:none}
 .conversion-hero .home-hero__content h1{order:1;margin:0;padding:22px 20px;background:#0b211cf2;border:1px solid #d4a85330;border-radius:14px;width:100%}
 .conversion-hero .hero-form-panel{order:2;width:100%}
 .conversion-hero .home-hero__text{order:3;width:100%;padding:24px 20px;background:#0b211cf2;border:1px solid #d4a85330;border-radius:14px}
}