html{scroll-padding-top:0;}
#how,#partners,#faq{scroll-margin-top:0;}
.electric-current{--header-height:95px;--body-text-size:18px;font-size:var(--body-text-size);}
.electric-current .current-description>p{font-size:var(--body-text-size);}
.current-hero{
  height:calc(100svh - var(--header-height));
  min-height:400px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
}
.current-heading{padding-top:calc(clamp(24px,5.5svh,64px) + 40px);}
.current-heading h1{font-size:clamp(64px,min(10vw,18svh),148px);}
.current-art{height:auto;min-height:0;}
.current-art canvas{position:absolute;inset:0;}
.faq{padding-bottom:70px;align-content:start;}
.button,.nav-cta{
  transition:transform 200ms ease-out,background-color 150ms ease-out,color 150ms ease-out,border-color 150ms ease-out;
}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;}
.button:hover,.nav-cta:hover{transform:translateY(-3px);}
.cta-arrow{width:16px;height:16px;flex:none;opacity:.55;overflow:visible;transition:opacity 150ms ease-out;}
.cta-arrow path{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.cta-arrow g{transition:transform 150ms ease-out;}
.cta-arrow .arrow-shaft{opacity:0;transition:opacity 150ms ease-out;}
:is(.button,.nav-cta,.text-button):is(:hover,:focus-visible) .cta-arrow{opacity:1;}
:is(.button,.nav-cta,.text-button):is(:hover,:focus-visible) .cta-arrow g{transform:translateX(2px);}
:is(.button,.nav-cta,.text-button):is(:hover,:focus-visible) .arrow-shaft{opacity:1;}
@media(hover:hover){
  .electric-current .primary:hover,.electric-current .nav-cta:hover{background:#FFFFFF;}
  .electric-current .secondary:hover{background:#FFFFFF12;border-color:#FFFFFF90;}
  .electric-current .partners .primary:hover{background:#0B286E;}
}
@media(max-width:700px){
  .electric-current{--header-height:86px;}
  .electric-current input:not([type=checkbox]),.electric-current select,.electric-current textarea{font-size:var(--body-text-size);}
  .current-hero{height:auto;min-height:calc(100svh - var(--header-height));grid-template-rows:auto minmax(220px,1fr);}
  .current-heading{padding-top:69px;}
  .current-heading h1{font-size:clamp(64px,20vw,95px);}
}
@media(prefers-reduced-motion:reduce){.cta-arrow,.cta-arrow g,.cta-arrow .arrow-shaft{transition:none;}}
@media(max-width:700px){
  .electric-current .nav{gap:8px;}
  .electric-current .nav-cta{gap:6px;padding-inline:10px;white-space:nowrap;}
}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;font:12px/1.8 'Space Grotesk',sans-serif;}
.footer-links a{color:#FFFFFFC4;transition:color 150ms;}
.footer-links a:hover,.footer-links a[aria-current=page]{color:#FFFFFF;text-decoration:underline;text-underline-offset:5px;}
.page-intro{padding-block:35px 72px;border-bottom:1px solid var(--line);}
.back-link{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:55px;}
.page-intro>.eyebrow{margin-bottom:24px;}
.page-intro h1{font-size:clamp(56px,6.5vw,96px);font-weight:500;max-width:1000px;}
.page-intro>p{font-size:20px;max-width:720px;margin-top:28px;}
.page-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:80px;padding-block:75px 110px;}
.page-layout aside nav{display:grid;gap:14px;position:sticky;top:30px;font-size:13px;color:var(--muted);}
.page-layout aside a:hover{color:white;}
.page-prose{min-width:0;}
.page-prose section{scroll-margin-top:32px;margin-bottom:48px;}
.page-prose section:last-child{margin-bottom:0;}
.page-prose h2{font-size:30px;font-weight:500;letter-spacing:-.035em;margin-bottom:20px;}
.page-prose p{line-height:1.85;margin-bottom:18px;overflow-wrap:anywhere;}
.page-prose p a{text-decoration:underline;text-underline-offset:4px;color:var(--ink);}
.page-prose .button{margin-top:12px;}
@media(max-width:1000px){.page-layout{grid-template-columns:180px minmax(0,1fr);gap:40px;}}
@media(max-width:700px){
 .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
 .footer-bottom>*{margin-top:0;}
 .footer-links{order:3;width:100%;justify-content:flex-start;gap:10px 22px;}
 .page-intro{padding-block:28px 45px;}
 .back-link{margin-bottom:36px;}
 .page-intro h1{font-size:clamp(48px,11vw,72px);overflow-wrap:anywhere;}
 .page-intro>p{font-size:17px;}
 .page-layout{display:block;padding-block:40px 70px;}
 .page-layout aside{margin-bottom:48px;padding-bottom:30px;border-bottom:1px solid var(--line);}
 .page-layout aside nav{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;}
 .page-prose h2{font-size:26px;}
}
.cost-lines .cost-icon{display:flex;align-items:center;padding-top:3px;color:var(--ink);}
.cost-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
@media(max-width:700px){
  .electric-current .step{display:block;}
}
.electric-current .partners>.wrap>.eyebrow,
.electric-current .partners h2,
.electric-current .partners .partner-bottom>p{color:#000000;opacity:1;}
.electric-current .partners .partner-types{border-color:#000000;}
.electric-current .partners .partner-types{border-color:#B8C8D5;opacity:1;}
.partner-types>span{opacity:.65;}
.electric-current .partners h2,.electric-current .commercial h2{font-size:clamp(38px,4.3vw,65px);}
/* Optically align the leading T with the body copy below. */
.electric-current .commercial h2{text-indent:-.01em;}
/* H and M need a larger optical correction than the leading T. */
.electric-current .how h2{text-indent:calc(1px - .065em);}
.electric-current .partners h2>span{display:block;}
.electric-current .partners h2>span:last-child{transform:translateX(calc(1px - .065em));}
.network-brands{margin-top:70px;}
.network-brands li{color:#FFFFFF;}
.network-brands img{opacity:1;filter:brightness(0) invert(1);}
.electric-current .partners .partner-bottom>p{color:#60708B;opacity:1;}
.electric-current .partners>.wrap>.eyebrow{color:#112347;opacity:1;}
.electric-current .partners .partner-types>span{color:#154CF4;opacity:1;}
.electric-current .partners .partner-types>span{color:#07338B;opacity:1;}
.network-brands img{width:26px;height:26px;flex:none;}
@media(max-width:700px){.network-brands img{width:24px;height:24px;}}
.network-brands li{font-size:15px;}
@media(max-width:700px){
  .network-brands li{font-size:13px;white-space:normal;min-width:0;}
}

@media(max-width:700px){
  .electric-current .step-symbol{display:block;font-size:44px;line-height:1.2;margin:0 0 18px;}
}

.electric-current .button{font-size:14px;}
.current-legend button{font-size:12px;}
@media(max-width:700px){
  .electric-current .nav-cta{font-size:13px;}
  .current-legend button{font-size:11px;}
}
@media(max-width:360px){.electric-current .nav{gap:6px;}}

/* Shared onboarding links and published trading terms. */
.nav nav button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;}
button.text-button{font:inherit;background:none;border:0;cursor:pointer;}
.section-heading .ownership-note{color:#112347;font-weight:500;font-size:16px;margin-top:18px;}
.cost-lines .subscription-price{display:inline-block;white-space:nowrap;}
.cost-lines .subscription-price,.cost-lines .subscription-price>span,.cost-lines .service-price{font:inherit;color:inherit;}

.page-prose p button[data-console]{background:none;border:0;padding:0;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:4px;}

.cost-lines p{font-size:15px;}
.field-help{display:block;color:#E4EBFF;font-size:12px;line-height:1.5;font-weight:400;letter-spacing:normal;}

.electric-current .partner-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:48px;}
.electric-current .partner-benefits article{border-top:1px solid #B8C8D5;padding-top:22px;}
.electric-current .partner-benefits h3{color:#112347;font-size:21px;line-height:1.2;margin-bottom:12px;}
.electric-current .partner-benefits p{color:#60708B;font-size:15px;line-height:1.65;}
.electric-current .partner-terms{color:#60708B;font-size:13px;line-height:1.6;margin-top:28px;max-width:760px;}
@media(max-width:700px){.electric-current .partner-benefits{grid-template-columns:1fr;gap:24px;margin-top:36px;}}

.electric-current .partner-icon{display:flex;align-items:center;height:84px;margin:15px 0 18px;color:#154CF4;}
.partner-icon svg{width:40px;height:40px;flex:none;}
@media(max-width:700px){.electric-current .partner-icon{height:53px;margin-top:0;}.partner-icon svg{width:32px;height:32px;}}
