/* ============================================================
   AI1HOST SERVICES & PACKAGE PAGE STYLES
   Services Overview, Domains, Linux, Windows, WordPress,
   VPS, Cloud Servers and SSL Certificates.
   Self-contained: includes the shared inner-page design system.
   ============================================================ */

/* ============================================================
   AI1HOST UNIFIED INNER PAGE DESIGN SYSTEM
   One stylesheet. One class language. One kicker everywhere.
   ============================================================ */

.is-inner .ai1-main:has(.ai1-page){padding:0!important;}
.ai1-component-section:has(.ai1-page){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}

.ai1-page{
  --ai1-blue:#008cff;--ai1-cyan:#5fdfff;--ai1-green:#2A9D29;--ai1-deep:#020711;
  --ai1-panel:rgba(11,31,50,.90);--ai1-panel2:rgba(3,10,21,.94);
  --ai1-border:rgba(160,230,255,.30);--ai1-border-hot:rgba(190,246,255,.72);
  --ai1-text:#fff;--ai1-muted:rgba(255,255,255,.76);--ai1-radius:30px;
  position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  overflow:hidden;color:var(--ai1-text);background:#04111f;
}
.ai1-page *,.ai1-page *::before,.ai1-page *::after{box-sizing:border-box;}
.ai1-page img,.ai1-page video{max-width:100%;}.ai1-page img{display:block;}
.ai1-page p,.ai1-page li{color:var(--ai1-muted);line-height:1.7;}
.ai1-page a{text-decoration:none;}

.ai1-container{position:relative;z-index:3;width:min(1180px,calc(100% - 2rem));margin-inline:auto;}

.ai1-hero,.ai1-section,.ai1-main{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(900px 500px at 10% 10%,rgba(0,140,255,.18),transparent 70%),radial-gradient(800px 460px at 90% 80%,rgba(95,223,255,.10),transparent 72%),linear-gradient(180deg,#04111f 0%,#051726 35%,#03101d 68%,#020711 100%);
}
.ai1-hero::before,.ai1-section::before,.ai1-main::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(95,223,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(95,223,255,.075) 1px,transparent 1px),radial-gradient(circle,rgba(95,223,255,.11) 1px,transparent 1px);background-size:48px 48px,48px 48px,24px 24px;animation:ai1Grid 28s linear infinite;}
.ai1-section::after,.ai1-main::after{content:"";position:absolute;left:0;top:0;width:28vw;max-width:420px;min-width:180px;height:2px;background:linear-gradient(90deg,transparent,#fff,var(--ai1-cyan),#fff,transparent);box-shadow:0 0 16px rgba(95,223,255,.95),0 0 42px rgba(0,140,255,.55);animation:ai1Divider 1.5s ease-in-out infinite alternate;}

.ai1-hero{min-height:clamp(600px,74vh,820px);display:grid;align-items:center;padding:clamp(5rem,8vw,7.5rem) 0;text-align:center;}
.ai1-hero__video{position:absolute;inset:0;z-index:-5;width:100%;height:100%;object-fit:cover;opacity:.38;filter:brightness(.55) contrast(1.12) saturate(1.08);}
.ai1-hero__overlay{position:absolute;inset:0;z-index:-4;background:radial-gradient(circle at center,rgba(0,140,255,.08),transparent 44%),linear-gradient(180deg,rgba(2,7,17,.2),rgba(2,7,17,.86));}
.ai1-hero__inner{display:flex;flex-direction:column;align-items:center;}

/* THE one and only kicker */
.ai1-kicker{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
  width:min(560px,92vw);min-height:84px;margin:0 auto clamp(2.6rem,4vw,3.8rem);padding:1rem 3.3rem 1rem 5rem;
  border:2px solid rgba(180,238,255,.72);border-radius:999px;overflow:hidden;
  background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.28),transparent 34%),linear-gradient(180deg,rgba(92,164,204,.74),rgba(38,88,123,.84) 46%,rgba(8,29,49,.96));
  color:#f7fdff!important;font-size:clamp(1.1rem,2vw,1.65rem);font-weight:800;letter-spacing:.16em;line-height:1.05;text-transform:uppercase;text-align:center;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 55px rgba(0,140,255,.26),0 0 48px rgba(95,223,255,.28),inset 0 1px 0 rgba(255,255,255,.34);
  text-shadow:0 0 14px rgba(95,223,255,.58);backdrop-filter:blur(16px) saturate(1.3);
}
.ai1-kicker::before{content:"";position:absolute;left:2rem;top:50%;width:16px;height:16px;transform:translateY(-50%);border-radius:50%;background:#8ff4ff;box-shadow:0 0 0 8px rgba(95,223,255,.12),0 0 22px rgba(95,223,255,.95),0 0 44px rgba(0,140,255,.6);animation:ai1Orb 1.65s ease-in-out infinite;}

.ai1-hero h1,.ai1-hero h2{margin:0 auto;max-width:980px;line-height:1.02;letter-spacing:-.055em;text-wrap:balance;background:linear-gradient(180deg,#fff 0%,#e9fbff 48%,#9deeff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ai1-hero h1{font-size:clamp(3rem,7vw,6rem);}.ai1-hero h2{font-size:clamp(2.6rem,6vw,5rem);}
.ai1-hero h1::after,.ai1-hero h2::after{content:"";display:block;width:min(760px,90%);height:3px;margin:1.2rem auto 1.7rem;border-radius:999px;background:linear-gradient(90deg,transparent,var(--ai1-cyan),var(--ai1-blue),var(--ai1-green),transparent);box-shadow:0 0 18px rgba(95,223,255,.55),0 0 42px rgba(0,140,255,.24);}
.ai1-hero h1+h2{margin-top:.25rem;color:rgba(255,255,255,.84);background:none;-webkit-background-clip:initial;background-clip:initial;font-size:clamp(1.15rem,2.4vw,1.8rem);letter-spacing:-.02em;line-height:1.4;}
.ai1-hero h1+h2::after{display:none;}
.ai1-hero> .ai1-container>p,.ai1-hero__inner>p:not(.ai1-kicker){max-width:850px;margin:0 auto;color:rgba(255,255,255,.82);font-size:clamp(1.05rem,1.6vw,1.25rem);}

.ai1-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;}
.ai1-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:.95rem 1.5rem;border-radius:999px;font-weight:900;transition:.22s ease;}
.ai1-btn:hover{transform:translateY(-4px);}.ai1-btn--primary{color:#03101b!important;background:linear-gradient(135deg,#d9fbff,#5fdfff,#008cff);box-shadow:0 18px 42px rgba(0,140,255,.36);}.ai1-btn--ghost{color:#fff!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);}

.ai1-panel,.ai1-card,.ai1-plan-card,.ai1-media-card{position:relative;overflow:hidden;border-radius:var(--ai1-radius);background:radial-gradient(420px 220px at 50% -8%,rgba(95,223,255,.22),transparent 62%),linear-gradient(155deg,var(--ai1-panel),var(--ai1-panel2));border:3px solid var(--ai1-border);box-shadow:0 28px 75px rgba(0,0,0,.5),0 0 42px rgba(95,223,255,.10),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(16px);}
.ai1-panel{padding:clamp(1.4rem,3vw,2rem);}.ai1-hero-panel{max-width:900px;margin:2rem auto 0;text-align:center;}
.ai1-hero-panel strong{display:block;color:#fff;font-size:1.55rem;margin-bottom:.7rem;}

.ai1-section,.ai1-main{padding:clamp(4.5rem,7vw,6.5rem) 0;}
.ai1-section-head{max-width:920px;margin:0 auto 3rem;text-align:center;}.ai1-section-head h2{margin:0 0 1rem;color:#fff;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.08;letter-spacing:-.045em;}

.ai1-grid{display:grid;gap:clamp(1.2rem,2vw,1.7rem);}.ai1-grid--plans{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:1rem;padding-bottom:1rem;align-items:stretch;}.ai1-grid--services{grid-template-columns:repeat(3,minmax(0,1fr));}.ai1-grid--features{grid-template-columns:repeat(3,minmax(0,1fr));}.ai1-grid--highlights,.ai1-grid--stats{grid-template-columns:repeat(3,minmax(0,1fr));}

.ai1-plan-card{display:flex;flex-direction:column;min-width:0;width:100%;min-height:650px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;}
.ai1-plan-card:hover{transform:translateY(-8px);border-color:var(--ai1-border-hot);box-shadow:0 38px 95px rgba(0,0,0,.62),0 0 58px rgba(95,223,255,.22);}
.ai1-plan-card--featured{border-color:rgba(180,245,255,.82);box-shadow:0 32px 90px rgba(0,0,0,.6),0 0 54px rgba(95,223,255,.24);}
.ai1-plan-card--featured::before{content:"MOST POPULAR";position:absolute;z-index:5;top:14px;right:14px;padding:.45rem .75rem;border-radius:999px;color:#03101b;background:linear-gradient(135deg,#fff,#5fdfff);font-size:.67rem;font-weight:1000;letter-spacing:.12em;}
.ai1-plan-card__head{min-height:180px;padding:1.6rem 1.35rem;text-align:center;background:rgba(0,140,255,.17);border-bottom:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ai1-plan-card__head h3{margin:0 0 .65rem;color:#fff;font-size:1.45rem;line-height:1.22;}.ai1-plan-card__head p{margin:0;}
.ai1-plan-card__body{flex:1;padding:1.45rem;}.ai1-plan-card__lead{margin:0 0 1rem;color:rgba(255,255,255,.84);font-weight:700;}
.ai1-plan-card__foot{margin-top:auto;padding:0;background:rgba(0,0,0,.28);border-top:1px solid rgba(255,255,255,.10);}
.ai1-icon{width:96px;height:96px;flex:0 0 96px;display:grid;place-items:center;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,#d9fbff,#5fdfff 48%,#008cff);border:4px solid #fff;box-shadow:0 0 38px rgba(95,223,255,.5),0 0 80px rgba(0,140,255,.22);}.ai1-icon img{width:78%;height:78%;object-fit:contain;}

.ai1-list{display:grid;gap:.72rem;margin:1rem 0 0;padding:0;list-style:none;}.ai1-list li{position:relative;padding-left:1.65rem;}.ai1-list li::before{content:"✓";position:absolute;left:0;color:#8df1ff;font-weight:1000;text-shadow:0 0 12px rgba(95,223,255,.5);}
.ai1-plan-card .ai1-list{padding:1.1rem;border-radius:20px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.07);}
.ai1-list--cards{padding:0;background:none;border:0;}.ai1-list--cards li{padding:1.25rem 1.25rem 1.25rem 3rem;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);}.ai1-list--cards li::before{left:1rem;top:1.2rem;}

.ai1-price{display:flex;min-height:215px;flex-direction:column;align-items:center;justify-content:center;padding:1.35rem;text-align:center;}.ai1-price__from{display:inline-flex;padding:.42rem .78rem;border-radius:999px;background:rgba(95,223,255,.12);border:1px solid rgba(160,230,255,.32);color:#9deeff;font-size:.74rem;font-weight:1000;letter-spacing:.13em;text-transform:uppercase;}.ai1-price__value{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;margin:.65rem 0 1rem;line-height:1;}.ai1-price__currency{margin-top:.45rem;font-size:1.9rem;font-weight:900;color:#fff;}.ai1-price__major{font-size:4rem;font-weight:1000;color:#fff;letter-spacing:-.06em;}.ai1-price__minor{margin-top:.48rem;font-size:1.75rem;font-weight:1000;color:#9deeff;}.ai1-price__period{width:100%;margin-top:.45rem;color:rgba(255,255,255,.6);font-size:.9rem;}.ai1-price .ai1-btn{width:100%;margin-top:.2rem;}

.ai1-card{padding:clamp(1.4rem,3vw,2rem);margin-bottom:1.25rem;}.ai1-card h3{margin:0 0 .8rem;color:#fff;font-size:clamp(1.35rem,2.5vw,1.85rem);}.ai1-feature-card{margin:0;}.ai1-stat{text-align:center;margin:0;}.ai1-stat__value{color:#8df1ff;font-size:1.8rem;font-weight:1000;}.ai1-stat__label{margin-top:.35rem;color:var(--ai1-muted);}

.ai1-table-wrap{overflow-x:auto;border-radius:24px;border:1px solid rgba(160,230,255,.24);box-shadow:0 24px 70px rgba(0,0,0,.35);margin:1.5rem 0 3rem;}.ai1-table{width:100%;min-width:720px;border-collapse:collapse;background:rgba(2,9,20,.84);color:#fff;}.ai1-table th,.ai1-table td{padding:1rem;border:1px solid rgba(255,255,255,.10);text-align:left;vertical-align:middle;}.ai1-table thead th{background:rgba(0,140,255,.20);}.ai1-table .yes{color:#65e572;text-align:center;font-weight:1000;}.ai1-table .no{color:#ff7373;text-align:center;font-weight:1000;}

.ai1-longform>.ai1-container>h3{margin-top:3.2rem;color:#fff;font-size:clamp(1.8rem,3.2vw,2.7rem);}.ai1-longform>.ai1-container>h4{margin-top:2rem;color:#dffbff;font-size:1.35rem;}.ai1-longform hr{border:0;height:1px;margin:2.5rem 0;background:linear-gradient(90deg,transparent,rgba(95,223,255,.42),transparent);}
.ai1-cta__panel{text-align:center;}.ai1-media-card{padding:.6rem;margin-top:2rem;}.ai1-media-card img{width:100%;border-radius:24px;}

@media(max-width:1100px){.ai1-grid--plans{grid-template-columns:repeat(2,minmax(0,1fr));}.ai1-grid--services,.ai1-grid--features{grid-template-columns:repeat(2,minmax(0,1fr));}.ai1-plan-card{min-height:0;}}
@media(max-width:760px){.ai1-grid--highlights,.ai1-grid--stats{grid-template-columns:1fr;}.ai1-kicker{width:min(100%,560px);min-height:70px;padding:.9rem 1.5rem .9rem 3.8rem;font-size:1rem;}.ai1-kicker::before{left:1.35rem;width:13px;height:13px;}}
@media(max-width:680px){.ai1-container{width:min(100% - 1.2rem,1180px);}.ai1-hero{min-height:auto;padding:4.2rem 0;}.ai1-section,.ai1-main{padding:3.8rem 0;}.ai1-hero h1{font-size:clamp(2.7rem,14vw,4.2rem);}.ai1-hero h2{font-size:clamp(2.2rem,12vw,3.6rem);}.ai1-grid--plans,.ai1-grid--services,.ai1-grid--features{grid-template-columns:1fr;}.ai1-actions{flex-direction:column;width:100%;}.ai1-btn{width:100%;}.ai1-plan-card__head{min-height:0;}.ai1-plan-card{min-height:0;}}
@media(prefers-reduced-motion:reduce){.ai1-page,.ai1-page *,.ai1-page *::before,.ai1-page *::after{animation:none!important;transition:none!important;}}
@keyframes ai1Grid{to{background-position:48px 48px,48px 48px,24px 24px;}}
@keyframes ai1Divider{from{transform:translateX(-35vw);}to{transform:translateX(107vw);}}
@keyframes ai1Orb{0%,100%{transform:translateY(-50%) scale(.9);opacity:.75;}50%{transform:translateY(-50%) scale(1.25);opacity:1;}}

/* Shared utility components */
.ai1-lead{max-width:850px;margin:1rem auto 0;color:rgba(255,255,255,.82)!important;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.72;text-align:center;}
.ai1-muted{color:rgba(255,255,255,.66)!important;}
.ai1-section-title{margin:0 0 1rem;color:#fff;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.08;letter-spacing:-.045em;text-align:center;}
.ai1-text-link{color:#9eefff!important;font-weight:900;}
.ai1-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(340px,1fr);gap:clamp(2rem,5vw,4rem);align-items:center;}
@media(max-width:900px){.ai1-split{grid-template-columns:1fr;}}

/* ============================================================
   SERVICES OVERVIEW — ALIGNMENT REFINEMENTS
   Keeps the shared design system intact while correcting the
   services overview hero, kicker, card actions and closing copy.
   ============================================================ */

/* One identical kicker everywhere: same width, height and orb. */
.ai1-kicker{
  width:min(680px,92vw);
  min-height:84px;
  white-space:nowrap;
}

/* Keep the kicker readable on smaller screens without changing style. */
@media (max-width:760px){
  .ai1-kicker{
    width:min(100%,680px);
    min-height:70px;
    padding:.9rem 1.25rem .9rem 3.8rem;
    font-size:clamp(.82rem,4.1vw,1rem);
    letter-spacing:.12em;
    white-space:nowrap;
  }
}

/* Hero summary list: keep each tick immediately beside its text. */
.ai1-page--services-overview .ai1-hero-panel .ai1-list{
  width:min(100%,760px);
  margin:1.35rem auto 0;
  padding:1.15rem 1.3rem;
  text-align:left;
}

.ai1-page--services-overview .ai1-hero-panel .ai1-list li{
  display:grid;
  grid-template-columns:1.25rem minmax(0,1fr);
  align-items:start;
  gap:.65rem;
  padding-left:0;
  text-align:left;
}

.ai1-page--services-overview .ai1-hero-panel .ai1-list li::before{
  position:static;
  display:block;
  width:1.25rem;
  text-align:center;
}

/* Centre every service-card action consistently. */
.ai1-page--services-overview .ai1-plan-card__foot{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.25rem;
  text-align:center;
}

.ai1-page--services-overview .ai1-plan-card__foot .ai1-btn{
  width:auto;
  min-width:160px;
  margin:0 auto;
}

/* Centre the closing heading directly above its supporting paragraph. */
.ai1-page--services-overview .ai1-split > div:first-child{
  text-align:center;
}

.ai1-page--services-overview .ai1-split > div:first-child h2{
  margin:0 auto 1rem;
  color:#fff;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1.08;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.ai1-page--services-overview .ai1-split > div:first-child .ai1-lead{
  margin:0 auto;
  text-align:center;
}

@media (max-width:680px){
  .ai1-page--services-overview .ai1-plan-card__foot .ai1-btn{
    width:100%;
  }
}

/* ============================================================
   SERVICES OVERVIEW — FINAL HERO LIST ALIGNMENT
   Keeps the shared .ai1-list component unchanged elsewhere.
   ============================================================ */

.ai1-page--services-overview .ai1-hero-panel{
  width:min(100%,1000px);
  text-align:center;
}

.ai1-page--services-overview .ai1-hero-panel > strong{
  margin-bottom:.8rem;
  font-size:clamp(1.5rem,2.4vw,1.9rem);
  text-align:center;
}

.ai1-page--services-overview .ai1-hero-panel > p{
  max-width:820px;
  margin:0 auto;
  text-align:center;
}

.ai1-page--services-overview .ai1-hero-panel .ai1-list--hero{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  max-width:100%;
  margin:2rem auto 0;
  padding:0;
  background:none;
  border:0;
  list-style:none;
  text-align:left;
}

.ai1-page--services-overview .ai1-hero-panel .ai1-list--hero li{
  display:flex;
  align-items:center;
  gap:1rem;
  width:100%;
  margin:0;
  padding:0;
  color:var(--ai1-muted);
  line-height:1.55;
  text-align:left;
}

.ai1-page--services-overview .ai1-hero-panel .ai1-list--hero li + li{
  margin-top:1rem;
}

.ai1-page--services-overview .ai1-hero-panel .ai1-list--hero li::before{
  content:"✓";
  position:static;
  display:grid;
  place-items:center;
  width:1.4rem;
  height:1.4rem;
  flex:0 0 1.4rem;
  color:#8ef3ff;
  font-size:1.35rem;
  font-weight:1000;
  line-height:1;
  text-align:center;
  text-shadow:0 0 12px rgba(95,223,255,.82);
}

@media (max-width:680px){
  .ai1-page--services-overview .ai1-hero-panel .ai1-list--hero{
    width:100%;
  }

  .ai1-page--services-overview .ai1-hero-panel .ai1-list--hero li{
    align-items:flex-start;
  }
}


/* ============================================================
   SHARED HOSTING PACKAGE PAGES
   Linux, Windows, WordPress, VPS, Cloud, SSL and Domains
   ============================================================ */

.ai1-package-page .ai1-hero .ai1-kicker,
.ai1-package-page .ai1-section-head .ai1-kicker{
  margin-bottom:clamp(2.2rem,3.4vw,3.1rem);
}

.ai1-package-page .ai1-plan-card__foot{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:88px;
  margin-top:auto;
  padding:1.25rem;
  text-align:center;
}

.ai1-package-page .ai1-plan-card__foot .ai1-btn{
  width:100%;
  min-height:54px;
  margin:0;
}

.ai1-package-page .ai1-plan-card--featured{
  border-color:#74edff;
  box-shadow:
    0 34px 92px rgba(0,0,0,.62),
    0 0 0 1px rgba(116,237,255,.34),
    0 0 46px rgba(95,223,255,.44),
    0 0 92px rgba(0,140,255,.26),
    inset 0 1px 0 rgba(255,255,255,.16);
}

.ai1-package-page .ai1-plan-card--featured:hover{
  border-color:#c8f8ff;
  box-shadow:
    0 40px 100px rgba(0,0,0,.68),
    0 0 0 1px rgba(200,248,255,.42),
    0 0 56px rgba(95,223,255,.58),
    0 0 108px rgba(0,140,255,.32),
    inset 0 1px 0 rgba(255,255,255,.2);
}

.ai1-package-page .ai1-plan-card--featured::before{
  content:"MOST POPULAR";
  position:absolute;
  z-index:6;
  top:18px;
  left:50%;
  right:auto;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:164px;
  min-height:40px;
  padding:.58rem 1.15rem;
  border:2px solid rgba(255,255,255,.95);
  border-radius:999px;
  background:linear-gradient(135deg,#fff 0%,#c9faff 48%,#62e5ff 100%);
  color:#03101b;
  box-shadow:0 8px 24px rgba(0,0,0,.36),0 0 26px rgba(95,223,255,.72);
  font-size:.72rem;
  font-weight:1000;
  letter-spacing:.13em;
  line-height:1;
  text-align:center;
  white-space:nowrap;
}

.ai1-package-page .ai1-plan-card--featured .ai1-plan-card__head{
  padding-top:4.9rem;
}

@media(max-width:680px){
  .ai1-package-page .ai1-hero .ai1-kicker,
  .ai1-package-page .ai1-section-head .ai1-kicker{
    margin-bottom:1.8rem;
  }

  .ai1-package-page .ai1-plan-card--featured::before{
    top:14px;
    min-width:148px;
    min-height:36px;
    padding:.5rem 1rem;
    font-size:.68rem;
  }

  .ai1-package-page .ai1-plan-card--featured .ai1-plan-card__head{
    padding-top:4.55rem;
  }
}


/* ============================================================
   SHARED CTA / REASSURANCE PANEL SPACING
   Adds consistent breathing room above closing CTA and
   reassurance cards across package and feature pages.
   ============================================================ */

.ai1-package-page .ai1-cta__panel/*,
.ai1-feature-page .ai1-cta__panel*/{
  margin-top:clamp(3rem,5vw,5rem);
}

/* Prevent the first heading inside the panel adding unwanted space. */
.ai1-package-page .ai1-cta__panel > :first-child,
.ai1-feature-page .ai1-cta__panel > :first-child{
  margin-top:0;
}

@media(max-width:680px){
  .ai1-package-page .ai1-cta__panel,
  .ai1-feature-page .ai1-cta__panel{
    margin-top:2.5rem;
  }
}


/* ============================================================
   DOMAIN NAMES — POPULAR DOMAIN PRICES
   Scoped to the domains page only
   ============================================================ */

.ai1-page--domains .ai1-domain-prices{
  position:relative;
  width:100%;
  margin:0 0 clamp(3rem,5vw,4.5rem);
}

.ai1-page--domains .ai1-domain-prices__inner{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  padding:clamp(1.5rem,3vw,2.4rem);
  border:2px solid rgba(121,221,255,.34);
  border-radius:30px;
  background:
    radial-gradient(
      700px 260px at 15% 0%,
      rgba(0,140,255,.18),
      transparent 68%
    ),
    radial-gradient(
      520px 220px at 95% 100%,
      rgba(42,157,41,.11),
      transparent 72%
    ),
    linear-gradient(
      155deg,
      rgba(11,31,50,.94),
      rgba(3,10,21,.97)
    );
  box-shadow:
    0 30px 80px rgba(0,0,0,.48),
    0 0 48px rgba(95,223,255,.12),
    inset 0 1px 0 rgba(255,255,255,.1);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

/* Decorative glow across the top edge */
.ai1-page--domains .ai1-domain-prices__inner::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-2px;
  left:10%;
  width:80%;
  height:3px;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      transparent,
      #5fdfff,
      #008cff,
      #5fdfff,
      transparent
    );
  box-shadow:
    0 0 18px rgba(95,223,255,.82),
    0 0 42px rgba(0,140,255,.38);
}

/* Soft internal lighting */
.ai1-page--domains .ai1-domain-prices__inner::after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      115deg,
      transparent 0%,
      rgba(255,255,255,.025) 42%,
      rgba(121,221,255,.045) 50%,
      transparent 58%
    );
}

/* ============================================================
   HEADING
   ============================================================ */

.ai1-page--domains .ai1-domain-prices__head{
  max-width:760px;
  margin:0 auto clamp(1.6rem,3vw,2.2rem);
  text-align:center;
}

.ai1-page--domains .ai1-domain-prices__head h3{
  margin:0 0 .65rem;
  color:#fff;
  font-size:clamp(1.8rem,3.6vw,2.8rem);
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.04em;
  text-wrap:balance;
}

.ai1-page--domains .ai1-domain-prices__sub{
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:clamp(1rem,1.6vw,1.15rem);
  line-height:1.65;
}

/* ============================================================
   TABLE WRAPPER
   ============================================================ */

.ai1-page--domains .ai1-domain-prices__tablewrap{
  overflow-x:auto;
  width:100%;
  border:1px solid rgba(121,221,255,.24);
  border-radius:22px;
  background:rgba(1,8,17,.64);
  box-shadow:
    0 22px 54px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.04);
  scrollbar-width:thin;
  scrollbar-color:rgba(95,223,255,.5) rgba(255,255,255,.06);
}

.ai1-page--domains .ai1-domain-prices__tablewrap::-webkit-scrollbar{
  height:9px;
}

.ai1-page--domains .ai1-domain-prices__tablewrap::-webkit-scrollbar-track{
  background:rgba(255,255,255,.05);
}

.ai1-page--domains .ai1-domain-prices__tablewrap::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  border-radius:999px;
  background:rgba(95,223,255,.48);
  background-clip:padding-box;
}

/* ============================================================
   TABLE
   ============================================================ */

.ai1-page--domains .ai1-domain-prices__table{
  width:100%;
  min-width:680px;
  margin:0;
  border:0;
  border-collapse:separate;
  border-spacing:0;
  background:transparent;
  color:#fff;
}

.ai1-page--domains .ai1-domain-prices__table th,
.ai1-page--domains .ai1-domain-prices__table td{
  padding:1rem 1.25rem;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  text-align:left;
  vertical-align:middle;
}

.ai1-page--domains .ai1-domain-prices__table th{
  color:#dffaff;
  background:
    linear-gradient(
      180deg,
      rgba(0,140,255,.24),
      rgba(0,83,136,.15)
    );
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.1em;
  line-height:1.4;
  text-transform:uppercase;
  white-space:nowrap;
}

.ai1-page--domains .ai1-domain-prices__table th:first-child{
  border-radius:20px 0 0 0;
}

.ai1-page--domains .ai1-domain-prices__table th:last-child{
  border-radius:0 20px 0 0;
}

.ai1-page--domains .ai1-domain-prices__table tbody tr{
  transition:
    background .2s ease,
    transform .2s ease;
}

.ai1-page--domains .ai1-domain-prices__table tbody tr:nth-child(even){
  background:rgba(255,255,255,.025);
}

.ai1-page--domains .ai1-domain-prices__table tbody tr:hover{
  background:
    linear-gradient(
      90deg,
      rgba(0,140,255,.13),
      rgba(95,223,255,.07)
    );
}

.ai1-page--domains .ai1-domain-prices__table tbody tr:last-child td{
  border-bottom:0;
}

.ai1-page--domains .ai1-domain-prices__table td{
  color:rgba(255,255,255,.8);
  font-size:1rem;
}

.ai1-page--domains .ai1-domain-prices__table td:first-child{
  width:34%;
}

.ai1-page--domains .ai1-domain-prices__table td strong{
  color:#9eefff;
  font-weight:900;
}

/* Highlight free transfers */
.ai1-page--domains .ai1-domain-prices__table td:last-child strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:70px;
  padding:.36rem .72rem;
  border:1px solid rgba(79,222,112,.35);
  border-radius:999px;
  background:rgba(42,157,41,.15);
  color:#8ff29d;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.03em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 18px rgba(42,157,41,.08);
}

/* ============================================================
   ACTION BUTTONS
   Supports the current ai1-hero-btn classes in the page
   ============================================================ */

.ai1-page--domains .ai1-domain-prices__cta{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1rem;
  margin-top:clamp(1.5rem,3vw,2.2rem);
}

.ai1-page--domains .ai1-domain-prices__cta .ai1-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:190px;
  min-height:54px;
  padding:.95rem 1.55rem;
  border-radius:999px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}

.ai1-page--domains .ai1-domain-prices__cta .ai1-hero-btn:hover{
  transform:translateY(-4px);
}

.ai1-page--domains .ai1-domain-prices__cta .ai1-hero-btn--primary{
  border:1px solid rgba(121,221,255,.55);
  background:
    linear-gradient(
      135deg,
      #d9fbff 0%,
      #5fdfff 48%,
      #008cff 100%
    );
  color:#03101b;
  box-shadow:
    0 18px 42px rgba(0,140,255,.34),
    0 0 26px rgba(95,223,255,.16);
}

.ai1-page--domains .ai1-domain-prices__cta .ai1-hero-btn--primary:hover{
  box-shadow:
    0 24px 52px rgba(0,140,255,.44),
    0 0 34px rgba(95,223,255,.28);
}

.ai1-page--domains .ai1-domain-prices__cta .ai1-hero-btn--ghost{
  border:1px solid rgba(121,221,255,.3);
  background:rgba(255,255,255,.065);
  color:#fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 14px 34px rgba(0,0,0,.22);
}

.ai1-page--domains .ai1-domain-prices__cta .ai1-hero-btn--ghost:hover{
  border-color:rgba(121,221,255,.58);
  background:rgba(95,223,255,.11);
  box-shadow:
    0 18px 42px rgba(0,0,0,.3),
    0 0 24px rgba(95,223,255,.12);
}

/* ============================================================
   MOBILE TABLE
   Changes the table into readable stacked price cards
   ============================================================ */

@media(max-width:700px){

  .ai1-page--domains .ai1-domain-prices__inner{
    padding:1.25rem;
    border-radius:24px;
  }

  .ai1-page--domains .ai1-domain-prices__tablewrap{
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .ai1-page--domains .ai1-domain-prices__table{
    min-width:0;
  }

  .ai1-page--domains .ai1-domain-prices__table thead{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
  }

  .ai1-page--domains .ai1-domain-prices__table,
  .ai1-page--domains .ai1-domain-prices__table tbody,
  .ai1-page--domains .ai1-domain-prices__table tr,
  .ai1-page--domains .ai1-domain-prices__table td{
    display:block;
    width:100%;
  }

  .ai1-page--domains .ai1-domain-prices__table tbody{
    display:grid;
    gap:.85rem;
  }

  .ai1-page--domains .ai1-domain-prices__table tbody tr{
    overflow:hidden;
    padding:.35rem 1rem;
    border:1px solid rgba(121,221,255,.2);
    border-radius:18px;
    background:
      radial-gradient(
        250px 100px at 0% 0%,
        rgba(0,140,255,.11),
        transparent 70%
      ),
      rgba(1,8,17,.62);
    box-shadow:
      0 12px 28px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.035);
  }

  .ai1-page--domains .ai1-domain-prices__table tbody tr:nth-child(even){
    background:
      radial-gradient(
        250px 100px at 0% 0%,
        rgba(0,140,255,.11),
        transparent 70%
      ),
      rgba(1,8,17,.62);
  }

  .ai1-page--domains .ai1-domain-prices__table td{
    display:grid;
    grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);
    align-items:center;
    gap:1rem;
    padding:.75rem 0;
    border-bottom:1px solid rgba(255,255,255,.07);
    text-align:right;
  }

  .ai1-page--domains .ai1-domain-prices__table td::before{
    color:rgba(255,255,255,.58);
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.08em;
    line-height:1.3;
    text-align:left;
    text-transform:uppercase;
  }

  .ai1-page--domains .ai1-domain-prices__table td:nth-child(1)::before{
    content:"Extension";
  }

  .ai1-page--domains .ai1-domain-prices__table td:nth-child(2)::before{
    content:"Register from";
  }

  .ai1-page--domains .ai1-domain-prices__table td:nth-child(3)::before{
    content:"Transfer from";
  }

  .ai1-page--domains .ai1-domain-prices__table td:first-child{
    width:100%;
  }

  .ai1-page--domains .ai1-domain-prices__table td:last-child{
    border-bottom:0;
  }

  .ai1-page--domains .ai1-domain-prices__table td strong{
    justify-self:end;
  }

  .ai1-page--domains .ai1-domain-prices__cta{
    flex-direction:column;
  }

  .ai1-page--domains .ai1-domain-prices__cta .ai1-hero-btn{
    width:100%;
    min-width:0;
  }
}

@media(prefers-reduced-motion:reduce){

  .ai1-page--domains .ai1-domain-prices__table tbody tr,
  .ai1-page--domains .ai1-domain-prices__cta .ai1-hero-btn{
    transition:none;
  }
}

/* ============================================================
   SERVICES OVERVIEW — ANIMATED HERO & TRUST CARDS
   Adds movement and depth without changing the shared components.
   ============================================================ */

.ai1-page--services-overview .ai1-overview-card{
  isolation:isolate;
  border-color:rgba(126,225,255,.42);
  background:
    radial-gradient(520px 240px at 12% 0%,rgba(0,140,255,.2),transparent 68%),
    radial-gradient(420px 220px at 90% 100%,rgba(42,157,41,.1),transparent 72%),
    linear-gradient(150deg,rgba(11,31,50,.94),rgba(2,8,18,.97));
  box-shadow:
    0 30px 80px rgba(0,0,0,.5),
    0 0 48px rgba(95,223,255,.14),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.ai1-page--services-overview .ai1-overview-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-35%;
  pointer-events:none;
  background:conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 295deg,
    rgba(95,223,255,.34) 330deg,
    rgba(255,255,255,.48) 348deg,
    transparent 360deg
  );
  animation:ai1OverviewHalo 11s linear infinite;
  opacity:.65;
}

.ai1-page--services-overview .ai1-overview-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:2px;
  border-radius:calc(var(--ai1-radius) - 3px);
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.025) 42%,rgba(95,223,255,.085) 50%,transparent 58%);
  transform:translateX(-115%);
  animation:ai1OverviewSheen 5.8s ease-in-out infinite;
}

.ai1-page--services-overview .ai1-overview-card__scan{
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:-32%;
  width:28%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(95,223,255,.08),rgba(255,255,255,.14),transparent);
  filter:blur(2px);
  transform:skewX(-18deg);
  animation:ai1OverviewScan 5.2s ease-in-out infinite;
}

.ai1-page--services-overview .ai1-overview-card > *:not(.ai1-overview-card__scan){
  position:relative;
  z-index:2;
}

/* Hero status lights — a restrained nod to the animated home page. */
.ai1-page--services-overview .ai1-overview-card__status{
  display:flex;
  justify-content:center;
  gap:.7rem;
  width:max-content;
  margin:0 auto 1.1rem;
  padding:.55rem .85rem;
  border:1px solid rgba(121,221,255,.2);
  border-radius:999px;
  background:rgba(0,0,0,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.ai1-page--services-overview .ai1-overview-card__status span{
  width:.72rem;
  height:.72rem;
  border-radius:50%;
  background:#6b7b88;
  box-shadow:0 0 0 5px rgba(255,255,255,.025);
  animation:ai1OverviewStatus 2.1s ease-in-out infinite;
}

.ai1-page--services-overview .ai1-overview-card__status span:nth-child(1){
  --status-colour:#ff5964;
  animation-delay:0s;
}
.ai1-page--services-overview .ai1-overview-card__status span:nth-child(2){
  --status-colour:#ffc857;
  animation-delay:.35s;
}
.ai1-page--services-overview .ai1-overview-card__status span:nth-child(3){
  --status-colour:#57e389;
  animation-delay:.7s;
}

/* Sequential tick animation in both cards. */
.ai1-page--services-overview .ai1-overview-card .ai1-list li{
  transition:transform .25s ease,color .25s ease,background .25s ease;
}

.ai1-page--services-overview .ai1-overview-card .ai1-list li::before{
  animation:ai1OverviewTick 3.2s ease-in-out infinite;
}

.ai1-page--services-overview .ai1-overview-card .ai1-list li:nth-child(2)::before{animation-delay:.35s;}
.ai1-page--services-overview .ai1-overview-card .ai1-list li:nth-child(3)::before{animation-delay:.7s;}
.ai1-page--services-overview .ai1-overview-card .ai1-list li:nth-child(4)::before{animation-delay:1.05s;}

.ai1-page--services-overview .ai1-overview-card:hover{
  border-color:rgba(180,244,255,.72);
  box-shadow:
    0 38px 96px rgba(0,0,0,.62),
    0 0 62px rgba(95,223,255,.24),
    inset 0 1px 0 rgba(255,255,255,.16);
}

.ai1-page--services-overview .ai1-overview-card:hover .ai1-list li{
  transform:translateX(4px);
  color:rgba(255,255,255,.88);
}

/* Trust card gets a small animated network/orbit motif. */
.ai1-page--services-overview .ai1-overview-card--trust{
  padding-top:clamp(2rem,4vw,3rem);
}

.ai1-page--services-overview .ai1-trust-orbit{
  position:relative;
  display:grid;
  place-items:center;
  width:86px;
  height:86px;
  margin:0 auto 1rem;
}

.ai1-page--services-overview .ai1-trust-orbit__core{
  width:22px;
  height:22px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff 0 12%,#8ef2ff 28%,#008cff 72%,#05335c 100%);
  box-shadow:0 0 18px rgba(95,223,255,.95),0 0 42px rgba(0,140,255,.48);
  animation:ai1TrustCore 1.8s ease-in-out infinite;
}

.ai1-page--services-overview .ai1-trust-orbit__ring{
  position:absolute;
  inset:8px;
  border:1px solid rgba(95,223,255,.42);
  border-radius:50%;
}

.ai1-page--services-overview .ai1-trust-orbit__ring::before{
  content:"";
  position:absolute;
  top:50%;
  left:-4px;
  width:8px;
  height:8px;
  margin-top:-4px;
  border-radius:50%;
  background:#8ef2ff;
  box-shadow:0 0 13px rgba(95,223,255,.95);
}

.ai1-page--services-overview .ai1-trust-orbit__ring--one{animation:ai1TrustOrbit 4.2s linear infinite;}
.ai1-page--services-overview .ai1-trust-orbit__ring--two{
  inset:20px;
  border-color:rgba(42,157,41,.4);
  animation:ai1TrustOrbitReverse 3.2s linear infinite;
}
.ai1-page--services-overview .ai1-trust-orbit__ring--two::before{
  background:#72ed84;
  box-shadow:0 0 13px rgba(42,157,41,.9);
}

@keyframes ai1OverviewHalo{
  to{transform:rotate(360deg);}
}

@keyframes ai1OverviewSheen{
  0%,18%{transform:translateX(-115%);opacity:0;}
  38%{opacity:1;}
  62%,100%{transform:translateX(115%);opacity:0;}
}

@keyframes ai1OverviewScan{
  0%,15%{left:-32%;opacity:0;}
  30%{opacity:1;}
  70%{opacity:.8;}
  88%,100%{left:118%;opacity:0;}
}

@keyframes ai1OverviewStatus{
  0%,24%,100%{background:#53616d;box-shadow:0 0 0 5px rgba(255,255,255,.02);transform:scale(.88);}
  34%,56%{background:var(--status-colour);box-shadow:0 0 0 6px color-mix(in srgb,var(--status-colour) 18%,transparent),0 0 18px var(--status-colour);transform:scale(1.08);}
}

@keyframes ai1OverviewTick{
  0%,72%,100%{filter:brightness(.85);transform:scale(.92);text-shadow:0 0 8px rgba(95,223,255,.38);}
  12%,28%{filter:brightness(1.4);transform:scale(1.22);text-shadow:0 0 18px rgba(95,223,255,1),0 0 34px rgba(0,140,255,.68);}
}

@keyframes ai1TrustCore{
  0%,100%{transform:scale(.9);filter:brightness(.9);}
  50%{transform:scale(1.16);filter:brightness(1.25);}
}

@keyframes ai1TrustOrbit{to{transform:rotate(360deg);}}
@keyframes ai1TrustOrbitReverse{to{transform:rotate(-360deg);}}

@media(max-width:680px){
  .ai1-page--services-overview .ai1-overview-card__status{margin-bottom:.9rem;}
  .ai1-page--services-overview .ai1-trust-orbit{width:72px;height:72px;}
}

@media(prefers-reduced-motion:reduce){
  .ai1-page--services-overview .ai1-overview-card::before,
  .ai1-page--services-overview .ai1-overview-card::after,
  .ai1-page--services-overview .ai1-overview-card__scan,
  .ai1-page--services-overview .ai1-overview-card__status span,
  .ai1-page--services-overview .ai1-overview-card .ai1-list li::before,
  .ai1-page--services-overview .ai1-trust-orbit__core,
  .ai1-page--services-overview .ai1-trust-orbit__ring{
    animation:none!important;
  }
}

/* ============================================================
   SERVICES OVERVIEW — TRUST ORB & LIST ALIGNMENT UPDATE
   Larger three-stage red / amber / red orb and ticks beside text.
   ============================================================ */

.ai1-page--services-overview .ai1-overview-card--trust{
  padding-top:clamp(2.4rem,4.5vw,3.4rem);
}

.ai1-page--services-overview .ai1-trust-orbit{
  width:150px;
  height:150px;
  margin:0 auto 1.25rem;
}

.ai1-page--services-overview .ai1-trust-orbit__ring{
  inset:8px;
  border:3px solid #ff4455;
  box-shadow:
    0 0 16px rgba(255,68,85,.95),
    0 0 34px rgba(255,32,54,.58),
    inset 0 0 16px rgba(255,68,85,.22);
}

.ai1-page--services-overview .ai1-trust-orbit__ring::before{
  width:12px;
  height:12px;
  left:-7px;
  margin-top:-6px;
  background:#ff5964;
  box-shadow:
    0 0 12px rgba(255,89,100,1),
    0 0 24px rgba(255,43,61,.78);
}

.ai1-page--services-overview .ai1-trust-orbit__ring--two{
  inset:34px;
  border:3px solid #ffbd35;
  box-shadow:
    0 0 14px rgba(255,189,53,.95),
    0 0 30px rgba(255,157,0,.52),
    inset 0 0 14px rgba(255,189,53,.2);
}

.ai1-page--services-overview .ai1-trust-orbit__ring--two::before{
  width:11px;
  height:11px;
  left:-7px;
  margin-top:-5.5px;
  background:#ffc857;
  box-shadow:
    0 0 12px rgba(255,200,87,1),
    0 0 24px rgba(255,160,0,.72);
}

.ai1-page--services-overview .ai1-trust-orbit__core{
  width:44px;
  height:44px;
  border:3px solid #ff6b73;
  background:
    radial-gradient(circle at 35% 30%,#fff 0 8%,#ffb0b5 18%,#ff4d5c 44%,#d90022 72%,#5b0010 100%);
  box-shadow:
    0 0 18px rgba(255,94,108,1),
    0 0 38px rgba(255,31,58,.78),
    0 0 70px rgba(217,0,34,.42),
    inset 0 1px 4px rgba(255,255,255,.75);
}

/* Keep each tick locked directly beside its own line of text. */
.ai1-page--services-overview .ai1-overview-card--trust .ai1-list{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  max-width:100%;
  margin:1.35rem auto 0;
  padding:0;
  list-style:none;
  text-align:left;
}

.ai1-page--services-overview .ai1-overview-card--trust .ai1-list li{
  display:grid;
  grid-template-columns:1.45rem minmax(0,1fr);
  align-items:center;
  gap:.85rem;
  width:100%;
  margin:0;
  padding:0;
  text-align:left;
}

.ai1-page--services-overview .ai1-overview-card--trust .ai1-list li + li{
  margin-top:.9rem;
}

.ai1-page--services-overview .ai1-overview-card--trust .ai1-list li::before{
  position:static;
  display:grid;
  place-items:center;
  width:1.45rem;
  height:1.45rem;
  padding:0;
  text-align:center;
}

@media(max-width:680px){
  .ai1-page--services-overview .ai1-trust-orbit{
    width:118px;
    height:118px;
  }

  .ai1-page--services-overview .ai1-trust-orbit__ring--two{
    inset:27px;
  }

  .ai1-page--services-overview .ai1-trust-orbit__core{
    width:36px;
    height:36px;
  }

  .ai1-page--services-overview .ai1-overview-card--trust .ai1-list{
    width:100%;
  }

  .ai1-page--services-overview .ai1-overview-card--trust .ai1-list li{
    align-items:start;
  }
}

/* ============================================================
   SERVICES OVERVIEW — GREEN CORE & ANIMATED TRUST STATS
   Fills the trust panel without overcrowding it.
   ============================================================ */

/* Change only the centre orb from red to green. */
.ai1-page--services-overview .ai1-trust-orbit__core{
  border-color:#7dff9a;
  background:
    radial-gradient(circle at 35% 30%,#fff 0 8%,#caffd5 18%,#63ef82 44%,#20b94d 72%,#07551d 100%);
  box-shadow:
    0 0 18px rgba(99,239,130,1),
    0 0 38px rgba(32,185,77,.82),
    0 0 70px rgba(13,140,50,.46),
    inset 0 1px 4px rgba(255,255,255,.78);
}

/* Animated stats row beneath the reassurance points. */
.ai1-page--services-overview .ai1-trust-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(.85rem,2vw,1.2rem);
  width:min(100%,860px);
  margin:clamp(1.7rem,3vw,2.4rem) auto 0;
}

.ai1-page--services-overview .ai1-trust-stat{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:118px;
  padding:1.15rem 1rem;
  border:1px solid rgba(121,221,255,.22);
  border-radius:22px;
  background:
    radial-gradient(220px 100px at 50% 0%,rgba(95,223,255,.13),transparent 70%),
    rgba(255,255,255,.045);
  box-shadow:
    0 14px 32px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.06);
  text-align:center;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.ai1-page--services-overview .ai1-trust-stat::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.04) 42%,rgba(95,223,255,.18) 50%,transparent 58%);
  transform:translateX(-120%);
  animation:ai1TrustStatSweep 4.8s ease-in-out infinite;
}

.ai1-page--services-overview .ai1-trust-stat:nth-child(2)::before{animation-delay:.55s;}
.ai1-page--services-overview .ai1-trust-stat:nth-child(3)::before{animation-delay:1.1s;}

.ai1-page--services-overview .ai1-trust-stat:hover{
  transform:translateY(-5px);
  border-color:rgba(159,239,255,.58);
  box-shadow:
    0 20px 42px rgba(0,0,0,.34),
    0 0 28px rgba(95,223,255,.14),
    inset 0 1px 0 rgba(255,255,255,.1);
}

.ai1-page--services-overview .ai1-trust-stat__value{
  display:block;
  color:#8df3a5;
  font-size:clamp(1.65rem,3vw,2.45rem);
  font-weight:1000;
  line-height:1;
  letter-spacing:-.045em;
  text-shadow:
    0 0 14px rgba(99,239,130,.58),
    0 0 28px rgba(32,185,77,.26);
  animation:ai1TrustStatPulse 2.8s ease-in-out infinite;
}

.ai1-page--services-overview .ai1-trust-stat:nth-child(2) .ai1-trust-stat__value{animation-delay:.35s;}
.ai1-page--services-overview .ai1-trust-stat:nth-child(3) .ai1-trust-stat__value{animation-delay:.7s;}

.ai1-page--services-overview .ai1-trust-stat__label{
  display:block;
  margin-top:.55rem;
  color:rgba(255,255,255,.7);
  font-size:.86rem;
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.35;
  text-transform:uppercase;
}

.ai1-page--services-overview .ai1-overview-card--trust .ai1-actions{
  margin-top:clamp(1.7rem,3vw,2.3rem);
}

@keyframes ai1TrustStatSweep{
  0%,18%{transform:translateX(-120%);opacity:0;}
  35%{opacity:1;}
  68%,100%{transform:translateX(120%);opacity:0;}
}

@keyframes ai1TrustStatPulse{
  0%,100%{transform:scale(1);filter:brightness(.95);}
  50%{transform:scale(1.055);filter:brightness(1.2);}
}

@media(max-width:760px){
  .ai1-page--services-overview .ai1-trust-stats{
    grid-template-columns:1fr;
    width:min(100%,520px);
  }

  .ai1-page--services-overview .ai1-trust-stat{
    min-height:96px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ai1-page--services-overview .ai1-trust-stat::before,
  .ai1-page--services-overview .ai1-trust-stat__value{
    animation:none!important;
  }
}

/* ============================================================
   SERVICES OVERVIEW — REAL JAVASCRIPT COUNT-UP FIGURES
   JavaScript updates the values; CSS provides the reveal and bar.
   ============================================================ */

.ai1-page--services-overview .ai1-trust-stat{
  --ai1-stat-progress:0%;
}

.ai1-page--services-overview .ai1-trust-stat__value{
  min-height:1em;
  font-variant-numeric:tabular-nums;
  opacity:.25;
  transform:translateY(10px) scale(.96);
  transition:
    opacity .45s ease,
    transform .45s ease,
    filter .45s ease;
}

.ai1-page--services-overview .ai1-trust-stat.is-counting .ai1-trust-stat__value,
.ai1-page--services-overview .ai1-trust-stat.is-complete .ai1-trust-stat__value{
  opacity:1;
  transform:translateY(0) scale(1);
}

.ai1-page--services-overview .ai1-trust-stat::after{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:.8rem;
  height:4px;
  overflow:hidden;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      #65ef83 0 var(--ai1-stat-progress),
      rgba(95,223,255,.13) var(--ai1-stat-progress) 100%
    );
  box-shadow:
    0 0 12px rgba(99,239,130,.32),
    inset 0 1px 0 rgba(255,255,255,.08);
  transition:background .12s linear;
}

.ai1-page--services-overview .ai1-trust-stat.is-complete::after{
  box-shadow:
    0 0 16px rgba(99,239,130,.55),
    0 0 30px rgba(32,185,77,.24),
    inset 0 1px 0 rgba(255,255,255,.1);
}

@media(prefers-reduced-motion:reduce){
  .ai1-page--services-overview .ai1-trust-stat__value{
    opacity:1;
    transform:none;
  }

  .ai1-page--services-overview .ai1-trust-stat::after{
    display:none;
  }
}

/* ============================================================
   LINUX HOSTING — ANIMATED HERO & RECOMMENDATION CARDS
   Scoped to the Linux page only.
   ============================================================ */

.ai1-page--linux .ai1-linux-hero-card{
  isolation:isolate;
  border-color:rgba(121,221,255,.5);
  background:
    radial-gradient(520px 230px at 10% 0%,rgba(0,140,255,.22),transparent 70%),
    radial-gradient(420px 210px at 92% 100%,rgba(42,157,41,.11),transparent 72%),
    linear-gradient(150deg,rgba(11,31,50,.96),rgba(2,8,18,.98));
}

.ai1-page--linux .ai1-linux-hero-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-45%;
  pointer-events:none;
  opacity:.58;
  background:conic-gradient(from 0deg,transparent 0 300deg,rgba(95,223,255,.38) 330deg,rgba(255,255,255,.55) 346deg,transparent 360deg);
  animation:ai1LinuxHalo 12s linear infinite;
}

.ai1-page--linux .ai1-linux-hero-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:2px;
  border-radius:calc(var(--ai1-radius) - 3px);
  pointer-events:none;
  background:linear-gradient(112deg,transparent 0%,rgba(255,255,255,.02) 42%,rgba(95,223,255,.11) 50%,transparent 58%);
  transform:translateX(-120%);
  animation:ai1LinuxSheen 5.8s ease-in-out infinite;
}

.ai1-page--linux .ai1-linux-hero-card__scan{
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:-28%;
  width:24%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(95,223,255,.08),rgba(255,255,255,.16),transparent);
  filter:blur(2px);
  transform:skewX(-18deg);
  animation:ai1LinuxScan 5.1s ease-in-out infinite;
}

.ai1-page--linux .ai1-linux-hero-card > *:not(.ai1-linux-hero-card__scan){position:relative;z-index:2;}

.ai1-page--linux .ai1-linux-status{
  display:flex;
  justify-content:center;
  gap:.7rem;
  width:max-content;
  margin:0 auto 1.1rem;
  padding:.55rem .85rem;
  border:1px solid rgba(121,221,255,.22);
  border-radius:999px;
  background:rgba(0,0,0,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.ai1-page--linux .ai1-linux-status span{
  width:.72rem;
  height:.72rem;
  border-radius:50%;
  background:#586774;
  box-shadow:0 0 0 5px rgba(255,255,255,.025);
  animation:ai1LinuxStatus 2s ease-in-out infinite;
}
.ai1-page--linux .ai1-linux-status span:nth-child(1){--linux-light:#ff5964;animation-delay:0s;}
.ai1-page--linux .ai1-linux-status span:nth-child(2){--linux-light:#ffc857;animation-delay:.32s;}
.ai1-page--linux .ai1-linux-status span:nth-child(3){--linux-light:#57e389;animation-delay:.64s;}

.ai1-page--linux .ai1-linux-hero-card .ai1-list li::before{
  animation:ai1LinuxTick 3.1s ease-in-out infinite;
}
.ai1-page--linux .ai1-linux-hero-card .ai1-list li:nth-child(2)::before{animation-delay:.38s;}
.ai1-page--linux .ai1-linux-hero-card .ai1-list li:nth-child(3)::before{animation-delay:.76s;}

.ai1-page--linux .ai1-linux-recommendations{
  display:grid;
  gap:1rem;
}

.ai1-page--linux .ai1-linux-recommendations li{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  gap:1rem;
  min-height:88px;
  padding:1.15rem 1.35rem;
  border:1px solid rgba(121,221,255,.2);
  border-radius:22px;
  background:
    radial-gradient(250px 110px at 0% 0%,rgba(0,140,255,.12),transparent 72%),
    rgba(255,255,255,.05);
  box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  animation:ai1LinuxCardFloat 5.2s ease-in-out infinite;
}
.ai1-page--linux .ai1-linux-recommendations li:nth-child(2){animation-delay:.35s;}
.ai1-page--linux .ai1-linux-recommendations li:nth-child(3){animation-delay:.7s;}
.ai1-page--linux .ai1-linux-recommendations li:nth-child(4){animation-delay:1.05s;}

.ai1-page--linux .ai1-linux-recommendations li::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.025) 42%,rgba(95,223,255,.14) 50%,transparent 58%);
  transform:translateX(-120%);
  animation:ai1LinuxRecommendationSweep 5.4s ease-in-out infinite;
}
.ai1-page--linux .ai1-linux-recommendations li:nth-child(2)::before{animation-delay:.45s;}
.ai1-page--linux .ai1-linux-recommendations li:nth-child(3)::before{animation-delay:.9s;}
.ai1-page--linux .ai1-linux-recommendations li:nth-child(4)::before{animation-delay:1.35s;}

.ai1-page--linux .ai1-linux-recommendations li::after{
  content:attr(data-plan);
  position:absolute;
  top:.7rem;
  right:.9rem;
  color:rgba(255,255,255,.12);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.ai1-page--linux .ai1-linux-recommendations li:hover{
  transform:translateY(-5px) scale(1.01);
  border-color:rgba(160,238,255,.6);
  box-shadow:0 22px 48px rgba(0,0,0,.34),0 0 30px rgba(95,223,255,.13),inset 0 1px 0 rgba(255,255,255,.09);
}

.ai1-page--linux .ai1-linux-recommendations li > span:last-child{position:relative;z-index:2;}
.ai1-page--linux .ai1-linux-recommendations strong{color:#fff;}

.ai1-page--linux .ai1-linux-plan-signal{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:4px;
  width:46px;
  height:46px;
  padding:10px;
  border:1px solid rgba(95,223,255,.28);
  border-radius:14px;
  background:rgba(0,0,0,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 20px rgba(95,223,255,.08);
}

.ai1-page--linux .ai1-linux-plan-signal i{
  display:block;
  width:5px;
  border-radius:999px;
  background:#6be7ff;
  box-shadow:0 0 10px rgba(95,223,255,.8);
  transform-origin:bottom;
  animation:ai1LinuxSignal 1.55s ease-in-out infinite;
}
.ai1-page--linux .ai1-linux-plan-signal i:nth-child(1){height:10px;animation-delay:0s;}
.ai1-page--linux .ai1-linux-plan-signal i:nth-child(2){height:18px;animation-delay:.16s;}
.ai1-page--linux .ai1-linux-plan-signal i:nth-child(3){height:26px;animation-delay:.32s;}

@keyframes ai1LinuxHalo{to{transform:rotate(360deg);}}
@keyframes ai1LinuxSheen{0%,18%{transform:translateX(-120%);opacity:0;}38%{opacity:1;}65%,100%{transform:translateX(120%);opacity:0;}}
@keyframes ai1LinuxScan{0%,14%{left:-28%;opacity:0;}28%{opacity:1;}72%{opacity:.8;}88%,100%{left:118%;opacity:0;}}
@keyframes ai1LinuxStatus{0%,24%,100%{background:#586774;box-shadow:0 0 0 5px rgba(255,255,255,.02);transform:scale(.88);}34%,56%{background:var(--linux-light);box-shadow:0 0 0 6px color-mix(in srgb,var(--linux-light) 18%,transparent),0 0 18px var(--linux-light);transform:scale(1.08);}}
@keyframes ai1LinuxTick{0%,72%,100%{filter:brightness(.85);transform:scale(.92);}12%,28%{filter:brightness(1.45);transform:scale(1.22);text-shadow:0 0 18px rgba(95,223,255,1),0 0 32px rgba(0,140,255,.68);}}
@keyframes ai1LinuxCardFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
@keyframes ai1LinuxRecommendationSweep{0%,20%{transform:translateX(-120%);opacity:0;}36%{opacity:1;}68%,100%{transform:translateX(120%);opacity:0;}}
@keyframes ai1LinuxSignal{0%,100%{transform:scaleY(.58);filter:brightness(.8);}50%{transform:scaleY(1);filter:brightness(1.35);}}

@media(max-width:680px){
  .ai1-page--linux .ai1-linux-recommendations li{grid-template-columns:46px minmax(0,1fr);padding:1rem;}
  .ai1-page--linux .ai1-linux-plan-signal{width:42px;height:42px;padding:9px;}
}

@media(prefers-reduced-motion:reduce){
  .ai1-page--linux .ai1-linux-hero-card::before,
  .ai1-page--linux .ai1-linux-hero-card::after,
  .ai1-page--linux .ai1-linux-hero-card__scan,
  .ai1-page--linux .ai1-linux-status span,
  .ai1-page--linux .ai1-linux-hero-card .ai1-list li::before,
  .ai1-page--linux .ai1-linux-recommendations li,
  .ai1-page--linux .ai1-linux-recommendations li::before,
  .ai1-page--linux .ai1-linux-plan-signal i{
    animation:none!important;
  }
}
/* ============================================================
   UNIFIED PACKAGE PAGE EXPERIENCE
   Shared animated hero, factual count-up stats and feature cards
   for Cloud, Domains, Linux, SSL, VPS, Windows and WordPress.
   ============================================================ */

.ai1-package-page .ai1-package-hero-card{
  isolation:isolate;
  width:min(100%,960px);
  border-color:rgba(121,221,255,.48);
  background:
    radial-gradient(520px 230px at 10% 0%,rgba(0,140,255,.22),transparent 70%),
    radial-gradient(420px 210px at 92% 100%,rgba(42,157,41,.11),transparent 72%),
    linear-gradient(150deg,rgba(11,31,50,.96),rgba(2,8,18,.98));
}

.ai1-package-page .ai1-package-hero-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-45%;
  pointer-events:none;
  opacity:.56;
  background:conic-gradient(from 0deg,transparent 0 300deg,rgba(95,223,255,.38) 330deg,rgba(255,255,255,.54) 346deg,transparent 360deg);
  animation:ai1PackageHalo 12s linear infinite;
}

.ai1-package-page .ai1-package-hero-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:2px;
  border-radius:calc(var(--ai1-radius) - 3px);
  pointer-events:none;
  background:linear-gradient(112deg,transparent 0%,rgba(255,255,255,.02) 42%,rgba(95,223,255,.11) 50%,transparent 58%);
  transform:translateX(-120%);
  animation:ai1PackageSheen 5.8s ease-in-out infinite;
}

.ai1-package-page .ai1-package-hero-card__scan,
.ai1-package-page .ai1-linux-hero-card__scan{
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:-28%;
  width:24%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(95,223,255,.08),rgba(255,255,255,.16),transparent);
  filter:blur(2px);
  transform:skewX(-18deg);
  animation:ai1PackageScan 5.1s ease-in-out infinite;
}

.ai1-package-page .ai1-package-hero-card > *:not(.ai1-package-hero-card__scan):not(.ai1-linux-hero-card__scan){position:relative;z-index:2;}

.ai1-package-page .ai1-package-status,
.ai1-package-page .ai1-linux-status{
  display:flex;
  justify-content:center;
  gap:.7rem;
  width:max-content;
  margin:0 auto 1.1rem;
  padding:.55rem .85rem;
  border:1px solid rgba(121,221,255,.22);
  border-radius:999px;
  background:rgba(0,0,0,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.ai1-package-page .ai1-package-status span,
.ai1-package-page .ai1-linux-status span{
  width:.72rem;
  height:.72rem;
  border-radius:50%;
  background:#586774;
  box-shadow:0 0 0 5px rgba(255,255,255,.025);
  animation:ai1PackageStatus 2s ease-in-out infinite;
}
.ai1-package-page .ai1-package-status span:nth-child(1),.ai1-package-page .ai1-linux-status span:nth-child(1){--package-light:#ff5964;animation-delay:0s;}
.ai1-package-page .ai1-package-status span:nth-child(2),.ai1-package-page .ai1-linux-status span:nth-child(2){--package-light:#ffc857;animation-delay:.32s;}
.ai1-package-page .ai1-package-status span:nth-child(3),.ai1-package-page .ai1-linux-status span:nth-child(3){--package-light:#57e389;animation-delay:.64s;}

.ai1-package-page .ai1-package-hero-card .ai1-list--hero{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  max-width:100%;
  margin:1.5rem auto 0;
  padding:0;
  background:none;
  border:0;
  text-align:left;
}

.ai1-package-page .ai1-package-hero-card .ai1-list--hero li{
  display:grid;
  grid-template-columns:1.4rem minmax(0,1fr);
  align-items:start;
  gap:.8rem;
  width:100%;
  padding:0;
}
.ai1-package-page .ai1-package-hero-card .ai1-list--hero li + li{margin-top:.85rem;}
.ai1-package-page .ai1-package-hero-card .ai1-list--hero li::before{
  position:static;
  display:grid;
  place-items:center;
  width:1.4rem;
  height:1.4rem;
  animation:ai1PackageTick 3.1s ease-in-out infinite;
}
.ai1-package-page .ai1-package-hero-card .ai1-list--hero li:nth-child(2)::before{animation-delay:.38s;}
.ai1-package-page .ai1-package-hero-card .ai1-list--hero li:nth-child(3)::before{animation-delay:.76s;}

.ai1-package-highlights{padding-top:clamp(4.5rem,7vw,6.5rem);}
.ai1-package-highlights .ai1-section-head{margin-bottom:2.3rem;}

.ai1-package-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(.9rem,2vw,1.35rem);
  margin:0 0 clamp(2.2rem,4vw,3.3rem);
}

.ai1-package-stat{
  --ai1-count-progress:0%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:145px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:1.35rem 1rem 1.65rem;
  border:1px solid rgba(121,221,255,.24);
  border-radius:24px;
  background:radial-gradient(240px 110px at 50% 0%,rgba(95,223,255,.16),transparent 70%),rgba(255,255,255,.045);
  box-shadow:0 18px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  text-align:center;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.ai1-package-stat::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.03) 42%,rgba(95,223,255,.17) 50%,transparent 58%);
  transform:translateX(-120%);
  animation:ai1PackageSweep 5.2s ease-in-out infinite;
}
.ai1-package-stat:nth-child(2)::before{animation-delay:.45s;}
.ai1-package-stat:nth-child(3)::before{animation-delay:.9s;}
.ai1-package-stat:nth-child(4)::before{animation-delay:1.35s;}
.ai1-package-stat::after{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:.75rem;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#65ef83 0 var(--ai1-count-progress),rgba(95,223,255,.13) var(--ai1-count-progress) 100%);
  box-shadow:0 0 12px rgba(99,239,130,.28);
}
.ai1-package-stat:hover{transform:translateY(-6px);border-color:rgba(159,239,255,.62);box-shadow:0 26px 54px rgba(0,0,0,.38),0 0 32px rgba(95,223,255,.15),inset 0 1px 0 rgba(255,255,255,.1);}
.ai1-package-stat__value{display:block;color:#8df3a5;font-size:clamp(2rem,4vw,3.2rem);font-weight:1000;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(99,239,130,.55),0 0 30px rgba(32,185,77,.24);opacity:.25;transform:translateY(10px) scale(.95);transition:opacity .4s ease,transform .4s ease;}
.ai1-package-stat.is-counting .ai1-package-stat__value,.ai1-package-stat.is-complete .ai1-package-stat__value{opacity:1;transform:none;}
.ai1-package-stat__label{display:block;margin-top:.65rem;color:rgba(255,255,255,.72);font-size:.82rem;font-weight:900;letter-spacing:.08em;line-height:1.35;text-transform:uppercase;}

.ai1-package-feature-grid{align-items:stretch;}
.ai1-highlight-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:250px;
  padding:clamp(1.5rem,3vw,2rem);
  border:2px solid rgba(121,221,255,.24);
  border-radius:28px;
  background:radial-gradient(360px 170px at 15% 0%,rgba(0,140,255,.17),transparent 70%),linear-gradient(150deg,rgba(11,31,50,.93),rgba(2,8,18,.97));
  box-shadow:0 24px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.ai1-highlight-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.025) 43%,rgba(95,223,255,.13) 50%,transparent 57%);
  transform:translateX(-120%);
  animation:ai1PackageFeatureSheen 6s ease-in-out infinite;
}
.ai1-highlight-card:nth-child(2)::before{animation-delay:.65s;}
.ai1-highlight-card:nth-child(3)::before{animation-delay:1.3s;}
.ai1-highlight-card:hover{transform:translateY(-8px);border-color:rgba(170,242,255,.66);box-shadow:0 34px 78px rgba(0,0,0,.52),0 0 40px rgba(95,223,255,.17),inset 0 1px 0 rgba(255,255,255,.12);}
.ai1-highlight-card__pulse{display:block;width:50px;height:50px;margin-bottom:1.25rem;border:1px solid rgba(95,223,255,.45);border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#8ef2ff 18%,#008cff 58%,rgba(0,140,255,.08) 62%);box-shadow:0 0 18px rgba(95,223,255,.68),0 0 38px rgba(0,140,255,.28);animation:ai1PackagePulse 2.2s ease-in-out infinite;}
.ai1-highlight-card h3{margin:0 0 .75rem;color:#fff;font-size:clamp(1.35rem,2.4vw,1.8rem);}
.ai1-highlight-card p{margin:0;}

@keyframes ai1PackageHalo{to{transform:rotate(360deg);}}
@keyframes ai1PackageSheen{0%,18%{transform:translateX(-120%);opacity:0;}38%{opacity:1;}65%,100%{transform:translateX(120%);opacity:0;}}
@keyframes ai1PackageScan{0%,14%{left:-28%;opacity:0;}28%{opacity:1;}72%{opacity:.8;}88%,100%{left:118%;opacity:0;}}
@keyframes ai1PackageStatus{0%,24%,100%{background:#586774;box-shadow:0 0 0 5px rgba(255,255,255,.02);transform:scale(.88);}34%,56%{background:var(--package-light);box-shadow:0 0 0 6px color-mix(in srgb,var(--package-light) 18%,transparent),0 0 18px var(--package-light);transform:scale(1.08);}}
@keyframes ai1PackageTick{0%,72%,100%{filter:brightness(.85);transform:scale(.92);}12%,28%{filter:brightness(1.45);transform:scale(1.22);text-shadow:0 0 18px rgba(95,223,255,1),0 0 32px rgba(0,140,255,.68);}}
@keyframes ai1PackageSweep{0%,20%{transform:translateX(-120%);opacity:0;}36%{opacity:1;}68%,100%{transform:translateX(120%);opacity:0;}}
@keyframes ai1PackageFeatureSheen{0%,24%{transform:translateX(-120%);opacity:0;}42%{opacity:1;}72%,100%{transform:translateX(120%);opacity:0;}}
@keyframes ai1PackagePulse{0%,100%{transform:scale(.92);filter:brightness(.9);}50%{transform:scale(1.08);filter:brightness(1.25);}}

@media(max-width:980px){.ai1-package-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:680px){
  .ai1-package-page .ai1-package-hero-card .ai1-list--hero{width:100%;}
  .ai1-package-stats{grid-template-columns:1fr;}
  .ai1-package-stat{min-height:118px;}
  .ai1-highlight-card{min-height:0;}
}

@media(prefers-reduced-motion:reduce){
  .ai1-package-page .ai1-package-hero-card::before,
  .ai1-package-page .ai1-package-hero-card::after,
  .ai1-package-page .ai1-package-hero-card__scan,
  .ai1-package-page .ai1-linux-hero-card__scan,
  .ai1-package-page .ai1-package-status span,
  .ai1-package-page .ai1-linux-status span,
  .ai1-package-page .ai1-package-hero-card .ai1-list--hero li::before,
  .ai1-package-stat::before,
  .ai1-highlight-card::before,
  .ai1-highlight-card__pulse{animation:none!important;}
  .ai1-package-stat__value{opacity:1;transform:none;}
}

/* ============================================================
   SHARED "WHICH PLAN DO I NEED?" GUIDANCE
   Linux, Windows and WordPress use the same structure, spacing
   and typography. Deliberately plain and readable: no rogue
   Linux-only card circus.
   ============================================================ */

.ai1-package-page .ai1-plan-guidance{
  width:100%;
  margin:clamp(3rem,5vw,4.5rem) 0 0;
}

.ai1-package-page .ai1-plan-guidance__head{
  margin:0 0 clamp(2rem,3.5vw,2.8rem);
}

.ai1-package-page .ai1-plan-guidance__head h3{
  margin:0 0 1rem;
  color:#fff;
  font-size:clamp(2rem,3.6vw,3rem);
  line-height:1.08;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.ai1-package-page .ai1-plan-guidance__head p{
  max-width:1080px;
  margin:0;
  color:var(--ai1-muted);
  font-size:clamp(1rem,1.5vw,1.15rem);
}

.ai1-package-page .ai1-plan-guidance__section{
  margin:0;
}

.ai1-package-page .ai1-plan-guidance__section h4{
  margin:0 0 1.2rem;
  color:#dffbff;
  font-size:clamp(1.35rem,2.2vw,1.7rem);
  line-height:1.2;
}

.ai1-package-page .ai1-plan-guidance__list{
  display:grid;
  gap:.45rem;
  margin:0;
  padding-left:1.75rem;
}

.ai1-package-page .ai1-plan-guidance__list li{
  padding-left:.15rem;
}

.ai1-package-page .ai1-plan-guidance__section > p{
  margin:1rem 0 0;
}

.ai1-package-page .ai1-plan-guidance hr{
  border:0;
  height:1px;
  margin:clamp(2.2rem,4vw,3rem) 0;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(95,223,255,.42),
    transparent
  );
}

/* Disable the old Linux-only recommendation card presentation. */
.ai1-page--linux .ai1-plan-guidance .ai1-plan-guidance__list li{
  animation:none;
  transform:none;
}

@media(max-width:680px){
  .ai1-package-page .ai1-plan-guidance{
    margin-top:2.5rem;
  }

  .ai1-package-page .ai1-plan-guidance__head h3{
    font-size:clamp(1.85rem,9vw,2.5rem);
  }

  .ai1-package-page .ai1-plan-guidance__list{
    padding-left:1.35rem;
  }
}

/* ============================================================
   JOOMLA HOSTING
   Joomla's four-colour identity, kept within the shared AI1Host
   package-page system so the page feels distinctive, not adopted.
   ============================================================ */

.ai1-page--joomla{
  --joomla-blue:#5091cd;
  --joomla-red:#f05033;
  --joomla-orange:#f5a800;
  --joomla-green:#7ac143;
}

.ai1-page--joomla .ai1-joomla-hero-card{
  border-color:rgba(121,221,255,.52);
  background:
    radial-gradient(430px 220px at 8% 0%,rgba(80,145,205,.23),transparent 70%),
    radial-gradient(400px 210px at 92% 100%,rgba(122,193,67,.12),transparent 72%),
    radial-gradient(300px 180px at 82% 4%,rgba(245,168,0,.08),transparent 75%),
    linear-gradient(150deg,rgba(11,31,50,.96),rgba(2,8,18,.98));
}

.ai1-page--joomla .ai1-joomla-status{
  gap:.62rem;
}

.ai1-page--joomla .ai1-joomla-status span:nth-child(1){
  --package-light:var(--joomla-blue);
  animation-delay:0s;
}

.ai1-page--joomla .ai1-joomla-status span:nth-child(2){
  --package-light:var(--joomla-red);
  animation-delay:.26s;
}

.ai1-page--joomla .ai1-joomla-status span:nth-child(3){
  --package-light:var(--joomla-orange);
  animation-delay:.52s;
}

.ai1-page--joomla .ai1-joomla-status span:nth-child(4){
  --package-light:var(--joomla-green);
  animation-delay:.78s;
}

.ai1-page--joomla .ai1-highlight-card:nth-child(1) .ai1-highlight-card__pulse{
  background:radial-gradient(circle,#fff 0 8%,#bfe2ff 18%,var(--joomla-blue) 58%,rgba(80,145,205,.08) 62%);
  box-shadow:0 0 18px rgba(80,145,205,.75),0 0 38px rgba(80,145,205,.3);
}

.ai1-page--joomla .ai1-highlight-card:nth-child(2) .ai1-highlight-card__pulse{
  background:radial-gradient(circle,#fff 0 8%,#ffd0c7 18%,var(--joomla-red) 58%,rgba(240,80,51,.08) 62%);
  box-shadow:0 0 18px rgba(240,80,51,.7),0 0 38px rgba(240,80,51,.28);
}

.ai1-page--joomla .ai1-highlight-card:nth-child(3) .ai1-highlight-card__pulse{
  background:radial-gradient(circle,#fff 0 8%,#d8f4bf 18%,var(--joomla-green) 58%,rgba(122,193,67,.08) 62%);
  box-shadow:0 0 18px rgba(122,193,67,.72),0 0 38px rgba(122,193,67,.28);
}

.ai1-page--joomla .ai1-plan-card--featured{
  border-color:rgba(122,193,67,.86);
  box-shadow:
    0 34px 92px rgba(0,0,0,.62),
    0 0 0 1px rgba(122,193,67,.3),
    0 0 46px rgba(122,193,67,.26),
    0 0 92px rgba(80,145,205,.22),
    inset 0 1px 0 rgba(255,255,255,.16);
}

.ai1-page--joomla .ai1-plan-card--featured::before{
  background:linear-gradient(135deg,#fff 0%,#dfffd0 48%,#8dd35c 100%);
  box-shadow:0 8px 24px rgba(0,0,0,.36),0 0 26px rgba(122,193,67,.58);
}

@media(prefers-reduced-motion:reduce){
  .ai1-page--joomla .ai1-joomla-status span{
    animation:none!important;
  }
}

/* ============================================================
   TIMELINE BACKUPS
   Animated recovery timeline, restore console and feature cards.
   Scoped to the Timeline Backups feature page only.
   ============================================================ */

.ai1-page--timeline-backups{
  --timeline-green:#67ef8a;
  --timeline-amber:#ffc857;
  --timeline-red:#ff5964;
}

.ai1-page--timeline-backups .ai1-backup-hero-card{
  width:min(100%,980px);
  border-color:rgba(121,221,255,.5);
  background:
    radial-gradient(500px 240px at 8% 0%,rgba(0,140,255,.22),transparent 70%),
    radial-gradient(420px 220px at 92% 100%,rgba(42,157,41,.12),transparent 72%),
    linear-gradient(150deg,rgba(11,31,50,.96),rgba(2,8,18,.98));
}

.ai1-page--timeline-backups .ai1-backup-console{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
  gap:clamp(1.4rem,3vw,2rem);
  width:min(100%,980px);
  margin:2rem auto 0;
  padding:clamp(1.35rem,3vw,2rem);
  border:2px solid rgba(121,221,255,.38);
  border-radius:30px;
  background:
    radial-gradient(560px 240px at 10% 0%,rgba(0,140,255,.18),transparent 70%),
    linear-gradient(150deg,rgba(11,31,50,.95),rgba(2,8,18,.98));
  box-shadow:0 30px 82px rgba(0,0,0,.54),0 0 52px rgba(95,223,255,.13),inset 0 1px 0 rgba(255,255,255,.09);
  text-align:left;
}

.ai1-page--timeline-backups .ai1-backup-console::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 0%,rgba(255,255,255,.025) 42%,rgba(95,223,255,.13) 50%,transparent 58%);
  transform:translateX(-120%);
  animation:ai1BackupSweep 5.8s ease-in-out infinite;
}

.ai1-page--timeline-backups .ai1-backup-console__screen,
.ai1-page--timeline-backups .ai1-backup-console__timeline{
  position:relative;
  z-index:2;
  min-width:0;
  padding:1.25rem;
  border:1px solid rgba(121,221,255,.2);
  border-radius:22px;
  background:rgba(0,0,0,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.ai1-page--timeline-backups .ai1-backup-console__label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  color:#dffaff;
  font-size:.76rem;
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.ai1-page--timeline-backups .ai1-backup-live{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:#9cf4aa;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.08em;
}

.ai1-page--timeline-backups .ai1-backup-live::before{
  content:"";
  width:.7rem;
  height:.7rem;
  border-radius:50%;
  background:var(--timeline-green);
  box-shadow:0 0 0 6px rgba(103,239,138,.1),0 0 18px rgba(103,239,138,.9);
  animation:ai1BackupLive 1.7s ease-in-out infinite;
}

.ai1-page--timeline-backups .ai1-backup-console__title{
  margin:1.1rem 0 .35rem;
  color:#fff;
  font-size:clamp(1.55rem,3vw,2.3rem);
  line-height:1.08;
}

.ai1-page--timeline-backups .ai1-backup-console__date{
  color:#8feeff;
  font-size:clamp(1.1rem,2vw,1.45rem);
  font-weight:900;
}

.ai1-page--timeline-backups .ai1-backup-progress{
  overflow:hidden;
  width:100%;
  height:12px;
  margin:1.35rem 0 .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.45);
}

.ai1-page--timeline-backups .ai1-backup-progress span{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#008cff,#5fdfff,#67ef8a);
  box-shadow:0 0 18px rgba(95,223,255,.58);
  transform-origin:left;
  animation:ai1BackupProgress 4.8s ease-in-out infinite;
}

.ai1-page--timeline-backups .ai1-backup-console__status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:0;
  color:rgba(255,255,255,.67);
  font-size:.9rem;
}

.ai1-page--timeline-backups .ai1-backup-console__status strong{
  color:#8df3a5;
}

.ai1-page--timeline-backups .ai1-backup-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:.25rem;
  margin:2rem 0 .7rem;
}

.ai1-page--timeline-backups .ai1-backup-timeline::before{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  top:50%;
  height:3px;
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(95,223,255,.2),#5fdfff,rgba(103,239,138,.75));
  box-shadow:0 0 16px rgba(95,223,255,.42);
}

.ai1-page--timeline-backups .ai1-backup-timeline__point{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  margin:auto;
  border:3px solid #dffcff;
  border-radius:50%;
  background:#008cff;
  box-shadow:0 0 0 6px rgba(0,140,255,.1),0 0 18px rgba(95,223,255,.76);
  animation:ai1BackupPoint 3.6s ease-in-out infinite;
}

.ai1-page--timeline-backups .ai1-backup-timeline__point:nth-child(2){animation-delay:.25s;}
.ai1-page--timeline-backups .ai1-backup-timeline__point:nth-child(3){animation-delay:.5s;}
.ai1-page--timeline-backups .ai1-backup-timeline__point:nth-child(4){animation-delay:.75s;}
.ai1-page--timeline-backups .ai1-backup-timeline__point:nth-child(5){animation-delay:1s;}
.ai1-page--timeline-backups .ai1-backup-timeline__point:nth-child(6){animation-delay:1.25s;}

.ai1-page--timeline-backups .ai1-backup-timeline__labels{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  color:rgba(255,255,255,.58);
  font-size:.78rem;
  font-weight:800;
}

.ai1-page--timeline-backups .ai1-backup-restore-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(1rem,2vw,1.35rem);
}

.ai1-page--timeline-backups .ai1-backup-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:250px;
  padding:1.5rem;
  border:2px solid rgba(121,221,255,.22);
  border-radius:26px;
  background:radial-gradient(320px 150px at 14% 0%,rgba(0,140,255,.16),transparent 70%),linear-gradient(150deg,rgba(11,31,50,.93),rgba(2,8,18,.97));
  box-shadow:0 22px 54px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.ai1-page--timeline-backups .ai1-backup-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.025) 43%,rgba(95,223,255,.13) 50%,transparent 57%);
  transform:translateX(-120%);
  animation:ai1BackupCardSheen 6s ease-in-out infinite;
}

.ai1-page--timeline-backups .ai1-backup-card:nth-child(2)::before{animation-delay:.5s;}
.ai1-page--timeline-backups .ai1-backup-card:nth-child(3)::before{animation-delay:1s;}
.ai1-page--timeline-backups .ai1-backup-card:nth-child(4)::before{animation-delay:1.5s;}
.ai1-page--timeline-backups .ai1-backup-card:hover{transform:translateY(-8px);border-color:rgba(170,242,255,.66);box-shadow:0 32px 76px rgba(0,0,0,.52),0 0 38px rgba(95,223,255,.16),inset 0 1px 0 rgba(255,255,255,.11);}

.ai1-page--timeline-backups .ai1-backup-card__icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin-bottom:1.2rem;
  border:1px solid rgba(95,223,255,.38);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(217,251,255,.18),rgba(0,140,255,.2));
  color:#9fefff;
  font-size:1.6rem;
  font-weight:1000;
  box-shadow:0 0 22px rgba(95,223,255,.16),inset 0 1px 0 rgba(255,255,255,.08);
}

.ai1-page--timeline-backups .ai1-backup-card h3{margin:0 0 .7rem;color:#fff;font-size:1.45rem;}
.ai1-page--timeline-backups .ai1-backup-card p{margin:0;}

.ai1-page--timeline-backups .ai1-backup-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.2rem;
  counter-reset:backup-step;
}

.ai1-page--timeline-backups .ai1-backup-step{
  position:relative;
  padding:1.6rem 1.4rem 1.4rem;
  border:1px solid rgba(121,221,255,.22);
  border-radius:24px;
  background:rgba(255,255,255,.045);
  box-shadow:0 16px 38px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05);
}

.ai1-page--timeline-backups .ai1-backup-step::before{
  counter-increment:backup-step;
  content:counter(backup-step);
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-bottom:1rem;
  border-radius:50%;
  background:linear-gradient(135deg,#d9fbff,#5fdfff,#008cff);
  color:#03101b;
  font-weight:1000;
  box-shadow:0 0 22px rgba(95,223,255,.36);
}

.ai1-page--timeline-backups .ai1-backup-step h3{margin:0 0 .65rem;color:#fff;font-size:1.35rem;}
.ai1-page--timeline-backups .ai1-backup-step p{margin:0;}

.ai1-page--timeline-backups .ai1-backup-faq{
  display:grid;
  gap:1rem;
  margin-top:2rem;
}

.ai1-page--timeline-backups .ai1-backup-faq details{
  overflow:hidden;
  border:1px solid rgba(121,221,255,.2);
  border-radius:20px;
  background:rgba(255,255,255,.045);
  box-shadow:0 14px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
}

.ai1-page--timeline-backups .ai1-backup-faq summary{
  cursor:pointer;
  list-style:none;
  padding:1.2rem 3.2rem 1.2rem 1.25rem;
  color:#fff;
  font-weight:900;
  position:relative;
}
.ai1-page--timeline-backups .ai1-backup-faq summary::-webkit-details-marker{display:none;}
.ai1-page--timeline-backups .ai1-backup-faq summary::after{content:"+";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:#8feeff;font-size:1.4rem;}
.ai1-page--timeline-backups .ai1-backup-faq details[open] summary::after{content:"–";}
.ai1-page--timeline-backups .ai1-backup-faq details p{margin:0;padding:0 1.25rem 1.25rem;}

@keyframes ai1BackupSweep{0%,18%{transform:translateX(-120%);opacity:0;}38%{opacity:1;}68%,100%{transform:translateX(120%);opacity:0;}}
@keyframes ai1BackupLive{0%,100%{transform:scale(.88);filter:brightness(.9);}50%{transform:scale(1.12);filter:brightness(1.25);}}
@keyframes ai1BackupProgress{0%,10%{transform:scaleX(.08);}68%,88%{transform:scaleX(1);}100%{transform:scaleX(.08);}}
@keyframes ai1BackupPoint{0%,72%,100%{transform:scale(.82);filter:brightness(.8);}18%,34%{transform:scale(1.2);filter:brightness(1.35);}}
@keyframes ai1BackupCardSheen{0%,24%{transform:translateX(-120%);opacity:0;}42%{opacity:1;}72%,100%{transform:translateX(120%);opacity:0;}}

@media(max-width:980px){
  .ai1-page--timeline-backups .ai1-backup-console{grid-template-columns:1fr;}
  .ai1-page--timeline-backups .ai1-backup-restore-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:680px){
  .ai1-page--timeline-backups .ai1-backup-console{padding:1rem;border-radius:24px;}
  .ai1-page--timeline-backups .ai1-backup-console__screen,
  .ai1-page--timeline-backups .ai1-backup-console__timeline{padding:1rem;}
  .ai1-page--timeline-backups .ai1-backup-restore-grid,
  .ai1-page--timeline-backups .ai1-backup-steps{grid-template-columns:1fr;}
  .ai1-page--timeline-backups .ai1-backup-card{min-height:0;}
}

@media(prefers-reduced-motion:reduce){
  .ai1-page--timeline-backups .ai1-backup-console::before,
  .ai1-page--timeline-backups .ai1-backup-live::before,
  .ai1-page--timeline-backups .ai1-backup-progress span,
  .ai1-page--timeline-backups .ai1-backup-timeline__point,
  .ai1-page--timeline-backups .ai1-backup-card::before{animation:none!important;}
  .ai1-page--timeline-backups .ai1-backup-progress span{transform:scaleX(1);}
}


/* ============================================================
   TIMELINE BACKUPS — FINAL SERVICES-PAGE CONSISTENCY
   Keeps the bespoke animated hero console, while bringing every
   following section back into the shared AI1Host service-page
   spacing, card language and typography.
   ============================================================ */

.ai1-page--timeline-backups .ai1-section-head{
  width:min(100%,920px);
  margin:0 auto clamp(2.5rem,4vw,3.25rem);
  text-align:center;
}

.ai1-page--timeline-backups .ai1-section-head .ai1-kicker{
  margin-bottom:clamp(2.2rem,3.4vw,3.1rem);
}

.ai1-page--timeline-backups .ai1-section-head h2{
  margin:0 0 1rem;
  color:#fff;
  font-size:clamp(2rem,4.5vw,3.6rem);
  line-height:1.08;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.ai1-page--timeline-backups .ai1-section-head p{
  width:min(100%,850px);
  margin:0 auto;
  color:var(--ai1-muted);
  font-size:clamp(1rem,1.5vw,1.15rem);
  line-height:1.7;
}

/* Make the benefit cards use the same balanced service-card sizing. */
.ai1-page--timeline-backups .ai1-package-feature-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}

.ai1-page--timeline-backups .ai1-highlight-card{
  min-height:270px;
  padding:clamp(1.5rem,3vw,2rem);
  border:3px solid var(--ai1-border);
  border-radius:var(--ai1-radius);
  background:
    radial-gradient(420px 220px at 50% -8%,rgba(95,223,255,.20),transparent 62%),
    linear-gradient(155deg,var(--ai1-panel),var(--ai1-panel2));
  box-shadow:
    0 28px 75px rgba(0,0,0,.5),
    0 0 42px rgba(95,223,255,.10),
    inset 0 1px 0 rgba(255,255,255,.12);
}

/* Restore choices follow the same premium service-card treatment. */
.ai1-page--timeline-backups .ai1-backup-restore-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(1.2rem,2vw,1.7rem);
}

.ai1-page--timeline-backups .ai1-backup-card{
  min-height:285px;
  padding:clamp(1.45rem,2.5vw,1.8rem);
  border:3px solid var(--ai1-border);
  border-radius:var(--ai1-radius);
  background:
    radial-gradient(420px 220px at 50% -8%,rgba(95,223,255,.20),transparent 62%),
    linear-gradient(155deg,var(--ai1-panel),var(--ai1-panel2));
  box-shadow:
    0 28px 75px rgba(0,0,0,.5),
    0 0 42px rgba(95,223,255,.10),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.ai1-page--timeline-backups .ai1-backup-card:hover{
  transform:translateY(-8px);
  border-color:var(--ai1-border-hot);
  box-shadow:
    0 38px 95px rgba(0,0,0,.62),
    0 0 58px rgba(95,223,255,.22),
    inset 0 1px 0 rgba(255,255,255,.14);
}

.ai1-page--timeline-backups .ai1-backup-card__icon{
  width:64px;
  height:64px;
  margin-bottom:1.25rem;
  border:2px solid rgba(190,246,255,.55);
  border-radius:50%;
  background:linear-gradient(135deg,#d9fbff,#5fdfff 48%,#008cff);
  color:#03101b;
  box-shadow:
    0 0 30px rgba(95,223,255,.48),
    0 0 60px rgba(0,140,255,.2),
    inset 0 1px 0 rgba(255,255,255,.65);
}

.ai1-page--timeline-backups .ai1-backup-card h3{
  margin:0 0 .75rem;
  color:#fff;
  font-size:clamp(1.35rem,2.4vw,1.7rem);
  line-height:1.2;
}

/* ============================================================
   SIMPLE RECOVERY — TRAFFIC-LIGHT SEQUENCE
   The three steps illuminate red, amber and green in order.
   Number discs, borders and card backgrounds all take part.
   ============================================================ */

.ai1-page--timeline-backups .ai1-backup-steps{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.2rem,2vw,1.7rem);
  counter-reset:backup-step;
}

.ai1-page--timeline-backups .ai1-backup-step{
  --step-colour:#5fdfff;
  --step-soft:rgba(95,223,255,.12);
  isolation:isolate;
  overflow:hidden;
  min-height:280px;
  padding:clamp(1.55rem,3vw,2rem);
  border:3px solid var(--ai1-border);
  border-radius:var(--ai1-radius);
  background:
    radial-gradient(420px 220px at 50% -8%,rgba(95,223,255,.13),transparent 62%),
    linear-gradient(155deg,var(--ai1-panel),var(--ai1-panel2));
  box-shadow:
    0 28px 75px rgba(0,0,0,.5),
    0 0 42px rgba(95,223,255,.08),
    inset 0 1px 0 rgba(255,255,255,.1);
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease;
  animation:ai1BackupTrafficCard 3.6s linear infinite;
}

.ai1-page--timeline-backups .ai1-backup-step:nth-child(1){
  --step-colour:#ff5964;
  --step-soft:rgba(255,89,100,.18);
  animation-delay:0s;
}

.ai1-page--timeline-backups .ai1-backup-step:nth-child(2){
  --step-colour:#ffc857;
  --step-soft:rgba(255,200,87,.18);
  animation-delay:1.2s;
}

.ai1-page--timeline-backups .ai1-backup-step:nth-child(3){
  --step-colour:#57e389;
  --step-soft:rgba(87,227,137,.18);
  animation-delay:2.4s;
}

.ai1-page--timeline-backups .ai1-backup-step::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(420px 220px at 18% 0%,var(--step-soft),transparent 70%),
    linear-gradient(115deg,transparent 0%,rgba(255,255,255,.025) 43%,var(--step-soft) 50%,transparent 57%);
  opacity:.22;
  transform:translateX(-110%);
  animation:ai1BackupTrafficSweep 3.6s ease-in-out infinite;
}

.ai1-page--timeline-backups .ai1-backup-step:nth-child(2)::after{animation-delay:1.2s;}
.ai1-page--timeline-backups .ai1-backup-step:nth-child(3)::after{animation-delay:2.4s;}

.ai1-page--timeline-backups .ai1-backup-step::before{
  counter-increment:backup-step;
  content:counter(backup-step);
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  margin-bottom:1.35rem;
  border:3px solid rgba(255,255,255,.92);
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 28%,#fff 0 8%,color-mix(in srgb,var(--step-colour) 34%,#fff) 18%,var(--step-colour) 58%,color-mix(in srgb,var(--step-colour) 58%,#020711) 100%);
  color:#03101b;
  font-size:1.2rem;
  font-weight:1000;
  box-shadow:
    0 0 0 8px color-mix(in srgb,var(--step-colour) 12%,transparent),
    0 0 22px color-mix(in srgb,var(--step-colour) 62%,transparent),
    inset 0 1px 3px rgba(255,255,255,.72);
  animation:ai1BackupTrafficLight 3.6s linear infinite;
}

.ai1-page--timeline-backups .ai1-backup-step:nth-child(2)::before{animation-delay:1.2s;}
.ai1-page--timeline-backups .ai1-backup-step:nth-child(3)::before{animation-delay:2.4s;}

.ai1-page--timeline-backups .ai1-backup-step h3{
  position:relative;
  z-index:2;
  margin:0 0 .75rem;
  color:#fff;
  font-size:clamp(1.4rem,2.4vw,1.75rem);
  line-height:1.2;
}

.ai1-page--timeline-backups .ai1-backup-step p{
  position:relative;
  z-index:2;
  margin:0;
}

.ai1-page--timeline-backups .ai1-backup-step:hover{
  transform:translateY(-8px);
  border-color:color-mix(in srgb,var(--step-colour) 75%,#fff);
  box-shadow:
    0 38px 95px rgba(0,0,0,.62),
    0 0 56px color-mix(in srgb,var(--step-colour) 32%,transparent),
    inset 0 1px 0 rgba(255,255,255,.16);
}

@keyframes ai1BackupTrafficCard{
  0%,28%,100%{
    border-color:var(--ai1-border);
    background:
      radial-gradient(420px 220px at 50% -8%,rgba(95,223,255,.13),transparent 62%),
      linear-gradient(155deg,var(--ai1-panel),var(--ai1-panel2));
    box-shadow:
      0 28px 75px rgba(0,0,0,.5),
      0 0 34px rgba(95,223,255,.07),
      inset 0 1px 0 rgba(255,255,255,.1);
  }
  8%,20%{
    border-color:color-mix(in srgb,var(--step-colour) 78%,#fff);
    background:
      radial-gradient(500px 260px at 20% 0%,var(--step-soft),transparent 68%),
      linear-gradient(155deg,var(--ai1-panel),var(--ai1-panel2));
    box-shadow:
      0 34px 88px rgba(0,0,0,.58),
      0 0 30px color-mix(in srgb,var(--step-colour) 48%,transparent),
      0 0 68px color-mix(in srgb,var(--step-colour) 24%,transparent),
      inset 0 1px 0 rgba(255,255,255,.15);
  }
}

@keyframes ai1BackupTrafficLight{
  0%,28%,100%{
    filter:saturate(.55) brightness(.62);
    transform:scale(.9);
    opacity:.58;
  }
  8%,20%{
    filter:saturate(1.25) brightness(1.22);
    transform:scale(1.1);
    opacity:1;
  }
}

@keyframes ai1BackupTrafficSweep{
  0%,6%{transform:translateX(-110%);opacity:0;}
  12%{opacity:1;}
  24%,100%{transform:translateX(110%);opacity:0;}
}

/* Long-form content uses the same generous rhythm as other services pages. */
.ai1-page--timeline-backups .ai1-longform > .ai1-container > h3{
  margin-top:clamp(3rem,5vw,4.5rem);
}

.ai1-page--timeline-backups .ai1-longform > .ai1-container > h3:first-child{
  margin-top:0;
}

.ai1-page--timeline-backups .ai1-cta__panel{
  margin-top:clamp(3rem,5vw,5rem);
}

@media(max-width:1100px){
  .ai1-page--timeline-backups .ai1-backup-restore-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .ai1-page--timeline-backups .ai1-package-feature-grid,
  .ai1-page--timeline-backups .ai1-backup-steps{
    grid-template-columns:1fr;
  }

  .ai1-page--timeline-backups .ai1-backup-step{
    min-height:0;
  }
}

@media(max-width:680px){
  .ai1-page--timeline-backups .ai1-backup-restore-grid{
    grid-template-columns:1fr;
  }

  .ai1-page--timeline-backups .ai1-backup-card,
  .ai1-page--timeline-backups .ai1-highlight-card{
    min-height:0;
  }

  .ai1-page--timeline-backups .ai1-backup-step::before{
    width:56px;
    height:56px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ai1-page--timeline-backups .ai1-backup-step,
  .ai1-page--timeline-backups .ai1-backup-step::before,
  .ai1-page--timeline-backups .ai1-backup-step::after{
    animation:none!important;
  }

  .ai1-page--timeline-backups .ai1-backup-step:nth-child(1){border-color:rgba(255,89,100,.65);}
  .ai1-page--timeline-backups .ai1-backup-step:nth-child(2){border-color:rgba(255,200,87,.65);}
  .ai1-page--timeline-backups .ai1-backup-step:nth-child(3){border-color:rgba(87,227,137,.65);}
}


/* ============================================================
   TIMELINE BACKUPS — ICON & CARD POLISH
   Removes placeholder letters/numbers, uses clean line icons and
   makes the benefits section match the shared hosting cards.
   ============================================================ */

/* Match the exact three-card presentation used by hosting pages. */
.ai1-page--timeline-backups .ai1-package-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.2rem,2vw,1.7rem);
  align-items:stretch;
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card{
  min-height:250px;
  padding:clamp(1.5rem,3vw,2rem);
  border:2px solid rgba(121,221,255,.24);
  border-radius:28px;
  background:
    radial-gradient(360px 170px at 15% 0%,rgba(0,140,255,.17),transparent 70%),
    linear-gradient(150deg,rgba(11,31,50,.93),rgba(2,8,18,.97));
  box-shadow:0 24px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card:hover{
  transform:translateY(-8px);
  border-color:rgba(170,242,255,.66);
  box-shadow:0 34px 78px rgba(0,0,0,.52),0 0 40px rgba(95,223,255,.17),inset 0 1px 0 rgba(255,255,255,.12);
}

/* Shared icon treatment. */
.ai1-page--timeline-backups .ai1-backup-orb,
.ai1-page--timeline-backups .ai1-backup-card__icon,
.ai1-page--timeline-backups .ai1-backup-step__light{
  display:grid;
  place-items:center;
  color:#03101b;
}

.ai1-page--timeline-backups .ai1-backup-orb svg,
.ai1-page--timeline-backups .ai1-backup-card__icon svg,
.ai1-page--timeline-backups .ai1-backup-step__light svg{
  width:56%;
  height:56%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Benefit-card orb: same size and glow as the other hosting pages. */
.ai1-page--timeline-backups .ai1-highlight-card .ai1-backup-orb{
  width:50px;
  height:50px;
  margin:0 0 1.25rem;
  border:1px solid rgba(95,223,255,.52);
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#fff 0 8%,#a8f2ff 18%,#20b8ef 52%,#006fbd 78%,#032f55 100%);
  box-shadow:0 0 18px rgba(95,223,255,.72),0 0 38px rgba(0,140,255,.3),inset 0 1px 2px rgba(255,255,255,.72);
  animation:ai1BackupIconPulse 2.35s ease-in-out infinite;
}

.ai1-page--timeline-backups .ai1-highlight-card:nth-child(2) .ai1-backup-orb{animation-delay:.35s;}
.ai1-page--timeline-backups .ai1-highlight-card:nth-child(3) .ai1-backup-orb{animation-delay:.7s;}

/* Restore options: stronger symbols, no alphabet soup. */
.ai1-page--timeline-backups .ai1-backup-card__icon{
  width:68px;
  height:68px;
  margin:0 0 1.35rem;
  border:2px solid rgba(205,249,255,.72);
  border-radius:22px;
  background:
    radial-gradient(circle at 32% 25%,rgba(255,255,255,.95) 0 7%,transparent 8%),
    linear-gradient(145deg,#a8f5ff 0%,#38c9f5 42%,#008cff 72%,#07508a 100%);
  box-shadow:0 0 0 7px rgba(95,223,255,.07),0 0 26px rgba(95,223,255,.48),0 0 52px rgba(0,140,255,.2),inset 0 1px 3px rgba(255,255,255,.75);
  transform:rotate(-3deg);
  transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;
}

.ai1-page--timeline-backups .ai1-backup-card:nth-child(even) .ai1-backup-card__icon{transform:rotate(3deg);}
.ai1-page--timeline-backups .ai1-backup-card:hover .ai1-backup-card__icon{
  transform:rotate(0) translateY(-3px) scale(1.06);
  filter:brightness(1.12);
  box-shadow:0 0 0 9px rgba(95,223,255,.09),0 0 34px rgba(95,223,255,.64),0 0 68px rgba(0,140,255,.28),inset 0 1px 3px rgba(255,255,255,.8);
}

/* Remove the old counter-number traffic light. */
.ai1-page--timeline-backups .ai1-backup-step::before{
  content:none!important;
  display:none!important;
}

/* New traffic-light icon discs: red, amber, green in sequence. */
.ai1-page--timeline-backups .ai1-backup-step__light{
  position:relative;
  z-index:2;
  width:66px;
  height:66px;
  margin:0 0 1.35rem;
  border:3px solid rgba(255,255,255,.92);
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 28%,#fff 0 8%,color-mix(in srgb,var(--step-colour) 34%,#fff) 18%,var(--step-colour) 58%,color-mix(in srgb,var(--step-colour) 58%,#020711) 100%);
  box-shadow:
    0 0 0 8px color-mix(in srgb,var(--step-colour) 12%,transparent),
    0 0 22px color-mix(in srgb,var(--step-colour) 62%,transparent),
    inset 0 1px 3px rgba(255,255,255,.72);
  animation:ai1BackupTrafficLight 3.6s linear infinite;
}

.ai1-page--timeline-backups .ai1-backup-step:nth-child(2) .ai1-backup-step__light{animation-delay:1.2s;}
.ai1-page--timeline-backups .ai1-backup-step:nth-child(3) .ai1-backup-step__light{animation-delay:2.4s;}

@keyframes ai1BackupIconPulse{
  0%,100%{transform:scale(.94);filter:brightness(.92);}
  50%{transform:scale(1.07);filter:brightness(1.2);}
}

@media(max-width:900px){
  .ai1-page--timeline-backups .ai1-package-feature-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .ai1-page--timeline-backups .ai1-backup-card__icon{
    width:60px;
    height:60px;
    border-radius:19px;
  }

  .ai1-page--timeline-backups .ai1-backup-step__light{
    width:58px;
    height:58px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ai1-page--timeline-backups .ai1-backup-orb,
  .ai1-page--timeline-backups .ai1-backup-step__light{
    animation:none!important;
    filter:none!important;
    transform:none!important;
  }
}

/* ============================================================
   TIMELINE BACKUPS — SHARED HOSTING HIGHLIGHT CARDS
   Final authoritative override. These three cards now use the
   same dimensions, grid behaviour and visual treatment as Linux,
   Windows, WordPress and Joomla. Only the SVG inside each shared
   pulse orb is Timeline-specific.
   ============================================================ */

.ai1-page--timeline-backups .ai1-package-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.2rem,2vw,1.7rem);
  align-items:stretch;
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  min-height:250px;
  padding:clamp(1.5rem,3vw,2rem);
  border:2px solid rgba(121,221,255,.24);
  border-radius:28px;
  background:
    radial-gradient(360px 170px at 15% 0%,rgba(0,140,255,.17),transparent 70%),
    linear-gradient(150deg,rgba(11,31,50,.93),rgba(2,8,18,.97));
  box-shadow:
    0 24px 60px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,255,255,.08);
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(
    115deg,
    transparent 0%,
    rgba(255,255,255,.025) 43%,
    rgba(95,223,255,.13) 50%,
    transparent 57%
  );
  transform:translateX(-120%);
  animation:ai1PackageFeatureSheen 6s ease-in-out infinite;
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card:nth-child(2)::before{
  animation-delay:.65s;
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card:nth-child(3)::before{
  animation-delay:1.3s;
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card:hover{
  transform:translateY(-8px);
  border-color:rgba(170,242,255,.66);
  box-shadow:
    0 34px 78px rgba(0,0,0,.52),
    0 0 40px rgba(95,223,255,.17),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card__pulse{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  margin:0 0 1.25rem;
  border:1px solid rgba(95,223,255,.45);
  border-radius:50%;
  background:
    radial-gradient(
      circle,
      #fff 0 8%,
      #8ef2ff 18%,
      #008cff 58%,
      rgba(0,140,255,.08) 62%
    );
  color:#03101b;
  box-shadow:
    0 0 18px rgba(95,223,255,.68),
    0 0 38px rgba(0,140,255,.28);
  animation:ai1PackagePulse 2.2s ease-in-out infinite;
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card:nth-child(2) .ai1-highlight-card__pulse{
  animation-delay:.35s;
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card:nth-child(3) .ai1-highlight-card__pulse{
  animation-delay:.7s;
}

.ai1-page--timeline-backups .ai1-highlight-card__pulse--icon svg{
  width:56%;
  height:56%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card h3{
  margin:0 0 .75rem;
  color:#fff;
  font-size:clamp(1.35rem,2.4vw,1.8rem);
  line-height:1.2;
}

.ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card p{
  margin:0;
}

/* Override the shared two-column tablet rule slightly earlier for this
   three-card row, so it remains visually identical for longer. */
@media(max-width:900px){
  .ai1-page--timeline-backups .ai1-package-feature-grid{
    grid-template-columns:1fr;
  }

  .ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card{
    min-height:0;
  }
}

@media(prefers-reduced-motion:reduce){
  .ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card::before,
  .ai1-page--timeline-backups .ai1-package-feature-grid .ai1-highlight-card__pulse{
    animation:none!important;
  }
}

/* ============================================================
   TIMELINE BACKUPS — FINAL THREE-CARD GRID FIX
   The shared services stylesheet switches .ai1-grid--features to
   two columns at 1100px. Timeline Backups keeps this particular
   highlight row in three equal columns until the mobile layout.
   ============================================================ */

.ai1-page--timeline-backups .ai1-grid.ai1-grid--features.ai1-package-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(1.2rem,2vw,1.7rem)!important;
  align-items:stretch!important;
}

.ai1-page--timeline-backups .ai1-grid.ai1-grid--features.ai1-package-feature-grid > .ai1-highlight-card{
  width:100%;
  min-width:0;
  min-height:250px;
}

/* Keep the icon version visually identical to the shared pulse orb. */
.ai1-page--timeline-backups .ai1-highlight-card__pulse--icon{
  display:grid;
  place-items:center;
}

.ai1-page--timeline-backups .ai1-highlight-card__pulse--icon svg{
  width:56%;
  height:56%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Only stack once the cards would genuinely become cramped. */
@media(max-width:820px){
  .ai1-page--timeline-backups .ai1-grid.ai1-grid--features.ai1-package-feature-grid{
    grid-template-columns:1fr!important;
  }

  .ai1-page--timeline-backups .ai1-grid.ai1-grid--features.ai1-package-feature-grid > .ai1-highlight-card{
    min-height:0;
  }
}


/* ============================================================
   TIMELINE BACKUPS — ISOLATED BENEFIT CARDS
   These classes deliberately avoid .ai1-grid--features and
   .ai1-highlight-card so features.css cannot override the layout.
   Visual values mirror the hosting cards in services.css.
   ============================================================ */

.ai1-page--timeline-backups .ai1-backup-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.2rem,2vw,1.7rem);
  align-items:stretch;
  width:100%;
}

.ai1-page--timeline-backups .ai1-backup-benefit-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  min-height:250px;
  padding:clamp(1.5rem,3vw,2rem);
  border:2px solid rgba(121,221,255,.24);
  border-radius:28px;
  background:
    radial-gradient(360px 170px at 15% 0%,rgba(0,140,255,.17),transparent 70%),
    linear-gradient(150deg,rgba(11,31,50,.93),rgba(2,8,18,.97));
  box-shadow:
    0 24px 60px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,255,255,.08);
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.ai1-page--timeline-backups .ai1-backup-benefit-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(
    115deg,
    transparent 0%,
    rgba(255,255,255,.025) 43%,
    rgba(95,223,255,.13) 50%,
    transparent 57%
  );
  transform:translateX(-120%);
  animation:ai1PackageFeatureSheen 6s ease-in-out infinite;
}

.ai1-page--timeline-backups .ai1-backup-benefit-card:nth-child(2)::before{animation-delay:.65s;}
.ai1-page--timeline-backups .ai1-backup-benefit-card:nth-child(3)::before{animation-delay:1.3s;}

.ai1-page--timeline-backups .ai1-backup-benefit-card:hover{
  transform:translateY(-8px);
  border-color:rgba(170,242,255,.66);
  box-shadow:
    0 34px 78px rgba(0,0,0,.52),
    0 0 40px rgba(95,223,255,.17),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.ai1-page--timeline-backups .ai1-backup-benefit-icon{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  margin:0 0 1.25rem;
  border:1px solid rgba(95,223,255,.45);
  border-radius:50%;
  background:radial-gradient(circle,#fff 0 8%,#8ef2ff 18%,#008cff 58%,rgba(0,140,255,.08) 62%);
  color:#03101b;
  box-shadow:
    0 0 18px rgba(95,223,255,.68),
    0 0 38px rgba(0,140,255,.28);
  animation:ai1PackagePulse 2.2s ease-in-out infinite;
}

.ai1-page--timeline-backups .ai1-backup-benefit-card:nth-child(2) .ai1-backup-benefit-icon{animation-delay:.35s;}
.ai1-page--timeline-backups .ai1-backup-benefit-card:nth-child(3) .ai1-backup-benefit-icon{animation-delay:.7s;}

.ai1-page--timeline-backups .ai1-backup-benefit-icon svg{
  width:56%;
  height:56%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ai1-page--timeline-backups .ai1-backup-benefit-card h3{
  margin:0 0 .75rem;
  color:#fff;
  font-size:clamp(1.35rem,2.4vw,1.8rem);
  line-height:1.2;
}

.ai1-page--timeline-backups .ai1-backup-benefit-card p{margin:0;}

@media(max-width:820px){
  .ai1-page--timeline-backups .ai1-backup-benefit-grid{
    grid-template-columns:1fr;
  }

  .ai1-page--timeline-backups .ai1-backup-benefit-card{
    min-height:0;
  }
}

@media(prefers-reduced-motion:reduce){
  .ai1-page--timeline-backups .ai1-backup-benefit-card::before,
  .ai1-page--timeline-backups .ai1-backup-benefit-icon{
    animation:none!important;
  }
}