/* Trade America: independent cyan/platinum visual identity. */
:root{--gold:#63dbfa;--gold-hover:#a2ecff;--night:#061427;--night-text:#f4f8ff}
[data-theme=dark]{--paper:#071427;--surface:#0c1c33;--soft:#10233c;--border:#2c4560;--muted:#a8c2d8}
.tradeamerica-wordmark{display:block;font-size:inherit;line-height:1;max-width:240px}
.tradeamerica-wordmark img{display:block;object-fit:contain;width:240px;max-width:100%;height:auto}
.site-header .brand{width:225px;flex-shrink:0}
.site-footer .tradeamerica-wordmark{max-width:310px}.site-footer .tradeamerica-wordmark img{width:310px}
.button-gold,.header-signup{background:linear-gradient(115deg,#b8edff,#36c8f3);border-color:#86e2ff;color:#061b31;box-shadow:inset 0 1px 0 #e9fbffb0}
.button-gold:hover,.header-signup:hover{background:#c4f2ff}
.new-badge{background:linear-gradient(110deg,#65d8ff,#e2f6ff);color:#062241}
.site-header .header-signup{background:linear-gradient(115deg,#c4f2ff,#41c5eb);border-color:#80ddf5;color:#08233c;box-shadow:inset 0 1px 0 #ffffff90}
.site-header .nav-ai-service .new-badge{background:linear-gradient(110deg,#65d8ff,#e2f6ff);color:#062241}
.mobile-menu .drawer-top .tradeamerica-wordmark{background:#061427;padding:12px;border-radius:9px;max-width:240px}
.site-header{--nav-line:#84cbe033}.site-header .header-inner{border-color:#84cbe033}
[data-theme=light] body:not(.has-hero) .site-header,[data-theme=light] .site-header.is-scrolled{--nav-ink:#f4f7fa;--nav-muted:#becbd5;--nav-line:#84cbe033;--nav-panel:#0c2037;--nav-hover:#ffffff0b}
[data-theme=light] body:not(.has-hero) .site-header .header-inner,[data-theme=light] .site-header.is-scrolled .header-inner{background:linear-gradient(115deg,#091b29fa,#0c2537f5);border-color:#84cbe033}
.nav-link:hover,.nav-link.is-current,.nav-group.is-current>.nav-link{color:#a2e6ff}
.ai-flagship-copy h2 span,.ai-launch-copy h1 em{color:#85dfff}
.ai-product-actions .button{background:linear-gradient(115deg,#c4efff,#51bfe7);color:#08223b;border-color:#a3eaff}
@media(min-width:601px){
 .hero-v2 .hero-slide:after{content:'';display:block;position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#04101ee6, #04101e9c 30%,transparent 65%)}
 .hero-v2 .hero-content,.hero-v2 .ai-launch-content{position:relative;z-index:2}
}
.drawer-languages{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}
.drawer-languages a{display:flex;align-items:center;gap:6px;font-size:12px;padding:8px 0;color:var(--muted)}
.drawer-languages a[aria-current=page]{color:var(--ink);font-weight:700}
@media(max-width:600px){.site-header .brand{width:175px}.tradeamerica-wordmark img{width:175px}.header-inner{gap:9px}.drawer-top .tradeamerica-wordmark{max-width:210px}.hero-v2 .hero-content h1{letter-spacing:-.05em}}
@media(max-width:360px){.site-header .brand{width:145px}.tradeamerica-wordmark img{width:145px}}
@media(min-width:1001px) and (max-width:1500px){
 .site-header .brand{width:190px}.site-header .header-inner{gap:12px;padding-inline:18px}
 .site-header .nav-link{font-size:11px}.site-header .header-signup,.site-header .login-link{font-size:11px}
}
@media(min-width:601px) and (max-width:1000px){
 .site-header .header-inner{padding-inline:18px;gap:12px}.site-header .brand{width:205px}
 .site-header .login-link{display:none}
 .hero-v2 .hero-slide{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:620px}
 .hero-v2 .hero-art{grid-area:1/1;align-self:center;width:100%;height:auto;object-fit:contain}
 .hero-v2 .hero-content,.hero-v2 .ai-launch-content{grid-area:1/1;align-self:stretch;min-height:620px;padding:38px 0;width:90%;display:flex;align-items:center}
 .hero-v2 .hero-copy,.hero-v2 .ai-launch-copy{width:43%;max-width:380px}
 .hero-v2 .hero-content h1,.hero-v2 .ai-launch-copy h1{font-size:clamp(30px,4vw,40px);line-height:1.12}
 .hero-v2 .hero-content p,.hero-v2 .ai-launch-copy>p{font-size:13px;line-height:1.65}
 .hero-v2 .hero-actions,.hero-v2 .ai-product-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:22px}
 .hero-v2 .hero-actions .button,.hero-v2 .ai-product-actions .button{font-size:11px;padding:13px}
 .hero-v2 .hero-brand-logos{gap:8px}.hero-v2 .hero-brand-logos .brand-mark{width:75px}.hero-v2 .hero-brand-logos .brand-mark img{max-width:100%}
 .hero-v2 .ai-product-brands{gap:7px}.hero-v2 .ai-product-brands .brand-mark{width:74px}.hero-v2 .ai-product-brands .brand-mark img{max-width:100%}
}

/* Let the product illustration determine the height; never clip its monitor or base. */
.platform-showcase{overflow:visible;padding:clamp(36px,4vw,72px) 0}
.platform-layout{grid-template-columns:minmax(0,0.9fr) minmax(0,1.35fr);gap:clamp(24px,4vw,68px);min-height:0}
.platform-layout>.vertical-note{display:none}
.platform-figure{height:auto;min-width:0;margin:0;padding:0}
.platform-figure img{display:block;position:static;inset:auto;transform:none;width:100%;max-width:100%;height:auto;margin:0;object-fit:contain}
.platform-figure figcaption{position:static;font-size:11px;line-height:1.6;margin-top:12px}
@media(max-width:800px){.platform-layout{grid-template-columns:1fr;gap:30px;padding-top:0}.platform-layout h2{font-size:clamp(34px,5vw,46px)}.platform-layout p{max-width:540px}.platform-figure{max-width:720px;justify-self:center}}

/* Copy has its own measured space; the portrait subject begins below the description. */
@media(max-width:600px){
 .hero-v2 .hero-content,.hero-v2 .ai-launch-content{height:auto;min-height:0;max-height:none;padding-bottom:25px}
 .hero-v2 .hero-copy,.hero-v2 .ai-launch-copy,.hero-v2 .hero-scene-funds .hero-copy{height:auto;grid-template-rows:auto auto auto minmax(min(110vw,473px),1fr) auto auto auto!important}
 .hero-v2 .hero-picture .hero-art,.hero-v2 .ai-launch-slide .hero-picture .hero-art,.hero-v2 .hero-scene-funds .hero-picture .hero-art{top:calc(var(--hero-copy-bottom,290px) - min(28vw,120.4px));width:min(100%,430px);left:50%;translate:-50% 0;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 90%,transparent)}
 .hero-v2 .hero-scene-funds .hero-picture:after{display:none}
 .hero-v2 .ai-product-kicker{padding-right:34px}
}

/* A quiet logo-only ribbon with one consistent canvas for each payment method. */
.payment-carousel{border-block:1px solid var(--border);padding-block:18px}
.payment-track{display:flex;gap:24px;list-style:none;margin:0;padding:4px 0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.payment-track::-webkit-scrollbar{display:none}
.payment-track:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.payment-card{flex:0 0 calc((100% - 96px)/5);min-width:200px;box-sizing:border-box;scroll-snap-align:start;text-align:center}
.payment-select{display:block;width:100%;padding:24px 20px;border:0;background:transparent;color:var(--ink);text-align:center;cursor:pointer;border-radius:12px}
.payment-select:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
.payment-carousel.is-enhanced .payment-track{scroll-snap-type:none}
.local-payment-logo{display:flex;align-items:center;justify-content:center;width:160px;height:72px;margin:0 auto}
.local-payment-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.logo-pse img{width:72px;border-radius:50%}.logo-yape img,.logo-plin img{width:72px}
[data-theme=dark] .logo-pagoefectivo img{filter:brightness(0) invert(1)}
@media(max-width:1200px){.payment-card{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:650px){.payment-track{gap:16px}.payment-card{flex-basis:200px}.payment-select{padding:22px 20px}.payment-carousel{padding-block:10px}}
.local-payment-logo .payment-night{display:none}
[data-theme=dark] .logo-nequi .payment-day{display:none}
[data-theme=dark] .logo-nequi .payment-night{display:block}