/* OVIIGI CLOUD HOSTING PREMIUM 48.236 */
.cloud-page{background:#041126;color:#f4f9ff;overflow:hidden}
.cloud-page *{box-sizing:border-box}
.cloud-container{width:min(1180px,calc(100% - 40px));margin:auto}
.cloud-hero{min-height:610px;display:flex;align-items:center;position:relative;
background:linear-gradient(90deg,rgba(2,12,31,.97) 0%,rgba(2,12,31,.79) 45%,rgba(2,12,31,.13) 100%),
url('/assets/images/oviigi-03-cloud-hosting.webp') center/cover no-repeat}
.cloud-hero-inner{width:min(1180px,calc(100% - 40px));margin:auto;padding:85px 0}
.cloud-hero-inner h1{font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.04em;max-width:760px;margin:18px 0}
.cloud-hero-inner h1 span{color:#21c5ff}
.cloud-hero-inner>p:not(.cloud-eyebrow){max-width:590px;font-size:18px;line-height:1.75;color:#d1e0f5}
.cloud-eyebrow{color:#48c8ff;letter-spacing:.21em;font-size:12px;font-weight:800}
.cloud-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.cloud-button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 24px;border-radius:11px;font-weight:750;text-decoration:none;transition:transform .2s}
.cloud-button:hover{transform:translateY(-2px)}
.cloud-primary{background:linear-gradient(100deg,#ff981f,#ff6814);color:#fff}
.cloud-secondary{border:1px solid #279fea;background:rgba(2,22,50,.65);color:#f3f9ff}
.cloud-section{padding:92px 0;background:radial-gradient(ellipse at 50% 0%,rgba(0,102,210,.13),transparent 65%),#041126}
.cloud-section h2,.cloud-cta h2{font-size:clamp(29px,3.4vw,46px);line-height:1.18;margin:14px 0 16px}
.cloud-intro{max-width:720px;color:#aec5df;line-height:1.8;margin-bottom:35px}
.cloud-grid{display:grid;gap:20px}
.cloud-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.cloud-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.cloud-card,.cloud-plan{border:1px solid rgba(41,152,245,.35);border-radius:18px;padding:27px;background:linear-gradient(155deg,rgba(12,51,101,.8),rgba(5,19,44,.95));box-shadow:0 12px 40px rgba(0,0,0,.12)}
.cloud-card h3,.cloud-plan h3{font-size:21px;margin:15px 0 10px}
.cloud-card p,.cloud-plan p,.cloud-infrastructure p{color:#b4cbe4;line-height:1.75}
.cloud-icon{font-size:32px;color:#27caff}
.cloud-solutions{background:linear-gradient(180deg,#041126,#06204a 50%,#041126)}
.cloud-plan{display:flex;flex-direction:column;min-height:365px}
.cloud-featured{border-color:#ff8b24;box-shadow:0 0 34px rgba(255,113,25,.17)}
.cloud-plan-label{font-size:11px;letter-spacing:.15em;color:#4acbff;font-weight:800}
.cloud-featured .cloud-plan-label{color:#ffac55}
.cloud-plan ul{padding-left:19px;color:#d6e6f7;line-height:2}
.cloud-plan-status{margin-top:auto;padding-top:18px;font-weight:800;color:#ffad66}
.cloud-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.cloud-visual{min-height:350px;border-radius:22px;border:1px solid #1767a7;
background:url('/assets/images/oviigi-03-cloud-hosting.webp') center/cover no-repeat;
box-shadow:0 0 45px rgba(0,128,255,.17)}
.cloud-faq details{max-width:900px;border-bottom:1px solid #23486e;padding:22px 0}
.cloud-faq summary{cursor:pointer;font-weight:750}
.cloud-faq details p{color:#b4cbe4;line-height:1.7}
.cloud-cta{text-align:center;padding:75px 20px;background:radial-gradient(ellipse at center,rgba(0,121,255,.2),transparent 70%),#061a38}
.cloud-cta p{color:#b4cbe4;margin-bottom:25px}
@media(max-width:900px){
.cloud-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
.cloud-grid-three{grid-template-columns:1fr}
.cloud-split{grid-template-columns:1fr}
}
@media(max-width:600px){
.cloud-hero{min-height:570px;background-position:60% center}
.cloud-hero-inner{padding:75px 0;background:linear-gradient(90deg,rgba(2,12,31,.25),transparent)}
.cloud-hero-inner>p:not(.cloud-eyebrow){font-size:15px}
.cloud-section{padding:65px 0}
.cloud-grid-four{grid-template-columns:1fr}
.cloud-card,.cloud-plan{padding:23px}
.cloud-visual{min-height:230px}
}


/* OVIIGI CLOUD PREMIUM V2 48.239 */

/* Hero immersif */
.cloud-page .cloud-hero {
  min-height: 660px;
  isolation: isolate;
  background:
    linear-gradient(
      90deg,
      rgba(2,10,29,.97) 0%,
      rgba(3,18,47,.88) 43%,
      rgba(4,26,66,.34) 100%
    ),
    url('/assets/images/oviigi-03-cloud-hosting.webp')
    center center / cover no-repeat;
}

.cloud-page .cloud-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse at 76% 46%,
      rgba(0,174,255,.25),
      transparent 48%
    ),
    linear-gradient(
      0deg,
      #041126 0%,
      transparent 24%
    );
}

.cloud-page .cloud-hero-inner {
  position: relative;
  z-index: 1;
}

.cloud-page .cloud-hero h1 {
  max-width: 780px;
  font-weight: 850;
  text-wrap: balance;
  text-shadow: 0 8px 32px rgba(0,0,0,.25);
}

.cloud-page .cloud-hero h1 span {
  background: linear-gradient(
    100deg,
    #76eaff,
    #00aaff
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.cloud-page .cloud-eyebrow {
  color: #58d5ff;
  font-weight: 800;
}

/* Boutons Premium compacts */
.cloud-page .cloud-button {
  min-height: 43px;
  padding: 11px 21px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.35;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

.cloud-page .cloud-primary {
  background: linear-gradient(
    110deg,
    #ff9b32,
    #f66a19
  );
  border: 1px solid rgba(255,185,111,.35);
}

.cloud-page .cloud-secondary {
  background: rgba(8,37,79,.62);
  border-color: rgba(63,181,255,.55);
}

/* Sections lumineuses */
.cloud-page .cloud-section {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}

.cloud-page .cloud-section h2 {
  letter-spacing: -.025em;
  text-wrap: balance;
}

.cloud-page .cloud-intro {
  margin-bottom: 28px;
}

/* Cartes compactes */
.cloud-page .cloud-card,
.cloud-page .cloud-plan {
  position: relative;
  border-radius: 16px;
  padding: 23px;
  background:
    linear-gradient(
      145deg,
      rgba(15,54,106,.78),
      rgba(4,18,43,.96)
    );
  border: 1px solid rgba(75,171,255,.27);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 12px 32px rgba(0,0,0,.13);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

@media (hover:hover) {
  .cloud-page .cloud-card:hover,
  .cloud-page .cloud-plan:hover {
    transform: translateY(-4px);
    border-color: rgba(79,198,255,.65);
    box-shadow: 0 16px 38px rgba(0,104,220,.15);
  }
}

.cloud-page .cloud-card h3,
.cloud-page .cloud-plan h3 {
  margin-top: 11px;
  font-size: 19px;
}

.cloud-page .cloud-card p,
.cloud-page .cloud-plan p {
  font-size: 14px;
  line-height: 1.65;
}

.cloud-page .cloud-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 13px;
  background: rgba(0,158,255,.12);
  border: 1px solid rgba(0,182,255,.25);
  font-size: 25px;
}

.cloud-page .cloud-grid {
  gap: 17px;
}

/* Forfaits Cloud */
.cloud-page .cloud-plan {
  min-height: 335px;
}

.cloud-page .cloud-plan ul {
  font-size: 14px;
  line-height: 1.9;
}

.cloud-page .cloud-featured {
  border-color: rgba(255,149,58,.8);
  background:
    linear-gradient(
      155deg,
      rgba(32,57,105,.96),
      rgba(8,25,54,.98)
    );
  box-shadow: 0 0 32px rgba(255,125,31,.12);
}

.cloud-page .cloud-plan-status {
  font-size: 13px;
}

/* Infrastructure */
.cloud-page .cloud-visual {
  border-radius: 18px;
  box-shadow:
    0 0 45px rgba(0,137,255,.18),
    inset 0 0 25px rgba(0,120,255,.08);
}

/* FAQ */
.cloud-page .cloud-faq details {
  background: rgba(9,36,76,.42);
  border: 1px solid rgba(70,150,230,.2);
  border-radius: 12px;
  padding: 18px 21px;
  margin-bottom: 12px;
}

.cloud-page .cloud-faq summary {
  font-size: 15px;
}

/* Mobile */
@media (max-width: 600px) {
  .cloud-page .cloud-hero {
    min-height: 590px;
    background-position: 62% center;
  }

  .cloud-page .cloud-hero h1 {
    font-size: clamp(35px,9vw,49px);
    line-height: 1.12;
  }

  .cloud-page .cloud-hero-inner {
    padding: 70px 0;
  }

  .cloud-page .cloud-actions {
    gap: 10px;
  }

  .cloud-page .cloud-button {
    padding: 11px 16px;
    font-size: 13px;
  }

  .cloud-page .cloud-section {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .cloud-page .cloud-card,
  .cloud-page .cloud-plan {
    padding: 20px;
  }

  .cloud-page .cloud-plan {
    min-height: auto;
  }

  .cloud-page .cloud-grid {
    gap: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cloud-page .cloud-card,
  .cloud-page .cloud-plan,
  .cloud-page .cloud-button {
    transition: none;
  }
}

/* OVIIGI CLOUD ULTRA COMPACT V3 48.240 */

/* Espacement des sections */
.cloud-page .cloud-section {
  padding-top: 58px;
  padding-bottom: 58px;
}

.cloud-page .cloud-section h2 {
  margin-top: 10px;
  margin-bottom: 12px;
}

.cloud-page .cloud-intro {
  margin-bottom: 22px;
}

/* Cartes des avantages */
.cloud-page .cloud-card {
  padding: 18px 20px;
  border-radius: 14px;
}

.cloud-page .cloud-card h3 {
  margin: 8px 0 6px;
  font-size: 18px;
}

.cloud-page .cloud-card p {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.cloud-page .cloud-icon {
  width: 40px;
  height: 40px;
  font-size: 23px;
  border-radius: 11px;
}

/* Offres Cloud compactes */
.cloud-page .cloud-plan {
  min-height: 0;
  padding: 21px;
  border-radius: 14px;
}

.cloud-page .cloud-plan h3 {
  margin: 9px 0 7px;
  font-size: 20px;
}

.cloud-page .cloud-plan p {
  margin: 0 0 12px;
  line-height: 1.55;
}

.cloud-page .cloud-plan ul {
  margin: 0;
  padding-left: 19px;
  line-height: 1.75;
}

.cloud-page .cloud-plan li {
  margin-bottom: 3px;
}

.cloud-page .cloud-plan-status {
  padding-top: 15px;
  font-size: 12px;
}

.cloud-page .cloud-grid {
  gap: 14px;
}

/* Adaptation mobile */
@media (max-width: 600px) {

  .cloud-page .cloud-section {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .cloud-page .cloud-grid-four {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .cloud-page .cloud-card {
    padding: 15px;
  }

  .cloud-page .cloud-card h3 {
    font-size: 15px;
    overflow-wrap: anywhere;
  }

  .cloud-page .cloud-card p {
    font-size: 12px;
    line-height: 1.45;
  }

  .cloud-page .cloud-icon {
    width: 35px;
    height: 35px;
    font-size: 20px;
  }

  .cloud-page .cloud-grid-three {
    grid-template-columns: 1fr;
  }

  .cloud-page .cloud-plan {
    padding: 19px;
  }

  .cloud-page .cloud-plan h3 {
    font-size: 19px;
  }

  .cloud-page .cloud-plan p,
  .cloud-page .cloud-plan ul {
    font-size: 13px;
  }

  .cloud-page .cloud-plan-status {
    padding-top: 12px;
  }

  .cloud-page .cloud-split {
    gap: 25px;
  }
}

@media (max-width: 360px) {
  .cloud-page .cloud-grid-four {
    grid-template-columns: 1fr;
  }
}

/* ===== OVIIGI CLOUD PLANS PREMIUM V4 ===== */

.cloud-page #solutions-cloud .cloud-grid-three {
  align-items: stretch;
  gap: 15px;
}

.cloud-page #solutions-cloud .cloud-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  padding: 20px;
  border: 1px solid rgba(96,164,238,.28);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0%,
      rgba(26,110,208,.13), transparent 55%),
    linear-gradient(155deg,#102747,#07172d);
  box-shadow: 0 10px 28px rgba(0,0,0,.15);
}

.cloud-page #solutions-cloud .cloud-plan.cloud-featured {
  border-color: rgba(255,158,65,.48);
  background:
    radial-gradient(circle at 100% 0%,
      rgba(255,145,36,.13), transparent 55%),
    linear-gradient(155deg,#172b46,#09172b);
}

.cloud-page #solutions-cloud .cloud-plan-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
}

.cloud-page #solutions-cloud .cloud-plan h3 {
  margin: 9px 0 6px;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
}

.cloud-page #solutions-cloud .cloud-plan p {
  margin: 0 0 13px;
  color: #b9cde4;
  font-size: 12px;
  line-height: 1.5;
}

.cloud-page #solutions-cloud .cloud-plan ul {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
  padding: 12px 0 0;
  list-style: none;
  border-top: 1px solid rgba(255,255,255,.09);
}

.cloud-page #solutions-cloud .cloud-plan li {
  position: relative;
  margin: 0;
  padding-left: 20px;
  color: #dce9f7;
  font-size: 12px;
  line-height: 1.4;
}

.cloud-page #solutions-cloud .cloud-plan li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #5bc8ef;
  font-weight: 800;
}

.cloud-page #solutions-cloud .cloud-featured li::before {
  color: #ffae63;
}

.cloud-page #solutions-cloud .cloud-plan-status {
  align-self: flex-start;
  margin-top: auto;
  padding: 13px 0 0;
  color: #ffb46f;
  font-size: 11px;
  font-weight: 700;
}

@media (max-width: 600px) {
  .cloud-page #solutions-cloud .cloud-plan {
    padding: 17px;
  }

  .cloud-page #solutions-cloud .cloud-plan h3 {
    font-size: 19px;
  }

  .cloud-page #solutions-cloud .cloud-plan ul {
    gap: 6px;
  }
}

/* ===== FIN OVIIGI CLOUD PLANS PREMIUM V4 ===== */

/* ===== OVIIGI CLOUD THREE COLORS V1 ===== */

.cloud-page #solutions-cloud .cloud-plan {
  --cloud-accent: #29B6FF;
  --cloud-glow: rgba(41,182,255,.13);
  border-color: rgba(41,182,255,.42);
  background:
    radial-gradient(ellipse at 100% 0%,
      var(--cloud-glow),transparent 65%),
    linear-gradient(155deg,#102747,#07172d);
}

.cloud-page #solutions-cloud .cloud-plan:nth-child(2) {
  --cloud-accent: #FF9B39;
  --cloud-glow: rgba(255,155,57,.14);
  border-color: rgba(255,155,57,.48);
  background:
    radial-gradient(ellipse at 100% 0%,
      var(--cloud-glow),transparent 65%),
    linear-gradient(155deg,#17283f,#07172d);
}

.cloud-page #solutions-cloud .cloud-plan:nth-child(3) {
  --cloud-accent: #38D9AC;
  --cloud-glow: rgba(56,217,172,.13);
  border-color: rgba(56,217,172,.42);
  background:
    radial-gradient(ellipse at 100% 0%,
      var(--cloud-glow),transparent 65%),
    linear-gradient(155deg,#102b39,#07172d);
}

.cloud-page #solutions-cloud .cloud-plan-label {
  color: var(--cloud-accent);
}

.cloud-page #solutions-cloud .cloud-plan li::before {
  color: var(--cloud-accent);
}

.cloud-page #solutions-cloud .cloud-plan-status {
  color: var(--cloud-accent);
}

.cloud-page #solutions-cloud .cloud-plan:hover {
  border-color: var(--cloud-accent);
  box-shadow:
    0 12px 30px rgba(0,0,0,.20),
    0 0 18px var(--cloud-glow);
}

/* ===== FIN OVIIGI CLOUD THREE COLORS V1 ===== */