:root{--bg:#0a0c12;--panel:#0f1320;--ink:#e9ecf1;--muted:#aab3c2;--accent:#2affd6;--accent-2:#6a5cff;--danger:#ff5470;--ok:#49e659;--shadow:0 10px 30px rgba(0,0,0,.35)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 10% -10%,rgba(106,92,255,.22),transparent),radial-gradient(900px 500px at 90% 0,rgba(42,255,214,.18),transparent),var(--bg);color:var(--ink);font-family:'Sora',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica,Arial,sans-serif}
img{max-width:100%;display:block}

.container{width:min(1160px,92%);margin:0 auto}

.btn{display:inline-flex;align-items:center;gap:.6rem;height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:.2px;transition:all .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#071013;border:none}
.btn-primary:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent}
.btn-lg{height:54px;padding:0 22px;border-radius:14px}

.eyebrow{display:inline-block;font-family:'Bebas Neue',cursive;letter-spacing:1px;color:var(--accent);font-size:1.1rem}
.lead{font-size:1.125rem;color:var(--muted)}
.tiny{font-size:.8rem;color:var(--muted)}
.accent{color:var(--accent)}

.site-header{position:sticky;top:0;z-index:50;background:rgba(10,12,18,.6);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:.8rem}
.brand.small{opacity:.9}
.brand-mark{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--accent-2),var(--accent));display:grid;place-items:center;color:#071013;font-weight:900;box-shadow:var(--shadow)}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy strong{font-weight:800}
.brand-copy span{color:var(--muted);font-size:.85rem}
.site-nav{display:flex;gap:1rem;align-items:center}
.site-nav a{color:var(--ink);text-decoration:none;font-weight:700;opacity:.92}
.site-nav a:hover{opacity:1}

.ticker{overflow:hidden;border-block:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(106,92,255,.08),rgba(42,255,214,.06))}
.ticker-track{display:flex;gap:2rem;white-space:nowrap;animation:scroll 28s linear infinite;padding:10px 0;color:#cfe6ff}
.ticker-track span{font-family:'Bebas Neue',cursive;letter-spacing:.5px;font-size:1.05rem}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)} }

.hero{position:relative;padding:70px 0 40px}
.hero-inner{display:grid;grid-template-columns:1.22fr 1fr;gap:2rem;align-items:center}
.hero h1{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.02;margin:8px 0 12px;font-weight:800;letter-spacing:.2px}
.hero-bullets{display:flex;flex-wrap:wrap;gap:.8rem;margin:16px 0 0;padding:0;list-style:none;color:var(--muted)}
.hero-bullets .badge{background:rgba(106,92,255,.15);border:1px solid rgba(106,92,255,.35);padding:6px 10px;border-radius:999px;color:#dcd7ff;font-weight:800}
.hero-cta{display:flex;gap:.8rem;margin-top:18px}

.card-hero{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.avatar{position:relative;display:flex;align-items:center;gap:12px}
.avatar img{width:78px;height:78px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.2)}
.avatar-badge{position:absolute;bottom:-6px;left:58px;background:linear-gradient(135deg,var(--ok),var(--accent));color:#071013;font-weight:900;font-size:.8rem;padding:4px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.2)}
.stat{display:flex;align-items:baseline;gap:.6rem;margin:14px 0 8px}
.stat-kpi{font-size:2.2rem;font-weight:900;color:#f1f4ff}
.stat-label{color:var(--muted)}
.mini-chart{height:120px;margin-top:10px}
.chart-path{filter:drop-shadow(0 6px 10px rgba(106,92,255,.35))}
.tickers-soft{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:10px}
.tickers-soft span{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:6px 10px;border-radius:999px;color:#d7f8ff}
.candle-grid{margin-top:16px;height:180px;border-radius:14px;background:
  linear-gradient(transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%) repeat-y,
  linear-gradient(90deg,transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%) repeat-x;
background-size:100% 36px, 60px 100%;
border:1px solid rgba(255,255,255,.06)}

.section{padding:70px 0}
.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
.section h2{font-size:clamp(1.6rem,3.2vw,2.2rem);margin:0 0 14px;font-weight:800}
.section-intro{color:var(--muted);margin-bottom:28px}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.feature{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.feature-icon{font-size:1.6rem}

.split .split-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center}
.media-img{border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.checklist li{position:relative;padding-left:28px;color:#e3e7f3}
.checklist li:before{content:'✓';position:absolute;left:0;top:0;color:var(--ok);font-weight:900}

.methode{display:grid;grid-template-columns:1.3fr .9fr;gap:1.4rem;align-items:stretch}
.methode-card{background:linear-gradient(180deg,rgba(42,255,214,.12),rgba(106,92,255,.12));border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.methode-kpi{display:flex;align-items:baseline;gap:.6rem;margin-bottom:8px}
.kpi-num{font-size:2.2rem;font-weight:900;color:#071013;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 16px rgba(42,255,214,.35))}
.kpi-label{color:#d2dbff;font-weight:800}
.methode-list{display:grid;gap:.6rem;color:#101320}
.methode-list .row{display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.92);color:#0f1320;border-radius:12px;padding:10px 12px;font-weight:700}

.products .product{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px;min-height:160px;display:flex;flex-direction:column;gap:.6rem}
.products .product h3{margin:0;font-size:1.15rem}

.rules .rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.rules .rule{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px}
.rules .disclaimer{margin-top:20px;color:var(--muted)}

.cta{background:radial-gradient(700px 300px at 80% 20%,rgba(106,92,255,.25),transparent),radial-gradient(600px 260px at 10% 40%,rgba(42,255,214,.18),transparent)}
.cta-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem;align-items:center}
.cta-actions{display:flex;flex-direction:column;gap:.6rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}

.trust .trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.trust-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:.4rem}
.trust-kpi{font-weight:900;font-size:1.4rem;color:#d9e4ff}
.trust-label{color:var(--muted)}

.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:24px 0;background:rgba(10,12,18,.7);backdrop-filter:blur(6px)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.footer-nav{display:flex;gap:1rem}
.footer-nav a{color:var(--muted);text-decoration:none}

@media (max-width: 980px){
  .hero-inner,.split .split-inner,.methode,.cta-inner{grid-template-columns:1fr}
  .grid-3,.rules .rules-grid,.trust .trust-grid{grid-template-columns:1fr}
  .header-inner{flex-direction:column;align-items:flex-start;gap:.6rem}
  .site-nav{flex-wrap:wrap;gap:.6rem}
  .hero{padding:44px 0 24px}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{justify-content:center}
  .candle-grid{height:120px}
  .section{padding:54px 0}
  .cta-actions{align-items:center}
  .cta-actions .btn{width:100%;max-width:480px;justify-content:center}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .site-header{display: none;}
  body{padding-bottom:92px}
  .floating-cta{width:min(92%,520px);padding-inline:22px;bottom:max(16px, env(safe-area-inset-bottom))}
}

@media (max-width: 640px){
  .brand-mark{width:36px;height:36px}
  .brand-copy span{font-size:.8rem}
  .site-nav a{font-size:.95rem}
  .hero h1{font-size:clamp(1.8rem,8vw,2.4rem)}
  .lead{font-size:1rem}
}

.floating-cta {
  position: fixed;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  z-index: 1000;
  box-shadow: 0 10px 25px rgba(42, 255, 214, .25), 0 6px 18px rgba(0, 0, 0, .35);
  text-align: center;

  animation: breathe 2s ease-in-out infinite;
}

@keyframes breathe {
  0%, 100% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(1.08);
  }
}