.unifi-page{--uni-width:1240px;--uni-gutter:40px;overflow-x:clip}
.unifi-page .wrap{width:min(var(--uni-width),calc(100% - var(--uni-gutter)*2))!important;max-width:none!important}
.unifi-page section{padding:52px 0}
.unifi-page .uni-hero{background:radial-gradient(ellipse at 90% 40%,#223749 0,transparent 55%),linear-gradient(120deg,#101722,#121722 70%,#302027);padding:64px 0}
.uni-hero-grid{grid-template-columns:1.05fr 1fr;gap:56px}
.unifi-page h1{font-size:clamp(42px,4.8vw,66px);letter-spacing:-2.6px;line-height:1.06}
.unifi-page .uni-hero h1 span{color:#ff5058}
.unifi-page .uni-hero p{font-size:17px;line-height:1.65}
.uni-hero figure{padding:0;border:1px solid #ffffff24;border-radius:18px;overflow:hidden;box-shadow:0 22px 70px #0005;transform:rotate(-2deg)}
.uni-hero img{aspect-ratio:1.5;object-fit:cover}
.uni-hero .uni-small{font-size:13px!important}
.unifi-page section.callback-panel{width:min(var(--uni-width),calc(100% - var(--uni-gutter)*2));margin:0 auto;padding:28px 32px;border:1px solid #e2e5e8;border-top:0;border-radius:0 0 12px 12px}
.uni-proof-strip{background:#fff;border-bottom:0}
.uni-proof-strip .wrap{justify-content:center;gap:18px 38px;font-size:12px;color:#515963;padding:22px 0}
.uni-proof-strip span:before{content:'✓'}
.unifi-page h2{font-size:clamp(28px,3vw,38px);color:#c9141c;letter-spacing:-1.1px;margin:12px 0 20px}
.unifi-page h3{font-size:25px}
.uni-intro{max-width:760px}.uni-intro p{font-size:16px}
.uni-jump{gap:12px;margin-top:24px}.uni-jump a{display:block;border:1px solid #e0e4e8;border-radius:30px;padding:8px 15px;text-decoration:none;color:#303942;font-size:13px}
.uni-jump a:hover{border-color:#c9141c;color:#c9141c}
.uni-cards{gap:24px;margin-top:28px;align-items:stretch}
.uni-card{border:1px solid #e0e4e8;border-radius:12px;overflow:hidden;background:#fff;transition:transform .18s ease,box-shadow .18s ease}
.uni-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #11151a0d}
.uni-card .uni-art{height:200px;padding:0;background:#111b2a;overflow:hidden}
.uni-card .uni-art img{display:block;width:100%;height:100%;max-height:none;object-fit:cover}
.uni-card:last-child .uni-art{background:#edf1f5;padding:20px}.uni-card:last-child .uni-art img{object-fit:contain}
.uni-card-copy{padding:26px}.uni-card-copy .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:12px}
.uni-card-copy h3{min-height:2.4em;margin-bottom:12px}.uni-card-copy p{font-size:14px;line-height:1.65}
.uni-card-copy>.uni-link{font-size:13px;padding-top:8px}.uni-card-copy>p:last-child{margin-bottom:0}
.uni-card-copy>p:last-child .uni-link{font-size:12px}
.unifi-page #unifi-projects{padding:30px 0 52px}
#unifi-projects>.uni-two{background:#f3f5f7;border:1px solid #e2e6ea;border-radius:12px;padding:32px;gap:36px;grid-template-columns:1.2fr 1fr}
#unifi-projects h2{font-size:29px;color:#11151a}#unifi-projects h3{font-size:24px}#unifi-projects p,#unifi-projects li{font-size:14px;line-height:1.65}
.uni-case{border:0;border-left:1px solid #dce1e6;padding:0 0 0 32px}
.uni-quote{margin:20px 0 0;padding:20px 0 0}.uni-quote p{font-size:16px!important}.uni-quote cite{font-size:12px}
.uni-soft{background:#f3f5f7}.uni-two{gap:48px}.uni-list{background:white;border:1px solid #e2e6ea;border-radius:12px;padding:8px 26px}.uni-list li:last-child{border-bottom:0}.uni-list span{font-size:14px}
.unifi-page section:has(>.wrap>.uni-steps){background:white}
.unifi-page section:has(>.wrap>.uni-steps)>.wrap{padding:32px;background:#121c28;border:1px solid #35404d;border-radius:12px}
.unifi-page section:has(>.wrap>.uni-steps) h2{color:#ff5058}
.unifi-page section:has(>.wrap>.uni-steps) .eyebrow{color:#c4cdd7}
.uni-steps{gap:0;margin-top:28px}.uni-step{padding:0 26px;border-top:0;border-left:1px solid #35404d}.uni-step:first-child{padding-left:0;border-left:0}.uni-step:last-child{padding-right:0}
.uni-step span,.uni-step h3{color:#fff}.uni-step span{font-size:11px;letter-spacing:.8px}.uni-step h3{font-size:21px;min-height:2.4em}.unifi-page .uni-step p{color:#c4cdd7;font-size:14px;margin:0}
.uni-faq>.wrap{background:#f3f5f7;border:1px solid #e2e6ea;border-radius:12px;padding:32px}.uni-faq h2{font-size:30px}.uni-faq summary{font-size:16px;line-height:1.5}.uni-faq p{font-size:14px}.uni-faq summary::after{color:#c9141c}
.uni-cta{background:radial-gradient(ellipse at 100% 50%,#35202d,transparent 65%),#101722}.uni-cta h2{color:#ff5058}.uni-cta>.wrap{max-width:1240px}
@media(max-width:850px){.uni-hero-grid{grid-template-columns:1fr;gap:32px}.uni-hero figure{max-width:620px;transform:none}.uni-card{display:flex}.uni-cards{grid-template-columns:1fr}.uni-card .uni-art{height:230px;min-height:0}.uni-card-copy h3{min-height:0}#unifi-projects>.uni-two{grid-template-columns:1fr}.uni-case{border-left:0;border-top:1px solid #dce1e6;padding:24px 0 0}.uni-steps{grid-template-columns:1fr;gap:22px}.uni-step,.uni-step:first-child,.uni-step:last-child{padding:22px 0 0;border-left:0;border-top:1px solid #35404d}.uni-step:first-child{padding-top:0;border-top:0}.uni-step h3{min-height:0}.uni-faq>.wrap{grid-template-columns:1fr}}
@media(max-width:700px){.unifi-page{--uni-gutter:18px}.unifi-page section{padding:32px 0}.unifi-page .uni-hero{padding:38px 0}.unifi-page h1{font-size:43px;letter-spacing:-1.8px}.unifi-page .uni-hero p{font-size:16px}.unifi-page section.callback-panel{padding:24px}.uni-proof-strip .wrap{justify-content:flex-start;gap:8px;font-size:11px;flex-direction:column}.uni-cards{gap:20px}.uni-card .uni-art{height:190px}.uni-card-copy{padding:24px}.uni-hero figure{border-radius:12px}#unifi-projects>.uni-two,.uni-faq>.wrap,.unifi-page section:has(>.wrap>.uni-steps)>.wrap{padding:24px}.uni-list{padding:6px 20px}}
@media(prefers-reduced-motion:reduce){.uni-card{transition:none}.uni-card:hover{transform:none}}
.unifi-page section:has(>.wrap>a[href="/whole-property-unifi-case-study.html"]){padding-top:0}.unifi-page section:has(>.wrap>a[href="/whole-property-unifi-case-study.html"])>.wrap{display:grid;grid-template-columns:1.1fr 1fr;column-gap:36px;background:linear-gradient(110deg,#f3f5f7,#fff);border:1px solid #e2e6ea;border-radius:12px;padding:32px}.unifi-page section:has(>.wrap>a[href="/whole-property-unifi-case-study.html"]) .eyebrow{grid-column:1/-1}.unifi-page section:has(>.wrap>a[href="/whole-property-unifi-case-study.html"]) h2{grid-row:2/4;font-size:30px;color:#11151a;margin:0}.unifi-page section:has(>.wrap>a[href="/whole-property-unifi-case-study.html"]) .uni-link{font-size:14px}@media(max-width:700px){.unifi-page section:has(>.wrap>a[href="/whole-property-unifi-case-study.html"])>.wrap{display:block;padding:24px}.unifi-page section:has(>.wrap>a[href="/whole-property-unifi-case-study.html"]) h2{margin-bottom:18px}}
