.elementor-184 .elementor-element.elementor-element-d1e270c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-2786cee *//* ═══════ PAGE: USE CASES ═══════ */
.uc-hero{padding:5rem 0 3rem;text-align:center}
.uc-hero h1{font-family:var(--serif);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:400;color:var(--ink);letter-spacing:-0.03em;line-height:1.08;margin-bottom:1rem}
.uc-hero h1 em{font-style:italic;color:var(--electric)}
.uc-hero p{font-size:1.05rem;color:var(--t500);max-width:560px;margin:0 auto;line-height:1.65}

/* Use case alternating sections */
.uc-case{padding:5rem 0}
.uc-case.alt{background:var(--warm)}
.uc-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.uc-case-grid.reverse{direction:rtl}
.uc-case-grid.reverse>*{direction:ltr}
.uc-eyebrow{font-family:var(--mono);font-size:0.65rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:var(--electric);margin-bottom:0.5rem}
.uc-title{font-family:var(--serif);font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:400;color:var(--ink);letter-spacing:-0.02em;line-height:1.15;margin-bottom:0.75rem}
.uc-desc{font-size:0.9rem;color:var(--t500);line-height:1.7;margin-bottom:1.25rem}

.uc-ps{display:flex;flex-direction:column;gap:0.6rem;margin-bottom:1.5rem}
.uc-ps-row{display:flex;gap:0.6rem;font-size:0.84rem;line-height:1.5}
.uc-ps-row.bad{color:var(--coral,#FF5C5C)}
.uc-ps-row.good{color:var(--t700)}
.uc-ps-dot{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.uc-ps-row.bad .uc-ps-dot{background:rgba(255,92,92,0.08)}
.uc-ps-row.bad .uc-ps-dot svg{stroke:var(--coral,#FF5C5C)}
.uc-ps-row.good .uc-ps-dot{background:rgba(0,212,170,0.08)}
.uc-ps-row.good .uc-ps-dot svg{stroke:var(--mint,#00D4AA)}
.uc-ps-dot svg{width:10px;height:10px;fill:none;stroke-width:2.5}

.uc-plan-tag{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.75rem;font-weight:600;color:var(--electric);background:var(--elec-glow);padding:0.3rem 0.75rem;border-radius:6px;margin-bottom:1rem}

.uc-visual{border-radius:16px;background:var(--ivory);border:1px solid var(--sand);height:300px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.uc-visual::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,0.012) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.012) 1px,transparent 1px);background-size:32px 32px}
.uc-visual span{font-size:0.72rem;font-weight:600;color:var(--t300);text-transform:uppercase;letter-spacing:0.08em;position:relative}

/* More sectors dark grid */
.uc-more{padding:4rem 0;background:var(--ink)}
.uc-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}
.uc-more-card{padding:1.75rem;background:var(--ink2);border:1px solid rgba(255,255,255,0.06);border-radius:14px;transition:0.3s}
.uc-more-card:hover{border-color:rgba(255,255,255,0.12);background:var(--ink3)}
.uc-more-card strong{display:block;font-size:0.95rem;color:#fff;margin-bottom:0.25rem}
.uc-more-card span{font-size:0.78rem;color:var(--t400);line-height:1.5}

/* SEO */
.uc-seo{padding:5rem 0}
.uc-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:3rem}
.uc-seo-block{padding:2rem;background:var(--warm);border-radius:14px;border:1px solid var(--sand)}
.uc-seo-block .mono-label{font-family:var(--mono);font-size:0.62rem;font-weight:500;color:var(--electric);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.6rem}
.uc-seo-block h3{font-family:var(--serif);font-size:1.3rem;color:var(--ink);margin-bottom:0.75rem;line-height:1.25}
.uc-seo-block p{font-size:0.86rem;color:var(--t500);line-height:1.75}
.uc-seo-block p strong{color:var(--t700)}

.uc-final{padding:4rem 0 5rem;text-align:center}
.uc-final h2{font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:400;color:var(--ink);letter-spacing:-0.02em;margin-bottom:0.6rem}
.uc-final p{font-size:0.92rem;color:var(--t500);max-width:460px;margin:0 auto 1.5rem;line-height:1.6}

@media(max-width:900px){
  .uc-case-grid,.uc-case-grid.reverse{grid-template-columns:1fr;direction:ltr}
  .uc-visual{height:200px}
  .uc-more-grid,.uc-seo-grid{grid-template-columns:1fr}
}/* End custom CSS */