/*
Theme Name: Realtypath UniFi Connect Display
Theme URI: https://realtypath.com/
Author: Realtypath
Description: 1920x1080 HD UniFi Connect display theme for Realtypath signage, education, Utah weather, local real estate news, and Zoho Analytics KPIs.
Version: 5.0.HD
*/
:root{--rp-blue:#1270ae;--rp-black:#05070b;--rp-navy:#07131f;--rp-panel:rgba(255,255,255,.095);--rp-line:rgba(255,255,255,.22);--rp-white:#fff;--rp-muted:#c9d8e8;--rp-glow:rgba(18,112,174,.55)}
*{box-sizing:border-box} html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#fff}.rp-display{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}.rp-slide{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity 1.1s ease,transform 5s ease;display:grid;grid-template-rows:112px 1fr 82px;padding:0;background:#07131f}.rp-slide.active{opacity:1;transform:scale(1);z-index:2}.rp-slide.dark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 20%,rgba(18,112,174,.42),transparent 30%),linear-gradient(120deg,rgba(5,7,11,.78),rgba(7,19,31,.94)),url('assets/utah-homes.svg');background-size:cover;opacity:.95}.rp-slide.dark:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 24%),linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 24px);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);opacity:.45}.rp-top,.rp-main,.rp-bottom,.weather-ticker{position:relative;z-index:3}.rp-top{height:112px;display:grid;grid-template-columns:260px 1fr 210px;align-items:center;gap:24px;padding:22px 34px;border-bottom:1px solid var(--rp-line);background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(18,112,174,.28),rgba(0,0,0,.5));backdrop-filter:blur(10px)}.logo-img{max-width:235px;max-height:70px;object-fit:contain}.rp-banner{text-transform:uppercase;letter-spacing:.08em;font-size:19px;font-weight:800;color:#eef7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-clock{text-align:right}.rp-time{font-size:39px;font-weight:900;line-height:1}.rp-date{font-size:17px;text-transform:uppercase;color:#c8ddf0;letter-spacing:.08em;margin-top:6px}.rp-main{padding:42px 52px}.rp-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-top:1px solid var(--rp-line);background:linear-gradient(90deg,#03070c,#081725,#03070c);font-size:24px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.kicker{color:#67baf1;text-transform:uppercase;font-weight:900;letter-spacing:.18em;font-size:26px;margin-bottom:12px}h1,h2,h3,p{margin:0}h1{font-size:150px;letter-spacing:-.08em;line-height:.88;font-weight:950}h2{font-size:76px;line-height:.95;letter-spacing:-.045em;font-weight:950}h3{font-size:30px}.lead{font-size:33px;line-height:1.22;color:#dceeff;max-width:1000px;margin-top:22px}.split-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-copy{padding-left:28px}.hero-pill-row{display:flex;gap:18px;margin-top:38px;flex-wrap:wrap}.hero-pill-row span{border:1px solid rgba(255,255,255,.28);background:rgba(18,112,174,.24);border-radius:999px;padding:14px 22px;text-transform:uppercase;font-size:19px;font-weight:900}.mountain-card{height:620px;border:1px solid var(--rp-line);background:linear-gradient(135deg,rgba(18,112,174,.35),rgba(0,0,0,.7)),url('assets/featured-listing.svg') center/cover no-repeat;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 0 120px rgba(18,112,174,.22);display:flex;align-items:flex-end;justify-content:flex-start;padding:44px}.mountain-card b{font-size:54px;display:block}.mountain-card span{font-size:36px;color:#bfe6ff}.section-title{max-width:1030px}.infographic-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center}.stat-ladder{display:grid;gap:16px}.stat-row{display:grid;grid-template-columns:86px 270px 1fr;align-items:center;gap:22px;padding:24px 30px;border:1px solid var(--rp-line);background:linear-gradient(90deg,rgba(255,255,255,.11),rgba(255,255,255,.04));border-radius:24px;box-shadow:inset 4px 0 0 var(--rp-blue)}.stat-row i{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:var(--rp-blue);font-style:normal;font-weight:950;font-size:30px}.stat-row b{font-size:63px;letter-spacing:-.045em}.stat-row span{text-transform:uppercase;font-weight:800;font-size:25px;color:#e6f5ff}.content-grid-slide{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center}.tile-grid{display:grid;gap:18px}.tile-grid.four{grid-template-columns:repeat(2,1fr)}.tile-grid.five{grid-template-columns:repeat(5,1fr);align-items:stretch}.tile{min-height:210px;border:1px solid var(--rp-line);border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.055));padding:28px;box-shadow:0 18px 45px rgba(0,0,0,.25)}.tile i{font-style:normal;font-size:43px;display:block;margin-bottom:16px}.tile h3{text-transform:uppercase;font-size:28px;margin-bottom:10px}.tile p{font-size:22px;line-height:1.22;color:#d7e9f6}.classes-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:42px;align-items:center}.education-lead{border:1px solid var(--rp-line);border-radius:30px;padding:38px;background:linear-gradient(160deg,rgba(18,112,174,.38),rgba(255,255,255,.06))}.next-class{margin-top:34px;padding:28px;border-radius:24px;background:rgba(0,0,0,.28);border:1px solid var(--rp-line)}.next-class span,.next-class small{display:block;color:#c7e2f7;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.next-class strong{display:block;font-size:38px;line-height:1.05;margin:12px 0}.class-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.class-card{display:grid;grid-template-columns:118px 1fr;grid-template-rows:auto auto;padding:20px 22px;border-radius:20px;border:1px solid var(--rp-line);background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,.055))}.class-card b{grid-row:1/3;color:#8ed0ff;font-size:27px;text-transform:uppercase}.class-card span{font-size:26px;font-weight:900;line-height:1.05}.class-card small{font-size:18px;color:#c9dceb;margin-top:8px}.weather-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:42px;align-items:center}.weather-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.weather-card{border:1px solid var(--rp-line);background:linear-gradient(145deg,rgba(18,112,174,.36),rgba(255,255,255,.06));border-radius:26px;padding:28px;min-height:190px}.weather-card.wide{grid-column:1/3}.weather-card b{font-size:58px;letter-spacing:-.04em}.weather-card span{display:block;font-size:29px;font-weight:900;text-transform:uppercase;margin-top:14px}.weather-card small{display:block;margin-top:8px;font-size:20px;color:#d0e5f4}.weather-ticker{height:82px;overflow:hidden;display:flex;align-items:center;border-top:1px solid var(--rp-line);background:#02070d;white-space:nowrap}.weather-ticker div{display:inline-block;min-width:200%;font-size:25px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;animation:ticker 70s linear infinite;color:#eaf8ff}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.coverage-layout,.support-layout,.impact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.coverage-map{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.coverage-map span,.impact-grid div{min-height:132px;display:grid;place-items:center;border:1px solid var(--rp-line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(18,112,174,.24));font-size:33px;font-weight:950;text-transform:uppercase}.support-stack{display:grid;gap:18px}.support-stack div{border:1px solid var(--rp-line);border-left:8px solid var(--rp-blue);border-radius:24px;padding:28px 34px;background:rgba(255,255,255,.09)}.support-stack b{display:block;font-size:38px;text-transform:uppercase}.support-stack span{display:block;font-size:25px;color:#d3e7f4;margin-top:8px}.impact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.closing-layout{display:grid;place-items:center;text-align:center}.closing-layout img{width:760px;max-width:72vw;margin-bottom:40px}.closing-layout h2{font-size:82px}.closing-layout p{font-size:36px;color:#bfe6ff;margin-top:18px;text-transform:uppercase;font-weight:900}.closing-stats{display:flex;gap:18px;margin-top:44px;flex-wrap:wrap;justify-content:center}.closing-stats span{padding:16px 24px;border:1px solid var(--rp-line);border-radius:999px;background:rgba(18,112,174,.25);font-size:22px;font-weight:900;text-transform:uppercase}
@media(max-width:1200px){h1{font-size:110px}h2{font-size:54px}.lead{font-size:24px}.rp-top{grid-template-columns:200px 1fr 160px}.tile-grid.five{grid-template-columns:repeat(3,1fr)}}


/* v4.2 fit and header refinements */
.rp-display{width:100vw;height:100vh;max-width:1920px;max-height:1080px;margin:0 auto;}
.rp-slide{grid-template-rows:92px minmax(0,1fr) 68px;overflow:hidden;}
.weather-slide{grid-template-rows:92px minmax(0,1fr) 72px;}
.rp-top{grid-template-columns:330px 1fr 180px;height:92px;padding:12px 32px;border-bottom:1px solid rgba(255,255,255,.14);}
.logo-img{max-width:300px;max-height:70px;}
.rp-brand-line{justify-self:center;align-self:center;font-size:25px;font-weight:950;letter-spacing:.22em;text-transform:uppercase;color:#dff2ff;opacity:.9;}
.rp-banner{display:none!important;}
.rp-clock{min-width:160px;}
.rp-time{font-size:34px;}
.rp-date{font-size:15px;}
.rp-main{padding:30px 44px;min-height:0;overflow:hidden;}
.rp-bottom{height:68px;padding:0 34px;font-size:20px;}
.weather-ticker{height:72px;}
.weather-ticker div{font-size:22px;}
h1{font-size:132px;}
h2{font-size:64px;}
.lead{font-size:28px;line-height:1.18;margin-top:16px;}
.kicker{font-size:22px;margin-bottom:10px;}
.mountain-card{height:560px;}
.stat-ladder{gap:12px;}
.stat-row{grid-template-columns:74px 245px 1fr;gap:18px;padding:18px 24px;border-radius:21px;}
.stat-row i{width:58px;height:58px;font-size:27px;}
.stat-row b{font-size:54px;}
.stat-row span{font-size:21px;}
.tile{min-height:175px;padding:22px;border-radius:20px;}
.tile i{font-size:35px;margin-bottom:10px;}
.tile h3{font-size:24px;margin-bottom:8px;}
.tile p{font-size:19px;line-height:1.16;}
.classes-layout,.weather-layout{gap:30px;}
.education-lead{padding:30px;}
.next-class{margin-top:24px;padding:22px;}
.next-class strong{font-size:32px;}
.class-list{gap:12px;}
.class-card{grid-template-columns:104px 1fr;padding:16px 18px;border-radius:18px;}
.class-card b{font-size:23px;}
.class-card span{font-size:22px;}
.class-card small{font-size:16px;}
.weather-cards{gap:14px;}
.weather-card{min-height:155px;padding:22px;border-radius:22px;}
.weather-card b{font-size:48px;}
.weather-card span{font-size:24px;margin-top:10px;}
.weather-card small{font-size:17px;}
.coverage-layout,.support-layout,.impact-layout,.infographic-layout,.content-grid-slide{gap:34px;}
.coverage-map{gap:14px;}
.coverage-map span,.impact-grid div{min-height:108px;font-size:27px;border-radius:20px;}
.support-stack{gap:14px;}
.support-stack div{padding:22px 28px;}
.support-stack b{font-size:31px;}
.support-stack span{font-size:21px;}
.closing-layout img{width:680px;margin-bottom:30px;}
.closing-layout h2{font-size:70px;}
.closing-layout p{font-size:30px;}
.closing-stats{margin-top:32px;gap:14px;}
.closing-stats span{font-size:19px;padding:13px 20px;}

/* v4.3: remove center header text and add local real estate news slide */
.rp-brand-line{display:block;opacity:0;}
.news-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:34px;align-items:center;}
.news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-content:center;}
.news-card{border:1px solid var(--rp-line);border-left:7px solid var(--rp-blue);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(18,112,174,.18));padding:22px 26px;min-height:145px;box-shadow:0 18px 45px rgba(0,0,0,.22);}
.news-card.feature{grid-column:1/3;min-height:175px;background:linear-gradient(120deg,rgba(18,112,174,.40),rgba(255,255,255,.08));}
.news-card b{display:block;font-size:20px;color:#8ed0ff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;}
.news-card span{display:block;font-size:28px;font-weight:950;line-height:1.08;color:#fff;}
.news-card small{display:block;font-size:17px;color:#c9dceb;margin-top:12px;text-transform:uppercase;font-weight:800;letter-spacing:.04em;}


/* v4.4 HD: Zoho Analytics KPI dashboard slide */
.kpi-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:34px;align-items:center;}
.kpi-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-content:center;}
.kpi-card{border:1px solid var(--rp-line);border-left:7px solid var(--rp-blue);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(18,112,174,.20));padding:23px 27px;min-height:155px;box-shadow:0 18px 45px rgba(0,0,0,.22);}
.kpi-card b{display:block;font-size:48px;line-height:.95;letter-spacing:-.05em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kpi-card span{display:block;font-size:21px;font-weight:950;line-height:1.08;text-transform:uppercase;margin-top:10px;color:#eaf8ff;}
.kpi-card small{display:block;font-size:15px;color:#c9dceb;margin-top:8px;text-transform:uppercase;font-weight:800;letter-spacing:.04em;}

/* v4.9 HD: dynamic Zoho KPI slides */
.kpi-card.leaderboard{grid-column:auto;min-height:320px;}
.kpi-card.leaderboard b{font-size:34px;letter-spacing:-.03em;}
.kpi-card.leaderboard ol{list-style:none;margin:18px 0 0 0;padding:0;display:grid;gap:8px;}
.kpi-card.leaderboard li{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.16);padding-top:8px;font-size:17px;font-weight:850;color:#eaf8ff;}
.kpi-card.leaderboard li span{font-size:17px;text-transform:none;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kpi-card.leaderboard li b{font-size:18px;letter-spacing:0;color:#8ed0ff;min-width:88px;text-align:right;}
.producer-grid{grid-template-columns:repeat(2,1fr);}
.producer-grid .kpi-card:nth-child(n+3){min-height:330px;}
.performance-slide .kpi-card-grid,.growth-slide .kpi-card-grid{grid-template-columns:repeat(2,1fr);}