
/* V47 Premium Content & UX Enhancement */
:root{--beo-orange:#f25a2b;--beo-black:#050505;--beo-soft:#f6f6f4;}
.ux-section{padding:64px 0;background:#fff;color:#111;}
.ux-section.dark{background:#060606;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);}
.ux-section.soft{background:#f6f6f4;}
.ux-kicker{font-family:inherit;text-transform:uppercase;color:var(--beo-orange);font-weight:800;letter-spacing:.05em;margin:0 0 10px;font-size:14px;}
.ux-head{font-size:clamp(30px,3.7vw,48px);line-height:1.02;margin:0 0 16px;text-transform:uppercase;letter-spacing:-.03em;color:inherit;font-weight:760;}
.ux-lead{font-size:17px;line-height:1.72;color:#444;max-width:760px;margin:0;}
.dark .ux-lead{color:rgba(255,255,255,.78)}
.ux-split{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.25fr);gap:46px;align-items:start;}
.ux-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px;}
.ux-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.ux-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:24px;box-shadow:0 14px 34px rgba(0,0,0,.05);}
.dark .ux-card{background:linear-gradient(180deg,#111,#080808);border-color:rgba(242,90,43,.25);box-shadow:none;}
.ux-card img{width:42px;height:42px;object-fit:contain;margin-bottom:18px;filter:none;}
.dark .ux-card img{filter:none;}
.ux-card h3{font-size:18px;line-height:1.14;margin:0 0 10px;text-transform:uppercase;letter-spacing:-.015em;color:inherit;font-weight:750;}
.ux-card p{font-size:15.5px;line-height:1.62;color:#555;margin:0;}
.dark .ux-card p{color:rgba(255,255,255,.74)}
.ux-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin-top:24px;padding:0;list-style:none;}
.ux-checks li{position:relative;padding-left:28px;font-size:16px;line-height:1.55;color:#333;}
.dark .ux-checks li{color:rgba(255,255,255,.82)}
.ux-checks li:before{content:'✓';position:absolute;left:0;color:var(--beo-orange);font-weight:900;}
.ux-process{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px;}
.ux-process article{counter-increment:step;border-left:1px solid rgba(242,90,43,.35);padding:4px 20px 8px;}
.ux-process article:before{content:counter(step,decimal-leading-zero);display:block;color:var(--beo-orange);font-size:34px;font-weight:800;margin-bottom:12px;}
.ux-process h3{font-size:17px;text-transform:uppercase;margin:0 0 8px;}
.ux-process p{font-size:15px;line-height:1.6;color:#555;margin:0;}
.dark .ux-process p{color:rgba(255,255,255,.75)}
.ux-faq{padding:58px 0;background:#f6f6f4;}
.ux-faq details{background:#fff;border:1px solid rgba(0,0,0,.08);border-left:4px solid var(--beo-orange);border-radius:14px;margin:12px 0;overflow:hidden;}
.ux-faq summary{cursor:pointer;padding:18px 22px;font-weight:800;text-transform:uppercase;color:#111;}
.ux-faq p{padding:0 22px 20px;margin:0;color:#555;line-height:1.65;}
.home-ux-intro{padding:48px 0;background:#080808;color:#fff;border-top:1px solid rgba(255,255,255,.08);}
.home-ux-intro .ux-split{align-items:center;}
.home-ux-intro .ux-head{max-width:520px;}
.home-ux-intro .ux-card-grid{margin-top:0;}
.home-ux-intro .ux-card{padding:22px;}
.home-ux-intro .ux-card img{width:36px;height:36px;margin-bottom:12px;}
.home-ux-intro .ux-card h3{font-size:16px;}
.home-ux-intro .ux-card p{font-size:14.5px;}
.seo-content.white.section{display:none!important;}
@media(max-width:900px){
 .ux-section,.ux-section.dark,.ux-section.soft{padding:46px 0;}
 .ux-split{grid-template-columns:1fr;gap:24px;}
 .ux-card-grid,.ux-card-grid.three,.ux-process{grid-template-columns:1fr;}
 .ux-checks{grid-template-columns:1fr;}
 .home-ux-intro{padding:38px 0;}
 .home-ux-intro .ux-card-grid{grid-template-columns:1fr;}
 .ux-head{font-size:34px;}
}
