/* ============================================================
   AI1HOST FEATURE PAGE STYLES
   Control Panel, CDN, Domain Management, Green Hosting,
   Platform & Technologies and Security Features.
   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;}}

/* ============================================================
   SHARED AI1HOST FEATURE PAGES
   Control Panel, CDN, Domain Management, Platform,
   Security Features and Green Hosting
   ============================================================ */

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

.ai1-feature-page .ai1-section-head{
  max-width:960px;
}

.ai1-feature-page .ai1-grid--features{
  align-items:stretch;
}

.ai1-feature-page .ai1-card{
  height:100%;
  margin:0;
}

.ai1-feature-page .ai1-card h3{
  text-align:center;
}

.ai1-feature-page .ai1-card > p:first-of-type{
  margin-top:0;
}

.ai1-feature-page .ai1-card .ai1-list{
  margin-top:1rem;
}

.ai1-feature-page .ai1-table-wrap{
  margin-bottom:0;
}

.ai1-feature-page .ai1-cta__panel{
  max-width:900px;
  margin:0 auto;
}

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

/* ============================================================
   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;
  }
}


/* ============================================================
   FEATURE PAGES — ANIMATED SHOWCASE, LIVE STATS & MAGIC CARDS
   Shared across Control Panel, CDN, Domains, Green Hosting,
   Platform and Security while retaining page-specific visuals.
   ============================================================ */

.ai1-feature-showcase .ai1-section-head > p{
  max-width:820px;
  margin:0 auto;
  text-align:center;
}

.ai1-feature-showcase__layout{
  display:grid;
  grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);
  gap:clamp(1.4rem,3vw,2.2rem);
  align-items:stretch;
}

.ai1-feature-visual{
  --visual-accent:#5fdfff;
  --visual-accent-rgb:95,223,255;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:430px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:2rem;
  border:2px solid rgba(var(--visual-accent-rgb),.38);
  border-radius:30px;
  background:
    radial-gradient(360px 250px at 50% 42%,rgba(var(--visual-accent-rgb),.18),transparent 68%),
    radial-gradient(500px 220px at 50% 0%,rgba(0,140,255,.16),transparent 72%),
    linear-gradient(155deg,rgba(10,31,51,.95),rgba(2,8,18,.98));
  box-shadow:0 30px 78px rgba(0,0,0,.48),0 0 45px rgba(var(--visual-accent-rgb),.13),inset 0 1px 0 rgba(255,255,255,.1);
}

.ai1-feature-visual--energy{--visual-accent:#64ec84;--visual-accent-rgb:100,236,132;}
.ai1-feature-visual--shield{--visual-accent:#ff6473;--visual-accent-rgb:255,100,115;}
.ai1-feature-visual--dns{--visual-accent:#b58cff;--visual-accent-rgb:181,140,255;}
.ai1-feature-visual--servers{--visual-accent:#69d9ff;--visual-accent-rgb:105,217,255;}
.ai1-feature-visual--network{--visual-accent:#55e9c4;--visual-accent-rgb:85,233,196;}

.ai1-feature-visual::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-35%;
  background:conic-gradient(from 0deg,transparent 0 300deg,rgba(var(--visual-accent-rgb),.32) 330deg,rgba(255,255,255,.48) 348deg,transparent 360deg);
  animation:ai1FeatureVisualHalo 13s linear infinite;
}

.ai1-feature-visual::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:2px;
  border-radius:27px;
  background-image:linear-gradient(rgba(var(--visual-accent-rgb),.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--visual-accent-rgb),.055) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(circle at center,#000 20%,transparent 78%);
  animation:ai1FeatureGridDrift 18s linear infinite;
}

.ai1-feature-visual__scan{
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  top:-20%;
  height:18%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(var(--visual-accent-rgb),.08),rgba(255,255,255,.18),transparent);
  filter:blur(2px);
  animation:ai1FeatureScan 4.8s ease-in-out infinite;
}

.ai1-feature-visual__core{
  position:relative;
  z-index:3;
  display:grid;
  place-items:center;
  width:104px;
  height:104px;
  border:2px solid rgba(var(--visual-accent-rgb),.72);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(var(--visual-accent-rgb),.12)),rgba(2,10,20,.92);
  box-shadow:0 0 22px rgba(var(--visual-accent-rgb),.58),0 0 70px rgba(var(--visual-accent-rgb),.22),inset 0 1px 0 rgba(255,255,255,.18);
  transform:rotate(45deg);
  animation:ai1FeatureCoreFloat 3.4s ease-in-out infinite;
}

.ai1-feature-visual__core span{
  width:42px;
  height:42px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--visual-accent) 30%,rgba(var(--visual-accent-rgb),.38) 64%,rgba(0,0,0,.1) 70%);
  box-shadow:0 0 18px rgba(var(--visual-accent-rgb),.9),0 0 42px rgba(var(--visual-accent-rgb),.45);
  animation:ai1FeatureCorePulse 1.8s ease-in-out infinite;
}

.ai1-feature-visual--shield .ai1-feature-visual__core{border-radius:52% 52% 62% 62% / 35% 35% 72% 72%;transform:none;}
.ai1-feature-visual--energy .ai1-feature-visual__core{border-radius:50% 50% 50% 12%;}
.ai1-feature-visual--network .ai1-feature-visual__core{border-radius:50%;}
.ai1-feature-visual--servers .ai1-feature-visual__core{border-radius:18px;transform:none;}
.ai1-feature-visual--dns .ai1-feature-visual__core{border-radius:24px;}

.ai1-feature-visual__orbit{
  position:absolute;
  z-index:2;
  left:50%;
  top:43%;
  width:220px;
  height:220px;
  margin:-110px 0 0 -110px;
  border:1px solid rgba(var(--visual-accent-rgb),.36);
  border-radius:50%;
  box-shadow:inset 0 0 30px rgba(var(--visual-accent-rgb),.06);
  animation:ai1FeatureOrbit 8s linear infinite;
}
.ai1-feature-visual__orbit::before{
  content:"";
  position:absolute;
  top:50%;
  left:-5px;
  width:10px;
  height:10px;
  margin-top:-5px;
  border-radius:50%;
  background:var(--visual-accent);
  box-shadow:0 0 14px rgba(var(--visual-accent-rgb),.95);
}
.ai1-feature-visual__orbit--two{
  width:310px;
  height:310px;
  margin:-155px 0 0 -155px;
  border-style:dashed;
  opacity:.62;
  animation-duration:13s;
  animation-direction:reverse;
}

.ai1-feature-visual__nodes{
  position:absolute;
  z-index:2;
  left:50%;
  top:43%;
  width:290px;
  height:290px;
  transform:translate(-50%,-50%);
}
.ai1-feature-visual__nodes i{
  position:absolute;
  width:13px;
  height:13px;
  border-radius:50%;
  background:var(--visual-accent);
  box-shadow:0 0 15px rgba(var(--visual-accent-rgb),.88),0 0 0 7px rgba(var(--visual-accent-rgb),.08);
  animation:ai1FeatureNodePulse 2.5s ease-in-out infinite;
}
.ai1-feature-visual__nodes i:nth-child(1){left:12%;top:22%;}
.ai1-feature-visual__nodes i:nth-child(2){right:10%;top:18%;animation-delay:.3s;}
.ai1-feature-visual__nodes i:nth-child(3){right:3%;top:58%;animation-delay:.6s;}
.ai1-feature-visual__nodes i:nth-child(4){right:24%;bottom:4%;animation-delay:.9s;}
.ai1-feature-visual__nodes i:nth-child(5){left:18%;bottom:7%;animation-delay:1.2s;}
.ai1-feature-visual__nodes i:nth-child(6){left:2%;top:58%;animation-delay:1.5s;}

.ai1-feature-visual__status{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  gap:.65rem;
  margin-top:130px;
  padding:.72rem 1rem;
  border:1px solid rgba(var(--visual-accent-rgb),.3);
  border-radius:999px;
  background:rgba(0,0,0,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  color:#fff;
  font-weight:900;
  font-size:.85rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.ai1-feature-visual__status b{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--visual-accent);
  box-shadow:0 0 14px rgba(var(--visual-accent-rgb),.95);
  animation:ai1FeatureStatus 1.4s ease-in-out infinite;
}
.ai1-feature-visual > p{
  position:relative;
  z-index:4;
  max-width:390px;
  margin:1rem auto 0;
  color:rgba(255,255,255,.68);
  text-align:center;
}

.ai1-feature-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1rem,2vw,1.35rem);
}

.ai1-feature-stat{
  --ai1-feature-progress:0%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:198px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:1.5rem 1rem 1.8rem;
  border:2px solid rgba(121,221,255,.22);
  border-radius:28px;
  background:radial-gradient(260px 120px at 50% 0%,rgba(95,223,255,.15),transparent 70%),linear-gradient(155deg,rgba(11,31,50,.92),rgba(2,8,18,.96));
  box-shadow:0 22px 55px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);
  text-align:center;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.ai1-feature-stat::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(112deg,transparent 0%,rgba(255,255,255,.025) 42%,rgba(95,223,255,.17) 50%,transparent 58%);
  transform:translateX(-120%);
  animation:ai1FeatureStatSheen 5.5s ease-in-out infinite;
}
.ai1-feature-stat:nth-child(2)::before{animation-delay:.45s;}
.ai1-feature-stat:nth-child(3)::before{animation-delay:.9s;}
.ai1-feature-stat:nth-child(4)::before{animation-delay:1.35s;}
.ai1-feature-stat::after{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:.8rem;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#65ef83 0 var(--ai1-feature-progress),rgba(95,223,255,.12) var(--ai1-feature-progress) 100%);
  box-shadow:0 0 12px rgba(99,239,130,.3);
}
.ai1-feature-stat:hover{
  transform:translateY(-7px);
  border-color:rgba(165,241,255,.65);
  box-shadow:0 32px 72px rgba(0,0,0,.5),0 0 38px rgba(95,223,255,.16),inset 0 1px 0 rgba(255,255,255,.12);
}
.ai1-feature-stat__value{
  display:block;
  color:#8df3a5;
  font-size:clamp(2.35rem,5vw,4rem);
  font-weight:1000;
  line-height:1;
  letter-spacing:-.06em;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 16px rgba(99,239,130,.58),0 0 34px rgba(32,185,77,.24);
  opacity:.2;
  transform:translateY(10px) scale(.95);
  transition:opacity .4s ease,transform .4s ease;
}
.ai1-feature-stat.is-counting .ai1-feature-stat__value,
.ai1-feature-stat.is-complete .ai1-feature-stat__value{opacity:1;transform:none;}
.ai1-feature-stat__label{
  display:block;
  margin-top:.75rem;
  color:rgba(255,255,255,.72);
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.1em;
  line-height:1.35;
  text-transform:uppercase;
}

.ai1-feature-page .ai1-feature-magic-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(121,221,255,.24);
  background:radial-gradient(330px 150px at 15% 0%,rgba(0,140,255,.15),transparent 70%),linear-gradient(150deg,rgba(11,31,50,.94),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 .3s ease,border-color .3s ease,box-shadow .3s ease;
  animation:ai1FeatureCardRise .7s both;
  animation-delay:calc(min(var(--ai1-card-order), 12) * 55ms);
}
.ai1-feature-page .ai1-feature-magic-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.02) 43%,rgba(95,223,255,.13) 50%,transparent 57%);
  transform:translateX(-120%);
  animation:ai1FeatureCardSheen 6.2s ease-in-out infinite;
  animation-delay:calc(var(--ai1-card-order) * 180ms);
}
.ai1-feature-page .ai1-feature-magic-card::after{
  content:"";
  position:absolute;
  top:1.35rem;
  left:1.35rem;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#75eaff;
  box-shadow:0 0 14px rgba(95,223,255,.95),0 0 0 7px rgba(95,223,255,.07);
  animation:ai1FeatureCardBeacon 2.4s ease-in-out infinite;
  animation-delay:calc(var(--ai1-card-order) * 120ms);
}
.ai1-feature-page .ai1-feature-magic-card h3{padding-left:1.65rem;}
.ai1-feature-page .ai1-feature-magic-card:hover{
  transform:translateY(-9px) scale(1.01);
  border-color:rgba(171,242,255,.66);
  box-shadow:0 36px 82px rgba(0,0,0,.54),0 0 42px rgba(95,223,255,.18),inset 0 1px 0 rgba(255,255,255,.12);
}
.ai1-feature-page .ai1-feature-magic-card .ai1-list li{
  transition:transform .22s ease,color .22s ease;
}
.ai1-feature-page .ai1-feature-magic-card:hover .ai1-list li{transform:translateX(4px);color:rgba(255,255,255,.84);}

@keyframes ai1FeatureVisualHalo{to{transform:rotate(360deg);}}
@keyframes ai1FeatureGridDrift{to{background-position:32px 32px,32px 32px;}}
@keyframes ai1FeatureScan{0%,14%{top:-20%;opacity:0;}28%{opacity:1;}72%{opacity:.85;}88%,100%{top:112%;opacity:0;}}
@keyframes ai1FeatureCoreFloat{0%,100%{translate:0 0;}50%{translate:0 -8px;}}
@keyframes ai1FeatureCorePulse{0%,100%{transform:scale(.88);filter:brightness(.92);}50%{transform:scale(1.12);filter:brightness(1.3);}}
@keyframes ai1FeatureOrbit{to{transform:rotate(360deg);}}
@keyframes ai1FeatureNodePulse{0%,100%{transform:scale(.75);opacity:.48;}50%{transform:scale(1.15);opacity:1;}}
@keyframes ai1FeatureStatus{0%,100%{transform:scale(.82);opacity:.65;}50%{transform:scale(1.18);opacity:1;}}
@keyframes ai1FeatureStatSheen{0%,20%{transform:translateX(-120%);opacity:0;}38%{opacity:1;}72%,100%{transform:translateX(120%);opacity:0;}}
@keyframes ai1FeatureCardRise{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
@keyframes ai1FeatureCardSheen{0%,25%{transform:translateX(-120%);opacity:0;}42%{opacity:1;}72%,100%{transform:translateX(120%);opacity:0;}}
@keyframes ai1FeatureCardBeacon{0%,100%{transform:scale(.85);filter:brightness(.85);}50%{transform:scale(1.15);filter:brightness(1.3);}}

@media(max-width:900px){
  .ai1-feature-showcase__layout{grid-template-columns:1fr;}
  .ai1-feature-visual{min-height:390px;}
}
@media(max-width:680px){
  .ai1-feature-stats{grid-template-columns:1fr;}
  .ai1-feature-stat{min-height:145px;}
  .ai1-feature-visual{min-height:350px;padding:1.35rem;}
  .ai1-feature-visual__orbit{width:180px;height:180px;margin:-90px 0 0 -90px;}
  .ai1-feature-visual__orbit--two{width:250px;height:250px;margin:-125px 0 0 -125px;}
  .ai1-feature-visual__nodes{width:235px;height:235px;}
  .ai1-feature-visual__status{margin-top:110px;font-size:.74rem;}
}

@media(prefers-reduced-motion:reduce){
  .ai1-feature-visual::before,
  .ai1-feature-visual::after,
  .ai1-feature-visual__scan,
  .ai1-feature-visual__core,
  .ai1-feature-visual__core span,
  .ai1-feature-visual__orbit,
  .ai1-feature-visual__nodes i,
  .ai1-feature-visual__status b,
  .ai1-feature-stat::before,
  .ai1-feature-page .ai1-feature-magic-card,
  .ai1-feature-page .ai1-feature-magic-card::before,
  .ai1-feature-page .ai1-feature-magic-card::after{animation:none!important;}
  .ai1-feature-stat__value{opacity:1;transform:none;}
}
/* ============================================================
   FEATURE PAGES — PREMIUM ANIMATED CONTENT CARDS
   Replaces the plain bordered boxes with layered, animated cards
   across every AI1Host feature page.
   ============================================================ */

.ai1-feature-page .ai1-main .ai1-grid--features{
  counter-reset:ai1-feature-card;
  gap:clamp(1.35rem,2.4vw,2rem);
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card{
  --card-accent:#5fdfff;
  --card-accent-rgb:95,223,255;
  counter-increment:ai1-feature-card;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:clamp(2.2rem,3vw,2.7rem) clamp(1.55rem,2.5vw,2.1rem) clamp(1.7rem,2.6vw,2.15rem);
  border:1px solid rgba(var(--card-accent-rgb),.34);
  border-radius:30px;
  background:
    radial-gradient(360px 210px at 14% -4%,rgba(var(--card-accent-rgb),.22),transparent 68%),
    radial-gradient(260px 170px at 96% 102%,rgba(0,140,255,.12),transparent 72%),
    linear-gradient(150deg,rgba(11,31,50,.97),rgba(2,8,18,.985));
  box-shadow:
    0 24px 62px rgba(0,0,0,.46),
    0 0 0 1px rgba(255,255,255,.035),
    0 0 34px rgba(var(--card-accent-rgb),.09),
    inset 0 1px 0 rgba(255,255,255,.1);
  transform:translateZ(0);
  transition:
    transform .35s cubic-bezier(.2,.75,.25,1),
    border-color .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

/* Subtle colour rhythm so a large grid does not look cloned. */
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card:nth-child(3n+2){
  --card-accent:#7f9dff;
  --card-accent-rgb:127,157,255;
}
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card:nth-child(3n+3){
  --card-accent:#5ce3b2;
  --card-accent-rgb:92,227,178;
}

/* Page-specific accent adjustments. */
.ai1-page--security .ai1-main .ai1-grid--features > .ai1-card:nth-child(odd){
  --card-accent:#ff6978;
  --card-accent-rgb:255,105,120;
}
.ai1-page--green-hosting .ai1-main .ai1-grid--features > .ai1-card{
  --card-accent:#65e986;
  --card-accent-rgb:101,233,134;
}
.ai1-page--domain-management .ai1-main .ai1-grid--features > .ai1-card:nth-child(odd){
  --card-accent:#bd92ff;
  --card-accent-rgb:189,146,255;
}
.ai1-page--cdn .ai1-main .ai1-grid--features > .ai1-card:nth-child(odd){
  --card-accent:#55e9c4;
  --card-accent-rgb:85,233,196;
}

/* Animated circuitry in the background. */
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 9%,rgba(var(--card-accent-rgb),.12) 9% 9.4%,transparent 9.4% 100%),
    linear-gradient(0deg,transparent 0 82%,rgba(var(--card-accent-rgb),.09) 82% 82.6%,transparent 82.6% 100%),
    radial-gradient(circle at 9% 82%,rgba(var(--card-accent-rgb),.85) 0 3px,transparent 4px),
    radial-gradient(circle at 91% 18%,rgba(var(--card-accent-rgb),.72) 0 3px,transparent 4px);
  opacity:.42;
  transform:scale(1.04);
  transition:opacity .35s ease,transform .55s ease;
}

/* Moving light sweep. */
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-15%;
  bottom:-15%;
  left:-45%;
  width:30%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(var(--card-accent-rgb),.2),rgba(255,255,255,.08),transparent);
  filter:blur(2px);
  transform:skewX(-18deg);
  animation:ai1FeatureCardSweep 7s ease-in-out infinite;
  animation-delay:calc((counter(ai1-feature-card) - 1) * .18s);
}

/* Number badge doubles as a live status indicator. */
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3::before{
  content:counter(ai1-feature-card,decimal-leading-zero);
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border:1px solid rgba(var(--card-accent-rgb),.7);
  border-radius:15px;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.38),transparent 28%),
    linear-gradient(145deg,rgba(var(--card-accent-rgb),.26),rgba(var(--card-accent-rgb),.06));
  color:#fff;
  font-size:.78rem;
  font-weight:1000;
  letter-spacing:.08em;
  box-shadow:
    0 0 18px rgba(var(--card-accent-rgb),.42),
    inset 0 1px 0 rgba(255,255,255,.15);
  text-shadow:0 0 12px rgba(var(--card-accent-rgb),.85);
  animation:ai1FeatureCardBadge 2.8s ease-in-out infinite;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:1rem;
  min-height:58px;
  margin:0 0 1.25rem;
  padding:0;
  color:#fff;
  font-size:clamp(1.35rem,2.3vw,1.82rem);
  line-height:1.18;
  text-align:left;
  text-wrap:balance;
}

/* Illuminated rail below each heading. */
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3::after{
  content:"";
  position:absolute;
  left:clamp(1.55rem,2.5vw,2.1rem);
  right:clamp(1.55rem,2.5vw,2.1rem);
  top:calc(clamp(2.2rem,3vw,2.7rem) + 67px);
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(var(--card-accent-rgb),.95),rgba(var(--card-accent-rgb),.18),transparent);
  box-shadow:0 0 14px rgba(var(--card-accent-rgb),.46);
  transform-origin:left;
  animation:ai1FeatureCardRail 3.6s ease-in-out infinite;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card p{
  position:relative;
  z-index:2;
  margin:.7rem 0 0;
  color:rgba(255,255,255,.73);
  font-size:1rem;
  line-height:1.72;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card .ai1-list{
  position:relative;
  z-index:2;
  margin-top:1rem;
  padding:1rem 1.05rem;
  border:1px solid rgba(var(--card-accent-rgb),.14);
  border-radius:18px;
  background:rgba(0,0,0,.16);
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card .ai1-list li::before{
  color:var(--card-accent);
  text-shadow:0 0 13px rgba(var(--card-accent-rgb),.7);
}

/* Bottom telemetry strip. */
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card > :last-child::after{
  content:"LIVE SYSTEM";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  margin-top:1.35rem;
  padding:.35rem .72rem .32rem 1.55rem;
  border:1px solid rgba(var(--card-accent-rgb),.22);
  border-radius:999px;
  background:rgba(var(--card-accent-rgb),.07);
  color:rgba(255,255,255,.58);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;
  background-image:radial-gradient(circle at .75rem 50%,var(--card-accent) 0 3px,transparent 4px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card:hover{
  transform:translateY(-11px) scale(1.015);
  border-color:rgba(var(--card-accent-rgb),.78);
  background:
    radial-gradient(420px 240px at 14% -4%,rgba(var(--card-accent-rgb),.3),transparent 68%),
    radial-gradient(290px 190px at 96% 102%,rgba(0,140,255,.17),transparent 72%),
    linear-gradient(150deg,rgba(12,35,57,.985),rgba(2,8,18,.99));
  box-shadow:
    0 38px 88px rgba(0,0,0,.62),
    0 0 0 1px rgba(var(--card-accent-rgb),.18),
    0 0 52px rgba(var(--card-accent-rgb),.2),
    inset 0 1px 0 rgba(255,255,255,.15);
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card:hover::before{
  opacity:.78;
  transform:scale(1);
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card:hover h3::before{
  transform:rotate(-4deg) scale(1.08);
  box-shadow:
    0 0 24px rgba(var(--card-accent-rgb),.7),
    0 0 50px rgba(var(--card-accent-rgb),.26),
    inset 0 1px 0 rgba(255,255,255,.2);
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card:hover p,
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card:hover li{
  color:rgba(255,255,255,.86);
}

@keyframes ai1FeatureCardSweep{
  0%,18%{left:-45%;opacity:0;}
  34%{opacity:1;}
  66%{opacity:.8;}
  82%,100%{left:122%;opacity:0;}
}

@keyframes ai1FeatureCardBadge{
  0%,100%{filter:brightness(.88);box-shadow:0 0 14px rgba(var(--card-accent-rgb),.3),inset 0 1px 0 rgba(255,255,255,.12);}
  50%{filter:brightness(1.22);box-shadow:0 0 24px rgba(var(--card-accent-rgb),.66),0 0 46px rgba(var(--card-accent-rgb),.18),inset 0 1px 0 rgba(255,255,255,.2);}
}

@keyframes ai1FeatureCardRail{
  0%,100%{transform:scaleX(.32);opacity:.45;}
  50%{transform:scaleX(1);opacity:1;}
}

@media(max-width:680px){
  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card{
    min-height:0;
    padding:1.65rem 1.3rem 1.45rem;
  }

  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3{
    gap:.8rem;
    font-size:1.35rem;
  }

  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3::before{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3::after{
    left:1.3rem;
    right:1.3rem;
    top:5.45rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card::after,
  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3::before,
  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3::after{
    animation:none!important;
  }
}

/* ============================================================
   FEATURE PAGES — STRUCTURAL REBUILD
   Long-form content becomes spacious feature rows rather than
   cramped three-column cards. Compact cards remain only where
   they genuinely help: key tools, highlights and statistics.
   ============================================================ */

/* Repair nested statistic elements which also carry .ai1-card. */
.ai1-feature-page .ai1-stat > .ai1-card,
.ai1-feature-page .ai1-grid--stats .ai1-stat__num,
.ai1-feature-page .ai1-grid--stats .ai1-stat__label{
  position:static;
  overflow:visible;
  width:auto;
  height:auto;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  backdrop-filter:none;
}

.ai1-feature-page .ai1-grid--stats{
  gap:clamp(1rem,2vw,1.4rem);
  margin-top:clamp(2rem,4vw,3rem);
  align-items:stretch;
}

.ai1-feature-page .ai1-grid--stats > .ai1-stat{
  --stat-accent-rgb:95,223,255;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  min-height:165px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:1.55rem 1.2rem 1.8rem;
  border:1px solid rgba(var(--stat-accent-rgb),.35);
  border-radius:25px;
  background:
    radial-gradient(250px 120px at 50% 0%,rgba(var(--stat-accent-rgb),.2),transparent 72%),
    linear-gradient(155deg,rgba(10,31,51,.95),rgba(2,8,18,.98));
  box-shadow:0 20px 48px rgba(0,0,0,.36),0 0 28px rgba(var(--stat-accent-rgb),.1),inset 0 1px 0 rgba(255,255,255,.08);
  text-align:center;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.ai1-feature-page .ai1-grid--stats > .ai1-stat:nth-child(2){--stat-accent-rgb:127,157,255;}
.ai1-feature-page .ai1-grid--stats > .ai1-stat:nth-child(3){--stat-accent-rgb:101,233,134;}

.ai1-feature-page .ai1-grid--stats > .ai1-stat::before{
  content:"";
  position:absolute;
  inset:auto 1rem .75rem;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(var(--stat-accent-rgb),.95),rgba(var(--stat-accent-rgb),.15));
  box-shadow:0 0 14px rgba(var(--stat-accent-rgb),.35);
  animation:ai1FeatureStatRail 3.2s ease-in-out infinite;
  transform-origin:left;
}

.ai1-feature-page .ai1-grid--stats > .ai1-stat:hover{
  transform:translateY(-6px);
  border-color:rgba(var(--stat-accent-rgb),.72);
  box-shadow:0 28px 62px rgba(0,0,0,.46),0 0 38px rgba(var(--stat-accent-rgb),.18),inset 0 1px 0 rgba(255,255,255,.12);
}

.ai1-feature-page .ai1-grid--stats .ai1-stat__num,
.ai1-feature-page .ai1-grid--stats .ai1-stat__value{
  color:#fff;
  font-size:clamp(2rem,4vw,3.35rem);
  font-weight:1000;
  line-height:1;
  letter-spacing:-.055em;
  text-shadow:0 0 18px rgba(var(--stat-accent-rgb),.72);
}

.ai1-feature-page .ai1-grid--stats .ai1-stat__label{
  margin-top:.65rem;
  color:rgba(255,255,255,.68);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.1em;
  line-height:1.35;
  text-transform:uppercase;
}

/* Long-form feature content: one readable editorial row per topic. */
.ai1-feature-page .ai1-main .ai1-grid--features{
  counter-reset:ai1-feature-row;
  grid-template-columns:1fr;
  gap:clamp(1.1rem,2.2vw,1.6rem);
  width:min(100%,1080px);
  margin-inline:auto;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card{
  --row-accent-rgb:95,223,255;
  counter-increment:ai1-feature-row;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  grid-template-areas:
    "marker heading"
    "marker body";
  column-gap:clamp(1.25rem,3vw,2.2rem);
  row-gap:.55rem;
  width:100%;
  min-width:0;
  min-height:0;
  height:auto;
  margin:0;
  padding:clamp(1.45rem,3vw,2.1rem);
  border:1px solid rgba(var(--row-accent-rgb),.28);
  border-radius:28px;
  background:
    radial-gradient(520px 220px at 0% 0%,rgba(var(--row-accent-rgb),.14),transparent 72%),
    linear-gradient(145deg,rgba(10,30,49,.95),rgba(2,8,18,.98));
  box-shadow:0 20px 52px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.07);
  transform:none;
  animation:none;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card:nth-child(3n+2){--row-accent-rgb:127,157,255;}
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card:nth-child(3n+3){--row-accent-rgb:92,227,178;}
.ai1-page--security .ai1-main .ai1-grid--features > .ai1-card:nth-child(odd){--row-accent-rgb:255,105,120;}
.ai1-page--green-hosting .ai1-main .ai1-grid--features > .ai1-card{--row-accent-rgb:101,233,134;}
.ai1-page--domain-management .ai1-main .ai1-grid--features > .ai1-card:nth-child(odd){--row-accent-rgb:189,146,255;}
.ai1-page--cdn .ai1-main .ai1-grid--features > .ai1-card:nth-child(odd){--row-accent-rgb:85,233,196;}

/* Remove the old card overlays and telemetry label. */
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card::before{
  content:counter(ai1-feature-row,decimal-leading-zero);
  position:relative;
  z-index:2;
  grid-area:marker;
  align-self:start;
  display:grid;
  place-items:center;
  width:84px;
  height:84px;
  margin:0;
  border:1px solid rgba(var(--row-accent-rgb),.55);
  border-radius:24px;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.28),transparent 25%),
    linear-gradient(145deg,rgba(var(--row-accent-rgb),.25),rgba(var(--row-accent-rgb),.05));
  color:#fff;
  font-size:1rem;
  font-weight:1000;
  letter-spacing:.1em;
  opacity:1;
  box-shadow:0 0 22px rgba(var(--row-accent-rgb),.32),inset 0 1px 0 rgba(255,255,255,.13);
  transform:none;
  animation:ai1FeatureRowPulse 3s ease-in-out infinite;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card::after{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:0;
  width:4px;
  background:linear-gradient(180deg,transparent,rgba(var(--row-accent-rgb),.95),transparent);
  box-shadow:0 0 18px rgba(var(--row-accent-rgb),.55);
  filter:none;
  transform:none;
  animation:ai1FeatureRowRail 3.8s ease-in-out infinite;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3{
  grid-area:heading;
  display:block;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0 0 .75rem;
  border-bottom:1px solid rgba(var(--row-accent-rgb),.18);
  color:#fff;
  font-size:clamp(1.45rem,2.8vw,2.05rem);
  line-height:1.18;
  text-align:left;
  overflow-wrap:anywhere;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3::before,
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3::after{
  display:none;
  content:none;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card > p,
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card > .ai1-list{
  grid-column:2;
  min-width:0;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card > p{
  margin:.15rem 0 0;
  color:rgba(255,255,255,.74);
  font-size:1rem;
  line-height:1.75;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card > .ai1-list{
  margin:.55rem 0 0;
  padding:1rem 1.1rem;
  border:1px solid rgba(var(--row-accent-rgb),.16);
  border-radius:18px;
  background:rgba(0,0,0,.18);
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card > :last-child::after{
  display:none;
  content:none;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card:hover{
  transform:translateY(-5px);
  border-color:rgba(var(--row-accent-rgb),.6);
  background:
    radial-gradient(580px 240px at 0% 0%,rgba(var(--row-accent-rgb),.2),transparent 72%),
    linear-gradient(145deg,rgba(12,35,56,.98),rgba(2,8,18,.99));
  box-shadow:0 28px 68px rgba(0,0,0,.5),0 0 34px rgba(var(--row-accent-rgb),.13),inset 0 1px 0 rgba(255,255,255,.1);
}

/* Compact tool cards remain cards, but use two columns for room. */
.ai1-feature-page .ai1-section .ai1-grid--features{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.1rem,2vw,1.5rem);
  align-items:stretch;
}

.ai1-feature-page .ai1-section .ai1-grid--features > .ai1-feature-card{
  min-width:0;
  min-height:0;
  height:auto;
  padding:clamp(1.45rem,2.5vw,1.9rem);
  border-width:1px;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.ai1-feature-page .ai1-section .ai1-grid--features > .ai1-feature-card h3{
  text-align:left;
  overflow-wrap:anywhere;
}

.ai1-feature-page .ai1-section .ai1-grid--features > .ai1-feature-card:hover{
  transform:translateY(-6px);
  border-color:rgba(160,238,255,.6);
  box-shadow:0 30px 70px rgba(0,0,0,.48),0 0 34px rgba(95,223,255,.14),inset 0 1px 0 rgba(255,255,255,.1);
}

/* Overview lists remain clean, readable strips rather than faux cards. */
.ai1-feature-page .ai1-list--cards{
  width:min(100%,1100px);
  margin:0 auto;
  gap:.8rem;
}

.ai1-feature-page .ai1-list--cards li{
  min-width:0;
  padding:1rem 1.15rem 1rem 3rem;
  border:1px solid rgba(121,221,255,.18);
  border-radius:18px;
  background:linear-gradient(90deg,rgba(95,223,255,.06),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

@keyframes ai1FeatureStatRail{
  0%,100%{transform:scaleX(.28);opacity:.45;}
  50%{transform:scaleX(1);opacity:1;}
}

@keyframes ai1FeatureRowPulse{
  0%,100%{filter:brightness(.9);transform:translateY(0);}
  50%{filter:brightness(1.2);transform:translateY(-3px);}
}

@keyframes ai1FeatureRowRail{
  0%,100%{opacity:.38;transform:scaleY(.35);}
  50%{opacity:1;transform:scaleY(1);}
}

@media(max-width:900px){
  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card{
    grid-template-columns:82px minmax(0,1fr);
    column-gap:1.15rem;
  }

  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card::before{
    width:66px;
    height:66px;
    border-radius:19px;
  }
}

@media(max-width:680px){
  .ai1-feature-page .ai1-section .ai1-grid--features{
    grid-template-columns:1fr;
  }

  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card{
    display:block;
    padding:1.35rem 1.2rem 1.4rem;
  }

  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card::before{
    width:52px;
    height:52px;
    margin:0 0 1rem;
    border-radius:16px;
    font-size:.78rem;
  }

  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card h3{
    margin-bottom:.85rem;
    font-size:1.4rem;
  }

  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card > p,
  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card > .ai1-list{
    grid-column:auto;
  }
}

@media(prefers-reduced-motion:reduce){
  .ai1-feature-page .ai1-grid--stats > .ai1-stat::before,
  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card::before,
  .ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card::after{
    animation:none!important;
  }
}


/* ============================================================
   FEATURE PAGES — QUIET HOSTING CONSOLE REBUILD
   A complete visual reset: searchable accordions, restrained
   diagrams and useful information hierarchy instead of card walls.
   ============================================================ */

/* Neutralise the previous feature-card experiments. */
.ai1-feature-page .ai1-main .ai1-grid--features,
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card{
  counter-reset:none!important;
}

.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card,
.ai1-feature-page .ai1-main .ai1-grid--features > .ai1-card:hover{
  animation:none!important;
  transform:none!important;
}

/* PAGE-SPECIFIC ACCENT — used sparingly, not sprayed everywhere. */
.ai1-page--control-panel{--feature-accent:#66ddff;--feature-accent-rgb:102,221,255;}
.ai1-page--cdn{--feature-accent:#58e4c4;--feature-accent-rgb:88,228,196;}
.ai1-page--domain-management{--feature-accent:#ad91ff;--feature-accent-rgb:173,145,255;}
.ai1-page--green-hosting{--feature-accent:#6ee58a;--feature-accent-rgb:110,229,138;}
.ai1-page--platform{--feature-accent:#74c9ff;--feature-accent-rgb:116,201,255;}
.ai1-page--security{--feature-accent:#ff7887;--feature-accent-rgb:255,120,135;}

/* Showcase: one calm technical graphic plus a useful metric rail. */
.ai1-feature-page .ai1-feature-showcase{
  background:
    radial-gradient(900px 420px at 50% 15%,rgba(var(--feature-accent-rgb),.09),transparent 72%),
    linear-gradient(180deg,#041321,#03101c);
}

.ai1-feature-page .ai1-feature-showcase__layout{
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:clamp(1.5rem,4vw,3.5rem);
  align-items:center;
}

.ai1-feature-page .ai1-feature-visual{
  --visual-accent:var(--feature-accent)!important;
  --visual-accent-rgb:var(--feature-accent-rgb)!important;
  min-height:390px;
  border:1px solid rgba(var(--feature-accent-rgb),.2);
  border-radius:34px;
  background:
    linear-gradient(rgba(var(--feature-accent-rgb),.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--feature-accent-rgb),.04) 1px,transparent 1px),
    radial-gradient(circle at 50% 48%,rgba(var(--feature-accent-rgb),.12),transparent 38%),
    linear-gradient(145deg,rgba(8,28,46,.94),rgba(2,9,17,.98));
  background-size:34px 34px,34px 34px,auto,auto;
  box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
}

.ai1-feature-page .ai1-feature-visual::before{
  inset:18%;
  border:1px solid rgba(var(--feature-accent-rgb),.18);
  border-radius:50%;
  background:none;
  opacity:1;
  animation:ai1QuietRadar 12s linear infinite;
}

.ai1-feature-page .ai1-feature-visual::after{
  inset:9%;
  border:1px dashed rgba(var(--feature-accent-rgb),.12);
  border-radius:50%;
  background:none;
  mask-image:none;
  animation:ai1QuietRadarReverse 18s linear infinite;
}

.ai1-feature-page .ai1-feature-visual__scan{
  left:14%;right:14%;top:50%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--feature-accent-rgb),.72),transparent);
  filter:none;
  transform-origin:center;
  animation:ai1QuietScan 7s linear infinite;
}

.ai1-feature-page .ai1-feature-visual__core{
  width:92px;height:92px;border-width:1px;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(var(--feature-accent-rgb),.18),rgba(3,14,25,.96));
  box-shadow:0 0 34px rgba(var(--feature-accent-rgb),.2),inset 0 1px 0 rgba(255,255,255,.12);
  transform:none!important;
  animation:ai1QuietCore 4s ease-in-out infinite;
}
.ai1-feature-page .ai1-feature-visual__core span{width:18px;height:18px;box-shadow:0 0 22px rgba(var(--feature-accent-rgb),.8);}
.ai1-feature-page .ai1-feature-visual__orbit{border-color:rgba(var(--feature-accent-rgb),.15);box-shadow:none;}
.ai1-feature-page .ai1-feature-visual__orbit--two{border-style:solid;opacity:.55;}
.ai1-feature-page .ai1-feature-visual__nodes i{width:8px;height:8px;box-shadow:0 0 12px rgba(var(--feature-accent-rgb),.72);}
.ai1-feature-page .ai1-feature-visual__status{margin-top:124px;border-color:rgba(var(--feature-accent-rgb),.2);background:rgba(1,8,15,.7);font-size:.72rem;letter-spacing:.1em;}

.ai1-feature-page .ai1-feature-stats{
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid rgba(255,255,255,.08);
}
.ai1-feature-page .ai1-feature-stat{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(90px,.45fr) minmax(0,1fr);
  align-items:center;
  padding:1.25rem 0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  border-radius:0;
  background:none;
  box-shadow:none;
  text-align:left;
}
.ai1-feature-page .ai1-feature-stat::before,
.ai1-feature-page .ai1-feature-stat::after{display:none!important;}
.ai1-feature-page .ai1-feature-stat:hover{transform:none;border-color:rgba(255,255,255,.08);box-shadow:none;}
.ai1-feature-page .ai1-feature-stat__value{font-size:clamp(1.75rem,3vw,2.6rem);color:#fff;text-shadow:0 0 20px rgba(var(--feature-accent-rgb),.32);}
.ai1-feature-page .ai1-feature-stat__label{margin:0;color:rgba(255,255,255,.58);font-size:.75rem;letter-spacing:.09em;text-align:left;}

/* Compact feature directories remain scannable, but lose the casino glow. */
.ai1-feature-page .ai1-section:not(.ai1-feature-showcase) .ai1-grid--features{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:28px;
  background:rgba(255,255,255,.09);
}
.ai1-feature-page .ai1-section:not(.ai1-feature-showcase) .ai1-grid--features > .ai1-feature-card{
  min-height:0;
  padding:1.65rem;
  border:0;
  border-radius:0;
  background:linear-gradient(145deg,rgba(9,29,47,.98),rgba(3,12,22,.98));
  box-shadow:none;
}
.ai1-feature-page .ai1-section:not(.ai1-feature-showcase) .ai1-grid--features > .ai1-feature-card::before,
.ai1-feature-page .ai1-section:not(.ai1-feature-showcase) .ai1-grid--features > .ai1-feature-card::after{display:none!important;}
.ai1-feature-page .ai1-section:not(.ai1-feature-showcase) .ai1-feature-card h3{
  margin:0 0 1rem;padding:0;text-align:left;font-size:1.35rem;
}
.ai1-feature-page .ai1-section:not(.ai1-feature-showcase) .ai1-feature-card h3::before,
.ai1-feature-page .ai1-section:not(.ai1-feature-showcase) .ai1-feature-card h3::after{display:none!important;}
.ai1-feature-page .ai1-section:not(.ai1-feature-showcase) .ai1-feature-card .ai1-list{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;margin:0;padding:0;border:0;background:none;
}
.ai1-feature-page .ai1-section:not(.ai1-feature-showcase) .ai1-feature-card .ai1-list li{padding-left:1.25rem;font-size:.93rem;}

/* Searchable feature explorer. */
.ai1-feature-page .ai1-main .ai1-container{width:min(1040px,calc(100% - 2rem));}
.ai1-feature-explorer{margin-bottom:1.25rem;}
.ai1-feature-explorer__head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.48fr);gap:2rem;align-items:end;
  padding:0 0 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);
}
.ai1-feature-explorer__eyebrow{display:block;margin-bottom:.55rem;color:var(--feature-accent);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;}
.ai1-feature-explorer__head h2{margin:0;color:#fff;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;letter-spacing:-.045em;}
.ai1-feature-explorer__head p{margin:.7rem 0 0;max-width:640px;}
.ai1-feature-search{position:relative;display:block;}
.ai1-feature-search input{
  width:100%;min-height:54px;padding:.9rem 3rem .9rem 1.1rem;
  border:1px solid rgba(var(--feature-accent-rgb),.24);border-radius:16px;
  background:rgba(2,10,18,.74);color:#fff;font:inherit;outline:none;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.ai1-feature-search input:focus{border-color:rgba(var(--feature-accent-rgb),.62);background:rgba(4,16,28,.94);box-shadow:0 0 0 4px rgba(var(--feature-accent-rgb),.08);}
.ai1-feature-search__icon{position:absolute;right:1.1rem;top:50%;width:14px;height:14px;transform:translateY(-60%);border:2px solid var(--feature-accent);border-radius:50%;opacity:.75;}
.ai1-feature-search__icon::after{content:"";position:absolute;width:7px;height:2px;right:-5px;bottom:-3px;background:var(--feature-accent);transform:rotate(45deg);border-radius:99px;}
.ai1-feature-explorer__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;color:rgba(255,255,255,.52);font-size:.82rem;}
.ai1-feature-explorer__meta b{color:#fff;}
.ai1-feature-explorer__expand{padding:.45rem .75rem;border:0;background:none;color:var(--feature-accent);font:inherit;font-weight:800;cursor:pointer;}

.ai1-feature-page .ai1-main .ai1-feature-explorer__items{
  display:block!important;width:100%;margin:0!important;border-top:1px solid rgba(255,255,255,.09);
}
.ai1-feature-page .ai1-main .ai1-feature-explorer__item{
  display:block!important;width:100%;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.ai1-feature-page .ai1-main .ai1-feature-explorer__item::before,
.ai1-feature-page .ai1-main .ai1-feature-explorer__item::after{display:none!important;content:none!important;}
.ai1-feature-explorer__toggle{
  width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) 24px;gap:1rem;align-items:center;
  padding:1.35rem .4rem;border:0;background:none;color:#fff;text-align:left;cursor:pointer;
}
.ai1-feature-explorer__index{color:rgba(var(--feature-accent-rgb),.72);font-size:.74rem;font-weight:900;letter-spacing:.1em;}
.ai1-feature-explorer__title{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800;line-height:1.25;}
.ai1-feature-explorer__chevron{position:relative;width:18px;height:18px;}
.ai1-feature-explorer__chevron::before,
.ai1-feature-explorer__chevron::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--feature-accent);border-radius:99px;transition:transform .25s ease;}
.ai1-feature-explorer__chevron::before{transform:translate(-50%,-50%);}
.ai1-feature-explorer__chevron::after{transform:translate(-50%,-50%) rotate(90deg);}
.ai1-feature-explorer__toggle[aria-expanded="true"] .ai1-feature-explorer__chevron::after{transform:translate(-50%,-50%) rotate(0);}
.ai1-feature-explorer__item.is-open{background:linear-gradient(90deg,rgba(var(--feature-accent-rgb),.055),transparent 65%)!important;}
.ai1-feature-explorer__body{padding:0 3.5rem 1.55rem 4.6rem;}
.ai1-feature-explorer__body p{margin:.35rem 0 0;max-width:840px;}
.ai1-feature-explorer__body .ai1-list{margin:1rem 0 0;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.14);}
.ai1-feature-explorer__item[hidden]{display:none!important;}
.ai1-feature-page .ai1-main .ai1-media-card{margin-top:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.35);}

/* Repair legacy nested stat markup once and for all. */
.ai1-feature-page .ai1-grid--stats .ai1-stat__num,
.ai1-feature-page .ai1-grid--stats .ai1-stat__label{
  position:static!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;
}
.ai1-feature-page .ai1-grid--stats > .ai1-stat{height:auto!important;}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

@keyframes ai1QuietRadar{to{transform:rotate(360deg);}}
@keyframes ai1QuietRadarReverse{to{transform:rotate(-360deg);}}
@keyframes ai1QuietScan{to{transform:rotate(360deg);}}
@keyframes ai1QuietCore{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}

@media(max-width:900px){
  .ai1-feature-page .ai1-feature-showcase__layout{grid-template-columns:1fr;}
  .ai1-feature-page .ai1-feature-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;}
  .ai1-feature-page .ai1-feature-stat{padding:1.15rem;border:0;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);}
  .ai1-feature-explorer__head{grid-template-columns:1fr;align-items:start;}
}

@media(max-width:680px){
  .ai1-feature-page .ai1-section:not(.ai1-feature-showcase) .ai1-grid--features{grid-template-columns:1fr;}
  .ai1-feature-page .ai1-section:not(.ai1-feature-showcase) .ai1-feature-card .ai1-list{grid-template-columns:1fr;}
  .ai1-feature-page .ai1-feature-stats{grid-template-columns:1fr;}
  .ai1-feature-page .ai1-feature-stat{grid-template-columns:86px minmax(0,1fr);border-right:0;}
  .ai1-feature-explorer__toggle{grid-template-columns:40px minmax(0,1fr) 20px;gap:.7rem;padding:1.15rem 0;}
  .ai1-feature-explorer__body{padding:0 0 1.35rem 2.9rem;}
}

@media(prefers-reduced-motion:reduce){
  .ai1-feature-page .ai1-feature-visual::before,
  .ai1-feature-page .ai1-feature-visual::after,
  .ai1-feature-page .ai1-feature-visual__scan,
  .ai1-feature-page .ai1-feature-visual__core{animation:none!important;}
}