
/* UniCLOUD product page: our own rules, scoped under #unicloud so the Uniwell theme keeps its header and footer */
#unicloud{--uc-blue:#2456E0;--uc-sky:#3AA6F0;--uc-navy:#173FA8;--uc-ink:#18181B;--uc-mist:#5B6270;--uc-line:#D9E0EC;--uc-bg:#F7F9FD;font-family:"Open Sans",Arial,sans-serif;color:var(--uc-ink)}
#unicloud .uc-hero{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding:48px 0 36px}
#unicloud .uc-hero .text{flex:1 1 380px;min-width:0}
#unicloud .uc-hero .shot{flex:1 1 460px;min-width:0}
#unicloud .uc-hero .shot img{width:100%;height:auto;border:1px solid var(--uc-line);border-radius:10px;box-shadow:0 18px 48px rgba(23,63,168,.14);display:block}
#unicloud .uc-kicker{font-family:"Roboto Condensed",Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--uc-blue);font-size:13px;margin:0 0 10px}
#unicloud h2.uc-title{font-size:38px;line-height:1.1;margin:0 0 16px;color:var(--uc-ink);font-weight:700}
#unicloud p.uc-lead{font-size:17px;line-height:1.55;color:var(--uc-ink);margin:0 0 18px}
#unicloud .uc-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
#unicloud .uc-points li{background:#fff;border:1px solid var(--uc-line);border-radius:10px;padding:14px 16px}
#unicloud .uc-points b{display:block;font-size:14px;margin-bottom:4px;color:var(--uc-ink)}
#unicloud .uc-points span{font-size:13px;line-height:1.45;color:var(--uc-mist)}
#unicloud .uc-models{font-family:"Roboto Condensed",Arial,sans-serif;letter-spacing:1px;color:var(--uc-mist);font-size:13px;margin:18px 0 0}
#unicloud .uc-section{padding:28px 0 8px}
#unicloud .uc-section h3{font-size:26px;margin:0 0 6px;color:var(--uc-ink)}
#unicloud .uc-section > p{color:var(--uc-mist);margin:0 0 24px;font-size:15px}
#unicloud .uc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
#unicloud .uc-card{background:#fff;border:1px solid var(--uc-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
#unicloud .uc-card .cover{background:#EEF3FB;border-bottom:1px solid var(--uc-line);padding:18px 18px 0;display:flex;justify-content:center;height:230px;overflow:hidden}
#unicloud .uc-card .cover img{width:auto;max-width:100%;height:auto;max-height:260px;border:1px solid var(--uc-line);border-bottom:0;border-radius:6px 6px 0 0;box-shadow:0 8px 24px rgba(23,63,168,.12);display:block;background:#fff}
#unicloud .uc-card .cover.wide img{max-height:none;width:100%;margin-top:16px}
#unicloud .uc-card .body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
#unicloud .uc-card h4{margin:0;font-size:18px;color:var(--uc-ink)}
#unicloud .uc-card .meta{font-family:"Roboto Condensed",Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;font-size:11.5px;color:var(--uc-mist)}
#unicloud .uc-card p{margin:0;font-size:14px;line-height:1.5;color:var(--uc-mist);flex:1}
#unicloud .uc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
#unicloud .uc-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:6px;font-size:13.5px;font-weight:600;text-decoration:none;border:1px solid var(--uc-blue);color:var(--uc-blue);background:#fff;line-height:1.2}
#unicloud .uc-btn.primary{background:var(--uc-blue);color:#fff}
#unicloud .uc-btn:hover{filter:brightness(1.08)}
#unicloud .uc-alt{font-size:12.5px;color:var(--uc-mist);margin-top:4px}
#unicloud .uc-alt a{color:var(--uc-mist)}
#unicloud .uc-more{margin:22px 0 40px;padding:18px 22px;background:var(--uc-bg);border:1px solid var(--uc-line);border-radius:12px}
#unicloud .uc-more h4{margin:0 0 10px;font-size:16px}
#unicloud .uc-more ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px}
#unicloud .uc-more li{font-size:14px}
#unicloud .uc-more a{color:var(--uc-blue);font-weight:600;text-decoration:none}
#unicloud .uc-more small{color:var(--uc-mist);margin-left:6px}
#unicloud .uc-tuto{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:8px 0 48px;padding:26px 28px;border-radius:12px;background:linear-gradient(135deg,#2456E0,#3AA6F0);color:#fff}
#unicloud .uc-tuto .t{flex:1 1 360px;min-width:0}
#unicloud .uc-tuto h4{margin:0 0 6px;font-size:20px;color:#fff}
#unicloud .uc-tuto p{margin:0;color:rgba(255,255,255,.92);font-size:15px}
#unicloud .uc-tuto .uc-btn{background:#fff;color:var(--uc-navy);border-color:#fff}
@media (max-width:860px){#unicloud .uc-points,#unicloud .uc-grid{grid-template-columns:1fr}#unicloud h2.uc-title{font-size:30px}}
