@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.0 (01.11.2026)
 * Sürüm Notları: 15 uzman kartı, açık renkli sihirli portal, video ve genişletilmiş içerik sayfaları.
 * Sistem Anlatımı: Sadece b9-* sınıflarına bağlanır; mevcut SUP/SOR ve Header/Footer temaları korunur.
 * Dosyanın ve sayfanın detaylı açıklaması: Ana sitedeki index, hakkinda, ozellikler, nasil-calisir ve haberler görünümleri.
 */
:root{--b9-ink:#172548;--b9-muted:#5c6884;--b9-purple:#6055d6;--b9-border:#e1e6f7}
.b9-section{padding:82px 0;position:relative;isolation:isolate}
.b9-section:nth-of-type(2n){background:linear-gradient(135deg,#f7f6ff,#f6fbff)}
.b9-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 83% 10%,#dff8ff 0,transparent 39%),radial-gradient(ellipse at 15% 20%,#f2e8ff 0,transparent 38%),linear-gradient(160deg,#fff,#f8faff);padding:84px 0}
.b9-hero::before,.b9-hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;filter:blur(24px);border-radius:50%;opacity:.65}
.b9-hero::before{width:250px;height:250px;background:#d1cfff;top:-80px;right:8%}
.b9-hero::after{width:190px;height:190px;background:#c1efff;bottom:-75px;left:9%}
.b9-hero h1{font-size:clamp(40px,5.3vw,75px);line-height:1.09;letter-spacing:-.055em;max-width:980px;margin:16px 0 20px;color:var(--b9-ink)}
.b9-hero h1 em,.b9-section-head em{font-style:normal;background:linear-gradient(110deg,#5d56db,#358dbb);-webkit-background-clip:text;background-clip:text;color:transparent}
.b9-hero p{font-size:clamp(15px,1.5vw,19px);line-height:1.8;color:var(--b9-muted);max-width:800px}
.b9-eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#5d56d9;font-weight:800}
.b9-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.b9-section-head h2{font-size:clamp(30px,3.6vw,52px);letter-spacing:-.045em;line-height:1.15;margin:10px 0 12px;color:var(--b9-ink)}
.b9-section-head p{color:var(--b9-muted);font-size:16px;max-width:730px;margin-bottom:0}
.b9-inline-link{white-space:nowrap;color:#5449d1;font-weight:800;text-underline-offset:4px}
.b9-cin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b9-cin-card{border:1px solid #e7e8f6;border-radius:26px;background:#fff;box-shadow:0 12px 34px #2937680e;overflow:hidden;display:grid;grid-template-columns:128px 1fr;position:relative;min-height:183px;transition:box-shadow .3s,transform .3s}
.b9-cin-card::before{content:"";height:4px;position:absolute;inset:0 0 auto;background:var(--b9-accent,#6759d2)}
.b9-cin-card:hover{box-shadow:0 17px 50px #29376821;transform:translateY(-4px)}
.b9-cin-art{background:linear-gradient(125deg,#f5f7ff,#fafaff);display:flex;align-items:center;justify-content:center;overflow:hidden}
.b9-cin-art img{max-width:100%;width:128px;height:150px;object-fit:contain;filter:drop-shadow(0 9px 9px #1d23562a);transition:transform .35s}
.b9-cin-card:hover .b9-cin-art img{transform:translateY(-4px) scale(1.045)}
.b9-cin-copy{padding:24px 17px 22px;min-width:0}
.b9-cin-name{font-weight:900;color:var(--b9-accent,#6055d6);font-size:20px;display:block;margin-bottom:6px}
.b9-cin-copy p{color:#56617e;font-size:13px;line-height:1.65;margin:0 0 14px}
.b9-cin-link{color:var(--b9-accent,#5145c7);font-size:12px;font-weight:800;display:inline-flex;gap:6px;align-items:center}
.b9-cin-link:focus-visible{outline:3px solid #1ca9ca;outline-offset:4px}
.b9-cin-tags{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 15px;padding:0}
.b9-cin-tags li{font-size:11px;line-height:1.35;color:#57657f;border:1px solid #e2e7f6;background:#f8faff;padding:5px 7px;border-radius:8px}
.b9-cin-card[data-cin="aijanda"]{--b9-accent:#2468D6}.b9-cin-card[data-cin="c-eddin"]{--b9-accent:#2EAA3B}
.b9-cin-card[data-cin="cevrenin"]{--b9-accent:#E56A23}.b9-cin-card[data-cin="cizelgen"]{--b9-accent:#2A92AA}
.b9-cin-card[data-cin="evrakin"]{--b9-accent:#A65D2A}.b9-cin-card[data-cin="hesabin"]{--b9-accent:#647584}
.b9-cin-card[data-cin="kaderin"]{--b9-accent:#7770C7}.b9-cin-card[data-cin="rutinin"]{--b9-accent:#793AC0}
.b9-cin-card[data-cin="seferin"]{--b9-accent:#198ED7}.b9-cin-card[data-cin="sepetin"]{--b9-accent:#DFAC1F}
.b9-cin-card[data-cin="sosyal"]{--b9-accent:#DC3038}.b9-cin-card[data-cin="vaktin"]{--b9-accent:#758046}
.b9-cin-card[data-cin="bedenin"]{--b9-accent:#AA2E6A}.b9-cin-card[data-cin="pazaryeri"]{--b9-accent:#D87A21}
.b9-cin-card[data-cin="ogrenci"]{--b9-accent:#7848D7}
.b9-gunce-panel{display:flex;align-items:center;gap:24px;border:1px solid #dcdffd;border-radius:27px;padding:30px;background:linear-gradient(130deg,#f5f2ff,#f2fbff);box-shadow:0 13px 50px #5f4bc216}
.b9-gunce-panel>img{width:108px;height:108px;object-fit:contain;flex:none;filter:drop-shadow(0 10px 16px #4e4cc73a);animation:b9-wiggle 2s ease-in-out infinite}
.b9-gunce-panel h2{font-size:clamp(25px,3vw,35px);margin:5px 0 7px}.b9-gunce-panel p{color:#64718c;margin:0 0 17px;max-width:850px}
.b9-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;min-height:46px;border-radius:100px;background:linear-gradient(120deg,#6755df,#3c90cb);color:white;font-size:13px;font-weight:800;text-decoration:none}
.b9-btn:hover{color:white;filter:brightness(1.06)}.b9-btn-light{background:#fff;border:1px solid #d8dbf3;color:#5144cd}.b9-btn-light:hover{color:#5144cd;background:#f5f5ff}
.b9-actions{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0 0}
.b9-split{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px}.b9-split>div{min-width:0}
.b9-figure{margin:0;text-align:center;background:#ffffff82;border:1px solid #edf0fb;border-radius:25px;padding:24px}
.b9-figure img{object-fit:contain;width:100%;max-height:500px}.b9-figure figcaption{font-size:12px;color:#68768c;margin-top:6px}
.b9-section .b9-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b9-story{padding:28px;border:1px solid #e0e6f5;border-radius:24px;background:#fff;box-shadow:0 11px 40px #2830650d}
.b9-story h3{color:#283b70;font-size:22px;letter-spacing:-.025em}.b9-story p{font-size:15px;color:#5f6a84;line-height:1.75}
.b9-story-section,.b9-split-service{background:linear-gradient(160deg,#f7f7ff,#f2faff)}
.b9-story-section h2{font-size:clamp(29px,3.7vw,49px);letter-spacing:-.045em}
.b9-illustration{display:flex;align-items:center;justify-content:center}.b9-illustration img{object-fit:contain;max-width:100%;filter:drop-shadow(0 14px 25px #454c8f20)}
.b9-stat-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.b9-stat-row span{padding:9px 14px;border:1px solid #dbdff4;border-radius:99px;background:white;color:#5957a1;font-weight:800;font-size:12px}
.b9-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.b9-step{border:1px solid #e5e9f6;border-radius:25px;background:#fff;padding:34px;box-shadow:0 10px 38px #1729570d}
.b9-step strong{display:grid;place-items:center;background:#eaeaff;color:#5e54d9;border-radius:15px;font-size:25px;width:64px;height:64px;margin-bottom:22px}
.b9-step h2{font-size:24px;color:#26345c}.b9-step p{font-size:15px;color:#62708a}
.b9-cta-band{padding:60px 0;background:linear-gradient(120deg,#433b9e,#2f6ab5);color:white}.b9-cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:35px}.b9-cta-band h2,.b9-cta-band p{color:white}.b9-cta-band h2{font-size:clamp(28px,3.5vw,45px);margin:9px 0}.b9-cta-band p{max-width:750px;opacity:.88;margin:0}.b9-cta-band .b9-eyebrow{color:#dcf2ff}.b9-cta-band .b9-btn{background:white;color:#4642a5}.b9-cta-band .b9-btn-light{background:transparent;color:white;border-color:#ffffff70}
.b9-video-intro{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:25px;padding:24px;margin:22px auto;border:1px solid #e7e4f9;border-radius:22px;background:#ffffffd9;box-shadow:0 12px 39px #3d379b0c}
.b9-video-intro h2{font-size:clamp(22px,2.4vw,33px);color:#253b71}.b9-video-intro p{color:#66728c;font-size:14px;line-height:1.75}
.b9-video-intro video{display:block;max-width:100%;width:100%;max-height:330px;object-fit:cover;background:#f3f3fc;border:1px solid #dadff6;border-radius:16px}
.b9-cms-append{padding:55px 0;border-top:1px solid #ebeafa}.b9-cms-append>.container>h2{font-size:30px}.b9-cms-append>.container>p{color:#63708c}
/* The smoke portal is a fixed accessibility-aware overlay; it never replaces navigation semantics. */
.b9-smoke{position:fixed;inset:0;z-index:30000;visibility:hidden;opacity:0;pointer-events:none;background:#f9f9ffb0;transition:opacity .24s,visibility .24s;overflow:hidden;display:grid;place-items:center}
.b9-smoke.is-active{visibility:visible;opacity:1;pointer-events:all}.b9-smoke-cloud{position:absolute;border-radius:50%;width:85vmax;height:85vmax;background:radial-gradient(circle,#e6deffe8 0,#b8e6f6ba 45%,transparent 72%);opacity:.4;filter:blur(20px);transform:scale(.2)}
.b9-smoke.is-active .b9-smoke-cloud{animation:b9-cloud-in .55s ease-out forwards}.b9-s1{left:-36%;top:-65%}.b9-s2{right:-32%;bottom:-66%;background:radial-gradient(circle,#d9edffe0 0,#d9c9f5cd 40%,transparent 73%)}.b9-smoke.is-active .b9-s2{animation-delay:.06s}.b9-s3{left:15%;top:15%;background:radial-gradient(circle,#f0e4ffe0 0,#b8d6fcb8 43%,transparent 73%)}.b9-smoke.is-active .b9-s3{animation-delay:.13s}.b9-smoke-mark{position:relative;color:#6252b9;font-size:54px;opacity:0}.b9-smoke.is-active .b9-smoke-mark{animation:b9-mark-in .45s .13s forwards}
@keyframes b9-cloud-in{to{opacity:.85;transform:scale(1.9)}}@keyframes b9-mark-in{to{opacity:1;transform:scale(1.03)}}@keyframes b9-wiggle{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@media(max-width:1100px){.b9-cin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b9-split{gap:25px}}
@media(max-width:760px){.b9-cin-grid{grid-template-columns:1fr}.b9-cin-card{grid-template-columns:114px 1fr}.b9-section{padding:55px 0}.b9-section-head{display:block}.b9-section-head .b9-inline-link{display:inline-block;margin-top:15px}.b9-split,.b9-step-grid,.b9-video-intro{grid-template-columns:1fr}.b9-section .b9-columns{grid-template-columns:1fr}.b9-cta-band .container{display:block}.b9-gunce-panel{align-items:flex-start}.b9-gunce-panel>img{width:70px;height:70px}.b9-hero{padding:50px 0}}
@media(max-width:450px){.b9-cin-card{grid-template-columns:92px 1fr}.b9-cin-art img{width:96px;height:132px}.b9-cin-copy{padding:17px 12px}.b9-cin-name{font-size:18px}.b9-cin-copy p{font-size:12px}.b9-gunce-panel{flex-direction:column}.b9-story{padding:21px}.b9-video-intro{padding:14px}}
@media(prefers-reduced-motion:reduce){.b9-smoke,.b9-smoke *,.b9-gunce-panel>img,.b9-cin-card,.b9-cin-card img{animation:none;transition:none}.b9-smoke.is-active .b9-smoke-cloud{animation:none;opacity:.65;transform:scale(1.9)}.b9-smoke.is-active .b9-smoke-mark{animation:none;opacity:1}}

/* Scroll reveals apply only where JS intersection observers are available. */
@media(prefers-reduced-motion:no-preference){.b9-in-view{animation:b9-rise .48s ease-out both}@keyframes b9-rise{from{opacity:.75;transform:translateY(12px)}to{opacity:1;transform:none}}}