.hero { position: relative; min-height: 720px; padding-top: 76px; overflow: hidden; background: #1b1816; }
.hero-image, .hero-overlay { position: absolute; inset: 76px 0 0; width: 100%; height: calc(100% - 76px); }
.hero-image { object-fit: cover; object-position: center; }
.hero-overlay { background: linear-gradient(90deg, rgba(18,18,18,.97) 0%, rgba(18,18,18,.88) 42%, rgba(18,18,18,.32) 72%, rgba(18,18,18,.18) 100%); }
.hero-inner { position: relative; z-index: 2; min-height: 644px; display: grid; grid-template-columns: minmax(0, 1fr) 370px; align-items: center; gap: 94px; }
.hero-copy { max-width: 690px; padding: 60px 0; }
.eyebrow { display: inline-flex; align-items: center; gap: 11px; color: var(--orange-light); font-size: 13px; font-weight: 900; }
.eyebrow-line { width: 28px; height: 2px; background: var(--orange); }
.hero h1 { max-width: 690px; margin: 18px 0 22px; color: var(--white); font-size: clamp(42px, 5vw, 66px); }
.hero-lead { max-width: 640px; margin-bottom: 30px; color: #cac5c1; font-size: 18px; line-height: 1.85; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-disclaimer { margin: 19px 0 0; color: #88837e; font-size: 13px; }
.signal-card { padding: 25px; border: 1px solid var(--orange-border); border-radius: var(--radius); background: rgba(36,36,36,.92); box-shadow: 0 20px 60px rgba(0,0,0,.3); }
.signal-head { display: flex; justify-content: space-between; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid var(--border); }
.signal-head > div { display: flex; flex-direction: column; }
.signal-head span { color: var(--muted); font-size: 12px; }
.signal-head strong { margin-top: 4px; font-size: 19px; }
.mini-chart { height: 150px; display: flex; align-items: end; gap: 10px; margin: 23px 0; padding: 14px 12px 0; border-left: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.mini-chart span { flex: 1; min-width: 12px; background: var(--orange); opacity: .88; }
.mini-chart span:nth-child(odd) { background: var(--orange-light); opacity: .65; }
.signal-stats { margin: 0; }
.signal-stats div { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--border); }
.signal-stats dt { color: var(--muted); font-size: 12px; }
.signal-stats dd { margin: 0; color: var(--white); font-size: 12px; font-weight: 800; }

.metric-strip { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--surface-soft); }
.metric-grid { min-height: 108px; display: grid; grid-template-columns: repeat(4, 1fr); }
.metric-grid > div { display: flex; align-items: center; gap: 15px; padding: 18px 25px; border-right: 1px solid var(--border); }
.metric-grid > div:first-child { padding-left: 0; }
.metric-grid > div:last-child { border-right: 0; }
.metric-grid strong { color: var(--orange); font-size: 14px; }
.metric-grid p { display: flex; flex-direction: column; margin: 0; color: var(--white); font-size: 14px; font-weight: 800; }
.metric-grid small { color: var(--muted); font-size: 12px; font-weight: 400; }

.section { padding: 92px 0; }
.section h2 { color: var(--white); }
.intro-section { background: var(--background); }
.intro-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); gap: 90px; align-items: start; }
.section-heading h2, .section-title-row h2 { margin: 13px 0 20px; font-size: 35px; }
.section-heading > p { max-width: 650px; font-size: 16px; }
.principle-list { border-top: 1px solid var(--border); }
.principle-list article { display: grid; grid-template-columns: 95px 1fr; column-gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--border); }
.principle-list article > span { grid-row: 1 / 3; color: var(--orange); font-size: 12px; font-weight: 900; }
.principle-list h3 { margin: 0 0 7px; font-size: 18px; }
.principle-list p { margin: 0; font-size: 13px; }
.keyword-section { padding: 58px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--surface-soft); }
.section-title-row { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 36px; }
.section-title-row h2 { margin-bottom: 0; }
.section-title-row > p { max-width: 480px; margin: 0; text-align: right; font-size: 14px; }
.section-title-row.compact { margin-bottom: 14px; }
.keyword-cloud { display: flex; flex-wrap: wrap; gap: 10px; }
.keyword-cloud a { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; border: 1px solid var(--border); border-radius: 4px; background: var(--surface); color: #d4d0cc; font-size: 13px; font-weight: 700; }
.keyword-cloud a:hover { border-color: var(--orange); color: var(--orange-light); }

.trend-section { background: var(--background); }
.trend-dashboard { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.chart-panel { min-width: 0; padding: 28px; border-right: 1px solid var(--border); }
.panel-head { display: flex; justify-content: space-between; gap: 20px; }
.panel-head > div { display: flex; flex-direction: column; }
.panel-head strong { font-size: 18px; }
.panel-head span { color: var(--muted); font-size: 12px; }
.line-chart { margin-top: 26px; }
.line-chart svg { width: 100%; height: auto; overflow: visible; }
.grid-lines line { stroke: rgba(255,255,255,.09); stroke-width: 1; }
.line-chart polyline { fill: none; stroke: var(--orange); stroke-width: 4; stroke-linejoin: round; stroke-linecap: round; }
.chart-dots circle { fill: var(--surface); stroke: var(--orange-light); stroke-width: 3; }
.chart-axis { display: flex; justify-content: space-between; color: #77716d; font-size: 11px; }
.analysis-stack { display: grid; grid-template-rows: repeat(3, 1fr); }
.analysis-stack article { display: flex; flex-direction: column; justify-content: center; padding: 24px; border-bottom: 1px solid var(--border); }
.analysis-stack article:last-child { border-bottom: 0; }
.data-label { margin-bottom: 8px; color: var(--orange); font-size: 11px; font-weight: 900; }
.analysis-stack strong { font-size: 16px; }
.analysis-stack p { margin: 6px 0 0; font-size: 13px; }

.rules-section { background: var(--surface-soft); }
.rule-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.rule-card { min-height: 240px; padding: 28px; border-right: 1px solid var(--border); background: var(--surface); }
.rule-card:last-child { border-right: 0; }
.rule-card > span { display: inline-flex; margin-bottom: 42px; color: var(--orange); font-size: 13px; font-weight: 900; }
.rule-card h3 { margin-bottom: 11px; font-size: 19px; }
.rule-card p { margin: 0; font-size: 14px; }
.profit-panel { display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 30px; margin-top: 20px; padding: 25px 28px; border-left: 3px solid var(--orange); background: #2b211b; }
.profit-label { color: var(--orange-light); font-size: 12px; font-weight: 900; }
.profit-panel h3 { margin: 0 0 6px; font-size: 19px; }
.profit-panel p { margin: 0; font-size: 14px; }
.profit-panel .text-link { white-space: nowrap; }

.articles-section { background: var(--background); }
.content-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, .7fr); gap: 64px; }
.article-list { border-top: 1px solid var(--border); }
.article-row { display: grid; grid-template-columns: 62px 1fr; gap: 20px; padding: 27px 0; border-bottom: 1px solid var(--border); }
.article-row time { color: var(--orange); font-size: 12px; font-weight: 900; }
.article-row div > span { color: #7f7a76; font-size: 11px; font-weight: 800; }
.article-row h3 { margin: 6px 0 8px; font-size: 19px; }
.article-row h3 a:hover { color: var(--orange-light); }
.article-row p { margin: 0; font-size: 13px; }
.access-panel { align-self: start; padding: 29px; border: 1px solid var(--orange-border); border-radius: var(--radius); background: var(--surface); }
.access-panel h2 { margin: 12px 0 16px; font-size: 25px; }
.access-panel > p { font-size: 14px; }
.access-panel ul { list-style: none; margin: 23px 0; padding: 0; }
.access-panel li { display: grid; grid-template-columns: 33px 1fr; gap: 11px; padding: 13px 0; border-top: 1px solid var(--border); color: #cfcbc7; font-size: 13px; }
.access-panel li span { color: var(--orange); font-weight: 900; }
.access-note { margin: 0; padding: 14px; background: rgba(249,115,22,.07); color: var(--orange-light); font-size: 12px !important; }

.risk-section { border-top: 1px solid var(--orange-border); border-bottom: 1px solid var(--orange-border); background: #211a16; }
.risk-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(440px, 1.2fr); gap: 90px; align-items: center; }
.risk-heading h2 { margin: 13px 0 20px; font-size: 34px; }
.risk-heading p { margin: 0; }
.risk-actions { display: grid; gap: 12px; }
.risk-actions article { display: grid; grid-template-columns: 62px 1fr; gap: 18px; padding: 20px; border: 1px solid var(--border); background: rgba(36,36,36,.75); }
.risk-actions article > span { color: var(--orange); font-size: 11px; font-weight: 900; }
.risk-actions h3 { margin: 0 0 5px; font-size: 17px; }
.risk-actions p { margin: 0; font-size: 13px; }

.faq-section { background: var(--background); }
.faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.faq-item { border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.faq-item summary { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 20px; cursor: pointer; list-style: none; font-weight: 800; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; color: var(--orange); font-size: 22px; }
.faq-item[open] summary::after { content: "−"; }
.faq-item p { margin: 0; padding: 0 20px 20px; font-size: 14px; }
.closing-section { padding: 66px 0; border-top: 1px solid var(--border); background: var(--surface-soft); }
.closing-inner { display: flex; align-items: center; justify-content: space-between; gap: 45px; }
.closing-inner h2 { margin: 10px 0 7px; font-size: 29px; }
.closing-inner p { margin: 0; }
.closing-inner .button { flex: 0 0 auto; }

.error-page { min-height: calc(100vh - 76px); display: grid; place-items: center; padding: 140px 0 80px; background: var(--background); }
.error-layout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; align-items: center; gap: 90px; }
.error-code { display: inline-flex; margin-bottom: 18px; color: var(--orange); font-size: 14px; font-weight: 900; }
.error-copy h1 { margin: 0 0 18px; color: var(--white); font-size: 48px; }
.error-copy p { max-width: 650px; margin-bottom: 28px; font-size: 17px; }
.error-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.error-visual { position: relative; min-height: 330px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.error-visual::before, .error-visual::after { content: ""; position: absolute; inset: auto 8% 30%; height: 1px; background: rgba(255,255,255,.09); }
.error-visual::after { inset: auto 8% 54%; }
.error-number { position: relative; z-index: 2; color: var(--orange); font-size: 96px; font-weight: 900; line-height: 1; }
.error-bars { position: absolute; inset: auto 10% 10%; height: 46%; display: flex; align-items: end; gap: 14px; opacity: .45; }
.error-bars i { flex: 1; background: var(--orange); }
.error-bars i:nth-child(1) { height: 34%; }
.error-bars i:nth-child(2) { height: 62%; }
.error-bars i:nth-child(3) { height: 45%; }
.error-bars i:nth-child(4) { height: 78%; }
.error-bars i:nth-child(5) { height: 51%; }