:root{--bg:#030914;--bg2:#06111f;--panel:rgba(8,22,38,.72);--panel2:#071522;--text:#eef7ff;--muted:#8fa7bb;--cyan:#00e5ff;--blue:#318bff;--purple:#8e6cff;--green:#17e98a;--red:#ff5164;--line:rgba(104,193,255,.18);--shadow:0 24px 80px rgba(0,0,0,.45);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(0,229,255,.07),transparent 30%),radial-gradient(circle at 85% 25%,rgba(142,108,255,.06),transparent 28%);pointer-events:none;z-index:-2}.noise{position:fixed;inset:0;opacity:.025;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:110px 0;position:relative}.centered{text-align:center;max-width:780px;margin:0 auto 55px}.centered p,.section-head p,.hero-lead{color:var(--muted)}h1,h2,h3{font-family:Manrope,Inter,sans-serif;line-height:1.12;margin:0 0 18px}h1{font-size:clamp(2.8rem,6.4vw,5.8rem);letter-spacing:-.055em}h1 em{font-style:normal;background:linear-gradient(100deg,var(--cyan),#68a9ff,var(--purple));-webkit-background-clip:text;color:transparent}h2{font-size:clamp(2.15rem,4vw,3.7rem);letter-spacing:-.04em}h3{font-size:1.15rem}p{margin:0 0 20px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.76rem;font-weight:800;color:var(--cyan);margin-bottom:16px}.eyebrow span{display:inline-block;width:28px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:10px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;z-index:999;background:white;color:black;padding:8px}






.site-header{
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
    transition:.3s;
    background:rgba(3,9,20,.08);   /* আগে ছিল না */
    backdrop-filter:blur(12px);    /* নতুন */
    border-bottom:1px solid rgba(255,255,255,.04);
}

.site-header.scrolled{
    background:rgba(3,9,20,.18);   /* আগে .78 ছিল */
    backdrop-filter:blur(18px);
    border-color:rgba(255,255,255,.06);
}

.nav{height:82px;display:flex;align-items:center;justify-content:space-between}




.dashboard-video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;      /* পুরো frame fill করবে */
    border-radius:0 0 18px 18px;
    background:#000;
}




.brand{display:flex;align-items:center;color:var(--text);text-decoration:none}

.brand-mark{
    width:55px;
    height:55px;
    
    
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    
    flex-shrink:0;
}

.brand-mark img{
    width:80%;
    height:80%;
    object-fit:contain;
    display:block;
    transition:.3s ease;
}

.brand:hover .brand-mark img{
    transform:scale(1.08);
}

.brand strong{display:block;letter-spacing:.03em}

.brand small{display:block;font-size:.35rem;letter-spacing:.22em;color:#a8c2d6;margin-top:2px}


.nav-menu{display:flex;align-items:center;gap:24px}.nav-menu>a:not(.button){color:#b7c9d8;text-decoration:none;font-size:.94rem;font-weight:600}.nav-menu>a:hover{color:white}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:12px;text-decoration:none;color:#001018;background:linear-gradient(135deg,var(--cyan),#62a8ff);font-weight:800;box-shadow:0 10px 30px rgba(0,229,255,.17);transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(0,229,255,.26)}.button-sm{padding:10px 16px;font-size:.82rem}.button-ghost{color:var(--text);background:rgba(255,255,255,.03);border:1px solid var(--line);box-shadow:none}.nav-toggle{display:none;background:none;border:0}.hero{min-height:100vh;padding-top:150px;display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.25fr;align-items:center;gap:65px}.hero-copy{z-index:2}.hero-lead{font-size:1.08rem;max-width:660px}.hero-actions{display:flex;gap:14px;margin:30px 0}.trust-row{display:flex;flex-wrap:wrap;gap:10px}.trust-row span,.tag-row span{font-size:.76rem;color:#afc4d3;border:1px solid var(--line);border-radius:99px;padding:7px 11px;background:rgba(255,255,255,.025)}



/* =========================================================
   TRADER2ALGO PREMIUM PRICING SECTION
========================================================= */

.pricing-section{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(
      180deg,
      rgba(3,9,20,0) 0%,
      rgba(6,18,32,.72) 48%,
      rgba(3,9,20,0) 100%
    );
}

.pricing-section::before{
  content:"";
  position:absolute;
  top:120px;
  left:50%;
  width:780px;
  height:420px;
  transform:translateX(-50%);
  background:rgba(32,200,255,.08);
  filter:blur(120px);
  border-radius:50%;
  pointer-events:none;
  z-index:-2;
}

.pricing-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(
    to bottom,
    transparent,
    black 18%,
    black 82%,
    transparent
  );
}

.pricing-glow{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(110px);
  z-index:-1;
}

.pricing-glow-one{
  width:300px;
  height:300px;
  left:-130px;
  top:38%;
  background:rgba(0,196,255,.13);
}

.pricing-glow-two{
  width:330px;
  height:330px;
  right:-150px;
  bottom:5%;
  background:rgba(73,102,255,.12);
}

.pricing-heading{
  max-width:790px;
  margin:0 auto 70px;
}

.pricing-heading h2{
  max-width:760px;
  margin:12px auto 18px;
}

.pricing-heading h2 span{
  display:inline-block;
  background:linear-gradient(
    90deg,
    #ffffff 0%,
    #43d4ff 52%,
    #58a8ff 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.pricing-heading p{
  max-width:650px;
  margin:0 auto;
  color:#8ea2b8;
  line-height:1.8;
}

.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  align-items:stretch;
  gap:22px;
  max-width:1240px;
  margin:0 auto;
}

.pricing-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:34px 30px 30px;
  overflow:hidden;
  border:1px solid rgba(148,183,211,.12);
  border-radius:26px;
  background:
    linear-gradient(
      150deg,
      rgba(15,29,46,.9),
      rgba(6,15,27,.92)
    );
  box-shadow:
    0 24px 70px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);
  transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

.pricing-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.05),
      transparent 30%
    );
}

.pricing-card:hover{
  transform:translateY(-10px);
  border-color:rgba(51,203,255,.35);
  box-shadow:
    0 32px 90px rgba(0,0,0,.4),
    0 0 35px rgba(31,198,255,.08);
}

.pricing-card-featured{
  z-index:2;
  transform:translateY(-18px);
  border-color:rgba(47,206,255,.5);
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(41,194,255,.16),
      transparent 35%
    ),
    linear-gradient(
      160deg,
      rgba(12,35,56,.98),
      rgba(5,15,27,.98)
    );
  box-shadow:
    0 35px 100px rgba(0,0,0,.48),
    0 0 55px rgba(34,197,255,.15),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.pricing-card-featured:hover{
  transform:translateY(-28px);
  border-color:rgba(64,217,255,.85);
}

.featured-shine{
  position:absolute;
  top:-170px;
  right:-130px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:rgba(49,202,255,.13);
  filter:blur(50px);
  pointer-events:none;
}

.popular-badge{
  position:absolute;
  top:18px;
  right:18px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  border:1px solid rgba(99,222,255,.28);
  border-radius:999px;
  background:rgba(23,186,236,.12);
  color:#68dcff;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.popular-badge span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#54dcff;
  box-shadow:0 0 12px #54dcff;
}

.pricing-card-top{
  position:relative;
  display:flex;
  align-items:center;
  gap:15px;
  min-height:58px;
  z-index:1;
}

.pricing-icon{
  display:grid;
  place-items:center;
  flex:0 0 52px;
  width:52px;
  height:52px;
  border:1px solid rgba(85,202,255,.2);
  border-radius:16px;
  background:
    linear-gradient(
      145deg,
      rgba(42,183,231,.15),
      rgba(25,78,112,.06)
    );
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.pricing-icon span{
  color:#56d8ff;
  font-family:"Manrope", sans-serif;
  font-size:15px;
  font-weight:800;
}

.pricing-icon-pro{
  border-color:rgba(87,222,255,.45);
  background:
    linear-gradient(
      145deg,
      rgba(49,208,255,.25),
      rgba(15,73,110,.1)
    );
  box-shadow:
    0 0 24px rgba(39,201,255,.15),
    inset 0 1px 0 rgba(255,255,255,.09);
}

.pricing-plan-label{
  display:block;
  margin-bottom:4px;
  color:#4fd6ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.8px;
}

.pricing-card h3{
  margin:0;
  color:#f3f8fc;
  font-size:20px;
  line-height:1.25;
}

.pricing-description{
  min-height:80px;
  margin:25px 0 20px;
  color:#879bb0;
  font-size:14px;
  line-height:1.75;
}

.pricing-price{
  display:flex;
  align-items:flex-end;
  min-height:76px;
  margin-bottom:25px;
}

.pricing-price .currency{
  align-self:flex-start;
  margin-top:9px;
  margin-right:4px;
  color:#8ea6ba;
  font-size:21px;
  font-weight:700;
}

.pricing-price strong{
  color:#ffffff;
  font-family:"Manrope", sans-serif;
  font-size:58px;
  font-weight:800;
  letter-spacing:-3px;
  line-height:.95;
}

.pricing-price div{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:0 0 5px 13px;
}

.pricing-price div span{
  color:#d7e5ef;
  font-size:13px;
  font-weight:700;
}

.pricing-price div small{
  color:#6f8497;
  font-size:11px;
}

.pricing-custom-price strong{
  font-size:43px;
  letter-spacing:-1.5px;
}

.pricing-divider{
  width:100%;
  height:1px;
  margin-bottom:25px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(141,183,211,.18),
      transparent
    );
}

.pricing-features{
  display:flex;
  flex-direction:column;
  flex-grow:1;
  gap:14px;
  margin:0 0 30px;
  padding:0;
  list-style:none;
}

.pricing-features li{
  display:flex;
  align-items:flex-start;
  gap:11px;
  color:#bdcad5;
  font-size:13px;
  line-height:1.55;
}

.feature-check{
  display:grid;
  place-items:center;
  flex:0 0 19px;
  width:19px;
  height:19px;
  margin-top:1px;
  border:1px solid rgba(67,215,255,.2);
  border-radius:50%;
  background:rgba(43,200,244,.1);
  color:#58dcff;
  font-size:10px;
  font-weight:800;
}

.feature-disabled{
  color:#53687a !important;
}

.feature-cross{
  display:grid;
  place-items:center;
  flex:0 0 19px;
  width:19px;
  height:19px;
  color:#53687a;
}

.pricing-button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:52px;
  padding:0 18px;
  overflow:hidden;
  border-radius:14px;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.pricing-button span{
  font-size:18px;
  transition:transform .25s ease;
}

.pricing-button:hover span{
  transform:translateX(4px);
}

.pricing-button-primary{
  border:1px solid rgba(102,226,255,.65);
  background:
    linear-gradient(
      100deg,
      #26d3f6,
      #48aaff
    );
  color:#03101b;
  box-shadow:
    0 14px 34px rgba(40,194,244,.22),
    inset 0 1px 0 rgba(255,255,255,.35);
}

.pricing-button-primary:hover{
  transform:translateY(-2px);
  box-shadow:
    0 18px 45px rgba(40,194,244,.32),
    inset 0 1px 0 rgba(255,255,255,.4);
}

.pricing-button-secondary{
  border:1px solid rgba(146,181,207,.15);
  background:rgba(255,255,255,.025);
  color:#dbe8f1;
}

.pricing-button-secondary:hover{
  transform:translateY(-2px);
  border-color:rgba(65,211,255,.4);
  background:rgba(38,188,236,.07);
}

.pricing-secure{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:15px;
  color:#72899d;
  font-size:10px;
  letter-spacing:.4px;
}

.pricing-secure span{
  color:#3bd0fa;
  font-size:7px;
}

.pricing-bottom-note{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:0;
  max-width:1120px;
  margin:64px auto 0;
  padding:24px 15px;
  border:1px solid rgba(129,170,201,.1);
  border-radius:20px;
  background:rgba(9,20,34,.55);
  backdrop-filter:blur(15px);
}

.pricing-note-item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:8px 18px;
  border-right:1px solid rgba(135,175,201,.1);
}

.pricing-note-item:last-child{
  border-right:0;
}

.pricing-note-item > span{
  color:#3ed7ff;
  font-family:"Manrope", sans-serif;
  font-size:12px;
  font-weight:800;
}

.pricing-note-item div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.pricing-note-item strong{
  color:#d8e4ec;
  font-size:12px;
}

.pricing-note-item small{
  color:#687e91;
  font-size:10px;
}


/* =========================
   RESPONSIVE PRICING
========================= */

@media (max-width:1100px){

  .pricing-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .pricing-card-featured{
    transform:none;
  }

  .pricing-card-featured:hover{
    transform:translateY(-10px);
  }

  .pricing-grid .pricing-card:last-child{
    grid-column:1 / -1;
    width:min(100%, 570px);
    margin:0 auto;
  }

  .pricing-bottom-note{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .pricing-note-item:nth-child(2){
    border-right:0;
  }

  .pricing-note-item:nth-child(-n+2){
    border-bottom:1px solid rgba(135,175,201,.1);
    padding-bottom:20px;
  }

  .pricing-note-item:nth-child(n+3){
    padding-top:20px;
  }

}

@media (max-width:720px){

  .pricing-heading{
    margin-bottom:45px;
  }

  .pricing-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .pricing-grid .pricing-card:last-child{
    grid-column:auto;
    width:100%;
  }

  .pricing-card{
    padding:29px 23px 25px;
    border-radius:22px;
  }

  .pricing-card-featured{
    order:-1;
  }

  .popular-badge{
    position:relative;
    top:auto;
    right:auto;
    width:max-content;
    margin:0 0 22px auto;
  }

  .pricing-description{
    min-height:auto;
  }

  .pricing-price strong{
    font-size:52px;
  }

  .pricing-custom-price strong{
    font-size:39px;
  }

  .pricing-bottom-note{
    grid-template-columns:1fr;
    margin-top:42px;
    padding:10px 20px;
  }

  .pricing-note-item{
    justify-content:flex-start;
    padding:17px 5px;
    border-right:0;
    border-bottom:1px solid rgba(135,175,201,.1);
  }

  .pricing-note-item:nth-child(-n+2),
  .pricing-note-item:nth-child(n+3){
    padding:17px 5px;
  }

  .pricing-note-item:last-child{
    border-bottom:0;
  }

}








.app-frame,.screen-card{background:linear-gradient(145deg,rgba(10,28,48,.95),rgba(3,10,20,.96));border:1px solid rgba(57,188,255,.28);border-radius:20px;box-shadow:var(--shadow),0 0 90px rgba(0,180,255,.09);overflow:hidden}

.app-frame{padding:8px;width:880px}
.app-frame img,.screen-card img{display:block;width:100%;height:auto;border-radius:12px}

.frame-bar{height:29px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#6f899e;font-size:.65rem}.frame-bar i{width:7px;height:7px;background:#1b4055;border-radius:50%}.frame-bar span{margin-left:8px}.floating{animation:float 6s ease-in-out infinite}.status-pill{position:absolute;background:rgba(4,17,30,.93);border:1px solid var(--line);padding:10px 16px;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.4);font-size:.76rem}.status-pill b,.status-pill span{display:block}.status-pill span{color:var(--green)}.status-ai{left:-45px;bottom:42px}.status-risk{right:80px;top:-35px}.hero-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.2}.orb-one{width:350px;height:350px;background:var(--cyan);right:-160px;top:100px}.orb-two{width:260px;height:260px;background:var(--purple);left:-130px;bottom:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden}


.hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:140px 0 80px;
}

.hero-center{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:40px;
}

.hero-copy{
    width:100%;
    max-width:1000px;
}

.hero-copy h1{
    max-width:900px;
    margin:auto;
}

.hero-lead{
    max-width:850px;
    margin:auto;
}

.hero-visual{
    width:100%;
    display:flex;
    justify-content:center;
}

.app-frame{
    width:min(1100px,100%);
    margin:auto;
}

.hero-bottom{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:28px;
}

.hero-actions{
    justify-content:center;
}

.trust-row{
    justify-content:center;
}

.status-pill{
    display:none;
}


.metric-grid article {
  padding: 28px;
  border-right: 1px solid var(--line);
  /* Text ebong inline elements center korar jonno */
  text-align: center; 
}

.metric-grid article:last-child {
  border: 0;
}

.metric-grid strong {
  display: block;
  font-size: 2rem;
  color: var(--cyan);
  /* Jodi shudhu strong tag ta ke alada bhabe center korte chan */
  /* text-align: center; */ 
}

.metric-grid span{font-size:.8rem;color:var(--muted)}

.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-head>div{max-width:700px}

.section-head>p{max-width:380px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.glass-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(11,27,44,.76),rgba(5,14,25,.82));transition:.3s}.glass-card:hover{transform:translateY(-5px);border-color:rgba(0,229,255,.45);box-shadow:0 18px 60px rgba(0,0,0,.26)}.glass-card .icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.2);color:var(--cyan);font-size:.72rem;font-weight:900;margin-bottom:20px}.glass-card p{color:var(--muted);font-size:.9rem}.showcase{background:linear-gradient(180deg,transparent,rgba(7,19,34,.55),transparent)}.showcase-stack{display:grid;gap:100px}.showcase-item{display:grid;grid-template-columns:.55fr 1.45fr;align-items:center;gap:55px}.showcase-item.reverse{grid-template-columns:1.45fr .55fr}.showcase-item.reverse>div:first-child{order:2}.showcase-item .index{color:var(--cyan);font-weight:800;font-size:.77rem}.showcase-item p,.showcase-item li{color:var(--muted)}.showcase-item ul{padding-left:18px}.screen-card{padding:8px}.workflow{background:#040c17}

.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}

.timeline article {
    background: #06111f;
    padding: 28px;
    min-height: 210px;
    
    /* ভেতরের কন্টেন্ট সেন্টার করার জন্য */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.timeline b{color:var(--cyan);font-size:.76rem}

.timeline p{color:var(--muted);font-size:.85rem}

.split-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.check-list{display:grid;gap:13px}.check-list span:before{content:"✓";color:var(--green);margin-right:10px}.ai-panel{min-height:420px;position:relative;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at center,rgba(0,229,255,.12),rgba(4,13,24,.92) 50%);display:grid;place-items:center}.ai-core{width:115px;height:115px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--cyan);box-shadow:0 0 55px rgba(0,229,255,.23);position:relative}.ai-core span{font-size:2rem;font-weight:900;color:var(--cyan)}.ai-core i{position:absolute;inset:-17px;border:1px dashed rgba(0,229,255,.35);border-radius:50%;animation:spin 12s linear infinite}.signal-card{position:absolute;width:150px;padding:18px;border-radius:16px;background:rgba(4,15,27,.94);border:1px solid var(--line)}.signal-card small,.signal-card strong,.signal-card span{display:block}.signal-card small{color:var(--muted);font-size:.65rem}.signal-card strong{font-size:2.1rem}.signal-card span{font-size:.72rem}.signal-card.buy{left:25px;top:35px}.signal-card.buy strong,.signal-card.buy span{color:var(--green)}.signal-card.sell{right:25px;bottom:35px}.signal-card.sell strong,.signal-card.sell span{color:var(--red)}.confidence-line{position:absolute;bottom:30px;left:35px;color:var(--muted);font-size:.7rem}.confidence-line b{color:var(--cyan);margin-left:8px}.risk-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px}.risk-gauge,.risk-list{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:35px}.gauge{width:230px;height:120px;border-radius:230px 230px 0 0;background:conic-gradient(from 270deg at 50% 100%,var(--green),#b9df26,var(--red) 50%,transparent 0);margin:15px auto 35px;position:relative;display:flex;align-items:end;justify-content:center}.gauge:after{content:"";position:absolute;width:168px;height:84px;bottom:0;background:#071522;border-radius:168px 168px 0 0}.gauge span,.gauge small{position:absolute;z-index:1}.gauge span{bottom:13px;font-size:1.5rem}.gauge small{bottom:-18px;color:var(--muted);font-size:.6rem}.risk-gauge p{color:var(--muted);text-align:center}.risk-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.risk-list article{padding:18px;background:rgba(255,255,255,.025);border-radius:13px}.risk-list b,.risk-list span{display:block}.risk-list span{font-size:.8rem;color:var(--muted);margin-top:6px}.backtest{background:linear-gradient(135deg,rgba(0,229,255,.035),rgba(142,108,255,.04))}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tech-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.tech-row span{padding:13px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;font-weight:700;font-size:.85rem}.accordion{max-width:900px;margin:auto;display:grid;gap:12px}.accordion details{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:0 22px}.accordion summary{cursor:pointer;padding:20px 0;font-weight:700;list-style:none}.accordion summary:after{content:"+";float:right;color:var(--cyan)}.accordion details[open] summary:after{content:"−"}.accordion p{color:var(--muted);font-size:.9rem;padding-right:30px}.cta-box{padding:55px;border:1px solid rgba(0,229,255,.25);border-radius:28px;background:radial-gradient(circle at 20% 50%,rgba(0,229,255,.11),transparent 40%),var(--panel);display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-actions{display:flex;gap:12px;flex-shrink:0}.footer{border-top:1px solid var(--line);padding:70px 0 28px;background:#020711}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid p{color:var(--muted);max-width:460px;margin-top:18px}.footer-grid h3{font-size:.85rem}.footer-grid>div>a:not(.brand){display:block;color:var(--muted);text-decoration:none;font-size:.83rem;margin:9px 0}.footer-grid small{color:#536d80}.disclaimer{border-top:1px solid var(--line);margin-top:45px;padding-top:24px;color:#70899d;font-size:.75rem}.disclaimer strong{color:#a8c0d2}.disclaimer p{max-width:950px;margin:6px 0 18px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}@keyframes float{50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.nav-toggle{display:grid;gap:5px}.nav-toggle span{display:block;width:25px;height:2px;background:white}.nav-menu{position:absolute;top:82px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:rgba(4,13,24,.98);padding:25px;border:1px solid var(--line);border-radius:18px}.nav-menu.open{display:flex}.hero-grid,.split-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}




.timeline{grid-template-columns:repeat(2,1fr)}.showcase-item,.showcase-item.reverse{grid-template-columns:1fr}.showcase-item.reverse>div:first-child{order:0}.risk-layout{grid-template-columns:1fr}.cta-box{flex-direction:column;text-align:center}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:680px){.container{width:min(100% - 24px,1180px)}.section{padding:78px 0}.nav{height:72px}.nav-menu{top:72px}.brand-mark{width:39px;height:39px}.brand strong{font-size:.9rem}.hero{padding-top:115px;min-height:auto}.hero-grid{gap:25px}h1{font-size:2.65rem}.hero-actions,.cta-actions{flex-direction:column}.button{width:100%}.status-pill{display:none}.metric-grid,.feature-grid,.timeline,.risk-list{grid-template-columns:1fr}.metric-grid article{border-right:0;border-bottom:1px solid var(--line)}.section-head{display:block}.showcase-stack{gap:65px}.showcase-item{gap:25px}.ai-panel{min-height:380px}.signal-card{width:125px}.signal-card.buy{left:12px}.signal-card.sell{right:12px}.cta-box{padding:35px 22px}.footer-grid{grid-template-columns:1fr}.screen-card{border-radius:12px}.app-frame{padding:4px}.frame-bar{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}