/* Vendored from v6.0.0-rc1 / e1f4cab8123ce569435012789ab789f74451200e. See docs/DESIGN-SYSTEM-SOURCE.md. */
/* Source: tokens/fonts.css */
/* Arer Tech web fonts — Google Fonts (no proprietary binaries in the brand).
Kept as @import here so styles.css consumers (any page that only links
styles.css, without its own tags) still get real @font-face
declarations — this is what the design-system compiler indexes fonts from.
Arer Hosting's own pages (index.html, blog-post.html, styleguide.html,
plan-editor.html) ADDITIONALLY load the same Google stylesheet via a direct
in , preceded by , for
real visitors — a is discovered by the browser far earlier
than a CSS @import buried at the bottom of a components→tokens→styles→fonts
chain, and preconnect warms the DNS/TLS handshake before the stylesheet
request even starts. Browsers dedupe the identical URL, so this isn't a
double fetch — @import here still stands as the fallback for pages that
only link styles.css directly (see README, "Font yükleme"). */
/* Metric-adjusted LOCAL fallbacks so the swapped-in real font causes minimal
reflow (reduced CLS) while it's still loading. Values below are best-effort
approximations for these three families against a generic sans-serif
metric; treat as a starting point, not lab-measured — narrow with a proper
metrics tool (e.g. fontkit/capsize) if a stricter CLS budget is needed. */
/* PERMANENT — do not reduce these src chains to a single local(). Arial and
Courier New are absent on most Linux systems, so a one-name chain makes the
whole @font-face fail to resolve and the metric overrides never apply
(measured CLS 0.216). The chains below cover Windows/macOS (Arial,
Helvetica, Courier New) and common Linux metric clones (Liberation, Nimbus,
DejaVu). Verified CLS 0 with these in place. */
@font-face{font-family:"Space Grotesk Fallback";src:local("Arial"),local("Helvetica"),local("Liberation Sans"),local("Nimbus Sans");ascent-override:100%;descent-override:27%;line-gap-override:0%;size-adjust:104%}
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("Helvetica"),local("Liberation Sans"),local("Nimbus Sans");ascent-override:90%;descent-override:22.5%;line-gap-override:0%;size-adjust:107%}
@font-face{font-family:"JetBrains Mono Fallback";src:local("Courier New"),local("Liberation Mono"),local("Nimbus Mono PS"),local("DejaVu Sans Mono");ascent-override:100%;descent-override:27%;line-gap-override:0%;size-adjust:99%}
/* Source: tokens/colors.css */
:root{
/* base — navy ladder (never pure black) */
--navy-900:#0e1b2e;--navy-800:#142440;--navy-700:#1b3053;--navy-600:#25405f;
--line:#25405f;
--line-structural:#25405f; /* @kind color */
--line-soft:rgba(37,64,95,.6);
/* base — brand blues + technical accent */
--blue-500:#1a6aff;--blue-500-hover:#2f7bff;--blue-300:#4a9eff;--blue-200:#7fb8ff;
--cyan-400:#35d6d0;--green-400:#4ec9a8;
/* base — text + paper */
--ink:#e8eef8;--muted:#93aac9;--paper:#f4f7fc;--paper-line:#d6e0ee;
/* added — documented in readme.md, Intentional additions */
--amber-400:#e8a13a;--red-400:#e2564d;
/* semantic — surfaces */
--bg-page:var(--navy-900);--surface-card:var(--navy-800);--surface-raised:var(--navy-700);
--surface-glass:rgba(27,48,83,.55);--surface-print:var(--paper);
/* semantic — text */
--text-heading:var(--ink);--text-body:var(--ink);--text-muted:var(--muted);
--text-technical:var(--cyan-400);--text-link:var(--blue-300);--text-link-hover:var(--cyan-400);
--text-on-brand:#fff;--text-on-paper:var(--navy-900);
/* semantic — brand */
--brand-primary:var(--blue-500);--brand-primary-hover:var(--blue-500-hover);
--brand-secondary:var(--blue-300);--brand-accent:var(--cyan-400);
/* semantic — lines + state */
--border-default:var(--line);--border-soft:var(--line-soft);--border-active:var(--blue-300);
--status-ok:var(--green-400);--status-warn:var(--amber-400);--status-error:var(--red-400);
--focus-ring:var(--cyan-400);
}
/* Source: tokens/typography.css */
:root{
--font-display:'Space Grotesk','Space Grotesk Fallback',sans-serif;
--font-body:'Inter','Inter Fallback',system-ui,sans-serif;
--font-mono:'JetBrains Mono','JetBrains Mono Fallback',ui-monospace,monospace;
--fw-body:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
--fs-h1:clamp(32px,4.2vw,56px); /* @kind font */
--fs-h2:clamp(25px,2.9vw,38px); /* @kind font */
--fs-h3:18.5px;
--fs-lead:17px;--fs-body:16px;--fs-sm:14.5px;--fs-xs:13px;
--fs-eyebrow:11px;--fs-tag:10px;--fs-mono-sm:11px;--fs-mono-xs:10.5px;
--lh-tight:1.12; /* @kind font */
--lh-heading:1.3; /* @kind font */
--lh-body:1.65; /* @kind font */
--ls-tight:-.01em; /* @kind font */
--ls-eyebrow:.18em; /* @kind font */
--ls-tag:.16em; /* @kind font */
--ls-mono:.1em; /* @kind font */
--ls-wordmark:.02em; /* @kind font */
--measure-lead:56ch; /* @kind spacing */
--measure-head:62ch; /* @kind spacing */
}
/* Source: tokens/space.css */
:root{
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;
--sp-7:32px;--sp-8:40px;--sp-9:52px;--sp-10:64px;--sp-11:80px;--sp-12:104px;
--wrap:1240px;--pad:24px;--section-y:104px;--section-y-compact:76px;
--grid-gap:20px;--grid-gap-lg:22px;--card-pad:22px;
}
/* Source: tokens/effects.css */
:root{
--r-xs:7px;--r-sm:8px;--r-md:9px;--r-lg:13px;--r-xl:16px;--r-2xl:20px;--r-pill:999px;
--border-1:1px; /* @kind spacing */
--stroke-icon:2px; /* @kind spacing */
--shadow-float:0 10px 30px rgba(0,0,0,.4);
--shadow-lift:0 14px 34px rgba(0,0,0,.32);
--blur-glass:18px; /* @kind other */
--blur-header:14px; /* @kind other */
--dur-fast:.2s; /* @kind other */
--dur-base:.22s; /* @kind other */
--dur-slow:.28s; /* @kind other */
--dur-image:.5s; /* @kind other */
--ease-base:ease; /* @kind other */
--lift-hover:-5px; /* @kind spacing */
--clip-card:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px); /* @kind other */
--dots-size:28px; /* @kind spacing */
--dots-dot:1.4px; /* @kind spacing */
--duo-filter:grayscale(1) contrast(1.08) brightness(.74); /* @kind other */
--duo-filter-hover:grayscale(1) contrast(1.05) brightness(.92); /* @kind other */
}
/* Source: arerhosting/tokens.css */
/* Arer Hosting — token katmanı.
Arertech token'ları KOPYALANMAZ; aşağıdaki @import ile miras alınır.
Bu dosyada yalnızca override'lar ve Arer Hosting'e özgü yeni token'lar bulunur. */
:root{
/* ————— OVERRIDE: kardeş marka yüzeyleri (Arertech'ten bir kademe derin ve soğuk) ————— */
--navy-900:#0b1626; /* ← arertech #0e1b2e */
--navy-800:#11213a; /* ← arertech #142440 */
--navy-700:#182d4d; /* ← arertech #1b3053 */
--navy-600:#7a8dab; /* elev-2 kenarlığı — elev-1'den bir kademe açık, seviye hiyerarşisi korunur */
--line:#607492; /* kart/form kenarlığı — kart zemini #11213a'ya karşı 3.39:1, sayfa zemini #0b1626'ya karşı 3.65:1 (WCAG 1.4.11). Eski #223a57 1.39:1'di: inset ışık tek başına kartı zeminden ayırmaya yetmiyordu. */
--line-structural:#223a57; /* yalnızca yapısal/dekoratif ayrıcılar (bölüm çizgileri, tablo içi) — bilgi taşımadığı için 3:1 gerekmez */
--line-soft:rgba(34,58,87,.62); /* ← arertech rgba(37,64,95,.6) */
/* ————— MİRAS (değişmedi, referans için listelendi) —————
--blue-500 #1a6aff · --blue-500-hover #2f7bff · --blue-300 #4a9eff · --blue-200 #7fb8ff
--cyan-400 #35d6d0 · --green-400 #4ec9a8 · --amber-400 #e8a13a · --red-400 #e2564d
--ink #e8eef8 · --muted #93aac9 · --paper #f4f7fc
--font-display / --font-body / --font-mono · --sp-1…12 · --wrap · --section-y
tüm semantik takma adlar: --bg-page, --surface-card, --text-*, --brand-*, --status-* */
/* ————— YENİ: fiyatlandırma ————— */
--price-highlight:#ffffff;
--price-strike:var(--muted);
--price-period:var(--muted);
--plan-featured-border:var(--blue-500);
--plan-featured-glow:0 0 0 1px rgba(26,106,255,.25);
--save-badge-bg:var(--cyan-400);
--save-badge-ink:#06302f;
--vat-note:var(--muted);
--table-zebra:rgba(255,255,255,.022);
--price-off:#8b9dbb; /* "pakette yok" satırları — #11213a üzerinde 4.62:1 (eski #596c89 3.01:1'di) */
--surface-alt:#223a57; /* eski --navy-600 değeri: kenarlık dışı yüzey kullanımları için korundu */
--code-fg:var(--cyan-400);
/* ————— YENİ: hizmet durumu ————— */
--uptime-green:var(--green-400);
--warning-amber:var(--amber-400);
--danger-text:#ef7d74; /* --red-400 metinde 4.35:1 kalıyor; metin için açık varyant */
--status-operational:var(--uptime-green);
--status-degraded:var(--warning-amber);
--status-maintenance:var(--blue-300);
/* ————— YENİ: erişilebilirlik ————— */
--focus-ring-width:2px;
--focus-ring-offset:3px;
--focus-ring-color:var(--cyan-400);
--skip-link-bg:var(--blue-500);
--skip-link-ink:#fff;
/* ————— OVERRIDE: yumuşatılmış geometri (müşteriye dönük ton) ————— */
--r-md:10px; /* ← arertech 9px — buton */
--r-xl:18px; /* ← arertech 16px — kart */
--clip-card:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px); /* ← arertech 18px pah, 10px'e küçültüldü (Arertech imzası korunur) */
/* ————— YENİ: derinlik sistemi (koyu temada gölge yok — border + inset ışık) ————— */
--elev-1-border:1px solid var(--line);
--elev-1-inner:inset 0 1px 0 rgba(255,255,255,.04);
--elev-1-bg:var(--navy-800);
--elev-2-border:1px solid var(--navy-600);
--elev-2-inner:inset 0 1px 0 rgba(255,255,255,.07);
--elev-2-bg:var(--navy-700);
--elev-3-border:1px solid var(--blue-500);
--elev-3-inner:inset 0 1px 0 rgba(255,255,255,.10);
--elev-3-outer:var(--plan-featured-glow);
--elev-3-bg:var(--navy-700);
/* ————— OVERRIDE: hareket ————— */
--dur-fast:150ms; /* ← arertech .2s */
--dur-base:250ms; /* ← arertech .22s */
--dur-slow:400ms; /* ← arertech .28s */
--ease-base:cubic-bezier(.2,.6,.3,1); /* ← arertech ease */
/* ————— YENİ: hero tipografi genişletmesi ————— */
--fs-hero:clamp(40px,6vw,72px);
--lh-hero:1.06;
/* ————— YENİ: duotone reçetesi (Arertech'ten bir tık aydınlık) ————— */
--duo-filter:grayscale(1) contrast(1.05) brightness(.8);
--duo-tint:var(--blue-500);
--duo-tint-opacity:.4;
--duo-protect:linear-gradient(180deg,rgba(11,22,38,.15),rgba(11,22,38,.85));
/* ————— YENİ: kırılma noktaları (belge amaçlı) ————— */
--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;
}
/* Terk edilen `.ah-on-white` kapsam bloğu ve --*-on-white token'ları kaldırıldı:
taban elev-1 kenarlığı her iki temada da 3:1'i geçtiği için opt-in sınıfa gerek yok.
Bloğun tek gerçek etkisi olan --line-soft güçlendirmesi aşağıdaki tabana taşındı. */
@media (prefers-reduced-motion:reduce){
:root{--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms}
}
/* ═══ AÇIK TEMA — Astro'daki senkron script'i bu bloğu tetikler.
Yalnızca değer override'ı: hiçbir bileşen sınıfı burada değişmez. ═══ */
:root[data-bs-theme="light"]{
/* — yüzey merdiveni (koyu → açık) — */
--navy-900:#e4eaf4; /* bg-page — kart ile ΔL %7 → %19 (eski #f4f7fc yetersizdi) */
--navy-800:#ffffff; /* surface-card */
--navy-700:#f7f9fd; /* surface-raised — artık karttan AÇIK, zeminden net ayrışır */
--navy-600:#737d90; /* elev-2 border tabanı — beyaza karşı 4.15:1, sayfa zeminine karşı 3.43:1 */
--line:#737d90; /* form/kart kenarlığı — her iki yüzeye karşı da 3:1 üstü (WCAG 1.4.11) */
--line-structural:#c2ccdb; /* yapısal/dekoratif ayrıcılar */
--line-soft:rgba(16,26,44,.22);
/* — metin — */
--ink:#101a2c; /* koyu temada beyaz metin; açıkta koyu lacivert (asla saf siyah) */
--muted:#55677e; /* 5.5:1 — bkz. README ikinci kontrast tablosu */
/* — marka/aksan: metin olarak kullanıldıklarında AA için bir tık koyulaştırıldı —
buton zemini olarak --blue-500 DEĞİŞMEDİ (üstünde beyaz metin zaten 4.62:1). */
--blue-500:#0d47bd; /* buton zemini — beyaz metinle 7.3:1 (AAA); #1a6aff 4.62:1 ile sınırdaydı */
--blue-300:#0b4fc0; /* text-link / border-active / ikon metni — 6.75:1 */
--cyan-400:#064f4c; /* text-technical / eyebrow — 7.1:1 (11px için AAA) */
--green-400:#0e5a44; /* status-ok / uptime — 7.0:1 (10px rozet için AAA) */
--amber-400:#7a4f0c; /* status-warn / warning-amber — 6.62:1 */
--red-400:#b23227; /* status-error — 5.78:1 */
/* — Arer Hosting'e özgü literal'ler (alias olmayanlar) — */
--price-highlight:var(--ink); /* beyazdı; açık kartta görünmezdi */
--save-badge-ink:#ffffff; /* rozet zemini artık koyu teal, ink beyaza döndü */
--danger-text:var(--red-400); /* koyuda ayrı açık-kırmızı varyantıydı, açıkta red-400 ile birleşir */
--plan-featured-glow:0 0 0 1px rgba(26,106,255,.32);
/* — derinlik sistemi: açık temada border+inset ışık çalışmaz, yumuşak gölge + border'a geçildi — */
--elev-1-bg:#ffffff;
--elev-1-border:1px solid #737d90; /* sayfa zemini (#e4eaf4) üzerinde 3.43:1, beyaz üzerinde 4.15:1 */
--elev-1-inner:0 1px 3px rgba(16,26,44,.10),0 1px 0 rgba(255,255,255,.9) inset;
--elev-2-bg:#ffffff;
--elev-2-border:1px solid #5f6a7e;
--elev-2-inner:0 10px 24px rgba(16,26,44,.14),0 2px 5px rgba(16,26,44,.08),0 1px 0 rgba(255,255,255,.9) inset;
--elev-3-bg:#ffffff;
--elev-3-border:1px solid var(--blue-500);
--elev-3-inner:0 18px 40px rgba(13,71,189,.22),0 3px 8px rgba(16,26,44,.10),0 1px 0 rgba(255,255,255,.9) inset;
--elev-3-outer:var(--plan-featured-glow);
/* — duotone: açık zeminde daha aydınlık işleme + daha hafif alt gradyan — */
--duo-filter:grayscale(1) contrast(1.08) brightness(1.02);
--duo-tint-opacity:.28;
--duo-protect:linear-gradient(180deg,rgba(16,26,44,.05),rgba(16,26,44,.72));
--price-off:#647391; /* beyaz kartta 4.77:1 — koyu temadaki #8b9dbb açıkta 2.75:1'e düşüyordu */
--surface-alt:#c2ccdb; /* kaydırma çubuğu vb. kenarlık dışı yüzeyler */
--table-zebra:rgba(16,26,44,.055);
--code-fg:#0a655f;
}
/* Source: arerhosting/components.css */
/* ═══ taban ═══ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}
body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
/* Türkçe: uzun bileşik kelimeler (Kullanılabilirlik, Yapılandırma, barındırma) taşmasın */
body,.ah-prose,.ah-card,.ah-pricing,.ah-feature,.ah-table{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:var(--ls-tight);line-height:var(--lh-tight);margin:0;text-wrap:balance}
a{color:var(--text-link);text-decoration:none;transition:color var(--dur-fast) var(--ease-base)}
a:hover{color:var(--text-link-hover)}
img{max-width:100%;display:block}
:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:2px}
.ah-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--sp-4)}
@media (min-width:768px){.ah-wrap{padding:0 var(--pad)}}
.ah-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* ═══ skip link ═══ */
.ah-skip{position:absolute;left:var(--sp-4);top:-100px;z-index:100;background:var(--skip-link-bg);color:var(--skip-link-ink);font-weight:500;font-size:var(--fs-sm);padding:12px 20px;border-radius:var(--r-md);transition:top var(--dur-fast) var(--ease-base)}
.ah-skip:focus{top:var(--sp-4);color:var(--skip-link-ink)}
/* ═══ derinlik sistemi — 3 seviye ═══ */
.ah-elev-1{background:var(--elev-1-bg);border:var(--elev-1-border);box-shadow:var(--elev-1-inner)}
.ah-elev-2{background:var(--elev-2-bg);border:var(--elev-2-border);box-shadow:var(--elev-2-inner)}
.ah-elev-3{background:var(--elev-3-bg);border:var(--elev-3-border);box-shadow:var(--elev-3-inner),var(--elev-3-outer)}
/* ═══ tipografi yardımcıları ═══ */
.ah-eyebrow{font-family:var(--font-mono);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-technical);display:flex;align-items:center;gap:9px;margin:0 0 var(--sp-4)}
.ah-hero-title{font-size:var(--fs-hero);line-height:var(--lh-hero)}
.ah-h2{font-size:var(--fs-h2)}
.ah-h3{font-size:var(--fs-h3);line-height:var(--lh-heading)}
.ah-lead{color:var(--text-muted);font-size:var(--fs-lead);max-width:var(--measure-lead);margin:var(--sp-4) 0 0}
.ah-mono{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);color:var(--text-muted)}
/* ═══ ikon ═══ */
.ah-icon{width:24px;height:24px;flex:0 0 auto;display:inline-block;vertical-align:middle}
.ah-icon--sm{width:20px;height:20px}
.ah-icon--lg{width:28px;height:28px}
/* ═══ 1 · Button ═══ */
.ah-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-body);font-weight:500;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-base),border-color var(--dur-fast) var(--ease-base),color var(--dur-fast) var(--ease-base),transform var(--dur-fast) var(--ease-base)}
.ah-btn:active{transform:translateY(1px)}
.ah-btn--sm{font-size:var(--fs-sm);padding:9px 16px;min-height:38px}
.ah-btn--md{font-size:var(--fs-body);padding:13px 24px;min-height:46px}
.ah-btn--lg{font-size:var(--fs-lead);padding:16px 32px;min-height:54px}
.ah-btn--primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-on-brand)}
.ah-btn--primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);color:var(--text-on-brand)}
.ah-btn--secondary{background:var(--surface-raised);border-color:var(--navy-600);color:var(--ink)}
.ah-btn--secondary:hover{border-color:var(--border-active);color:var(--ink)}
.ah-btn--ghost{background:transparent;border-color:var(--border-default);color:var(--ink)}
.ah-btn--ghost:hover{border-color:var(--border-active);color:var(--ink)}
.ah-btn--danger{background:transparent;border-color:var(--red-400);color:var(--danger-text)}
.ah-btn--danger:hover{background:var(--red-400);border-color:var(--red-400);color:var(--text-on-brand)}
.ah-btn[disabled],.ah-btn[aria-disabled="true"]{opacity:.42;pointer-events:none;cursor:not-allowed}
/* ═══ 2 · StatusBadge ═══ */
.ah-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-tag);font-weight:500;letter-spacing:var(--ls-tag);text-transform:uppercase;border:1px solid;border-radius:var(--r-pill);padding:6px 13px}
.ah-status i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
.ah-status--operational{color:var(--status-operational);border-color:color-mix(in srgb,var(--status-operational) 40%,transparent)}
.ah-status--operational i{animation:ah-pulse 2.4s var(--ease-base) infinite}
.ah-status--degraded{color:var(--status-degraded);border-color:color-mix(in srgb,var(--status-degraded) 40%,transparent)}
.ah-status--maintenance{color:var(--status-maintenance);border-color:color-mix(in srgb,var(--status-maintenance) 40%,transparent)}
@keyframes ah-pulse{0%,100%{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 5px transparent;opacity:.55}}
/* ═══ 3 · PricingCard ═══ */
.ah-toggle{display:inline-flex;align-items:center;gap:2px;background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px}
.ah-toggle button{appearance:none;background:transparent;border:0;border-radius:var(--r-pill);color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;padding:9px 18px;min-height:40px;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-base),color var(--dur-fast) var(--ease-base)}
.ah-toggle button[aria-pressed="true"]{background:var(--brand-primary);color:var(--text-on-brand)}
.ah-toggle .ah-toggle__save{font-family:var(--font-mono);font-size:var(--fs-mono-xs);letter-spacing:var(--ls-mono);color:var(--cyan-400);padding-left:10px;padding-right:14px}
.ah-pricing-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-5)}
@media (min-width:1200px){.ah-pricing-grid{gap:var(--sp-4)}}
.ah-pricing-grid>.ah-pricing{flex:1 1 260px;max-width:340px;width:100%}
.ah-pricing{position:relative;display:flex;flex-direction:column;gap:var(--sp-3);border-radius:var(--r-xl);padding:var(--sp-7) var(--sp-6) var(--sp-6);background:var(--elev-1-bg);border:var(--elev-1-border);box-shadow:var(--elev-1-inner);clip-path:var(--clip-card);transition:border-color var(--dur-base) var(--ease-base),transform var(--dur-base) var(--ease-base)}
.ah-pricing:hover{border-color:var(--border-active);transform:translateY(-4px)}
.ah-pricing--featured{background:var(--elev-3-bg);border:var(--elev-3-border);box-shadow:var(--elev-3-inner),var(--elev-3-outer)}
.ah-pricing__flag{position:absolute;top:-12px;left:var(--sp-6);background:var(--brand-primary);color:var(--text-on-brand);font-size:var(--fs-xs);font-weight:500;padding:5px 13px;border-radius:var(--r-pill)}
/* Rozet top:-12px ile kartın üstüne taşıyor; kartın --clip-card chamfer clip-path'i bu taşmayı kesiyordu → "Önerilen"in Ö noktaları (üst 11px) görünmüyor, "Onerilen" okunuyordu. Clip-path yalnızca rozetli kartlarda yukarı genişletilir; sol-üst pah aynen korunur. */
.ah-pricing:has(> .ah-pricing__flag){clip-path:polygon(0 10px,10px 0,var(--sp-5) 0,var(--sp-5) -20px,100% -20px,100% 100%,0 100%)}
.ah-pricing__name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h3);color:var(--text-heading)}
.ah-pricing__note{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-body);margin:0}
.ah-pricing__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:var(--sp-2)}
.ah-pricing__amount{font-family:var(--font-display);font-weight:700;font-size:44px;line-height:1;color:var(--price-highlight);letter-spacing:-.02em}
.ah-pricing__period{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);color:var(--price-period)}
.ah-pricing__was{font-size:var(--fs-sm);color:var(--price-strike);text-decoration:line-through;text-decoration-thickness:1px}
.ah-pricing__save{font-family:var(--font-mono);font-size:var(--fs-mono-xs);font-weight:500;letter-spacing:var(--ls-mono);text-transform:uppercase;background:var(--save-badge-bg);color:var(--save-badge-ink);border-radius:var(--r-pill);padding:4px 10px}
.ah-pricing__vat{font-size:var(--fs-xs);color:var(--vat-note);margin:0}
.ah-pricing__quota{list-style:none;margin:var(--sp-4) 0 0;padding:var(--sp-4) 0 0;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:9px}
.ah-pricing__quota li{display:flex;align-items:baseline;gap:8px;line-height:1.35}
.ah-pricing__q{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ink);letter-spacing:-.01em;flex:0 0 auto}
.ah-pricing__q i{font-style:normal;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--ls-mono);color:var(--blue-300);margin-left:3px;font-weight:400}
.ah-pricing__qlbl{font-size:var(--fs-sm);color:var(--text-muted)}
.ah-pricing__list{list-style:none;margin:var(--sp-3) 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.ah-pricing__list li{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55;margin-bottom:2px}
.ah-pricing__list .ah-icon{color:var(--uptime-green);margin-top:1px}
.ah-pricing .ah-btn{margin-top:auto;width:100%}
.ah-pricing__list+.ah-btn{margin-top:var(--sp-6)}
/* ═══ 4 · FeatureCard ═══ */
.ah-feature-grid{display:grid;gap:var(--grid-gap);grid-template-columns:1fr}
@media (min-width:640px){.ah-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.ah-feature-grid{grid-template-columns:repeat(4,1fr)}}
.ah-feature{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--card-pad);border-radius:var(--r-xl);background:var(--elev-1-bg);border:var(--elev-1-border);box-shadow:var(--elev-1-inner);clip-path:var(--clip-card);transition:border-color var(--dur-base) var(--ease-base),transform var(--dur-base) var(--ease-base)}
.ah-feature:hover{border-color:var(--border-active);transform:translateY(-4px)}
.ah-feature__ico{width:46px;height:46px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--surface-raised);border:1px solid var(--navy-600);color:var(--blue-300)}
.ah-feature h3{font-size:var(--fs-h3);line-height:var(--lh-heading);color:var(--text-heading)}
.ah-feature p{margin:0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6}
.ah-feature__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ah-feature__list li{position:relative;padding-left:16px;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55}
.ah-feature__list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:1.5px;background:var(--cyan-400)}
/* ═══ 5 · SpecList ═══ */
.ah-specs{display:grid;gap:0;border-radius:var(--r-lg);overflow:hidden;background:var(--elev-1-bg);border:var(--elev-1-border);box-shadow:var(--elev-1-inner)}
.ah-specs div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);padding:13px var(--sp-5);border-bottom:1px dashed var(--line-soft)}
.ah-specs div:last-child{border-bottom:0}
.ah-specs dt{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--text-muted);margin:0}
.ah-specs dd{margin:0;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink);text-align:right}
.ah-specs dd em{font-style:normal;color:var(--cyan-400)}
/* ═══ 6 · MigrationSteps — dikey liste (numara solda, metin sağda) ═══ */
.ah-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;max-width:640px;counter-reset:ah-step}
.ah-steps li{display:flex;gap:var(--sp-5);padding:var(--sp-5) 0;border-bottom:1px solid var(--line-soft);counter-increment:ah-step}
.ah-steps li:last-child{border-bottom:0;padding-bottom:0}
.ah-steps li::before{content:counter(ah-step,decimal-leading-zero);flex:0 0 auto;font-family:var(--font-mono);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:var(--ls-eyebrow);color:var(--cyan-400);line-height:1.3}
.ah-steps h3{font-size:var(--fs-h3);line-height:var(--lh-heading);margin-bottom:6px;color:var(--text-heading)}
.ah-steps p{margin:0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6}
/* ═══ 7 · ComparisonTable — zebra, çizgisiz, yüksek satır ═══ */
.ah-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-xl);background:var(--elev-1-bg);border:var(--elev-1-border);box-shadow:var(--elev-1-inner);scrollbar-width:thin;scrollbar-color:var(--navy-600) transparent}
.ah-table-scroll::-webkit-scrollbar{height:8px}
.ah-table-scroll::-webkit-scrollbar-thumb{background:var(--surface-alt);border-radius:var(--r-pill)}
.ah-table-hint{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--fs-mono-xs);letter-spacing:var(--ls-mono);color:var(--text-muted);margin:0 0 10px}
@media (min-width:1024px){.ah-table-hint{display:none}}
.ah-table{width:100%;min-width:760px;border-collapse:collapse;font-size:var(--fs-body)}
.ah-table th,.ah-table td{padding:18px var(--sp-5);text-align:left;border:0;vertical-align:middle}
.ah-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-raised);font-family:var(--font-display);font-size:var(--fs-h3);font-weight:600;color:var(--text-heading);white-space:nowrap;padding-top:20px;padding-bottom:20px;box-shadow:inset 0 -1px 0 var(--line)}
.ah-table tbody tr:nth-child(odd){background:var(--table-zebra)}
.ah-table tbody th{font-weight:400;color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap}
.ah-table td{color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-body);font-weight:500}
.ah-table td .ah-table__u{font-style:normal;font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);color:var(--text-muted);font-weight:400}
.ah-table td.is-yes{color:var(--uptime-green)}
.ah-table td.is-yes .ah-icon{display:block}
.ah-table td.is-no{color:var(--muted);opacity:.45}
.ah-table .is-featured{background:rgba(26,106,255,.07)}
.ah-table tbody tr:nth-child(odd) .is-featured{background:rgba(26,106,255,.1)}
.ah-table thead th.is-featured{background:linear-gradient(180deg,var(--surface-raised),rgba(26,106,255,.16));color:var(--price-highlight)}
/* ═══ 8 · LogoStrip ═══ */
.ah-logos{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}
@media (min-width:640px){.ah-logos{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1024px){.ah-logos{grid-template-columns:repeat(6,1fr)}}
.ah-logos__item{height:60px;display:grid;place-items:center;padding:10px;border-radius:var(--r-md);background:var(--elev-1-bg);border:var(--elev-1-border);box-shadow:var(--elev-1-inner);transition:border-color var(--dur-fast) var(--ease-base)}
.ah-logos__item:hover{border-color:var(--border-active)}
.ah-logos__item img{max-height:26px;width:auto;filter:grayscale(1) brightness(2.2);opacity:.7;transition:filter var(--dur-base) var(--ease-base),opacity var(--dur-base) var(--ease-base)}
.ah-logos__item:hover img{filter:none;opacity:1}
.ah-logos__item span{font-family:var(--font-mono);font-size:var(--fs-mono-xs);letter-spacing:.04em;color:var(--text-muted);transition:color var(--dur-base) var(--ease-base);text-align:center;white-space:nowrap}
@media (min-width:1024px){.ah-logos__item span{font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono)}}
.ah-logos__item:hover span{color:var(--cyan-400)}
/* ═══ 9 · Accordion ═══ */
.ah-faq{display:flex;flex-direction:column;gap:11px;max-width:820px}
.ah-faq details{border-radius:var(--r-lg);background:var(--elev-1-bg);border:var(--elev-1-border);box-shadow:var(--elev-1-inner);overflow:hidden;transition:border-color var(--dur-fast) var(--ease-base)}
.ah-faq details[open]{border-color:var(--border-active)}
.ah-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:18px var(--sp-5);font-family:var(--font-display);font-weight:600;font-size:16.5px;color:var(--text-heading);min-height:56px}
.ah-faq summary::-webkit-details-marker{display:none}
.ah-faq summary::after{content:"";width:11px;height:11px;flex:0 0 auto;border-right:2px solid var(--blue-300);border-bottom:2px solid var(--blue-300);transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--dur-base) var(--ease-base)}
.ah-faq details[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.ah-faq__body{padding:0 var(--sp-5) var(--sp-5);color:var(--text-muted);font-size:var(--fs-sm);line-height:1.65}
/* ═══ 10 · Alert ═══ */
.ah-alert{display:flex;align-items:flex-start;gap:13px;padding:15px var(--sp-4);border-radius:var(--r-lg);border:1px solid;font-size:var(--fs-sm);line-height:1.6}
.ah-alert b{display:block;font-family:var(--font-display);font-size:var(--fs-body);margin-bottom:3px}
.ah-alert p{margin:0;color:var(--text-muted)}
.ah-alert .ah-icon{margin-top:1px}
.ah-alert--info{background:color-mix(in srgb,var(--blue-500) 10%,transparent);border-color:color-mix(in srgb,var(--blue-500) 38%,transparent);color:var(--blue-300)}
.ah-alert--success{background:color-mix(in srgb,var(--uptime-green) 10%,transparent);border-color:color-mix(in srgb,var(--uptime-green) 38%,transparent);color:var(--uptime-green)}
.ah-alert--warning{background:color-mix(in srgb,var(--warning-amber) 10%,transparent);border-color:color-mix(in srgb,var(--warning-amber) 38%,transparent);color:var(--warning-amber)}
.ah-alert--danger{background:color-mix(in srgb,var(--red-400) 10%,transparent);border-color:color-mix(in srgb,var(--red-400) 38%,transparent);color:var(--danger-text)}
.ah-alert b{color:var(--ink)}
/* ═══ 11 · Form ═══ */
.ah-field{display:flex;flex-direction:column;gap:7px}
.ah-label{font-size:var(--fs-sm);font-weight:500;color:var(--ink)}
.ah-label span{color:var(--text-muted);font-weight:400}
.ah-input,.ah-select,.ah-textarea{width:100%;font-family:var(--font-body);font-size:var(--fs-body);color:var(--ink);background:var(--navy-900);border:1px solid var(--line);border-radius:var(--r-md);padding:13px var(--sp-4);min-height:48px;transition:border-color var(--dur-fast) var(--ease-base),background var(--dur-fast) var(--ease-base)}
.ah-textarea{min-height:120px;resize:vertical;line-height:1.6}
.ah-input::placeholder,.ah-textarea::placeholder{color:color-mix(in srgb,var(--muted) 62%,transparent)}
.ah-input:hover,.ah-select:hover,.ah-textarea:hover{border-color:var(--navy-600)}
.ah-input:focus,.ah-select:focus,.ah-textarea:focus{border-color:var(--brand-secondary);outline:none}
.ah-input:focus-visible,.ah-select:focus-visible,.ah-textarea:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}
.ah-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--blue-300) 50%),linear-gradient(135deg,var(--blue-300) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:44px}
.ah-input[disabled],.ah-select[disabled],.ah-textarea[disabled]{opacity:.45;cursor:not-allowed}
.ah-hint{font-size:var(--fs-xs);color:var(--text-muted);margin:0}
.ah-field--error .ah-input,.ah-field--error .ah-select,.ah-field--error .ah-textarea{border-color:var(--red-400)}
.ah-field--error .ah-hint{color:var(--danger-text)}
.ah-field--success .ah-input,.ah-field--success .ah-select,.ah-field--success .ah-textarea{border-color:var(--uptime-green)}
.ah-field--success .ah-hint{color:var(--uptime-green)}
.ah-check{display:flex;align-items:flex-start;gap:11px;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55;cursor:pointer}
.ah-check input{appearance:none;width:24px;height:24px;flex:0 0 auto;margin:1px 0 0;border:1px solid var(--navy-600);border-radius:5px;background:var(--navy-900);cursor:pointer;transition:background var(--dur-fast) var(--ease-base),border-color var(--dur-fast) var(--ease-base)}
.ah-check input:checked{background:var(--brand-primary);border-color:var(--brand-primary);background-image:linear-gradient(45deg,transparent 44%,#fff 44%,#fff 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,#fff 44%,#fff 56%,transparent 56%);background-size:11px 2px,11px 2px;background-position:4px 11px,8px 11px;background-repeat:no-repeat}
.ah-check input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}
/* ═══ 12 · BlogCard + prose ═══ */
.ah-blog-grid{display:grid;gap:var(--grid-gap);grid-template-columns:1fr}
@media (min-width:640px){.ah-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.ah-blog-grid{grid-template-columns:repeat(3,1fr)}}
.ah-blog{display:flex;flex-direction:column;border-radius:var(--r-xl);overflow:hidden;background:var(--elev-1-bg);border:var(--elev-1-border);box-shadow:var(--elev-1-inner);transition:border-color var(--dur-base) var(--ease-base),transform var(--dur-base) var(--ease-base);text-decoration:none}
.ah-blog:hover{border-color:var(--border-active);transform:translateY(-4px)}
.ah-blog__media{aspect-ratio:16/9;position:relative;background:var(--surface-raised)}
.ah-blog__body{padding:var(--sp-5);display:flex;flex-direction:column;gap:9px}
.ah-blog__meta{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--text-muted)}
.ah-blog h3{font-size:var(--fs-h3);line-height:var(--lh-heading);color:var(--text-heading)}
.ah-blog p{margin:0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6}
.ah-prose{max-width:68ch;color:var(--text-muted);font-size:var(--fs-lead);line-height:1.75}
.ah-prose>*+*{margin-top:var(--sp-5)}
.ah-prose h2{font-size:var(--fs-h2);color:var(--text-heading);margin-top:var(--sp-9)}
.ah-prose h3{font-size:var(--fs-h3);color:var(--text-heading);margin-top:var(--sp-7)}
.ah-prose strong{color:var(--ink);font-weight:600}
.ah-prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ah-prose ul,.ah-prose ol{padding-left:var(--sp-5);display:flex;flex-direction:column;gap:9px}
.ah-prose li::marker{color:var(--cyan-400)}
.ah-prose blockquote{margin:0;padding-left:var(--sp-5);border-left:2px solid var(--cyan-400);color:var(--ink);font-size:var(--fs-lead)}
.ah-prose code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-xs);padding:2px 7px;color:var(--code-fg)}
.ah-prose pre{background:var(--navy-900);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.6;color:var(--ink)}
.ah-prose pre code{background:none;border:0;padding:0;color:inherit}
.ah-prose hr{border:0;border-top:1px solid var(--line);margin:var(--sp-8) 0}
.ah-prose figcaption{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);color:var(--text-muted);margin-top:10px}
/* ═══ 13 · Kurtarma zaman çizgisi — müşteri odaklı, teknik detaysız ═══ */
.ah-restore{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-6);border-radius:var(--r-xl);background:var(--elev-1-bg);border:var(--elev-1-border);box-shadow:var(--elev-1-inner)}
.ah-restore__step{flex:1 1 160px;min-width:150px;text-align:center;padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface-raised);border:1px solid var(--navy-600)}
.ah-restore__step--now{border-color:var(--red-400)}
.ah-restore__mono{display:block;font-family:var(--font-mono);font-size:var(--fs-mono-xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}
.ah-restore__step--now .ah-restore__mono{color:var(--danger-text)}
.ah-restore__step b{display:block;font-family:var(--font-display);font-size:var(--fs-body);color:var(--text-heading)}
.ah-restore__arrow{flex:0 0 auto;color:var(--cyan-400)}
.ah-restore__note{width:100%;text-align:center;margin:var(--sp-5) 0 0;font-size:var(--fs-lead);color:var(--ink)}
.ah-restore__note strong{color:var(--uptime-green);font-weight:600}
/* ═══ BackupDiagram — teknik detay (yalnızca altyapı sayfası için) ═══ */
.ah-diagram{width:100%;border-radius:var(--r-xl);background:var(--elev-1-bg);border:var(--elev-1-border);box-shadow:var(--elev-1-inner);padding:var(--sp-6)}
.ah-diagram svg{width:100%;height:auto;display:block}
.ah-diagram .lyr{fill:var(--surface-raised);stroke:var(--line);stroke-width:1}
.ah-diagram .lyr-hot{stroke:var(--blue-500)}
.ah-diagram .lyr-cold{stroke:var(--cyan-400)}
.ah-diagram .lbl{font-family:var(--font-display);font-size:13px;font-weight:600;fill:var(--ink)}
.ah-diagram .meta{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;fill:var(--muted);text-transform:uppercase}
.ah-diagram .flow{stroke:var(--cyan-400);stroke-width:1.6;fill:none;stroke-dasharray:4 4}
/* ═══ ThemeToggle — ikon tabanlı, ah-burger'in aç/kapa desenini izler ═══ */
.ah-theme-toggle{display:inline-grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);cursor:pointer}
.ah-theme-toggle:hover{border-color:var(--border-active)}
:root:not([data-bs-theme="light"]) .ah-theme-toggle .ah-icon--moon{display:none}
:root[data-bs-theme="light"] .ah-theme-toggle .ah-icon--sun{display:none}
/* ═══ 14 · Header ═══ */
.ah-hdr{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--navy-900) 88%,transparent);backdrop-filter:blur(var(--blur-header));border-bottom:1px solid var(--line-soft)}
.ah-hdr__in{max-width:var(--wrap);margin:0 auto;padding:0 var(--sp-4);display:flex;align-items:center;gap:var(--sp-5);height:70px}
@media (min-width:768px){.ah-hdr__in{padding:0 var(--pad);height:76px}}
.ah-brand{display:flex;align-items:center;gap:1px;flex:0 0 auto;text-decoration:none}
.ah-brand img{width:32px;height:32px;margin-right:10px}
.ah-brand b{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:var(--ls-wordmark);color:var(--ink);white-space:nowrap}
.ah-brand b span{color:var(--cyan-400);font-weight:500}
.ah-nav{display:none}
@media (min-width:1024px){.ah-nav{display:flex;gap:var(--sp-6);list-style:none;margin:0 0 0 var(--sp-3);padding:0}}
.ah-nav a{color:var(--ink);font-size:var(--fs-sm);padding:26px 0;display:inline-flex;align-items:center;border-bottom:2px solid transparent;transition:border-color var(--dur-fast) var(--ease-base)}
.ah-nav a:hover,.ah-nav a[aria-current="page"]{border-color:var(--brand-primary);color:var(--ink)}
.ah-hdr__end{margin-left:auto;display:flex;align-items:center;gap:11px}
.ah-hdr__cta{display:none}
@media (min-width:640px){.ah-hdr__cta{display:inline-flex}}
.ah-hdr__status{display:none}
@media (min-width:1280px){.ah-hdr__status{display:inline-flex}}
.ah-burger{display:inline-grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);cursor:pointer}
@media (min-width:1024px){.ah-burger{display:none}}
.ah-burger .ah-icon--close{display:none}
.ah-burger[aria-expanded="true"] .ah-icon--menu{display:none}
.ah-burger[aria-expanded="true"] .ah-icon--close{display:inline-block}
.ah-mobile{display:none;border-top:1px solid var(--line-soft);background:var(--surface-card)}
.ah-mobile[data-open="true"]{display:block}
@media (min-width:1024px){.ah-mobile{display:none!important}}
.ah-mobile ul{list-style:none;margin:0;padding:var(--sp-3) var(--sp-4) var(--sp-5);display:flex;flex-direction:column}
.ah-mobile a{display:block;padding:14px 4px;color:var(--ink);font-size:var(--fs-body);border-bottom:1px solid var(--line-soft);min-height:48px}
.ah-mobile li:last-child a{border-bottom:0}
.ah-mobile .ah-btn{margin-top:var(--sp-4);width:100%}
/* ═══ 15 · Footer ═══ */
.ah-ftr{background:var(--surface-card);border-top:1px solid var(--line);padding:var(--sp-10) 0 var(--sp-6);margin-top:var(--sp-11)}
.ah-ftr__g{display:grid;gap:var(--sp-7);grid-template-columns:1fr}
@media (min-width:640px){.ah-ftr__g{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.ah-ftr__g{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--sp-8)}}
.ah-ftr h4,.ah-ftr__label{font-family:var(--font-mono);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--sp-4)}
.ah-ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.ah-ftr a{color:var(--ink);font-size:var(--fs-sm);display:inline-flex;align-items:center;min-height:24px;padding:3px 0}
.ah-ftr a:hover{color:var(--cyan-400)}
.ah-ftr__about{color:var(--text-muted);font-size:var(--fs-sm);max-width:38ch;margin:0;line-height:1.65}
.ah-ftr__status{display:inline-flex;margin-top:var(--sp-4)}
.ah-legal{margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);justify-content:space-between;font-size:var(--fs-xs);color:var(--text-muted)}
.ah-legal ul{flex-direction:row;flex-wrap:wrap;gap:var(--sp-4)}
.ah-legal a{font-size:var(--fs-xs);color:var(--text-muted);display:inline-flex;align-items:center;min-height:24px;padding:4px 0}
/* ═══ 16 · TrustStrip — hero altı 4 rakam ═══ */
.ah-trust{display:grid;gap:var(--sp-5);grid-template-columns:repeat(2,1fr);padding:var(--sp-6) 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
@media (min-width:768px){.ah-trust{grid-template-columns:repeat(4,1fr)}}
.ah-trust__item{display:flex;flex-direction:column;gap:6px}
.ah-trust__num{font-family:var(--font-display);font-weight:700;font-size:32px;color:var(--ink);letter-spacing:-.01em}
.ah-trust__lbl{font-family:var(--font-mono);font-size:var(--fs-mono-xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--text-muted)}
/* ═══ 17 · Hero duotone illüstrasyon (soyut, geometrik — fotoğraf değil) ═══ */
.ah-illust{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--elev-2-bg);border:var(--elev-2-border);box-shadow:var(--elev-2-inner)}
.ah-illust svg{width:100%;height:100%;display:block}
/* ═══ 18 · infra not (ortak değiliz açıklaması) ═══ */
.ah-infranote{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--text-muted);text-align:center}
.ah-duo{position:relative;overflow:hidden;background:var(--surface-raised)}
.ah-duo>img{width:100%;height:100%;object-fit:cover;filter:var(--duo-filter);transition:filter var(--dur-slow) var(--ease-base)}
.ah-duo::before{content:"";position:absolute;inset:0;z-index:1;background:var(--duo-tint);mix-blend-mode:color;opacity:var(--duo-tint-opacity);pointer-events:none}
.ah-duo::after{content:"";position:absolute;inset:0;z-index:2;background:var(--duo-protect);pointer-events:none}
.ah-duo__ph{position:absolute;inset:0;z-index:3;display:grid;place-items:center;text-align:center;padding:var(--sp-4);border:1px dashed var(--line);font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);text-transform:uppercase;color:color-mix(in srgb,var(--muted) 55%,transparent)}
/* ═══ .ah-offer — kurucu fiyatı şeridi (Alert'ten ayrı: satış vaadi, durum bildirimi değil) ═══ */
.ah-offer{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:15px var(--sp-5);border-radius:var(--r-lg);background:var(--elev-2-bg);border:1px solid color-mix(in srgb,var(--save-badge-bg) 45%,transparent);box-shadow:var(--elev-2-inner)}
.ah-offer__badge{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--fs-mono-xs);font-weight:500;letter-spacing:var(--ls-mono);text-transform:uppercase;background:var(--save-badge-bg);color:var(--save-badge-ink);border-radius:var(--r-pill);padding:5px 12px}
.ah-offer__body{min-width:0}
.ah-offer__body b{display:block;font-family:var(--font-display);font-size:var(--fs-body);color:var(--price-highlight)}
.ah-offer__body p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55}
/* ═══ fiyat kartı — veri eklentileri ═══ */
.ah-pricing__list li.is-off{color:var(--price-off)}
.ah-pricing__list li.is-off .ah-icon{color:var(--price-off)}
.ah-pricing__list li.is-off span{text-decoration:line-through;text-decoration-thickness:1px}
/* ═══ .ah-feature--priced ═══ */
.ah-feature--priced .ah-feature__price{margin:auto 0 0;padding-top:var(--sp-3);font-family:var(--font-display);font-weight:600;font-size:var(--fs-h3);color:var(--price-highlight)}
.ah-feature--priced .ah-feature__price span{font-family:var(--font-mono);font-size:var(--fs-mono-sm);font-weight:400;letter-spacing:var(--ls-mono);color:var(--price-period)}
/* ═══ .ah-tooltip — tıklamayla açılan minimal popover ═══ */
.ah-tooltip{position:relative;display:inline-flex;padding:0;margin-left:4px;border:0;background:none;color:var(--blue-300);cursor:pointer;vertical-align:-4px}
.ah-tooltip__pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:20;width:max-content;max-width:240px;display:none;padding:10px 13px;border-radius:var(--r-sm);background:var(--navy-700);border:1px solid var(--navy-600);box-shadow:var(--elev-2-inner);font-family:var(--font-body);font-size:var(--fs-xs);line-height:1.5;color:var(--ink);text-align:left;text-decoration:none;white-space:normal}
.ah-tooltip[aria-expanded="true"] .ah-tooltip__pop{display:block}
/* Source: arerhosting/portal/portal.css */
/* Arer Hosting — Müşteri Portalı katmanı (V6).
Yeni renk/font/logo YOK: her --ahp-* token'ı mevcut Arer Tech / Arer Hosting token'ına alias'tır.
Bileşen öneki .ahp- (portal blokları); butonlar, form alanları ve marka satırı mevcut .ah- bileşenleridir.
Duyarlılık container query ile çalışır (container: ahp) — Twig sayfasında kök yeterlidir. */
.ahp{container:ahp/inline-size;
--ahp-bg:var(--bg-page);--ahp-surface:var(--surface-card);--ahp-surface-2:var(--surface-raised);
--ahp-side-bg:var(--surface-card);--ahp-panel-bg:var(--surface-card);
--ahp-border:var(--border-default);--ahp-ctl-border:var(--border-default);--ahp-divider:var(--line-structural);
--ahp-text:var(--text-body);--ahp-muted:var(--text-muted);--ahp-link:var(--text-link);
--ahp-primary:var(--brand-primary);--ahp-primary-hover:var(--brand-primary-hover);
--ahp-tint:color-mix(in srgb,var(--blue-500) 9%,var(--surface-card));
--ahp-tint-2:color-mix(in srgb,var(--blue-500) 15%,var(--surface-card));
--ahp-ok:var(--status-ok);--ahp-ok-bg:color-mix(in srgb,var(--green-400) 14%,var(--surface-card));
--ahp-warn:var(--status-warn);--ahp-warn-bg:color-mix(in srgb,var(--amber-400) 15%,var(--surface-card));
--ahp-err:var(--danger-text);--ahp-err-bg:color-mix(in srgb,var(--red-400) 13%,var(--surface-card));
--ahp-info:var(--text-link);--ahp-info-bg:var(--ahp-tint);
--ahp-meter-track:color-mix(in srgb,var(--ink) 10%,var(--surface-card));
--ahp-shadow:var(--elev-1-inner);--ahp-shadow-pop:var(--elev-2-inner),var(--shadow-float);
--ahp-side-w:216px;--ahp-bar-h:64px;--ahp-aside-w:256px;--ahp-gutter:24px;--ahp-max:none;
--ahp-pad:20px;--ahp-r:var(--r-lg);--ahp-r-sm:var(--r-sm);--ahp-ctl-h:40px;
--ahp-fs-title:22px;--ahp-fs-h:16px;--ahp-fs-body:15px;--ahp-fs-sm:14px;--ahp-fs-cap:13px;
--ahp-z-bar:30;--ahp-z-dd:40;--ahp-z-drawer:60;--ahp-z-toast:90;
--ahp-clip:var(--clip-card);--ahp-tile-clip:none;
background:var(--ahp-bg);color:var(--ahp-text);font-size:var(--ahp-fs-body);line-height:1.5;min-height:100vh}
:root:not([data-bs-theme="light"]) .ahp{--ahp-side-bg:var(--bg-page);--ahp-panel-bg:transparent;--ahp-meter-track:rgba(232,238,248,.12)}
/* — V6 ONAYLI KARARLAR (kilitli, README §5) —
C2 birincil mavi #1a6aff (marka tabanı; açık temada beyaz metinle 4.62:1 AA). Yalnızca .ahp kapsamında —
pazarlama sayfalarının açık tema #0d47bd değeri değişmez. Link/metin mavisi (--blue-300 #0b4fc0) aynı kalır.
C3 ince kart kenarı (--line-structural) + açık zemin; form kontrolleri 3:1 kenarlığı korur (--ahp-ctl-border).
C4 pah (--clip-card) kartlardan kaldırıldı, yalnızca ikon karolarında + marka yüzeylerinde (--ahp-tile-clip). */
.ahp{--blue-500:#1a6aff;--brand-primary:#1a6aff;--brand-primary-hover:#2f7bff;--skip-link-bg:#1a6aff;
--ahp-primary:#1a6aff;--ahp-primary-hover:#2f7bff;
--ahp-border:var(--line-structural);--ahp-card-shadow:none;
--ahp-clip:none;--ahp-tile-clip:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}
:root[data-bs-theme="light"] .ahp{--ahp-bg:color-mix(in srgb,var(--navy-900) 55%,#fff);--ahp-card-shadow:0 1px 2px rgba(16,26,44,.05)}
.ahp-col,.ahp-main,.ahp-svc__id,.ahp-list__d,.ahp-metric>div,.ahp-card,.ahp-panel,.ahp-grid>*{min-width:0}
.ahp h1,.ahp h2,.ahp h3{margin:0}
.ahp p{margin:0}
.ahp-app{display:grid;grid-template-columns:var(--ahp-side-w) minmax(0,1fr);min-height:100vh;max-width:var(--ahp-max);margin:0 auto}
.ahp-ico{width:20px;height:20px;flex:0 0 auto}
.ahp-ico--sm{width:16px;height:16px}
/* ═══ Sidebar ═══ */
.ahp-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:18px 14px 18px;background:var(--ahp-side-bg);border-right:1px solid var(--ahp-divider);z-index:var(--ahp-z-drawer)}
.ahp-side .ah-brand{padding:2px 8px 6px}
.ahp-side .ah-brand img{width:30px;height:30px}
.ahp-nav{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}
.ahp-nav a{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;border-radius:var(--ahp-r-sm);color:var(--ahp-text);font-weight:500}
.ahp-nav a:hover{background:var(--ahp-tint);color:var(--ahp-text)}
.ahp-nav a[aria-current="page"]{background:var(--ahp-tint-2);color:var(--ahp-link);font-weight:600}
.ahp-nav__soon{margin-left:auto;font-size:11px;font-weight:500;color:var(--ahp-muted);border:1px solid var(--ahp-divider);border-radius:var(--r-pill);padding:0 6px}
.ahp-help{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--ahp-border);border-radius:var(--ahp-r);background:var(--ahp-surface)}
.ahp-help__t{display:flex;gap:10px;align-items:flex-start}
.ahp-help__t .ahp-ico{color:var(--ahp-link);width:24px;height:24px}
.ahp-help b{display:block;font-size:var(--ahp-fs-sm)}
.ahp-help p{font-size:var(--ahp-fs-cap);color:var(--ahp-muted)}
.ahp-scrim{display:none}
/* ═══ Toolbar ═══ */
.ahp-main{display:flex;flex-direction:column;min-width:0}
.ahp-bar{position:sticky;top:0;z-index:var(--ahp-z-bar);display:flex;align-items:center;gap:10px;height:var(--ahp-bar-h);padding:0 var(--ahp-gutter);background:color-mix(in srgb,var(--ahp-bg) 88%,transparent);backdrop-filter:blur(var(--blur-header))}
.ahp-bar__brand,.ahp-bar .ahp-bar__burger{display:none}
.ahp-search{position:relative;flex:0 1 380px;margin-right:auto}
.ahp-search .ahp-ico{position:absolute;left:12px;top:50%;translate:0 -50%;color:var(--ahp-muted);pointer-events:none}
.ahp-search input{width:100%;height:var(--ahp-ctl-h);padding:0 64px 0 40px;font:inherit;font-size:var(--ahp-fs-sm);color:var(--ahp-text);background:var(--ahp-surface);border:1px solid var(--ahp-ctl-border);border-radius:var(--ahp-r-sm)}
.ahp-search input::placeholder{color:var(--ahp-muted)}
.ahp-search kbd{position:absolute;right:10px;top:50%;translate:0 -50%;font:500 12px var(--font-mono);color:var(--ahp-muted);border:1px solid var(--ahp-divider);border-radius:5px;padding:1px 6px;white-space:nowrap}
.ahp-search__res{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:var(--ahp-z-dd)}
.ahp-iconbtn{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 auto;padding:0;border:1px solid var(--ahp-ctl-border);border-radius:var(--ahp-r-sm);background:var(--ahp-surface);color:var(--ahp-text);cursor:pointer}
.ahp-iconbtn:hover{border-color:var(--border-active)}
.ahp-iconbtn--bare{border-color:transparent;background:transparent}
.ahp-dot{position:absolute;top:4px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--r-pill);background:var(--red-400);color:#fff;font:600 11px/17px var(--font-body);text-align:center}
.ahp-pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 12px;font:inherit;font-size:var(--ahp-fs-sm);font-weight:500;color:var(--ahp-text);background:var(--ahp-surface);border:1px solid var(--ahp-ctl-border);border-radius:var(--ahp-r-sm);cursor:pointer;white-space:nowrap}
.ahp-pill:hover{border-color:var(--border-active)}
.ahp-pill .ahp-chev{width:16px;height:16px;color:var(--ahp-muted)}
.ahp-lang{font:600 11px var(--font-mono);letter-spacing:.06em;padding:2px 5px;border-radius:4px;background:var(--ahp-tint-2);color:var(--ahp-link)}
.ahp-avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ahp-primary);color:var(--text-on-brand);font:600 12px var(--font-body);flex:0 0 auto}
.ahp-avatar--lg{width:44px;height:44px;font-size:15px}
/* ═══ Dropdown / menu ═══ */
.ahp-dd{position:relative;display:inline-flex}
.ahp-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--ahp-z-dd);min-width:220px;max-width:min(320px,90vw);padding:6px;background:var(--elev-2-bg);border:var(--elev-2-border);border-radius:var(--ahp-r-sm);box-shadow:var(--ahp-shadow-pop)}
.ahp-menu[hidden]{display:none}
.ahp-bar .ahp-menu{max-height:calc(100vh - var(--ahp-bar-h) - 16px);overflow:auto}
.ahp-menu--up{top:auto;bottom:calc(100% + 6px)}
.ahp-menu--left{right:auto;left:0}
.ahp-menu__h{padding:8px 10px 6px;font-size:var(--ahp-fs-cap);color:var(--ahp-muted)}
.ahp-menu__i{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;font:inherit;font-size:var(--ahp-fs-sm);color:var(--ahp-text);background:none;border:0;border-radius:6px;text-align:left;cursor:pointer}
.ahp-menu__i:hover,.ahp-menu__i:focus-visible{background:var(--ahp-tint);color:var(--ahp-text)}
.ahp-menu__i[aria-disabled="true"]{color:var(--ahp-muted);cursor:not-allowed}
.ahp-menu__i--danger{color:var(--ahp-err)}
.ahp-menu__sep{height:1px;margin:6px 4px;background:var(--ahp-divider)}
.ahp-menu__note{display:block;font-size:12px;color:var(--ahp-muted)}
.ahp-notif{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:6px}
.ahp-notif b{font-size:var(--ahp-fs-sm);font-weight:500}
.ahp-notif span{font-size:var(--ahp-fs-cap);color:var(--ahp-muted)}
/* ═══ Body / layout ═══ */
.ahp-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(var(--ahp-aside-w),19cqi,312px);gap:20px;align-items:start;padding:0 var(--ahp-gutter) 32px;width:100%;max-width:1720px}
.ahp-body--full{grid-template-columns:minmax(0,1fr)}
.ahp-body--full .ahp-aside{display:none}
.ahp-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.ahp-aside{position:sticky;top:calc(var(--ahp-bar-h) + 4px);display:flex;flex-direction:column;gap:16px}
.ahp-crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:var(--ahp-fs-sm);color:var(--ahp-muted)}
.ahp-crumbs a{display:inline-flex;align-items:center;gap:6px;color:var(--ahp-text)}.ahp-crumbs li{display:inline-flex;align-items:center}
.ahp-crumbs .ahp-ico{width:14px;height:14px}
.ahp-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ahp-pagehead h1{font-size:var(--ahp-fs-title);font-weight:600}
.ahp-pagehead p{color:var(--ahp-muted);font-size:var(--ahp-fs-sm);margin-top:2px}
.ahp-panel{container:svc/inline-size;display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--ahp-panel-bg);border:1px solid var(--ahp-border);border-radius:var(--ahp-r);box-shadow:var(--ahp-shadow)}
:root:not([data-bs-theme="light"]) .ahp-panel{padding:0;border:0;box-shadow:none}
.ahp-grid{display:grid;gap:12px}
.ahp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ahp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ahp-grid--21{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
/* ═══ Card + info rows ═══ */
.ahp-card{display:flex;flex-direction:column;gap:12px;padding:var(--ahp-pad);background:var(--ahp-surface);border:1px solid var(--ahp-border);border-radius:var(--ahp-r);box-shadow:var(--ahp-card-shadow);clip-path:var(--ahp-clip)}
.ahp-metric{box-shadow:var(--ahp-card-shadow)}
.ahp-tile--round{clip-path:none}
.ahp-meter__f--brand{background:var(--ahp-primary)}
.ahp-status__ok--info{background:var(--ahp-tint-2);color:var(--ahp-link)}
.ahp-body[data-tab="genel"] .ahp-aside [data-aside="usage"]{display:none}
.ahp-help{clip-path:var(--ahp-tile-clip)}
.ahp-panel .ahp-card{box-shadow:none}
.ahp-card--flush{padding:0;gap:0}
.ahp-card--flush>.ahp-card__head{padding:var(--ahp-pad) var(--ahp-pad) 12px}
.ahp-card__head{display:flex;align-items:center;gap:10px;justify-content:space-between}
.ahp-card__title{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:var(--ahp-fs-h);font-weight:600;letter-spacing:0}
.ahp-card__title .ahp-ico{color:var(--ahp-muted);width:18px;height:18px}
.ahp-card__sub{font-size:var(--ahp-fs-cap);color:var(--ahp-muted)}
.ahp-rows{margin:0;display:flex;flex-direction:column}
.ahp-rows>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 0;border-bottom:1px solid var(--ahp-divider)}
.ahp-rows>div:last-child{border-bottom:0}
.ahp-rows dt{color:var(--ahp-text);font-size:var(--ahp-fs-sm);flex:0 0 auto;max-width:55%}
.ahp-rows dd{margin:0;display:flex;align-items:center;gap:8px;font-weight:500;font-size:var(--ahp-fs-sm);text-align:right;flex-wrap:wrap;justify-content:flex-end;overflow-wrap:anywhere}
.ahp-rows--split>div{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr);column-gap:16px}
.ahp-rows--split dt{max-width:none}
.ahp-rows--split dd{justify-content:flex-start;text-align:left}
.ahp-mono{font-family:var(--font-mono);font-size:13.5px;letter-spacing:0;white-space:nowrap}
.ahp-card__title{flex:1 1 auto}
.ahp-copy{display:inline-grid;place-items:center;width:32px;height:32px;margin:-6px -6px -6px 0;border:0;border-radius:6px;background:none;color:var(--ahp-muted);cursor:pointer}
.ahp-copy:hover{background:var(--ahp-tint);color:var(--ahp-link)}
/* ═══ Badge / chip ═══ */
.ahp-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:var(--ahp-fs-cap);font-weight:600;line-height:1;white-space:nowrap;background:var(--ahp-tint);color:var(--ahp-info)}
.ahp-badge--ok{background:var(--ahp-ok-bg);color:var(--ahp-ok)}
.ahp-badge--warn{background:var(--ahp-warn-bg);color:var(--ahp-warn)}
.ahp-badge--err{background:var(--ahp-err-bg);color:var(--ahp-err)}
.ahp-badge--muted{background:var(--ahp-meter-track);color:var(--ahp-muted)}
.ahp-badge--lg{height:28px;padding:0 12px;font-size:var(--ahp-fs-sm)}
.ahp-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}
/* ═══ Service header ═══ */
.ahp-svc{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:4px 4px 0}
:root:not([data-bs-theme="light"]) .ahp-svc{padding:18px 20px;background:var(--ahp-surface);border:1px solid var(--ahp-border);border-radius:var(--ahp-r);clip-path:var(--ahp-clip)}
.ahp-tile{display:grid;place-items:center;width:60px;height:60px;border-radius:14px;background:var(--ahp-tint-2);color:var(--ahp-link);clip-path:var(--ahp-tile-clip)}
.ahp-tile .ahp-ico{width:30px;height:30px}
.ahp-tile--sm{width:40px;height:40px;border-radius:10px}
.ahp-tile--sm .ahp-ico{width:20px;height:20px}
.ahp-tile--round{border-radius:50%;width:52px;height:52px;background:var(--ahp-tint)}
.ahp-tile--round .ahp-ico{width:26px;height:26px}
.ahp-svc__id{display:flex;flex-direction:column;gap:4px}
.ahp-svc__name{display:flex;align-items:center;gap:10px;flex-wrap:wrap;row-gap:4px;font-family:var(--font-display);font-size:var(--ahp-fs-title);font-weight:600;letter-spacing:-.005em}
.ahp-svc__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:0;color:var(--ahp-muted);font-size:var(--ahp-fs-sm)}
.ahp-svc__meta .ahp-sep{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.7}
.ahp-svc__meta>span:not(.ahp-sep),.ahp-nav__soon,.ahp-badge{white-space:nowrap}
.ahp-svc__renew{text-align:right;font-size:var(--ahp-fs-sm);white-space:nowrap}
.ahp-svc__renew small{display:block;color:var(--ahp-muted);font-size:var(--ahp-fs-sm)}
.ahp-svc__act{display:flex;gap:8px}
.ah-btn--compact{min-height:44px;padding:0 22px;font-size:var(--ahp-fs-body);font-weight:600}
.ah-btn--xs{min-height:36px;padding:0 14px;font-size:var(--ahp-fs-sm);font-weight:600}
.ahp .ah-btn--ghost{background:var(--ahp-surface)}
.ahp .ah-btn--outline{background:var(--ahp-surface);border-color:var(--ahp-primary);color:var(--ahp-link)}
.ahp .ah-btn--outline:hover{background:var(--ahp-tint)}
.ahp-textbtn{display:inline-flex;align-items:center;gap:6px;padding:4px 2px;font:inherit;font-size:var(--ahp-fs-sm);font-weight:600;color:var(--ahp-link);background:none;border:0;cursor:pointer;white-space:nowrap}
/* ═══ Tabs ═══ */
.ahp-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ahp-divider);overflow-x:auto;scrollbar-width:none}
.ahp-tabs [role="tab"]{min-height:46px;padding:0 14px;font:inherit;font-weight:500;color:var(--ahp-text);background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap}
.ahp-tabs [role="tab"]:hover{color:var(--ahp-link)}
.ahp-tabs [role="tab"][aria-selected="true"]{color:var(--ahp-link);border-bottom-color:var(--ahp-primary);font-weight:600}
[role="tabpanel"][hidden]{display:none}
/* ═══ Metric card ═══ */
.ahp-metric{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:18px 18px 16px;background:var(--ahp-surface);border:1px solid var(--ahp-border);border-radius:var(--ahp-r);clip-path:var(--ahp-clip)}
.ahp-metric__l{font-size:var(--ahp-fs-sm);color:var(--ahp-text)}
.ahp-metric__v{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.25}
.ahp-metric__v small{font-family:var(--font-body);font-size:var(--ahp-fs-sm);font-weight:400;color:var(--ahp-muted)}
.ahp-metric__cap{font-size:var(--ahp-fs-cap);color:var(--ahp-muted);margin-top:6px}
.ahp-metric__info{position:absolute;top:8px;right:8px}
.ahp-metric__info .ahp-copy{margin:0}
.ahp-meter{display:flex;align-items:center;gap:10px;margin-top:8px}
.ahp-meter__t{flex:1;height:8px;border-radius:var(--r-pill);background:var(--ahp-meter-track);overflow:hidden}
.ahp-meter__f{height:100%;border-radius:inherit;background:var(--ahp-ok)}
.ahp-meter[data-level="warn"] .ahp-meter__f{background:var(--amber-400)}
.ahp-meter[data-level="err"] .ahp-meter__f{background:var(--red-400)}
.ahp-meter__p{font-size:var(--ahp-fs-cap);color:var(--ahp-muted);font-variant-numeric:tabular-nums}
.ahp-metric--mini{padding:14px;gap:12px}
.ahp-metric--mini .ahp-tile--round{width:40px;height:40px}
.ahp-metric--mini .ahp-tile--round .ahp-ico{width:20px;height:20px}
.ahp-metric--mini .ahp-metric__v{font-size:18px}
/* ═══ Notice / alert (portal ölçeği) ═══ */
.ahp-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--ahp-r-sm);background:var(--ahp-info-bg);border:1px solid color-mix(in srgb,var(--blue-300) 30%,transparent);font-size:var(--ahp-fs-sm)}
.ahp-note .ahp-ico{color:var(--ahp-info);margin-top:1px}
.ahp-note small{display:block;color:var(--ahp-muted);font-size:var(--ahp-fs-cap);margin-top:2px}
.ahp-note--ok{background:var(--ahp-ok-bg);border-color:color-mix(in srgb,var(--green-400) 35%,transparent)}.ahp-note--ok .ahp-ico{color:var(--ahp-ok)}
.ahp-note--warn{background:var(--ahp-warn-bg);border-color:color-mix(in srgb,var(--amber-400) 40%,transparent)}.ahp-note--warn .ahp-ico{color:var(--ahp-warn)}
.ahp-note--err{background:var(--ahp-err-bg);border-color:color-mix(in srgb,var(--red-400) 40%,transparent)}.ahp-note--err .ahp-ico{color:var(--ahp-err)}
/* ═══ System status ═══ */
.ahp-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px;align-items:center}
.ahp-status__ok{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--status-ok);color:var(--surface-card)}
.ahp-status b{display:block;font-weight:600}
.ahp-status p{font-size:var(--ahp-fs-sm);color:var(--ahp-muted)}
.ahp-status__last{padding-left:16px;border-left:1px solid var(--ahp-divider);font-size:var(--ahp-fs-sm)}
.ahp-status__last small{display:block;color:var(--ahp-muted);font-size:var(--ahp-fs-cap)}
/* ═══ Quick actions list ═══ */
.ahp-qa{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ahp-qa a,.ahp-qa button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 4px;font:inherit;font-size:var(--ahp-fs-sm);color:var(--ahp-text);background:none;border:0;border-bottom:1px solid var(--ahp-divider);text-align:left;cursor:pointer}
.ahp-qa li:last-child a,.ahp-qa li:last-child button{border-bottom:0}
.ahp-qa .ahp-ico{color:var(--ahp-link)}
.ahp-qa .ahp-ico:last-child{margin-left:auto;color:var(--ahp-muted);width:16px;height:16px}
.ahp-qa a:hover,.ahp-qa button:hover{color:var(--ahp-link)}
/* ═══ List rows (web siteleri, alt alan adları, hizmetler) ═══ */
.ahp-list{list-style:none;margin:0;padding:0}
.ahp-list>li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:52px;padding:6px var(--ahp-pad);border-top:1px solid var(--ahp-divider)}
.ahp-list__d{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:500;overflow-wrap:anywhere}
.ahp-list__d small{display:block;width:100%;font-weight:400;font-size:var(--ahp-fs-cap);color:var(--ahp-muted)}
.ahp-list .ahp-ico{color:var(--ahp-link)}
.ahp-list>li.is-pending{background:color-mix(in srgb,var(--amber-400) 6%,transparent)}
.ahp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px var(--ahp-pad);border-top:1px solid var(--ahp-divider);font-size:var(--ahp-fs-sm);color:var(--ahp-muted)}
/* ═══ Forms (portal ölçeği; .ah-field/.ah-input mirası) ═══ */
.ahp-form{display:flex;flex-direction:column;gap:14px;max-width:560px}
.ahp-form--row{flex-direction:row;flex-wrap:wrap;align-items:flex-end;max-width:none}
.ahp-form--row>.ah-field{flex:1 1 220px}
.ahp .ah-field{gap:6px}
.ahp .ah-label{font-size:var(--ahp-fs-sm)}
.ahp .ah-input,.ahp .ah-select,.ahp .ah-textarea{min-height:var(--ahp-ctl-h);padding:8px 12px;font-size:var(--ahp-fs-body);background-color:var(--ahp-surface);border-color:var(--ahp-ctl-border);border-radius:var(--ahp-r-sm)}
.ahp .ah-select{padding-right:40px;background-position:calc(100% - 18px) 17px,calc(100% - 12px) 17px}
.ahp .ah-textarea{min-height:120px}
.ahp .ah-hint{font-size:var(--ahp-fs-cap)}
.ahp-pw{position:relative}
.ahp-pw .ah-input{padding-right:46px}
.ahp-pw button{position:absolute;right:4px;top:50%;translate:0 -50%;display:grid;place-items:center;width:36px;height:36px;border:0;background:none;color:var(--ahp-muted);border-radius:6px;cursor:pointer}
.ahp-pw button:hover{color:var(--ahp-link)}
.ahp-affix{display:flex;align-items:stretch}
.ahp-affix .ah-input{border-top-right-radius:0;border-bottom-right-radius:0}
.ahp-affix span{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ahp-ctl-border);border-left:0;border-radius:0 var(--ahp-r-sm) var(--ahp-r-sm) 0;background:var(--ahp-surface-2);color:var(--ahp-muted);font-size:var(--ahp-fs-sm);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ahp-reqs{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:var(--ahp-fs-cap);color:var(--ahp-muted)}
.ahp-reqs li::before{content:"○ ";}
.ahp-reqs li.is-ok{color:var(--ahp-ok)}
.ahp-reqs li.is-ok::before{content:"● "}
/* ═══ Table → responsive list ═══ */
.ahp-tablewrap{overflow-x:auto}
.ahp-table{width:100%;border-collapse:collapse;font-size:var(--ahp-fs-sm)}
.ahp-table th{text-align:left;font-weight:500;color:var(--ahp-muted);font-size:var(--ahp-fs-cap);padding:10px var(--ahp-pad);background:var(--ahp-surface-2);border-top:1px solid var(--ahp-divider);border-bottom:1px solid var(--ahp-divider);white-space:nowrap}
.ahp-table td{padding:10px var(--ahp-pad);border-bottom:1px solid var(--ahp-divider);vertical-align:middle}
.ahp-table tr:last-child td{border-bottom:0}
.ahp-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ahp-table tbody tr:hover{background:var(--ahp-tint)}
.ahp-table a{font-weight:500}
/* ═══ Pagination / empty / skeleton ═══ */
.ahp-pager{display:flex;align-items:center;gap:6px}
.ahp-pager button{min-width:36px;height:36px;padding:0 8px;font:inherit;font-size:var(--ahp-fs-sm);color:var(--ahp-text);background:var(--ahp-surface);border:1px solid var(--ahp-ctl-border);border-radius:6px;cursor:pointer}
.ahp-pager button[aria-current="page"]{background:var(--ahp-primary);border-color:var(--ahp-primary);color:var(--text-on-brand)}
.ahp-pager button[disabled]{opacity:.45;cursor:not-allowed}
.ahp-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;text-align:center}
.ahp-empty p{color:var(--ahp-muted);font-size:var(--ahp-fs-sm);max-width:44ch}
.ahp-skel{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--ahp-meter-track) 0,color-mix(in srgb,var(--ahp-meter-track) 40%,transparent) 50%,var(--ahp-meter-track) 100%);background-size:200% 100%;animation:ahp-skel 1.4s linear infinite}
@keyframes ahp-skel{to{background-position:-200% 0}}
/* ═══ Ticket thread ═══ */
.ahp-thread{display:flex;flex-direction:column;gap:12px}
.ahp-msg{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 16px;border:1px solid var(--ahp-divider);border-radius:var(--ahp-r-sm);background:var(--ahp-surface)}
.ahp-msg--staff{background:var(--ahp-tint)}
.ahp-msg header{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:var(--ahp-fs-sm)}
.ahp-msg header span{color:var(--ahp-muted);font-size:var(--ahp-fs-cap)}
.ahp-msg p{font-size:var(--ahp-fs-sm);margin-top:4px}
/* ═══ Modal (native