@charset "UTF-8";
/* Web → Mobil → Masaüstü. Yeni sahne yalnız Dijital sahne görünümünde etkin. */
.ob_kinetik_sahne{display:none}
[data-ob-tasarim="ob_sahne"] .ob_sinematik{background:radial-gradient(ellipse at 77% 48%,#0c5f654d,transparent 47%),radial-gradient(ellipse at 96% 16%,#ff8e4212,transparent 35%),#05121b}
[data-ob-tasarim="ob_sahne"] .ob_sinematik:before{background:linear-gradient(115deg,transparent 48%,#26cbbb07 48.1% 70%,transparent 70.1%)}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_dijital_dekor,[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_ag_gecidi,[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_sahne_dekoru,[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_veri_yollari,[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_sahne_sembolu,[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_sahne_notu{display:none}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_sahne_tuvali{opacity:.2}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_platform_fon{opacity:.11;bottom:170px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_sahnesi{width:57%;right:1%;top:26%;height:570px}
[data-ob-tasarim="ob_sahne"] .ob_kinetik_sahne{display:block;position:absolute;inset:0;pointer-events:none}
.ob_kinetik_mimari{position:absolute;width:118%;height:125%;left:-11%;top:-17%;overflow:visible}
.ob_kinetik_kareler{transform-origin:480px 360px;transform:rotate(-13deg);transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
[data-ob-platform="mobile"] .ob_kinetik_kareler{transform:rotate(22deg) scale(.84)}
[data-ob-platform="desktop"] .ob_kinetik_kareler{transform:rotate(-3deg) scale(1.03,.9)}
.ob_kinetik_arka,.ob_kinetik_orta,.ob_kinetik_on{animation:ob_kinetik_katman 7s ease-in-out infinite alternate;transform-origin:480px 360px}
.ob_kinetik_orta{animation-delay:-2s}.ob_kinetik_on{animation-delay:-4s}
.ob_kinetik_kenar{filter:drop-shadow(0 0 10px #3ce2cd70)}
.ob_kinetik_isik{animation:ob_kinetik_akim 7s linear infinite;filter:drop-shadow(0 0 7px #ff9a5166)}
.ob_kinetik_veri{animation:ob_kinetik_akim 10s linear infinite}
.ob_kinetik_serit{transform-origin:770px 200px;animation:ob_kinetik_serit 8s ease-in-out infinite alternate}
.ob_kinetik_imler{animation:ob_kinetik_im 5s ease-in-out infinite alternate}
.ob_kinetik_kunye{position:absolute;top:-45px;left:20%;right:8%;display:flex;align-items:center;gap:10px;font:9px/1.6 Consolas,monospace;letter-spacing:1px;color:#77b9bc}
.ob_kinetik_kunye b{font:8px/1.6 Consolas,monospace;margin-left:auto;letter-spacing:.6px;color:#4c858f}
.ob_kinetik_nabiz{width:5px;height:5px;background:#63f2d6;box-shadow:0 0 14px #63f2d6}
.ob_kinetik_parca{position:absolute;left:4%;top:-6%;width:218px;background:#0b2634f2;border:1px solid #4bdccb66;box-shadow:-6px 7px 0 #123c4966,0 24px 45px #0005;opacity:0;transform:translate3d(25px,50px,0) rotate(-12deg) scale(.9);transition:opacity .7s,transform 1.2s cubic-bezier(.16,1,.3,1);z-index:6}
[data-ob-platform="web"] .ob_kinetik_web,[data-ob-platform="mobile"] .ob_kinetik_mobil,[data-ob-platform="desktop"] .ob_kinetik_masaustu{opacity:1;transform:translate3d(0,0,0) rotate(-8deg);animation:ob_kinetik_parca 7s ease-in-out infinite alternate}
.ob_parca_ustu{display:flex;gap:9px;align-items:center;padding:12px 14px;border-bottom:1px solid #6fdad52e;font:8px/1.5 Consolas,monospace;letter-spacing:.5px;color:#a0cfce}
.ob_parca_ustu>span{color:#ffad70;font-size:15px}.ob_parca_ustu>i{margin-left:auto;color:#507f8b;font-style:normal}
.ob_parca_alti{display:flex;justify-content:space-between;padding:12px 14px;font:7px/1.5 Consolas,monospace;letter-spacing:.6px;color:#70bbb9;border-top:1px solid #6fdad52e}
.ob_minik_arayuz{position:relative;height:134px;padding:20px;background:#124e51;overflow:hidden}.ob_minik_arayuz b{position:relative;display:block;font-size:22px;line-height:1.2;letter-spacing:-.5px;color:#ddfff3;font-weight:550;margin-top:12px}
.ob_minik_arayuz>span:first-child{display:block;width:35px;height:3px;background:#ffad70}.ob_minik_arayuz>span:nth-child(2){position:absolute;width:130px;height:130px;border:20px solid #2be1c62b;right:-40px;top:-30px;rotate:30deg;animation:ob_kinetik_donus 16s linear infinite}.ob_minik_arayuz>i{position:absolute;right:16px;bottom:15px;font-size:25px;color:#ffad70;font-style:normal}
.ob_kinetik_mobil{left:12%;top:26%;width:202px}.ob_dokunma_sahnesi{height:139px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle,#20b9a32b,transparent 70%)}
.ob_dokunma_sahnesi>i{position:absolute;border:1px solid #50edcc;width:50px;height:50px;border-radius:50%;animation:ob_kinetik_dokunus 3.6s ease-out infinite}.ob_dokunma_sahnesi>i:nth-child(2){animation-delay:-1.2s}.ob_dokunma_sahnesi>i:nth-child(3){animation-delay:-2.4s}.ob_dokunma_sahnesi>b{display:grid;place-items:center;width:46px;height:46px;background:#ff9a51;color:#08202a;font-size:28px;font-weight:350;rotate:45deg}.ob_dokunma_sahnesi>b::first-letter{rotate:-45deg}
.ob_kinetik_masaustu{left:4%;top:-6%;width:250px}.ob_minik_akis{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:28px 15px;background:#0d303c}.ob_minik_akis>span{display:grid;place-items:center;width:49px;height:45px;border:1px solid #43c9c58c;font:19px/1 Consolas,monospace;color:#54e6cd;position:relative;animation:ob_kinetik_dugum 4.5s ease-in-out infinite}.ob_minik_akis>span:nth-of-type(2){animation-delay:-3s}.ob_minik_akis>span:nth-of-type(3){animation-delay:-1.5s}.ob_minik_akis small{position:absolute;bottom:-15px;white-space:nowrap;font:6px/1 Consolas,monospace;letter-spacing:.5px;color:#91c1c8}.ob_minik_akis>i{font-size:16px;color:#ff9a51;font-style:normal}
.ob_kinetik_ayrac{position:absolute;bottom:10%;left:21%;right:4%;display:flex;justify-content:space-between;font:120px/1 Consolas,monospace;color:#53e2ce1a;letter-spacing:-18px;transform:rotate(-10deg)}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_web,[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_masaustu{width:600px;left:57%;top:90px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik[data-ob-platform="web"] .ob_cihaz_web{transform:translateX(-50%) perspective(1500px) rotateY(-15deg) rotateZ(7deg) scale(var(--ob_sahne_olcegi));animation:ob_kinetik_cihaz 8s ease-in-out infinite alternate}
[data-ob-tasarim="ob_sahne"] .ob_sinematik[data-ob-platform="desktop"] .ob_cihaz_masaustu{transform:translateX(-50%) perspective(1500px) rotateY(-12deg) rotateZ(-6deg) scale(var(--ob_sahne_olcegi));animation:ob_kinetik_cihaz 7s ease-in-out infinite alternate-reverse}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_mobil{width:220px;left:59%;top:12px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik[data-ob-platform="mobile"] .ob_cihaz_mobil{transform:translateX(-50%) perspective(1100px) rotateY(-16deg) rotateZ(9deg) scale(var(--ob_sahne_telefon));animation:ob_kinetik_cihaz 6s ease-in-out infinite alternate}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_ekran{background:#092b34;color:#e9fff4;height:330px;padding:24px 30px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_menu{font-size:27px}[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_menu .ob_turuncu{color:#ff9a51}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_menu small{font-size:7px;color:#8cbfc0}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_etiket{font-size:7px;color:#73b5b9;margin-top:29px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_slogan{font-size:57px;line-height:1.02;margin-top:14px;letter-spacing:-2px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_slogan em{color:#ffac6d}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_gorsel{transform:rotate(-20deg) scale(1.45);right:67px;top:114px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_gorsel>div{background:linear-gradient(140deg,#8bffe3,#21bdae 55%,#08616e);box-shadow:inset 8px 5px 12px #b2ffe54d,7px 5px 0 #0b4b58}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_alt{font-size:7px;bottom:20px;left:30px;right:30px;color:#98d5ce}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_alt small{font-size:6px;color:#5d929e}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_web_kabuk,[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_masaustu_kabuk{border-radius:3px;border-color:#55cabc;box-shadow:-9px 11px 0 #12606866,0 35px 75px #0008}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_telefon_kabuk{border-color:#5fe8d4;box-shadow:-6px 7px 0 #0b5a6370,0 35px 75px #0008}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_etiketi{font-size:8px;color:#6ca7ad;letter-spacing:1.5px;margin-top:18px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_canli_kod{width:325px;right:3%;bottom:-8px;background:#071d2bf5;border-top:2px solid #ff9a51;transform:perspective(1100px) rotateY(-8deg) rotateZ(-5deg);z-index:8}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_kod_editoru{min-height:170px;font-size:9px;padding:15px 12px;gap:11px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_satir_numaralari{font-size:8px;line-height:2.2}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_kod_baslik{font-size:8px;padding:11px 12px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_kod_alt{font-size:7px;padding:10px 12px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_platform_secenekleri{border:0;gap:12px}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_platform_dugmesi{background:#0a202b99;border:1px solid #427f8745;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);padding:20px 22px;gap:16px;transition:background .4s,border-color .4s,translate .4s}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_platform_dugmesi[aria-pressed="true"]{background:linear-gradient(120deg,#1b5557,#0a2e39);border-color:#63e9cd99;box-shadow:inset 0 -2px #ff9a51}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_platform_dugmesi:hover{translate:0 -4px;border-color:#ffad70}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_platform_dugmesi>i{background:#ff9a51;right:0}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_slayt_ok,[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_slayt_duraklat{border-radius:0;background:#0b2531b3;border-color:#427f8766}
[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_slayt_ok:hover{background:#1c595c;border-color:#60e8d0}
@keyframes ob_kinetik_katman{from{translate:0 -9px}to{translate:12px 12px}}
@keyframes ob_kinetik_akim{to{stroke-dashoffset:-2400}}
@keyframes ob_kinetik_serit{from{transform:translate(0,-14px) rotate(-9deg)}to{transform:translate(-18px,18px) rotate(9deg)}}
@keyframes ob_kinetik_im{from{opacity:.35}to{opacity:1}}
@keyframes ob_kinetik_parca{from{translate:0 -9px;rotate:-2deg}to{translate:9px 10px;rotate:2deg}}
@keyframes ob_kinetik_cihaz{from{translate:0 -13px;rotate:-1deg}to{translate:0 13px;rotate:1deg}}
@keyframes ob_kinetik_donus{to{rotate:390deg}}
@keyframes ob_kinetik_dokunus{from{transform:scale(.3);opacity:.9}to{transform:scale(3);opacity:0}}
@keyframes ob_kinetik_dugum{0%,65%,100%{background:#0d303c;border-color:#43c9c58c}25%{background:#176057;border-color:#a2ffe7}}
@media(min-width:1600px){[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_sahnesi{top:26%;height:610px}.ob_kinetik_parca{left:10%}}
@media(min-width:761px) and (max-height:950px){[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_sahnesi{top:29%;height:470px}.ob_kinetik_parca{scale:.85;left:2%;top:-6%}[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_canli_kod{bottom:45px;width:295px}}
@media(min-width:761px) and (max-width:1200px){
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_sahnesi{width:55%;height:450px;top:31%;right:0}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_web,[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_masaustu{top:95px;left:56%}
 .ob_kinetik_parca{scale:.7;left:1%;top:-6%;transform-origin:top left}.ob_kinetik_mobil{top:13%}.ob_kinetik_kunye{left:15%;right:5%;font-size:7px}.ob_kinetik_kunye b{display:none}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_canli_kod{width:270px;right:7%;bottom:5px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_kod_editoru{font-size:8px;min-height:155px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_platform_dugmesi{padding:17px 14px;gap:10px}
}
@media(max-width:760px){
 [data-ob-tasarim="ob_sahne"] .ob_sinematik{min-height:1360px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_sahnesi{width:100%;right:0;left:0;top:470px;height:340px;transform:none;--ob_sahne_olcegi:.48;--ob_sahne_telefon:.74}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_web,[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_masaustu{left:55%;top:35px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_mobil{left:59%;top:-20px}
 .ob_kinetik_mimari{width:116%;height:120%;left:-8%;top:-10%}.ob_kinetik_parca{width:200px;scale:.56;left:5%;top:-6%;transform-origin:top left}.ob_kinetik_mobil{left:6%;top:17%}.ob_kinetik_kunye{top:-26px;left:var(--page);right:var(--page);font-size:7px;letter-spacing:.2px}.ob_kinetik_kunye b{font-size:5px;letter-spacing:0}.ob_kinetik_ayrac{font-size:70px;left:10%;bottom:6%;letter-spacing:-10px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_canli_kod{width:225px;right:8%;bottom:55px;transform:perspective(1100px) rotateY(-8deg) rotateZ(-4deg)}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_kod_editoru{font-size:6.5px;min-height:118px;padding:11px 9px;gap:8px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_kod_baslik{font-size:6px;padding:8px 9px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_satir_numaralari{font-size:5.5px;line-height:2.3}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_kod_alt{font-size:5px;padding:7px 9px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_slayt_metni>p{top:670px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_slayt_eylemleri{top:780px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_platform_dugmesi{min-height:96px;padding:16px 13px;gap:12px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_platform_metni>b{font-size:13px}
}
@media(max-width:380px){
 [data-ob-tasarim="ob_sahne"] .ob_sinematik{min-height:1400px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz_sahnesi{top:455px;--ob_sahne_olcegi:.4;--ob_sahne_telefon:.65;height:330px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_canli_kod{width:205px;right:8%}
 .ob_kinetik_parca{scale:.48;top:-3%}.ob_kinetik_mobil{top:20%}.ob_kinetik_kunye b{display:none}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_slayt_metni>p{top:660px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_slayt_eylemleri{top:800px}
 [data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_platform_dugmesi{padding:16px 10px}
}
/* Bütün yeni hareketler mevcut sahne yaşam döngüsüne bağlıdır. */
.ob_sahne_duruk .ob_kinetik_sahne *{animation-play-state:paused!important}
.ob_hareket_kapali .ob_kinetik_sahne *,.effects-off .ob_kinetik_sahne *{animation:none!important;transition:none!important}
.ob_hareket_kapali.ob_sinematik .ob_cihaz,.effects-off .ob_sinematik .ob_cihaz{animation:none!important;translate:none!important;rotate:none!important}
.ob_hareket_kapali .ob_kinetik_kareler,.ob_hareket_kapali .ob_kinetik_parca{transition:none!important}
@media(prefers-reduced-motion:reduce){.ob_kinetik_sahne *{animation:none!important;transition:none!important}[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_cihaz{animation:none!important;translate:none!important;rotate:none!important}[data-ob-tasarim="ob_sahne"] .ob_sinematik .ob_platform_dugmesi{transition:none!important;translate:none!important}}