/* ============================================================================
   IT FIX · VISUAL AGENCY  ·  itfix-agency.css
   Görsel-ağırlıklı kampanya tasarımı. Namespace: .agh (hero), .ags (showcase)...
   Tokenlar itfix-ee.css'ten gelir (--ee-*). En son yüklenir.
   ============================================================================ */

/* ============================ HERO SLIDER (.agh) ============================ */
.agh{ position:relative; width:100%; height:100svh; min-height:600px; background:#070b14; overflow:hidden; isolation:isolate; }
@supports not (height:100svh){ .agh{ height:100vh; } }

.agh-track{ position:absolute; inset:0; }
.agh-slide{
  position:absolute; inset:0; margin:0; opacity:0; visibility:hidden;
  transition:opacity 1.1s cubic-bezier(.5,.05,.2,1), visibility 0s linear 1.1s;
  z-index:1;
}
.agh-slide.is-active{ opacity:1; visibility:visible; transition:opacity 1.1s cubic-bezier(.5,.05,.2,1); z-index:2; }

.agh-media{ position:absolute; inset:0; overflow:hidden; z-index:0; }
.agh-media img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center;
  transform:scale(1.06); transition:transform 8s ease-out; will-change:transform;
}
.agh-slide.is-active .agh-media img{ transform:scale(1.16); }

/* Scrim — okunabilirlik + üstte header koruması. Hizaya göre yön değişir. */
.agh-scrim{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(7,11,20,.62) 0%, rgba(7,11,20,0) 22%, rgba(7,11,20,0) 55%, rgba(7,11,20,.86) 100%);
}
.agh-slide[data-align="left"]   .agh-scrim{ background:
    linear-gradient(180deg, rgba(7,11,20,.55) 0%, rgba(7,11,20,0) 24%),
    linear-gradient(90deg, rgba(7,11,20,.9) 0%, rgba(7,11,20,.55) 34%, rgba(7,11,20,0) 66%); }
.agh-slide[data-align="right"]  .agh-scrim{ background:
    linear-gradient(180deg, rgba(7,11,20,.55) 0%, rgba(7,11,20,0) 24%),
    linear-gradient(270deg, rgba(7,11,20,.9) 0%, rgba(7,11,20,.5) 34%, rgba(7,11,20,0) 66%); }
.agh-slide[data-align="center"] .agh-scrim{ background:
    linear-gradient(180deg, rgba(7,11,20,.6) 0%, rgba(7,11,20,.15) 40%, rgba(7,11,20,.15) 55%, rgba(7,11,20,.82) 100%),
    radial-gradient(120% 90% at 50% 45%, rgba(7,11,20,0) 40%, rgba(7,11,20,.5) 100%); }
/* Aydınlık slayt (M365) — üstte header için ekstra koyu bant */
.agh-slide[data-light="1"] .agh-scrim::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(7,11,20,.5) 0%, rgba(7,11,20,0) 18%); }

.agh-wrap{ position:relative; z-index:3; height:100%; max-width:1340px; margin-inline:auto;
  padding:0 clamp(20px,5vw,64px); display:flex; }
.agh-copy{ display:flex; flex-direction:column; max-width:640px; color:#fff;
  opacity:0; transform:translateY(26px); transition:opacity .9s ease .25s, transform .9s cubic-bezier(.2,.7,.2,1) .25s; }
.agh-slide.is-active .agh-copy{ opacity:1; transform:translateY(0); }

/* Hizalama (her slayt farklı kompozisyon) */
.agh-copy[data-align="left"]{ align-items:flex-start; text-align:left; margin-right:auto; }
.agh-copy[data-align="right"]{ align-items:flex-end; text-align:right; margin-left:auto; }
.agh-copy[data-align="center"]{ align-items:center; text-align:center; margin-inline:auto; }
.agh-wrap[data-valign="start"]{ align-items:flex-start; padding-top:calc(var(--ee-h,86px) + 40px); }
.agh-wrap[data-valign="center"]{ align-items:center; }
.agh-wrap[data-valign="end"]{ align-items:flex-end; padding-bottom:clamp(120px,16vh,180px); }

.agh-kicker{ font-family:var(--ee-fm); font-size:12px; letter-spacing:.28em; text-transform:uppercase;
  color:#fff; padding:8px 0; margin-bottom:8px; position:relative; }
.agh-kicker::before{ content:""; display:inline-block; width:34px; height:2px; background:var(--ee-accent-2);
  vertical-align:middle; margin-right:14px; }
.agh-title{ margin:0; font-family:var(--ee-fd); font-weight:700; letter-spacing:-.022em; line-height:1.02;
  font-size:clamp(38px,5.4vw,78px); color:#fff; text-shadow:0 2px 40px rgba(0,0,0,.4); }
.agh-title em{ font-style:normal; color:var(--ee-accent-2); }
.agh-desc{ margin:22px 0 0; font-size:clamp(15px,1.2vw,19px); line-height:1.55; color:#dbe1ea; max-width:46ch; }
.agh-copy[data-align="center"] .agh-desc{ margin-inline:auto; }
.agh-cta{ display:inline-flex; align-items:center; gap:11px; margin-top:34px; height:56px; padding:0 30px;
  background:#fff; color:var(--ee-ink); font-family:var(--ee-fd); font-size:15px; font-weight:640;
  border-radius:3px; text-decoration:none; transition:.2s var(--ee-ease); }
.agh-cta i{ transition:transform .2s var(--ee-ease); }
.agh-cta:hover{ background:var(--ee-accent-2); color:#fff; }
.agh-cta:hover i{ transform:translateX(5px); }

/* ---- UI controls (minimal, premium) ---- */
.agh-ui{ position:absolute; left:0; right:0; bottom:0; z-index:6;
  max-width:1340px; margin-inline:auto; padding:0 clamp(20px,5vw,64px) clamp(26px,4vh,40px);
  display:flex; align-items:flex-end; justify-content:space-between; gap:20px; pointer-events:none; }
.agh-dots{ display:flex; gap:10px; pointer-events:auto; flex-wrap:wrap; max-width:70%; }
.agh-dot{ position:relative; background:transparent; border:0; padding:10px 0 0; cursor:pointer;
  display:flex; flex-direction:column; gap:9px; width:96px; text-align:left; }
.agh-dot-bar{ display:block; height:2px; width:100%; background:rgba(255,255,255,.28); overflow:hidden; }
.agh-dot-bar i{ display:block; height:100%; width:0; background:#fff; }
.agh-dot.is-active .agh-dot-bar i{ background:var(--ee-accent-2); }
.agh-dot.is-active[data-anim] .agh-dot-bar i{ width:100%; transition:width var(--agh-dur,6500ms) linear; }
.agh-dot-label{ font-family:var(--ee-fm); font-size:10.5px; letter-spacing:.06em; color:rgba(255,255,255,.55);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .2s ease; }
.agh-dot.is-active .agh-dot-label{ color:#fff; }
.agh-dot:hover .agh-dot-label{ color:#fff; }

.agh-nav{ display:flex; align-items:center; gap:8px; pointer-events:auto; }
.agh-ctl{ width:46px; height:46px; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.24); border-radius:50%;
  color:#fff; cursor:pointer; transition:.18s var(--ee-ease); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.agh-ctl:hover{ background:rgba(255,255,255,.16); border-color:#fff; }
.agh-ctl svg{ width:16px; height:16px; }
.agh-ctl--play .agh-ico-pause{ display:block; } .agh-ctl--play .agh-ico-play{ display:none; }
.agh.is-paused .agh-ctl--play .agh-ico-pause{ display:none; } .agh.is-paused .agh-ctl--play .agh-ico-play{ display:block; }
.agh.is-paused .agh-dot.is-active[data-anim] .agh-dot-bar i{ transition:none; }

/* ---- Specificity guards: eski body.ifx-v31-on heading/anchor/img globallerini yener ---- */
body.ifx-v31-on .agh-title{ color:#fff !important; }
body.ifx-v31-on .agh-title em{ color:var(--ee-accent-2) !important; }
body.ifx-v31-on .agh-media img{ height:100% !important; width:100% !important; max-width:none !important; }
body.ifx-v31-on .agh-cta{ color:var(--ee-ink) !important; }
body.ifx-v31-on .agh-cta:hover{ color:#fff !important; }
body.ifx-v31-on .agh-kicker,
body.ifx-v31-on .agh-desc{ color:#dbe1ea; }
body.ifx-v31-on .agh-kicker{ color:#fff; }

/* ---- Responsive ---- */
@media (max-width:900px){
  .agh{ height:auto; min-height:0; }
  .agh-track{ position:relative; inset:auto; }
  .agh-slide{ position:relative; inset:auto; opacity:1; visibility:visible; display:none; }
  .agh-slide.is-active{ display:block; }
  .agh-media{ position:relative; height:56vh; min-height:360px; }
  .agh-wrap{ position:relative; height:auto; padding:34px clamp(20px,6vw,40px) 40px; background:var(--ee-navy); }
  .agh-copy{ max-width:100%; opacity:1; transform:none; }
  .agh-copy[data-align]{ align-items:flex-start; text-align:left; margin:0; }
  .agh-wrap[data-valign]{ align-items:stretch; padding-top:34px; padding-bottom:40px; }
  .agh-title{ font-size:clamp(30px,8vw,46px); text-shadow:none; }
  .agh-scrim{ background:linear-gradient(180deg, rgba(7,11,20,.35) 0%, rgba(7,11,20,.1) 40%, rgba(7,11,20,.6) 100%) !important; }
  .agh-ui{ position:relative; max-width:100%; padding:20px clamp(20px,6vw,40px) 26px; background:var(--ee-navy); }
  .agh-dots{ max-width:100%; }
  .agh-dot{ width:auto; flex:1; min-width:44px; }
  .agh-dot-label{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  .agh-media img{ transition:none; transform:none; }
  .agh-slide.is-active .agh-media img{ transform:none; }
  .agh-dot.is-active[data-anim] .agh-dot-bar i{ transition:none; width:100%; }
}

/* ============================================================================
   ALT BÖLÜMLER (intro, showcase, focus, work-model, credentials, cta)
   Renkli/başlık/anchor/img selektörleri body.ifx-v31-on ile prefikslenir;
   böylece eski global heading-anchor-img kuralları yenilir (guard gereksiz).
   Ortak token fallback: paper/ink/muted/line tanımlı değilse güvenli değer.
   ============================================================================ */
.ag-main{ --ag-paper:var(--ee-paper,#f6f4ef); --ag-ink:var(--ee-ink,#12161d);
  --ag-muted:#5b6472; --ag-line:rgba(18,22,29,.12); --ag-navy:var(--ee-navy,#0c1220);
  --ag-teal:var(--ee-accent-2,#1f9c8f); }

.ag-eyebrow,.agi-eyebrow,.ags-eyebrow,.agf-eyebrow,.agw-eyebrow,.agc-eyebrow,.agcta-eyebrow{
  font-family:var(--ee-fm); font-size:12px; letter-spacing:.24em; text-transform:uppercase;
  color:var(--ag-teal); margin:0; }

/* ---- INTRO ---- */
.agi{ background:var(--ag-paper); padding:clamp(56px,8vw,104px) 0; }
.agi-lead{ font-family:var(--ee-fd); font-weight:660; font-size:clamp(23px,3.1vw,40px);
  line-height:1.2; letter-spacing:-.02em; margin:22px 0 0; max-width:20ch; }
body.ifx-v31-on .agi-lead{ color:var(--ag-ink); }
body.ifx-v31-on .agi-lead{ max-width:900px; }
.agi-lead em{ color:var(--ag-teal); font-style:normal; }
.agi-marks{ list-style:none; margin:44px 0 0; padding:32px 0 0; display:grid;
  grid-template-columns:repeat(3,1fr); gap:28px; border-top:1px solid var(--ag-line); }
.agi-marks b{ display:block; font-family:var(--ee-fd); font-size:17px; color:var(--ag-ink); margin-bottom:6px; }
.agi-marks span{ font-size:14px; color:var(--ag-muted); line-height:1.5; }

/* ---- SHOWCASE (bento) ---- */
.ags{ background:var(--ag-paper); padding:clamp(16px,2vw,32px) 0 clamp(64px,9vw,120px); }
.ags-head{ max-width:780px; margin:0 0 clamp(28px,4vw,48px); }
.ags-title{ font-family:var(--ee-fd); font-weight:700; font-size:clamp(26px,3.6vw,46px);
  line-height:1.12; letter-spacing:-.02em; margin:14px 0 0; }
body.ifx-v31-on .ags-title{ color:var(--ag-ink); }
.ags-title em{ color:var(--ag-teal); font-style:normal; }

.ags-grid{ display:grid; gap:16px; grid-template-columns:1fr 1.55fr 1fr;
  grid-template-rows:238px 238px;
  grid-template-areas:"siber feature m365" "siber network m365"; }
.ags-panel--siber{ grid-area:siber; } .ags-panel--feature{ grid-area:feature; }
.ags-panel--m365{ grid-area:m365; } .ags-panel--network{ grid-area:network; }

.ags-panel{ position:relative; display:block; overflow:hidden; border-radius:4px;
  background:var(--ag-navy); isolation:isolate; text-decoration:none; }
.ags-media{ position:absolute; inset:0; z-index:0; }
.ags-media img{ width:100%; object-fit:cover; transition:transform .8s var(--ee-ease,cubic-bezier(.2,.7,.2,1)); }
body.ifx-v31-on .ags-media img{ height:100% !important; width:100% !important; max-width:none !important; }
.ags-panel:hover .ags-media img{ transform:scale(1.06); }
.ags-scrim{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg,rgba(8,12,20,0) 28%,rgba(8,12,20,.5) 62%,rgba(8,12,20,.93) 100%); }
.ags-cap{ position:absolute; inset:auto 0 0 0; z-index:2; padding:clamp(16px,2vw,26px); color:#fff; }
.ags-cap-k{ font-family:var(--ee-fm); font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:rgba(255,255,255,.82); display:block; margin-bottom:9px; }
.ags-cap-t{ font-family:var(--ee-fd); font-weight:640; font-size:clamp(16px,1.5vw,21px);
  line-height:1.18; margin:0; max-width:22ch; }
body.ifx-v31-on .ags-cap-t{ color:#fff; }
.ags-cap-d{ font-size:14px; line-height:1.5; color:rgba(255,255,255,.82); margin:10px 0 0; max-width:40ch; }
.ags-cap-go{ position:absolute; top:clamp(16px,2vw,22px); right:clamp(16px,2vw,22px);
  width:40px; height:40px; border:1px solid rgba(255,255,255,.42); border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center; color:#fff;
  transition:.2s var(--ee-ease,ease); z-index:3; }
.ags-panel:hover .ags-cap-go{ background:var(--ag-teal); border-color:var(--ag-teal); }

.ags-more{ display:flex; flex-wrap:wrap; align-items:center; gap:11px 22px;
  margin-top:26px; padding-top:22px; border-top:1px solid var(--ag-line); }
.ags-more-label{ font-family:var(--ee-fm); font-size:11px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--ag-muted); }
.ags-more a{ font-size:14.5px; text-decoration:none; }
body.ifx-v31-on .ags-more a{ color:var(--ag-ink); }
body.ifx-v31-on .ags-more a:hover{ color:var(--ag-teal); }

/* ---- FOCUS band (büyük görsel) ---- */
.agf{ position:relative; isolation:isolate; background:#0b111c; overflow:hidden; }
.agf::before{ content:""; position:absolute; inset:0; z-index:0;
  background-image:var(--agf-img); background-size:cover; background-position:center; }
.agf::after{ content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg,rgba(8,12,20,.94) 0%,rgba(8,12,20,.74) 44%,rgba(8,12,20,.32) 100%); }
.agf-wrap{ position:relative; z-index:2; padding:clamp(72px,11vw,150px) 0; }
.agf-copy{ max-width:640px; }
.agf-title{ font-family:var(--ee-fd); font-weight:700; font-size:clamp(28px,4vw,52px);
  line-height:1.1; letter-spacing:-.02em; margin:16px 0 0; }
body.ifx-v31-on .agf-title{ color:#fff; }
.agf-title em{ color:var(--ag-teal); font-style:normal; }
.agf-desc{ font-size:clamp(15px,1.2vw,18px); line-height:1.6; color:rgba(255,255,255,.82);
  margin:22px 0 0; max-width:52ch; }
.agf-tags{ display:flex; flex-wrap:wrap; gap:10px; margin:28px 0 0; }
.agf-tags span{ font-family:var(--ee-fm); font-size:12px; letter-spacing:.04em; color:#fff;
  border:1px solid rgba(255,255,255,.3); border-radius:40px; padding:8px 15px; }
.agf-cta{ display:inline-flex; align-items:center; gap:11px; margin-top:32px; height:54px;
  padding:0 28px; background:#fff; font-family:var(--ee-fd); font-weight:640; font-size:15px;
  border-radius:3px; text-decoration:none; transition:.2s var(--ee-ease,ease); }
body.ifx-v31-on .agf-cta{ color:var(--ag-ink); }
.agf-cta i{ transition:transform .2s var(--ee-ease,ease); }
body.ifx-v31-on .agf-cta:hover{ background:var(--ag-teal); color:#fff; }
.agf-cta:hover i{ transform:translateX(5px); }

/* ---- WORK MODEL ---- */
.agw{ background:var(--ag-paper); padding:clamp(64px,9vw,120px) 0; }
.agw-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(32px,5vw,72px); align-items:center; }
.agw-visual{ position:relative; margin:0; border-radius:5px; overflow:hidden; }
.agw-visual img{ width:100%; display:block; aspect-ratio:4/3; object-fit:cover; }
body.ifx-v31-on .agw-visual img{ height:auto; max-width:100%; }
.agw-visual-tag{ position:absolute; left:0; bottom:0; z-index:2; background:var(--ag-navy);
  color:#fff; padding:14px 20px; }
.agw-visual-tag b{ display:block; font-family:var(--ee-fd); font-size:15px; }
.agw-visual-tag span{ font-size:12.5px; color:rgba(255,255,255,.7); }
.agw-title{ font-family:var(--ee-fd); font-weight:700; font-size:clamp(25px,3.2vw,42px);
  line-height:1.14; letter-spacing:-.02em; margin:14px 0 0; }
body.ifx-v31-on .agw-title{ color:var(--ag-ink); }
.agw-title em{ color:var(--ag-teal); font-style:normal; }
.agw-steps{ list-style:none; margin:30px 0 0; padding:0; }
.agw-step{ display:flex; gap:20px; padding:22px 0; border-top:1px solid var(--ag-line); }
.agw-step:last-child{ border-bottom:1px solid var(--ag-line); }
.agw-step-no{ font-family:var(--ee-fm); font-size:13px; color:var(--ag-teal); padding-top:3px; min-width:24px; }
.agw-step-t{ display:block; font-family:var(--ee-fd); font-size:19px; color:var(--ag-ink); margin-bottom:6px; }
.agw-step-d{ font-size:14.5px; line-height:1.55; color:var(--ag-muted); }

/* ---- CREDENTIALS (koyu) ---- */
.agc{ background:var(--ag-navy); padding:clamp(60px,8vw,104px) 0; }
.agc-grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(32px,5vw,64px); align-items:center; }
.agc-title{ font-family:var(--ee-fd); font-weight:700; font-size:clamp(24px,3vw,38px);
  line-height:1.16; letter-spacing:-.02em; margin:14px 0 24px; }
body.ifx-v31-on .agc-title{ color:#fff; }
.agc-title em{ color:var(--ag-teal); font-style:normal; }
.agc-cta{ display:inline-flex; align-items:center; gap:10px; height:48px; padding:0 22px;
  border:1px solid rgba(255,255,255,.32); border-radius:3px; font-family:var(--ee-fd);
  font-weight:600; font-size:14.5px; text-decoration:none; transition:.2s var(--ee-ease,ease); }
body.ifx-v31-on .agc-cta{ color:#fff; }
body.ifx-v31-on .agc-cta:hover{ background:#fff; color:var(--ag-navy); border-color:#fff; }
.agc-marks{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr;
  gap:1px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.14); border-radius:4px; overflow:hidden; }
.agc-mark{ background:var(--ag-navy); padding:24px; }
.agc-mark-code{ font-family:var(--ee-fm); font-size:22px; font-weight:700; letter-spacing:.03em;
  color:var(--ag-teal); display:block; }
.agc-mark-t{ display:block; font-family:var(--ee-fd); font-size:16px; color:#fff; margin:10px 0 4px; }
.agc-mark-s{ font-size:12.5px; color:rgba(255,255,255,.6); line-height:1.4; }

/* ---- CTA (büyük görsel kapanış) ---- */
.agcta{ position:relative; isolation:isolate; background:#0a0f19; overflow:hidden; }
.agcta::before{ content:""; position:absolute; inset:0; z-index:0; background-image:var(--agcta-img);
  background-size:cover; background-position:center; }
.agcta-scrim{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg,rgba(8,11,18,.62) 0%,rgba(8,11,18,.52) 42%,rgba(8,11,18,.82) 100%); }
.agcta-inner{ position:relative; z-index:2; padding:clamp(80px,12vw,168px) 0; text-align:center; }
.agcta-eyebrow{ display:block; }
.agcta-title{ font-family:var(--ee-fd); font-weight:700; font-size:clamp(30px,5vw,62px);
  line-height:1.06; letter-spacing:-.022em; margin:16px auto 0; max-width:18ch; }
body.ifx-v31-on .agcta-title{ color:#fff; }
.agcta-title em{ color:var(--ag-teal); font-style:normal; }
.agcta-desc{ font-size:clamp(15px,1.3vw,19px); line-height:1.6; color:rgba(255,255,255,.85);
  margin:22px auto 0; max-width:60ch; }
.agcta-actions{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin:36px 0 0; }
.agcta-btn{ display:inline-flex; align-items:center; gap:10px; height:56px; padding:0 30px;
  font-family:var(--ee-fd); font-weight:640; font-size:15px; border-radius:3px;
  text-decoration:none; transition:.2s var(--ee-ease,ease); }
.agcta-btn--solid{ background:#fff; }
body.ifx-v31-on .agcta-btn--solid{ color:var(--ag-ink); }
body.ifx-v31-on .agcta-btn--solid:hover{ background:var(--ag-teal); color:#fff; }
.agcta-btn--ghost{ border:1px solid rgba(255,255,255,.5); }
body.ifx-v31-on .agcta-btn--ghost{ color:#fff; }
body.ifx-v31-on .agcta-btn--ghost:hover{ background:rgba(255,255,255,.12); }
.agcta-links{ display:flex; gap:24px; justify-content:center; flex-wrap:wrap; margin:34px 0 0; }
.agcta-links a{ font-family:var(--ee-fm); font-size:13px; letter-spacing:.03em; text-decoration:none; }
body.ifx-v31-on .agcta-links a{ color:rgba(255,255,255,.75); }
body.ifx-v31-on .agcta-links a:hover{ color:#fff; }

/* Anasayfada footer'ın metinsel CTA bandı gizlenir; kapanış CTA'sı görsel
   .agcta bölümüdür (aynı iki butonun tekrarını önler). Footer link kolonları
   ve alt bilgi korunur. Bu kural yalnız anasayfada (agency CSS) etkilidir. */
body.ee-home .ee-footer-cta{ display:none !important; }

/* ---- Responsive (alt bölümler) ---- */
@media (max-width:900px){
  .agi-marks{ grid-template-columns:1fr; gap:18px; }
  .ags-grid{ grid-template-columns:1fr 1fr; grid-template-rows:auto;
    grid-template-areas:"feature feature" "siber m365" "network network"; }
  .ags-panel{ min-height:220px; }
  .ags-panel--feature,.ags-panel--network{ min-height:200px; }
  .agf-copy{ max-width:100%; }
  .agf::after{ background:linear-gradient(180deg,rgba(8,12,20,.72) 0%,rgba(8,12,20,.6) 50%,rgba(8,12,20,.8) 100%); }
  .agw-grid{ grid-template-columns:1fr; gap:28px; }
  .agc-grid{ grid-template-columns:1fr; gap:28px; }
}
@media (max-width:560px){
  .ags-grid{ grid-template-columns:1fr; grid-template-areas:"feature" "siber" "m365" "network"; }
  .ags-panel{ min-height:260px; }
  .agc-marks{ grid-template-columns:1fr; }
  .agcta-actions{ flex-direction:column; }
  .agcta-btn{ justify-content:center; }
}