:root{--green:#00e5a0;--cyan:#3caaff;--bg:#000;--panel:#090b0b;--line:#202525;--text:#f5f7fa;--muted:#a9b0b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 48px));margin:auto}.top-logo{display:flex;justify-content:center;padding:0 20px;background:radial-gradient(circle at 50% 50%,rgba(0,229,160,.05),transparent 45%)}.top-logo img{width:min(650px,70vw);aspect-ratio:2.85/1;object-fit:cover}.site-nav{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:rgba(0,0,0,.96);backdrop-filter:blur(12px)}.nav-inner{position:relative;min-height:72px;display:flex;align-items:center;justify-content:center}.nav-links{display:flex;gap:10px}.nav-dropdown{position:relative}.nav-trigger{min-height:42px;display:flex;align-items:center;padding:0 19px;border:1px solid #292929;background:#070707;color:#fff;font:700 10px "Courier New",monospace;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer}.nav-trigger::after{content:"+";margin-left:15px;color:var(--green);font-size:15px}.nav-dropdown.ai .nav-trigger::after{color:var(--cyan)}.nav-dropdown:hover .nav-trigger{border-color:var(--green);background:#070707}.nav-dropdown.ai:hover .nav-trigger{border-color:var(--cyan);background:#070707}.nav-menu{position:absolute;top:calc(100% + 8px);left:0;width:500px;display:none;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border:1px solid #2a2a2a;background:#030303;box-shadow:0 22px 60px rgba(0,0,0,.8)}.nav-dropdown:hover .nav-menu{display:grid}.nav-menu a{min-height:96px;display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid #1f2323;background:#0a0c0c}.nav-menu a:hover{border-color:var(--green);transform:translateY(-2px)}.nav-dropdown.ai .nav-menu a:hover{border-color:var(--cyan)}.nav-menu b{font-size:14px;text-transform:uppercase}.nav-menu span{margin-top:8px;color:#7f878d;font:400 10px/1.5 "Courier New",monospace}.language{position:absolute;right:0;display:flex;padding:3px;border:1px solid #272727;background:#050505}.language a{display:grid;place-items:center;width:38px;height:28px;color:#737373;font:700 10px "Courier New",monospace}.language .active{background:var(--green);color:#00140a}.page-hero{padding:76px 0 64px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#020505,#000)}.eyebrow{color:var(--green);font:700 10px "Courier New",monospace;letter-spacing:2px;text-transform:uppercase}.eyebrow.cyan{color:var(--cyan)}h1{max-width:1000px;margin:15px 0 20px;font-size:clamp(48px,7vw,92px);line-height:.94;letter-spacing:-3px;text-transform:uppercase}h1 span,.green{color:var(--green)}.cyan{color:var(--cyan)}.lead{max-width:800px;color:var(--muted);font-size:19px;line-height:1.7}.section{padding:82px 0}.section.alt{border-block:1px solid var(--line);background:#050707}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:30px;border:1px solid var(--line);background:var(--panel)}.panel h2,.panel h3{margin:0 0 14px}.panel p,.panel li{color:var(--muted);line-height:1.7}.profile{display:grid;grid-template-columns:92px 1fr;gap:20px;align-items:center}.profile img{width:92px;height:92px;object-fit:cover}.profile strong{font-size:23px}.profile span{display:block;margin-top:8px;color:var(--green);font:700 10px "Courier New",monospace;text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chips span{padding:7px 10px;border:1px solid rgba(0,229,160,.28);color:var(--green);font:700 9px "Courier New",monospace;text-transform:uppercase}.products{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.product{display:block;border-right:1px solid var(--line);background:#080909}.product:last-child{border-right:0}.product img{width:100%;aspect-ratio:1.15/1;object-fit:cover}.product div{padding:22px}.product small{color:var(--green);font:700 9px "Courier New",monospace;letter-spacing:1px}.product h3{margin:12px 0 8px;font-size:21px}.product p{color:var(--muted);font-size:14px;line-height:1.6}.product:hover{box-shadow:inset 0 -2px var(--green)}.feature-list{display:grid;gap:10px;padding:0;list-style:none}.feature-list li{padding:17px 18px 17px 44px;border:1px solid rgba(60,170,255,.28);background:#02090b;position:relative}.feature-list li::before{content:"✓";position:absolute;left:17px;color:var(--cyan);font-weight:800}.media-frame{padding:12px;border:1px solid rgba(60,170,255,.32);background:#020607}.media-frame img,.media-frame video{display:block;width:100%;height:auto}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid var(--green);background:var(--green);color:#00140a;font:800 10px "Courier New",monospace;letter-spacing:1px;text-transform:uppercase}.button.cyan{border-color:var(--cyan);background:var(--cyan);color:#00131a}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.pdfs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pdf{display:flex;align-items:center;justify-content:space-between;padding:22px;border:1px solid rgba(60,170,255,.32);background:#03090a}.pdf strong{color:var(--cyan)}.status{display:inline-flex;padding:8px 12px;border:1px solid #765d11;color:#ffd642;font:800 10px "Courier New",monospace;text-transform:uppercase}.contact{padding:56px 0 84px;border-top:1px solid var(--line);text-align:center}.contact h2{font-size:clamp(38px,4vw,58px);margin:0 0 42px}.footer{padding:28px 0;border-top:1px solid var(--line);color:#6e7478;font:400 9px "Courier New",monospace;text-transform:uppercase}.footer .shell{display:flex;justify-content:space-between;gap:20px}.intro-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.intro-card{min-height:250px;padding:34px;border:1px solid var(--line);background:#080909}.intro-card h2{font-size:38px;text-transform:uppercase}.intro-card p{color:var(--muted);line-height:1.7}.intro-card.ai{border-bottom-color:var(--cyan)}.intro-card:not(.ai){border-bottom-color:var(--green)}
.nav-home,.nav-direct{min-height:42px;display:flex;align-items:center;padding:0 19px;border:1px solid #292929;background:#070707;color:#fff;font:700 10px "Courier New",monospace;letter-spacing:1.3px;text-transform:uppercase}.nav-home:hover,.nav-direct:hover{border-color:var(--green);background:#070707}.nav-direct.ai:hover{border-color:var(--cyan);background:#070707}.nav-dropdown.trading .nav-menu{width:760px;grid-template-columns:repeat(3,1fr)}.nav-dropdown.ai .nav-menu{width:250px;grid-template-columns:1fr}
@media(max-width:820px){.products{grid-template-columns:1fr 1fr}.product:nth-child(2){border-right:0}.grid-2,.intro-cards{grid-template-columns:1fr}.language{position:static;margin-left:12px}.nav-inner{justify-content:flex-start}.nav-menu{width:min(500px,calc(100vw - 48px))}}
@media(max-width:580px){.shell{width:min(100% - 30px,1160px)}.top-logo img{width:90vw}.nav-inner{flex-wrap:wrap;padding:12px 0}.nav-links{width:100%;display:grid;grid-template-columns:1fr 1fr}.nav-trigger,.nav-home,.nav-direct{width:100%;justify-content:space-between;padding:0 12px}.language{margin:10px 0 0}.nav-menu{position:static;width:100%;grid-template-columns:1fr;margin-top:8px}.nav-dropdown:hover{grid-column:1/-1}.products,.pdfs{grid-template-columns:1fr}.product{border-right:0;border-bottom:1px solid var(--line)}h1{font-size:45px}.footer .shell{flex-direction:column}}

/* Unified readable typography and vertical navigation menus. */
body,body *,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif!important}
.nav-trigger,.nav-home,.nav-direct{font-size:12px;font-weight:700;letter-spacing:1.1px}
.nav-dropdown.trading .nav-menu{width:390px;grid-template-columns:1fr}
.nav-menu a{min-height:78px}
.nav-menu b{font-size:14px;text-transform:none}
.nav-menu span{margin-top:6px;color:#92989d;font-size:12px;line-height:1.5;letter-spacing:0}
.nav-menu{top:100%}
.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu,.nav-dropdown.is-open .nav-menu{display:grid}
@media(max-width:820px){.nav-dropdown.trading .nav-menu{width:min(390px,calc(100vw - 48px))}}

/* Compact dropdown navigation: same scale as the main buttons. */
.nav-dropdown.trading .nav-menu,.nav-dropdown.ai .nav-menu{width:100%;min-width:100%;gap:5px;padding:5px}
.nav-menu a{min-height:42px;padding:0 16px;justify-content:center}
.nav-menu span{display:none}

/* Complete cTrader product catalogue. */
.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0}
.product,.product:last-child{display:flex;min-width:0;flex-direction:column;border:1px solid var(--line)}
.product img{aspect-ratio:16/10;object-fit:cover}
.product div{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.product h3{line-height:1.25}
.product p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
@media(max-width:820px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.products{grid-template-columns:1fr}}

/* Compact hero scale shared by every German and English subpage. */
.page-hero{padding:42px 0 38px}
.page-hero h1{max-width:900px;margin:10px 0 14px;font-size:clamp(36px,4.5vw,58px);line-height:1;letter-spacing:-2px}
.page-hero .lead{max-width:760px;margin:0;font-size:16px;line-height:1.6}
@media(max-width:580px){
  .page-hero{padding:30px 0 28px}
  .page-hero h1{font-size:clamp(32px,11vw,44px);letter-spacing:-1.4px}
  .page-hero .lead{font-size:15px}
}

/* Compact trading subpages: remove repeated section labels and align the
   detailed Python areas with the four-card layout used on the home page. */
body:has(.page-hero .profile) .page-hero,
body:has(.page-hero + .section .profile) .page-hero,
body:has(.page-hero .status) .page-hero,
body:has(.page-hero > .shell > .chips) .page-hero{padding-top:28px;padding-bottom:32px}

body:has(.page-hero + .section .profile) .page-hero .eyebrow,
body:has(.page-hero .status) .page-hero .eyebrow,
body:has(.page-hero > .shell > .chips) .page-hero .eyebrow,
body:has(.page-hero > .shell > .chips) .section.alt > .shell > .eyebrow{display:none}

body:has(.page-hero + .section .profile) .section,
body:has(.page-hero .status) .section,
body:has(.page-hero > .shell > .chips) .section{padding-top:54px;padding-bottom:54px}

body:has(.page-hero > .shell > .chips) .section.alt{padding-top:32px!important}
body:has(.page-hero > .shell > .chips) .section.alt > .shell > .grid-2{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
  align-items:stretch;
}
body:has(.page-hero > .shell > .chips) .section.alt > .shell > .grid-2 .panel{
  height:100%;
  padding:24px;
}

@media(max-width:980px){
  body:has(.page-hero > .shell > .chips) .section.alt > .shell > .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
  body:has(.page-hero > .shell > .chips) .section.alt > .shell > .grid-2{grid-template-columns:1fr}
}

/* Explicit trading-page layout. The page marker is assigned by the shared
   header script so German and English pages always use identical spacing. */
body[data-page="ctrader"] .page-hero,
body[data-page="mt5"] .page-hero,
body[data-page="crypto"] .page-hero{padding:20px 0 22px}

body[data-page="ctrader"] .page-hero + .section,
body[data-page="mt5"] .page-hero + .section,
body[data-page="crypto"] .page-hero + .section{padding-top:26px;padding-bottom:46px}

body[data-page="ctrader"] .page-hero .eyebrow,
body[data-page="mt5"] .page-hero .eyebrow,
body[data-page="crypto"] .page-hero .eyebrow,
body[data-page="crypto"] main > .section.alt > .shell > .eyebrow{display:none}

body[data-page="crypto"] main > .section.alt{padding-top:26px!important}
body[data-page="crypto"] main > .section.alt > .shell > .grid-2{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:20px;
  align-items:stretch;
}
body[data-page="crypto"] main > .section.alt > .shell > .grid-2 > .panel{
  height:100%;
  min-width:0;
  padding:24px 22px;
}
body[data-page="crypto"] main > .section.alt > .shell > .grid-2 > .panel h2{
  font-size:20px;
  line-height:1.2;
}

@media(max-width:900px){
  body[data-page="crypto"] main > .section.alt > .shell > .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
  body[data-page="ctrader"] .page-hero,
  body[data-page="mt5"] .page-hero,
  body[data-page="crypto"] .page-hero{padding:14px 0 16px}
  body[data-page="ctrader"] .page-hero + .section,
  body[data-page="mt5"] .page-hero + .section,
  body[data-page="crypto"] .page-hero + .section{padding-top:20px}
  body[data-page="crypto"] main > .section.alt > .shell > .grid-2{grid-template-columns:1fr}
}

/* Immediate fallback for already cached header scripts. */
body:has(.page-hero + .section .profile) .page-hero,
body:has(.page-hero .status) .page-hero,
body:has(.page-hero > .shell > .chips) .page-hero{padding:18px 0}
body:has(.page-hero + .section .profile) .page-hero + .section,
body:has(.page-hero .status) .page-hero + .section,
body:has(.page-hero > .shell > .chips) .page-hero + .section{padding:24px 0 48px}
body:has(.page-hero > .shell > .chips) main > .section.alt{padding-top:24px!important}

/* Centered hero headings for trading subpages — like the home page portfolio cards */
body[data-page="ctrader"] .page-hero .shell,
body[data-page="mt5"] .page-hero .shell,
body[data-page="crypto"] .page-hero .shell{text-align:center}
body[data-page="ctrader"] .page-hero h1,
body[data-page="mt5"] .page-hero h1,
body[data-page="crypto"] .page-hero h1{margin-left:auto;margin-right:auto}
body[data-page="ctrader"] .page-hero .lead,
body[data-page="mt5"] .page-hero .lead,
body[data-page="crypto"] .page-hero .lead{margin-left:auto;margin-right:auto}

/* Keep the four Crypto/Python capability cards in the same horizontal
   composition as the four Trading cards on the home page. */
@media(min-width:701px){
  body[data-page="crypto"] main > .section.alt > .shell > .grid-2,
  body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  body[data-page="crypto"] main > .section.alt > .shell > .grid-2,
  body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:460px){
  body[data-page="crypto"] main > .section.alt > .shell > .grid-2,
  body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2{
    grid-template-columns:1fr!important;
  }
}

/* Crypto capability cards: exact four-card composition used by the home
   portfolio — visual header, separated content area and equal card heights. */
body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch;
  gap:14px;
  overflow-x:auto;
  scrollbar-width:thin;
}
body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2 > .panel{
  display:flex;
  flex:1 0 calc((100% - 42px)/4);
  min-width:0;
  min-height:440px;
  flex-direction:column;
  padding:0;
  overflow:hidden;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#0c0f0e,#040505);
}
body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2 > .panel::before{
  content:"";
  display:grid;
  width:100%;
  height:150px;
  min-height:150px;
  place-items:center;
  border-bottom:1px solid var(--line);
  background:radial-gradient(circle at 50% 50%,rgba(0,229,160,.09),transparent 56%),linear-gradient(145deg,#090d0b,#020303);
  color:var(--green);
  font-size:38px;
  font-weight:800;
  letter-spacing:-2px;
}
body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2 > .panel:nth-child(1)::before{
  background-image:url('logo-python.svg'),radial-gradient(circle at 50% 50%,rgba(0,229,160,.09),transparent 56%),linear-gradient(145deg,#090d0b,#020303);
  background-position:center,center,center;
  background-repeat:no-repeat;
  background-size:82px auto,auto,auto;
}
body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2 > .panel:nth-child(2)::before{content:"DATA"}
body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2 > .panel:nth-child(3)::before{content:"ML"}
body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2 > .panel:nth-child(4)::before{content:"QA"}
body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2 > .panel > h2{
  margin:0;
  padding:22px 22px 0;
  font-size:20px;
  line-height:1.2;
}
body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2 > .panel > ul{
  display:grid;
  flex:1;
  align-content:start;
  gap:7px;
  margin:14px 0 0;
  padding:0 22px 24px;
  list-style:none;
}
body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2 > .panel > ul > li{
  position:relative;
  padding-left:15px;
  font-size:12px;
  line-height:1.45;
}
body:has(.page-hero > .shell > .chips) main > .section.alt > .shell > .grid-2 > .panel > ul > li::before{
  content:"";
  position:absolute;
  top:.65em;
  left:0;
  width:6px;
  height:1px;
  background:var(--green);
}

/* Four Python capability cards on the Crypto page. This mirrors the home
   portfolio: fixed visual area, separated content area and equal card height. */
.capability-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:24px auto 0;
  max-width:1040px;
}
.capability-card{
  display:flex;
  min-width:0;
  min-height:500px;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#0c0f0e,#040505);
}
.capability-visual{
  display:grid;
  height:170px;
  min-height:170px;
  place-items:center;
  border-bottom:1px solid var(--line);
  background:radial-gradient(circle at 50% 50%,rgba(0,229,160,.09),transparent 56%),linear-gradient(145deg,#090d0b,#020303);
  color:var(--green);
  font:700 28px/1 Michroma,Arial,sans-serif;
  letter-spacing:-1px;
}
.capability-visual img{
  width:auto;
  max-width:88%;
  height:96px;
  max-height:96px;
  object-fit:contain;
}
.capability-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:24px;
}
.capability-body h2{
  margin:12px 0;
  font-size:28px;
  line-height:1.2;
}
.capability-body ul{
  display:grid;
  gap:8px;
  margin:18px 0 24px;
  padding:0;
  list-style:none;
}
.capability-body li{
  position:relative;
  padding-left:17px;
  color:#c7c7c7;
  font-size:13px;
  line-height:1.45;
}
.capability-body li::before{
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:6px;
  height:1px;
  background:var(--green);
}
@media(max-width:760px){
  .capability-grid{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:8px;
    scrollbar-width:thin;
  }
  .capability-card{flex:0 0 235px}
}

/* Final shared spacing for all three trading subpages. Keep this after the
   legacy compatibility rules so no page-specific fallback can override it. */
body[data-page="ctrader"] .page-hero,
body[data-page="mt5"] .page-hero,
body[data-page="crypto"] .page-hero{
  padding:20px 0 22px!important;
}
body[data-page="ctrader"] .page-hero + .section,
body[data-page="mt5"] .page-hero + .section,
body[data-page="crypto"] .page-hero + .section{
  padding:26px 0 46px!important;
}

/* IANVIDEOAI offer row + license callout */
.video-offer-row{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,0.92fr);align-items:start;gap:60px}
.video-punchline{margin:0;color:#fff;font-size:clamp(19px,2vw,25px);font-weight:700;line-height:1.45}
.video-punchline span{color:var(--cyan)}
.video-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:26px}
.button.yellow{min-height:50px;padding:0 30px;border:1px solid #ffd84a;color:#150f00;background:linear-gradient(135deg,#ffe06a 0%,#ffd842 55%,#ffad00 100%);box-shadow:0 0 22px rgba(255,196,0,.28)}
.button.yellow:hover{background:linear-gradient(135deg,#ffe987 0%,#ffd02d 55%,#ffb817 100%);box-shadow:0 0 30px rgba(255,196,0,.42)}
.platform-badge{display:inline-flex;align-items:center;min-height:43px;padding:0 16px;border:1px solid #2b2b2b;color:#aaa;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.license-callout{padding-top:0}
.license-callout strong{display:block;color:#fff;font-size:clamp(27px,3.2vw,42px);font-weight:800;line-height:1.05;letter-spacing:-1px;text-transform:uppercase}
.license-callout span{display:block;margin-top:12px;color:var(--cyan);font-size:clamp(17px,1.8vw,23px);font-weight:700}
@media(max-width:930px){.video-offer-row{grid-template-columns:1fr;gap:30px}.license-callout{padding-top:20px}}

/* Savings calculator — IANVIDEOAI page */
.cost-calculator{position:relative;padding:30px;border:1px solid rgba(60,170,255,.32);background:#02080a;box-shadow:0 18px 50px rgba(0,0,0,.46);overflow:hidden}
.calculator-badge{position:absolute;right:0;top:0;padding:9px 15px;border-left:1px solid rgba(60,170,255,.22);border-bottom:1px solid rgba(60,170,255,.22);color:var(--cyan);font:700 9px Arial,monospace;letter-spacing:1px;text-transform:uppercase}
.calculator-head{padding-right:190px}
.calculator-head h3{margin:0;color:#fff;font-size:clamp(24px,3vw,38px);line-height:1.1;letter-spacing:-1px;text-transform:none}
.calculator-head h3 span{color:var(--cyan)}
.calculator-head p{max-width:760px;margin:10px 0 0;color:#9aa7aa;font-size:13px;line-height:1.6}
.calculator-control{margin-top:28px}
.calculator-control label{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#d6dcdd;font-size:14px}
.calculator-control output{color:var(--cyan);font-weight:800}
.calculator-control input[type="range"]{--slider-progress:9.1%;width:100%;height:5px;margin:18px 0 0;border:0;border-radius:999px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,var(--cyan) 0,var(--cyan) var(--slider-progress),#112326 var(--slider-progress),#112326 100%);cursor:pointer}
.calculator-control input[type="range"]::-webkit-slider-thumb{width:20px;height:20px;border:3px solid #fff;border-radius:50%;-webkit-appearance:none;appearance:none;background:var(--cyan);box-shadow:0 0 14px rgba(60,170,255,.65)}
.calculator-results{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.calculator-result{padding:20px;border:1px solid rgba(60,170,255,.15);background:#020708;text-align:center}
.calculator-result.highlight{border-color:rgba(60,170,255,.5);background:rgba(60,170,255,.07)}
.calculator-result small{display:block;color:#809094;font-size:9px;letter-spacing:.7px;text-transform:uppercase}
.calculator-result strong{display:block;margin-top:9px;color:#fff;font-size:clamp(23px,3vw,35px);line-height:1}
.calculator-result.highlight strong{color:var(--cyan)}
.calculator-result span{display:block;margin-top:9px;color:#a7b5b8;font-size:12px}
.calculator-saving{margin:18px 0 0;color:#fff;font-size:16px;font-weight:700;text-align:center}
.calculator-saving strong{color:var(--cyan)}
@media(max-width:930px){.calculator-head{padding-right:0;padding-top:26px}}
@media(max-width:620px){.cost-calculator{padding:20px}.calculator-results{grid-template-columns:1fr}}

/* Nav bar fully opaque so nothing bleeds through */
.site-nav{background:#000!important;backdrop-filter:none!important}

/* Nav dropdown: solid container + items, no bleed-through */
.nav-menu{background:#030303!important;border:1px solid #2a2a2a!important;box-shadow:0 22px 60px rgba(0,0,0,.8)!important}
.nav-menu a{background:#0a0a0a!important}
.nav-menu a:hover{background:#0a0a0a!important;border-color:var(--green)!important}
.nav-dropdown.ai .nav-menu a:hover{border-color:var(--cyan)!important}

/* Nav buttons: solid box always, text glows on hover — matches home page */
.nav-trigger,.nav-home,.nav-direct{transition:color .18s,text-shadow .18s,border-color .18s}
.nav-dropdown:hover .nav-trigger{background:#070707!important;border-color:var(--green)!important;color:var(--green)!important;text-shadow:0 0 8px var(--green),0 0 22px rgba(0,229,160,.6),0 0 40px rgba(0,229,160,.3)!important}
.nav-dropdown.ai:hover .nav-trigger{background:#070707!important;border-color:var(--cyan)!important;color:var(--cyan)!important;text-shadow:0 0 8px var(--cyan),0 0 22px rgba(60,170,255,.6),0 0 40px rgba(60,170,255,.3)!important}
.nav-home:hover{background:#070707!important;border-color:var(--green)!important;color:var(--green)!important;text-shadow:0 0 8px var(--green),0 0 22px rgba(0,229,160,.6),0 0 40px rgba(0,229,160,.3)!important}
.nav-dropdown:hover .nav-trigger::after{color:var(--green)!important}
.nav-dropdown.ai:hover .nav-trigger::after{color:var(--cyan)!important}
.nav-menu b{transition:color .18s,text-shadow .18s}
.nav-menu a:hover b{color:var(--green)!important;text-shadow:0 0 8px var(--green),0 0 20px rgba(0,229,160,.55),0 0 38px rgba(0,229,160,.28)}
.nav-dropdown.ai .nav-menu a:hover b{color:var(--cyan)!important;text-shadow:0 0 8px var(--cyan),0 0 20px rgba(60,170,255,.55),0 0 38px rgba(60,170,255,.28)}

/* Match homepage content width (1040px); nav keeps full shell width */
main .shell,.contact .shell{width:min(1040px,calc(100% - 48px))}

/* Footer: all items flush right, aligned with content edge (like homepage) */
.footer .shell{width:min(1040px,calc(100% - 48px));justify-content:flex-end;gap:18px}

/* Animated IANTIAI lockup on every subpage, using the original brand artwork. */
@keyframes iantiaiLockupIn{
  0%{opacity:0;clip-path:inset(0 48% 0 48%);filter:blur(10px) brightness(1.6);transform:scaleX(.86)}
  68%{opacity:1;filter:blur(1px) brightness(1.18)}
  100%{opacity:1;clip-path:inset(0);filter:blur(0) brightness(1);transform:scaleX(1)}
}
@keyframes iantiaiLightSweep{
  0%,20%{left:22%;opacity:0}
  34%{opacity:1}
  58%{left:78%;opacity:1}
  72%,100%{left:78%;opacity:0}
}
@keyframes iantiaiGlowBreath{0%,100%{opacity:.32}50%{opacity:.72}}
.top-logo{position:relative;overflow:hidden;isolation:isolate}
.top-logo a{position:relative;z-index:1;display:block}
.top-logo img{opacity:0;transform-origin:center;will-change:clip-path,filter,transform,opacity;animation:iantiaiLockupIn 1.5s cubic-bezier(.2,.7,.2,1) .18s forwards}
.top-logo::before{content:"";position:absolute;z-index:0;left:50%;top:49%;width:min(520px,58vw);height:70px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(0,229,160,.18),transparent 68%);filter:blur(16px);animation:iantiaiGlowBreath 7s ease-in-out infinite;pointer-events:none}
.top-logo::after{content:"";position:absolute;z-index:2;top:51.5%;left:22%;width:82px;height:3px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 20px #00e5a0,0 0 38px #00e5a0;filter:blur(.6px);opacity:0;animation:iantiaiLightSweep 5.5s ease-in-out 1.2s infinite;pointer-events:none}
@media(prefers-reduced-motion:reduce){.top-logo img{opacity:1;clip-path:none;filter:none;transform:none;animation:none}.top-logo::before,.top-logo::after{animation:none}.top-logo::after{display:none}}

/* Mobile navigation and performance pass. Desktop layout remains unchanged. */
@media(max-width:700px){
  html{scroll-behavior:auto}
  .shell,main .shell,.contact .shell,.footer .shell{width:calc(100% - 30px)}
  .top-logo .brand-lockup{padding:24px 0 18px}
  .site-nav{position:relative;top:auto;background:#000!important}
  .nav-inner{display:block;min-height:0;padding:8px 15px 14px}
  .nav-links{position:relative;display:grid;width:100%;grid-template-columns:minmax(0,.72fr) minmax(0,1.35fr) minmax(0,1.08fr);gap:6px}
  .nav-dropdown,.nav-dropdown:hover,.nav-dropdown:focus-within,.nav-dropdown.is-open{position:static;min-width:0;grid-column:auto!important}
  .nav-home,.nav-trigger,.nav-direct{width:100%;min-height:44px;justify-content:center;padding:0 8px;font-size:10px;letter-spacing:.55px;text-align:center;white-space:normal}
  .nav-trigger,.nav-home{touch-action:manipulation}
  .nav-trigger::after{margin-left:7px}
  .nav-menu,.nav-dropdown.trading .nav-menu,.nav-dropdown.ai .nav-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:200;width:100%;min-width:0;max-height:62vh;margin:0;overflow:auto;transform:none;box-shadow:0 18px 45px rgba(0,0,0,.95)!important}
  .nav-menu a{min-height:48px;padding:0 14px}
  .page-hero{padding:26px 0 24px!important}
  .page-hero h1{font-size:clamp(31px,10.4vw,42px);line-height:1.02;letter-spacing:-1.2px}
  .page-hero .lead{font-size:15px;line-height:1.55}
  .section,.section.alt{padding:44px 0}
  .panel{padding:22px}
  .grid-2,.intro-cards,.pdfs{grid-template-columns:1fr}
  .capability-grid{display:grid;grid-template-columns:1fr;overflow:visible;padding-bottom:0}
  .capability-card{min-width:0}
  main>section:not(:first-child){content-visibility:auto;contain-intrinsic-size:700px}
  .top-logo img,.top-logo::before,.top-logo::after{animation:none!important}
  .top-logo img{opacity:1!important;transform:none!important;filter:none!important}
  .top-logo::after{display:none}
}
@media(max-width:430px){
  .nav-inner{padding-inline:10px}
  .nav-links{grid-template-columns:minmax(0,.62fr) minmax(0,1.42fr) minmax(0,1.05fr);gap:5px}
  .nav-home,.nav-trigger,.nav-direct{padding-inline:5px;font-size:9.5px}
}
@media(hover:none),(pointer:coarse){
  .nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu{display:none!important}
  .nav-dropdown.is-open .nav-menu{display:grid!important}
  .nav-dropdown.is-open .nav-trigger{background:#070707!important;border-color:var(--green)!important;color:var(--green)!important;text-shadow:0 0 8px var(--green),0 0 22px rgba(0,229,160,.6)!important}
  .nav-dropdown.ai.is-open .nav-trigger{border-color:var(--cyan)!important;color:var(--cyan)!important;text-shadow:0 0 8px var(--cyan),0 0 22px rgba(60,170,255,.6)!important}
}

/* Clearly visible legal/support navigation across all product pages. */
.footer,.footer a{
  color:#b8c0c7;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.1px;
}
.footer a:hover,.footer a:focus-visible{color:var(--green)}
.footer .shell{gap:24px}

/* MT5 product spotlight. Keep adjacent section spacing deliberately compact. */
body[data-page="mt5"] .page-hero + .section{padding-bottom:18px!important}
.mt5-product-section{padding-top:12px!important}
.ea-product-card{
  display:grid;
  grid-template-columns:minmax(220px,300px) minmax(0,1fr);
  overflow:hidden;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#0b100e,#030504);
  box-shadow:0 24px 60px rgba(0,0,0,.36);
}
.ea-product-visual{
  display:grid;
  min-height:380px;
  place-items:center;
  padding:42px;
  border-right:1px solid var(--line);
  background:radial-gradient(circle at 50% 44%,rgba(0,229,160,.12),transparent 54%),#030605;
}
.ea-product-visual img{display:block;width:min(200px,100%);height:auto;border-radius:12px;box-shadow:0 18px 46px rgba(0,0,0,.55)}
.ea-product-body{padding:42px}
.ea-product-kicker{margin:0 0 12px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.ea-product-body h2{margin:0;color:#fff;font-size:clamp(28px,3.6vw,44px);line-height:1.04;letter-spacing:-1.2px}
.ea-product-body>p:not(.ea-product-kicker){max-width:700px;margin:18px 0 0;color:#bfc7c4;font-size:14px;line-height:1.65}
.ea-product-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:24px 0 0;padding:0;list-style:none}
.ea-product-features li{position:relative;padding-left:18px;color:#d5d9d7;font-size:12.5px;line-height:1.45}
.ea-product-features li::before{content:"";position:absolute;top:.65em;left:0;width:7px;height:1px;background:var(--green)}
.ea-product-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.ea-product-meta span{padding:7px 10px;border:1px solid #29322f;background:#070b09;color:#aeb8b4;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.ea-product-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:28px}
.ea-product-note{color:#7f8a86;font-size:10px;line-height:1.4}
.ea-product-showcase{display:block;grid-column:1/-1;padding:12px;border-top:1px solid var(--line);background:#010403}
.ea-product-showcase img{display:block;width:100%;height:auto}
@media(max-width:760px){
  .ea-product-card{grid-template-columns:1fr}
  .ea-product-visual{min-height:260px;padding:30px;border-right:0;border-bottom:1px solid var(--line)}
  .ea-product-body{padding:28px 22px 30px}
  .ea-product-features{grid-template-columns:1fr}
  .ea-product-showcase{padding:6px}
}