/* KODE Markets v1.3.1 — presentation-only platform visual enrichment */
.kode-v130 .hero--home{min-height:720px;max-height:820px;isolation:isolate;}
.kode-v130 .hero--home .hero-picture img{object-position:68% center;}
.kode-v130 .hero--home .hero-overlay{background:linear-gradient(90deg,var(--k-overlay-95) 0%,var(--k-overlay-95) 25%,var(--k-overlay-88) 42%,var(--k-overlay-70) 54%,var(--k-overlay-18) 73%,transparent 88%);}
.kode-v130 .hero-content{z-index:3;width:min(540px,calc(100% - 48px));max-width:540px;padding-block:82px 92px;}
.kode-v130 .hero h1{max-width:535px;font-size:clamp(3.35rem,4.8vw,4.55rem);line-height:.99;}
.kode-v130 .hero p{max-width:530px;}
.kode-v130 .hero-proof{max-width:520px;}

.kode-v130 .hero-product-stage{position:absolute;z-index:2;inset-inline-start:50.5%;top:92px;width:390px;height:530px;pointer-events:none;filter:drop-shadow(var(--k-shadow-dark));}
.kode-v130 .hero-product-stage:before{content:"";position:absolute;inset:22% 6% 11%;border-radius:50%;background:radial-gradient(circle,var(--k-gold-20),transparent 68%);filter:blur(22px);opacity:.72;}
.kode-v130 .hero-product-note{position:absolute;inset-inline:68px auto;bottom:8px;padding:7px 10px;border:1px solid var(--k-white-12);border-radius:999px;background:var(--k-overlay-70);color:var(--k-white-62);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px);}

.kode-v130 .kode-phone{position:absolute;border:1px solid var(--k-white-18);border-radius:34px;background:var(--k-navy-950);box-shadow:var(--k-shadow-dark);overflow:hidden;color:var(--k-white);font-family:var(--k-font-body);}
.kode-v130 .kode-phone:before{content:"";position:absolute;z-index:5;top:9px;left:50%;width:44px;height:9px;border-radius:999px;background:var(--k-ink);transform:translateX(-50%);}
.kode-v130 .kode-phone--watch{inset-inline-start:4px;top:38px;width:222px;height:456px;transform:rotate(-1.8deg);}
.kode-v130 .kode-phone--order{inset-inline-end:0;top:91px;width:190px;height:390px;transform:rotate(2.4deg);}
.kode-v130 .kode-phone__bar{display:flex;align-items:center;justify-content:space-between;height:47px;padding:17px 14px 8px;border-bottom:1px solid var(--k-white-08);color:var(--k-white-62);font-size:.51rem;letter-spacing:.09em;}
.kode-v130 .kode-phone__brand{color:var(--k-gold-400);font-weight:900;letter-spacing:.15em;}
.kode-v130 .kode-phone__metric{padding:16px 16px 10px;}
.kode-v130 .kode-phone__metric small,.kode-v130 .kode-phone__metric strong,.kode-v130 .kode-phone__metric em{display:block;}
.kode-v130 .kode-phone__metric small{color:var(--k-white-62);font-size:.61rem;font-weight:700;}
.kode-v130 .kode-phone__metric strong{margin-top:4px;font-size:1.48rem;line-height:1;color:var(--k-white);letter-spacing:-.045em;}
.kode-v130 .kode-phone__metric em{margin-top:6px;color:var(--k-gold-400);font-size:.49rem;font-style:normal;letter-spacing:.08em;}
.kode-v130 .kode-mini-chart{height:100px;margin:0 14px 12px;border-bottom:1px solid var(--k-white-08);background-image:linear-gradient(var(--k-white-08) 1px,transparent 1px),linear-gradient(90deg,var(--k-white-08) 1px,transparent 1px);background-size:100% 25%,25% 100%;}
.kode-v130 .kode-mini-chart svg{display:block;width:100%;height:100%;overflow:visible;}
.kode-v130 .kode-mini-chart polyline{fill:none;stroke:var(--k-gold-400);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.kode-v130 .kode-phone__watchlist{padding:0 14px;}
.kode-v130 .kode-phone__watchlist>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--k-white-08);font-size:.58rem;}
.kode-v130 .kode-phone__watchlist span{color:var(--k-white-62);}
.kode-v130 .kode-phone__watchlist b{font-weight:700;color:var(--k-white-92);}
.kode-v130 .kode-order-symbol{padding:18px 14px 4px;color:var(--k-white-92);font-size:.72rem;font-weight:800;}
.kode-v130 .kode-order-chart{height:126px;margin:4px 12px 10px;background-image:linear-gradient(var(--k-white-08) 1px,transparent 1px),linear-gradient(90deg,var(--k-white-08) 1px,transparent 1px);background-size:100% 25%,25% 100%;}
.kode-v130 .kode-order-chart svg{width:100%;height:100%;}
.kode-v130 .kode-order-chart polyline{fill:none;stroke:var(--k-gold-500);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.kode-v130 .kode-order-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px;}
.kode-v130 .kode-order-fields span{padding:9px;border:1px solid var(--k-white-08);border-radius:8px;color:var(--k-white-62);font-size:.5rem;}
.kode-v130 .kode-order-fields b{display:block;margin-top:3px;color:var(--k-white-92);font-size:.62rem;}
.kode-v130 .kode-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 8px;}
.kode-v130 .kode-order-actions span{display:grid;place-items:center;min-height:34px;border:1px solid var(--k-white-18);border-radius:8px;color:var(--k-white-92);font-size:.58rem;font-weight:800;}
.kode-v130 .kode-order-actions span:last-child{border-color:var(--k-gold-600);background:var(--k-gold-12);color:var(--k-gold-300);}
.kode-v130 .kode-phone--order>small{display:block;padding:0 12px;color:var(--k-white-62);font-size:.44rem;line-height:1.35;}

/* Platform multi-device visual */
.kode-v130 .platform-showcase--premium{grid-template-columns:.84fr 1.16fr;gap:54px;}
.kode-v130 .platform-visual--devices{min-height:590px;border:1px solid var(--k-white-12);border-radius:var(--k-radius-lg);background:radial-gradient(circle at 72% 32%,var(--k-gold-12),transparent 34%),linear-gradient(145deg,var(--k-navy-850),var(--k-navy-950));box-shadow:var(--k-shadow-dark);overflow:hidden;}
.kode-v130 .platform-visual--devices:after{display:none;}
.kode-v130 .kode-device-ecosystem{position:absolute;inset:28px 22px 68px;}
.kode-v130 .kode-device-ecosystem:before{content:"";position:absolute;inset:18% 5% 5%;border-radius:50%;background:radial-gradient(circle,var(--k-white-08),transparent 64%);filter:blur(28px);}
.kode-v130 .kode-laptop{position:absolute;inset-inline:4% 8%;top:7%;height:72%;filter:drop-shadow(var(--k-shadow-dark));}
.kode-v130 .kode-laptop__screen{position:absolute;inset:0 0 13%;border:7px solid var(--k-ink);border-radius:16px 16px 10px 10px;background:var(--k-navy-950);overflow:hidden;}
.kode-v130 .kode-laptop__base{position:absolute;inset-inline:-5%;bottom:3%;height:10%;border-radius:3px 3px 14px 14px;background:linear-gradient(180deg,var(--k-slate-300),var(--k-slate-500));box-shadow:var(--k-shadow-dark);}
.kode-v130 .kode-laptop__base:after{content:"";position:absolute;left:43%;right:43%;top:0;height:3px;border-radius:0 0 4px 4px;background:var(--k-slate-700);}
.kode-v130 .kode-workspace-bar{display:flex;justify-content:space-between;align-items:center;height:38px;padding-inline:14px;border-bottom:1px solid var(--k-white-08);color:var(--k-white-62);font-size:.52rem;letter-spacing:.07em;}
.kode-v130 .kode-workspace-brand{color:var(--k-gold-400);font-weight:800;}
.kode-v130 .kode-workspace-grid{display:grid;grid-template-columns:28% 72%;height:calc(100% - 38px);}
.kode-v130 .kode-workspace-watch{padding:13px;border-right:1px solid var(--k-white-08);}
.kode-v130 .kode-workspace-watch small{display:block;margin-bottom:8px;color:var(--k-white-62);font-size:.48rem;letter-spacing:.08em;}
.kode-v130 .kode-workspace-watch>div{display:grid;gap:3px;padding:8px 0;border-bottom:1px solid var(--k-white-08);font-size:.5rem;}
.kode-v130 .kode-workspace-watch span{color:var(--k-white-62);}
.kode-v130 .kode-workspace-watch b{color:var(--k-white-92);}
.kode-v130 .kode-workspace-chart{position:relative;background-image:linear-gradient(var(--k-white-08) 1px,transparent 1px),linear-gradient(90deg,var(--k-white-08) 1px,transparent 1px);background-size:100% 20%,20% 100%;}
.kode-v130 .kode-workspace-chart:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--k-overlay-18));}
.kode-v130 .kode-chart-head{position:absolute;z-index:2;inset-inline:14px;top:12px;display:flex;justify-content:space-between;color:var(--k-white-62);font-size:.5rem;font-weight:700;}
.kode-v130 .kode-workspace-chart svg{position:absolute;z-index:1;inset:16% 5% 9%;width:90%;height:75%;}
.kode-v130 .kode-workspace-chart polyline{fill:none;stroke:var(--k-gold-400);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.kode-v130 .kode-tablet{position:absolute;z-index:3;inset-inline-end:0;bottom:1%;width:42%;height:48%;padding:7px;border:1px solid var(--k-white-18);border-radius:18px;background:var(--k-ink);box-shadow:var(--k-shadow-dark);transform:rotate(1.3deg);}
.kode-v130 .kode-tablet__screen{height:100%;padding:13px;border-radius:12px;background:var(--k-navy-900);overflow:hidden;color:var(--k-white);}
.kode-v130 .kode-tablet__screen>span{display:block;color:var(--k-gold-400);font-size:.52rem;font-weight:900;letter-spacing:.12em;}
.kode-v130 .kode-tablet-chart{height:54%;margin:12px 0;background-image:linear-gradient(var(--k-white-08) 1px,transparent 1px),linear-gradient(90deg,var(--k-white-08) 1px,transparent 1px),linear-gradient(160deg,transparent 0 48%,var(--k-gold-500) 49% 50%,transparent 51% 100%);background-size:100% 25%,25% 100%,100% 100%;}
.kode-v130 .kode-tablet-row{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid var(--k-white-08);font-size:.48rem;}
.kode-v130 .kode-phone--ecosystem{z-index:4;inset-inline-start:43%;bottom:-1%;width:126px;height:270px;border-radius:24px;transform:rotate(-1.4deg);}
.kode-v130 .kode-phone--ecosystem .kode-phone__bar{height:39px;padding:14px 10px 6px;font-size:.42rem;}
.kode-v130 .kode-phone--ecosystem .kode-phone__metric{padding:13px 11px 7px;}
.kode-v130 .kode-phone--ecosystem .kode-phone__metric strong{font-size:1.05rem;}
.kode-v130 .kode-phone--ecosystem .kode-mini-chart{height:82px;margin-inline:10px;}
.kode-v130 .platform-visual-note{position:absolute;z-index:6;inset-inline:26px;bottom:21px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;color:var(--k-white-62);font-size:.58rem;}
.kode-v130 .platform-visual-note strong{color:var(--k-white-92);font-size:.75rem;letter-spacing:.01em;}
.kode-v130 .platform-visual-note span{max-width:330px;text-align:end;line-height:1.45;}

@media(max-width:1220px){
  .kode-v130 .hero-product-stage{inset-inline-start:53%;width:340px;transform:scale(.9);transform-origin:top left;}
  [dir="rtl"] .kode-v130 .hero-product-stage{transform-origin:top right;}
  .kode-v130 .hero-content{max-width:505px;width:min(505px,calc(100% - 40px));}
  .kode-v130 .hero h1{font-size:clamp(3.1rem,4.6vw,4.1rem);}
  .kode-v130 .platform-showcase--premium{grid-template-columns:.78fr 1.22fr;gap:38px;}
}

@media(max-width:1020px){
  .kode-v130 .hero-product-stage{inset-inline-start:57%;top:116px;transform:scale(.76);}
  .kode-v130 .hero-content{max-width:490px;}
  .kode-v130 .platform-showcase--premium{grid-template-columns:1fr;}
  .kode-v130 .platform-visual--devices{min-height:560px;max-width:820px;width:100%;}
}

@media(max-width:820px){
  .kode-v130 .hero-product-stage{display:none;}
  .kode-v130 .hero--home .hero-picture img{object-position:68% center;}
  .kode-v130 .hero-content{max-width:none;width:min(100% - 28px,var(--k-max));}
  .kode-v130 .hero h1{max-width:590px;}
}

@media(max-width:620px){
  .kode-v130 .platform-visual--devices{min-height:440px;border-radius:var(--k-radius);}
  .kode-v130 .kode-device-ecosystem{inset:20px 12px 60px;}
  .kode-v130 .kode-laptop{inset-inline:0 2%;top:5%;height:66%;}
  .kode-v130 .kode-tablet{width:48%;height:43%;}
  .kode-v130 .kode-phone--ecosystem{inset-inline-start:33%;width:104px;height:226px;}
  .kode-v130 .platform-visual-note{inset-inline:16px;bottom:14px;display:block;}
  .kode-v130 .platform-visual-note span{display:block;margin-top:3px;text-align:start;}
}

@media(prefers-reduced-motion:reduce){
  .kode-v130 .hero-product-stage,.kode-v130 .kode-laptop,.kode-v130 .kode-tablet,.kode-v130 .kode-phone{transform:none!important;}
}