/* PEF refinement 2026-10-13: typography and surfaces; preserve navigation geometry. */
@font-face{font-family:Manrope;src:url('/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/fonts/jetbrains-mono-variable.ttf') format('truetype');font-weight:100 800;font-style:normal;font-display:swap}
:root{--head:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--sans:var(--head);--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;--ph-head:var(--head);--pf-head:var(--head);--text:#e5e9f2;--muted:#8993a8;--green:#64c9a7;--red:#ed8895}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.logo-text,.ph-logo,.pf-name{font-family:var(--head)!important;font-weight:650;letter-spacing:-.035em}
button,input,select,textarea,.ph-link,.nav-tab,.lb-fb,.lb-pt,.asset-item,.tf-item{font-family:var(--sans)!important}
.stat-label,.chart-title,.streak-label,.stat-sub,.hm-label,.lb-sub,.ud-sub,.pf-note,.pf-arch,.h-sub,.feature-desc,.step-desc{font-family:var(--sans)!important;letter-spacing:0;line-height:1.6}
.stat-label,.chart-title,.streak-label{font-size:11px;letter-spacing:.045em;color:#8c97ac}
.stat-value,.ev-value,.streak-val,.updown-val,.ud-pnl,.ud-roi,.lb-pnl,.lb-roi,.pf-value{font-family:var(--head)!important;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.stat-card,.chart-card,.streak-card,.cc,.control-card,.pf-card{box-shadow:0 1px 0 rgba(255,255,255,.025);border-color:rgba(169,182,211,.12)}
.stat-card::before{display:none}
.stat-sub{font-size:12px;color:#8792a7}
.main{padding-top:24px;padding-bottom:40px}
.stats-grid{gap:12px}.stat-card{padding:18px 20px}
.stat-value{font-size:26px;font-weight:650;line-height:1.4}
.stat-card .blue,.stat-card .purple{color:#aab7ff}.stat-card .green{color:#73d1b0}.stat-card .red{color:#ee97a0}
.chart-title{margin-bottom:12px}
.wallet-input{font-family:var(--mono)!important;font-size:12px}
.wallet-status{min-height:20px;color:#96a2ba;font-size:12px;line-height:1.5;margin-top:8px}
.wallet-status[data-state='demo']{color:#97a4bd}.wallet-status[data-state='error']{color:#ec9d9d}
.wallet-status[data-state='loading']::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#a9b6ff;margin-right:7px;animation:pef-breathe 1.5s ease-in-out infinite}
.wallet-intro{margin:0 0 20px;padding:20px 22px;border:1px solid rgba(169,182,211,.12);border-radius:12px;background:#0e111a}
.wallet-intro h1{font-size:22px;margin:0 0 6px}.wallet-intro p{font-size:13px;color:#96a2b6;max-width:680px;margin:0;line-height:1.65}
.wallet-intro .eyebrow{font-size:10px;letter-spacing:.14em;color:#aab7ff;margin-bottom:7px;font-family:var(--mono)}
.landing-body{background:#090b12!important}
.hero{background:none!important;padding-top:72px!important;padding-bottom:56px!important}
.hero::before,.hero::after{opacity:.15!important;pointer-events:none}
.hero h1{font-size:clamp(34px,5.8vw,72px)!important;line-height:1.08!important;max-width:900px;margin-left:auto;margin-right:auto;font-weight:650!important;color:#e8ecf4!important}
.hero h1 span{-webkit-text-fill-color:currentColor;background:none;color:inherit}
.hero-sub,.hero-desc{font-family:var(--sans)!important;font-size:17px!important;line-height:1.7!important;color:#9ca7bc!important;max-width:680px!important}
.hero-stats,.stat-row,.stats-row{font-variant-numeric:tabular-nums}
.hero-badge{background:transparent!important;border-color:rgba(169,182,211,.16)!important;color:#9ba8c0!important}
.feature-card,.feature{background:#0d1018!important;box-shadow:none!important;border-color:rgba(169,182,211,.12)!important}
.feature-card:hover,.feature:hover{transform:none!important;border-color:rgba(169,182,211,.3)!important}
.feature-title,.section-title{font-family:var(--head)!important;font-weight:650!important}
.feature-desc,.section-sub{font-family:var(--sans)!important;color:#97a3b8!important;line-height:1.7!important}
.showcase,.leaderboard-promo,.alerts{border-color:rgba(169,182,211,.13)!important}
.ud-nm1,.lb-nm1,.pf-arch-tx,.pf-note{font-family:var(--sans)!important}
.ud-wrap,.lb-wrap,.pf-wrap{padding-top:28px!important}
.ud-head h1,.lb-head h1{font-size:30px!important;font-weight:650!important}
.ud-st:empty{display:none}.ud-pnl,.ud-win,.ud-roi{font-variant-numeric:tabular-nums}
.pf-cards{gap:12px!important}.pf-card{padding:18px!important}
.tk-hero h1,#tkH1{font-family:var(--head)!important;font-weight:650!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #aab7ff;outline-offset:3px}
@keyframes pef-breathe{50%{opacity:.3}}
@media(max-width:600px){.main{padding:16px 12px 32px}.stat-card{padding:14px 12px}.stat-value{font-size:22px}.stats-grid{gap:8px}.wallet-intro{padding:16px}.wallet-intro h1{font-size:20px}.hero{padding-top:40px!important;padding-bottom:36px!important}.hero-sub,.hero-desc{font-size:15px!important}.ud-head h1,.lb-head h1{font-size:24px!important}.pf-card{padding:14px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}

.pattern-note{max-width:900px;margin:20px auto 24px;padding:14px 18px;border-inline-start:2px solid #8092c7;font:12px/1.7 var(--sans);color:#919db3}
.anim .hero-accent{background:none!important;-webkit-text-fill-color:#bdc8ef!important;animation:none!important}
.anim .btn-primary::after{display:none!important}.anim .hero::before{animation:none!important}
.sb-num{font-family:var(--head)!important;font-weight:650!important;letter-spacing:-.03em}
.sb-label,.section-eyebrow,.shot-leg,.how-step p,.tg-desc,.aud-desc{font-family:var(--sans)!important}
.ph-link,.nav-tab{letter-spacing:-.01em}.wallet-wrap{min-width:0}.wallet-status{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Let chart grids shrink to the screen instead of the canvas intrinsic width. */
.charts-section{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
.chart-card,.chart-wrap,.vol-grid{min-width:0;max-width:100%}.chart-wrap canvas{max-width:100%!important}
@media(max-width:600px){.header:has(.wallet-wrap)~.main{padding-top:74px}.charts-section{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.trades-controls{flex-wrap:wrap;justify-content:flex-start;min-width:0}.sort-select{max-width:100%}.hm-cell:last-child .hm-tip{left:auto;right:0;transform:none}.hm-tip{max-width:min(150px,80vw)}}
.anim .hero-eyebrow,.anim .hero-title,.anim .hero-sub,.anim .hero-cta,.anim .hero-foot{opacity:1!important;transform:none!important;animation:none!important}
.hero-stats .sb-num,.sb-item .sb-num{color:#dfe5f4!important}
.hero-stats .sb-label,.sb-item .sb-label{color:#8a97ae!important}
@media(max-width:600px){.hm-cell:nth-child(5n) .hm-tip{left:auto;right:0;transform:none}}
@media(max-width:600px){.wallet-wrap{max-width:calc(100vw - 24px)}.wallet-input-row{width:100%;max-width:100%}.wallet-field{flex:1;min-width:0}.wallet-field .wallet-input{width:100%;min-width:0}.wallet-load-btn,.wallet-save-btn{flex-shrink:0}}

/* 15 Oct: compact product shell, restrained editorial typography. */
:root{--text:#e4e8ef;--muted:#969fad;--green:#7ac4a6;--red:#de8d98}
body{background:#090c11!important;color:var(--text)}
.header,.ph-header,.landing-header{box-sizing:border-box;position:sticky!important;top:0;z-index:200;display:flex;flex-wrap:nowrap!important;align-items:center;min-height:64px;height:auto;padding:10px 24px!important;gap:18px!important;background:rgba(9,12,17,.97)!important;border-bottom:1px solid #20252e;max-width:none}
.header .logo,.ph-logo,.landing-logo{order:1;flex:0 0 auto!important;margin:0!important;min-width:0;text-decoration:none}
.logo-text,.ph-logo,.landing-brand{font:650 16px/1.2 var(--sans)!important;letter-spacing:-.04em!important;color:#edf0f6}
.logo-icon-img,.landing-logo-img{width:30px!important;height:30px!important}
.header .header-center,.ph-nav,.landing-nav{order:2;display:flex!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;width:auto!important;min-width:0;max-width:none;justify-content:center!important;gap:4px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0;box-shadow:none}
.landing-nav .nav-anchor{display:inline-flex!important}
.header .nav-tabs{display:flex!important;flex-direction:row!important;align-items:center;width:auto;max-width:100%;gap:2px!important;padding:0;background:transparent!important;border:0!important;border-radius:0;overflow-x:auto;scrollbar-width:none}
.nav-tab,.ph-link,.landing-nav-link{position:relative;flex:0 0 auto;width:auto;font:500 12px/1.3 var(--sans)!important;letter-spacing:-.01em;padding:12px 9px!important;color:#929cac!important;border-radius:0;background:none!important;box-shadow:none!important;text-decoration:none;white-space:nowrap}
.nav-tab:hover,.ph-link:hover,.landing-nav-link:hover{color:#eef1f8!important;background:none!important}
.nav-tab.active,.ph-link.on{color:#edf1fa!important;background:none!important;font-weight:600!important}
.nav-tab.active::after,.ph-link.on::after{display:block!important;content:'';height:2px;position:absolute;inset-inline:9px;bottom:3px;background:#9cabd1;border-radius:1px;opacity:1;transform:none}
.header .app-social{order:5;width:24px;height:28px;color:#8591a3}.header>.lang-switcher{order:6;margin:0}
.ph-right,.landing-hdr-right{order:6;flex:0 0 auto;gap:8px;margin:0!important}
.header .header-right{order:8;flex:0 0 auto;width:auto;min-width:0;margin:0!important;padding:0!important;border:0!important;gap:8px}
.header .wallet-wrap{flex:0 1 auto;max-width:100%;min-width:0}.header .wallet-input{width:180px}
.lang-btn,.ph-lang-btn{height:32px!important;border:1px solid #2c3440!important;background:transparent!important;border-radius:6px!important;padding:5px 8px!important;color:#c2cbd9!important;font:500 11px var(--sans)!important}
.ph-launch,.landing-cta-hdr{font:600 11px var(--sans)!important;background:#263144!important;border:1px solid #3b485e;border-radius:6px!important;color:#e1e8f5!important;padding:8px 11px!important}
.ph-trade,.hdr-poly-cta,.landing-cta-poly{font:500 11px var(--sans)!important;border-color:#2c3440!important;background:transparent!important;border-radius:6px!important;color:#a9b5c8!important}
.pef-menu-btn{display:none!important;order:7;align-items:center;justify-content:center;gap:7px;border:1px solid #303947;background:#131923;border-radius:6px;color:#e2e8f3;font:550 11px var(--sans);padding:8px 10px;min-height:34px;flex:0 0 auto;cursor:pointer}
.pef-menu-icon{position:relative;display:block;width:13px;height:12px}.pef-menu-icon::before,.pef-menu-icon::after{content:'';position:absolute;inset-inline:0;height:1px;background:currentColor;transition:transform .15s}
.pef-menu-icon::before{top:3px}.pef-menu-icon::after{bottom:3px}
[data-menu-open=true] .pef-menu-icon::before{top:5px;transform:rotate(45deg)}[data-menu-open=true] .pef-menu-icon::after{bottom:6px;transform:rotate(-45deg)}
@media(min-width:901px) and (max-width:1200px){.header,.ph-header,.landing-header{gap:10px!important;padding-inline:16px!important}.header .app-social,.landing-hdr-right .app-social,.ph-trade,.landing-cta-poly{display:none!important}.header .wallet-input{width:140px}.logo-text,.ph-logo,.landing-brand{font-size:15px!important}.landing-nav .nav-anchor{display:inline-flex!important}}
/* Mobile: one continuous header row; links scroll instead of wrapping. */
@media(max-width:900px){
 .header,.ph-header,.landing-header{flex-wrap:wrap!important;min-height:56px;padding:6px 10px!important;gap:5px!important}
 .header .logo,.ph-logo,.landing-logo{flex:0 0 26px!important;width:26px!important;gap:0!important}
 .logo>div,.logo-text,.landing-brand,.pef-brand-name{display:none!important}
 .logo-icon-img,.landing-logo-img,.pef-brand-mark{width:26px!important;height:26px!important}
 .pef-menu-btn,.ph-trade,.ph-launch,.landing-cta-poly,.landing-cta-hdr{display:none!important}
 .header .header-center,.ph-nav,.landing-nav,[data-shell-ready=true] .header-center,[data-shell-ready=true]>.ph-nav,[data-shell-ready=true]>.landing-nav{order:2;position:static!important;inset:auto!important;display:flex!important;flex:1 1 0!important;width:0!important;min-width:0!important;max-height:none;overflow-x:auto;overflow-y:hidden;flex-direction:row!important;justify-content:flex-start!important;padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none;scrollbar-width:none;overscroll-behavior-x:contain}
 .header .nav-tabs{display:flex!important;flex-direction:row!important;width:100%;align-items:center;overflow-x:auto;gap:0!important;scrollbar-width:none}
 .nav-tab,.ph-link,.landing-nav-link{display:inline-flex!important;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 7px!important;font-size:12px!important;width:auto!important}
 .header .app-social,.landing-hdr-right .app-social,.ph-right .app-social{display:inline-flex!important;align-items:center;justify-content:center;width:28px!important;height:44px!important;flex:0 0 28px;color:#a9b5c8}
 .header>.lang-switcher,.ph-right,.landing-hdr-right{order:6;flex:0 0 auto;gap:0!important;display:flex;align-items:center}
 .lang-btn,.ph-lang-btn{min-height:44px!important;padding:5px!important;border:0!important;background:transparent!important}
 .lang-flag,.ph-lang-btn .ph-flag,.lang-arrow,.ph-lang-btn .ph-arrow{display:none!important}
 .header .header-right{order:80;flex:0 0 100%;width:100%;margin:0!important;padding:8px 0!important;border-top:1px solid #20252e!important}
 .header-right:not(:has(.wallet-wrap,.period-switch,.btn-refresh,.btn-icon,.status-wrap)){display:none!important}
 .header .wallet-wrap{flex:1;min-width:0}.header .wallet-input-row{width:100%}.header .wallet-field{flex:1;min-width:0}.header .wallet-input{width:100%;height:44px}
 .wallet-load-btn,.wallet-save-btn{height:44px}.header:has(.wallet-wrap)~.main{padding-top:24px!important}
 .landing-chips{display:none!important}
 .asset-item,.tf-item{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:600px){
 .cc-body{display:flex!important;flex-direction:column!important}
 .cc-hero{order:1;padding:18px 16px!important;border-right:0!important;border-bottom:1px solid #252c37}
 .cc-support{order:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;padding:16px!important;border-right:0!important;border-bottom:1px solid #252c37}
 .cc-support>*{min-width:0}.cc-confidence{font-size:11px!important;padding:5px!important;white-space:normal!important}
 .cc-secondary{order:3;display:flex!important;flex-wrap:wrap;gap:12px;padding:14px 16px!important}
 .cc-secondary>*{min-width:0;flex:1 1 40%}
 .cc-ss-row{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:10px!important}
 .cc-dir-row{flex-wrap:wrap;gap:8px!important}.cc-ss-num{font-size:44px!important}
}
/* UI labels use the text face; mono is reserved for addresses/time/technical values. */
.stat-label,.stat-sub,.chart-title,.streak-label,.cc-label,.cc-sup-lbl,.cc-hero-label,.cc-dir-prefix,.cc-ss-prefix,.cc-ss-label,.cc-sup-row,.live-card-label,.fb,.pt,.sb-lbl,.hm-leg-note,.pf-note{font-family:var(--sans)!important;letter-spacing:0!important}
.stat-label,.streak-label,.cc-sup-lbl,.cc-hero-label,.live-card-label{text-transform:none!important;color:#9ca7b7!important;font-size:11px!important;font-weight:500!important}
.stat-value,.streak-val,.cc-ss-num,.sb-num{font-family:var(--sans)!important;font-weight:600!important;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.stat-card,.chart-card,.streak-card,.live-card,.pf-card,.feature-card{border-radius:9px!important;border-color:#252c37!important;background:#0e131b!important;box-shadow:none!important}
.current-card::before,.next-card::before{display:none!important}.cc-header{border-color:#252c37!important}
.cc-sup-row,.cc-hero{border-color:#252c37!important}.cc-dir-tag{font-family:var(--sans)!important;font-weight:600!important;letter-spacing:-.02em}
.live-pulse,.live-dot{box-shadow:none!important}.cc-confidence{font-family:var(--sans)!important;letter-spacing:0!important;font-weight:500!important}
.asset-item,.tf-item{font-family:var(--sans)!important;font-weight:500!important;letter-spacing:0!important}
.hero{padding-top:60px!important;padding-bottom:44px!important}.hero h1{font-size:clamp(34px,5vw,64px)!important;line-height:1.13!important;letter-spacing:-.05em!important;font-weight:600!important}.hero-sub{font-size:17px!important;line-height:1.65!important;max-width:670px!important}
.hero-badge{font-family:var(--sans)!important;font-size:10px!important;letter-spacing:.025em!important;border-radius:5px!important;padding:8px 12px!important;background:#10151d!important}.hero-badge b{font-family:var(--mono)!important;font-weight:500!important}
.btn-primary{background:#e1e8f4!important;color:#111823!important;border:1px solid #edf2fa!important;border-radius:7px!important;box-shadow:none!important;font:600 14px/1.4 var(--sans)!important;letter-spacing:-.015em;padding:15px 24px!important;transform:none!important}
.btn-primary:hover{background:#f5f7fc!important}.btn-primary::after{display:none!important}
.btn-secondary{background:transparent!important;border:1px solid #344052!important;border-radius:7px!important;color:#c7d1e2!important;font:500 14px/1.4 var(--sans)!important;padding:15px 24px!important;transform:none!important}
.hero-foot{font:11px/1.5 var(--sans)!important;letter-spacing:0!important;color:#8c97a8!important}
.fb,.pt,.ftab,.period-btn{border-radius:5px!important;box-shadow:none!important;font-family:var(--sans)!important;letter-spacing:0!important}.fb.active,.pt.active,.ftab.active{background:#202b3e!important;border-color:#42506b!important;color:#dce5f5!important}
@media(max-width:600px){.hero{padding:38px 20px 36px!important}.hero h1{font-size:34px!important}.hero-sub{font-size:15px!important}.hero-badge{font-size:9px!important}.hero-cta{gap:10px!important}.cc-ss-num{font-size:48px!important}.wallet-intro{border-radius:8px;padding:18px!important}.wallet-intro h1{font-size:21px!important}.live-card{padding:16px!important}}
.ph-logo{display:inline-flex;align-items:center;gap:8px}.pef-brand-mark{width:30px;height:30px;flex-shrink:0;object-fit:contain}
@media(max-width:900px){.pef-brand-mark{width:26px;height:26px}}
@media(max-width:360px){.pef-brand-mark{width:24px;height:24px}}
.anim #stats .sb-item{opacity:1!important;transform:none!important;transition:none!important}

@media(min-width:901px) and (max-width:1200px){.header .app-social,.landing-hdr-right .app-social{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0}.header .header-center{justify-content:flex-start!important}.header .nav-tabs{min-width:0}}
@media(max-width:768px){.filters-section{border-top:1px solid #2b3442!important;background:#101620!important}.filters-section .fb{min-height:36px;color:#adb9cc}.filter-label{font-family:var(--sans)!important;letter-spacing:0!important;color:#9eabba!important}}
