@font-face{font-family:KondorFallback;src:local("Segoe UI")}
:root{
  --navy:#08233f;
  --navy-2:#0d3557;
  --teal:#00a995;
  --teal-dark:#008e80;
  --teal-soft:#dff7f3;
  --text:#122b45;
  --muted:#6f8194;
  --line:#dfe7ed;
  --card:#ffffff;
  --shadow:0 12px 38px rgba(16,44,70,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-width:320px;
  color:var(--text);
  background:
    radial-gradient(circle at 77% 16%,rgba(0,169,149,.035),transparent 26%),
    linear-gradient(180deg,#fff 0%,#fbfdfe 72%,#f6f9fb 100%);
  font-family:KondorFallback,"Segoe UI",Arial,sans-serif;
}
body::before{
  content:"";
  position:fixed;
  inset:84px 0 0;
  pointer-events:none;
  z-index:-1;
  opacity:.42;
  background:
    linear-gradient(90deg,transparent 0 3%,rgba(8,35,63,.045) 3% 3.15%,transparent 3.15% 100%),
    radial-gradient(circle,rgba(8,35,63,.07) 1px,transparent 1.4px);
  background-size:100% 100%,14px 14px;
  mask-image:linear-gradient(90deg,#000 0,transparent 18%,transparent 80%,#000 100%);
}
.header{
  height:84px;
  padding:0 clamp(28px,3.1vw,58px);
  display:flex;
  align-items:center;
  gap:30px;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #e4ebf0;
  box-shadow:0 2px 10px rgba(22,49,72,.035);
  position:sticky;
  top:0;
  z-index:30;
}
.logo{width:clamp(250px,24vw,460px);height:86px;display:flex;align-items:center;justify-content:flex-start;overflow:visible;flex:0 0 auto}
.logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.nav{display:flex;justify-content:center;gap:42px;flex:1;white-space:nowrap}
.nav a{color:#0c2742;text-decoration:none;font-size:15px;font-weight:500}
.nav a:hover{color:var(--teal)}
.header-right{display:flex;align-items:center;gap:24px;white-space:nowrap}
.social-link{display:flex;align-items:center;gap:8px;color:#183149;text-decoration:none;font-size:14px}
.social-link svg{width:22px;height:22px;fill:currentColor}
.telegram svg{color:#169cdb}.youtube svg{color:#081d31}.xcom svg{color:#101e2d}
.access-btn{
  min-height:42px;
  border:0;
  border-radius:8px;
  padding:0 24px;
  color:#fff;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  background:linear-gradient(180deg,#12b8a5,#009b8b);
  box-shadow:0 8px 18px rgba(0,155,139,.22),inset 0 1px rgba(255,255,255,.28);
}
.access-btn:hover{filter:brightness(1.04)}
main{max-width:1600px;margin:auto}
.hero-layout{
  min-height:566px;
  display:grid;
  grid-template-columns:42.5% 57.5%;
  background:
    linear-gradient(155deg,transparent 0 32%,rgba(230,236,241,.72) 32.1% 36%,transparent 36.1%),
    linear-gradient(166deg,transparent 0 53%,rgba(8,35,63,.95) 53.1% 58%,transparent 58.1%);
}
.hero-left{
  padding:42px 30px 12px 52px;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.hero-copy{padding:0 0 18px 0}
.hero-copy h1{
  margin:0 0 24px;
  font-size:clamp(38px,3.2vw,55px);
  line-height:1.06;
  letter-spacing:-1.8px;
  color:#07223e;
  font-weight:760;
}
.hero-copy h1 span{color:var(--teal)}
.hero-copy p{
  color:#546b80;
  font-size:16px;
  line-height:1.45;
  margin:0;
}
.benefit-cards svg text{font:700 7px "Segoe UI";fill:#0b3152;stroke:none;text-anchor:middle}
.pnl-card{
  height:121px;
  border:1px solid #dce5eb;
  border-radius:10px;
  background:rgba(255,255,255,.95);
  box-shadow:0 8px 24px rgba(31,58,80,.10);
  display:grid;
  grid-template-columns:1fr 48%;
  padding:16px 12px 11px 18px;
  overflow:hidden;
}
.pnl-card span,.pnl-card b,.pnl-card strong,.pnl-card small{display:block}
.pnl-card span{font-size:13px;color:#465d73}
.pnl-card b{font-size:14px;margin:2px 0 6px}
.pnl-card strong{color:var(--teal);font-size:22px;line-height:1}
.pnl-card small{font-size:12px;color:#24445f;margin-top:8px;font-weight:600}
.pnl-card canvas{width:100%;height:72px;align-self:end}
.dashboard-card{
  margin:0 42px 14px 0;
  align-self:start;
  background:#fff;
  border:1px solid #dbe4ea;
  border-radius:9px;
  box-shadow:0 12px 30px rgba(22,50,73,.08);
  overflow:hidden;
  min-width:0;
}
.chart-toolbar{
  height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 22px;
  border-bottom:1px solid #eef2f5;
  font-size:12px;color:#718294;
}
.pair{display:flex;align-items:center;gap:15px}
.pair b{font-size:16px;color:#102943}
.pair i{width:9px;height:9px;border-radius:50%;background:var(--teal)}
.pair span{font-size:14px;font-weight:700;color:#102943}
.pair em{font-style:normal;color:#8795a4}
.chart-container{height:246px;position:relative;padding:6px 10px 0}
#price-chart{display:block;width:100%;height:100%}
.chart-tooltip{
  position:absolute;
  z-index:5;
  pointer-events:none;
  padding:8px 10px;
  border:1px solid #b8d3d0;
  border-radius:5px;
  background:#fff;
  color:#17354d;
  font-size:11px;
  box-shadow:0 8px 22px rgba(11,42,68,.15);
}
.history-title{
  height:44px;
  padding:0 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid #dfe7ed;
  border-bottom:1px solid #dfe7ed;
}
.history-title b{font-size:14px}
.history-title span{font-size:12px;color:var(--teal)}
.trades-scroll{height:273px;overflow:hidden}
table{width:100%;border-collapse:collapse;table-layout:fixed}
th,td{height:25px;padding:0 14px;border-bottom:1px solid #e8eef2;text-align:left;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
th{height:28px;color:#60758a;font-weight:600;background:#fbfcfd}
td{color:#334f67}
th:nth-child(3),td:nth-child(3),th:nth-child(6),td:nth-child(6){text-align:center}
.side-long{color:#00a48e;font-weight:700}.side-short{color:#ed4f50;font-weight:700}
.pnl-positive{color:#009c88;font-weight:700}.pnl-negative{color:#e45252;font-weight:700}
.workflow,.benefits{padding:18px 28px 24px 52px}
dialog{
  width:min(620px,92vw);
  border:0;
  border-radius:12px;
  padding:0;
  box-shadow:0 30px 100px rgba(7,35,62,.3);
}
dialog::backdrop{background:rgba(4,23,40,.58);backdrop-filter:blur(5px)}
dialog form{padding:28px 34px 30px;position:relative;background:#fff}
.modal-logo{display:block;max-width:280px;max-height:88px;width:auto;height:auto;object-fit:contain;margin:-5px 0 5px}
.modal-close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:#36526a;font-size:30px;cursor:pointer}
dialog h2{font-size:28px;margin:4px 0 7px}
dialog p{font-size:13px;color:#6b7e90;margin:0 0 14px}
label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:12px;font-weight:600}
input,textarea{border:1px solid #cfdce4;border-radius:6px;padding:11px 12px;font:inherit;outline:none}
input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,169,149,.10)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.consent{flex-direction:row;align-items:flex-start;font-weight:400;color:#657a8c}
.consent input{width:auto;margin-top:2px}.honeypot{position:absolute;left:-10000px}
.modal-submit{width:100%;margin-top:4px}
#form-status{display:block;min-height:20px;margin-top:12px;text-align:center;color:var(--teal-dark);font-size:12px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1400px){
  .header{gap:18px}.logo{width:clamp(220px,22vw,360px)}.nav{gap:24px}.header-right{gap:12px}
  .social-link span{display:none}
  .hero-left{padding-left:34px}.dashboard-card{margin-right:25px}
}
@media(max-width:1120px){
  .nav{display:none}.header-right{margin-left:auto}
  .hero-layout{grid-template-columns:1fr;background:#fff}
  .hero-left{padding:38px 28px 20px}
  .dashboard-card{margin:0 28px 24px}
  .pnl-cards{margin-top:24px}
  .bottom-grid{grid-template-columns:1fr;background:#fff}
  .benefits{border-left:0;border-top:1px solid #dce5ea}
}
@media(max-width:760px){
  .header{height:70px;padding:0 14px}.logo{width:220px;height:62px}
  .social-link{display:none}.access-btn{padding:0 14px;font-size:12px}
  .hero-left{padding:30px 18px 18px}.hero-copy h1{font-size:38px;letter-spacing:-1px}
  .hero-copy p{font-size:14px}.mini-benefits{grid-template-columns:1fr}.mini-benefits article{border-right:0;border-bottom:1px solid #dce5ea;padding:10px 0}
  .mini-benefits article:not(:first-child){padding-left:0}
  .pnl-cards{grid-template-columns:1fr}.pnl-card{height:110px}
  .dashboard-card{margin:0 12px 20px}.chart-toolbar{padding:0 12px}.chart-toolbar>span{display:none}.pair{gap:8px}.pair em{display:none}
  .chart-container{height:330px}.trades-scroll{overflow:auto;height:auto}
  th,td{padding:0 10px;min-width:110px}.bottom-grid{display:block}
  .workflow,.benefits{padding:22px 18px}.workflow-items,.benefit-cards{grid-template-columns:1fr 1fr}
  .workflow-items article{border-right:0;border-bottom:1px solid #dce5ea;margin:0;padding:14px}
  .form-grid{grid-template-columns:1fr}
}


/* Выбор календарного периода и отдельная строка Net PnL */
.pnl-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42%;
  grid-template-rows:auto auto 1fr;
  column-gap:18px;
  align-items:start;
  height:132px;
}
.pnl-card-head{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.pnl-card-head b{
  margin:0;
  white-space:nowrap;
}
.period-select{
  min-width:150px;
  max-width:190px;
  border:1px solid #d6e1e8;
  border-radius:7px;
  background:#fff;
  color:#173b57;
  font:600 12px "Segoe UI",sans-serif;
  padding:6px 28px 6px 9px;
  outline:none;
  cursor:pointer;
}
.period-select:focus{
  border-color:#00a995;
  box-shadow:0 0 0 3px rgba(0,169,149,.12);
}
.period-select:disabled{
  opacity:.6;
  cursor:not-allowed;
}
.pnl-value-row{
  grid-column:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  min-width:0;
}
.pnl-value-row span{
  margin:0;
  font-size:13px;
  color:#465d73;
}
.pnl-value-row strong{
  display:block;
  margin:0;
  color:var(--teal);
  font-size:22px;
  line-height:1.15;
  white-space:nowrap;
}
.pnl-value-row strong.negative{
  color:#e45252;
}
.pnl-card canvas{
  grid-column:2;
  grid-row:2 / 4;
  width:100%;
  height:72px;
  align-self:end;
}
@media (max-width:700px){
  .pnl-card{
    height:142px;
    grid-template-columns:minmax(0,1fr) 38%;
  }
  .period-select{
    min-width:130px;
    max-width:155px;
  }
}


/* Полноширинный блок Net PnL */
.pnl-section{
  width:min(100% - 48px, 1480px);
  margin:28px auto 0;
  padding:28px;
  background:#fff;
  border:1px solid #dfe7ed;
  border-radius:18px;
  box-shadow:0 12px 34px rgba(13,48,73,.08);
}
.pnl-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.pnl-section-head h2{
  margin:4px 0 0;
  font-size:30px;
  line-height:1.1;
  color:#08233f;
}
.pnl-section-head p{
  margin:0;
  max-width:440px;
  color:#60778a;
  font-size:14px;
  text-align:right;
}
.section-kicker{
  display:block;
  color:#00a995;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pnl-section .pnl-cards{
  margin:0;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.pnl-section .pnl-card{
  min-width:0;
  height:148px;
}
@media (max-width:960px){
  .pnl-section{
    width:min(100% - 28px, 1480px);
    padding:22px;
  }
  .pnl-section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .pnl-section-head p{
    text-align:left;
  }
  .pnl-section .pnl-cards{
    grid-template-columns:1fr;
  }
}
@media (max-width:560px){
  .pnl-section{
    width:min(100% - 20px, 1480px);
    padding:16px;
    border-radius:14px;
  }
  .pnl-section-head h2{
    font-size:24px;
  }
}


/* Компактная шапка без текстового меню */
.header{
  justify-content:space-between;
}
.logo{
  width:clamp(220px,20vw,365px);
  height:72px;
  padding:4px 0 8px;
  box-sizing:border-box;
}
.logo img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}
@media (max-width:1400px){
  .logo{
    width:clamp(205px,19vw,320px);
    height:68px;
    padding-bottom:8px;
  }
}
@media (max-width:760px){
  .logo{
    width:190px;
    height:58px;
    padding:3px 0 7px;
  }
}


/* Логотип над заголовком первого экрана */
.hero-brand{
  width:min(100%,560px);
  margin:0 0 24px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.hero-brand img{
  display:block;
  width:100%;
  height:auto;
  max-height:150px;
  object-fit:contain;
  object-position:left center;
}
@media (max-width:980px){
  .hero-brand{
    width:min(100%,500px);
    margin-bottom:20px;
  }
  .hero-brand img{
    max-height:132px;
  }
}
@media (max-width:560px){
  .hero-brand{
    width:100%;
    margin-bottom:16px;
  }
  .hero-brand img{
    max-height:104px;
  }
}


/* Совпадение левого края верхнего меню и текста первого экрана */
.header{
  padding-left:max(52px,calc((100vw - 1600px)/2 + 52px));
  padding-right:max(52px,calc((100vw - 1600px)/2 + 52px));
}
@media (max-width:1400px){
  .header{
    padding-left:34px;
    padding-right:34px;
  }
}
@media (max-width:980px){
  .header{
    padding-left:28px;
    padding-right:28px;
  }
}
@media (max-width:760px){
  .header{
    padding-left:18px;
    padding-right:18px;
  }
}


/* Обновлённый светлый фон, как в согласованном макете:
   меньше контрастных диагоналей, больше воздуха и лучше читаемость текста */
body{
  background:
    radial-gradient(circle at 84% 12%, rgba(0,169,149,.045), transparent 18%),
    radial-gradient(circle at 12% 24%, rgba(8,35,63,.02), transparent 20%),
    linear-gradient(180deg, #ffffff 0%, #fbfcfe 68%, #f7fafc 100%) !important;
}
body::before{
  inset:84px 0 0;
  opacity:.16;
  background:
    radial-gradient(circle at 85% 7%, rgba(8,35,63,.12) 1.2px, transparent 1.8px),
    linear-gradient(90deg, rgba(8,35,63,.028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(8,35,63,.028) 1px, transparent 1px);
  background-size: 18px 18px, 120px 120px, 120px 120px;
  background-position: top right, left top, left top;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.85), rgba(0,0,0,.25) 55%, transparent 100%);
}

.hero-layout{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(251,253,255,.98) 100%) !important;
  border:1px solid #e5ecf1;
  border-radius:22px;
  box-shadow:0 14px 40px rgba(18,44,70,.06);
}
.hero-layout::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 87% 22%, rgba(0,169,149,.055), transparent 16%),
    radial-gradient(circle at 18% 72%, rgba(8,35,63,.035), transparent 19%);
}
.hero-layout::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:150px;
  pointer-events:none;
  background:
    linear-gradient(164deg,
      transparent 0 49%,
      rgba(226,232,238,.9) 49.2% 54%,
      rgba(9,40,70,.95) 54.2% 61%,
      transparent 61.2%);
  opacity:.56;
}
.hero-left,
.dashboard-card{
  position:relative;
  z-index:1;
}
.hero-copy h1,
.hero-copy p,
.dashboard-card{
  background:rgba(255,255,255,.97);
  border:1px solid #dde6ec;
  box-shadow:0 12px 30px rgba(16,44,70,.07);
}
.pnl-section,
.bottom-grid > article{
  box-shadow:0 12px 34px rgba(13,48,73,.06);
}
@media (max-width:980px){
  .hero-layout{
    border-radius:18px;
  }
  .hero-layout::after{
    height:110px;
    opacity:.42;
  }
}
@media (max-width:560px){
  .hero-layout{
    border-radius:14px;
  }
  .hero-layout::after{
    height:84px;
    opacity:.34;
  }
}


/* Approved content icon set */
.benefit-icon,
.benefit-icon img,
.benefit-cards .content-card-icon{
  display:block;
  width:68px;
  height:68px;
  object-fit:cover;
  border-radius:16px;
  margin:0 auto 8px;
  box-shadow:0 5px 16px rgba(16,44,70,.08);
}
@media (max-width:760px){
  .benefit-icon{
    width:50px;
    height:50px;
    flex-basis:50px;
  }
  .step-icon{
    width:54px;
    height:54px;
  }
  .benefit-cards .content-card-icon{
    width:62px;
    height:62px;
  }
}


/* TradingView Lightweight Charts */
#price-chart.tradingview-chart{
  display:block;
  width:100%;
  height:100%;
  min-height:238px;
  overflow:hidden;
  border-radius:4px;
}
.chart-container{
  padding:6px 10px 0;
}
.chart-tooltip{
  z-index:8;
  min-width:190px;
  max-width:230px;
  pointer-events:none;
  line-height:1.45;
}
.chart-tooltip hr{
  margin:6px 0;
  border:0;
  border-top:1px solid #dfe7ed;
}
footer a{
  color:#00a995;
  text-decoration:none;
}
footer a:hover{
  text-decoration:underline;
}


/* Language switch */
.lang-switch{
  min-width:46px;
  height:38px;
  padding:0 12px;
  border:1px solid #ccd9e2;
  border-radius:8px;
  background:#fff;
  color:#08233f;
  font-size:13px;
  font-weight:800;
  letter-spacing:.5px;
  cursor:pointer;
  transition:.2s ease;
}
.lang-switch:hover{
  border-color:#00a995;
  color:#008e80;
  box-shadow:0 5px 14px rgba(0,169,149,.12);
}
@media(max-width:760px){
  .lang-switch{
    min-width:42px;
    height:36px;
    padding:0 9px;
  }
}


/* Backtests */
.backtests-section{
  width:min(1360px,calc(100% - 48px));
  margin:34px auto 28px;
  padding:30px;
  border:1px solid #dfe8ee;
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 45px rgba(9,42,70,.08);
}
.backtests-head{
  text-align:center;
  margin-bottom:24px;
}
.backtests-head h2{
  margin:5px 0 7px;
  color:#08233f;
  font-size:clamp(25px,2.4vw,36px);
}
.backtests-head p{
  margin:0;
  color:#6f8293;
}
.backtest-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.backtest-card{
  min-width:0;
  padding:18px;
  border:1px solid #dfe7ed;
  border-radius:17px;
  background:#fff;
  box-shadow:0 10px 25px rgba(8,35,63,.06);
}
.backtest-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.backtest-card-head h3{
  margin:0;
  color:#08233f;
  font-size:19px;
}
.backtest-symbol{
  padding:5px 9px;
  border:1px solid #9ce7dd;
  border-radius:7px;
  color:#00a995;
  font-size:11px;
  font-weight:800;
}
.backtest-chart-wrap{
  height:245px;
}
.backtest-chart-wrap canvas{
  display:block;
  width:100%;
  height:100%;
}
.backtest-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e5edf2;
}
.backtest-stats div{
  min-width:0;
  padding:0 9px;
  border-right:1px solid #e5edf2;
}
.backtest-stats div:last-child{
  border-right:0;
}
.backtest-stats span,
.backtest-stats strong{
  display:block;
}
.backtest-stats span{
  color:#71879a;
  font-size:11px;
  margin-bottom:5px;
}
.backtest-stats strong{
  color:#08233f;
  font-size:13px;
  white-space:nowrap;
}
.backtest-stats strong.positive{
  color:#00a17f;
}
@media(max-width:1050px){
  .backtest-grid{
    grid-template-columns:1fr;
  }
  .backtest-chart-wrap{
    height:285px;
  }
}
@media(max-width:620px){
  .backtests-section{
    width:calc(100% - 24px);
    padding:18px 12px;
  }
  .backtest-chart-wrap{
    height:230px;
  }
  .backtest-stats{
    grid-template-columns:repeat(2,1fr);
    gap:12px 0;
  }
  .backtest-stats div:nth-child(2){
    border-right:0;
  }
}


.backtest-period-stat strong{
  white-space:normal;
  line-height:1.25;
  font-size:12px;
}


/* Pricing */
.pricing-section{
  width:min(1360px,calc(100% - 48px));
  margin:34px auto 28px;
  padding:32px;
  border:1px solid #dfe8ee;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,254,.98));
  box-shadow:0 18px 45px rgba(9,42,70,.08);
}
.pricing-head{
  max-width:760px;
  margin:0 auto 26px;
  text-align:center;
}
.pricing-head h2{
  margin:5px 0 8px;
  color:#08233f;
  font-size:clamp(26px,2.5vw,38px);
}
.pricing-head p{
  margin:0;
  color:#6f8293;
}
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.pricing-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:24px;
  border:1px solid #dce7ed;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(8,35,63,.06);
}
.pricing-card.featured{
  border-color:#55d7c8;
  box-shadow:0 18px 38px rgba(0,169,149,.14);
  transform:translateY(-6px);
}
.pricing-badge{
  position:absolute;
  top:14px;
  right:14px;
  padding:5px 9px;
  border-radius:999px;
  background:#e7fbf7;
  color:#008f80;
  font-size:11px;
  font-weight:800;
}
.pricing-card-top{
  padding-bottom:18px;
  border-bottom:1px solid #e5edf2;
}
.pricing-plan{
  display:block;
  margin-bottom:8px;
  color:#6f8293;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.8px;
}
.pricing-card-top strong{
  display:block;
  color:#08233f;
  font-size:44px;
  line-height:1;
}
.pricing-card-top small{
  display:block;
  margin-top:8px;
  color:#6f8293;
  font-size:13px;
}
.pricing-details{
  display:grid;
  gap:14px;
  padding:20px 0;
}
.pricing-details div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.pricing-details span{
  color:#6f8293;
  font-size:13px;
}
.pricing-details b{
  color:#08233f;
  font-size:17px;
}
.pricing-action{
  width:100%;
  margin-top:auto;
}
.pricing-note{
  max-width:860px;
  margin:20px auto 0;
  color:#7a8d9d;
  font-size:12px;
  text-align:center;
}
@media(max-width:900px){
  .pricing-grid{
    grid-template-columns:1fr;
  }
  .pricing-card.featured{
    transform:none;
  }
}
@media(max-width:620px){
  .pricing-section{
    width:calc(100% - 24px);
    padding:20px 14px;
  }
  .pricing-card{
    padding:20px;
  }
}


/* Real-time trading results clarification */
.results-description{
  max-width:620px;
}
.results-description > p:first-child{
  margin-bottom:8px;
}
.realtime-results-note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:0;
  padding:10px 13px;
  border:1px solid #bcece5;
  border-radius:11px;
  background:#effbf8;
  color:#325a58 !important;
  font-size:12px;
  line-height:1.45;
}
.live-dot{
  width:9px;
  height:9px;
  flex:0 0 9px;
  margin-top:4px;
  border-radius:50%;
  background:#00a995;
  box-shadow:0 0 0 4px rgba(0,169,149,.12);
}
@media(max-width:760px){
  .results-description{
    max-width:none;
  }
}


/* Centered Trading Results heading */
.pnl-section-head.centered-results-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  text-align:center;
}
.centered-results-head .section-kicker{
  display:block;
}
.centered-results-head h2{
  margin:5px 0 10px;
}
.centered-results-head .results-description{
  width:min(760px,100%);
  max-width:760px;
  margin:0 auto;
  text-align:center;
}
.centered-results-head .results-description > p:first-child{
  margin:0 0 10px;
  text-align:center;
}
.centered-results-head .realtime-results-note{
  justify-content:center;
  text-align:center;
}
.centered-results-head .live-dot{
  margin-top:4px;
}


/* Full-width centered explanatory text in Trading Results */
.centered-results-head{
  width:100%;
}
.centered-results-head .results-description{
  width:100%;
  max-width:none;
  margin:0;
}
.centered-results-head .results-description > p:first-child{
  width:100%;
  margin:0 0 12px;
  text-align:center;
}
.centered-results-head .realtime-results-note{
  width:100%;
  box-sizing:border-box;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.centered-results-head .realtime-results-note > span:last-child{
  display:block;
  width:100%;
  text-align:center;
}
.centered-results-head .live-dot{
  flex:0 0 9px;
  margin-top:0;
}


/* Definitive full-width alignment fix for Trading Results text */
.pnl-section .pnl-section-head.centered-results-head{
  width:100%;
  align-items:stretch;
}
.pnl-section .centered-results-head > .section-kicker,
.pnl-section .centered-results-head > h2{
  align-self:center;
  text-align:center;
}
.pnl-section .centered-results-head > .results-description{
  display:block;
  align-self:stretch;
  width:100%;
  max-width:none;
  margin:0;
  box-sizing:border-box;
  text-align:center;
}
.pnl-section .centered-results-head > .results-description > p{
  width:100%;
  max-width:none;
  box-sizing:border-box;
  margin-left:0;
  margin-right:0;
  text-align:center;
}
.pnl-section .centered-results-head .realtime-results-note{
  display:flex;
  width:100%;
  max-width:none;
  justify-content:center;
  align-items:center;
  box-sizing:border-box;
  text-align:center;
}
.pnl-section .centered-results-head .realtime-results-note > span:last-child{
  width:auto;
  flex:0 1 auto;
  text-align:center;
}


/* Decision support sections */
.decision-section,
.control-section,
.horizon-section,
.suitability-section,
.evidence-section,
.decision-head,
.horizon-head,
.suitability-head,
.evidence-head,
.decision-head h2,
.control-copy h2,
.horizon-head h2,
.suitability-head h2,
.evidence-head h2,
.risk-calculator-head h2{
  margin:5px 0 9px;
  color:#08233f;
  font-size:clamp(25px,2.4vw,37px);
}
.decision-head p,
.control-copy p,
.horizon-head p,
.evidence-head p,
.risk-calculator-head p{
  margin:0;
  color:#6f8293;
  line-height:1.65;
}
.decision-pillars{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.decision-pillars article{
  padding:22px;
  border:1px solid #e1e9ee;
  border-radius:17px;
  background:linear-gradient(180deg,#fff,#f8fbfd);
}
.decision-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin-bottom:14px;
  border-radius:50%;
  background:#e8faf7;
  color:#00a995;
  font-weight:800;
}
.decision-pillars h3{
  margin:0 0 9px;
  color:#08233f;
}
.decision-pillars p{
  margin:0;
  color:#6f8293;
  line-height:1.55;
}
.control-section{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:center;
}
.control-list{
  display:grid;
  gap:12px;
}
.control-list div{
  display:flex;
  align-items:center;
  gap:11px;
  padding:14px 16px;
  border:1px solid #dce9ed;
  border-radius:13px;
  background:#f7fcfb;
}
.control-list span{
  color:#00a995;
  font-weight:900;
}
.control-list b{
  color:#183c58;
  font-size:14px;
}
.horizon-scale{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.horizon-scale div{
  padding:18px;
  border:1px solid #dfe8ee;
  border-radius:15px;
  text-align:center;
  background:#fff;
}
.horizon-scale div.active{
  border-color:#55d7c8;
  background:#effbf8;
  box-shadow:0 10px 25px rgba(0,169,149,.11);
}
.horizon-scale span{
  display:block;
  color:#00a995;
  font-size:26px;
  font-weight:800;
}
.horizon-scale b{
  display:block;
  margin:4px 0 7px;
  color:#08233f;
}
.horizon-scale small{
  color:#71879a;
}
.suitability-grid,
.evidence-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.suitability-grid article,
.evidence-grid article{
  padding:22px;
  border-radius:17px;
  border:1px solid #dfe8ee;
}
.suitable{
  background:#f2fbf8;
}
.not-suitable{
  background:#fff8f7;
}
.suitability-grid h3,
.evidence-grid b{
  margin:0 0 12px;
  color:#08233f;
  font-size:20px;
}
.suitability-grid ul{
  margin:0;
  padding-left:20px;
  color:#506b80;
}
.suitability-grid li{
  margin:9px 0;
  line-height:1.45;
}
.evidence-grid article{
  background:#f8fbfd;
}
.evidence-grid p{
  margin:0;
  color:#6f8293;
}
@media(max-width:900px){
  .decision-pillars,
  .control-section,
  .horizon-scale,
  .suitability-grid,
  .evidence-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .decision-section,
  .control-section,
  .horizon-section,
  .suitability-section,
  .evidence-section{
    width:calc(100% - 24px);
    padding:20px 14px;
  }
}


/* Precise chart and trade-history sizing fix */
.chart-container{
  height:246px;
  padding:6px 14px 0 10px;
  box-sizing:border-box;
}
#price-chart.tradingview-chart{
  width:100%;
  height:100%;
  min-height:238px;
  padding:0;
  box-sizing:border-box;
  overflow:hidden;
}
.trades-scroll{
  height:auto;
  overflow:hidden;
  padding-bottom:12px;
  box-sizing:border-box;
}
.trades-scroll table{
  margin:0;
}
.trades-scroll tbody tr:last-child td{
  border-bottom:0;
}
@media(max-width:720px){
  .chart-container{
    height:330px;
    padding:6px 12px 0 8px;
  }
  #price-chart.tradingview-chart{
    min-height:322px;
  }
  .trades-scroll{
    overflow-x:auto;
    padding-bottom:12px;
  }
}


/* Decision support sections — final visual refinement */
.decision-section,
.control-section,
.horizon-section,
.suitability-section,
.evidence-section{
  width:min(1360px,calc(100% - 48px));
  margin:34px auto 28px;
  padding:30px;
  border:1px solid #dfe8ee;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,254,.98));
  box-shadow:0 16px 40px rgba(9,42,70,.06);
  box-sizing:border-box;
}

.decision-head,
.control-copy,
.horizon-head,
.suitability-head,
.evidence-head{
  max-width:900px;
}

.decision-head,
.horizon-head,
.suitability-head,
.evidence-head{
  margin:0 auto 24px;
  text-align:center;
}

.decision-head h2,
.control-copy h2,
.horizon-head h2,
.suitability-head h2,
.evidence-head h2{
  margin:6px 0 10px;
  color:#08233f;
  font-size:clamp(28px,2.3vw,44px);
  line-height:1.15;
  letter-spacing:-0.02em;
}

.decision-head p,
.control-copy p,
.horizon-head p,
.evidence-head p{
  margin:0;
  color:#71879a;
  font-size:16px;
  line-height:1.65;
}

.decision-pillars{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.decision-pillars article{
  min-width:0;
  padding:22px 22px 20px;
  border:1px solid #dfe7ed;
  border-radius:18px;
  background:#ffffff;
  box-shadow:0 10px 24px rgba(8,35,63,.04);
}

.decision-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-bottom:16px;
  border-radius:12px;
  background:#ecfbf8;
  color:#00a995;
  font-size:24px;
  font-weight:800;
  line-height:1;
}

.decision-pillars h3{
  margin:0 0 10px;
  color:#08233f;
  font-size:22px;
  line-height:1.22;
  letter-spacing:-0.02em;
}

.decision-pillars p{
  margin:0;
  color:#71879a;
  font-size:15px;
  line-height:1.6;
}

.control-section{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:20px;
  align-items:start;
}

.control-copy{
  text-align:left;
}

.control-list{
  display:grid;
  gap:12px;
}

.control-list div{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:14px 16px;
  border:1px solid #dce9ed;
  border-radius:14px;
  background:#f6fcfa;
  box-shadow:0 4px 12px rgba(0,169,149,.05);
  box-sizing:border-box;
}

.control-list span{
  flex:0 0 auto;
  color:#00a995;
  font-size:18px;
  font-weight:900;
}

.control-list b{
  color:#29485f;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
}

.horizon-scale{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.horizon-scale div{
  padding:18px 14px;
  border:1px solid #dfe8ee;
  border-radius:16px;
  background:#fff;
  text-align:center;
  box-shadow:0 8px 18px rgba(8,35,63,.03);
}

.horizon-scale div.active{
  border-color:#66d7ca;
  background:#effbf8;
  box-shadow:0 12px 25px rgba(0,169,149,.10);
}

.horizon-scale span{
  display:block;
  color:#00a995;
  font-size:28px;
  font-weight:800;
  line-height:1;
}

.horizon-scale b{
  display:block;
  margin:6px 0 7px;
  color:#08233f;
  font-size:18px;
  line-height:1.2;
}

.horizon-scale small{
  display:block;
  color:#71879a;
  font-size:13px;
  line-height:1.45;
}

.suitability-grid,
.evidence-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.suitability-grid article,
.evidence-grid article{
  min-width:0;
  padding:22px;
  border:1px solid #dfe8ee;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(8,35,63,.04);
}

.suitable{
  background:linear-gradient(180deg,#f1fbf8,#fbfefd);
}

.not-suitable{
  background:linear-gradient(180deg,#fff8f7,#fffdfc);
}

.suitability-grid h3{
  margin:0 0 12px;
  color:#08233f;
  font-size:22px;
  line-height:1.2;
}

.suitability-grid ul{
  margin:0;
  padding-left:20px;
  color:#5e7589;
}

.suitability-grid li{
  margin:9px 0;
  font-size:15px;
  line-height:1.55;
}

.evidence-grid article{
  background:#f8fbfd;
}

.evidence-grid b{
  display:block;
  margin:0 0 10px;
  color:#08233f;
  font-size:20px;
  line-height:1.2;
}

.evidence-grid p{
  margin:0;
  color:#71879a;
  font-size:15px;
  line-height:1.6;
}

@media(max-width:1100px){
  .decision-pillars{
    grid-template-columns:1fr;
  }
  .control-section{
    grid-template-columns:1fr;
  }
  .horizon-scale{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .suitability-grid,
  .evidence-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .decision-section,
  .control-section,
  .horizon-section,
  .suitability-section,
  .evidence-section{
    width:calc(100% - 24px);
    padding:20px 14px;
  }
  .decision-head h2,
  .control-copy h2,
  .horizon-head h2,
  .suitability-head h2,
  .evidence-head h2{
    font-size:30px;
  }
  .horizon-scale{
    grid-template-columns:1fr;
  }
}


/* Precise chart spacing fix */
.chart-container{
  padding:6px 22px 12px 4px !important;
  box-sizing:border-box;
}
#price-chart{
  width:100%;
  height:100%;
  min-height:246px;
}


/* Hero cleanup after removing mini benefit cards */
.hero-left{
  padding-bottom:28px;
}
.hero-copy{
  padding-bottom:0;
}


/* Restore Net PnL cards as columns */
.pnl-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch;
}
.pnl-card{
  min-width:0;
  width:auto !important;
}
@media (max-width:980px){
  .pnl-cards{
    grid-template-columns:1fr !important;
  }
}


/* Restore first-screen text block */
.hero-left{
  justify-content:flex-start;
  padding-top:42px;
  padding-bottom:34px;
}

.hero-copy{
  width:min(100%,620px);
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}

.hero-copy h1,
.hero-copy p{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.hero-copy h1{
  margin:0 0 22px;
  padding:0;
  color:#07223e;
  font-size:clamp(40px,3.2vw,56px);
  font-weight:760;
  line-height:1.06;
  letter-spacing:-1.8px;
}

.hero-copy h1 span{
  color:var(--teal);
}

.hero-copy p{
  margin:0;
  padding:0;
  max-width:610px;
  color:#546b80;
  font-size:16px;
  line-height:1.58;
}

@media(max-width:1120px){
  .hero-copy{
    width:min(100%,760px);
  }
}

@media(max-width:760px){
  .hero-left{
    padding-top:30px;
    padding-bottom:26px;
  }
  .hero-copy h1{
    font-size:38px;
    line-height:1.08;
    letter-spacing:-1px;
  }
  .hero-copy p{
    font-size:14px;
    line-height:1.55;
  }
}


/* Footer disclaimer — restored */
footer{
  width:min(1360px,calc(100% - 48px));
  margin:28px auto 22px;
  padding:18px 22px;
  box-sizing:border-box;
  border:1px solid #dfe7ed;
  border-radius:14px;
  background:rgba(255,255,255,.94);
  color:#71879a;
  font-size:12px;
  line-height:1.55;
  text-align:center;
  box-shadow:0 10px 26px rgba(8,35,63,.05);
}

footer span{
  display:inline;
}

footer a{
  color:#00a995;
  font-weight:700;
  text-decoration:none;
}

footer a:hover{
  text-decoration:underline;
}

@media(max-width:620px){
  footer{
    width:calc(100% - 24px);
    margin:22px auto 16px;
    padding:16px 14px;
    border-radius:12px;
    font-size:11px;
  }
}


#chart-tooltip{
  display:none !important;
}


/* BTC / ETH top switcher */
.asset-switcher{
  display:flex;
  align-items:center;
  gap:4px;
  margin-right:auto;
  padding:4px;
  border:1px solid #d6e1e8;
  border-radius:10px;
  background:#f6f9fb;
}

.asset-tab{
  min-width:54px;
  padding:8px 13px;
  border-radius:7px;
  color:#60758a;
  font-size:13px;
  font-weight:800;
  text-align:center;
  text-decoration:none;
  transition:.18s ease;
}

.asset-tab:hover{
  color:#008f80;
  background:#edf9f7;
}

.asset-tab.active{
  background:#fff;
  color:#00a995;
  box-shadow:0 3px 10px rgba(8,35,63,.10);
}

.chart-empty{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  box-sizing:border-box;
  color:#71879a;
  font-size:14px;
  text-align:center;
}

@media(max-width:760px){
  .header{
    flex-wrap:wrap;
    height:auto;
    min-height:70px;
    padding-top:8px;
    padding-bottom:8px;
    gap:8px;
  }
  .asset-switcher{
    order:1;
  }
  .header-right{
    order:2;
  }
}