/* Rounded, layered glass treatment requested by the client. */
.reference-design{--glass-radius:24px;--glass-blue:#00a6ff;background:#eef4fa}
.reference-design .card-grid{position:relative;isolation:isolate;padding:38px 0 42px;margin:0 0 24px;background:radial-gradient(ellipse at 12% 15%,#0067a96b,transparent 48%),radial-gradient(ellipse at 88% 85%,#087eac55,transparent 48%),linear-gradient(125deg,#061a30,#082e4c 55%,#041b32);border-block:1px solid #60bfff35;overflow:hidden}
.reference-design .card-grid:before{content:'';position:absolute;z-index:-1;inset:0;opacity:.22;background-image:linear-gradient(#81caff14 1px,transparent 1px),linear-gradient(90deg,#81caff14 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}
.reference-design .card-grid__head h2{color:white}
.reference-design .card-grid__grid{gap:20px;perspective:1300px}
.reference-design .card-grid__card{position:relative;isolation:isolate;border-radius:var(--glass-radius);overflow:hidden;background:#092a43b3;border:1px solid #a8dbff66;box-shadow:0 16px 35px #00000030,0 0 22px #009dff12,inset 0 1px 0 #ffffff85;transform:translateY(0);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;will-change:auto;text-decoration:none}
.reference-design .card-grid__card:before{content:'';position:absolute;z-index:-1;inset:26% -12% -10%;background-image:var(--card-photo);background-size:cover;background-position:center;opacity:.75;filter:blur(10px) saturate(1.3);pointer-events:none}
.reference-design .card-grid__card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(300px circle at var(--light-x,25%) var(--light-y,0%),#96eaff30,transparent 65%),linear-gradient(130deg,#ffffff28,transparent 32%,transparent 65%,#4ac9ff12);box-shadow:inset 0 0 0 1px #ffffff0c;opacity:.8;transition:opacity .3s}
.reference-design .card-grid__media{position:relative;aspect-ratio:1.43;margin:8px 8px 0;border-radius:17px 17px 9px 9px;overflow:hidden;background:#071d30}
.reference-design .card-grid__media img{transition:transform .65s cubic-bezier(.2,.7,.2,1);height:100%;width:100%;object-fit:cover}
.reference-design .card-grid__body{position:relative;z-index:1;margin-top:-12px;padding:24px 21px 21px;gap:6px;flex:1;border-top:1px solid #c4edff55;border-radius:18px 18px 0 0;background:linear-gradient(145deg,#153c58a8,#031b31db);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:inset 0 1px 0 #ffffff20}
.reference-design .card-grid__title{font-size:22px;line-height:1.12;letter-spacing:-.015em;text-shadow:0 2px 12px #00000030}
.reference-design .card-grid__subtitle{color:#8fd7ff;font-size:12px;letter-spacing:.05em;margin:0 0 5px}
.reference-design .card-grid__list{font-size:13px;line-height:1.55;gap:2px;margin:4px 0 20px;color:#eff8ff}
.reference-design .card-grid__list li{padding-left:12px}.reference-design .card-grid__list li:before{background:#51c7ff;box-shadow:0 0 8px #28b6ff99;width:4px;height:4px;top:.65em}
.reference-design .card-grid__desc{font-size:14px;line-height:1.55;color:#e4f2fc;margin-bottom:18px}
.reference-design .card-grid__more{border-radius:12px;padding:10px 15px;background:linear-gradient(135deg,#54c4ff28,#0388d818);border:1px solid #69cbff80;box-shadow:inset 0 1px 0 #ffffff26,0 4px 16px #00152520;letter-spacing:.05em;font-size:11px;gap:20px;min-height:40px;transition:background .25s,box-shadow .25s}
.reference-design .card-grid__more svg{transition:transform .25s}
.reference-design .card-grid__card:focus-visible{outline:3px solid #70d5ff;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.reference-design .card-grid__card:hover{transform:translateY(-8px);border-color:#90e2ffb3;box-shadow:0 25px 45px #00000042,0 0 30px #009dff42,inset 0 1px 0 #ffffffb3}.reference-design .card-grid__card:hover .card-grid__media img{transform:scale(1.055)}.reference-design .card-grid__card:hover .card-grid__more{background:#088dd847;box-shadow:0 0 20px #00a6ff33,inset 0 1px 0 #ffffff40}.reference-design .card-grid__card:hover .card-grid__more svg{transform:translateX(4px)}}
/* Frosted light cards: the colored backdrop stays visible through the surface. */
.reference-design .feat-strip{background:radial-gradient(ellipse at 20% 20%,#a1d7ff66,transparent 55%),radial-gradient(ellipse at 85% 90%,#b9d6fa80,transparent 45%),#edf4fb;padding:27px 0}
.reference-design .feat-strip__grid{gap:16px}.reference-design .feat-strip__item{position:relative;padding:22px 18px;border:1px solid #ffffffd9!important;border-radius:20px;background:linear-gradient(135deg,#ffffffb8,#ffffff52);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 24px #0f528712,inset 0 1px 0 #fff;transition:transform .25s,box-shadow .25s}
.reference-design .feat-strip__icon{color:#0078c9;filter:drop-shadow(0 3px 8px #009dff30)}
.reference-design .feat-strip__label{font-size:15px}.reference-design .feat-strip__desc{font-size:13px}
.reference-design .split-cta{position:relative;padding:0 0 28px;background:radial-gradient(ellipse at 86% 45%,#abd9fc70,transparent 55%)}
.reference-design .split-cta__grid{gap:18px;overflow:visible}.reference-design .split-cta__panel{border-radius:var(--glass-radius);border:1px solid #80c9fb66;box-shadow:0 14px 34px #062b4d25,0 0 24px #008ef014,inset 0 1px 0 #ffffff26}
.reference-design .split-cta__panel:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 5%,#1d94c52e,transparent 65%);pointer-events:none}
.reference-design .split-cta__form{border-radius:var(--glass-radius);border:1px solid #ffffffd9;background:linear-gradient(135deg,#ffffffbf,#f3f9ff80);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);box-shadow:0 16px 40px #164f7f18,inset 0 1px 0 #fff;padding:24px}
.reference-design .split-cta__form .lf__title{font-size:24px}.reference-design .split-cta__form .lf__intro{margin-bottom:13px;font-size:13px}
.reference-design .split-cta__form .field input:not([type=checkbox]):not([type=file]),.reference-design .split-cta__form .field select,.reference-design .split-cta__form .field textarea{border-radius:9px;background:#ffffff80;box-shadow:inset 0 1px 4px #16406a08;border-color:#b6cddd;transition:border-color .2s,box-shadow .2s}
.reference-design .split-cta__form .field input:focus-visible,.reference-design .split-cta__form .field textarea:focus-visible,.reference-design .split-cta__form .field select:focus-visible{outline:none;border-color:#008fdc;box-shadow:0 0 0 3px #009dff22}
.reference-design .btn{border-radius:10px;box-shadow:0 5px 18px #008fed26,inset 0 1px 0 #ffffff55;transition:box-shadow .2s,filter .2s,transform .2s}.reference-design .btn:hover{box-shadow:0 6px 24px #008fed55,inset 0 1px 0 #ffffff70}
.reference-design .hero__cta .btn--ghost{background:#16395270;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#9fdfff80;box-shadow:inset 0 1px 0 #ffffff20}
.reference-about{border-radius:20px;background:linear-gradient(125deg,#ffffffb3,#dbeeff80);border:1px solid #ffffffd9;box-shadow:0 10px 26px #103e6812;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.reference-design .col-check__media{border-radius:22px;border:1px solid #ffffffd9;box-shadow:0 12px 30px #123e6a26;overflow:hidden}
.reference-nav{background:linear-gradient(100deg,#04213ce6,#0c3653bf);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.reference-nav__links a[aria-current]{box-shadow:inset 0 1px 0 #ffffff40,0 0 25px #008eff40}
.reference-design .equipment-intro{gap:16px}.reference-design .equipment-intro .feat-strip{background:transparent}.reference-design .equipment-intro .feat-strip__grid{gap:10px}.reference-design .equipment-intro .feat-strip__item{padding:16px 10px}
@supports not (backdrop-filter:blur(1px)){.reference-design .card-grid__body{background:#092c47}.reference-design .split-cta__form{background:#f2f8fd}.reference-design .feat-strip__item{background:#f8fbff}}
@media(max-width:800px){.reference-design .card-grid__grid{gap:18px}.reference-design .card-grid__title{font-size:23px}.reference-design .feat-strip__grid{gap:10px}.reference-design .feat-strip__item{padding:17px 12px}.reference-design .feat-strip__label{font-size:13px}.reference-design .split-cta__form{padding:20px}}
@media(max-width:600px){.reference-design .card-grid{padding:24px 0 28px;margin-bottom:20px}.reference-design .card-grid__grid{gap:14px}.reference-design .card-grid__card{border-radius:20px}.reference-design .card-grid__media{margin:6px 6px 0;border-radius:14px 14px 7px 7px;aspect-ratio:1.15}.reference-design .card-grid__body{padding:20px 13px 16px;border-radius:15px 15px 0 0}.reference-design .card-grid__title,.page-electrical-equipment .card-grid__title{font-size:19px}.reference-design .card-grid__subtitle{font-size:10px;letter-spacing:.02em}.reference-design .card-grid__list{font-size:12px;line-height:1.5;gap:3px}.reference-design .card-grid__more{padding:9px 11px;font-size:10px;gap:12px;border-radius:10px}.reference-design .card-grid__desc{font-size:13px}.reference-design .feat-strip__grid{gap:12px}.reference-design .feat-strip__item{padding:18px 10px}.reference-design .feat-strip__label{font-size:13px}.reference-design .split-cta__panel,.reference-design .split-cta__form{border-radius:22px}.reference-design .equipment-intro{padding-top:20px}.reference-design .equipment-intro>.sx{padding:0 14px!important}.reference-design .split-cta__form .lf__title{font-size:23px}}
@media(prefers-reduced-motion:reduce){.reference-design .card-grid__card,.reference-design .card-grid__media img,.reference-design .card-grid__more,.reference-design .card-grid__more svg,.reference-design .feat-strip__item{transition:none}.reference-design .card-grid__card:hover,.reference-design .card-grid__card:hover .card-grid__media img,.reference-design .card-grid__card:hover .card-grid__more svg{transform:none}}