@charset "UTF-8";
/**
 * Proje Adı: Alaeddin Ai
 * Yapımcı: Osman Beşer
 * Firma: Teknoen Yapay Zeka ve Bilişim Teknolojileri A.Ş.
 * Sürüm: 3.0.5 (01.11.2026)
 * Sürüm Notları: Karakter, ajanda, takvim ve bilgi kartları birbirini örtmeden ayrı bölümlere ayrılır.
 * Sistem Anlatımı: Branch 9 ana site için ayrı stil katmanı; CSP style-src 'self' uyumlu.
 * Dosyanın ve sayfanın detaylı açıklaması: Ana sayfa kahraman görsel sahnesi ve Süper Zeka Premium aracı.
 */
/* Hero text and illustration own independent grid columns. */
.a2-site .a2-hero .a2-hero-grid{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
  align-items:center;gap:clamp(18px,3.2vw,50px);min-width:0;
}
.a2-site .a2-hero .a2-hero-copy{min-width:0;padding-bottom:0;z-index:2}
/* Three distinct rows eliminate the previous overlapping absolute coordinates. */
.a2-site .a2-hero .b9-hero-stage{
  position:relative;isolation:isolate;z-index:2;display:grid;
  grid-template-rows:clamp(105px,12vw,145px) minmax(300px,auto) auto;
  width:100%;min-width:0;max-width:100%;height:auto;min-height:0;
  align-items:center;justify-items:stretch;gap:3px;padding:10px 0 12px;
  box-sizing:border-box;overflow:visible;
}
.a2-site .b9-hero-stage .a2-art-halo{
  inset:15% 5% 7%;filter:blur(20px);pointer-events:none;z-index:-1;
}
.a2-site .a2-hero .b9-stage-ornaments{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;gap:clamp(20px,7vw,110px);height:100%;min-width:0;
  position:relative;z-index:1;pointer-events:none;
}
.a2-site .a2-hero .b9-hero-stage .b9-stage-ornaments .a2-orb{
  display:block;position:relative!important;inset:auto!important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:clamp(90px,29%,178px);height:100%;max-height:145px;
  object-fit:contain;flex:0 1 auto;transform:none!important;
  opacity:.75;filter:drop-shadow(0 12px 19px #5355ae2b);
  animation:b9-stage-decor-hover 5.7s ease-in-out infinite;
}
.a2-site .a2-hero .b9-hero-stage .b9-stage-ornaments .a2-orb-two{animation-delay:-2.8s}
.a2-site .a2-hero .b9-stage-portrait{
  display:flex;position:relative;justify-content:center;align-items:center;
  min-width:0;width:100%;height:clamp(300px,31vw,410px);
  z-index:2;overflow:visible;
}
.a2-site .a2-hero .b9-stage-portrait .a2-character{
  display:block;width:100%;max-width:540px;height:100%;max-height:100%;
  object-fit:contain;object-position:center center;margin:0 auto;
  filter:drop-shadow(0 19px 32px #555ca52b);
  animation:b9-stage-character-hover 7s ease-in-out infinite;
}
.a2-site .a2-hero .b9-stage-notes{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;gap:clamp(9px,2vw,16px);width:100%;min-width:0;
  margin-top:6px;z-index:4;
}
.a2-site .a2-hero .b9-stage-notes .a2-floating{
  position:relative!important;inset:auto!important;top:auto!important;left:auto!important;
  right:auto!important;bottom:auto!important;transform:none!important;
  animation:none!important;margin:0;display:flex;align-items:center;
  min-width:0;max-width:100%;width:100%;box-sizing:border-box;
  padding:clamp(8px,1.25vw,12px);gap:9px;
  border:1px solid #e5e6fb;border-radius:15px;
  background:#ffffffec;box-shadow:0 10px 24px #4851a41b;
}
.a2-site .a2-hero .b9-stage-notes .a2-floating>.a-icon{
  flex:0 0 auto;box-sizing:border-box;width:34px;height:34px;padding:8px;
}
.a2-site .b9-stage-notes .a2-floating span{min-width:0}
.a2-site .b9-stage-notes .a2-floating strong{font-size:clamp(10px,1vw,12px);line-height:1.3}
.a2-site .b9-stage-notes .a2-floating small{font-size:10px;line-height:1.35;display:block}
/* Premium tool is the same accessible button family as the existing media tools. */
.a2-site .b9-sor-super{
  color:#4337b5;border-color:#d9d3fc;
  background:linear-gradient(110deg,#f7f4ff,#eef9ff);
}
.a2-site .b9-sor-super:hover,.a2-site .b9-sor-super:focus-visible{
  background:linear-gradient(110deg,#ede8ff,#e1f6ff);
}
.a2-site .b9-sor-super .a-icon{color:#5e4bd6}
@keyframes b9-stage-decor-hover{
  0%,100%{translate:0 0}50%{translate:0 -7px}
}
@keyframes b9-stage-character-hover{
  0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}
}
@media(max-width:1050px){
 .a2-site .a2-hero .a2-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:22px}
 .a2-site .a2-hero .b9-hero-stage{grid-template-rows:110px minmax(280px,auto) auto}
 .a2-site .a2-hero .b9-stage-portrait{height:clamp(265px,30vw,340px)}
 .a2-site .b9-stage-notes .a2-floating small{display:none}
}
@media(max-width:800px){
 .a2-site .a2-hero .a2-hero-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .a2-site .a2-hero .a2-hero-copy{padding-bottom:0}
 .a2-site .a2-hero .b9-hero-stage{max-width:540px;margin:0 auto;grid-template-rows:110px 330px auto}
 .a2-site .a2-hero .b9-stage-portrait{height:330px}
 .a2-site .b9-stage-notes .a2-floating small{display:block}
}
@media(max-width:580px){
 .a2-site .a2-hero .b9-hero-stage{max-width:100%;grid-template-rows:83px minmax(240px,auto) auto;gap:6px}
 .a2-site .a2-hero .b9-stage-portrait{height:clamp(245px,67vw,310px)}
 .a2-site .a2-hero .b9-hero-stage .b9-stage-ornaments .a2-orb{
  display:block;opacity:.7;width:min(33%,140px);height:83px
 }
 .a2-site .b9-hero-stage .b9-stage-notes{gap:8px}
 .a2-site .a2-hero .b9-stage-notes .a2-floating{gap:5px;padding:8px 6px;border-radius:12px}
 .a2-site .a2-hero .b9-stage-notes .a2-floating>.a-icon{height:28px;width:28px;padding:6px}
 .a2-site .b9-stage-notes .a2-floating strong{font-size:10px}
 .a2-site .b9-stage-notes .a2-floating small{font-size:9px}
 .a2-site .b9-sor-super{min-height:42px}
}
@media(max-width:360px){
 .a2-site .b9-stage-notes .a2-floating small{display:none}
 .a2-site .a2-hero .b9-stage-notes .a2-floating>.a-icon{width:25px;height:25px}
}
@media(prefers-reduced-motion:reduce){
 .a2-site .a2-hero .b9-hero-stage .a2-orb,
 .a2-site .a2-hero .b9-stage-portrait .a2-character{
  animation:none!important;translate:none!important;transform:none!important
 }
}