/* Shared experience. Product screenshots, readable copy and one warm accent. */
:root { --site-paper:#10151b; --site-panel:#171e26; --site-line:#303a46; --site-ink:#f5f3ee; --site-muted:#bcc5cf; --site-orange:#ffad5a; }
html { scroll-padding-top:100px; }
body { background:#10151b; color:var(--site-ink); font-family:Arial,Helvetica,sans-serif; line-height:1.65; }
body > header.site-header { position:sticky; top:0; width:100%; z-index:200; background:#10151bf7; border-bottom:1px solid var(--site-line); transition:none; }
.site-nav { max-width:1280px; margin:auto; padding:14px 28px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-brand { display:flex; align-items:center; gap:10px; color:var(--site-ink); text-decoration:none; flex-shrink:0; }
.site-brand img { width:40px; height:40px; object-fit:contain; }
.site-brand strong { display:block; font-size:23px; line-height:1.05; letter-spacing:.03em; }
.site-brand small { display:block; font-size:10px; color:var(--site-muted); }
.site-nav-links { display:flex; align-items:center; gap:23px; list-style:none; margin:0; padding:0; }
.site-nav-links a { color:var(--site-muted); text-decoration:none; font-size:14px; font-weight:600; }
.site-nav-links a:hover,.site-nav-links a[aria-current] { color:var(--site-orange); }
.site-language { border-left:1px solid var(--site-line); padding-left:20px; }
.site-cta,.site-nav-links .site-cta,:is(.experience-page,.market-page) .button,.experience-page button.button { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:14px 24px; min-height:48px; border:1px solid #eaba72; border-radius:9px 3px 9px 3px; background:linear-gradient(125deg,#49351e,#1e2023 60%); color:#ffe1ac; font:700 14px/1.4 Arial,Helvetica,sans-serif; letter-spacing:0; text-transform:none; text-decoration:none; box-shadow:inset 0 1px #ffedc829,0 4px 24px #ffad5a14; cursor:pointer; transition:transform .2s,box-shadow .2s,border-color .2s; }
.site-cta:hover,:is(.experience-page,.market-page) .button:hover { border-color:#ffe1ac; color:#fff1d8; transform:translateY(-2px); box-shadow:inset 0 1px #ffedc855,0 6px 30px #ffad5a33; }
:is(.experience-page,.market-page) .button.secondary { border-color:#637080; background:transparent; color:var(--site-ink); }
.site-menu-toggle { display:none; }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline:3px solid var(--site-orange); outline-offset:5px; }
.skip-link { position:absolute; top:-100px; left:20px; padding:12px 20px; background:var(--site-orange); color:#10151b; z-index:220; }
.skip-link:focus { top:8px; }
.site-footer { width:100%; background:#0c1015; border-top:1px solid var(--site-line); padding:60px max(24px,calc((100vw - 1200px)/2)) 24px; text-align:left; margin-top:70px; }
.site-footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1.15fr 1.5fr; gap:32px; }
.site-footer h2 { margin:0 0 15px; font-size:13px; color:var(--site-ink); font-family:inherit; }
.site-footer a { display:block; color:var(--site-muted); text-decoration:none; font-size:13px; margin-bottom:10px; overflow-wrap:anywhere; }
.site-footer a:hover { color:var(--site-orange); }
.site-footer .site-footer-brand { font-size:22px; font-weight:700; color:var(--site-ink); }
.site-footer-brand span { font-size:13px; font-weight:400; }
.site-footer p { color:var(--site-muted); font-size:14px; max-width:29ch; margin-bottom:12px; }
.site-footer .site-small { font-size:12px; }
.site-footer-bottom { margin-top:35px; padding-top:20px; border-top:1px solid var(--site-line); display:flex; gap:20px; flex-wrap:wrap; font-size:11px; color:var(--site-muted); }
.site-footer-bottom a { font-size:11px; margin:0; }
.experience-page { width:min(1200px,calc(100% - 56px)); margin:0 auto; padding:0; }
.experience-page h1,.experience-page h2,.experience-page h3 { font-family:Arial,Helvetica,sans-serif; color:var(--site-ink); letter-spacing:-.035em; line-height:1.12; text-transform:none; }
.experience-page h1 { font-size:clamp(38px,4.4vw,64px); margin:15px 0 24px; max-width:16ch; }
.experience-page h2 { font-size:clamp(27px,3vw,39px); margin:0 0 18px; }
.experience-page h3 { font-size:22px; margin:0 0 13px; }
.experience-page p { color:var(--site-muted); margin:0 0 20px; font-size:16px; }
.experience-page a:not(.button) { color:var(--site-orange); text-underline-offset:4px; }
.experience-page .eyebrow { color:var(--site-orange); font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:16px; }
.landing-hero { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding:76px 0 64px; }
.landing-hero .hero-lead { max-width:47ch; font-size:18px; line-height:1.65; }
.landing-hero h1 em { font-style:normal; color:var(--site-orange); }
.action-row { display:flex; flex-wrap:wrap; gap:12px; margin:26px 0 15px; }
.experience-page .small-note { font-size:12px; line-height:1.6; }
.product-shot { margin:0; background:#080b0f; border:1px solid #485260; border-radius:8px; overflow:hidden; }
.product-shot img { display:block; width:100%; height:auto; }
.product-shot figcaption { padding:14px 18px; font-size:12px; color:var(--site-muted); border-top:1px solid var(--site-line); }
.shot-heading { display:flex; justify-content:space-between; gap:12px; padding:13px 17px; font-size:11px; color:var(--site-muted); border-bottom:1px solid var(--site-line); letter-spacing:.04em; }
.shot-heading strong { color:var(--site-orange); }
.benefit-strip { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--site-line); border-bottom:1px solid var(--site-line); padding:24px 0; gap:30px; }
.benefit-strip strong { display:block; font-size:15px; margin-bottom:4px; }
.benefit-strip span { color:var(--site-muted); font-size:13px; }
.content-section { padding:70px 0; border-bottom:1px solid var(--site-line); }
.section-intro { max-width:680px; margin-bottom:32px; }
.split-section { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center; }
.step-list { list-style:none; padding:0; counter-reset:steps; }
.step-list li { counter-increment:steps; position:relative; padding:0 0 24px 48px; color:var(--site-muted); }
.step-list li::before { content:counter(steps,decimal-leading-zero); position:absolute; left:0; top:0; color:var(--site-orange); font-size:13px; font-weight:700; }
.step-list strong { display:block; color:var(--site-ink); margin-bottom:5px; }
.content-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.content-card { border:1px solid var(--site-line); background:var(--site-panel); padding:25px; border-radius:6px; text-decoration:none; }
.content-card img { width:100%; display:block; border-radius:3px; margin-bottom:22px; }
.content-card p { font-size:14px; margin-bottom:14px; }
.content-card .card-index { color:var(--site-orange); display:block; font-size:12px; margin-bottom:24px; }
.content-card .text-link { display:inline-block; font-size:14px; font-weight:700; }
.cta-panel { margin:60px 0 0; padding:36px; border-left:3px solid var(--site-orange); background:var(--site-panel); display:flex; align-items:center; justify-content:space-between; gap:30px; }
.cta-panel h2 { font-size:28px; }
.cta-panel p { margin:0; }
.page-intro { padding:60px 0 35px; max-width:760px; }
.page-intro h1 { max-width:22ch; font-size:clamp(34px,4vw,53px); }
.reading-layout { display:grid; grid-template-columns:235px minmax(0,760px); gap:60px; padding:20px 0 60px; align-items:start; }
.lesson-index { position:sticky; top:105px; border-left:1px solid var(--site-line); padding-left:18px; }
.lesson-index a { display:block; padding:9px 0; font-size:14px; text-decoration:none; }
.lesson { padding:0 0 40px; margin-bottom:40px; border-bottom:1px solid var(--site-line); scroll-margin-top:110px; }
.lesson ul,.lesson ol,.experience-page .plain-list { color:var(--site-muted); padding-left:22px; margin:15px 0 22px; }
.lesson li,.plain-list li { padding:4px 0; }
.lesson .product-shot { margin:25px 0; }
.lesson details,.experience-page details { padding:16px 0; border-bottom:1px solid var(--site-line); }
.lesson summary,.experience-page summary { cursor:pointer; color:var(--site-ink); font-weight:600; }
.lesson details p { margin:16px 0 0; }
.guide-article { max-width:760px; padding-bottom:30px; }
.community-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.experience-page .article-item .card-index { font-size:12px; font-weight:400; color:var(--site-orange); }
.experience-page .article-item h2 { font-size:25px; }
.callout { border-left:3px solid var(--site-orange); background:var(--site-panel); padding:20px 24px; margin:24px 0; }
.callout p:last-child { margin-bottom:0; }
.trial-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:64px 0; align-items:start; }
.signup-panel { border:1px solid var(--site-line); border-radius:7px; background:var(--site-panel); padding:32px; }
.signup-panel label { display:block; margin:19px 0 7px; color:var(--site-ink); font-size:14px; font-weight:600; }
.signup-panel input { width:100%; min-height:48px; border:1px solid #647081; border-radius:4px; padding:12px; background:#10151b; color:var(--site-ink); font:inherit; }
.signup-panel .button { width:100%; margin-top:20px; }
.signup-panel .field-hint { font-size:12px; margin-top:8px; }
.signup-panel .trial-error { display:block; color:#ffc0b3; margin:15px 0 0; }
.signup-panel .trial-error:empty { display:none; }
.receipt-layout { max-width:800px; padding:70px 0; margin:auto; }
.receipt-layout h1 { max-width:24ch; font-size:clamp(34px,4vw,48px); }
.receipt-layout [hidden] { display:none; }
.experience-page .article-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.experience-page .article-item { display:block; position:static; transform:none; width:auto; height:auto; color:var(--site-ink); padding:24px; background:var(--site-panel); border:1px solid var(--site-line); border-radius:5px; text-decoration:none; }
.experience-page .article-item span { position:static; display:block; color:var(--site-ink); background:none; font-size:21px; font-weight:700; line-height:1.3; }
.experience-page .article-item img { max-height:175px; object-fit:contain; margin-bottom:18px; }
.experience-page .article-item:hover { transform:none; border-color:var(--site-orange); }
.experience-page .article-item p { font-size:14px; margin:12px 0 0; }
.video-frame { aspect-ratio:16/9; background:#080b0f; margin:24px 0; }
.video-frame iframe { display:block; width:100%; height:100%; border:0; }
.hiddenLoad { opacity:1; }
.load { transition:none; }
body > main:not(.experience-page) { padding-top:35px; }
.packages-section { margin-top:0; padding-top:15px; }
.pricing-intro { max-width:900px; margin:0 auto; padding:20px 20px 0; text-align:center; }
.pricing-intro h1 { font-size:36px; margin-bottom:15px; }
.pricing-intro p { color:var(--site-muted); }
.plan-duration { display:inline-flex; border:1px solid #637080; border-radius:5px; padding:4px; gap:4px; margin:0 0 28px; }
.experience-page .plan-duration .duration-btn { border:0; box-shadow:none; border-radius:3px; padding:12px 22px; background:transparent; color:var(--site-muted); font:600 14px Arial,Helvetica,sans-serif; min-height:44px; cursor:pointer; }
.experience-page .plan-duration .duration-btn.active { background:var(--site-orange); color:#19130d; }
.plans-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-bottom:22px; }
.plan-card { border:1px solid var(--site-line); background:var(--site-panel); border-radius:6px; padding:28px; display:flex; flex-direction:column; }
.plan-card.featured-plan { border-color:var(--site-orange); }
.plan-card h2 { font-size:30px; }
.plan-card .eyebrow { font-size:10px; min-height:2.5em; }
.plan-amount { padding:20px 0; border-top:1px solid var(--site-line); border-bottom:1px solid var(--site-line); }
.plan-amount[hidden] { display:none; }
.plan-amount strong { font-size:40px; letter-spacing:-.04em; }
.plan-amount span { font-size:14px; color:var(--site-muted); }
.plan-amount p { font-size:12px; margin:8px 0 0; }
.plan-card ul { padding:22px 0 5px; list-style:none; font-size:14px; color:var(--site-ink); }
.plan-card li { margin-bottom:12px; padding-left:20px; position:relative; }
.plan-card li::before { content:'✓'; color:var(--site-orange); position:absolute; left:0; }
.plan-card .plan-limit { font-size:12px; margin-top:auto; padding:15px 0; }
.plan-card .button { width:100%; }
.featured-plan .button.secondary { background:linear-gradient(125deg,#49351e,#1e2023 60%); border-color:var(--site-orange); color:#ffe1ac; }
.legacy-notice { max-width:900px; margin:20px auto; padding:16px 22px; background:var(--site-panel); border-left:3px solid var(--site-orange); color:var(--site-muted); font-size:14px; }
.legacy-notice a { color:var(--site-orange); }
.checkout-refund-note { width:min(1100px,calc(100% - 40px)); margin:0 auto 25px; padding:16px 20px; background:var(--site-panel); border:1px solid var(--site-line); border-radius:4px; color:var(--site-muted); font-size:13px; }
.checkout-refund-note a { color:var(--site-orange); }
.terms-refund { max-width:900px; margin:25px auto; text-align:left; }
.terms-refund h2 { font-size:24px; line-height:1.3; margin-bottom:18px; }
.terms-refund p,.terms-refund li { font-size:15px; line-height:1.7; color:var(--site-muted); }
.terms-refund ul { padding-left:23px; }
.terms-refund li { margin-bottom:16px; }
.terms-refund a { color:var(--site-orange); }
@media(max-width:1100px) { .site-nav-links { gap:15px; } .site-nav { padding-inline:20px; gap:15px; } .site-nav-links a { font-size:13px; } .landing-hero { gap:30px; } }
@media(max-width:1180px) {
  .site-nav { flex-wrap:wrap; }
  .site-menu-toggle:not([hidden]) { display:inline-flex; align-items:center; gap:12px; padding:10px 14px; border:1px solid #637080; border-radius:4px; background:transparent; color:var(--site-ink); font:inherit; }
  .site-nav-links { flex-basis:100%; flex-wrap:wrap; gap:0; }
  .site-nav-links li { flex-basis:50%; }
  .site-nav-links a { display:block; padding:13px 10px; font-size:15px; }
  .site-nav-links .site-cta { margin-top:8px; padding:12px; display:inline-flex; }
  .site-language { border:0; }
  .site-nav-ready .site-nav-links:not(.is-open) { display:none; }
  .site-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .landing-hero { grid-template-columns:1fr; padding-top:45px; gap:32px; }
  .landing-hero h1 { max-width:20ch; }
  .landing-hero .hero-lead { max-width:60ch; }
  .split-section { gap:30px; }
  .reading-layout { grid-template-columns:190px minmax(0,1fr); gap:30px; }
  .trial-layout { gap:35px; }
}
@media(max-width:640px) {
  html { scroll-padding-top:85px; }
  .site-nav { padding:11px 18px; }
  .site-nav-links li { flex-basis:100%; }
  .site-nav-links { max-height:70dvh; overflow:auto; }
  .experience-page { width:calc(100% - 36px); }
  .experience-page h1 { font-size:39px; }
  .landing-hero { padding:38px 0 35px; }
  .landing-hero .hero-lead { font-size:16px; }
  .action-row .button { flex:1 1 150px; padding-inline:14px; }
  .benefit-strip { grid-template-columns:1fr; gap:19px; }
  .content-section { padding:43px 0; }
  .split-section,.content-grid,.community-grid,.trial-layout,.reading-layout,.experience-page .article-list,.plans-grid { grid-template-columns:1fr; }
  .split-section { gap:24px; }
  .content-grid { gap:16px; }
  .cta-panel { display:block; padding:25px; margin-top:35px; }
  .cta-panel .button { margin-top:20px; width:100%; }
  .page-intro { padding-top:36px; }
  .reading-layout { padding-top:0; }
  .lesson-index { position:static; top:auto; margin-bottom:20px; }
  .trial-layout { padding:35px 0; gap:25px; }
  .signup-panel { padding:23px; }
  .receipt-layout { padding-top:40px; }
  .site-footer { margin-top:45px; padding:35px 20px 24px; }
  .site-footer-grid { gap:25px 18px; }
  .site-footer-grid > :first-child { grid-column:1/-1; }
  .site-footer p { max-width:45ch; }
  .site-footer-bottom { gap:14px; }
}
/* A product journey: live markets, a real demonstration, then distinct visual stories. */
.site-nav { max-width:1400px; gap:16px; }
.site-nav-links { gap:18px; }
.site-nav-links .site-price-link { font-weight:700; }
.site-nav-links a[aria-current="page"] { color:var(--site-orange); text-decoration:underline; text-decoration-color:#eaba72; text-underline-offset:7px; }
.site-ticker { display:flex; align-items:center; gap:15px; height:35px; background:#080c11; border-top:1px solid #ffffff0b; font-size:11px; overflow:hidden; }
.site-ticker .ticker-container { flex:1; min-width:0; overflow:hidden; }
.ticker-destination { flex-shrink:0; padding-left:24px; color:#edc588; text-decoration:none; letter-spacing:.12em; font-weight:700; }
.site-ticker #ticker { margin:0; padding:0; }
.site-ticker #ticker li { display:flex; align-items:center; gap:6px; }
.site-ticker:hover #ticker { animation-play-state:paused; }
.ticker-pause { flex-shrink:0; width:40px; height:30px; color:#e2cba5; border:0; border-left:1px solid #303a46; background:#080c11; cursor:pointer; }
.ticker-pause[hidden] { display:none; }
.story-hero { display:grid; grid-template-columns:1fr 1.08fr; gap:45px; align-items:center; padding:80px 0 65px; }
.story-hero h1 { font-size:clamp(38px,4.3vw,62px); max-width:19ch; line-height:1.04; }
.experience-page em { font-style:normal; color:#f3c17a; }
.story-hero .hero-lead { font-size:19px; max-width:42ch; }
.story-hero .action-row { align-items:center; gap:22px; }
.story-link { font-size:14px; font-weight:700; text-decoration:none; display:inline-block; padding:9px 0; }
.story-demo { min-width:0; transform:rotate(-1deg); border:1px solid #74604a; border-radius:12px; background:#080c11; padding:12px; box-shadow:0 20px 90px #ed9e2820; }
.story-video { aspect-ratio:16/9; background:#080c11; overflow:hidden; border-radius:5px; display:block; position:relative; }
.story-video > img { width:100%; height:100%; object-fit:cover; opacity:.78; }
.video-play { position:absolute; inset:0; display:flex; gap:15px; align-items:center; justify-content:center; color:#fff; background:linear-gradient(transparent,#070c10aa); text-shadow:0 2px 8px #000; font-weight:700; }
.video-play b { display:grid; place-items:center; width:64px; height:64px; border:1px solid #edbd73; border-radius:50%; color:#ffe1ad; background:#161d25ed; font-size:22px; box-shadow:0 0 30px #edbd7344; transition:transform .2s; }
.video-play small { display:block; font-size:11px; color:#f3d8b2; font-weight:400; margin-top:4px; }
.story-video:hover .video-play b { transform:scale(1.08); }
.story-video iframe { width:100%; height:100%; border:0; display:block; }
.demo-label,.demo-footnote { padding:8px 4px 16px; display:flex; gap:10px; align-items:center; font-size:12px; color:#dbd6cd; }
.demo-footnote { padding:14px 4px 4px; justify-content:space-between; font-size:10px; letter-spacing:.04em; }
.status-dot { display:inline-block; width:7px; height:7px; flex-shrink:0; background:#efbf79; border-radius:50%; box-shadow:0 0 14px #ffbd5c88; }
.story-ribbon { display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:space-between; padding:22px 0; border-block:1px solid #d0a36938; font-size:13px; color:#e0d9cc; }
.story-ribbon i { color:#c69553; font-style:normal; }
.story-auto,.story-alerts,.story-backtest,.story-demo-section { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:65px; padding:95px 0; }
.story-copy h2,.story-backtest h2,.story-demo-section h2 { font-size:clamp(30px,3.2vw,45px); }
.story-copy p { max-width:42ch; }
.experience-page .story-punchline { color:#f5ddba; font-size:17px; font-weight:700; }
.auto-scene { margin:0; min-width:0; transform:rotate(1deg); background:#080c11; border:1px solid #445566; border-radius:10px; overflow:hidden; box-shadow:18px 18px 0 #23394b33; }
.auto-caption { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:14px 18px; font-size:12px; }
.auto-caption strong { margin-left:auto; color:#a9d9e5; font-size:10px; font-weight:400; }
.story-chart { display:block; }
.story-chart img { width:100%; height:auto; display:block; }
.auto-scene figcaption { font-size:11px; color:#acbdc9; padding:13px 18px; }
.story-levels { padding:30px 0 65px; }
.levels-heading { max-width:750px; margin:0 auto 30px; text-align:center; }
.levels-heading h2 { font-size:clamp(30px,3.8vw,49px); }
.levels-stage { padding:10px; border:1px solid #617589; border-radius:10px; background:#080c11; box-shadow:0 18px 70px #0007; }
.levels-stage img { max-height:540px; object-fit:contain; }
.levels-legend { display:flex; flex-wrap:wrap; align-items:center; gap:24px; padding:18px 12px 8px; font-size:12px; }
.levels-legend span { display:flex; align-items:center; gap:8px; }
.levels-legend i { width:18px; height:3px; display:block; background:#39b4ff; }
.levels-legend .legend-target { background:#75d3a3; }
.levels-legend .legend-stop { background:#ed8585; }
.levels-legend a { margin-left:auto; }
.experience-page .visual-caption { margin:14px 0 0; font-size:11px; text-align:center; }
.story-alerts { grid-template-columns:1.1fr 1fr; border-bottom:1px solid #35414b; }
.signal-scene { min-height:320px; position:relative; display:grid; place-items:center; isolation:isolate; }
.signal-rings { position:absolute; inset:0; z-index:-1; background:repeating-radial-gradient(circle at center,transparent 0 43px,#bd8d4d26 44px 45px,transparent 46px 85px); mask-image:radial-gradient(ellipse,#000 15%,transparent 70%); }
.signal-bell { color:#efbd72; font-size:95px; line-height:1; position:absolute; top:10px; transform:rotate(-12deg); }
.signal-note { margin-top:55px; padding:25px 30px; max-width:330px; transform:rotate(-4deg); border:1px solid #a18156; border-radius:15px; background:linear-gradient(120deg,#342b21,#111820); box-shadow:0 20px 60px #0008; }
.signal-note span { font-size:10px; letter-spacing:.15em; color:#e6bf89; }
.signal-note strong { display:block; font-size:24px; line-height:1.25; margin:12px 0; }
.signal-note small { color:#bcc5cf; }
.story-trial { display:grid; grid-template-columns:.8fr 1fr; gap:70px; align-items:center; padding:80px 50px; margin:65px 0; background:radial-gradient(ellipse at 20% 50%,#a86b2633,transparent 60%); border-block:1px solid #b58b5144; }
.trial-orbit { width:260px; height:260px; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #ce9c57; border-radius:50%; box-shadow:0 0 0 18px #bf97520a,0 0 0 40px #bf975207; margin:auto; transform:rotate(-9deg); }
.trial-orbit span { font-size:125px; font-weight:700; line-height:.95; letter-spacing:-.09em; color:#f6d7a6; }
.trial-orbit small { letter-spacing:.4em; color:#edc996; }
.trial-orbit i { position:absolute; bottom:5px; right:0; border-radius:50%; background:#f2c581; color:#1b2026; padding:12px 18px; font-size:28px; font-style:normal; font-weight:700; }
.story-trial h2 { font-size:clamp(38px,4.5vw,62px); }
.story-trial .small-note { margin:16px 0 0; }
.story-markets { padding:20px 0 45px; }
.story-markets > div:first-child { max-width:650px; }
.market-destinations { display:grid; grid-template-columns:1.3fr 1fr; gap:24px; margin-top:30px; }
.market-destinations > a { text-decoration:none; border-radius:10px; overflow:hidden; transition:transform .2s; }
.market-destinations > a:hover { transform:translateY(-4px); }
.market-chart-link { border:1px solid #456176; background:radial-gradient(ellipse at center,#263a47,#0b1016 75%); display:flex; flex-direction:column; justify-content:space-between; }
.market-chart-link img { width:100%; max-height:240px; object-fit:contain; padding:25px; }
.market-chart-link span { padding:18px 25px; border-top:1px solid #314654; display:flex; justify-content:space-between; font-weight:700; }
.market-news-link { background:#e9d5b4; padding:30px; display:flex; flex-direction:column; justify-content:space-between; gap:24px; }
.experience-page .market-news-link { color:#20272e!important; }
.market-news-link strong { font-size:clamp(28px,3.5vw,45px); line-height:1.1; letter-spacing:-.04em; }
.news-label { font-size:10px; letter-spacing:.18em; }
.market-news-link > span:last-child { display:flex; justify-content:space-between; font-size:14px; font-weight:700; }
.experience-page .story-disclaimer { font-size:12px; color:#a5b0bc; max-width:900px; margin:15px 0 35px; }
.signal-hero { margin:0; min-width:0; padding:35px 10px; background:radial-gradient(ellipse,#25425360,transparent 70%); }
.signal-hero img { width:100%; height:auto; }
.signal-hero figcaption { text-align:center; color:#bec9d1; font-size:12px; }
.story-demo-section { border-block:1px solid #35414b; }
.story-backtest .story-chart { border:1px solid #465563; border-radius:8px; overflow:hidden; }
.pricing-trial { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 32px; margin:0 0 35px; border:1px solid #9e7b48; border-radius:12px 3px; background:radial-gradient(ellipse at top left,#754b253d,transparent),#161d25; }
.pricing-trial h2 { font-size:27px; margin:0 0 8px; }
.pricing-trial p { font-size:14px; margin:0; }
.pricing-trial .trial-price { font-size:50px; color:#f5d4a1; line-height:1; font-weight:700; }
@media(max-width:1180px) { .site-nav-links { gap:0; } .story-hero { gap:30px; } .story-auto,.story-alerts,.story-backtest,.story-demo-section { gap:35px; } }
@media(max-width:850px) { .story-hero,.story-auto,.story-alerts,.story-backtest,.story-demo-section { grid-template-columns:1fr; padding:45px 0; gap:30px; } .story-hero h1 { max-width:23ch; } .story-demo { transform:none; } .story-auto .auto-scene { max-width:700px; } .story-alerts .signal-scene { order:2; } .story-trial { gap:40px; padding:50px 20px; } .trial-orbit { width:190px; height:190px; } .trial-orbit span { font-size:95px; } .pricing-trial { flex-wrap:wrap; } }
@media(max-width:550px) { .story-hero h1 { font-size:39px; } .story-hero .hero-lead { font-size:17px; } .story-hero .action-row { gap:15px; } .story-ribbon { gap:10px; justify-content:center; font-size:11px; } .story-ribbon i { display:none; } .story-ribbon span { padding:3px 8px; } .story-trial { grid-template-columns:1fr; margin:35px 0; gap:45px; } .trial-orbit { width:170px; height:170px; } .trial-orbit span { font-size:85px; } .story-trial h2 { font-size:42px; } .market-destinations { grid-template-columns:1fr; } .levels-legend { gap:15px; padding-inline:3px; } .levels-legend a { margin-left:0; flex-basis:100%; } .demo-footnote { font-size:9px; } .ticker-destination { padding-left:14px; font-size:9px; } .pricing-trial { padding:22px; gap:20px; } .pricing-trial .button { width:100%; } }
/* Feature detail has its own structure instead of repeating the landing page. */
.feature-intro { padding:65px 0 35px; }
.feature-intro h1 { max-width:23ch; font-size:clamp(35px,4vw,56px); }
.feature-intro > p { max-width:65ch; }
.feature-jump { display:flex; flex-wrap:wrap; gap:10px; padding-top:15px; }
.feature-jump a { font-size:12px; text-decoration:none; padding:10px 16px; border:1px solid #475563; border-radius:30px; }
.feature-jump a:hover { border-color:#d6ad72; background:#43332244; }
.feature-chapter { display:grid; grid-template-columns:.9fr 1.15fr; gap:55px; align-items:center; padding:65px 0; border-top:1px solid #35414b; scroll-margin-top:135px; }
.feature-explanation { position:relative; min-width:0; }
.feature-number { display:block; color:#c09b6855; font-size:62px; font-weight:700; line-height:1; letter-spacing:-.08em; margin-bottom:22px; }
.feature-chapter h2 { font-size:clamp(28px,3vw,41px); }
.feature-facts { margin:22px 0; padding:0; }
.feature-facts > div { border-left:2px solid #957346; padding-left:15px; margin:18px 0; }
.feature-facts dt { font-size:12px; color:#edc78e; font-weight:700; margin-bottom:5px; }
.feature-facts dd { margin:0; font-size:14px; color:var(--site-muted); }
.feature-screen { margin:0; min-width:0; background:#080c11; border:1px solid #43596c; border-radius:8px; overflow:hidden; box-shadow:0 15px 40px #0005; }
.feature-screen figcaption { padding:14px 18px; color:var(--site-muted); font-size:11px; }
.feature-chapter-wide { grid-template-columns:1fr; gap:28px; }
.feature-chapter-wide .feature-explanation { max-width:770px; }
.feature-chapter-wide img { max-height:540px; object-fit:contain; }
.feature-controls { background:radial-gradient(ellipse at 80% 50%,#68503422,transparent 65%); }
.feature-control-notes { padding:20px 30px; border-left:1px solid #907047; }
.feature-control-notes > div + div { border-top:1px solid #47515b; padding-top:30px; margin-top:30px; }
.feature-control-notes > div > span { display:block; font-size:35px; line-height:1; color:#edc78e; margin-bottom:12px; }
.feature-control-notes p { font-size:15px; margin-bottom:0; max-width:36ch; }
/* Market widgets keep their native controls; their surrounding page shares the brand. */
body > main.market-page { width:min(1240px,calc(100% - 56px)); padding:0; margin:0 auto; background:none; }
.market-intro { display:flex; justify-content:space-between; align-items:end; gap:30px; padding:45px 0 30px; }
.market-intro h1,.checkout-intro h1 { font:700 clamp(34px,3.8vw,51px)/1.08 Arial,Helvetica,sans-serif; letter-spacing:-.04em; color:var(--site-ink); margin:12px 0 18px; }
.market-intro em,.checkout-intro em { font-style:normal; color:#f3c17a; }
.market-intro p { color:var(--site-muted); max-width:62ch; font-size:15px; margin:0; }
.market-intro .eyebrow,.checkout-intro .eyebrow { font-size:11px; color:#edc78e; text-transform:uppercase; letter-spacing:.1em; }
.market-switch { display:flex; gap:8px; flex-shrink:0; padding-bottom:6px; }
.market-switch a { color:var(--site-muted); text-decoration:none; padding:11px 17px; border:1px solid #475563; border-radius:8px 3px; font-size:13px; font-weight:700; }
.market-switch a[aria-current],.market-switch a:hover { color:#ffe0ac; border-color:#c19b61; background:linear-gradient(125deg,#49351e,#1e2023 70%); }
.market-page :is(.tv-chart,.tv-news,.news-panic) { width:100%; border:1px solid #43596c; border-radius:9px; background:#101820; box-shadow:0 12px 40px #0004; }
.market-page :is(.tv-pair,.tv-rating) { width:100%; }
.market-page .tv-pair .tv-rating { width:calc(50% - 11px); }
.market-cta { margin:40px 0 0; padding:30px; border-block:1px solid #b58b5144; background:radial-gradient(ellipse at top left,#754b2526,transparent); display:flex; align-items:center; justify-content:space-between; gap:30px; }
.market-cta h2 { font:700 27px/1.15 Arial,Helvetica,sans-serif; letter-spacing:-.03em; margin:0 0 12px; color:var(--site-ink); }
.market-cta p { color:var(--site-muted); font-size:14px; max-width:65ch; margin:0; }
.market-cta .button { flex-shrink:0; }
/* Light checkout polish: preserve catalog controls, provider buttons and payment behavior. */
body > main.main-checkout { width:min(1200px,calc(100% - 56px)); margin:0 auto; padding:0; }
.checkout-intro { padding:40px 0 20px; }
.checkout-intro p { color:var(--site-muted); font-size:16px; margin:0 0 12px; }
.checkout-intro .small-note { font-size:12px; }
.main-checkout .checkout-refund-note { width:100%; padding:15px 20px; margin:0 0 30px; border:1px solid #3b4855; border-radius:6px; background:#141c24; font-size:12px; line-height:1.6; }
.main-checkout .checkout-wrapper { width:100%; max-width:none; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; }
.main-checkout .checkout-order-section,.main-checkout .checkout-payment-section { min-width:0; }
.main-checkout .order-summary-card { background:linear-gradient(120deg,#28251f,#151d25 70%); border:1px solid #88704d; border-radius:10px; box-shadow:0 12px 40px #0003; }
.main-checkout .checkout-order-section > .order-summary-desktop { margin-top:0; }
.main-checkout .summary-header { background:transparent; border-bottom:1px solid #5e513a; padding:20px 24px; }
.main-checkout :is(h2,h3) { font-family:Arial,Helvetica,sans-serif; color:var(--site-ink); letter-spacing:-.025em; }
.main-checkout .summary-content { padding:24px; }
.main-checkout .price-value { color:#edc78e; font-size:32px; }
.main-checkout .selected-plan-heading { background:none; border:0; border-radius:0; padding:0; font-size:21px; }
.main-checkout .duration-buttons { gap:10px; }
.main-checkout .duration-btn { border-radius:7px 3px; box-shadow:none; background:#141c24; color:var(--site-muted); border-color:#475563; min-height:46px; }
.main-checkout .duration-btn.active { background:linear-gradient(125deg,#49351e,#1e2023 70%); border-color:#c19b61; color:#ffe0ac; }
.main-checkout .package-checkout-card { background:#141c24; border:1px solid #475563; border-radius:7px; box-shadow:none; }
.main-checkout .package-checkout-card.selected { background:#31281d; border-color:#d2a866; box-shadow:inset 0 0 0 1px #d2a86633; }
.main-checkout .payment-form { background:#161e27; border:1px solid #435363; border-radius:10px; padding:28px; gap:20px; align-items:stretch; text-align:left; }
.main-checkout .form-section h2 { font-size:21px; margin:0 0 12px; padding:0; }
.main-checkout .form-group input { background:#0e151d; border:1px solid #637080; border-radius:5px; min-height:48px; width:100%; color:var(--site-ink); }
.main-checkout .form-group input:focus-visible { outline:3px solid var(--site-orange); outline-offset:3px; }
.main-checkout .payment-btn { border-radius:9px 3px; min-height:50px; border-color:#b29a77; box-shadow:0 4px 20px #edc78e12; }
.main-checkout .checkout-terms { border:0; border-top:1px solid #35414b; border-radius:0; background:none; padding:16px 0 0; color:var(--site-muted); font-size:12px; }
.main-checkout .checkout-terms a { color:#edc78e; }
@media(max-width:850px) { .feature-chapter { grid-template-columns:1fr; gap:30px; padding:40px 0; } .market-intro { align-items:start; flex-direction:column; gap:20px; } }
@media(max-width:768px) { .main-checkout .checkout-wrapper { grid-template-columns:1fr; padding:0; gap:25px; } .main-checkout .packages-checkout-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .main-checkout .package-checkout-card { padding-inline:6px; } .main-checkout .package-card-compact { font-size:12px; } .main-checkout .checkout-terms { margin-top:10px; } .market-page .tv-pair .tv-rating { width:100%; } .market-cta { display:block; padding:25px 15px; } .market-cta .button { margin-top:20px; } }
@media(max-width:550px) { body > main.market-page,body > main.main-checkout { width:calc(100% - 36px); } .feature-intro { padding-top:40px; } .feature-intro h1 { font-size:37px; } .feature-jump { gap:8px; } .feature-jump a { font-size:11px; padding:10px 12px; } .feature-number { font-size:49px; } .feature-control-notes { padding:10px 20px; } .main-checkout .payment-form { padding:22px; } .main-checkout .summary-content { padding:20px; } .main-checkout .price-value { font-size:29px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }