/* Cobalt architecture — tradex-ai.net */
html:root{--bg:#10162a;--surface:#18223a;--surface-2:#202d46;--text:#f0f5fc;--text-muted:#b4c2d8;--accent:#b6f36a;--accent-hover:#d2ffa0;--border:#344563;--border-soft:#344563;--accent-tint:#b6f36a14;--accent-tint-strong:#b6f36a26;--radius:8px;--radius-sm:8px;--radius-lg:8px;--cta-text:#18223a;--heading-font:Arial, Helvetica, sans-serif;--shadow-sm:0 4px 18px #f0f5fc08;--shadow-md:0 12px 32px #f0f5fc12;--shadow-lg:0 20px 55px #f0f5fc18;--ok:#287044;--danger:#a43832;--button-radius:8px;--input-radius:8px}

/* Site identity layer. Presentation only; existing markup and integrations remain intact. */
body{font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
h1,h2,h3,h4,.calc-widget__title{font-family:var(--heading-font)}
.site-header,.site-header.is-scrolled{background:var(--bg);border-color:var(--border)}
.site-header{box-shadow:none}.header__inner{min-height:86px}.logo__mark{width:44px;height:44px;filter:none}
.logo__word,.logo__word em{color:var(--text)}
.btn--primary,.form-block button[type=submit],.form-block input[type=submit],#registration-form input[type=submit]{background:var(--accent)!important;color:var(--cta-text)!important;border-radius:var(--button-radius,var(--radius));box-shadow:none}
.btn--primary:hover,.form-block input[type=submit]:hover{background:var(--accent-hover)!important;color:var(--cta-text)!important}
.btn--secondary{border-color:var(--accent);color:var(--accent)}
.btn{white-space:normal;text-align:center}.section--band{background:var(--surface)}.section--tint{background:var(--surface-2)}.section--tint::before{background:none}
.section{padding-block:clamp(48px,6.5vw,94px)}
html:root body .hero .hero__bg::before,html:root body .hero .hero__bg::after{display:none}
.hero--home .hero__title-group,.hero--home .hero__rest-group{min-width:0}
.hero--home h1{font-family:var(--heading-font);color:var(--text);text-shadow:none;line-height:1.06}
.hero--home .hero__brand,.hero--home .hero__eyebrow{color:var(--accent)}
.hero--home .hero__lead,.hero--home .hero__benefit small,.hero--home .hero__places>span:first-child{color:var(--text-muted)}
.hero--home .hero__benefit strong,.hero--home .hero__country{color:var(--text)}
.hero--home .hero__benefit-icon{color:var(--accent);border-color:var(--border)}
.hero--home .hero__places{display:flex;flex-wrap:wrap;gap:12px 22px}.hero--home .hero__places>span:first-child{flex-basis:100%}
html:root body .hero__form-col{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:28px}
html:root body .hero .form-heading{font-family:var(--heading-font);font-size:1.4rem;color:var(--text);margin-bottom:20px}
html:root body .hero .form-block{padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;max-width:none}
.form-block{background:var(--surface);border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
html:root body .form-block input:not([type=submit]):not([type=hidden]):not([type=checkbox]):not([type=radio]),html:root body .form-block select,html:root body .form-block textarea{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--input-radius,8px)!important}
html:root body .form-block input::placeholder{color:var(--text-muted)!important;opacity:1}
html:root body .hero .form-note,html:root body .hero .form-legal{color:var(--text-muted)}html:root body .hero .form-legal a{color:var(--accent)}
html:root body .iti__selected-dial-code{color:var(--text)}
.iti__country-list{background:var(--surface)!important;color:var(--text)!important}
.card,.review,.step,.faq-item{border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.review{min-width:0}.icon-badge{color:var(--accent);background:var(--accent-tint)}.card:hover{border-color:var(--accent)}
.step__num{color:var(--cta-text);background:var(--accent);border-color:var(--accent)}
.section__head h2::before{background:var(--accent)}
.exchange-strip .xlogo{color:var(--text)}.exchange-strip .xlogo:hover{color:var(--accent)}
.exchange-strip h2{color:var(--text-muted)}
.calc-wrap,#inscription{background:var(--surface-2)}
/* Keep the fixed calculator dialog above the header and subsequent sections. */
.calc-wrap{isolation:auto}.calc-wrap>.container{z-index:auto}
html:root body .calc-widget{--calc-accent:var(--accent)!important;--calc-cta-bg:var(--accent)!important;--calc-cta-text-color:var(--cta-text)!important;--calc-result-bg:var(--surface)!important;--calc-surface:var(--surface)!important;--calc-track:var(--border)!important;--calc-title-color:var(--text)!important;--calc-subtitle-color:var(--text-muted)!important;--calc-label-color:var(--text)!important;--calc-value-color:var(--text)!important;--calc-minmax-color:var(--text-muted)!important;--calc-result-title-color:var(--text-muted)!important;--calc-result-value-color:var(--accent)!important;--calc-result-label-color:var(--text-muted)!important;--calc-radius:var(--radius)!important}
.calc-widget__result{border-radius:var(--radius)!important}.calc-widget__wrapper{gap:48px}
.security-visual,.investment-steps .investment-visual,.security-page-visual{border-radius:var(--radius)}
.site-footer{background:var(--surface-2)}.footer__grid{row-gap:32px}
.table-wrap{border-color:var(--border);border-radius:var(--radius)}
table.data tbody tr:nth-child(even){background:var(--accent-tint)}table.data td.tick{color:var(--ok)}table.data td.cross{color:var(--danger)}
/* Unwrapped content tables must scroll locally, including inline min-width tables. */
.prose>table.data{display:block;width:100%;max-width:100%;min-width:0!important;overflow-x:auto}.prose>table.data th,.prose>table.data td{min-width:130px}
.skip-link,.skip-link:focus{color:var(--cta-text)}
html:root body .calc-widget__cta{font-family:inherit;font-size:1rem;min-height:48px;padding:12px 26px;border-radius:var(--button-radius,var(--radius))}
.hero--page h1{font-size:clamp(2.4rem,4.5vw,4.3rem);letter-spacing:-.045em}.page-body .prose{max-width:850px}
html:root body :is(.form-block,.calc-modal__content) input:not([type=hidden]):not([type=checkbox]):not([type=radio]){font-size:14px!important;min-height:46px}
html:root body .calc-modal__content{--calc-modal-text:var(--text);--calc-modal-muted:var(--text-muted);--calc-modal-close-color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100dvh - 32px);overflow-y:auto}
html:root body .calc-modal__content input:not([type=submit]):not([type=hidden]){background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--input-radius)!important}
html:root body .calc-modal__content input::placeholder{color:var(--text-muted)!important;opacity:1}
html:root body .calc-modal__content input[type=submit]{background:var(--accent)!important;color:var(--cta-text)!important;border-radius:var(--button-radius)!important}
html:root body .calc-modal__legal a{color:var(--accent)}
html:root body .hero__eyebrow{color:var(--accent);border-color:var(--border)}
html:root body .iti__selected-dial-code{color:var(--text)!important}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.exchange-strip .xlogo img{filter:brightness(0);opacity:.8}

html:root body .hero .hero__bg{background:linear-gradient(155deg,#151e34 0 50%,#24334b 50% 72%,#31445a 72%)}
.hero--home .hero__inner--crypto{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);grid-template-areas:'title title' 'rest form';gap:34px 90px;padding-block:55px;min-height:730px}
.hero--home .hero__title-group{max-width:960px}.hero--home h1{max-width:100%;font-size:clamp(3rem,5.8vw,5.6rem);font-weight:800;letter-spacing:-.065em;line-height:1}.hero--home .hero__brand{color:var(--accent)}
.hero--home .hero__eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:800}.hero--home .hero__benefits{margin-top:32px}
html:root body .hero__form-col{border:0;border-radius:0 32px 0 0;box-shadow:12px 12px 0 #b6f36a;padding:30px}
.logo__word{font-weight:800;font-size:1.5rem;letter-spacing:-.07em}.btn{border-radius:0}.card{border:0;border-bottom:4px solid var(--accent);border-radius:0 26px 0 0;box-shadow:0 10px 30px #b6f36a0a}
.section__head h2::before{width:22px;height:22px;background:var(--accent)}.step{border:0;border-radius:0;border-top:2px solid var(--accent);background:transparent;padding-left:0}.step__num{border-radius:0;background:var(--accent);color:#fff}
.exchange-strip{background:#fff;border-bottom:3px solid var(--accent)}.review{border:0;border-left:5px solid var(--accent);border-radius:0}
.security-intro{grid-template-columns:1.2fr 1fr}.security-visual{border-radius:0 60px 0 0}.faq-item{border-radius:0;box-shadow:none;border-width:0 0 1px}
.site-footer{border-top:12px solid var(--accent);background:#202d46}.investment-steps .investment-visual{height:280px;object-position:center 55%;border-radius:0 80px 0 0}

/* Layout changes collapse without changing DOM order, form IDs or script hooks. */
@media(min-width:1024px){.hero--home .hero__form-col{max-width:490px;justify-self:center}.hero--home .hero__title-group{width:100%}}
@media(max-width:1023px){
 .hero--home .hero__inner--crypto{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);grid-template-areas:'title title' 'rest form';gap:30px;padding-block:44px;min-height:0}
 .hero--home h1{font-size:clamp(2.8rem,6vw,4.4rem);max-width:900px}.hero--home .hero__title-group{text-align:left;max-width:100%;padding-bottom:0}
 .hero--home .hero__benefits{grid-template-columns:1fr}.hero--home .hero__form-col{max-width:none;padding:24px}
 .investment-steps .container{display:block}.investment-steps .investment-visual{height:auto;max-height:340px}.security-intro{grid-template-columns:1fr 1fr}
 .header__inner{min-height:76px}.calc-widget__wrapper{gap:30px}.calc-wrap>.container{padding:32px 24px}
}
@media(max-width:700px){
 .hero--home .hero__inner--crypto{grid-template-columns:minmax(0,1fr);grid-template-areas:'title' 'rest' 'form';gap:28px;padding-block:36px 48px}
 .hero--home h1{font-size:clamp(2.6rem,11vw,3.8rem)}.hero--home .hero__form-col{max-width:520px;justify-self:center;padding:24px 20px}
 .hero--home .hero__lead{font-size:1.05rem}.hero--home .hero__benefits{margin-block:22px;gap:18px}.hero--home .hero__eyebrow{font-size:.7rem;letter-spacing:.11em}
 .hero--home .hero__places{gap:10px 18px}.hero--home .hero__country{font-size:.85rem}
 .security-intro{grid-template-columns:1fr}.investment-steps .steps{grid-template-columns:1fr}.card-grid,.card-grid--asym,.reviews-grid{grid-template-columns:minmax(0,1fr)}
 .card-grid--asym>.card:first-child{grid-row:auto}.review{margin:0}.card{padding:28px 24px}.step{padding:24px}
 .calc-widget__wrapper{grid-template-columns:minmax(0,1fr);gap:32px}.calc-wrap>.container{border-radius:0;padding:28px 20px}.calc-widget__title{font-size:2rem}
 .exchange-strip{padding-block:28px}.section__head h2{font-size:1.8rem}.security-visual{max-height:340px}
 .footer__grid{column-gap:18px}.footer__col a{overflow-wrap:anywhere}.hero--page .hero__inner{gap:28px}.hero__form-col{min-width:0}
 html:root body :is(.form-block,.calc-modal__content) input:not([type=hidden]):not([type=checkbox]):not([type=radio]){font-size:16px!important}
}
@media(max-width:480px){.header__inner>.logo{width:auto}.header__inner{gap:12px}.header__actions{width:100%;margin:0}.logo__word{font-size:1.3rem}.header__inner{padding-block:14px}.hero--home .hero__form-col{box-shadow:none}.site-footer{border-radius:0}.section{padding-block:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Crypto hero artwork */
.hero--home .hero__rest-group::before{content:"";display:block;width:100%;max-width:600px;height:auto;aspect-ratio:600/140;margin:0 0 24px;background:url('../images/hero-crypto-accent.svg') center/contain no-repeat;pointer-events:none}
@media(max-width:700px){.hero--home .hero__rest-group::before{margin-bottom:22px;min-height:84px}}
/* Home image motion */
@media(min-width:1024px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .hero--home .hero__rest-group::before{transform:translate3d(0,var(--parallax-y,0px),0)}
 body:has(.hero--home) .investment-visual,body:has(.hero--home) .security-visual{transform:translate3d(0,var(--parallax-y,0px),0)}
}
/* Match the new illustration colors and keep the focal objects visible. */
body:has(.hero--home) .investment-steps .investment-visual{object-position:center;filter:none}
body:has(.hero--home) .security-visual{filter:none}

/* Tradex AI — Spanish crypto trading identity */
html:root{--cta-text:#101b25;--heading-font:"Segoe UI",Arial,sans-serif;--button-radius:10px;--ok:#b6f36a;--danger:#ffa9a3}
.logo__word{font-size:1.35rem;letter-spacing:-.04em}.logo__mark{width:42px;height:42px}
.hero--home .hero__inner--crypto{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);grid-template-areas:'title form' 'rest form';min-height:760px;gap:20px 60px}
.hero--home h1{font-size:clamp(3rem,4.6vw,4.5rem);font-weight:650;line-height:1.06}
html:root body .hero .hero__bg{background:radial-gradient(ellipse at 85% 10%,#334b4244,transparent 55%),linear-gradient(130deg,#10162a,#1d2e40)}
html:root body .hero__form-col{border:1px solid #486050;border-radius:22px;box-shadow:0 25px 70px #0003}
.card{border-radius:16px;border-bottom:2px solid var(--accent)}.section__head h2::before{width:45px;height:3px}.site-footer{border-top-width:2px}
.exchange-strip{background:var(--surface)}.exchange-strip .xlogo img{filter:brightness(0) invert(1)}
.security-visual,.investment-steps .investment-visual{border-radius:20px}
@media(max-width:1023px){.hero--home .hero__inner--crypto{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);grid-template-areas:'title title' 'rest form';gap:28px;min-height:0}}
@media(max-width:700px){.hero--home .hero__inner--crypto{grid-template-columns:minmax(0,1fr);grid-template-areas:'title' 'rest' 'form'}.hero--home h1{font-size:clamp(2.4rem,10vw,3.6rem)}}