:root{
  --lakana-navy:#0A1625;
  --lakana-panel:#101f33;
  --lakana-ink:#06111f;
  --lakana-teal:#0D7377;
  --lakana-cyan:#45d7d5;
  --lakana-gold:#CF9D2A;
  --lakana-paper:#F4F6F9;
  --lakana-line:rgba(10,22,37,.16);
}
.lakana-apex-plain,
.lakana-apex-2d,
.lakana-apex-report{
  width:min(1120px,calc(100% - 32px));
  margin:32px auto;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(13,115,119,.18);
  box-shadow:0 24px 80px rgba(10,22,37,.12);
}
.lakana-apex-plain{
  background:linear-gradient(145deg,#ffffff,#f6fafb);
  color:var(--lakana-ink);
  padding:clamp(22px,4vw,46px);
}
.lakana-apex-kicker{
  color:var(--lakana-teal);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:900;
  font-size:.76rem;
  margin-bottom:12px;
}
.lakana-apex-plain h2,
.lakana-apex-2d h2,
.lakana-apex-report h2{
  margin:0 0 14px;
  font-size:clamp(2rem,5vw,4.2rem);
  line-height:.96;
  letter-spacing:-.055em;
}
.lakana-apex-plain p{
  font-size:clamp(1.05rem,2.2vw,1.35rem);
  line-height:1.65;
  color:#273449;
  max-width:920px;
}
.lakana-apex-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}
.lakana-apex-card{
  background:#fff;
  border:1px solid rgba(10,22,37,.10);
  border-radius:22px;
  padding:20px;
  min-height:170px;
}
.lakana-apex-card strong{
  display:block;
  color:var(--lakana-ink);
  font-size:1.05rem;
  margin-bottom:8px;
}
.lakana-apex-card span{
  color:#415069;
  line-height:1.55;
}
.lakana-apex-2d{
  background:linear-gradient(135deg,#081522,#132b43);
  color:#fff;
  padding:clamp(18px,4vw,34px);
  position:relative;
}
.lakana-apex-2d:before{
  content:"";
  position:absolute;
  inset:-30%;
  background:
    radial-gradient(circle at 20% 20%,rgba(69,215,213,.18),transparent 32%),
    radial-gradient(circle at 82% 15%,rgba(207,157,42,.14),transparent 26%),
    radial-gradient(circle at 60% 80%,rgba(13,115,119,.18),transparent 34%);
  animation:lakanaPulse 8s ease-in-out infinite alternate;
}
@keyframes lakanaPulse{from{transform:scale(1);opacity:.72}to{transform:scale(1.08);opacity:1}}
.lakana-apex-2d > *{position:relative;z-index:1}
.lakana-sim-shell{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:20px;
  align-items:stretch;
}
.lakana-map-panel,
.lakana-control-panel,
.lakana-report-panel{
  border-radius:24px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(10px);
}
.lakana-map-panel{padding:16px}
.lakana-map-panel svg{
  width:100%;
  min-height:360px;
  display:block;
  border-radius:18px;
  background:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
    rgba(244,246,249,.04);
  background-size:42px 42px;
}
.lakana-control-panel{padding:18px}
.lakana-control-panel label{
  display:block;
  margin:14px 0 6px;
  color:#dce9f2;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:900;
}
.lakana-control-panel select,
.lakana-control-panel input[type=range]{
  width:100%;
}
.lakana-control-panel select{
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  padding:14px 12px;
  background:#f7fbfc;
  color:#06111f;
  font-weight:800;
}
.lakana-control-panel input[type=range]{
  accent-color:var(--lakana-cyan);
}
.lakana-output-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.lakana-output{
  border-radius:18px;
  background:rgba(244,246,249,.08);
  border:1px solid rgba(255,255,255,.12);
  padding:14px;
}
.lakana-output b{
  display:block;
  font-size:1.55rem;
  color:#fff;
}
.lakana-output span{
  display:block;
  color:#b7c7d8;
  font-size:.82rem;
  margin-top:4px;
}
.lakana-step-rail{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.lakana-step{
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.12);
  min-height:96px;
}
.lakana-step em{
  color:var(--lakana-cyan);
  font-style:normal;
  font-weight:900;
}
.lakana-step strong{
  display:block;
  margin-top:5px;
}
.lakana-step span{
  display:block;
  color:#b7c7d8;
  margin-top:5px;
  font-size:.84rem;
  line-height:1.4;
}
.lakana-apex-report{
  background:#fff;
  color:var(--lakana-ink);
  padding:clamp(20px,4vw,38px);
}
.lakana-report-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.lakana-report-panel{
  color:var(--lakana-ink);
  background:#f8fbfc;
  border:1px solid rgba(10,22,37,.12);
  padding:18px;
}
.lakana-report-panel strong{
  display:block;
  margin-bottom:6px;
}
.lakana-report-panel span{
  color:#3b4b62;
  line-height:1.55;
}
[data-lakana-hide-3d="true"]{
  display:none!important;
}
@media(max-width:820px){
  .lakana-apex-grid,
  .lakana-sim-shell,
  .lakana-output-grid,
  .lakana-report-list{
    grid-template-columns:1fr;
  }
  .lakana-step-rail{
    grid-template-columns:1fr;
  }
  .lakana-map-panel svg{
    min-height:280px;
  }
  .lakana-apex-plain,
  .lakana-apex-2d,
  .lakana-apex-report{
    width:min(100% - 20px,760px);
    margin:20px auto;
    border-radius:22px;
  }
}