/* KODE Markets v1.3.2 — Visual Alignment Patch
   Scope: presentation layer only. No routes, forms, API contracts, DB or backend logic. */

.kode-v130{
  --v132-bg:#040a13;
  --v132-bg-2:#07111f;
  --v132-gold:#d7b45c;
  --v132-gold-soft:#e6cf8e;
  --v132-line:rgba(255,255,255,.11);
  --v132-muted:rgba(255,255,255,.68);
  --v132-panel:rgba(7,17,31,.78);
}

/* Header refinement */
.kode-v130 .regulatory-bar{background:#02070d;border-bottom:1px solid rgba(255,255,255,.06)}
.kode-v130 .site-header{background:rgba(5,12,22,.96);border-bottom:1px solid rgba(255,255,255,.09)}
.kode-v130 .header-inner{min-height:72px}
.kode-v130 .brand img{width:166px;max-height:46px}
.kode-v130 .main-nav>a{padding-block:25px;font-size:.79rem;letter-spacing:.005em}
.kode-v130 .header-actions .btn{min-width:138px}

/* Hero: match approved premium reference — copy left, product ecosystem right. */
.kode-v130 .hero--v132{
  position:relative;
  min-height:590px;
  max-height:none;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 24%,rgba(215,180,92,.17),transparent 24%),
    radial-gradient(circle at 90% 64%,rgba(22,58,96,.26),transparent 32%),
    linear-gradient(135deg,#030811 0%,#07111f 56%,#081425 100%);
  color:#fff;
}
.kode-v130 .hero--v132:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.40;
  background-image:
    radial-gradient(circle at 8% 14%,rgba(255,255,255,.28) 0 1px,transparent 1.4px),
    radial-gradient(circle at 32% 48%,rgba(215,180,92,.24) 0 1px,transparent 1.4px),
    radial-gradient(circle at 71% 17%,rgba(255,255,255,.18) 0 1px,transparent 1.4px),
    radial-gradient(circle at 86% 68%,rgba(215,180,92,.18) 0 1px,transparent 1.4px);
  background-size:92px 92px,128px 128px,154px 154px,182px 182px;
}
.kode-v130 .hero-v132-surface{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,8,17,.99) 0%,rgba(3,8,17,.94) 31%,rgba(3,8,17,.58) 55%,rgba(3,8,17,.10) 82%,rgba(3,8,17,.28) 100%);
  pointer-events:none;
}
.kode-v130 .hero-v132-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);
  align-items:center;
  gap:30px;
  min-height:590px;
  padding-block:62px 50px;
}
.kode-v130 .hero-v132-copy{max-width:570px}
.kode-v130 .hero-v132-copy .eyebrow{color:var(--v132-gold-soft);letter-spacing:.19em;font-size:.70rem}
.kode-v130 .hero-v132-copy h1{
  max-width:570px;
  margin:15px 0 20px;
  font-family:var(--k-font-display);
  font-size:clamp(3.3rem,5vw,4.8rem);
  line-height:.98;
  letter-spacing:-.052em;
  color:#fff;
}
.kode-v130 .hero-v132-copy h1 span{color:var(--v132-gold)}
.kode-v130 .hero-v132-copy>p{max-width:555px;color:rgba(255,255,255,.75);font-size:1.02rem;line-height:1.7}
.kode-v130 .hero-v132-copy .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.kode-v130 .hero-v132-copy .btn{min-height:50px}
.kode-v130 .hero-v132-copy .hero-secondary-link{min-height:50px;padding-inline:8px 12px}
.kode-v130 .hero-proof--v132{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin-top:38px;
  border-top:1px solid var(--v132-line);
  border-bottom:1px solid var(--v132-line);
}
.kode-v130 .hero-proof--v132 span{
  position:relative;
  margin:0;
  padding:14px 18px 14px 20px;
  color:rgba(255,255,255,.67);
  font-size:.69rem;
  line-height:1.35;
}
.kode-v130 .hero-proof--v132 span:before{content:"";position:absolute;inset-inline-start:2px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--v132-gold);transform:translateY(-50%);box-shadow:0 0 0 4px rgba(215,180,92,.09)}
.kode-v130 .hero-proof--v132 span:nth-child(even){border-inline-start:1px solid var(--v132-line)}
.kode-v130 .hero-proof--v132 span:nth-child(n+3){border-top:1px solid var(--v132-line)}

.kode-v130 .hero-v132-visual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:440px;
  padding:16px 0 0;
}
.kode-v130 .hero-v132-visual:before{
  content:"";
  position:absolute;
  width:84%;
  height:44%;
  left:10%;
  bottom:9%;
  background:radial-gradient(ellipse,rgba(215,180,92,.18),rgba(8,20,37,.06) 48%,transparent 72%);
  filter:blur(20px);
}
.kode-v130 .hero-v132-visual picture{position:relative;z-index:2;display:block;width:min(100%,650px)}
.kode-v130 .hero-v132-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 45px rgba(0,0,0,.46));transform:translateY(3px)}
.kode-v130 .hero-v132-note{
  position:absolute;
  z-index:3;
  inset-inline-end:24px;
  bottom:20px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(3,8,17,.72);
  backdrop-filter:blur(10px);
  color:rgba(255,255,255,.58);
  font-size:.57rem;
  letter-spacing:.04em;
}

/* Make the market ticker feel connected to the hero, as in the approved reference. */
.kode-v130 .ticker-section{padding-block:0;background:#061120;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.kode-v130 .ticker-section>.container{width:min(100%,var(--k-max));padding-inline:0}
.kode-v130 .ticker-grid{border-inline:0;grid-template-columns:repeat(4,1fr)}
.kode-v130 .quote-card{min-height:112px;padding:20px 24px;border-right:1px solid rgba(255,255,255,.10);border-top:2px solid transparent}
.kode-v130 .quote-card:first-child{border-inline-start:2px solid var(--v132-gold)}
.kode-v130 .quote-card b{font-size:1.28rem}
.kode-v130 .quote-card small{color:rgba(255,255,255,.45)}

/* Trust row: restrained and factual; no unverified regulatory or execution claims. */
.kode-v130 .trust-strip--v132{padding:0;background:#091525;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.08)}
.kode-v130 .trust-v132-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.kode-v130 .trust-v132-grid article{display:flex;align-items:flex-start;gap:12px;min-height:104px;padding:25px 22px;border-inline-end:1px solid rgba(255,255,255,.09)}
.kode-v130 .trust-v132-grid article:last-child{border-inline-end:0}
.kode-v130 .trust-v132-grid article>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;margin-top:1px;border:1px solid var(--v132-gold);border-radius:5px;color:var(--v132-gold);font-size:.78rem;font-weight:900}
.kode-v130 .trust-v132-grid strong{display:block;color:#fff;font-size:.88rem;line-height:1.25}
.kode-v130 .trust-v132-grid small{display:block;margin-top:5px;color:rgba(255,255,255,.55);font-size:.69rem;line-height:1.45}

/* Platform ecosystem section */
.kode-v130 .platform-section--v132{position:relative;overflow:hidden;background:linear-gradient(135deg,#07111f,#09192d)}
.kode-v130 .platform-section--v132:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,rgba(215,180,92,.10),transparent 31%);pointer-events:none}
.kode-v130 .platform-v132-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,.76fr) minmax(520px,1.24fr);align-items:center;gap:54px}
.kode-v130 .platform-copy--v132{max-width:470px}
.kode-v130 .platform-copy--v132 h2{font-size:clamp(2.25rem,3.4vw,3.45rem);line-height:1.04;letter-spacing:-.04em}
.kode-v130 .platform-feature-grid--v132{grid-template-columns:1fr 1fr;margin-block:26px}
.kode-v130 .platform-v132-visual{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}
.kode-v130 .platform-v132-visual:before{content:"";position:absolute;width:86%;height:42%;bottom:7%;background:radial-gradient(ellipse,rgba(215,180,92,.16),transparent 68%);filter:blur(22px)}
.kode-v130 .platform-v132-visual picture{position:relative;z-index:1;display:block;width:min(100%,720px)}
.kode-v130 .platform-v132-visual img{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 45px rgba(0,0,0,.4))}
.kode-v130 .platform-v132-visual>span{position:absolute;z-index:2;inset-inline-end:12px;bottom:12px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(3,8,17,.72);color:rgba(255,255,255,.56);font-size:.56rem}

/* Keep the rest of the page premium but quieter than the hero. */
.kode-v130 .markets-showcase{padding-top:86px}
.kode-v130 .market-grid--premium .market-card{border-radius:14px}
.kode-v130 .account-card-grid article{border-radius:16px}
.kode-v130 .tool-card{border-radius:12px}

@media(max-width:1180px){
  .kode-v130 .hero-v132-grid{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:14px}
  .kode-v130 .hero-v132-copy h1{font-size:clamp(3.05rem,5.3vw,4.25rem)}
  .kode-v130 .hero-v132-visual picture{width:min(100%,590px)}
  .kode-v130 .platform-v132-grid{grid-template-columns:.8fr 1.2fr;gap:34px}
}

@media(max-width:980px){
  .kode-v130 .hero--v132{min-height:auto}
  .kode-v130 .hero-v132-grid{grid-template-columns:1fr;gap:12px;padding-block:54px 26px}
  .kode-v130 .hero-v132-copy{max-width:700px}
  .kode-v130 .hero-v132-copy h1{max-width:690px;font-size:clamp(3rem,7.5vw,4.3rem)}
  .kode-v130 .hero-v132-visual{min-height:390px;margin-top:-8px}
  .kode-v130 .hero-v132-visual picture{width:min(90%,650px)}
  .kode-v130 .hero-v132-note{inset-inline-end:8%;bottom:8px}
  .kode-v130 .trust-v132-grid{grid-template-columns:1fr 1fr}
  .kode-v130 .trust-v132-grid article:nth-child(2){border-inline-end:0}
  .kode-v130 .trust-v132-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}
  .kode-v130 .platform-v132-grid{grid-template-columns:1fr}
  .kode-v130 .platform-copy--v132{max-width:680px}
  .kode-v130 .platform-v132-visual{min-height:390px}
}

@media(max-width:720px){
  .kode-v130 .hero-v132-grid{padding-block:42px 18px}
  .kode-v130 .hero-v132-copy h1{font-size:clamp(2.7rem,12vw,3.55rem);line-height:1.01}
  .kode-v130 .hero-v132-copy>p{font-size:.96rem;line-height:1.62}
  .kode-v130 .hero-v132-copy .hero-actions{align-items:stretch}
  .kode-v130 .hero-v132-copy .btn{width:100%}
  .kode-v130 .hero-v132-copy .hero-secondary-link{justify-content:center}
  .kode-v130 .hero-proof--v132{grid-template-columns:1fr}
  .kode-v130 .hero-proof--v132 span:nth-child(even){border-inline-start:0}
  .kode-v130 .hero-proof--v132 span+span{border-top:1px solid var(--v132-line)}
  .kode-v130 .hero-v132-visual{min-height:300px;margin-top:0}
  .kode-v130 .hero-v132-visual picture{width:108%;max-width:650px;margin-inline:-4%}
  .kode-v130 .hero-v132-note{display:none}
  .kode-v130 .ticker-grid{grid-template-columns:1fr 1fr}
  .kode-v130 .quote-card{min-height:100px;padding:16px 17px}
  .kode-v130 .quote-card:nth-child(2){border-right:0}
  .kode-v130 .quote-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.10)}
  .kode-v130 .trust-v132-grid{grid-template-columns:1fr}
  .kode-v130 .trust-v132-grid article{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.09);min-height:0;padding:20px 4px}
  .kode-v130 .trust-v132-grid article:last-child{border-bottom:0}
  .kode-v130 .platform-v132-visual{min-height:300px}
  .kode-v130 .platform-v132-visual picture{width:108%;margin-inline:-4%}
}

@media(max-width:430px){
  .kode-v130 .hero-v132-copy h1{font-size:2.72rem}
  .kode-v130 .hero-v132-copy .eyebrow{font-size:.62rem;letter-spacing:.13em}
  .kode-v130 .hero-v132-visual{min-height:245px}
  .kode-v130 .ticker-grid{grid-template-columns:1fr}
  .kode-v130 .quote-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}
  .kode-v130 .quote-card:last-child{border-bottom:0}
  .kode-v130 .platform-feature-grid--v132{grid-template-columns:1fr}
  .kode-v130 .platform-v132-visual{min-height:250px}
}

@media(prefers-reduced-motion:reduce){
  .kode-v130 .hero-v132-visual img,.kode-v130 .platform-v132-visual img{transform:none!important}
}

/* Final visual calibration after 1440/390 review */
@media(min-width:981px){
  .kode-v130 .hero-v132-grid{grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr)}
  .kode-v130 .hero-v132-copy{max-width:630px}
  .kode-v130 .hero-v132-copy h1{max-width:630px;font-size:clamp(3.25rem,4.4vw,4.25rem)}
}
@media(max-width:720px){
  .kode-v130 .hero-proof--v132{display:none}
  .kode-v130 .hero-v132-visual{margin-top:12px}
}