/* SHARED 1200px USE-CASE FUNNEL CSS */
:root{--uf-black:#080b0e;--uf-gold:#bf8a47;--uf-gold-light:#d5aa70;--uf-text:#171717;--uf-muted:#6e7277;--uf-line:#e2e2e2;--uf-soft:#f7f7f7;--uf-soft-gold:#f7f1e8}
.usefunnel{color:var(--uf-text);background:#fff}
.uf-hero{position:relative;overflow:hidden;color:#fff;background:var(--uf-black)}
.uf-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center}
.uf-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,9,.97),rgba(5,7,9,.90) 38%,rgba(5,7,9,.55) 63%,rgba(5,7,9,.20))}
.uf-hero__inner{position:relative;z-index:2;min-height:430px;display:flex;align-items:center;padding:50px 0}
.uf-hero__content{max-width:700px}
.uf-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:13px;color:var(--uf-gold-light);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.uf-eyebrow:before{content:"";width:34px;height:2px;background:var(--uf-gold)}
.uf-hero h1{margin:0 0 15px;max-width:720px;color:#fff;font-size:clamp(39px,4.8vw,60px);font-weight:850;line-height:1.02;letter-spacing:-.035em}
.uf-hero h1 span{color:var(--uf-gold-light)}
.uf-hero__lead{max-width:650px;margin:0 0 18px;color:rgba(255,255,255,.86);font-size:16px;line-height:1.58}
.uf-hero__checks{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 24px;padding:0;list-style:none}
.uf-hero__checks li{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.92);font-size:12px}
.uf-hero__checks i{color:var(--uf-gold-light)}
.uf-actions{display:flex;flex-wrap:wrap;gap:12px}
.uf-btn-outline{min-height:43px;display:inline-flex;align-items:center;justify-content:center;padding:10px 21px;border:1px solid rgba(255,255,255,.68);border-radius:2px;color:#fff;font-size:11px;font-weight:750;text-decoration:none}
.uf-btn-outline:hover{color:#111;background:#fff}
.uf-problems{padding:30px 0 31px;background:#fff;border-bottom:1px solid var(--uf-line)}
.uf-section-head{margin-bottom:22px}
.uf-kicker{display:block;margin-bottom:5px;color:var(--uf-gold);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.uf-section-head h2,.uf-heading{margin:0;color:var(--uf-text);font-size:29px;font-weight:850;line-height:1.15;letter-spacing:-.02em}
.uf-section-line{width:48px;height:2px;margin:10px 0 12px;background:var(--uf-gold)}
.uf-section-head p{max-width:780px;margin:0;color:var(--uf-muted);font-size:13px;line-height:1.55}
.uf-problems__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.uf-problem-link{min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;border:1px solid #e5e5e5;background:#fafafa;color:#242424;font-size:12px;font-weight:650;line-height:1.3;text-decoration:none}
.uf-problem-link:after{content:"→";color:var(--uf-gold)}
.uf-problem-link:hover{border-color:#d8ba90;background:var(--uf-soft-gold);color:#111}
.uf-intro{padding:42px 0;background:#fff}
.uf-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:55px;align-items:center}
.uf-copy p{margin:0 0 13px;color:#62666b;font-size:13px;line-height:1.68}
.uf-copy strong{color:#222}
.uf-media{min-height:340px;overflow:hidden}.uf-media img{width:100%;height:100%;min-height:340px;display:block;object-fit:cover}
.uf-cases{padding:39px 0 42px;background:var(--uf-soft)}
.uf-cases__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#dedede;border:1px solid #dedede}
.uf-case{min-height:185px;padding:25px 27px;background:#fff;scroll-margin-top:110px}
.uf-case__tag{display:block;margin-bottom:7px;color:var(--uf-gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.uf-case h3{margin:0 0 9px;color:#171717;font-size:17px;font-weight:800;line-height:1.25}
.uf-case p{margin:0;color:#6c7075;font-size:12px;line-height:1.62}
.uf-fit{padding:39px 0;background:#fff}
.uf-fit__grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.uf-fit__box{padding:26px 28px;border:1px solid #e3e3e3;background:#fff}.uf-fit__box--gold{border-color:#dbc29e;background:var(--uf-soft-gold)}
.uf-fit__box h3{margin:0 0 13px;font-size:18px;font-weight:800}.uf-fit__box ul{margin:0;padding:0;list-style:none}
.uf-fit__box li{position:relative;margin-bottom:9px;padding-left:19px;color:#666b70;font-size:12px;line-height:1.45}.uf-fit__box li:before{content:"✓";position:absolute;left:0;color:var(--uf-gold);font-weight:800}
.uf-product{color:#fff;background:linear-gradient(90deg,rgba(6,8,11,.97),rgba(6,8,11,.89)),url("../image/header-bg.webp") center/cover no-repeat}
.uf-product__grid{min-height:330px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.uf-product__copy{padding:35px 0}.uf-product .uf-heading{color:#fff}
.uf-product__copy>p{max-width:560px;margin:0 0 18px;color:rgba(255,255,255,.76);font-size:12px;line-height:1.65}
.uf-product__facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px}.uf-product__facts div{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);font-size:11px}.uf-product__facts i{color:var(--uf-gold-light)}
.uf-product__media{height:330px;overflow:hidden}.uf-product__media img{width:100%;height:100%;object-fit:cover}
.uf-quantity{padding:39px 0 41px;background:#fff}.uf-quantity__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.uf-qty{min-height:150px;padding:21px 20px;border:1px solid #e1e1e1;background:#fff}.uf-qty strong{display:block;margin-bottom:4px;color:#171717;font-size:15px}.uf-qty__range{display:block;margin-bottom:11px;color:var(--uf-gold);font-size:18px;font-weight:850}.uf-qty p{margin:0;color:#74787d;font-size:11px;line-height:1.5}
.uf-quantity__note{margin:17px 0 0;color:#7a7d81;font-size:11px;line-height:1.5}
.uf-safety{padding:34px 0;background:#f7f7f7}.uf-safety__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}
.uf-safety__points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.uf-safety__point{padding:16px 17px;background:#fff;border:1px solid #e3e3e3}.uf-safety__point strong{display:block;margin-bottom:5px;font-size:12px}.uf-safety__point span{color:#72767a;font-size:10px;line-height:1.45}
.uf-faq{padding:40px 0;background:#fff}.uf-faq__list{border-top:1px solid #ddd}.uf-faq__item{padding:20px 0;border-bottom:1px solid #ddd}.uf-faq__item h3{margin:0 0 7px;color:#181818;font-size:15px;font-weight:800}.uf-faq__item p{max-width:950px;margin:0;color:#6d7176;font-size:12px;line-height:1.6}
.uf-cta{color:#fff;background:linear-gradient(90deg,rgba(5,7,9,.97),rgba(5,7,9,.70)),url("../images/usecase-cta.webp") center/cover no-repeat}.uf-cta__grid{min-height:190px;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.uf-cta h2{margin:0;color:#fff;font-size:27px;font-weight:850;line-height:1.15}.uf-cta__line{width:47px;height:2px;margin:11px 0 13px;background:var(--uf-gold)}.uf-cta p{max-width:650px;margin:0;color:rgba(255,255,255,.76);font-size:12px;line-height:1.58}.uf-cta__actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.uf-cta__actions>a:not(.rv-btn){display:flex;align-items:center;gap:9px;color:#fff;font-size:12px;text-decoration:none}.uf-cta__actions>a:not(.rv-btn) i{color:var(--uf-gold-light)}
@media(max-width:991.98px){.uf-problems__grid{grid-template-columns:repeat(2,1fr)}.uf-split,.uf-product__grid,.uf-safety__grid,.uf-cta__grid{grid-template-columns:1fr}.uf-cases__grid,.uf-fit__grid{grid-template-columns:1fr}.uf-quantity__grid{grid-template-columns:repeat(2,1fr)}.uf-product__media{height:360px}.uf-cta__grid{padding:35px 0}}
@media(max-width:575.98px){.uf-hero__inner{min-height:540px;align-items:flex-end}.uf-actions{flex-direction:column;align-items:stretch}.uf-problems__grid,.uf-quantity__grid,.uf-safety__points,.uf-product__facts{grid-template-columns:1fr}.uf-section-head h2,.uf-heading{font-size:24px}.uf-case{min-height:auto;padding:22px 20px}}


/* =========================================================
   QUANTITY CARD CTA
========================================================= */
.uf-qty{
    position:relative;
    display:flex;
    flex-direction:column;
}
.uf-qty p{
    margin-bottom:18px;
}
.uf-qty__cta{
    width:100%;
    min-height:40px;
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:10px 14px;
    border:1px solid var(--uf-gold);
    border-radius:2px;
    color:#fff;
    background:linear-gradient(180deg,#cda36a 0%,#ae793e 100%);
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    text-decoration:none;
    transition:transform .2s ease,background .2s ease;
}
.uf-qty__cta:hover{
    color:#fff;
    transform:translateY(-1px);
    background:linear-gradient(180deg,#ddb47a 0%,#bb8748 100%);
}
.uf-qty__cta i{
    transition:transform .2s ease;
}
.uf-qty__cta:hover i{
    transform:translateX(4px);
}
.uf-qty--featured{
    border:2px solid var(--uf-gold);
    background:#fffaf4;
}
.uf-qty__badge{
    align-self:flex-start;
    margin:-31px 0 10px;
    padding:6px 10px;
    border-radius:2px;
    color:#171717;
    background:linear-gradient(180deg,#e1ba80 0%,#bf8a47 100%);
    font-size:9px;
    font-weight:800;
    letter-spacing:.05em;
}
