:root {
  --bg: #0B1115;
  --card: #121A20;
  --text: #EAF2F1;
  --muted: #B4C0BF;
  --accent: #7EF0C1;
  --action: #38CFA2;
  --line: #1F2C33;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 84% 8%, rgba(56,207,162,.13), transparent 27%),
    radial-gradient(circle at 10% 36%, rgba(126,240,193,.055), transparent 24%),
    radial-gradient(circle at 58% 62%, rgba(56,207,162,.045), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.28), transparent 18%, transparent 82%, rgba(0,0,0,.3)),
    linear-gradient(180deg, #0B1115 0%, #081014 48%, #0B1115 100%);
  color: var(--text);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.68;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(90deg, rgba(126,240,193,.052) 0 1px, transparent 1px 76px),
    repeating-linear-gradient(0deg, rgba(126,240,193,.042) 0 1px, transparent 1px 76px),
    radial-gradient(circle at 78% 12%, rgba(56,207,162,.1), transparent 28%),
    radial-gradient(circle at 8% 70%, rgba(56,207,162,.035), transparent 30%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.58) 52%, rgba(0,0,0,.32));
  mask-image: linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.58) 52%, rgba(0,0,0,.32));
  z-index: 0;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='920' height='420' viewBox='0 0 920 420' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 318 C98 282 142 318 208 245 S340 170 420 205 548 300 640 188 760 86 900 126' stroke='%237EF0C1' stroke-width='2' opacity='.16'/%3E%3Cpath d='M35 344 L124 298 L203 311 L282 244 L352 262 L438 199 L522 228 L606 176 L704 212 L812 112' stroke='%2338CFA2' stroke-width='1.4' opacity='.12'/%3E%3Cg stroke='%237EF0C1' opacity='.1'%3E%3Cpath d='M132 278v58M122 292h20M122 322h20M316 223v64M306 238h20M306 270h20M492 184v70M482 204h20M482 238h20M694 168v78M684 190h20M684 228h20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 920px 420px;
  background-position: right 110px top 95px;
  opacity: .42;
  mix-blend-mode: screen;
  z-index: 0;
}
.page-noise {
  position: fixed; inset: 0; opacity: .07; pointer-events: none; z-index: 0; mix-blend-mode: soft-light;
  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='.18'/%3E%3C/svg%3E");
}
a { color: inherit; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.site-header, main, footer { position: relative; z-index: 1; }
.site-header { height: 76px; border-bottom: 1px solid rgba(31,44,51,.8); background: rgba(11,17,21,.72); backdrop-filter: blur(18px); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; letter-spacing: .16em; }
.brand img { display: block; }
.header-label, .section-index { color: var(--accent); font-size: 10px; font-weight: 700; letter-spacing: .19em; }
.header-label { color: var(--muted); }

.hero { position: relative; min-height: calc(100vh - 76px); display: grid; align-items: center; padding: 80px 0 90px; border-bottom: 1px solid var(--line); overflow: hidden; }
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 24%, rgba(56,207,162,.18), transparent 32%),
    radial-gradient(circle at 94% 62%, rgba(126,240,193,.07), transparent 28%),
    linear-gradient(135deg, transparent 0 58%, rgba(56,207,162,.035) 58% 58.2%, transparent 58.2% 100%),
    repeating-linear-gradient(90deg, rgba(126,240,193,.055) 0 1px, transparent 1px 58px),
    repeating-linear-gradient(0deg, rgba(126,240,193,.042) 0 1px, transparent 1px 58px);
  -webkit-mask-image: radial-gradient(circle at 72% 34%, rgba(0,0,0,.95), transparent 58%);
  mask-image: radial-gradient(circle at 72% 34%, rgba(0,0,0,.95), transparent 58%);
  z-index: 0;
}
.hero::after {
  content: "XAUUSD  /  RISK FIRST  /  STRATEGY  /  MARKET STRUCTURE";
  position: absolute;
  right: 4%;
  top: 13%;
  max-width: 640px;
  color: rgba(126,240,193,.1);
  font-size: clamp(18px, 2.8vw, 42px);
  font-weight: 900;
  letter-spacing: .18em;
  line-height: 1.45;
  text-align: right;
  pointer-events: none;
  z-index: 0;
}
.hero > .container { position: relative; z-index: 1; }
.hero-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 58px; align-items: center; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--accent); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow span { width: 28px; height: 1px; background: var(--accent); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin: 22px 0 22px; font-size: clamp(44px, 5.7vw, 76px); line-height: 1.01; letter-spacing: -.055em; max-width: 740px; }
h1 em { color: var(--accent); font-style: normal; }
.hero-lead { max-width: 650px; color: #c7d2d1; font-size: 18px; line-height: 1.65; }
.hero-text { max-width: 620px; color: var(--muted); font-size: 14px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 58px; padding: 0 25px; border: 1px solid var(--action); font-size: 13px; font-weight: 800; letter-spacing: .02em; text-decoration: none; transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease; }
.button span { font-size: 18px; transition: transform .25s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 14px 38px rgba(56,207,162,.16); }
.button:hover span { transform: translate(2px,-2px); }
.button-primary { margin-top: 15px; background: var(--action); color: #07110e; }
.button-primary:hover { background: var(--accent); }
.button-note { margin: 13px 0 0; color: #718180; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.button-note b { margin: 0 5px; color: var(--action); }
.access-note { margin: 5px 0 0; color: var(--muted); font-size: 10px; }

.hero-visual { position: relative; min-height: 675px; isolation: isolate; }
.hero-visual::before { content: ""; position: absolute; inset: 12% 3% 7% 10%; border-radius: 50%; background: rgba(56,207,162,.12); filter: blur(70px); z-index: -1; }
.hero-person-card { position: absolute; inset: 3% 5% 96px 9%; overflow: hidden; border: 1px solid rgba(126,240,193,.42); border-radius: 18px; background: var(--card); box-shadow: 0 32px 90px rgba(0,0,0,.48), 0 0 35px rgba(56,207,162,.07); }
.hero-person-card img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 42% center; }
.hero-person-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,10,13,.08) 30%, rgba(4,10,13,.76) 100%), linear-gradient(90deg, rgba(4,10,13,.22), transparent 48%); }
.hero-person-label { position: absolute; left: 20px; bottom: 18px; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 9px; padding: 10px 12px; border: 1px solid rgba(126,240,193,.28); border-radius: 8px; background: rgba(8,15,19,.72); backdrop-filter: blur(12px); }
.hero-person-label span { width: 6px; height: 6px; border-radius: 50%; background: var(--action); box-shadow: 0 0 12px var(--action); }
.hero-person-label strong { font-size: 9px; letter-spacing: .14em; }
.hero-person-label small { grid-column: 2; color: var(--muted); font-size: 7px; letter-spacing: .12em; }
.hero-float { position: absolute; overflow: hidden; border: 1px solid rgba(126,240,193,.34); border-radius: 11px; background: rgba(12,20,25,.82); box-shadow: 0 20px 55px rgba(0,0,0,.48), 0 0 24px rgba(56,207,162,.07); backdrop-filter: blur(14px); }
.hero-visual img { opacity: 0; transition: opacity .45s ease; }
.hero-visual img.is-loaded { opacity: 1; }
.hero-float img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hero-card-label { position: absolute; z-index: 2; top: 8px; left: 8px; padding: 5px 8px; border: 1px solid rgba(126,240,193,.25); border-radius: 5px; background: rgba(7,14,18,.82); color: var(--accent); font-size: 7px; font-weight: 800; letter-spacing: .12em; }
.hero-metatrader-card { z-index: 4; top: 0; right: -3%; width: 58%; height: 134px; transform: rotate(1.5deg); }
.hero-metatrader-card img { object-fit: contain; background: #000; padding-top: 23px; }
.hero-tradingview-card { z-index: 3; right: -5%; bottom: 4%; width: 48%; height: 230px; transform: rotate(2.5deg); }
.hero-tradingview-card img { object-position: center; }
.strategy-stack { position: absolute; z-index: 5; left: -2%; bottom: 112px; width: 42%; height: 250px; }
.strategy-card { inset: auto; width: 76%; height: 210px; }
.strategy-card img { object-position: top center; }
.strategy-card-one { left: 0; bottom: 0; z-index: 3; transform: rotate(-2.5deg); }
.strategy-card-two { left: 44%; bottom: 20px; z-index: 2; transform: rotate(3deg); }
.strategy-card-three { left: 23%; bottom: 45px; z-index: 1; transform: rotate(-5deg); opacity: .9; }
.strategy-fade { position: absolute; inset: 34% 0 0; backdrop-filter: blur(2px); background: linear-gradient(180deg, transparent, rgba(7,14,18,.94) 65%); }
.strategy-teaser { position: absolute; left: 10px; right: 10px; bottom: 10px; padding: 10px; border: 1px solid rgba(126,240,193,.34); border-radius: 7px; background: rgba(8,15,19,.78); box-shadow: 0 0 18px rgba(56,207,162,.08); backdrop-filter: blur(10px); }
.strategy-teaser strong, .strategy-teaser small { display: block; }
.strategy-teaser strong { font-size: 10px; }
.strategy-teaser small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.hero-badges { position: absolute; z-index: 6; left: 9%; right: 5%; bottom: 20px; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.hero-badges span { display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 10px; border: 1px solid rgba(126,240,193,.3); border-radius: 9px; background: rgba(8,15,19,.7); box-shadow: 0 10px 26px rgba(0,0,0,.22), 0 0 18px rgba(56,207,162,.055); color: #d9e7e4; font-size: 9px; font-weight: 800; letter-spacing: .075em; backdrop-filter: blur(12px); }
.card-number { color: var(--action); font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.marquee { height: 64px; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid var(--line); background: #38CFA2; color: #0B1115; }
.marquee-inner { display: flex; width: max-content; will-change: transform; animation: marquee 58s linear infinite; }
.marquee-track { display: flex; align-items: center; gap: 32px; padding-right: 32px; white-space: nowrap; }
.marquee-track span { font-size: 15px; font-weight: 800; letter-spacing: .055em; line-height: 1; }
.marquee-track i { font-size: 15px; font-style: normal; font-weight: 800; line-height: 1; opacity: .58; }
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.section { position: relative; padding: 120px 0; border-bottom: 1px solid var(--line); overflow: hidden; isolation: isolate; }
.section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 88% 18%, rgba(56,207,162,.055), transparent 24%),
    repeating-linear-gradient(90deg, rgba(126,240,193,.03) 0 1px, transparent 1px 84px),
    repeating-linear-gradient(0deg, rgba(126,240,193,.024) 0 1px, transparent 1px 84px);
  opacity: .78;
  z-index: 0;
}
.section > .container { position: relative; z-index: 1; }
.section-heading { max-width: 660px; margin-bottom: 50px; }
.section-heading h2, .final-cta h2 { margin: 13px 0 18px; font-size: clamp(34px, 4vw, 54px); line-height: 1.08; letter-spacing: -.045em; }
.section-heading p, .final-cta p { color: var(--muted); font-size: 16px; line-height: 1.7; }
#inside .section-heading p { color: #D7E5E2; font-size: 18px; line-height: 1.7; }
#inside { padding-bottom: 58px; }
.split-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: end; max-width: none; }
.split-heading p { margin-bottom: 5px; }
.card-grid { display: grid; gap: 12px; }
.card-grid.four { grid-template-columns: repeat(4,1fr); }
.card-grid.five { grid-template-columns: repeat(5,1fr); }
.info-card { min-height: 245px; padding: 24px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(18,26,32,.9), rgba(14,21,26,.62)); transition: transform .3s ease, border-color .3s ease, background-color .3s ease; }
.info-card:hover { transform: translateY(-5px); border-color: rgba(56,207,162,.5); background-color: #152129; }
.info-card h3 { margin: 48px 0 14px; font-size: 17px; line-height: 1.25; letter-spacing: -.02em; }
.info-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.five .info-card { min-height: 225px; padding: 20px; }
.five .info-card h3 { margin-top: 38px; font-size: 15px; }
.section-button { margin-top: 24px; }
.access-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.access-carousel { margin-top: 0; }
.access-carousel .carousel-track { align-items: stretch; }
.access-carousel .access-card { flex: 0 0 calc((100% - 14px) / 2); display: flex; flex-direction: column; }
.access-card { overflow: hidden; border: 1px solid rgba(126,240,193,.2); border-radius: 16px; background: linear-gradient(145deg, rgba(18,26,32,.96), rgba(9,15,19,.86)); box-shadow: 0 18px 54px rgba(0,0,0,.24), 0 0 22px rgba(56,207,162,.035); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.access-card:hover { transform: translateY(-5px); border-color: rgba(126,240,193,.44); box-shadow: 0 24px 70px rgba(0,0,0,.32), 0 0 34px rgba(56,207,162,.08); }
.access-media { position: relative; height: 265px; margin: 12px 12px 0; overflow: hidden; border: 1px solid rgba(126,240,193,.22); border-radius: 12px; background: #0a1014; box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 16px 40px rgba(0,0,0,.28); }
.access-media img { display: block; width: 100%; height: 100%; object-fit: contain; filter: brightness(1) contrast(1.03) saturate(1); }
.terminal-preview img { object-fit: cover; object-position: center; }
.proof-preview img { object-fit: cover; object-position: center; background: #f7f7f7; }
.access-media-shade { position: absolute; left: 0; right: 0; bottom: 0; height: 46%; pointer-events: none; background: linear-gradient(180deg, rgba(11,17,21,0), rgba(11,17,21,.76)); }
.strategy-preview .access-media-shade { backdrop-filter: blur(.8px); }
.community-visual { display: grid; place-items: center; padding: 18px; }
.community-visual .signal-shot { width: 100%; height: auto; max-height: 100%; object-fit: contain; border-radius: 8px; background: #132430; }
.community-visual .tp3-sticker { position: absolute; width: 34%; height: auto; right: 6%; bottom: 8%; filter: drop-shadow(0 13px 18px rgba(0,0,0,.45)); }
.access-teaser { position: absolute; left: 14px; right: 14px; bottom: 14px; padding: 12px 13px; border: 1px solid rgba(126,240,193,.34); border-radius: 10px; background: rgba(8,15,19,.78); box-shadow: 0 0 20px rgba(56,207,162,.08); backdrop-filter: blur(12px); }
.access-teaser strong, .access-teaser small { display: block; }
.access-teaser strong { font-size: 12px; }
.access-teaser small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.access-materials-visual { display: grid; place-items: center; background: radial-gradient(circle at 80% 20%, rgba(56,207,162,.18), transparent 34%), repeating-linear-gradient(90deg, rgba(126,240,193,.08) 0 1px, transparent 1px 48px), repeating-linear-gradient(0deg, rgba(126,240,193,.055) 0 1px, transparent 1px 48px), #0a1014; }
.access-materials-visual div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 22px; }
.access-materials-visual span { padding: 8px 10px; border: 1px solid rgba(126,240,193,.25); border-radius: 999px; background: rgba(8,15,19,.62); color: #D7E5E2; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; box-shadow: 0 0 18px rgba(56,207,162,.06); }
.access-content { flex: 1; padding: 24px 24px 28px; }
.access-content h3 { margin: 14px 0 10px; font-size: 22px; line-height: 1.16; letter-spacing: -.025em; }
.access-content p { margin: 0; color: #B9C6C4; font-size: 14px; line-height: 1.72; }
.access-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 16px; padding: 18px 22px; border: 1px solid rgba(126,240,193,.2); border-radius: 14px; background: rgba(18,26,32,.58); box-shadow: 0 14px 42px rgba(0,0,0,.14); }
.access-cta-copy { display: grid; gap: 6px; }
.access-cta p { margin: 0; color: #D4DFDD; font-size: 15px; line-height: 1.6; }
.access-cta p + p { color: var(--muted); font-size: 13px; }
.access-cta .button { margin-top: 0; flex: 0 0 auto; }

#inside::before {
  background:
    radial-gradient(circle at 80% 16%, rgba(56,207,162,.105), transparent 30%),
    radial-gradient(circle at 18% 84%, rgba(126,240,193,.04), transparent 24%),
    repeating-linear-gradient(90deg, rgba(126,240,193,.04) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(0deg, rgba(126,240,193,.032) 0 1px, transparent 1px 72px);
}
#inside::after {
  content: "";
  position: absolute;
  right: -110px;
  top: 92px;
  width: min(760px, 58vw);
  height: 430px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='760' height='430' viewBox='0 0 760 430' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M18 315 L90 284 L148 302 L218 214 L292 240 L360 176 L442 194 L510 128 L586 168 L725 86' stroke='%237EF0C1' stroke-width='2' opacity='.18'/%3E%3Cpath d='M26 348 H714 M26 268 H714 M26 188 H714 M26 108 H714' stroke='%2338CFA2' opacity='.08'/%3E%3Cpath d='M120 246v76M106 266h28M106 304h28M338 142v92M324 168h28M324 208h28M560 116v88M546 140h28M546 184h28' stroke='%237EF0C1' opacity='.12'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: .72;
  z-index: 0;
}

.strategy-section { background: rgba(18,26,32,.18); }
.strategy-section::before {
  background:
    radial-gradient(circle at 14% 22%, rgba(56,207,162,.075), transparent 24%),
    linear-gradient(120deg, transparent 0 28%, rgba(126,240,193,.032) 28.1% 28.3%, transparent 28.4% 100%),
    repeating-linear-gradient(90deg, rgba(126,240,193,.036) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, rgba(126,240,193,.028) 0 1px, transparent 1px 64px);
}
.strategy-section::after {
  content: "H1   M15   FVG   IFVG   RISK 1%   LIQUIDITY   SL   TP";
  position: absolute;
  left: 50%;
  top: 72px;
  width: min(900px, 78vw);
  transform: translateX(-50%);
  color: rgba(126,240,193,.075);
  font-size: clamp(18px, 3vw, 40px);
  font-weight: 900;
  letter-spacing: .24em;
  line-height: 1.8;
  text-align: center;
  pointer-events: none;
  z-index: 0;
}
.strategy-section .section-heading { max-width: 840px; }
.strategy-carousel { margin-top: 10px; }
.strategy-slide { flex: 0 0 calc((100% - 28px) / 3); min-height: 385px; padding: 28px; border: 1px solid rgba(126,240,193,.22); background: linear-gradient(145deg, rgba(18,26,32,.96), rgba(9,15,19,.86)); box-shadow: 0 18px 54px rgba(0,0,0,.24), 0 0 22px rgba(56,207,162,.035); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.strategy-slide:hover { transform: translateY(-5px); border-color: rgba(126,240,193,.45); box-shadow: 0 24px 70px rgba(0,0,0,.32), 0 0 34px rgba(56,207,162,.08); }
.strategy-slide span { color: var(--action); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.strategy-slide h3 { margin: 42px 0 16px; font-size: 24px; line-height: 1.12; letter-spacing: -.025em; }
.strategy-slide > p { min-height: 128px; margin: 0; color: #C5D2D0; font-size: 14px; line-height: 1.65; }
.strategy-slide div { margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(56,207,162,.38); }
.strategy-slide strong, .strategy-slide small { display: block; }
.strategy-slide strong { color: var(--accent); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.strategy-slide small { margin-top: 8px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.strategy-cta { display: grid; justify-items: center; gap: 12px; max-width: 760px; margin: 36px auto 0; text-align: center; }
.strategy-cta p { margin: 0; color: #D4DFDD; font-size: 17px; line-height: 1.65; }
.strategy-cta .button { margin-top: 8px; }
.strategy-cta small { color: var(--muted); font-size: 10px; }

.final-cta small { display: block; margin-top: 13px; color: #718180; font-size: 9px; }

.reviews-section { padding-top: 58px; background: radial-gradient(circle at 50% 50%, rgba(56,207,162,.08), transparent 45%); }
.reviews-section::before {
  background:
    radial-gradient(circle at 50% 48%, rgba(56,207,162,.065), transparent 36%),
    radial-gradient(circle at 18% 12%, rgba(126,240,193,.035), transparent 22%),
    repeating-linear-gradient(90deg, rgba(126,240,193,.018) 0 1px, transparent 1px 90px),
    repeating-linear-gradient(0deg, rgba(126,240,193,.014) 0 1px, transparent 1px 90px);
}
.reviews-section .section-heading { max-width: 750px; }
.carousel { width: 100%; margin: 0 auto; }
.carousel-viewport { overflow: hidden; padding: 12px; margin: -12px; }
.carousel-track { display: flex; gap: 14px; transition: transform .45s cubic-bezier(.22,.61,.36,1); touch-action: pan-y; }
.review { flex: 0 0 calc((100% - 14px) / 2); height: 570px; display: grid; place-items: center; padding: 12px; border: 1px solid rgba(56,207,162,.28); background: linear-gradient(145deg, rgba(18,26,32,.98), rgba(11,17,21,.9)); box-shadow: 0 16px 45px rgba(0,0,0,.22), 0 0 22px rgba(56,207,162,.045); }
.review img { display: block; width: 100%; height: 100%; object-fit: contain; }
.review-text-card { padding: 34px; }
.review-text-card > div { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 34px; border: 1px solid rgba(126,240,193,.18); background: radial-gradient(circle at 100% 0, rgba(56,207,162,.15), transparent 36%), rgba(8,15,19,.5); }
.review-text-card h3 { margin: 26px 0 18px; max-width: 430px; font-size: 34px; line-height: 1.08; letter-spacing: -.04em; }
.review-text-card p { max-width: 460px; margin: 0 0 14px; color: #C8D6D4; font-size: 15px; line-height: 1.7; }
.review-text-card .button { margin-top: 18px; }
.carousel-controls { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; }
.carousel-arrow { width: 50px; height: 50px; border: 1px solid var(--line); background: var(--card); color: var(--text); font-size: 18px; cursor: pointer; transition: border-color .2s, color .2s; }
.carousel-arrow:hover { border-color: var(--action); color: var(--accent); }
.carousel-dots { display: flex; gap: 7px; }
.carousel-dots button { width: 24px; height: 2px; padding: 0; border: 0; background: #334249; cursor: pointer; transition: width .2s, background .2s; }
.carousel-dots button.active { width: 42px; background: var(--action); }
.reviews-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 34px; padding: 24px; border: 1px solid var(--line); background: rgba(18,26,32,.75); }
.reviews-cta p { margin: 0; font-size: 16px; }
.reviews-cta .button { margin-top: 0; flex: 0 0 auto; }

.final-section { padding-bottom: 130px; }
.final-section::before {
  background:
    radial-gradient(circle at 50% 54%, rgba(56,207,162,.16), transparent 32%),
    radial-gradient(circle at 50% 100%, rgba(126,240,193,.06), transparent 30%),
    repeating-linear-gradient(90deg, rgba(126,240,193,.026) 0 1px, transparent 1px 78px),
    repeating-linear-gradient(0deg, rgba(126,240,193,.02) 0 1px, transparent 1px 78px);
}
.final-cta { position: relative; padding: 70px; border: 1px solid rgba(56,207,162,.35); background: radial-gradient(circle at 50% 100%, rgba(56,207,162,.18), transparent 45%), linear-gradient(145deg, rgba(18,26,32,.98), rgba(8,15,19,.92)); text-align: center; overflow: hidden; box-shadow: 0 30px 90px rgba(0,0,0,.34), 0 0 70px rgba(56,207,162,.095); }
.final-cta::before { content: "TROCUX"; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); color: transparent; -webkit-text-stroke: 1px rgba(126,240,193,.06); font-size: 160px; font-weight: 900; letter-spacing: -.08em; white-space: nowrap; z-index: 0; }
.final-cta::after {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(126,240,193,.08), transparent),
    repeating-linear-gradient(90deg, rgba(126,240,193,.025) 0 1px, transparent 1px 46px);
  opacity: .55;
  z-index: 0;
}
.final-cta > * { position: relative; z-index: 1; }
.final-cta h2 { max-width: 760px; margin-inline: auto; }
.final-cta p { max-width: 680px; margin-inline: auto; }

footer { padding: 46px 0 100px; background: linear-gradient(180deg, rgba(7,12,15,.3), rgba(4,8,10,.68)); }
footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 12%, rgba(56,207,162,.04), transparent 26%),
    repeating-linear-gradient(90deg, rgba(126,240,193,.014) 0 1px, transparent 1px 96px);
}
.footer-grid { display: grid; grid-template-columns: .32fr 1fr; gap: 38px; color: var(--muted); }
.footer-grid .brand { color: var(--text); }
.footer-brand > p { margin: 12px 0 0; color: #7f908f; font-size: 11px; }
.footer-mobile-note { display: none; }
.footer-disclaimers { display: grid; grid-template-columns: 1.15fr .85fr; gap: 14px; }
.footer-panel { padding: 22px; border: 1px solid rgba(126,240,193,.16); border-radius: 14px; background: rgba(18,26,32,.58); }
.footer-accordion-toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 14px; padding: 0; border: 0; background: transparent; color: var(--accent); font: inherit; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-align: left; text-transform: uppercase; cursor: default; }
.footer-accordion-icon { display: none; color: #D7E5E2; font-size: 18px; line-height: 1; letter-spacing: 0; }
.footer-panel p { margin: 0 0 10px; color: #AAB8B7; font-size: 11px; line-height: 1.65; }
.footer-panel p:last-child { margin-bottom: 0; }
.footer-panel-content[hidden] { display: none; }
.official-links { display: grid; gap: 8px; margin: 12px 0 16px; }
.official-links span { display: block; padding: 9px 10px; border: 1px solid rgba(126,240,193,.18); border-radius: 8px; background: rgba(8,15,19,.45); color: #D7E5E2; font-size: 11px; cursor: default; }
.mobile-sticky { display: none; }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1050px) {
  .hero-grid { gap: 35px; }
  .hero-visual { min-height: 620px; }
  .hero-metatrader-card { right: 0; }
  .hero-tradingview-card { right: 0; }
  .strategy-stack { left: 0; width: 45%; }
  .access-carousel .access-card { flex-basis: 100%; }
  .strategy-slide { flex-basis: calc((100% - 14px) / 2); }
  .card-grid.four { grid-template-columns: 1fr 1fr; }
  .card-grid.five { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 800px) {
  body::before { opacity: .58; }
  body::after { opacity: .18; background-size: 680px 310px; background-position: right -120px top 80px; }
  .hero::after, .strategy-section::after { display: none; }
  .hero::before { opacity: .68; }
  .section::before { opacity: .46; }
  #inside::after { right: -48%; top: 120px; width: 100%; opacity: .28; }
  .final-section::before { opacity: .72; }
  .final-cta::after { opacity: .32; }
  .container { width: min(calc(100% - 28px), var(--container)); }
  .site-header { height: 64px; }
  .header-label { display: none; }
  .hero { min-height: auto; padding: 62px 0 65px; }
  .hero-grid, .split-heading { grid-template-columns: 1fr; }
  .hero-grid { gap: 55px; }
  h1 { font-size: clamp(42px,12vw,62px); }
  .hero-lead { font-size: 16px; }
  .hero-visual { width: min(100%, 620px); min-height: 640px; margin-inline: auto; }
  .section { padding: 82px 0; }
  #inside { padding-bottom: 44px; }
  .reviews-section { padding-top: 44px; }
  .section-heading { margin-bottom: 32px; }
  .access-grid { grid-template-columns: 1fr; }
  .access-media { height: 255px; }
  .access-cta { align-items: stretch; flex-direction: column; }
  .access-cta .button { width: 100%; }
  .split-heading { gap: 5px; }
  .card-grid.five { grid-template-columns: 1fr 1fr; }
  .strategy-slide { min-height: 360px; }
  .strategy-cta .button { width: 100%; }
  .review { height: 500px; }
  .review-text-card h3 { font-size: 30px; }
  .reviews-cta { align-items: stretch; flex-direction: column; }
  .reviews-cta .button { width: 100%; }
  .final-cta { padding: 55px 22px; }
  .footer-grid { grid-template-columns: 1fr; gap: 25px; }
  .footer-mobile-note { display: block; margin: -4px 0 0; padding: 16px 18px; border: 1px solid rgba(126,240,193,.14); border-radius: 12px; background: rgba(8,15,19,.48); color: #C8D6D4; font-size: 13px; line-height: 1.55; }
  .footer-disclaimers { grid-template-columns: 1fr; }
  .footer-panel { padding: 0; overflow: hidden; background: rgba(18,26,32,.64); }
  .footer-accordion-toggle { min-height: 56px; margin: 0; padding: 0 18px; font-size: 13px; cursor: pointer; }
  .footer-accordion-icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 1px solid rgba(126,240,193,.18); border-radius: 50%; background: rgba(8,15,19,.45); }
  .footer-panel-content { padding: 0 18px 18px; }
  .footer-panel p { margin-bottom: 8px; font-size: 12px; line-height: 1.55; }
  .official-links { gap: 7px; margin: 10px 0 12px; }
  .official-links span { padding: 8px 9px; font-size: 12px; line-height: 1.45; }
}
@media (max-width: 560px) {
  body::before { opacity: .5; }
  body::after, #inside::after { display: none; }
  .hero::before {
    background:
      radial-gradient(circle at 74% 18%, rgba(56,207,162,.14), transparent 34%),
      repeating-linear-gradient(90deg, rgba(126,240,193,.034) 0 1px, transparent 1px 54px),
      repeating-linear-gradient(0deg, rgba(126,240,193,.026) 0 1px, transparent 1px 54px);
    -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.28));
    mask-image: linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.28));
  }
  .reviews-section::before, footer::before { opacity: .45; }
  body { padding-bottom: 76px; }
  .hero { padding-top: 42px; }
  .hero-grid { gap: 42px; }
  .hero-lead { margin-bottom: 10px; font-size: 14px; }
  h1 { margin: 17px 0 16px; font-size: clamp(38px,11.5vw,52px); }
  .hero-visual { min-height: 575px; width: 100%; }
  .hero-person-card { inset: 0 0 96px; border-radius: 14px; }
  .hero-person-card img { object-position: 39% center; }
  .hero-person-label { left: 10px; bottom: 10px; }
  .hero-metatrader-card { top: 12px; right: 8px; width: 58%; height: 100px; transform: rotate(1deg); }
  .hero-tradingview-card { display: none; }
  .strategy-stack { left: auto; right: 8px; bottom: 104px; width: 48%; height: 180px; }
  .strategy-card { width: 100%; height: 170px; }
  .strategy-card-one { left: 0; bottom: 0; transform: rotate(-1deg); }
  .strategy-card-two, .strategy-card-three { display: none; }
  .strategy-fade { inset: 24% 0 0; }
  .strategy-teaser { left: 7px; right: 7px; bottom: 7px; padding: 8px; }
  .strategy-teaser strong { font-size: 9px; }
  .strategy-teaser small { font-size: 7px; }
  .hero-badges { left: 0; right: 0; bottom: 18px; grid-template-columns: 1fr 1fr; gap: 7px; }
  .hero-badges span { min-height: 34px; font-size: 8px; }
  .marquee { height: 48px; }
  .marquee-inner { animation-duration: 30s; }
  .marquee-track { gap: 20px; padding-right: 20px; }
  .marquee-track span, .marquee-track i { font-size: 12px; }
  #inside .section-heading p { font-size: 15.5px; line-height: 1.6; }
  .hero-copy .button, .final-cta .button { width: 100%; }
  .access-media { height: 225px; margin: 9px 9px 0; }
  .access-content { padding: 20px 18px 23px; }
  .access-content h3 { font-size: 19px; }
  .access-content p { font-size: 12px; }
  .access-teaser { left: 10px; right: 10px; bottom: 10px; padding: 10px; }
  .community-visual { padding: 14px; }
  .community-visual .tp3-sticker { width: 32%; right: 6%; bottom: 8%; }
  .card-grid.four, .card-grid.five { grid-template-columns: 1fr; }
  .info-card, .five .info-card { min-height: 205px; }
  .strategy-slide { flex-basis: 100%; min-height: 350px; padding: 23px; }
  .strategy-slide h3 { margin-top: 34px; font-size: 21px; }
  .strategy-slide > p { min-height: auto; font-size: 13px; }
  .strategy-cta p { font-size: 15px; }
  .review { flex-basis: 100%; height: 470px; padding: 8px; }
  .review-text-card { padding: 10px; }
  .review-text-card > div { padding: 22px; }
  .review-text-card h3 { margin: 22px 0 15px; font-size: 25px; }
  .review-text-card p { font-size: 13px; line-height: 1.6; }
  .review-text-card .button { width: 100%; }
  .carousel-track { gap: 0; }
  .mobile-sticky { position: fixed; z-index: 20; display: flex; align-items: center; justify-content: space-between; left: 12px; right: 12px; bottom: 12px; min-height: 54px; padding: 0 20px; background: var(--action); color: #07110e; box-shadow: 0 12px 30px rgba(0,0,0,.4); font-size: 12px; font-weight: 800; text-decoration: none; }
  .footer-mobile-note { padding: 14px 16px; font-size: 12px; }
  .footer-accordion-toggle { min-height: 54px; padding-inline: 16px; font-size: 12px; letter-spacing: .1em; }
  .footer-panel-content { padding: 0 16px 16px; }
  .footer-panel p, .official-links span { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}