/* =====================================================================
   Modern pages styling (Home + Par-mums / About)
   Scoped under .aircom-modern to avoid clashing with legacy style.css
   ===================================================================== */
.aircom-modern{
    --am-primary:#086AD8;
    --am-primary-d:#0a56ad;
    --am-primary-l:#eaf3fe;
    --am-ink:#1b2733;
    --am-muted:#5c6b7a;
    --am-bg:#f5f8fc;
    --am-line:#e6eef8;
    --am-radius:18px;
    --am-shadow:0 16px 44px rgba(8,106,216,.10);
    --am-shadow-h:0 22px 60px rgba(8,106,216,.18);
    font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color:var(--am-ink);
    -webkit-font-smoothing:antialiased;
}
.aircom-modern *{ box-sizing:border-box; }
.am-container{ max-width:1200px; margin:0 auto; padding:0 22px; }

/* Sections */
.am-section{ padding:86px 0; }
.am-section--tight{ padding:60px 0; }
.am-section--soft{ background:var(--am-bg); }
.am-section-head{ text-align:center; max-width:760px; margin:0 auto 54px; }

.am-eyebrow{
    display:inline-block; text-transform:uppercase; letter-spacing:.16em;
    font-size:13px; font-weight:700; color:var(--am-primary); margin-bottom:14px;
}
.am-title{
    font-size:clamp(26px,3.3vw,40px); line-height:1.16; font-weight:800;
    color:var(--am-ink); margin:0;
}
.am-title--sm{ font-size:clamp(22px,2.4vw,30px); margin-bottom:22px; }
.am-title-accent{ color:var(--am-primary); }
.am-subtitle{ margin-top:16px; font-size:17px; color:var(--am-muted); }

/* Buttons */
.am-btn{
    display:inline-flex; align-items:center; gap:10px; cursor:pointer;
    padding:14px 30px; border-radius:50px; font-weight:700; font-size:15px;
    text-decoration:none; border:2px solid transparent; transition:.22s ease;
    line-height:1;
}
.am-btn--primary{ background:var(--am-primary); color:#fff; }
.am-btn--primary:hover{ background:var(--am-primary-d); color:#fff; transform:translateY(-2px); box-shadow:0 12px 26px rgba(8,106,216,.30); }
.am-btn--light{ background:#fff; color:var(--am-primary); }
.am-btn--light:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(0,0,0,.18); color:var(--am-primary-d); }

/* Service cards grid */
.am-cards{
    display:grid; grid-template-columns:repeat(4,1fr); gap:26px;
}
.am-card{
    display:flex; flex-direction:column; align-items:flex-start;
    background:#fff; border:1px solid var(--am-line); border-radius:var(--am-radius);
    padding:32px 28px; text-decoration:none; color:inherit;
    box-shadow:var(--am-shadow); transition:.25s ease;
}
.am-card:hover{ transform:translateY(-6px); box-shadow:var(--am-shadow-h); border-color:transparent; }
.am-card-icon{
    width:76px; height:76px; border-radius:20px; background:var(--am-primary-l);
    display:flex; align-items:center; justify-content:center; margin-bottom:22px;
    overflow:hidden;
}
.am-card-icon img{ max-width:46px; max-height:46px; object-fit:contain; }
.am-card-title{ font-size:20px; font-weight:800; margin:0 0 10px; color:var(--am-ink); }
.am-card-text{ color:var(--am-muted); font-size:15px; line-height:1.6; margin-bottom:20px; }
.am-card-text *{ margin:0; }
.am-card-link{
    margin-top:auto; color:var(--am-primary); font-weight:700; font-size:14px;
    display:inline-flex; align-items:center; gap:8px;
}
.am-card:hover .am-card-link{ gap:12px; }

/* Availability CTA band */
.am-cta{
    background:linear-gradient(120deg,var(--am-primary),var(--am-primary-d));
    padding:64px 0;
}
.am-cta-inner{
    display:flex; align-items:center; justify-content:space-between; gap:30px;
    flex-wrap:wrap;
}
.am-cta-title{ color:#fff; font-size:clamp(22px,2.6vw,32px); font-weight:800; margin:0; max-width:680px; }

/* Advantages */
.am-adv-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.am-adv-card{
    background:#fff; border:1px solid var(--am-line); border-radius:var(--am-radius);
    overflow:hidden; box-shadow:var(--am-shadow); transition:.25s ease;
}
.am-adv-card:hover{ transform:translateY(-6px); box-shadow:var(--am-shadow-h); }
.am-adv-media{ background:var(--am-primary-l); }
.am-adv-media img{ width:100%; height:220px; object-fit:cover; display:block; }
.am-adv-title{ font-size:18px; font-weight:700; margin:0; padding:22px 24px; color:var(--am-ink); }

/* About */
.am-about-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:center; }
.am-about-media{
    position:relative; min-height:340px; border-radius:24px;
    background:linear-gradient(135deg,var(--am-primary-l),#dbe9fb);
    display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.am-about-media::after{
    content:""; position:absolute; width:240px; height:240px; border-radius:50%;
    border:2px dashed rgba(8,106,216,.30); animation:am-spin 26s linear infinite;
}
.am-about-badge{
    position:relative; z-index:1; display:flex; flex-direction:column; align-items:center;
    gap:14px; color:var(--am-primary); font-weight:800; letter-spacing:.12em;
}
.am-about-badge i{ font-size:56px; }
.am-about-badge span{ font-size:20px; }
@keyframes am-spin{ to{ transform:rotate(360deg); } }
.am-about-body .am-title{ margin-bottom:20px; }
.am-about-text{ color:var(--am-muted); font-size:16px; line-height:1.8; margin-bottom:28px; }
.am-about-text p{ margin:0 0 14px; }

/* Prose (par-mums text blocks) */
.am-prose{ color:var(--am-muted); font-size:16px; line-height:1.85; }
.am-prose--wide{ max-width:900px; margin:0 auto; }
.am-prose p{ margin:0 0 18px; }
.am-prose h1,.am-prose h2,.am-prose h3,.am-prose h4{ color:var(--am-ink); margin:26px 0 14px; }
.am-prose a{ color:var(--am-primary); }
.am-prose ul,.am-prose ol{ padding-left:22px; margin:0 0 18px; }
.am-prose li{ margin-bottom:8px; }

/* Checklist */
.am-checklist{
    display:grid; grid-template-columns:repeat(2,1fr); gap:16px 34px; margin:32px 0;
}
.am-checklist-item{ display:flex; align-items:flex-start; gap:14px; }
.am-check{
    flex:0 0 auto; width:30px; height:30px; border-radius:50%;
    background:var(--am-primary-l); color:var(--am-primary);
    display:flex; align-items:center; justify-content:center; font-size:14px; margin-top:2px;
}
.am-checklist-text{ font-size:16px; color:var(--am-ink); line-height:1.5; }

/* Stats (optional row) */
.am-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:40px; }
.am-stat{ background:#fff; border:1px solid var(--am-line); border-radius:var(--am-radius); padding:26px; text-align:center; box-shadow:var(--am-shadow); }
.am-stat-num{ font-size:34px; font-weight:800; color:var(--am-primary); }
.am-stat-label{ color:var(--am-muted); font-size:14px; margin-top:6px; }

/* Responsive */
@media (max-width:1024px){
    .am-cards{ grid-template-columns:repeat(2,1fr); }
    .am-adv-grid{ grid-template-columns:repeat(2,1fr); }
    .am-stats{ grid-template-columns:repeat(2,1fr); }
    .am-about-grid{ grid-template-columns:1fr; gap:36px; }
    .am-about-media{ min-height:280px; }
}
@media (max-width:640px){
    .am-section{ padding:60px 0; }
    .am-cards{ grid-template-columns:1fr; }
    .am-adv-grid{ grid-template-columns:1fr; }
    .am-stats{ grid-template-columns:1fr; }
    .am-checklist{ grid-template-columns:1fr; }
    .am-cta-inner{ flex-direction:column; text-align:center; }
}

/* =====================================================================
   Home page — hero / pricing cards / why-choose / stats (v2)
   ===================================================================== */
.am-home{ overflow:hidden; }

/* Hero */
.am-hero{ padding:70px 0 80px; background:#fff; position:relative; }
.am-hero-grid{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:56px; align-items:center; }
.am-hero-intro{ position:relative; }
.am-hero-intro .am-eyebrow{ margin-bottom:16px; }
.am-hero-title{
    font-size:clamp(30px,4vw,50px); line-height:1.08; font-weight:800;
    color:var(--am-ink); margin:0 0 22px; letter-spacing:-.5px;
}
.am-hero-text{ font-size:17px; line-height:1.7; color:var(--am-muted); margin:0 0 30px; max-width:440px; }
.am-hero-dots{
    margin-top:48px; height:90px; max-width:360px;
    background-image:radial-gradient(var(--am-primary) 2px, transparent 2px);
    background-size:20px 20px; opacity:.28;
    -webkit-mask-image:linear-gradient(120deg,#000,transparent 75%);
            mask-image:linear-gradient(120deg,#000,transparent 75%);
}

/* Hero pricing cards */
.am-hero-cards{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.am-price-card{
    display:flex; flex-direction:column; align-items:center; text-align:center;
    background:#fff; border:1px solid var(--am-line); border-radius:22px;
    padding:34px 26px; text-decoration:none; color:inherit;
    box-shadow:var(--am-shadow); transition:.25s ease;
}
.am-price-card:hover{ transform:translateY(-8px); box-shadow:var(--am-shadow-h); border-color:transparent; }
.am-price-icon{
    width:96px; height:96px; border-radius:50%; background:var(--am-primary-l);
    display:flex; align-items:center; justify-content:center; margin-bottom:22px; overflow:hidden;
}
.am-price-icon img{ max-width:52px; max-height:52px; object-fit:contain; }
.am-price-title{ font-size:22px; font-weight:800; color:var(--am-ink); margin:0 0 8px; }
.am-price-value{ font-size:19px; font-weight:700; color:var(--am-primary); margin-bottom:24px; }
.am-price-value *{ margin:0; }

/* Outline button */
.am-btn--outline{ background:#fff; color:var(--am-primary); border-color:var(--am-primary); }
.am-btn--outline:hover{ background:var(--am-primary); color:#fff; transform:translateY(-2px); }
.am-btn--sm{ padding:11px 26px; font-size:14px; margin-top:auto; }

/* Why choose */
.am-why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.am-why-item{
    display:flex; gap:18px; align-items:flex-start;
    background:#fff; border:1px solid var(--am-line); border-radius:var(--am-radius);
    padding:28px 26px; box-shadow:var(--am-shadow); transition:.25s ease;
}
.am-why-item:hover{ transform:translateY(-5px); box-shadow:var(--am-shadow-h); }
.am-why-icon{
    flex:0 0 auto; width:60px; height:60px; border-radius:16px; background:var(--am-primary-l);
    display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.am-why-icon img{ max-width:34px; max-height:34px; object-fit:contain; }
.am-why-title{ font-size:18px; font-weight:700; color:var(--am-ink); margin:6px 0 0; line-height:1.4; }

/* Promos strip */
.am-promos .flexible-image-slider-wrap{ border-radius:var(--am-radius); overflow:hidden; }
.am-promos .infotechno-hero{ margin-top:0 !important; }

/* About (home) heading may contain <p><strong> */
.am-about--home .am-title p{ margin:0; }
.am-about--home .am-title strong{ font-weight:800; }

/* Stats (home) */
.am-stats--home{ grid-template-columns:repeat(2,1fr); gap:22px 30px; margin-top:38px; }
.am-stats--home .am-stat{
    display:flex; align-items:center; gap:16px; text-align:left; padding:20px 22px;
}
.am-stat-icon{
    flex:0 0 auto; width:50px; height:50px; border-radius:14px; background:var(--am-primary-l);
    color:var(--am-primary); display:flex; align-items:center; justify-content:center; font-size:20px;
}
.am-stats--home .am-stat-num{ font-size:22px; line-height:1.1; }
.am-stats--home .am-stat-label{ margin-top:2px; }

@media (max-width:1024px){
    .am-hero-grid{ grid-template-columns:1fr; gap:40px; }
    .am-hero-text{ max-width:none; }
    .am-why-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
    .am-hero-cards{ grid-template-columns:1fr; }
    .am-stats--home{ grid-template-columns:1fr; }
    .am-hero{ padding:40px 0 50px; }
}