@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.2 (01.11.2026)
 * Sürüm Notları: Kullanıcı ekran notlarına göre lamba/duman, video, SOR kartı, Günce,
 *               ekosistem ikonları, adımlar, mobil uygulama ve haber afişi iyileştirmeleri.
 * Sistem Anlatımı: 3.0.1 teması üstüne b9- sınıfı ile eklenen CSP uyumlu görsel katman;
 *               eski API/CMS/menü ve footer davranışları değiştirilmez.
 * Dosyanın detaylı açıklaması: Ana sitede gerçek marka/karakter medyası ile akıcı,
 *               açık renkli ve mobil uyumlu ziyaretçi sayfaları.
 */
:root{--b9-aura:#e7e0ff;--b9-cyan:#d5f4ff;--b9-accent:#5854dd}
/* Preserve readable hero during page effects; never leave page permanently fogged. */
.a2-hero{overflow:visible;background:radial-gradient(ellipse at 86% 18%,#d9faff 0,transparent 36%),radial-gradient(ellipse at 10% 34%,#eae8ff 0,transparent 43%),linear-gradient(165deg,#fff 0%,#f6f8ff 72%,#eff9ff 100%)}
.a2-hero .a2-hero-copy{z-index:2}
.a2-hero .a2-hero-copy>p{color:#414e72}
.a2-hero .a2-hero-art{z-index:1}
.a2-hero .b9-video-intro{position:relative;z-index:3;margin:28px 0 34px;padding:30px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;align-items:center;border-radius:30px;border:1px solid #dfe6ff;box-shadow:0 20px 60px #455f9d17;background:linear-gradient(115deg,#fff,#f9faff)}
.a2-hero .b9-video-intro h2{font-size:clamp(26px,2.9vw,39px);line-height:1.15;margin:10px 0}
.a2-hero .a2-dialog-card{z-index:4;max-width:1100px;margin:0 auto 48px;clear:both;border:1px solid #dfe6fa;border-radius:28px;box-shadow:0 15px 50px #3b508d1c;padding:25px clamp(15px,3vw,28px)}
.a2-dialog-symbol{background:#f2f1ff!important;border:1px solid #e4e2fc;color:inherit;overflow:hidden;flex:none}
.a2-dialog-symbol img{display:block;width:41px;height:41px;object-fit:contain;filter:drop-shadow(0 3px 5px #665bdd38)}
.a2-chat-form{border:1px solid #d6def9;background:#f8faff;box-shadow:inset 0 1px 0 #fff}
.a2-chat-form:focus-within{border-color:#7367eb;box-shadow:0 0 0 4px #6755df15}
.a2-dialog-status{color:#167b71;background:#e7faf4}
.b9-media-frame{position:relative;width:100%;aspect-ratio:16/9;min-height:0;border:1px solid #dce5fb;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#eff4ff,#f5f1ff);display:flex;align-items:center;justify-content:center}
.b9-media-frame video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;max-height:none;border:0;border-radius:0;background:transparent}
.b9-media-frame[data-b9-unavailable] video{display:none}
.b9-video-unavailable[hidden]{display:none!important}
.b9-video-unavailable{padding:23px;text-align:center;color:#364b7b;line-height:1.6}
.b9-video-unavailable a{font-weight:800;color:#5447c7;text-decoration:underline;text-underline-offset:4px}
/* Long-form sections visibly distinct without changing header/footer supplied by shared chrome. */
.b9-section{padding-block:clamp(55px,6vw,90px)}
.b9-section-head h2,.a2-section-heading h2{line-height:1.14}
.b9-section-head p,.a2-section-heading>p{line-height:1.7}
.b9-figure-magic{position:relative;overflow:visible;background:radial-gradient(ellipse at 50% 58%,#e8f1ff,#ffffffaf 68%);box-shadow:0 22px 65px #3e4f9c15}
.b9-figure-magic>img:not(.b9-figure-lamp){filter:drop-shadow(0 18px 35px #4e48bf3b)}
.b9-figure-magic .b9-figure-lamp{position:absolute;z-index:2;left:-36px;top:-34px;width:85px;height:85px;filter:drop-shadow(0 0 12px #705ce9aa);animation:b9-lamp-jolt 2s ease-in-out infinite;transform-origin:50% 80%}
/* Hero and service cards use a real brand mark or actual expert media, not placeholder SVG. */
.a2-eco-card{border-color:#e0e8fa;background:linear-gradient(150deg,#fff,#fafbff);box-shadow:0 10px 35px #243c7921;min-height:220px;overflow:hidden}
.a2-eco-card:hover,.a2-eco-card:focus-visible{transform:translateY(-6px);box-shadow:0 22px 45px #3b55aa2c;border-color:#b7b7fa}
.a2-eco-card .b9-eco-mark{display:flex;align-items:center;justify-content:center;width:80px;height:66px;background:linear-gradient(145deg,#f6f5ff,#eefaff);border-radius:16px;margin-bottom:12px;overflow:hidden}
.a2-eco-card .b9-eco-mark img{display:block;width:100%;height:100%;object-fit:contain;padding:6px;filter:drop-shadow(0 3px 5px #303b6b22)}
.a2-eco-card .a2-eco-state{background:#f1eeff;color:#5144ab}
.a2-eco-card .a2-eco-arrow{color:#5145d5}
/* Gunce becomes a three-part editorial portal; no invented article titles or counts. */
.b9-gunce{background:linear-gradient(150deg,#f8f6ff,#f3fbff)}
.b9-gunce-panel{display:grid;grid-template-columns:160px minmax(0,1.15fr) minmax(210px,.75fr);align-items:center;gap:26px;padding:clamp(24px,3.4vw,43px);border-radius:30px;background:radial-gradient(circle at 8% 40%,#eee4ff 0,transparent 29%),linear-gradient(135deg,#fff,#f7faff);border:1px solid #d7e3fb;box-shadow:0 22px 64px #4a58a320}
.b9-gunce-lamp{display:grid;place-items:center;isolation:isolate;position:relative;min-height:180px}
.b9-gunce-lamp::before{content:"";position:absolute;z-index:-1;width:164px;height:164px;border-radius:50%;background:radial-gradient(circle,#b5b8ffb0,#c9f3ff77 55%,transparent 75%);filter:blur(13px);animation:b9-lamp-halo 2s ease-in-out infinite alternate}
.b9-gunce-lamp img{display:block;width:min(100%,145px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 12px #5a46ca63);animation:b9-lamp-jolt 2s ease-in-out infinite;transform-origin:50% 75%}
.b9-gunce-copy h2{font-size:clamp(27px,3vw,40px);line-height:1.16;letter-spacing:-.037em;color:#24345d;margin:7px 0 14px}
.b9-gunce-copy h2 em{font-style:normal;color:#5a54db}
.b9-gunce-copy p{color:#596981;line-height:1.75;margin:0 0 15px}
.b9-gunce-links{display:grid;gap:10px}
.b9-gunce-links a{border:1px solid #dee4fc;border-radius:16px;background:#ffffffd9;padding:14px 18px;text-decoration:none;display:flex;justify-content:space-between;align-items:center;gap:8px;box-shadow:0 6px 19px #272f6510;transition:transform .25s,border-color .25s}
.b9-gunce-links a:hover,.b9-gunce-links a:focus-visible{transform:translateX(4px);border-color:#9791f3}
.b9-gunce-links strong{font-size:14px;color:#29385f}
.b9-gunce-links span{font-size:11px;color:#665cd5;font-weight:800}
/* More expressive yet truthful 3-step journey */
.a2-steps{background:radial-gradient(ellipse at 0 15%,#f4edff 0,transparent 43%),radial-gradient(ellipse at 100% 90%,#e9fbff 0,transparent 37%),#fff}
.a2-step{position:relative;overflow:hidden;border-radius:23px;background:linear-gradient(120deg,#fff,#fafaff);border:1px solid #dde6fc;box-shadow:0 12px 30px #2c407910;transition:transform .25s,box-shadow .25s}
.a2-step::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#7363e9,#43bfda)}
.a2-step:hover{transform:translateX(4px);box-shadow:0 18px 34px #293a8b1d}
.a2-step-stack{gap:20px}
.a2-steps-copy .a2-eyebrow{letter-spacing:.13em}
/* Existing app hub only: platform labels are explanatory, not fake store download links. */
.b9-app-showcase{background:linear-gradient(150deg,#f2f5ff,#eefcff)}
.b9-app-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:35px;padding:clamp(25px,5vw,52px);border-radius:32px;border:1px solid #e0e5fc;background:radial-gradient(circle at 89% 46%,#cceaff 0,transparent 35%),#fff;box-shadow:0 18px 65px #31498e1a;overflow:hidden}
.b9-app-panel h2{font-size:clamp(30px,4vw,53px);line-height:1.1;letter-spacing:-.045em;margin:12px 0 17px;color:#20315f}
.b9-app-panel h2 em{font-style:normal;color:#5f54dc}
.b9-app-panel p{max-width:640px;line-height:1.8;color:#62708c}
.b9-app-panel>img{max-width:100%;max-height:380px;object-fit:contain;filter:drop-shadow(0 24px 25px #5a53a844)}
.b9-platforms{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}
.b9-platforms span{padding:8px 14px;border-radius:50px;border:1px solid #d8dcf4;background:#f6f7ff;color:#3b4784;font-weight:800;font-size:12px}
.b9-app-guide{display:flex;align-items:center;gap:25px;padding:25px;border-radius:25px;border:1px solid #dce3fa;background:#f8faff}
.b9-app-guide>img{width:84px;height:84px;object-fit:contain}
.b9-app-guide>div{flex:1}
.b9-app-guide h2{font-size:clamp(24px,3vw,33px)}
.b9-app-guide p{line-height:1.6;color:#61708e}
/* Official MEDIA test poster is explicitly identified as a test, not fabricated CMS news. */
.b9-news-section{padding-top:45px}
.b9-announcement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:clamp(19px,3vw,35px);border:1px solid #d9e2fa;border-radius:28px;background:linear-gradient(140deg,#f7f6ff,#f2fbff);box-shadow:0 15px 42px #243d7217;margin-bottom:37px}
.b9-announcement h2{font-size:clamp(24px,3vw,38px);margin:10px 0;color:#223460}
.b9-announcement p{line-height:1.7;color:#586985;margin-bottom:21px}
.b9-announcement-image{display:block;border:1px solid #dbe4ff;border-radius:18px;overflow:hidden;box-shadow:0 13px 35px #283c791e}
.b9-announcement-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff}
/* True transition: a brand lamp in volumetric pastel clouds; no dark backdrop. */
.b9-smoke{background:linear-gradient(120deg,#f7f4ffcc,#eaf7ffcb,#f7f3ffdd);backdrop-filter:blur(8px);transition:opacity .44s,visibility .44s}
.b9-smoke-cloud{filter:blur(27px);mix-blend-mode:multiply;opacity:0}
.b9-smoke.is-active .b9-smoke-cloud{animation:b9-vapor-flight .72s cubic-bezier(.2,.7,.2,1) both}
.b9-smoke.is-active .b9-s2{animation-delay:.065s}
.b9-smoke.is-active .b9-s3{animation-delay:.115s}
.b9-smoke-mark{display:grid;place-items:center;width:114px;height:114px;filter:drop-shadow(0 13px 22px #6c52d96e)}
.b9-smoke-mark img{width:96px;height:96px;object-fit:contain}
.b9-smoke.is-active .b9-smoke-mark{animation:b9-lamp-arrive .6s .09s both}
@keyframes b9-vapor-flight{0%{opacity:0;transform:translate3d(0,5%,0) scale(.28) rotate(-9deg)}45%{opacity:.76}100%{opacity:.86;transform:translate3d(2%,-3%,0) scale(1.9) rotate(6deg)}}
@keyframes b9-lamp-arrive{0%{opacity:0;transform:scale(.6) rotate(-28deg)}54%{opacity:1;transform:scale(1.18) rotate(12deg)}100%{opacity:1;transform:scale(1) rotate(-4deg)}}
@keyframes b9-lamp-jolt{0%,100%{transform:rotate(-7deg)}18%{transform:rotate(12deg)}34%{transform:rotate(-13deg)}50%{transform:rotate(11deg)}69%{transform:rotate(-7deg)}85%{transform:rotate(6deg)}}
@keyframes b9-lamp-halo{from{transform:scale(.85);opacity:.65}to{transform:scale(1.12);opacity:1}}
@media(max-width:1080px){.b9-gunce-panel{grid-template-columns:120px minmax(0,1fr)}.b9-gunce-links{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.b9-gunce-links a{flex-wrap:wrap}.a2-hero .b9-video-intro{gap:20px}}
@media(max-width:800px){.a2-hero .b9-video-intro{grid-template-columns:1fr}.a2-hero .a2-dialog-card{margin:15px auto 35px}.b9-gunce-panel{grid-template-columns:1fr;gap:13px}.b9-gunce-lamp{min-height:115px}.b9-gunce-lamp img{width:115px}.b9-gunce-links{grid-template-columns:1fr}.b9-app-panel{grid-template-columns:1fr}.b9-app-panel>img{max-height:260px}.b9-announcement{grid-template-columns:1fr}.b9-app-guide{flex-wrap:wrap}}
@media(max-width:540px){.a2-hero .b9-video-intro{padding:16px;border-radius:22px}.b9-gunce-panel{padding:20px}.b9-app-guide>img{height:60px;width:60px}.b9-announcement{padding:16px}.b9-media-frame{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.b9-gunce-lamp img,.b9-gunce-lamp::before,.b9-figure-magic .b9-figure-lamp,.b9-smoke-cloud,.b9-smoke-mark,.a2-step,.b9-gunce-links a{animation:none!important;transition:none!important}}

/* Existing media lamp alongside main hero copy. */
.b9-hero-lamp{position:absolute;right:3%;bottom:-23px;width:72px;height:72px;z-index:2;filter:drop-shadow(0 8px 17px #524ec97e)}
.b9-hero-lamp img{display:block;width:100%;height:auto;animation:b9-lamp-jolt 2s ease-in-out infinite;transform-origin:50% 75%}
@media(max-width:800px){.b9-hero-lamp{right:2%;bottom:-45px;width:55px;height:55px}}
@media(prefers-reduced-motion:reduce){.b9-hero-lamp img{animation:none!important}}