/* YBX SIGNALS / SNIPER PRECISION — HF4 visual refinement.
   Isolated to public landing body. No changes to customer/admin UI or JS hooks. */
:root{--ybxChampagne:#f6d999;--ybxGold:#cfa760;--ybxInk:#060d14;--ybxSurface:#0c1823;--ybxLine:rgba(224,190,125,.18)}
.ybxLanding{background:#060e16;color:#f6f5f1;font-family:Inter,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:0;overflow-x:clip}
.ybxLanding::before{background-image:linear-gradient(rgba(236,209,148,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(236,209,148,.025) 1px,transparent 1px);background-size:64px 64px;opacity:.46}
.ybxLanding .container{width:min(1280px,calc(100% - 48px))}
.ybxLanding .nav{background:rgba(5,12,20,.89)!important;border-bottom:1px solid rgba(231,199,125,.13)!important;backdrop-filter:blur(24px);box-shadow:0 14px 30px rgba(0,0,0,.19)}
.ybxLanding .navin{min-height:76px;height:auto;gap:clamp(10px,1.6vw,24px)}
.ybxLanding .nav .brand img,.ybxLanding .mobileNav .brand img{filter:drop-shadow(0 0 12px rgba(227,189,103,.25))}
.ybxLanding .nav .brand strong{color:#f7e1aa;font-weight:900;letter-spacing:.08em}
.ybxLanding .nav .brand span{color:#cfbc94;letter-spacing:.23em}
.ybxLanding .nav .links a{color:#d5dce3;font-size:12px;position:relative;white-space:nowrap;transition:color .2s}
.ybxLanding .nav .links a:hover,.ybxLanding .nav .links a:focus-visible{color:#ffe2a5}
.ybxLanding .nav .actions .btn,.ybxLanding .btn{border-radius:12px;font-weight:750}
.ybxLanding .btn.gold{color:#21190c!important;background:linear-gradient(110deg,#f8dfa4 0%,#e7bd71 43%,#c59042 100%)!important;border:1px solid rgba(255,235,180,.42)!important;box-shadow:0 10px 32px rgba(194,137,54,.19),inset 0 1px 0 rgba(255,255,255,.43);transition:transform .2s,box-shadow .2s,filter .2s}
.ybxLanding .btn.gold:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(207,160,77,.32);filter:saturate(1.08)}
.ybxLanding .btn.glass,.ybxLanding .btn.ghost{background:rgba(15,29,41,.82);border:1px solid rgba(207,185,141,.25);color:#f6e9cb}
.ybxLanding .btn.glass:hover,.ybxLanding .btn.ghost:hover{background:#192b3c;border-color:#deb979}
.ybxLanding .hero{background:radial-gradient(ellipse at 77% 18%,rgba(183,130,44,.14),transparent 43%),radial-gradient(ellipse at 6% 31%,rgba(34,87,106,.19),transparent 42%),#070f18;isolation:isolate;padding-top:clamp(35px,5vw,84px)}
.ybxLanding .hero::before{top:auto;bottom:4%;opacity:.38}
.ybxLanding .hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 67% 29%,transparent 0 130px,rgba(233,187,98,.075) 130.5px 131px,transparent 131.5px 208px,rgba(233,187,98,.06) 208.5px 209px,transparent 209.5px),linear-gradient(90deg,transparent 69.98%,rgba(233,187,98,.045) 70%,transparent 70.02%);opacity:.9;z-index:-1}
.ybxLanding .heroGrid{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:clamp(20px,3vw,50px);min-height:460px;align-items:center}
.ybxLanding .heroCopy{padding:clamp(20px,3vw,45px) 0 45px}
.ybxLanding .heroCopy::before{opacity:.4}
.ybxLanding .heroCopy .eyebrow{display:inline-flex;padding:8px 14px;font-size:11px;letter-spacing:.14em;color:#f2d596;background:rgba(232,191,112,.055);border:1px solid rgba(234,192,108,.2);border-radius:100px;max-width:100%;flex-wrap:wrap}
.ybxLanding .heroCopy .eyebrow i{width:7px;height:7px;border-radius:50%;background:#79d9ad;box-shadow:0 0 14px rgba(111,216,168,.58)}
.ybxHeroDot{color:#91764b}
.ybxLanding .hero h1{font-size:clamp(39px,4.5vw,72px);line-height:1.25;letter-spacing:-.035em;margin:24px 0 12px;font-weight:850;max-width:750px}
.ybxLanding .hero h1 span{color:#fcfaf5;text-shadow:none}
.ybxLanding .hero h1 em{font-style:normal;display:inline-block;background:linear-gradient(105deg,#fff0c5,#edc477 55%,#bc8637);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
.ybxLanding .sniperSlogan{font-size:clamp(17px,1.7vw,24px)!important;line-height:1.65!important;font-weight:780;padding:0;border:0;color:#e6bf72!important}
.ybxLanding .sniperSlogan strong{color:#f8e6be}
.ybxLanding .ybxHeroLead{font-size:clamp(14px,1.3vw,17px);line-height:2.0;color:#b7c7d2;max-width:650px;margin:18px 0}
.ybxHeroTrust{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 22px}
.ybxHeroTrust span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(227,198,139,.18);padding:8px 11px;border-radius:9px;background:rgba(13,28,39,.82);color:#d5e0e8;font-size:12px;font-weight:700}
.ybxLanding .heroActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ybxLanding .heroActions .btn{min-height:51px;padding:12px 20px;font-size:14px}
.ybxLanding .heroActions .telegramJoin{border:1px solid rgba(104,216,184,.25);color:#a2e9d0;background:rgba(16,64,61,.17)}
.ybxLanding .sniperRiskNote{max-width:640px;margin:20px 0 0!important;color:#94a5b3!important;line-height:1.7}
.ybxLanding .sniperRiskNote a{color:#dfc18d;text-underline-offset:4px}
.ybxLanding .heroVisual{height:clamp(280px,32vw,490px)}
.ybxLanding .marketMonument{transform:scale(.96);filter:drop-shadow(0 30px 35px rgba(5,6,11,.62))}
.ybxLanding .goldOrbit{border-color:rgba(234,192,104,.20)}
.ybxLanding .dashWrap{position:relative;margin-top:clamp(10px,2vw,28px)}
.ybxLanding .dashboardPreview{border:1px solid rgba(207,175,111,.30);border-radius:22px;box-shadow:0 36px 90px rgba(0,0,0,.51),0 0 90px rgba(142,102,30,.08);background:linear-gradient(135deg,#0d1b27,#08121c);overflow:hidden}
.ybxLanding .dashboardPreview .dashSide{background:rgba(7,16,26,.9);border-color:rgba(233,191,107,.09)}
.ybxLanding .dashboardPreview .dashMain{background:radial-gradient(circle at 22% 0%,rgba(239,191,98,.05),transparent 45%)}
.ybxLanding .dashboardPreview .signalPanel{background:#101e2b;border-color:rgba(226,188,117,.14)}
.ybxLanding .dashboardPreview .winner{color:#f6d18b}
.ybxLanding .ybxClarity{padding:clamp(52px,7vw,92px) 0;background:radial-gradient(ellipse at 12% 20%,rgba(23,69,80,.12),transparent 43%),linear-gradient(180deg,#08131e,#091621);border-top:1px solid rgba(229,192,115,.11);border-bottom:1px solid rgba(229,192,115,.11)}
.ybxLanding .ybxClarityHeading{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:26px}
.ybxLanding .ybxMicro{color:#e7c27d;font-size:11px;letter-spacing:.19em;font-weight:750}
.ybxLanding .ybxClarityHeading h2{font-size:clamp(26px,3vw,42px);line-height:1.4;margin:9px 0 0;letter-spacing:-.025em;color:#fbf9f3}
.ybxLanding .ybxClarityHeading h2 span{color:#e3ba6c}
.ybxLanding .ybxClarityHeading > a{color:#eacb91;font-weight:700;font-size:13px;border-bottom:1px solid rgba(222,181,99,.55);padding-bottom:6px;white-space:nowrap}
.ybxLanding .ybxClarityGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ybxLanding .ybxClarityGrid article{position:relative;min-width:0;min-height:255px;border:1px solid rgba(214,185,132,.17);border-radius:18px;padding:25px 23px 23px;background:linear-gradient(152deg,rgba(20,36,49,.96),rgba(11,23,35,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .2s,border-color .2s,background .2s}
.ybxLanding .ybxClarityGrid article:hover{transform:translateY(-5px);border-color:rgba(241,200,120,.47);background:linear-gradient(152deg,#1d3442,#0b1927)}
.ybxLanding .ybxClarityNo{position:absolute;top:20px;left:20px;color:rgba(239,202,137,.50);font-size:12px;letter-spacing:.1em}
.ybxLanding .ybxClarityIcon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;border:1px solid rgba(237,203,138,.31);color:#f4d392;background:linear-gradient(130deg,rgba(232,180,82,.14),rgba(217,166,70,.02));font-size:26px;margin-bottom:25px}
.ybxLanding .ybxClarityGrid h3{margin:0 0 9px;color:#fff5dc;font-size:20px}
.ybxLanding .ybxClarityGrid p{margin:0;color:#aebfca;line-height:1.9;font-size:14px}
.ybxLanding .sniperSeoIntro{padding:clamp(44px,5vw,73px) 0;background:linear-gradient(135deg,#0b1724,#101d2b)}
.ybxLanding .sniperSeoGrid{align-items:center}
.ybxLanding .sniperSeoIntro h2{color:#f7e2b5;font-size:clamp(25px,3vw,38px)}
.ybxLanding .sniperSeoLinks a{border-radius:12px;background:rgba(4,13,22,.32);border-color:rgba(222,190,135,.17);color:#e8d6ad;transition:background .2s,border-color .2s,transform .2s}
.ybxLanding .sniperSeoLinks a:hover{transform:translateY(-2px);background:rgba(211,163,74,.10);border-color:rgba(237,203,147,.46)}
.ybxLanding .section{padding-block:clamp(55px,6vw,90px)}
.ybxLanding .sectionIntro h2,.ybxLanding .faqGrid h2,.ybxLanding .trustGrid h2{font-size:clamp(28px,3.1vw,44px);line-height:1.4;letter-spacing:-.02em}
.ybxLanding .sectionIntro h2 span,.ybxLanding .trustGrid h2 span,.ybxLanding .faqGrid h2 span{color:#e9c47c;text-shadow:none}
.ybxLanding .sectionIntro p{line-height:1.9;color:#aebfcb}
.ybxLanding .ybx5Pane,.ybxLanding .ybx5Cards,.ybxLanding .metricCard,.ybxLanding .featureGrid article,.ybxLanding .priceCard,.ybxLanding .trustItems>div{border-color:rgba(211,185,130,.18);border-radius:16px}
.ybxLanding .featureGrid{gap:15px}
.ybxLanding .featureGrid article{background:linear-gradient(146deg,#11212e,#0a1520);padding:25px;border:1px solid rgba(216,182,116,.17)}
.ybxLanding .featureGrid article h3{color:#f8e3b3}
.ybxLanding .featureGrid article p{line-height:1.85;color:#aabcce}
.ybxLanding .featureGrid i{border-radius:13px}
.ybxLanding .flow{border-radius:19px;border-color:rgba(216,182,116,.19)}
.ybxLanding .flowStep{background:linear-gradient(180deg,#132430,#0c1723);border-color:rgba(211,188,142,.08)}
.ybxLanding .performanceSection{background:linear-gradient(180deg,#091520,#08111b)}
.ybxLanding .metricCard,.ybxLanding .performanceChart{background:linear-gradient(150deg,#142431,#0a1520);border:1px solid rgba(220,186,118,.18);border-radius:17px}
.ybxLanding .metricCard strong{color:#f8ead0}
.ybxLanding .priceCard{background:linear-gradient(153deg,#142434,#0a1723);border-color:rgba(218,180,106,.18);padding:26px}
.ybxLanding .priceCard.popular{border-color:#d7b570;box-shadow:0 18px 48px rgba(155,114,46,.19)}
.ybxLanding .faq details{background:#111f2b;border:1px solid rgba(225,191,124,.17);border-radius:13px;margin-bottom:10px}
.ybxLanding .faq summary{color:#f2e6d4}
.ybxLanding .finalCta .cta{border-radius:25px;background:radial-gradient(circle at 100% 0%,rgba(235,184,95,.16),transparent 45%),linear-gradient(125deg,#172d3b,#0c1926);border:1px solid rgba(233,185,105,.32);box-shadow:0 20px 80px rgba(0,0,0,.22)}
.ybxLanding .footer{background:#060d14;border-top:1px solid rgba(232,192,118,.18)}
.ybxLanding .footer a{transition:color .2s}
.ybxLanding .footer a:hover{color:#fae4af}
.ybxLanding button:focus-visible,.ybxLanding a:focus-visible,.ybxLanding select:focus-visible,.ybxLanding input:focus-visible{outline:2px solid #f9d894;outline-offset:3px}
@media(max-width:1080px){.ybxLanding .ybxClarityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ybxLanding .heroGrid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.ybxLanding .heroVisual{height:340px}.ybxLanding .marketMonument{transform:scale(.79)}.ybxLanding .nav .links{gap:12px}}
@media(max-width:780px){.ybxLanding .container{width:min(100% - 32px,640px)}.ybxLanding .hero{padding-top:31px}.ybxLanding .heroGrid{grid-template-columns:1fr;min-height:0;gap:5px}.ybxLanding .heroCopy{padding:22px 0 20px}.ybxLanding .hero h1{font-size:clamp(36px,8.7vw,52px)}.ybxLanding .heroVisual{height:240px;opacity:.72}.ybxLanding .marketMonument{transform:scale(.67)}.ybxLanding .heroActions .btn{flex:1 1 auto}.ybxLanding .heroActions .btn.telegramJoin{flex-basis:100%}.ybxLanding .ybxClarityHeading{align-items:start;flex-direction:column}.ybxLanding .ybxClarityGrid article{min-height:220px}.ybxLanding .dashboardPreview{border-radius:17px}.ybxLanding .navin{min-height:68px}}
@media(max-width:500px){.ybxLanding .container{width:calc(100% - 28px)}.ybxLanding .heroCopy .eyebrow{font-size:9px;letter-spacing:.08em}.ybxLanding .hero h1{font-size:36px;line-height:1.29}.ybxLanding .sniperSlogan{font-size:17px!important}.ybxLanding .ybxHeroLead{font-size:14px}.ybxLanding .ybxHeroTrust{display:grid;grid-template-columns:1fr 1fr}.ybxLanding .ybxHeroTrust span{font-size:11px;padding:9px}.ybxLanding .ybxHeroTrust span:last-child{grid-column:1/-1}.ybxLanding .ybxClarityGrid{grid-template-columns:1fr}.ybxLanding .ybxClarityGrid article{min-height:0;padding:22px}.ybxLanding .ybxClarityIcon{margin-bottom:14px}.ybxLanding .ybxClarityHeading h2{font-size:27px}.ybxLanding .section{padding-block:52px}.ybxLanding .heroVisual{height:205px}}
@media(prefers-reduced-motion:reduce){.ybxLanding .heroVisual .goldOrbit,.ybxLanding .ybxClarityGrid article,.ybxLanding .btn.gold{animation:none;transition:none}}

.ybxLanding .ybxHeroCustom{color:#c5d0d9;font-size:14px;line-height:1.8;margin:4px 0}.ybxLanding .ybxHeroCustom:empty{display:none}