@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.4 (01.11.2026)
 * Sürüm Notları: Kullanıcı notları 8 ekran, mevcut gerçek karakterler, taşmalar, büyütülmüş SOR, yumuşak hareketler.
 * Sistem Anlatımı: Yalnız ana site body a2-site; CSP 'self' uyumlu, inline style yok.
 * Dosyanın açıklaması: Hero dekorları, marka lambası, ekosistem kartları, başlık/afiş ve mobil panel yerleşimleri.
 */
.a2-site .a2-hero .a2-orb{z-index:0;pointer-events:none;opacity:.46;width:clamp(110px,15vw,240px);height:auto;filter:drop-shadow(0 10px 19px #7262d529);animation:b9-ornament-hover 5s ease-in-out infinite}
.a2-site .a2-hero .a2-orb-one{left:calc(50% + 30px);top:170px;transform:rotate(-11deg);animation-delay:-1s}
.a2-site .a2-hero .a2-orb-two{right:max(25px,calc((100vw - 1240px)/2 - 20px));top:92px;transform:rotate(11deg);animation-delay:-2.4s}
.a2-site .a2-hero-grid,.a2-site .a2-hero .container{position:relative}
.a2-site .a2-hero .a2-hero-copy,.a2-site .a2-hero .a2-hero-art{position:relative;z-index:2}
.a2-site .a2-kicker{display:inline-flex;align-items:center;gap:8px}
.a2-site .b9-kicker-lamp{width:25px;height:25px;object-fit:contain;animation:b9-lamp-jolt 3s ease-in-out infinite}
.a2-site .a2-art-spark{display:none!important}
.a2-site .a2-floating-top{left:-2%;top:23%;animation:b9-floating-card 4s ease-in-out infinite}
.a2-site .a2-floating-bottom{right:0%;bottom:23%;animation:b9-floating-card 4.5s ease-in-out infinite -1.2s}
.a2-site .b9-hero-lamp{z-index:3}
/* Keep the full video image; ambient picture fills only the blank letterbox behind the actual video. */
.a2-site .b9-media-frame{isolation:isolate;background:#edf3ff}
.a2-site .b9-media-frame::before{content:"";position:absolute;inset:-30px;z-index:-1;background:url('/teknoenai/images/brand/alaeddin-karakter.webp') center/cover no-repeat;filter:blur(22px);opacity:.22;pointer-events:none}
.a2-site .b9-media-frame video{object-fit:contain;background:transparent;position:relative;z-index:1}
.a2-site .a2-hero .b9-video-intro{min-width:0;overflow:hidden}
.a2-site .a2-hero .a2-dialog-card{max-width:none;width:100%;box-sizing:border-box;margin:0 auto 45px;min-width:0;padding:clamp(18px,2.3vw,30px)}
.a2-site .a2-dialog-card .a2-chat-form{min-width:0;display:flex;flex-wrap:nowrap}
.a2-site .a2-dialog-card .a2-chat-form input{min-width:0;flex:1}
.a2-site .a2-dialog-card .a2-dialog-symbol{background:#f5f2ff!important}
.a2-site .b9-sor-toolbox{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;margin:11px 0 7px}
.a2-site .b9-sor-toolbox-label{font-size:12px;color:#71809a;font-weight:750}
.a2-site .b9-sor-tool{display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:7px 12px;border:1px solid #dce0fc;background:#fff;border-radius:14px;color:#4c4b97;font-size:12px;font-weight:750;cursor:pointer;transition:transform .2s,box-shadow .2s}
.a2-site .b9-sor-tool:hover,.a2-site .b9-sor-tool:focus-visible{transform:translateY(-2px);box-shadow:0 8px 17px #6261aa26;outline-offset:3px}
.a2-site .b9-sor-tool .a-icon{width:18px;height:18px}
.a2-site .b9-sor-tool small{font-size:9px;color:#897bbd;letter-spacing:.02em;margin-left:4px}
.a2-site .b9-sor-member-link{font-size:12px;font-weight:800;color:#514acb;text-decoration:none;padding:9px}
.a2-site .b9-sor-tool-note{font-size:11px;color:#707f99;margin:4px 0 15px;line-height:1.55}
/* Parent container's inline padding was canceled by .a2-site .container; restore panel gutters. */
.a2-site .container.b9-app-panel{padding:clamp(25px,4.5vw,52px)!important;box-sizing:border-box}
.a2-site .container.b9-app-panel .b9-app-copy{min-width:0}
.a2-site .b9-app-panel>img{display:block;max-width:100%;justify-self:center;object-fit:contain}
/* Full-size real character renders, including the original colored technology logo. */
.a2-site .a2-eco-card .b9-eco-mark{width:102px;height:91px;background:linear-gradient(145deg,#f6f5ff,#f0faff);border-radius:17px}
.a2-site .a2-eco-card .b9-eco-mark img{display:block;width:100%;height:100%;object-fit:contain;padding:1px;filter:drop-shadow(0 5px 8px #4c44ae25)}
.a2-site .a2-eco-card{min-width:0}
/* Subpage hero with real existing AI-management character. */
.a2-site .b9-subhero-character{overflow:hidden;min-height:0}
.a2-site .b9-subhero-character .b9-subhero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.9fr);gap:25px;align-items:center}
.a2-site .b9-subhero-character .b9-subhero-copy{min-width:0}
.a2-site .b9-subhero-character .b9-subhero-art{display:block;width:100%;height:auto;max-height:375px;object-fit:contain;filter:drop-shadow(0 15px 26px #7165b536);animation:b9-subhero-float 5.5s ease-in-out infinite}
.a2-site .a2-step .b9-step-lamp{flex:none;width:45px;height:45px;object-fit:contain;animation:b9-lamp-jolt 3s ease-in-out infinite}
.a2-site .b9-media-archive .b9-eyebrow{letter-spacing:.13em}
@keyframes b9-ornament-hover{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes b9-floating-card{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes b9-subhero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:1050px){.a2-site .b9-subhero-character .b9-subhero-grid{grid-template-columns:1.35fr .65fr}.a2-site .a2-hero .a2-orb-one{left:52%;top:160px}.a2-site .a2-hero .a2-orb-two{right:-25px;top:100px}}
@media(max-width:800px){.a2-site .a2-hero .a2-orb{opacity:.25;width:155px}.a2-site .a2-hero .a2-orb-one{left:auto;right:58%;top:320px}.a2-site .a2-hero .a2-orb-two{right:1%;top:360px}.a2-site .a2-floating-top{left:7%}.a2-site .a2-floating-bottom{right:7%}.a2-site .b9-subhero-character .b9-subhero-grid{grid-template-columns:1fr}.a2-site .b9-subhero-character .b9-subhero-art{max-height:290px}.a2-site .container.b9-app-panel{padding:25px!important}}
@media(max-width:580px){.a2-site .a2-hero .a2-orb{display:none}.a2-site .a2-dialog-card .a2-chat-form{flex-wrap:wrap;align-items:stretch}.a2-site .a2-dialog-card .a2-chat-form input{flex:1 1 100%;width:100%}.a2-site .a2-dialog-card .a2-chat-form button[type=submit]{width:100%;justify-content:center}.a2-site .b9-sor-toolbox-label{width:100%}.a2-site .b9-sor-tool{font-size:11px;min-height:42px}.a2-site .a2-eco-card .b9-eco-mark{width:90px;height:80px}}
@media(prefers-reduced-motion:reduce){.a2-site .a2-orb,.a2-site .a2-floating,.a2-site .b9-kicker-lamp,.a2-site .b9-subhero-art,.a2-site .a2-step .b9-step-lamp{animation:none!important;transition:none!important;translate:none!important}}

/* Branch 9 · 3.0.9 · Özellikler 02.mp4: aynı alan adı CSS, inline stil yok. */
.a2-site .b9-features-hero .b9-features-hero-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);align-items:center;column-gap:clamp(24px,4vw,70px);row-gap:30px}
.a2-site .b9-features-copy{min-width:0}
.a2-site .b9-features-copy h1{max-width:820px}
.a2-site .b9-features-video-wrap{position:relative;min-width:0;max-width:600px;width:100%;justify-self:end;overflow:hidden;border:1px solid #d9e2ff;border-radius:26px;background:linear-gradient(135deg,#f8f6ff,#e9faff);box-shadow:0 20px 65px #385a9820}
.a2-site .b9-features-loop-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:transparent}
.a2-site .b9-features-video-link{position:absolute;bottom:10px;right:12px;padding:6px 11px;border-radius:99px;color:#253575;background:#fffffff0;border:1px solid #d7deff;font-size:12px;text-decoration:none}
@media(max-width:1050px){.a2-site .b9-features-hero .b9-features-hero-layout{grid-template-columns:minmax(0,1fr) minmax(290px,.8fr);gap:24px}}
@media(max-width:780px){.a2-site .b9-features-hero .b9-features-hero-layout{grid-template-columns:minmax(0,1fr)}.a2-site .b9-features-video-wrap{justify-self:center;max-width:620px}}
@media(prefers-reduced-motion:reduce){.a2-site .b9-features-loop-video{animation:none;transition:none}}


/* Proje Adı: Alaeddin Ai | Yapımcı: Osman Beşer | Firma: Teknoen Yapay Zeka ve Bilişim Teknolojileri A.Ş. */
/* 3.0.10 / 01.11.2026 — Özellikler 02.mp4: gömülü oynatıcı, merkez dialog ve hata görünümü; CSP inline stil yok. */
.a2-site .b9-features-video-wrap{display:block;position:relative;isolation:isolate;aspect-ratio:16/9;max-width:680px;width:100%;margin-inline:auto;background:linear-gradient(135deg,#e9efff,#eefbff);border-radius:24px;overflow:hidden}
.a2-site .b9-features-loop-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;aspect-ratio:auto;background:transparent;border:0}
.a2-site .b9-features-video-link{display:none!important}
.a2-site .b9-features-video-expand{position:absolute;right:14px;bottom:14px;z-index:3;padding:10px 15px;border:1px solid #d1d9fc;border-radius:99px;color:#263777;background:#ffffffee;cursor:pointer;font:inherit;font-size:13px;box-shadow:0 5px 18px #25357520}
.a2-site .b9-features-video-expand:disabled{opacity:.45;cursor:not-allowed}
.a2-site .b9-features-video-expand:focus-visible,.a2-site .b9-video-retry:focus-visible,.a2-site .b9-video-dialog-close:focus-visible{outline:3px solid #6352e7;outline-offset:3px}
.a2-site .b9-features-video-error:not([hidden]){display:flex;position:absolute;z-index:4;inset:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px;background:#f8fafff5;color:#263777}
.a2-site .b9-features-video-error[hidden]{display:none}
.a2-site .b9-features-video-error p{margin:0;line-height:1.5}
.a2-site .b9-video-retry{border-radius:99px;padding:10px 18px;border:1px solid #b8c3f6;color:#263777;background:#fff;cursor:pointer;font:inherit}
.a2-site .b9-video-dialog{width:min(92vw,1100px);max-width:1100px;max-height:90vh;padding:14px;border:1px solid #d9e2ff;border-radius:23px;background:#f9fbff;box-shadow:0 22px 80px #29386b66;color:#1e2e56;overflow:visible}
.a2-site .b9-video-dialog:not([open]){display:none}
.a2-site .b9-video-dialog::backdrop{background:#1c25589c;backdrop-filter:blur(5px)}
.a2-site .b9-video-dialog-content{position:relative;width:100%;padding:22px 0 0}
.a2-site .b9-video-dialog-player{display:block;width:100%;height:auto;max-height:calc(90vh - 70px);aspect-ratio:16/9;object-fit:contain;background:#ecf0ff;border-radius:12px}
.a2-site .b9-video-dialog-close{position:absolute;right:0;top:-10px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ccd6fa;border-radius:50%;background:#fff;color:#1e2e56;font-size:24px;line-height:1;cursor:pointer}
@media(max-width:780px){.a2-site .b9-features-video-wrap{width:100%;max-width:660px;justify-self:center}.a2-site .b9-video-dialog{padding:9px}.a2-site .b9-features-video-expand{right:9px;bottom:9px;padding:7px 11px}}