@charset "UTF-8";
/* Frekans ve Canlı stüdyo için ortak editoryal alt bölüm düzeni; davranışın tek sahibi mevcut bölüm denetleyicisidir. */
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum{padding-block:95px 105px;background:#091319;border-top:1px solid #b9d6d52b;overflow:clip}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum:before,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum:after,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum_numarasi{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-label{display:flex;align-items:center;justify-content:space-between;gap:25px;font:600 10px/1.7 Consolas,monospace;letter-spacing:1.1px;padding:0 0 20px;margin-bottom:47px;border-color:#b7d1cc36}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-label>span:first-child{color:#ff9951}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-label>span:last-child{color:#91b4b7}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum h2{font:700 clamp(42px,4.9vw,77px)/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:-.045em;color:#f3f5ef;overflow-wrap:break-word}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum h2 em{font:inherit;letter-spacing:inherit;color:#3edec6}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;margin-bottom:38px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-heading>p,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .notes-side{font-size:17px;line-height:1.85;color:#a4bdc0;max-width:425px;margin:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kucuk_baslik{font-size:10px;line-height:1.7;letter-spacing:1px;color:#9dc3c5;margin:0 0 23px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kucuk_baslik>i{width:35px;height:3px;background:#ff9951}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_cizgili_baglanti{font-size:15px;line-height:1.6;gap:24px;padding:16px 0;border-color:#45d4bf;color:#e9f8ee}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_etiketler{display:flex;flex-wrap:wrap;gap:8px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_etiketler>span{padding:8px 12px;font-size:11px;line-height:1.5;border:1px solid #69b7af55;color:#b7d6d2;background:none}

/* İlk karşılaşma: turuncu bir yazılım posteri, yanında sade destek başlıkları. */
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik{padding-block:70px 85px;background:#101e26;border-color:#b7d1cc2b}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik .ob_uzmanlik_giris{display:grid;grid-template-columns:1.4fr 1fr;gap:20px 60px;margin-bottom:35px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik .ob_uzmanlik_giris>span{grid-column:1/-1;font-size:10px;letter-spacing:1.1px;color:#4de0c6}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik .ob_uzmanlik_giris h2{font-size:clamp(34px,3.7vw,57px);line-height:1.17;letter-spacing:-.04em;color:#f2f5ed}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik .ob_uzmanlik_giris h2 em{color:#b5d4cf;font:inherit}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik .ob_uzmanlik_giris>p{align-self:end;font-size:16px;line-height:1.85;color:#a7c1c4;padding:0;margin:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik .ob_uzmanlik_kartlari{display:grid;grid-template-columns:1.55fr 1fr;gap:38px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti{padding:35px 40px;background:#ff9951;border:0;box-shadow:none;color:#0b2028;clip-path:none;transform:none;translate:none;overflow:hidden}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti:before,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti:after{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_kunye{font-size:10px;letter-spacing:.8px;color:#173039}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_kunye svg{color:#173039}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti h3{font-size:clamp(35px,3.5vw,55px);line-height:1.13;letter-spacing:-.045em;font-weight:700;color:#0b2028;margin:27px 0 20px;max-width:680px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti h3 em{font:inherit;color:#173039}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti>p{font-size:17px;line-height:1.8;color:#253a3c;max-width:650px;margin:0 0 26px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_platformlari{display:flex;flex-wrap:wrap;gap:21px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_platformlari>span{font-size:14px;color:#18363a}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_platformlari svg{color:#18363a}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_kart_cagrisi{font-size:15px;color:#0b2028;border-top:1px solid #18363a66;margin-top:28px;padding-top:22px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_kart_dekoru{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_kartlari{padding:5px 0 0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_kunyesi{font-size:10px;letter-spacing:1.2px;color:#7eb6bc;padding-bottom:22px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_karti{padding:24px 0;border-color:#94c2bd33;gap:20px;background:none;transform:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_simgesi{border:0;background:none;width:38px;height:38px;color:#41d9c3}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_karti h3{font-size:27px;line-height:1.3;letter-spacing:-.6px;color:#f1f5ef}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_karti p{font-size:15px;line-height:1.8;color:#a4bdc3;max-width:380px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_notu{font-size:14px;line-height:1.8;color:#86aeb5;margin:20px 0 0 58px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_platform_bandi{display:flex;justify-content:space-between;gap:20px;padding-block:25px;background:#3edec6;color:#0b2630;border:0;font-size:10px;line-height:1.7;letter-spacing:1px;white-space:normal}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_platform_bandi>span{gap:10px;line-height:1.7;white-space:normal}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_platform_bandi svg{width:20px;height:20px;color:#0b2630}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_platform_bandi>i{width:3px;height:25px;rotate:0;background:#0b26304d}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_platform_bandi>a{display:flex;font-size:10px;gap:14px;line-height:1.7;margin:0;color:#0b2630}

/* Hakkımda: üstte açık metin sütunları, altında tek yatay platform masası. */
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .about-grid{display:block}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px 36px;max-width:none;margin-bottom:45px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni>.ob_kucuk_baslik{grid-column:1/-1;margin:0 0 7px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni h2{grid-column:1;grid-row:2/5;font-size:clamp(42px,4.6vw,71px);padding-right:20px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni h2 em{color:#ff9951}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni h2 em br{display:initial}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni>p{max-width:none;font-size:16px;line-height:1.9;color:#afc4c6;margin:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni .ob_hakkimda_giris{grid-column:2/-1;font-size:25px;line-height:1.5;letter-spacing:-.5px;color:#eef5ec;margin:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni>.ob_cizgili_baglanti{grid-column:2/-1;justify-self:start;margin:0;font-size:15px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_paneli{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;background:#12212a;border:1px solid #9dc6c13d;box-shadow:none;margin:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_paneli:before{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_panel_kunyesi{grid-column:1/-1;padding:19px 25px;border-color:#a3c9c32d;font-size:10px;line-height:1.7;letter-spacing:1px;color:#a6c6c5}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_sekmeleri{grid-column:1;grid-row:2;display:flex;flex-direction:column;padding:18px;gap:8px;background:#0b1720}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_sekmeleri button{display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:55px;padding:14px 17px;border:1px solid #a3c9c32b;background:none;color:#b0c8c8;font-size:14px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_sekmeleri button[aria-selected="true"]{background:#ff9951;color:#0b2028;border-color:#ff9951;box-shadow:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_icerigi{grid-column:2;grid-row:2;display:grid;grid-template-columns:.65fr 1fr;align-items:stretch;min-height:285px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_mimarisi{height:auto;min-height:285px;background:#3edec6;overflow:hidden}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_prizmasi{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_cihazi{inset:0;width:100%;height:100%;transform:none;translate:none;rotate:none;background:none;border:0;box-shadow:none;color:#0b2630;display:grid;place-items:center}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_cihazi>svg{width:100px;height:100px;stroke-width:1.1}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_sira{left:20px;top:18px;font-size:22px;line-height:1;letter-spacing:-1px;color:#0b2630}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_adi{right:20px;bottom:20px;font-size:10px;letter-spacing:1.4px;color:#0b2630}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_detayi{padding:30px 32px;display:flex;flex-direction:column;justify-content:center}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_detayi>small{font-size:10px;line-height:1.7;letter-spacing:.9px;color:#ffad75}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_detayi h3{font-size:29px;line-height:1.25;letter-spacing:-.8px;margin:13px 0;color:#f1f6ee}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_detayi p{font-size:15px;line-height:1.8;min-height:0;color:#abc3c5;margin:0 0 20px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_detayi .ob_cizgili_baglanti{font-size:14px;margin-top:12px;padding-block:12px}

/* Ürünler iki eş poster; konseptler daha küçük ve açıkça ayrı bir ritimde. */
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects{background:#101e26}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .section-heading>p{justify-self:end}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_vitrin_araclari{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;border-bottom:1px solid #a3c9c338;padding-bottom:25px;margin:32px 0 35px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .filter{font-size:13px;line-height:1.5;min-height:46px;padding:12px 20px;border:1px solid #87b9b54d;background:none;color:#a9c4c4;clip-path:none;box-shadow:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .filter.active{background:#3edec6;color:#0b2630;border-color:#3edec6;box-shadow:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_vitrin_araclari>p{font-size:10px;letter-spacing:.7px;line-height:1.7;margin:0;color:#8eb6bc}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card{display:flex;flex-direction:column;grid-column:span 2;grid-template-columns:none;grid-template-rows:none;background:#0b1720;border:1px solid #a3c9c32b;box-shadow:none;translate:none;transform:none;min-width:0;text-align:left}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:nth-last-child(-n+2){grid-column:span 3}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje{display:flex;grid-column:span 3;border-top:5px solid #ff9951;margin:0;box-shadow:none;min-height:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje:nth-child(2){border-top-color:#3edec6}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:before,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-art:before,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-art:after{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card .project-art{position:relative;grid-column:auto;grid-row:auto;height:305px;min-height:305px;border:0;border-bottom:1px solid #a3c9c32b;background:#132833;transform:none!important;box-shadow:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card .project-art.ob_urun_sanati{height:auto;min-height:360px;padding:65px 24px 24px;background:#0b1720!important;display:flex;align-items:stretch;justify-content:center;--ob_urun_vurgu:#ff9951;--ob_urun_ikinci:#3edec6}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .project-art{height:auto;min-height:0;border:0;border-bottom:1px solid #a3c9c32b;padding:67px 30px 25px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card .ob_urun_ohho{--ob_urun_vurgu:#3edec6;--ob_urun_ikinci:#ff9951}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_yuzeyi,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_ohho .ob_urun_yuzeyi{width:100%;max-width:none;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none;transition:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .concept-label{left:25px;top:23px;font-size:9px;line-height:1.6;letter-spacing:.9px;color:#a4c4c5;max-width:calc(100% - 88px)}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-open{top:18px;right:21px;display:grid;place-items:center;width:34px;height:34px;color:#0b2630;background:#3edec6;border:0;rotate:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_basligi{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:0;padding:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_basligi>b{font:750 clamp(32px,3.5vw,56px)/1.15 "Segoe UI",Arial,sans-serif;letter-spacing:-.045em;color:var(--ob_urun_vurgu)}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_basligi>small{font-size:9px;line-height:1.7;letter-spacing:.5px;color:#9dbcc0;max-width:140px;text-align:left}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_slogani{font-size:clamp(24px,2.5vw,38px);font-weight:500;line-height:1.27;letter-spacing:-.035em;color:#f0f5ed;max-width:520px;margin:21px 0 26px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_akisi{display:flex;flex-direction:column;gap:0;border-top:1px solid #95c2bc36}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_akisi:before{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_akisi>span{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;padding:12px 0;border:0;border-bottom:1px solid #95c2bc36;background:none;color:#b0cccb;min-width:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_akisi>span:before{content:"↗";font-size:15px;color:var(--ob_urun_vurgu);flex-shrink:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_alti{font-size:9px;line-height:1.7;letter-spacing:.5px;margin-top:20px;color:#86b1b6}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_proje_kesif,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .ob_proje_kesif{grid-column:auto;grid-row:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:18px 23px;border:0;border-bottom:1px solid #a3c9c32b;font-size:9px;line-height:1.6;letter-spacing:.5px;color:#7facb3;align-self:stretch;margin:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_proje_kesif>span:last-child{flex-shrink:0;color:#ffad77}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-info,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .project-info{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;padding:24px 23px 27px;margin-top:auto;align-self:stretch}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-info h3,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .project-info h3{font-size:32px;line-height:1.2;font-weight:650;letter-spacing:-.8px;color:#f3f5ed;margin:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-info p,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .project-info p{font-size:15px;line-height:1.8;max-width:none;margin:9px 0 0;color:#a5c0c4}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-info>span,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .project-info>span{font-size:9px;line-height:1.8;letter-spacing:.7px;max-width:none;order:0;text-align:left;color:#80b7bc}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_konsept_yuzeyi .ob_urun_basligi>b{font-size:38px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_konsept_yuzeyi .ob_urun_slogani{font-size:26px;line-height:1.3;margin:20px 0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_konsept_yuzeyi .ob_urun_akisi>span{font-size:12px;padding:10px 0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .dashboard-demo,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .store-demo{transform:none!important;box-shadow:none;inset:62px 22px 22px;max-width:none;border-radius:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_mobil_ornek_telefon{transform:none!important;box-shadow:none;border-radius:15px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_mobil_ornek_metni strong{font-size:27px;line-height:1.2}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .sample-note{font-size:13px;line-height:1.85;color:#89b1b7;margin:30px 0 0;max-width:1000px}

/* Süreç: renkli seçim şeridi, altında çerçevesiz kısa çalışma notu. */
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec{display:block;background:#091319;text-align:left;padding-block:85px 95px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_girisi{display:block;margin-bottom:35px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_cizimi{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri>button{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;min-height:115px;padding:23px 25px;gap:23px;border:1px solid #a6c7c43d;background:#11222b;box-shadow:none;transform:none;color:#e7f0ea}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri>button[aria-selected="true"]{background:#3edec6;color:#0b2630;border-color:#3edec6;box-shadow:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri>button[aria-selected="true"]:after{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri>button>span{font-size:43px;line-height:1;letter-spacing:-2px;color:#ff9951}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri small{font-size:10px;line-height:1.7;letter-spacing:.9px;color:#87b6ba}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri strong{font-size:19px;line-height:1.45;letter-spacing:-.3px;margin-top:6px;color:#f0f5ed}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri>button[aria-selected="true"]>span,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri>button[aria-selected="true"] small,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri>button[aria-selected="true"] strong{color:#0b2630}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri>button>i{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_adim_icerigi{display:grid;grid-template-columns:.95fr 1.25fr .65fr;gap:35px;align-items:start;padding:30px 0 0;min-height:175px;border:0;border-top:1px solid #8dbbb333;background:none;box-shadow:none;margin-top:30px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_adim_icerigi h3{font-size:30px;line-height:1.25;letter-spacing:-.8px;margin:0;color:#f0f5ed}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_adim_icerigi p{font-size:17px;line-height:1.85;margin:0;color:#acc5c5;max-width:600px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_adim_icerigi .ob_etiketler{grid-column:auto;max-width:none;justify-content:flex-end}

/* Notlar: gazete sütunları. Flex mirası açıkça grid ile değiştirilir. */
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes{background:#101e26}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .notes-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:28px;margin-top:43px;border:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;grid-column:auto;grid-row:auto;gap:0;min-height:310px;padding:23px 0 0;border:0;border-top:4px solid #ff9951;background:none;box-shadow:none;translate:none;overflow:visible}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:nth-child(2){border-top-color:#3edec6}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:nth-child(3){border-top-color:#b5d4d2}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:before,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .ob_not_sembolu{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .ob_not_ust{grid-column:auto;grid-row:auto;display:flex;flex-direction:row;align-items:center;gap:19px;margin:0 0 26px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-number{font:600 46px/1 "Segoe UI",Arial,sans-serif;letter-spacing:-2px;min-width:0;color:#ff9951}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:nth-child(2) .note-number{color:#3edec6}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:nth-child(3) .note-number{color:#b5d4d2}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-category{font-size:10px;line-height:1.7;letter-spacing:.8px;max-width:170px;color:#8db6bb}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row h3{grid-column:auto;grid-row:auto;font-size:31px;line-height:1.3;letter-spacing:-.9px;max-width:none;min-height:0;margin:0 0 32px;color:#f1f4ed;font-weight:550}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .ob_not_alti{grid-column:auto;grid-row:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:20px;border-top:1px solid #9fc7c13b}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .reading-time,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .ob_not_alti>span:last-child{font-size:10px;line-height:1.6;letter-spacing:.4px;color:#a5c4c4}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-arrow{width:34px;height:34px;border:0;background:#3edec6;color:#0b2630}

/* İletişim: turkuaz davet alanı ile koyu form aynı düz zeminde. */
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact{background:#091319;padding-bottom:95px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:6%;align-items:start}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-intro{padding:35px;background:#3edec6;color:#0b2630;position:static;border:0;box-shadow:none;min-width:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_iletisim_isareti{width:70px;height:70px;margin:0 0 27px;background:#0b2630;border:0;transform:none;rotate:0;box-shadow:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_iletisim_isareti img{width:68px;height:68px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact h2{font-size:clamp(40px,4.2vw,65px);line-height:1.13;letter-spacing:-.045em;color:#0b2630}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact h2 em{color:#0b2630}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-intro>p{font-size:17px;line-height:1.85;color:#1f454a;margin:25px 0 0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-location{display:flex;flex-wrap:wrap;font-size:13px;line-height:1.7;color:#18464b;margin-top:28px;gap:9px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-location>span,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-location svg{color:#18464b}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_iletisim_adimlari{display:grid;grid-template-columns:1fr;gap:15px;max-width:none;margin-top:31px;padding-top:25px;border-top:1px solid #0b26304d}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_iletisim_adimlari>span{font-size:14px;line-height:1.7;color:#18464b;gap:17px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_iletisim_adimlari b{font-size:11px;color:#0b2630}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_iletisim_paneli{padding:clamp(24px,2.5vw,40px);background:none;border:0;box-shadow:none;min-width:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_iletisim_paneli:before,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_iletisim_paneli:after{display:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_basligi{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;line-height:1.7;letter-spacing:.3px;padding:0 0 18px;margin-bottom:24px;border-color:#a4c9bf40}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_basligi>span:first-child{color:#ffad75}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_basligi>span:last-child{color:#80afb7;text-align:right}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_platformlari{margin-bottom:27px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_platformlari>span{font-size:15px;line-height:1.6;margin-bottom:12px;color:#d5e9e1}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_platformlari button{min-height:48px;padding:12px 8px;font-size:13px;gap:8px;background:none;border:1px solid #8cbab348;color:#a5c8c7}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_platformlari button[aria-pressed="true"]{background:#ff9951;color:#0b2630;border-color:#ff9951;box-shadow:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_platformlari>small{font-size:12px;line-height:1.8;min-height:22px;color:#8db6bb;margin-top:12px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field{gap:10px;margin-bottom:22px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field label{font-size:13px;line-height:1.6;color:#c4dbd6}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field input,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field select,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field textarea{font-size:16px;line-height:1.65;padding:14px;background:#12222c;border:1px solid #80aea63b;border-radius:0;color:#f3f5ed}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field input::placeholder,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field textarea::placeholder{color:#7fa5af;opacity:1}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field input:focus,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field select:focus,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field textarea:focus{outline:2px solid var(--ob_vurgu,#3edec6);outline-offset:3px;border-color:var(--ob_vurgu,#3edec6)}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field textarea{min-height:145px;resize:vertical}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .consent,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .privacy-link{font-size:12px;line-height:1.8;color:#a5c5c4}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .privacy-link{color:#47e4c9;border-color:#47e4c980}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .consent input{width:15px;height:15px;accent-color:#ff9951;flex-shrink:0;margin-top:4px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_hazirlik{gap:20px;padding-top:22px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_hazirlik>span{font-size:10px;line-height:1.7;letter-spacing:.4px;color:#8db6ba}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_hazirlik>progress{min-width:0;height:4px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-end{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-end>span{display:block;font-size:12px;line-height:1.7;color:#90b8bb;max-width:160px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .button-primary{min-height:53px;padding:17px 23px;font-size:14px;line-height:1.5;gap:18px;background:#ff9951;color:#0b2630;border:0;border-radius:0;box-shadow:none;clip-path:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .button-primary:focus-visible{outline:2px solid var(--ob_vurgu,#3edec6);outline-offset:4px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-status{font-size:14px;line-height:1.8;margin-top:22px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:35px;background:#050f15;padding-block:45px;border-top:5px solid #ff9951;box-shadow:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi .ob_alt_marka{width:260px;max-width:100%}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi p{font:550 clamp(22px,2vw,32px)/1.35 "Segoe UI",Arial,sans-serif;letter-spacing:-.7px;color:#edf5e9;margin:0}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi p>span{font-size:11px;line-height:1.8;color:#8bb6bc;letter-spacing:.3px;margin-top:10px;display:block}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi>div{display:flex;align-items:center;gap:23px;font-size:11px;color:#95b9bc}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi>div>a{width:43px;height:43px;border:0;background:#3edec6;color:#0b2630;border-radius:0}

html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:focus-visible,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:focus-visible,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti:focus-visible{outline:2px solid #53e9cd;outline-offset:4px;translate:none;transform:none}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about [role="tab"]:focus-visible,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec [role="tab"]:focus-visible{outline:2px solid #ffb079;outline-offset:4px}
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:focus-visible{padding:23px 0 0;background:none}
@media(hover:hover) and (pointer:fine){
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:hover{translate:none;transform:none;box-shadow:none;border-color:#3edec6;background:#10242c}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:hover .project-open{rotate:0;background:#ff9951;color:#0b2630}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:hover{padding:23px 0 0;translate:none;background:none}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:hover h3{text-decoration:underline;text-decoration-color:#3edec6;text-decoration-thickness:1px;text-underline-offset:7px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti:hover{transform:none;translate:none;background:#ffad73}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti:hover .ob_yazilim_kart_cagrisi{color:#0b2630}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .button-primary:hover{background:#ffb57e;transform:none}
}
@media(max-width:1200px){
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum{padding-block:80px 90px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni{grid-template-columns:1fr 1fr;gap:23px 35px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni h2{grid-column:1;grid-row:2/5;font-size:55px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni .ob_hakkimda_giris{grid-column:2}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni>p:not(.ob_hakkimda_giris){grid-column:2}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni>.ob_cizgili_baglanti{grid-column:2}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_paneli{grid-template-columns:185px 1fr}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_icerigi{grid-template-columns:.6fr 1fr}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_detayi{padding:27px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_detayi h3{font-size:26px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:nth-last-child(-n+2),
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje{grid-column:auto}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:last-child .project-art{grid-column:1;grid-row:1/3;border-bottom:0;border-right:1px solid #a3c9c32b}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:last-child .ob_proje_kesif{grid-column:2;grid-row:1}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:last-child .project-info{grid-column:2;grid-row:2;align-self:end}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .project-art{padding-inline:25px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_slogani{font-size:31px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri>button{padding:20px;gap:17px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri strong{font-size:17px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_adim_icerigi{grid-template-columns:1fr 1.4fr;gap:25px;min-height:195px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_adim_icerigi .ob_etiketler{grid-column:2;justify-content:flex-start}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .notes-list{gap:23px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row h3{font-size:28px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-grid{gap:5%;grid-template-columns:1fr 1fr}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-intro{padding:30px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact h2{font-size:48px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-row{grid-template-columns:1fr;gap:0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-end{flex-direction:column;align-items:stretch}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-end>span{max-width:none}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .button-primary{width:100%;justify-content:space-between}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi{grid-template-columns:1fr 1fr;gap:30px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi>div{grid-column:1/-1;justify-content:space-between;border-top:1px solid #91c2b833;padding-top:22px}
}
@media(max-width:900px){
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-heading{grid-template-columns:1fr;gap:25px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-heading>p,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .notes-side{max-width:650px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik .ob_uzmanlik_giris{grid-template-columns:1fr;gap:23px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik .ob_uzmanlik_kartlari{grid-template-columns:1fr;gap:32px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_kartlari{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_kunyesi,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_notu{grid-column:1/-1}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_notu{margin:20px 0 0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_platform_bandi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 15px;font-size:9px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_platform_bandi>i{display:none}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_platform_bandi>a{grid-column:1/-1;justify-self:start;font-size:10px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_paneli{grid-template-columns:1fr}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_sekmeleri{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:15px;gap:8px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_sekmeleri button{justify-content:center;gap:10px;padding:13px 9px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_icerigi{grid-column:1;grid-row:3;grid-template-columns:.65fr 1fr}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .section-heading>p{justify-self:start}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .notes-list{grid-template-columns:1fr;gap:0;margin-top:30px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row{display:grid;grid-template-columns:170px 1fr;grid-template-rows:auto auto;gap:17px 30px;min-height:0;padding:27px 0;border-top-width:2px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .ob_not_ust{grid-column:1;grid-row:1/3;flex-direction:column;align-items:flex-start;gap:16px;margin:0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row h3{grid-column:2;grid-row:1;margin:0;font-size:29px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .ob_not_alti{grid-column:2;grid-row:2;padding-top:17px;margin:0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:hover,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:focus-visible{padding:27px 0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-grid{grid-template-columns:1fr;gap:40px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-intro{padding:35px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-row{grid-template-columns:1fr 1fr;gap:20px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-end{flex-direction:row;align-items:center}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .button-primary{width:auto}
}
@media(max-width:600px){
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum{padding-block:65px 75px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-label{font-size:8px;line-height:1.8;letter-spacing:.5px;gap:20px;align-items:flex-start;margin-bottom:35px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-label>span:last-child{max-width:125px;text-align:right;font-size:8px;letter-spacing:0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum h2{font-size:clamp(37px,9.5vw,56px);line-height:1.15;letter-spacing:-.04em}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-heading>p,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .notes-side{font-size:16px;line-height:1.8}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik{padding-block:55px 65px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik .ob_uzmanlik_giris h2{font-size:35px;line-height:1.2}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik .ob_uzmanlik_giris>p{font-size:15px;line-height:1.8}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti{padding:29px 25px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti h3{font-size:36px;line-height:1.16;letter-spacing:-1.4px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti>p{font-size:16px;line-height:1.8}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_platformlari{gap:17px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_platformlari>span{font-size:12px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_kartlari{display:block}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_karti{padding-block:23px;gap:17px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_karti h3{font-size:25px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_destek_karti p{font-size:14px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_platform_bandi{padding-block:23px;font-size:8px;gap:18px 12px;letter-spacing:.4px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_platform_bandi>span{flex-direction:column;align-items:flex-start;gap:10px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni{display:block;margin-bottom:32px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni>.ob_kucuk_baslik{margin-bottom:22px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni h2{font-size:clamp(38px,10vw,57px);line-height:1.15;padding:0;margin-bottom:27px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni>p{font-size:16px;line-height:1.85;margin-bottom:19px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni .ob_hakkimda_giris{font-size:24px;line-height:1.6;margin:0 0 18px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni>.ob_cizgili_baglanti{font-size:14px;margin-top:0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_panel_kunyesi{font-size:9px;padding:19px 21px;letter-spacing:.5px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_sekmeleri{padding:12px;gap:7px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_sekmeleri button{min-height:50px;font-size:12px;padding:12px 5px;gap:6px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_icerigi{display:block;min-height:0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_mimarisi{height:175px;min-height:175px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_cihazi>svg{width:78px;height:78px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_detayi{padding:25px 23px 27px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_detayi h3{font-size:27px;line-height:1.3}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_detayi p{font-size:15px;line-height:1.85}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_vitrin_araclari{gap:18px;margin:26px 0 30px;padding-bottom:23px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .filter{font-size:12px;padding:12px 6px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-grid{grid-template-columns:1fr;gap:25px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:last-child,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje{display:flex;flex-direction:column;grid-column:auto;margin:0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card .project-art{height:320px;min-height:320px;border:0;border-bottom:1px solid #a3c9c32b}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card .project-art.ob_urun_sanati,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .project-art{height:auto;min-height:0;padding:65px 25px 25px;grid-column:auto;grid-row:auto;border:0;border-bottom:1px solid #a3c9c32b}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card:last-child .project-art{grid-column:auto;grid-row:auto;border-right:0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_basligi{gap:14px;flex-wrap:wrap}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_basligi>b{font-size:42px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_basligi>small{font-size:9px;max-width:none}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_slogani{font-size:31px;line-height:1.3;margin:21px 0 23px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_akisi>span{font-size:13px;line-height:1.8;padding:11px 0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card .ob_proje_kesif,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .ob_proje_kesif{grid-column:auto;grid-row:auto;padding:19px 23px;font-size:9px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card .project-info,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .project-info{grid-column:auto;grid-row:auto;padding:24px 23px 28px;gap:15px;align-self:stretch}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-info h3,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .project-info h3{font-size:35px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-info p,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .project-info p{font-size:16px;line-height:1.85}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .concept-label{font-size:9px;letter-spacing:.5px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .sample-note{font-size:12px;line-height:1.8}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec{padding-block:65px 75px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri{grid-template-columns:1fr;gap:10px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri>button{padding:21px 23px;gap:25px;min-height:95px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri>button>span{font-size:39px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_surec_sekmeleri strong{font-size:19px;line-height:1.45}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_adim_icerigi{display:block;min-height:250px;padding-top:26px;margin-top:25px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_adim_icerigi h3{font-size:29px;line-height:1.3;margin-bottom:18px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_adim_icerigi p{font-size:16px;line-height:1.85;margin-bottom:22px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #ob_surec .ob_adim_icerigi .ob_etiketler{justify-content:flex-start}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row{display:flex;flex-direction:column;min-height:0;padding:25px 0 29px;gap:0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .ob_not_ust{display:flex;flex-direction:row;align-items:center;gap:20px;margin-bottom:23px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-number{font-size:43px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-category{font-size:10px;max-width:190px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row h3{font-size:29px;line-height:1.35;margin:0 0 27px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .ob_not_alti{padding-top:19px;gap:15px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:hover,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row:focus-visible{padding:25px 0 29px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact{padding-bottom:75px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-grid{gap:35px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-intro{padding:29px 25px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact h2{font-size:clamp(37px,9.5vw,56px);line-height:1.16}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-intro>p{font-size:16px;line-height:1.85}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-location{font-size:12px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_iletisim_paneli{padding:24px 20px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_basligi{flex-wrap:wrap;font-size:11px;line-height:1.7;gap:8px;letter-spacing:.2px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_platformlari button{flex-direction:column;min-height:68px;font-size:12px;gap:7px;padding:12px 4px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_platformlari>small{font-size:12px;min-height:42px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-row{grid-template-columns:1fr;gap:0}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field label{font-size:14px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field input,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field select,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .field textarea{font-size:16px;line-height:1.7;padding:14px 12px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-end{flex-direction:column;align-items:stretch;gap:17px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .form-end>span{max-width:none;font-size:13px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .button-primary{width:100%;justify-content:space-between;font-size:15px;padding:17px 23px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi{grid-template-columns:1fr;gap:27px;padding-block:40px 30px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi p{font-size:29px;line-height:1.4;max-width:400px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi p>span{font-size:12px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi>div{grid-column:1;gap:20px;font-size:12px}
}
@media(max-width:380px){
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-label{font-size:8px;gap:17px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum .section-label>span:last-child{font-size:7px;max-width:105px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum h2,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_hakkimda_metni h2,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact h2{font-size:35px;letter-spacing:-1.2px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti{padding:27px 21px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_ana_karti h3{font-size:31px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_platformlari{gap:13px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_yazilim_platformlari>span{font-size:11px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_sekmeleri{padding:11px 9px;gap:5px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_sekmeleri button{font-size:11px;gap:5px;padding-inline:4px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_sekmeleri svg{width:15px;height:15px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #about .ob_yetenek_detayi{padding:24px 21px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .filter{font-size:11px;padding-inline:5px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card .project-art.ob_urun_sanati,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card.ob_gercek_proje .project-art{padding-inline:22px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_basligi>b{font-size:38px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .ob_urun_slogani{font-size:28px;line-height:1.3}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card .ob_proje_kesif{padding-inline:21px;font-size:8px;letter-spacing:.2px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #projects .project-card .project-info{padding-inline:21px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .note-row h3{font-size:27px;line-height:1.35}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .reading-time,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #notes .ob_not_alti>span:last-child{font-size:9px;letter-spacing:.1px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .contact-intro{padding:27px 22px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_iletisim_paneli{padding:22px 16px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_platformlari button{flex-direction:column;min-height:68px;gap:7px;font-size:12px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) #contact .ob_form_hazirlik>span{font-size:9px;letter-spacing:.2px}
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi .ob_alt_marka{width:235px}
}
/* Yeni döngü yok. Mevcut hareket tercihleri bu görünümde de geçerlidir. */
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .effects-off .ob_bolum *,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .effects-off .ob_kimlik_uzmanlik *,
html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .effects-off .ob_alt_bilgi *{animation:none!important;transition:none!important;translate:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_bolum *,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_kimlik_uzmanlik *,
 html:is([data-ob-tasarim="ob_frekans"],[data-ob-tasarim="ob_studyo"]) .ob_alt_bilgi *{animation:none!important;transition:none!important;translate:none!important;transform:none!important}
}