/* egitapp.com/bilsem/ : Dedi Zekâ Atölyesi tanıtım sayfası (tasarım A "Atölye Masası", 2026-11-11).
   Renkler uygulamanın lib/tema/renkler.dart dosyasından: turkuaz ana renk, turuncu tek vurgu. */
@font-face{font-family:Lexend;font-weight:500;font-display:swap;src:url(/fonts/lexend-500.woff2) format("woff2")}
@font-face{font-family:Lexend;font-weight:700;font-display:swap;src:url(/fonts/lexend-700.woff2) format("woff2")}

body.bs{
  --bs-zemin:#F4F7F6;--bs-mur:#12313A;--bs-sol:#5D7379;--bs-tur:#0E8C86;--bs-tur-k:#0B5F5B;
  --bs-tura:#E3F3F1;--bs-org:#F07A2E;--bs-cizgi:#DCE5E3;--bs-nokta:rgba(18,49,58,.07);
  --bs-baslik:Lexend,Nunito,system-ui,sans-serif;
}
.bs main{color:var(--bs-mur)}
.bs h1,.bs h2,.bs h3{font-family:var(--bs-baslik);font-weight:700;letter-spacing:-.015em;text-wrap:balance}
.bs-noktali{background-color:var(--bs-zemin);background-image:radial-gradient(var(--bs-nokta) 1.3px,transparent 1.4px);background-size:22px 22px}
.bs-bolum{padding:72px 0}
.bs-bolum.beyaz{background:#fff}
.bs-etiket{font:500 13px/1.2 var(--bs-baslik);letter-spacing:.08em;text-transform:uppercase;color:var(--bs-tur);margin:0 0 12px}
.bs-bas{max-width:720px;margin-bottom:36px}
.bs-bas h2{font-size:clamp(28px,3.6vw,40px);margin:0 0 12px}
.bs-bas p{color:var(--bs-sol);margin:0;font-size:18px}

/* giriş */
.bs-giris{padding:56px 0 64px}
.bs-giris-ic{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
.bs-giris-ic>*,.bs-adim>*,.bs-veli>*,.bs-dedi-ic>*,.bs-kapanis-ic>*{min-width:0}
.bs-giris h1{font-size:clamp(34px,4.8vw,56px);line-height:1.1;margin:0 0 18px}
.bs-giris h1 em{font-style:normal;color:var(--bs-org)}
.bs-giris .bs-ozet{font-size:19px;color:var(--bs-sol);margin:0 0 26px;max-width:34em}
.bs-ad{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.bs-ad img{width:52px;height:52px;border-radius:14px;box-shadow:0 6px 16px rgba(14,140,134,.22)}
.bs-ad span{font:700 18px/1.2 var(--bs-baslik)}
.bs-ad small{display:block;font:500 13px/1.3 var(--bs-baslik);color:var(--bs-tur);letter-spacing:.06em;text-transform:uppercase}
.bs .magazalar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;max-width:560px}
.bs .magazalar .magaza{min-width:0;padding:10px 14px}
.bs .magazalar .magaza b{font-size:17px;white-space:nowrap}
.bs-not-kucuk{font-size:14px;color:var(--bs-sol);margin:14px 0 0}
.bs-tablet{position:relative;background:#1B2A2F;border-radius:30px;padding:12px;box-shadow:0 30px 60px rgba(18,49,58,.22)}
.bs-tablet img{border-radius:19px;width:100%}
.bs-tablet .dedi{position:absolute;top:auto;height:auto;aspect-ratio:1;width:17%;left:-5%;bottom:-18%;border-radius:0;filter:drop-shadow(0 10px 14px rgba(18,49,58,.18))}
.bs-tablet .balon{position:absolute;right:-10px;top:-18px;background:#fff;border:1px solid var(--bs-cizgi);border-radius:16px;padding:9px 14px;font:500 14px/1.3 var(--bs-baslik);box-shadow:0 10px 24px rgba(18,49,58,.12);display:flex;gap:8px;align-items:center}
.bs-tablet .balon i{width:9px;height:9px;border-radius:50%;background:var(--bs-org);box-shadow:0 0 0 4px rgba(240,122,46,.2)}

/* sayı şeridi */
.bs-sayilar{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:56px}
.bs-sayi{background:#fff;border:1px solid var(--bs-cizgi);border-radius:18px;padding:18px 18px 16px}
.bs-sayi b{display:block;font:700 clamp(26px,3vw,34px)/1.05 var(--bs-baslik);color:var(--bs-tur);font-variant-numeric:tabular-nums}
.bs-sayi.vurgu b{color:var(--bs-org)}
.bs-sayi span{font-size:15px;color:var(--bs-sol);line-height:1.35;display:block;margin-top:6px}

/* düşünme alanları */
.bs-alanlar{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.bs-alan{background:#fff;border:1px solid var(--bs-cizgi);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.bs-alan img{width:100%;aspect-ratio:960/544;object-fit:cover;border-bottom:1px solid var(--bs-cizgi)}
.bs-alan div{padding:12px 14px 14px}
.bs-alan h3{font-size:17px;margin:0 0 4px}
.bs-alan p{font-size:14px;line-height:1.45;color:var(--bs-sol);margin:0}
.bs-alt-not{margin:22px 0 0;color:var(--bs-sol);font-size:15px}

/* yolculuk */
.bs-adimlar{display:grid;gap:56px}
.bs-adim{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;align-items:center}
.bs-adim.ters .bs-adim-metin{order:2}
.bs-adim-metin .no{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--bs-tura);color:var(--bs-tur);font:700 15px var(--bs-baslik);margin-bottom:12px}
.bs-adim-metin h3{font-size:clamp(22px,2.6vw,28px);margin:0 0 10px}
.bs-adim-metin p{color:var(--bs-sol);margin:0 0 12px}
.bs-adim-metin ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.bs-adim-metin li{padding-left:28px;position:relative;font-size:16px}
.bs-adim-metin li::before{content:"";position:absolute;left:0;top:.42em;width:16px;height:16px;border-radius:50%;background:var(--bs-tur) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 12.5 3.2 3L17 9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.bs-ekran{background:#fff;border:1px solid var(--bs-cizgi);border-radius:22px;padding:10px;box-shadow:0 18px 40px rgba(18,49,58,.10)}
.bs-ekran img{border-radius:14px;width:100%}

/* Dedi anlatıyor */
.bs-dedi{background:var(--bs-tur-k);color:#fff}
.bs-dedi .bs-etiket{color:#FFC27F}
.bs-dedi .bs-bas p{color:#C9E9E5}
.bs-dedi-ic{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
.bs-dedi-ic>img{width:180px}
.bs-konusma{display:grid;gap:10px;max-width:640px}
.bs-konusma p{margin:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px 16px;display:flex;gap:12px;align-items:baseline}
.bs-konusma b{font:700 14px var(--bs-baslik);color:#FFC27F;flex:none}
.bs-dedi-maddeler{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.bs-dedi-maddeler div{border-top:2px solid rgba(255,255,255,.25);padding-top:14px}
.bs-dedi-maddeler h3{font-size:18px;margin:0 0 6px}
.bs-dedi-maddeler p{margin:0;color:#C9E9E5;font-size:15px}

/* veli köşesi */
.bs-veli{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}
.bs-veli-yan{display:grid;gap:20px}
.bs-veli figure{margin:0}
.bs-veli figcaption{font-size:15px;color:var(--bs-sol);margin-top:10px;padding:0 4px}
.bs-veli figcaption b{color:var(--bs-mur);font-family:var(--bs-baslik)}
.bs-ozellikler{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.bs-ozellik{background:#fff;border:1px solid var(--bs-cizgi);border-radius:16px;padding:16px}
.bs-ozellik h3{font-size:16px;margin:0 0 4px}
.bs-ozellik p{margin:0;font-size:14px;color:var(--bs-sol);line-height:1.45}

/* kılavuz */
.bs-kilavuz{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;counter-reset:k;padding:0;margin:0;list-style:none}
.bs-kilavuz li{counter-increment:k;background:#fff;border:1px solid var(--bs-cizgi);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}
.bs-kilavuz li::before{content:counter(k);font:700 13px/28px var(--bs-baslik);width:28px;height:28px;text-align:center;border-radius:50%;background:var(--bs-tura);color:var(--bs-tur)}
.bs-kilavuz b{font-family:var(--bs-baslik);font-weight:500;display:block;line-height:1.3}
.bs-kilavuz span{font-size:14px;color:var(--bs-sol)}

/* ücretsiz / premium */
.bs-tablo-kap{overflow-x:auto;border:1px solid var(--bs-cizgi);border-radius:18px;background:#fff}
.bs-plan{border-collapse:collapse;width:100%;min-width:480px}
.bs-plan th,.bs-plan td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--bs-cizgi)}
.bs-plan tr:last-child td{border-bottom:0}
.bs-plan thead th{font:700 16px var(--bs-baslik)}
.bs-plan thead th.p{color:var(--bs-org)}
.bs-plan td:first-child{font-weight:700}

/* güven */
.bs-guven{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bs-guven div{background:#fff;border:1px solid var(--bs-cizgi);border-radius:18px;padding:18px}
.bs-guven h3{font-size:17px;margin:0 0 6px}
.bs-guven p{margin:0;font-size:15px;color:var(--bs-sol)}

/* sss */
.bs-sss{display:grid;gap:10px;max-width:820px}
.bs-sss details{background:#fff;border:1px solid var(--bs-cizgi);border-radius:16px;padding:0 18px}
.bs-sss summary{cursor:pointer;font:500 17px/1.4 var(--bs-baslik);padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.bs-sss summary::after{content:"+";color:var(--bs-tur);font-weight:700}
.bs-sss details[open] summary::after{content:"–"}
.bs-sss details p{margin:0 0 16px;color:var(--bs-sol)}

/* kapanış */
.bs-kapanis{text-align:left}
.bs-kapanis-ic{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:#fff;border:1px solid var(--bs-cizgi);border-radius:26px;padding:32px}
.bs-kapanis h2{font-size:clamp(24px,3vw,32px);margin:0 0 8px}
.bs-kapanis p{margin:0;color:var(--bs-sol)}
.bs-kapanis img{width:120px}
.bs-yasal{font-size:14px;color:var(--bs-sol);margin-top:22px}

@media (max-width:1000px){
  .bs-alanlar{grid-template-columns:repeat(3,1fr)}
  .bs-sayilar{grid-template-columns:repeat(3,1fr)}
  .bs-ozellikler{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .bs-giris-ic,.bs-adim,.bs-veli,.bs-dedi-ic{grid-template-columns:1fr}
  .bs-adim.ters .bs-adim-metin{order:0}
  .bs-dedi-ic>img{width:120px}
  .bs-dedi-maddeler,.bs-guven{grid-template-columns:1fr}
  .bs-alanlar{grid-template-columns:repeat(2,1fr)}
  .bs-sayilar{grid-template-columns:repeat(2,1fr)}
  .bs-tablet .dedi{left:-3%;width:17%;bottom:-16%}
  .bs-tablet .balon{right:6px}
  .bs-bolum{padding:52px 0}
  .bs-kapanis-ic{grid-template-columns:1fr}
  .bs-kapanis img{display:none}
}
@media (max-width:480px){
  .bs-alanlar{grid-template-columns:1fr}
  .bs-ozellikler{grid-template-columns:1fr}
}