/* USBREEF Light — dedicated sales landing */
/* Realistic illustrative reef spectrum for the Light device panel. */
.usbreef-light .ul-spectrum{width:100%;min-width:0;margin:4px 0 8px;padding:13px 10px 9px;border:1px solid #29515c;border-radius:12px;background:linear-gradient(145deg,#071b28,#091c2b)}
.usbreef-light .ul-spectrum-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;text-align:left;font-size:9px;font-weight:800;letter-spacing:.07em;color:#87d8de;margin:0 2px 4px}
.usbreef-light .ul-spectrum-heading span:last-child{font-size:8px;letter-spacing:0;color:#789cae;text-align:right}
.usbreef-light .ul-spectrum-svg{display:block;width:100%;height:auto;max-height:190px;overflow:visible}
.usbreef-light .ul-spectrum-channels{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 9px;margin-top:6px}
.usbreef-light .ul-spectrum-channels span{display:flex;align-items:center;gap:4px;color:#accdd7;font-size:9px;white-space:nowrap}
.usbreef-light .ul-spectrum-channels i{display:block;width:7px;height:7px;border-radius:50%;background:var(--spec);box-shadow:0 0 7px var(--spec)}
.usbreef-light .ul-device-screen{padding:20px 12px 17px}
.usbreef-light .ul-device{position:relative}
@media(max-width:700px){.usbreef-light .ul-spectrum{padding:8px 5px 5px}.usbreef-light .ul-spectrum-heading{font-size:8px}.usbreef-light .ul-spectrum-heading span:last-child{font-size:7px}.usbreef-light .ul-device-screen{padding:18px 9px 13px}}

/* Real lamp reference supplied for USBREEF Light. Softly layered behind the hero artwork. */
.usbreef-light .ul-hero{position:relative;isolation:isolate}
.usbreef-light .ul-hero:before{content:"";position:absolute;z-index:0;inset:0 0 0 auto;width:min(58%,850px);background-image:url('https://39007699.servicio-online.net/wp-content/uploads/2026/10/usbreef-light-pantalla-evergrow.jpg');background-size:contain;background-position:center 43%;background-repeat:no-repeat;mix-blend-mode:darken;opacity:.54;transform:translate(6%,4%);pointer-events:none}
.usbreef-light .ul-hero:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#071721 0%,rgba(7,23,33,.96) 22%,rgba(7,23,33,.70) 48%,rgba(7,23,33,.18) 85%);pointer-events:none}
.usbreef-light .ul-hero>.ul-shell{position:relative;z-index:1}
.usbreef-light .ul-compatible{position:relative;isolation:isolate}
.usbreef-light .ul-compatible:before{content:"";position:absolute;inset:0;background:url('https://39007699.servicio-online.net/wp-content/uploads/2026/10/usbreef-light-pantalla-evergrow.jpg') center center/contain no-repeat;mix-blend-mode:darken;opacity:.16;pointer-events:none;z-index:0}
.usbreef-light .ul-compatible>.ul-shell{position:relative;z-index:1}
@media(max-width:750px){.usbreef-light .ul-hero:before{width:100%;height:350px;top:38%;bottom:auto;right:-16%;opacity:.35;background-position:center}.usbreef-light .ul-hero:after{background:linear-gradient(180deg,#071721 0%,rgba(7,23,33,.92) 45%,rgba(7,23,33,.55) 80%,#071721 100%)}.usbreef-light .ul-compatible:before{opacity:.12}}

body.page-id-61{background:#071721!important;color:#eaf8fb}
body.page-id-61 .wp-site-blocks{background:#071721;color:#eaf8fb}
body.page-id-61 .wp-site-blocks>header,body.page-id-61 .wp-site-blocks>footer{background:#081b25;color:#eaf8fb}
body.page-id-61 .wp-site-blocks>header a,body.page-id-61 .wp-site-blocks>footer a{color:#eaf8fb}
body.page-id-61 main{max-width:none!important;padding:0!important;margin:0!important}
body.page-id-61 main>.wp-block-group,body.page-id-61 main>.entry-content{max-width:none!important;margin:0!important;padding:0!important}
body.page-id-61 main>h1.wp-block-post-title,body.page-id-61 main .wp-block-post-title{display:none!important}
body.page-id-61 .entry-content>.usbreef-light,.usbreef-light{max-width:none!important;margin:0!important;font-family:inherit;overflow:hidden;color:#eaf8fb}
.usbreef-light *{box-sizing:border-box}
.usbreef-light .ul-shell{width:min(1170px,calc(100% - 40px));margin:0 auto}
.usbreef-light h1,.usbreef-light h2,.usbreef-light h3,.usbreef-light p{margin-top:0}
.usbreef-light h1{font-size:clamp(40px,5.7vw,74px)!important;line-height:1.06!important;letter-spacing:-.052em;color:#fff;font-weight:850;margin-bottom:24px}
.usbreef-light h2{font-size:clamp(31px,4.2vw,53px)!important;line-height:1.13!important;letter-spacing:-.035em;color:#fff;font-weight:800;margin-bottom:19px}
.usbreef-light h1 em,.usbreef-light h2 em{font-style:normal;color:#62e5e0}
.usbreef-light p{line-height:1.7;color:#b9d1d9}
.usbreef-light .ul-kicker,.usbreef-light .ul-eyebrow{font-size:12px!important;font-weight:850;letter-spacing:.18em;color:#5ee4dc;text-transform:uppercase}
.usbreef-light .ul-kicker{display:flex;align-items:center;gap:12px;margin-bottom:23px}
.usbreef-light .ul-pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:#56e7df;box-shadow:0 0 16px #56e7df}
.usbreef-light .ul-lead{font-size:clamp(17px,1.85vw,20px);max-width:650px}
.usbreef-light .ul-lead strong{color:#effafc}
.usbreef-light .ul-hero{padding:94px 0 110px;background:radial-gradient(ellipse at 86% 30%,#1b5660 0%,#0a2833 40%,#071721 80%);border-bottom:1px solid #23434d}
.usbreef-light .ul-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.83fr);align-items:center;gap:8%}
.usbreef-light .ul-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;margin-bottom:15px}
.usbreef-light .ul-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 23px!important;border-radius:13px;text-decoration:none!important;font-weight:850;font-size:15px;transition:transform .18s ease,box-shadow .18s ease}
.usbreef-light .ul-btn:hover{transform:translateY(-3px)}
.usbreef-light .ul-primary{background:#56e4df;color:#07232c!important;box-shadow:0 8px 35px #24c5cb33}
.usbreef-light .ul-primary:hover{background:#92f7ed;box-shadow:0 12px 40px #24c5cb55}
.usbreef-light .ul-secondary{border:1px solid #427481;background:#123440;color:#e2f8fa!important}
.usbreef-light .ul-small{font-size:12px;opacity:.77;line-height:1.65}
.usbreef-light .ul-device{min-width:0;transform:rotate(2deg);border-radius:26px;padding:17px;background:#102c38;border:1px solid #477b87;box-shadow:0 30px 80px #0007,0 0 40px #2eddd61c}
.usbreef-light .ul-device-top{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:7px 9px 15px;font-weight:900;letter-spacing:.03em;font-size:18px}
.usbreef-light .ul-device-top i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#5ee4dc;box-shadow:0 0 12px #5ee4dc}
.usbreef-light .ul-mint{color:#5ee4dc}
.usbreef-light .ul-device-top small{color:#73c9ce;font-size:10px;font-weight:600;letter-spacing:0}
.usbreef-light .ul-device-screen{padding:25px 21px 22px;border:1px solid #2e5c65;border-radius:17px;background:linear-gradient(135deg,#10242e,#08202a);text-align:center}
.usbreef-light .ul-device-sun{font-size:35px;color:#ffde93;margin-bottom:7px}
.usbreef-light .ul-device-caption{font-size:10px;color:#8ecbd0;letter-spacing:.14em;font-weight:800}
.usbreef-light .ul-device-screen>strong{display:block;font-size:clamp(23px,3.3vw,39px);color:#fff;margin:13px 0 24px;white-space:nowrap}
.usbreef-light .ul-device-screen>strong span{color:#64e8e0}
.usbreef-light .ul-bars{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;height:110px;border-bottom:1px solid #3e6470;padding:0 12px}
.usbreef-light .ul-bars span{border-radius:5px 5px 0 0;background:linear-gradient(#66f0ef,#14728e);box-shadow:0 0 13px #31deda33}
.usbreef-light .ul-device-bottom{display:flex;justify-content:space-between;gap:10px;padding-top:15px;color:#91cdd1;font-size:11px}
.usbreef-light .ul-device-note{text-align:center;color:#7298a1;font-size:10px;margin-top:12px}
.usbreef-light .ul-problems{padding:100px 0 106px;background:#0b1e28}
.usbreef-light .ul-problems h2{max-width:800px}
.usbreef-light .ul-section-lead{font-size:18px}
.usbreef-light .ul-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:37px}
.usbreef-light .ul-cards article{background:linear-gradient(155deg,#153441,#0c2631);border:1px solid #2a515c;border-radius:17px;padding:27px 22px;min-width:0}
.usbreef-light .ul-symbol{display:inline-flex;align-items:center;justify-content:center;font-size:25px;color:#69eae4;width:44px;height:44px;border-radius:12px;background:#193f4a;margin-bottom:22px}
.usbreef-light .ul-cards h3{color:#f0fbfa;font-size:19px;line-height:1.3;margin:0 0 12px;font-weight:800}
.usbreef-light .ul-cards p{font-size:14px;margin:0}
.usbreef-light .ul-how{padding:100px 0 110px;background:#071721}
.usbreef-light .ul-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.83fr);align-items:center;gap:9%}
.usbreef-light .ul-two p{font-size:17px}
.usbreef-light .ul-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:27px}
.usbreef-light .ul-feature-list span{color:#bbebeb;font-size:13px;font-weight:700}
.usbreef-light .ul-steps{border:1px solid #2f6971;border-radius:22px;padding:17px 27px;background:linear-gradient(160deg,#153944,#0b2632);box-shadow:0 20px 60px #0004}
.usbreef-light .ul-steps>div{display:flex;align-items:flex-start;gap:22px;padding:25px 5px;border-bottom:1px solid #2e535f}
.usbreef-light .ul-steps>div:last-child{border:0}
.usbreef-light .ul-steps b{font-size:24px;color:#60e9e1}
.usbreef-light .ul-steps span{display:grid;gap:8px}
.usbreef-light .ul-steps strong{color:#f5fbfc;font-size:18px}
.usbreef-light .ul-steps small{color:#a4c5ce;font-size:14px;line-height:1.6}
.usbreef-light .ul-compatible{padding:85px 0 95px;background:#102b36;text-align:center}
.usbreef-light .ul-compatible h2{max-width:950px;margin:0 auto 35px}
.usbreef-light .ul-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.usbreef-light .ul-brands>div{display:flex;flex-direction:column;gap:12px;background:#0b222d;border:1px solid #37606b;border-radius:18px;padding:27px 20px}
.usbreef-light .ul-brands strong{font-size:18px;letter-spacing:.04em;color:#f5fcfc}
.usbreef-light .ul-brands small{font-size:13px;color:#a6c8cd;line-height:1.55}
.usbreef-light .ul-compat-note{font-size:12px;max-width:840px;margin:25px auto 0;color:#90b3bc}
.usbreef-light .ul-end{padding:110px 0 120px;background:radial-gradient(ellipse at center,#184a54,#081f29 65%,#071721 100%);text-align:center}
.usbreef-light .ul-end h2{max-width:920px;margin:0 auto 23px}
.usbreef-light .ul-end>div>p:not(.ul-eyebrow):not(.ul-small){font-size:18px;max-width:730px;margin:0 auto 25px}
.usbreef-light .ul-price{display:grid;justify-items:center;margin:20px auto 23px}
.usbreef-light .ul-price strong{font-size:clamp(44px,6vw,66px);color:#70ece6;letter-spacing:-.04em}
.usbreef-light .ul-price span{font-size:13px;color:#b8d9d9}
.usbreef-light .ul-end .ul-btn{min-width:250px}
.usbreef-light .ul-end .ul-small{margin:22px auto 0;max-width:560px}
@media(max-width:950px){.usbreef-light .ul-hero-grid{grid-template-columns:minmax(0,1fr) minmax(275px,.8fr);gap:28px}.usbreef-light .ul-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.usbreef-light .ul-two{gap:35px}}
@media(max-width:700px){.usbreef-light .ul-shell{width:calc(100% - 34px)}.usbreef-light .ul-hero{padding:56px 0 75px}.usbreef-light .ul-hero-grid,.usbreef-light .ul-two{grid-template-columns:minmax(0,1fr)}.usbreef-light .ul-device{transform:none;max-width:480px;margin:20px auto 0}.usbreef-light .ul-problems,.usbreef-light .ul-how,.usbreef-light .ul-compatible{padding:65px 0}.usbreef-light .ul-end{padding:72px 0 83px}.usbreef-light .ul-feature-list{grid-template-columns:1fr}.usbreef-light .ul-brands{grid-template-columns:1fr}.usbreef-light .ul-actions{flex-direction:column;align-items:stretch}.usbreef-light .ul-actions .ul-btn{width:100%}.usbreef-light .ul-steps{padding:12px 22px}}
@media(max-width:470px){.usbreef-light .ul-cards{grid-template-columns:1fr}.usbreef-light .ul-hero h1{font-size:43px!important}.usbreef-light .ul-device-top{font-size:15px}.usbreef-light .ul-device-top small{font-size:9px}.usbreef-light .ul-device-screen>strong{font-size:26px}}