@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;600;700;800&family=Vazirmatn:wght@300;400;500;600;700;800&display=swap");

:root { --bg:#071012; --panel:#0d191b; --line:#203235; --gold:#d4a94c; --mint:#69d1bb; --text:#f1f4ef; --muted:#9aacaa; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:"Vazirmatn",Tahoma,sans-serif; line-height:1.85; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:44px 44px; }
a { color:inherit; }
.topbar { position:sticky; top:0; z-index:20; border-bottom:1px solid #30302e; background:linear-gradient(180deg,rgba(20,20,19,.96),rgba(8,8,8,.94)); backdrop-filter:blur(8px); }
.topbar-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 20px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:700; direction:ltr; }
.brand-home,.brand-sun-link { display:inline-flex; align-items:center; text-decoration:none; }
.brand-sun { width:32px; height:32px; border-radius:50%; position:relative; display:inline-flex; flex:0 0 auto; isolation:isolate; background:radial-gradient(circle,#fffef1 0 8%,rgba(255,236,174,.98) 17%,rgba(236,178,66,.76) 34%,rgba(215,142,23,.24) 58%,transparent 80%); box-shadow:0 0 10px rgba(255,215,119,.62),0 0 28px rgba(224,158,42,.42),0 0 54px rgba(224,179,82,.2); animation:livingSun 4.6s ease-in-out infinite; }
.brand-sun::before { content:""; position:absolute; inset:-16px; z-index:-2; border-radius:50%; background:conic-gradient(from 0deg,transparent 0 5deg,rgba(255,228,150,.92) 7deg 10deg,transparent 12deg 360deg); filter:drop-shadow(0 0 4px rgba(242,182,62,.7)); animation:brandSunRays 6s linear infinite; }
.brand-sun::after { content:""; position:absolute; inset:-22%; z-index:-1; border-radius:50%; background:radial-gradient(circle,rgba(255,230,153,.34),rgba(224,158,42,.1) 54%,transparent 78%); filter:blur(4px); opacity:.76; }
.brand-word { direction:ltr; font-family:"Space Grotesk",sans-serif; font-size:1.28rem; font-weight:800; }
.brand-word .sh { color:#6f716c; }.brand-word .ai { color:#e4e5df; font-weight:900; }.brand-word .dot { color:#cfcfcf; }.brand-word .d { color:#8f908c; }
.brand-word .evp { margin-inline-start:5px; font-size:.6em; font-weight:300; color:#9a9b98; letter-spacing:.4px; }
@keyframes livingSun { 0%,100% { opacity:.9; transform:scale(1); } 50% { opacity:1; transform:scale(1.05); } }
@keyframes brandSunRays { from { transform:rotate(0); } to { transform:rotate(360deg); } }
.header-note { color:var(--muted); font-size:.82rem; border:1px solid var(--line); padding:5px 13px; border-radius:99px; }
.header-cta { padding:8px 18px; color:#e4e5df; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.05); border-radius:8px; text-decoration:none; font-size:.86rem; font-weight:700; }
main { position:relative; z-index:1; }
.hero { min-height:650px; padding:110px clamp(24px,8vw,130px) 90px; display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:60px; overflow:hidden; position:relative; }
.hero-glow { position:absolute; width:700px; height:700px; top:-330px; right:-130px; border-radius:50%; background:radial-gradient(circle,rgba(212,169,76,.16),transparent 67%); }
.eyebrow,.section-heading>span { color:var(--gold); font-weight:700; letter-spacing:.05em; font-size:.84rem; }
h1 { font-family:"Vazirmatn",Tahoma,sans-serif; font-size:clamp(2.5rem,5.7vw,5.2rem); font-weight:800; line-height:1.35; margin:14px 0 25px; letter-spacing:-.035em; }
h1 em { color:transparent; font-style:normal; background:linear-gradient(120deg,#f0d489,var(--gold)); -webkit-background-clip:text; background-clip:text; }
.hero-copy>p { color:#bdc9c6; max-width:720px; font-size:1.1rem; }
.notice { width:fit-content; max-width:100%; margin-top:31px; padding:9px 15px; color:#b9c6c3; border:1px solid var(--line); background:rgba(13,25,27,.76); border-radius:8px; font-size:.85rem; }
.notice span { display:inline-block; width:7px; height:7px; margin-left:8px; border-radius:50%; background:var(--mint); box-shadow:0 0 12px var(--mint); }
.hero-orbit { position:relative; width:min(360px,72vw); aspect-ratio:1; margin:auto; display:grid; place-items:center; }
.orbit-ring { position:absolute; border:1px solid rgba(105,209,187,.28); border-radius:50%; }
.ring-one { inset:3%; animation:spin 22s linear infinite; }
.ring-one::after,.ring-two::after { content:""; position:absolute; width:11px; height:11px; border-radius:50%; top:10%; right:20%; background:var(--gold); box-shadow:0 0 20px var(--gold); }
.ring-two { inset:17%; border-style:dashed; animation:spin 14s linear infinite reverse; }
.ring-two::after { top:auto; right:auto; bottom:5%; left:28%; background:var(--mint); }
.orbit-core { width:132px; height:132px; border-radius:50%; display:grid; place-content:center; text-align:center; font-size:2.2rem; font-weight:800; color:var(--gold); background:linear-gradient(145deg,#142426,#091113); border:1px solid #385154; box-shadow:0 0 80px rgba(105,209,187,.12); }
.orbit-core small { display:block; color:var(--muted); font-size:.55rem; font-weight:400; letter-spacing:.12em; }
@keyframes spin { to { transform:rotate(360deg); } }
.section { padding:90px clamp(24px,8vw,130px); }
.pipeline-section { background:#091416; border-block:1px solid rgba(255,255,255,.06); }
.section-heading { margin-bottom:48px; }
.section-heading h2 { margin:8px 0 0; font-size:clamp(1.75rem,3vw,2.8rem); line-height:1.45; }
.pipeline { max-width:810px; margin:auto; }
.pipe-item { min-height:64px; display:flex; align-items:center; gap:18px; padding:12px 20px; background:linear-gradient(90deg,rgba(212,169,76,.08),transparent); border-right:2px solid var(--gold); border-radius:4px; }
.pipe-item b { color:var(--gold); font-size:.75rem; }
.pipe-item span { direction:ltr; font-weight:600; letter-spacing:.02em; }
.pipeline>i { display:block; color:#506665; font-style:normal; height:27px; text-align:center; }
.layers { max-width:1220px; margin:auto; }
.layer-card { display:grid; grid-template-columns:76px 1fr; gap:26px; padding:35px 0; border-top:1px solid var(--line); }
.layer-number { color:var(--gold); opacity:.72; font-size:1rem; font-weight:700; padding-top:6px; }
.layer-card h3 { margin:0 0 9px; direction:ltr; text-align:right; font-size:1.35rem; }
.layer-card h3 small { direction:rtl; display:inline-block; margin-right:10px; color:var(--muted); font-weight:400; font-size:.82rem; }
.layer-card p { margin:0; color:#afbfbc; }
.layer-card code { color:var(--mint); background:#101e20; padding:2px 6px; border-radius:4px; }
.layer-card.featured { margin:10px -28px; padding:35px 28px; background:linear-gradient(110deg,rgba(105,209,187,.07),transparent); border:1px solid #294143; border-radius:14px; }
.decision-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; direction:ltr; justify-content:flex-end; }
.decision-chips span { padding:6px 13px; border:1px solid rgba(105,209,187,.35); color:var(--mint); border-radius:5px; font:600 .76rem monospace; }
ul { margin:13px 0 0; padding-right:20px; color:#afbfbc; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 28px; }
li::marker { color:var(--gold); }
.data-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:20px; }
.data-grid span { padding:13px; color:var(--muted); border:1px solid var(--line); border-radius:7px; font-size:.75rem; }
.data-grid b { display:block; color:var(--text); font-size:.84rem; }
.lifecycle { direction:ltr; display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:17px 0 15px; }
.lifecycle span { padding:7px 10px; background:#122123; border-radius:5px; font-size:.76rem; }
.lifecycle i { color:var(--gold); font-style:normal; }
.cta { margin:30px clamp(24px,8vw,130px) 110px; padding:clamp(38px,7vw,80px); text-align:center; border:1px solid #354644; border-radius:20px; background:radial-gradient(circle at 50% 0,rgba(212,169,76,.12),transparent 55%),#0b1618; }
.cta h2 { font-size:clamp(1.9rem,4vw,3.4rem); margin:10px 0; }
.cta p { color:var(--muted); }
.cta a { display:inline-flex; align-items:center; gap:15px; margin-top:20px; padding:13px 24px; color:#071012; background:var(--gold); border-radius:7px; font-weight:700; text-decoration:none; transition:.2s ease; }
.cta a:hover { transform:translateY(-2px); background:#e1bd69; }
.cta a:focus-visible,.brand:focus-visible { outline:3px solid var(--mint); outline-offset:4px; }
footer { display:flex; align-items:center; justify-content:space-between; padding:25px clamp(24px,6vw,92px); border-top:1px solid var(--line); color:var(--muted); font-size:.8rem; }
footer span { color:var(--gold); font-weight:800; }
footer p { margin:0; }
@media (max-width:800px) {
  .hero { min-height:auto; padding-top:72px; grid-template-columns:1fr; text-align:center; }
  .hero-copy>p,.notice { margin-inline:auto; }
  .hero-orbit { width:240px; }
  .section { padding-block:65px; }
  .layer-card,.layer-card.featured { grid-template-columns:1fr; gap:4px; margin-inline:0; padding:28px 18px; }
  .layer-card:not(.featured) { padding-inline:0; }
  .layer-card h3 { text-align:right; }
  ul,.data-grid { grid-template-columns:1fr; }
  .lifecycle { justify-content:flex-start; }
  footer { flex-direction:column; text-align:center; gap:5px; }
}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

/* Public product landing */
.marketing-hero { min-height:700px; grid-template-columns:1fr .95fr; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.primary-action,.secondary-action { display:inline-flex; align-items:center; gap:14px; padding:12px 20px; border-radius:7px; font-weight:700; text-decoration:none; }
.primary-action { color:#071012; background:var(--gold); }
.secondary-action { color:var(--text); border:1px solid var(--line); }
.trust-row { display:flex; align-items:center; flex-wrap:wrap; gap:11px; margin-top:28px; color:var(--muted); font-size:.76rem; }
.trust-row i { width:4px; height:4px; border-radius:50%; background:var(--mint); }
.product-preview { position:relative; padding:20px; border:1px solid #304548; border-radius:18px; background:linear-gradient(145deg,rgba(20,36,38,.96),rgba(7,16,18,.98)); box-shadow:0 30px 80px rgba(0,0,0,.38),0 0 80px rgba(105,209,187,.07); direction:rtl; transform:perspective(1200px) rotateY(-4deg); }
.product-preview::before { content:""; position:absolute; inset:-1px; border-radius:18px; pointer-events:none; background:linear-gradient(125deg,rgba(212,169,76,.35),transparent 27%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; padding:1px; }
.preview-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:15px; color:#c8d2d0; font-size:.82rem; }
.preview-top b { color:var(--mint); font-size:.7rem; }
.preview-top b i { display:inline-block; width:7px; height:7px; margin-left:5px; border-radius:50%; background:var(--mint); box-shadow:0 0 9px var(--mint); }
.asset-tabs { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-bottom:9px; direction:ltr; }
.asset-tabs>span { position:relative; display:grid; grid-template-columns:1fr auto; padding:9px 10px; border:1px solid #1d343a; border-radius:8px; background:rgba(255,255,255,.018); }
.asset-tabs>span.active { border-color:rgba(212,169,76,.55); background:rgba(212,169,76,.07); }
.asset-tabs b { color:#eef3f1; font-size:10px; }.asset-tabs small { grid-column:1; color:#728b90; font-size:7px; }.asset-tabs em { grid-column:2; grid-row:1 / span 2; align-self:center; color:var(--mint); font-style:normal; font-size:8px; }
.market-ticker { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-bottom:9px; direction:ltr; }
.market-ticker>span { padding:8px; border:1px solid #1d343a; border-radius:7px; background:rgba(255,255,255,.018); }
.market-ticker small,.market-ticker b,.market-ticker em { display:block; }.market-ticker small { color:#70888d; font-size:7px; direction:rtl; }.market-ticker b { margin-top:2px; color:#e9efed; font-size:11px; }.market-ticker em { color:var(--mint); font-style:normal; font-size:7px; }
.preview-chart { position:relative; height:230px; overflow:hidden; border-radius:10px; background:#091315; direction:ltr; }
.chart-grid { position:absolute; inset:0; opacity:.7; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:52px 46px; }
.preview-chart svg { position:absolute; inset:13px 0 0; width:100%; height:calc(100% - 13px); overflow:visible; }
.chart-area { fill:url(#chartFill); }
.chart-line { fill:none; stroke:var(--mint); stroke-width:3; filter:drop-shadow(0 0 5px rgba(105,209,187,.5)); }
.preview-chart circle { fill:var(--gold); stroke:#091315; stroke-width:4; }
.opportunity-tag { position:absolute; top:38px; right:24%; padding:5px 9px; color:#081112; background:var(--gold); border-radius:4px; font-size:.62rem; direction:rtl; }
.chart-axis { position:absolute; inset:12px 7px 12px auto; display:flex; flex-direction:column; justify-content:space-between; color:#4f666a; font-size:7px; direction:ltr; }
.analysis-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:8px; }
.analysis-strip span { padding:6px 7px; border:1px solid #1d343a; border-radius:6px; background:#0a1619; }.analysis-strip small,.analysis-strip b { display:block; }.analysis-strip small { color:#70898e; font-size:7px; }.analysis-strip b { margin-top:2px; font-size:8px; }.analysis-strip .up { color:var(--mint); }
.preview-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:12px; }
.preview-stats>div { min-height:93px; display:flex; flex-direction:column; padding:12px; border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.015); }
.preview-stats small { color:var(--muted); font-size:.66rem; }
.preview-stats strong { margin-top:4px; font-size:1.08rem; }
.preview-stats .safe { color:var(--mint); font-size:.88rem; }
.meter { display:block; height:3px; margin-top:auto; background:#263638; border-radius:4px; }
.meter i { display:block; height:100%; background:var(--gold); border-radius:4px; }
.trend-arrow { color:var(--mint); font-size:1.4rem; direction:ltr; }
.indicator-table { margin-top:9px; overflow:hidden; border:1px solid #1d343a; border-radius:8px; font-size:7px; }
.indicator-table>div { display:grid; grid-template-columns:1.4fr .8fr .9fr .5fr; align-items:center; gap:6px; min-height:24px; padding:4px 8px; border-top:1px solid rgba(255,255,255,.045); }
.indicator-table>.table-head { color:#668085; background:#0b191c; border-top:0; font-weight:700; }
.indicator-table b { direction:ltr; color:#d9e4e1; }.indicator-table em { width:fit-content; padding:2px 5px; border-radius:99px; font-style:normal; }.indicator-table .positive { color:var(--mint); background:rgba(105,209,187,.08); }.indicator-table .neutral { color:#e5bd65; background:rgba(229,189,101,.08); }.indicator-table small { color:#71868b; direction:ltr; }
.decision-line { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:9px; padding:9px 10px; border:1px solid rgba(212,169,76,.4); border-radius:8px; background:rgba(212,169,76,.06); }
.decision-line span small,.decision-line span b { display:block; }.decision-line span small { color:#8c9485; font-size:7px; }.decision-line span b { margin-top:2px; color:#e1c271; font-size:9px; }.decision-line>strong { padding:5px 8px; color:#071012; background:var(--mint); border-radius:5px; font-size:8px; }
.outcomes { display:grid; grid-template-columns:repeat(4,1fr); padding:0 clamp(24px,8vw,130px); border-block:1px solid var(--line); background:#0a1517; }
.outcomes div { padding:28px 25px; border-left:1px solid var(--line); }
.outcomes div:last-child { border-left:0; }
.outcomes strong,.outcomes span { display:block; }
.outcomes strong { color:var(--gold); font-size:1.02rem; }
.outcomes span { color:var(--muted); font-size:.76rem; }
.centered { max-width:720px; margin-inline:auto; text-align:center; }
.section-heading>p { color:var(--muted); margin-top:9px; }
.journey-visual { display:flex; align-items:flex-start; gap:12px; overflow-x:auto; padding:8px 2px 18px; scrollbar-color:var(--line) transparent; }
.journey-visual article { flex:1 0 132px; }
.journey-visual article { text-align:center; }
.journey-visual article>b { display:none; }
.journey-visual h3 { margin:15px 0 5px; font-size:1rem; }
.journey-visual p { color:var(--muted); font-size:.77rem; line-height:1.7; }
.journey-arrow { color:#4b6463; margin-top:42px; }
.journey-icon { width:84px; height:84px; margin:auto; display:flex; align-items:center; justify-content:center; border:1px solid #304548; border-radius:22px; background:linear-gradient(145deg,#142426,#0a1517); color:var(--gold); }
.market-icon { align-items:flex-end; gap:5px; padding-bottom:22px; }
.market-icon i { width:6px; border-radius:4px 4px 0 0; background:var(--mint); }
.market-icon i:nth-child(1){height:16px}.market-icon i:nth-child(2){height:28px}.market-icon i:nth-child(3){height:22px}.market-icon i:nth-child(4){height:39px;background:var(--gold)}
.scan-icon span { width:38px; height:38px; border:2px solid var(--mint); border-radius:50%; box-shadow:15px 15px 0 -12px var(--gold); }
.shield-icon { font-size:1.6rem; border-radius:22px 22px 35px 35px; }
.manage-icon span { font-size:2rem; color:var(--mint); direction:ltr; }
.report-icon { align-items:flex-end; gap:7px; padding-bottom:24px; }
.report-icon i { width:7px; background:var(--gold); border-radius:3px; }
.report-icon i:nth-child(1){height:18px}.report-icon i:nth-child(2){height:33px;background:var(--mint)}.report-icon i:nth-child(3){height:25px}
.news-icon,.learning-icon { font-size:1.45rem; color:var(--mint); }
.learning-icon { color:var(--gold); }
.dashboard-showcase { padding:85px clamp(24px,6vw,92px); border-block:1px solid var(--line); background:linear-gradient(180deg,#0a1517,#071012); }
.dashboard-gallery { max-width:1240px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.dashboard-frame { margin:0; padding:14px; border:1px solid #294143; border-radius:20px; background:rgba(13,25,27,.8); box-shadow:0 25px 70px rgba(0,0,0,.28); }
.dashboard-frame figcaption { display:flex; justify-content:space-between; align-items:flex-end; gap:12px; padding:7px 7px 16px; }
.dashboard-frame figcaption b,.dashboard-frame figcaption span { display:block; }
.dashboard-frame figcaption b { font-size:.94rem; }
.dashboard-frame figcaption span { color:var(--muted); font-size:.68rem; }
.app-shot { min-height:545px; overflow:hidden; border-radius:12px; direction:rtl; color:#e8f0ee; background:radial-gradient(circle at 85% 0,rgba(28,159,183,.13),transparent 38%),#071014; border:1px solid #1d3339; font-size:12px; }
.engines-shot { min-height:715px; }
.shot-bar { height:48px; display:flex; align-items:center; padding:0 17px; gap:10px; border-bottom:1px solid #1e3339; background:#09161b; direction:ltr; }
.shot-logo { font-size:16px; font-weight:900; color:#f0f4f3; }.shot-logo span { color:#38bdd0; }
.shot-bar i { width:7px; height:7px; margin-left:auto; border-radius:50%; background:#61d6b9; box-shadow:0 0 8px #61d6b9; }
.shot-bar small { color:#789097; }
.shot-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:15px; }
.shot-summary>span,.detail-grid>span { padding:11px; border:1px solid #1d343a; border-radius:8px; background:rgba(255,255,255,.025); }
.shot-summary small,.detail-grid small { display:block; color:#7f989d; font-size:9px; }
.shot-summary b { display:block; margin-top:3px; font-size:18px; }.app-shot .ok { color:#61d6b9; }
.performance-head { margin:12px 15px 0; padding:10px 12px; border:1px solid rgba(212,169,76,.35); border-radius:9px; }
.performance-head b,.performance-head span { display:block; }.performance-head b { margin-bottom:4px; }.performance-head span { color:var(--mint); font-size:8px; }
.period-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:7px 15px 0; }
.period-tabs span { padding:5px; text-align:center; color:#94a9ad; border:1px solid rgba(212,169,76,.3); border-radius:6px; font-size:8px; }
.period-tabs .selected { color:#111; background:#e5bd5f; font-weight:800; }
.engine-list { display:grid; gap:5px; padding:0 15px 15px; }
.engine-list>div { display:grid; grid-template-columns:24px minmax(0,1fr) auto auto; align-items:center; gap:8px; padding:9px; border:1px solid #1d343a; border-radius:7px; background:linear-gradient(100deg,rgba(33,72,80,.25),rgba(255,255,255,.01)); }
.engine-list i { width:7px; height:7px; border-radius:50%; background:#61757a; }.engine-list i.active { background:#61d6b9; box-shadow:0 0 7px #61d6b9; }
.engine-list b,.engine-list small { display:block; }.engine-list b { font-size:11px; }.engine-list small { margin-top:2px; color:#769096; font-size:8px; }
.engine-list em { min-width:43px; padding:4px 7px; text-align:center; font-style:normal; font-size:7px; border-radius:99px; }
.engine-list .engine-on { color:#69d1bb; border:1px solid rgba(105,209,187,.45); background:rgba(105,209,187,.08); }
.engine-list .engine-off { color:#d89ab3; border:1px solid rgba(216,154,179,.35); background:rgba(216,154,179,.06); }
.engine-emoji { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:rgba(212,169,76,.14); font-size:12px; }
.engine-row mark { min-width:70px; color:#9bb0b4; background:none; font-size:7px; line-height:1.7; }
.engine-row mark strong { color:#f2f4f3; font-size:9px; direction:ltr; }
.detail-shot { padding-bottom:16px; }
.detail-head { display:flex; justify-content:space-between; align-items:center; padding:20px 18px 12px; }
.detail-head small { color:#789197; }.detail-head h3 { margin:3px 0 0; font-size:15px; }.detail-head>span { padding:5px 8px; color:#61d6b9; border:1px solid rgba(97,214,185,.25); border-radius:99px; font-size:8px; }
.signal-panel { display:grid; grid-template-columns:105px 1fr; gap:16px; align-items:center; margin:0 17px; padding:17px; border:1px solid #24434a; border-radius:11px; background:rgba(23,55,62,.3); }
.signal-score { width:82px; height:82px; display:grid; place-content:center; text-align:center; border-radius:50%; border:4px solid #61d6b9; box-shadow:inset 0 0 20px rgba(97,214,185,.12); }
.signal-score strong { font-size:25px; line-height:1; }.signal-score small { color:#80979c; font-size:7px; }
.mini-bars { display:grid; gap:9px; }.mini-bars span { position:relative; display:block; height:5px; border-radius:5px; background:#1c3238; direction:ltr; }.mini-bars b { display:block; height:100%; border-radius:5px; background:linear-gradient(90deg,#38bdd0,#61d6b9); }.mini-bars small { position:absolute; right:0; top:-16px; color:#7e969b; direction:rtl; font-size:7px; }
.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:12px 17px; }.detail-grid b { display:block; margin-top:4px; font-size:9px; }.detail-grid .gold { color:#e0b350; }
.decision-reason { margin:0 17px; padding:12px; border-right:3px solid #e0b350; background:rgba(224,179,80,.06); }.decision-reason b { font-size:10px; }.decision-reason p { margin:5px 0 0; color:#8fa3a7; font-size:8px; line-height:1.8; }
.account-line { margin:0 17px 8px; padding:8px 10px; color:#94a9ad; border-top:1px solid #1d343a; border-bottom:1px solid #1d343a; font-size:8px; }
.account-line b { color:#dce5e3; direction:ltr; }
.account-grid { margin-top:8px; }
.trade-totals { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 14px; margin:0 17px 9px; padding:8px; color:#8fa4a8; background:rgba(255,255,255,.025); border-radius:7px; font-size:8px; }
.trade-totals b { color:#e7eeec; }.trade-totals b.ok { color:#69d1bb; }
.strategy-explain { margin:0 17px 9px; padding:10px 11px; border:1px solid #315f6b; border-radius:8px; background:rgba(35,83,94,.16); }
.strategy-explain>b { color:#b9e5ee; font-size:9px; }.strategy-explain p { margin:6px 0 0; color:#9aadb1; font-size:7.5px; line-height:1.75; }.strategy-explain p strong { color:#dce7e5; }
.backtest-result { display:flex; flex-direction:column; gap:3px; margin:0 17px 9px; padding:9px 11px; border:1px solid rgba(212,169,76,.4); border-radius:8px; background:rgba(212,169,76,.07); }
.backtest-result b { color:#e8c86f; font-size:9px; }.backtest-result span { color:#a89f83; font-size:7px; }
.recent-trades { display:grid; gap:5px; margin:0 17px; }
.recent-trades>div { display:grid; grid-template-columns:1fr auto; align-items:center; padding:7px 9px; border:1px solid #1d343a; border-radius:7px; background:rgba(255,255,255,.018); }
.recent-trades span { font-size:8px; font-weight:800; }.recent-trades .won { color:#69d1bb; }.recent-trades .lost { color:#f08f86; }
.recent-trades b { direction:ltr; font-size:9px; }.recent-trades small { grid-column:1 / -1; margin-top:2px; color:#718a8f; font-size:6.5px; }
.value-section { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; background:#091416; max-width:none; }
.value-copy h2,.learning-banner h2 { font-size:clamp(2rem,4vw,3.3rem); line-height:1.4; margin:9px 0 15px; }
.value-copy>p,.learning-banner p { color:var(--muted); }
.feature-list { margin-top:30px; }
.feature-list>div { display:grid; grid-template-columns:40px 1fr; gap:12px; padding:15px 0; border-top:1px solid var(--line); }
.feature-list span { color:var(--gold); font-size:.7rem; }
.feature-list p { margin:0; color:var(--muted); font-size:.82rem; }
.feature-list b { display:block; color:var(--text); font-size:.96rem; }
.risk-visual { position:relative; width:min(430px,90vw); aspect-ratio:1; margin:auto; display:grid; place-items:center; }
.radar { position:relative; width:78%; aspect-ratio:1; display:grid; place-items:center; }
.radar-ring { position:absolute; border:1px solid #304548; transform:rotate(45deg); }
.r1{inset:5%}.r2{inset:22%}.r3{inset:39%}
.radar-axis { position:absolute; width:1px; height:90%; background:#203235; }
.a2{transform:rotate(60deg)}.a3{transform:rotate(120deg)}
.radar svg { position:absolute; inset:0; width:100%; height:100%; filter:drop-shadow(0 0 15px rgba(105,209,187,.15)); }
.radar polygon { fill:rgba(105,209,187,.15); stroke:var(--mint); stroke-width:2; }
.radar strong { z-index:2; display:grid; place-items:center; width:86px; height:86px; border-radius:50%; color:var(--gold); background:#0c181a; font-size:1.8rem; border:1px solid var(--gold); }
.radar strong small { display:block; color:var(--muted); font-size:.55rem; font-weight:400; }
.radar-labels span { position:absolute; color:var(--muted); font-size:.72rem; }
.radar-labels span:nth-child(1){top:2%;left:46%}.radar-labels span:nth-child(2){top:30%;right:1%}.radar-labels span:nth-child(3){bottom:10%;right:9%}.radar-labels span:nth-child(4){bottom:9%;left:10%}.radar-labels span:nth-child(5){top:30%;left:2%}
.protection-section { max-width:1220px; margin:auto; }
.protection-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.protection-grid article { padding:27px 21px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(145deg,rgba(20,36,38,.65),rgba(9,20,22,.7)); }
.protection-grid article>span { display:grid; place-items:center; width:37px; height:37px; color:var(--gold); border:1px solid rgba(212,169,76,.4); border-radius:9px; }
.protection-grid h3 { margin:18px 0 6px; font-size:1rem; }
.protection-grid p { margin:0; color:var(--muted); font-size:.76rem; }
.learning-banner { min-height:430px; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:80px; margin:20px clamp(24px,8vw,130px) 100px; padding:60px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(115deg,rgba(105,209,187,.07),transparent),#0b1618; }
.learning-art { position:relative; height:280px; }
.node { position:absolute; width:18px; height:18px; border-radius:50%; background:var(--gold); box-shadow:0 0 18px rgba(212,169,76,.45); z-index:2; }
.n1{top:20%;right:17%}.n2{top:48%;right:44%;background:var(--mint)}.n3{top:74%;right:13%}.n4{top:8%;left:17%;background:var(--mint)}.n5{top:54%;left:12%}.n6{bottom:5%;left:43%;background:var(--mint)}
.link { position:absolute; height:1px; background:#48615f; transform-origin:right; }
.l1{width:110px;top:27%;right:22%;transform:rotate(35deg)}.l2{width:115px;top:54%;right:48%;transform:rotate(-25deg)}.l3{width:130px;top:55%;left:17%;transform:rotate(25deg)}.l4{width:120px;top:15%;left:21%;transform:rotate(-30deg)}.l5{width:125px;bottom:17%;left:23%;transform:rotate(20deg)}
@media (max-width:900px) {
  .marketing-hero,.value-section,.learning-banner { grid-template-columns:1fr; }
  .product-preview { transform:none; }
  .outcomes { grid-template-columns:repeat(2,1fr); }
  .dashboard-gallery { grid-template-columns:1fr; }
  .journey-visual { display:grid; grid-template-columns:1fr; overflow:visible; }
  .journey-arrow { transform:rotate(-90deg); margin:0; text-align:center; }
  .protection-grid { grid-template-columns:repeat(2,1fr); }
  .learning-banner { padding:40px 24px; gap:20px; }
  .learning-art { height:220px; }
}
@media (max-width:560px) {
  .marketing-hero { text-align:right; }
  .hero-copy>p,.marketing-hero .notice { margin-inline:0; }
  .preview-stats,.outcomes,.protection-grid { grid-template-columns:1fr; }
  .market-ticker,.analysis-strip { grid-template-columns:repeat(2,1fr); }
  .outcomes div { border-left:0; border-bottom:1px solid var(--line); }
  .trust-row { align-items:flex-start; flex-direction:column; }
  .trust-row i { display:none; }
  .header-cta { font-size:.72rem; padding:6px 10px; }
}