@charset "UTF-8";
/* Beşinci görünüm: metin, dijital mimari ve kontroller ayrı, geniş alanlara sahip. */
.ob_boyut_sahnesi,.ob_boyut_ekrani{display:none}
html[data-ob-tasarim="ob_boyut"]{--ob_boyut_cam:#5bf1ce;--ob_boyut_ates:#ff9a52;--bg:#05151d;--surface:#0b2832}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik{height:100svh;min-height:1020px;max-height:1140px;background:radial-gradient(ellipse at 78% 44%,#135d654f,transparent 48%),#05151d;--ob_boyut_cihaz:1;--ob_boyut_telefon:1.13}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik:before{background:linear-gradient(90deg,#05151d 5%,#05151d00 63%),linear-gradient(0deg,#05151d,transparent 30%);z-index:1}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik:after{background:linear-gradient(90deg,transparent calc(50% - 1px),#76e7d414 50%,transparent calc(50% + 1px));opacity:1;mask-image:linear-gradient(transparent 10%,#000,transparent 90%)}
html[data-ob-tasarim="ob_boyut"] .ob_sahne_tuvali{opacity:.2}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_yazilim_kimligi{top:153px;font:600 10px/1.6 "Segoe UI",sans-serif;letter-spacing:1.2px;color:#88b6bc}
html[data-ob-tasarim="ob_boyut"] .ob_kimlik_konum{font:10px/1.5 "Segoe UI",sans-serif;letter-spacing:1px}
html[data-ob-tasarim="ob_boyut"] .ob_sahne_koordinati{display:none}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_fon{font:700 clamp(280px,32vw,530px)/.8 "Segoe UI",sans-serif;letter-spacing:-.07em;left:auto;right:-10px;top:180px;bottom:auto;opacity:.32;color:transparent;-webkit-text-stroke:1px #85ffde20;rotate:0deg}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni{top:260px;left:var(--page);width:47%;max-width:720px;text-align:left;transform:none}
html[data-ob-tasarim="ob_boyut"] .ob_slayt_etiketi{font:600 10px/1.6 "Segoe UI",sans-serif;letter-spacing:1.4px;color:#90babb;gap:14px;max-width:100%}
html[data-ob-tasarim="ob_boyut"] .ob_slayt_etiketi i{width:28px;flex-shrink:0;height:2px;background:#ff9a52}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni .ob_slayt_basligi{font:600 clamp(52px,5.15vw,84px)/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:-.045em;margin:30px 0;color:#f0fff9;text-wrap:balance}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni .ob_slayt_basligi .ob_baslik_satiri:first-child{display:block;font:600 23px/1.3 "Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#5bf1ce;margin:0 0 24px;padding-left:2px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni .ob_slayt_basligi em{font:inherit;letter-spacing:inherit;color:#ffad6a;white-space:normal;display:block}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_baslik_satiri{display:block;transform:translateY(30px) rotateX(15deg);transform-origin:left bottom;clip-path:inset(0 0 100%);opacity:0;filter:none;transition:transform 1.1s cubic-bezier(.16,1,.3,1),clip-path 1.1s cubic-bezier(.16,1,.3,1),opacity .7s}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_etkin .ob_baslik_satiri{transform:none;clip-path:inset(0);opacity:1}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni>p{position:static;font:400 17px/1.85 "Segoe UI",sans-serif;max-width:490px;margin:0;color:#afc8cb}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_eylemleri{position:static;width:auto;margin:30px 0 0;gap:28px;flex-wrap:wrap;justify-content:flex-start}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_eylemleri .button{font-size:13px;font-weight:650;padding:20px 25px;gap:28px;min-height:60px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:#ff9a52;color:#12272c}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .text-link{font-size:13px;color:#d5eee8;gap:14px}
html[data-ob-tasarim="ob_boyut"] .ob_slayt_hizmetleri{display:flex;margin-top:30px;gap:17px;font-size:9px;letter-spacing:.6px;color:#6f9b9f}
/* Büyük kesitler ve ayrışan cam yüzeyler; tek sahne ve parallax sahibi korunur. */
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_sahnesi{width:57%;max-width:1000px;height:660px;right:0;left:auto;top:205px;transform:none;z-index:3}
html[data-ob-tasarim="ob_boyut"] .ob_sahne_derinligi{perspective:1500px;transform:translate3d(var(--ob_imlec_x),calc(var(--ob_imlec_y) + var(--ob_kaydirma)),0) rotateX(var(--ob_egim_x)) rotateY(var(--ob_egim_y))}
html[data-ob-tasarim="ob_boyut"] .ob_boyut_sahnesi{display:block;position:absolute;inset:0;pointer-events:none}
.ob_boyut_mimari{position:absolute;inset:-7% 0;width:100%;height:114%;overflow:visible;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}
.ob_boyut_kristal{transform-origin:480px 350px;animation:ob_boyut_kristal 9s ease-in-out infinite alternate}
.ob_boyut_akim{animation:ob_boyut_akim 6s linear infinite;filter:drop-shadow(0 0 6px #69ffdb)}
.ob_boyut_kesit{transform-origin:center;animation:ob_boyut_kesit 7s ease-in-out infinite alternate}
.ob_boyut_kesit_alt{animation-delay:-3.5s}.ob_boyut_parcalar{animation:ob_boyut_parca 10s ease-in-out infinite alternate;transform-origin:center}
.ob_boyut_isaretler{animation:ob_boyut_isaret 5s ease-in-out infinite alternate}
.ob_boyut_ayrik_katmanlar{position:absolute;width:67%;height:52%;left:17%;top:19%;perspective:1200px;transform:rotate(-11deg)}
.ob_boyut_ayrik_katmanlar>i{position:absolute;inset:0;background:linear-gradient(135deg,#5dffe309,#25c9b604);border:1px solid #71fadc55;box-shadow:12px 13px 0 #255f5f14;transform:rotateY(-20deg) translate3d(30px,-55px,-70px);animation:ob_boyut_katman 8s ease-in-out infinite alternate;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}
.ob_boyut_ayrik_katmanlar>i:nth-child(2){transform:rotateY(-20deg) translate3d(65px,-105px,-140px);animation-delay:-2.5s;border-color:#ffad6a66}
.ob_boyut_ayrik_katmanlar>i:nth-child(3){transform:rotateY(-20deg) translate3d(100px,-155px,-210px);animation-delay:-5s}
[data-ob-platform="mobile"] .ob_boyut_mimari{transform:rotate(12deg) scale(.92,1.05)}
[data-ob-platform="mobile"] .ob_boyut_ayrik_katmanlar{width:31%;height:67%;left:41%;top:7%;transform:rotate(11deg)}
[data-ob-platform="desktop"] .ob_boyut_mimari{transform:rotate(-10deg) scale(1.05,.94)}
[data-ob-platform="desktop"] .ob_boyut_ayrik_katmanlar{transform:rotate(7deg)}
.ob_boyut_yuzen_parca{position:absolute;padding:17px 20px;border:1px solid #89dfcb66;background:linear-gradient(120deg,#17444de8,#08222bf0);box-shadow:8px 9px 0 #071e2780,0 20px 50px #0004;animation:ob_boyut_katman 7s ease-in-out infinite alternate;z-index:6}
.ob_boyut_yuzen_parca>span{font:8px/1.6 Consolas,monospace;color:#a0c3c1;letter-spacing:1px;display:block}
.ob_boyut_parca_arayuz{width:175px;top:24px;right:13%;transform:rotate(9deg);z-index:1;background:#14383fc9}
.ob_boyut_parca_arayuz>b{position:absolute;right:16px;bottom:14px;font:17px Consolas,monospace;color:#ffb47c}
.ob_boyut_cizim{height:48px;margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:75%}
.ob_boyut_cizim>i{border:1px solid #6ef6d88c}.ob_boyut_cizim>i:first-child{grid-row:span 2;background:#40dcbe33}.ob_boyut_cizim>i:last-child{display:none}
.ob_boyut_parca_akis{right:11%;bottom:54px;width:295px;transform:rotate(-7deg);animation-delay:-3s}
.ob_boyut_akis_cizgisi{position:relative;display:flex;justify-content:space-between;margin:18px 0 4px;padding:0 10px}
.ob_boyut_akis_cizgisi:before{content:"";position:absolute;top:5px;left:10px;right:10px;height:1px;background:linear-gradient(90deg,#64f0d5,#ffac6b)}
.ob_boyut_akis_cizgisi>i{position:relative;width:11px;height:11px;background:#4be1bf;border:2px solid #133d43;outline:1px solid #56debf;rotate:45deg}
.ob_boyut_akis_cizgisi>i:nth-child(2){background:#ff9a52;outline-color:#ff9a52}
.ob_boyut_sahne_imzasi{position:absolute;bottom:-25px;left:12%;right:10%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #80cbbf33;padding-top:17px;font:12px/1.5 "Segoe UI",sans-serif;color:#8cb8b6;letter-spacing:1px}
.ob_boyut_sahne_imzasi i{font:25px/1 "Segoe UI",sans-serif;font-style:normal;color:#ffad6a}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik :is(.ob_kinetik_sahne,.ob_akis_sahnesi,.ob_sahne_dekoru,.ob_ag_gecidi,.ob_platform_karti,.ob_enerji_halkasi,.ob_enerji_izi,.ob_sahne_mimarisi,.ob_web_katmanlari,.ob_veri_yollari,.ob_dokunus_izi,.ob_hareket_etiketi,.ob_yorunge,.ob_sahne_sembolu,.ob_sahne_notu){display:none}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik :is(.ob_cihaz_web,.ob_cihaz_masaustu){width:540px;left:51%;right:auto;top:145px;bottom:auto;transform-origin:center}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik[data-ob-platform="web"] .ob_cihaz_web{transform:translateX(-50%) perspective(1400px) rotateY(-20deg) rotateZ(-8deg) scale(var(--ob_boyut_cihaz));animation:ob_boyut_cihaz 9s ease-in-out infinite alternate}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik[data-ob-platform="desktop"] .ob_cihaz_masaustu{transform:translateX(-50%) perspective(1400px) rotateY(15deg) rotateZ(7deg) scale(var(--ob_boyut_cihaz));animation:ob_boyut_cihaz 9s -4s ease-in-out infinite alternate}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_mobil{width:215px;left:54%;right:auto;top:66px;bottom:auto}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik[data-ob-platform="mobile"] .ob_cihaz_mobil{transform:translateX(-50%) perspective(1300px) rotateY(-20deg) rotateZ(10deg) scale(var(--ob_boyut_telefon));animation:ob_boyut_cihaz 8s ease-in-out infinite alternate}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik :is(.ob_web_kabuk,.ob_masaustu_kabuk){border:1px solid #92ffe0ad;border-radius:4px;box-shadow:12px 12px 0 #21635866,0 35px 90px #0008;background:#0e303b}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_ekran{height:310px;background:#123e47;color:#edfff6;padding:26px 30px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_baslik{background:#0c2833;padding:12px 15px;color:#8fbdc0;font-size:7px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_menu{font-size:28px;letter-spacing:-1px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_menu small{color:#84b9b8;font-size:5px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_etiket{color:#b7ccc2;font-size:6px;margin-top:26px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_slogan{font-size:44px;line-height:1.04;letter-spacing:-1.5px;margin-top:13px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_slogan em{color:#ffb16f}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_gorsel{transform:scale(1.35) rotate(-19deg);right:48px;top:102px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_gorsel>div{border-radius:0;clip-path:polygon(0 0,100% 13%,73% 100%,0 77%);background:linear-gradient(140deg,#97ffe4,#20b89f 65%,#106768)}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_gorsel>span{border-radius:0;clip-path:polygon(0 20%,67% 0,100% 70%,30% 100%)}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_gorsel>i{border-radius:0;transform:rotate(-32deg);height:48px;border-width:3px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_web_alt{color:#cbdfd3;bottom:18px;left:30px;right:30px;font-size:6px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_dizustu_taban{display:none}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_masaustu_icerik{height:300px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_masaustu_panel{padding:21px;background:#10383f}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_panel_ozetleri>div{border-radius:0;background:#1b4b4f;padding:14px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_panel_grafigi{background:#0b2c35;margin-top:17px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_telefon_kabuk{border-color:#8df8d7;box-shadow:10px 10px 0 #20564d80,0 35px 90px #0006}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_telefon_kart{border-radius:5px;background:linear-gradient(125deg,#ffd09d,#ff9848);box-shadow:6px 7px 0 #27665988}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_etiketi{font-size:7px;letter-spacing:1px;color:#82b7ad;margin-top:18px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_canli_kod{width:335px;left:-6%;right:auto;bottom:35px;transform:perspective(1400px) rotateY(12deg) rotateZ(7deg);z-index:7;background:#081f28f5;border:1px solid #79d6c288;border-top:2px solid #ffab68;box-shadow:9px 10px 0 #1b504d66;animation:ob_boyut_katman 8s -4s ease-in-out infinite alternate}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_kod_editoru{min-height:165px;font-size:9px;line-height:1.95;padding:17px 13px;gap:11px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_satir_numaralari{font-size:8px;line-height:2.2}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_kod_baslik{font-size:8px;padding:12px 13px;background:#153e46}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_kod_alt{font-size:7px;padding:10px 13px}
/* Eşit, köşeli kontrol plakaları. Numaraların dört kenarında da gerçek boşluk vardır. */
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_kontrolleri{left:var(--page);right:var(--page);bottom:105px;gap:30px;align-items:center}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_secenekleri{width:74%;max-width:1050px;border:0;gap:14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_dugmesi{min-height:92px;gap:18px;padding:22px 25px;border:1px solid #67cbb547;border-radius:0;background:#092a3288;transition:background .35s,transform .35s,border-color .35s}
html[data-ob-tasarim="ob_boyut"] .ob_platform_dugmesi:after{display:none}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_dugmesi.ob_etkin{border-color:#63efca;background:linear-gradient(120deg,#194e4d,#0a3039);box-shadow:5px 5px 0 #1a514b4d}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_dugmesi:hover{transform:translateY(-4px);border-color:#ffad6a}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_sirasi{font:27px/1 Consolas,monospace;letter-spacing:-1px;align-self:center;color:#679d9e}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_metni>b{font-size:16px;font-weight:650}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_metni>small{font-size:8px;line-height:1.5;letter-spacing:0;color:#8bb7b7}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_dugmesi>i{top:auto;bottom:0;left:0;right:0;background:#ffae73}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_ok,html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_duraklat{width:48px;height:48px;border-radius:0;border-color:#7cc7b65c;background:#0c3038}
html[data-ob-tasarim="ob_boyut"] .ob_slayt_durumu{font-size:8px;letter-spacing:.7px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .hero-bottom{bottom:25px;font-size:9px;letter-spacing:1px}
html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_ilerleme{bottom:80px}
/* Gezinme aynı mimariyi paylaşır, güçlü tipografi ve açık odak halkası kullanır. */
html[data-ob-tasarim="ob_boyut"] .ob_gezinme_basligi{background:linear-gradient(#05151df5,#05151d99);backdrop-filter:blur(15px)}
html[data-ob-tasarim="ob_boyut"] .ob_gezinme_cercevesi{border-bottom:1px solid #7fc4b83d}
html[data-ob-tasarim="ob_boyut"] .ob_ust_gezinme a{font-size:14px;font-weight:650;color:#b2cecb;padding:15px 17px}
html[data-ob-tasarim="ob_boyut"] .ob_ust_gezinme a.active{color:#ecfff6;border-color:#ffac67;background:linear-gradient(0deg,#ff9a5216,transparent)}
html[data-ob-tasarim="ob_boyut"] .ob_menu_dugmesi{background:#ff9a52;color:#112c2e;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-color:#ff9a52}
html[data-ob-tasarim="ob_boyut"] .ob_menu_cizgileri i{background:#153e3c}
html[data-ob-tasarim="ob_boyut"] .ob_mobil_gezinme{background:linear-gradient(125deg,#05191e 0 55%,#0d373e 55.1%);color:#effff4}
html[data-ob-tasarim="ob_boyut"] .ob_menu_bolum_metni strong{font-weight:650;color:#d8eeea;-webkit-text-stroke:0;letter-spacing:-.04em}
html[data-ob-tasarim="ob_boyut"] .ob_menu_bolumleri a.active strong{color:#ffb275}
html[data-ob-tasarim="ob_boyut"] .ob_menu_bolumleri a:hover strong,html[data-ob-tasarim="ob_boyut"] .ob_menu_bolumleri a:focus-visible strong{color:#68f1ce}
html[data-ob-tasarim="ob_boyut"] .ob_menu_bolum_oku{border-radius:0;background:#154740}
html[data-ob-tasarim="ob_boyut"] .ob_menu_kod_yuzeyi{border-radius:0;box-shadow:12px 14px 0 #ff9a521f}
/* Yeni koleksiyon kapağı; önceki kartların biçimi korunur. */
.ob_minik_ob_boyut{background:#08242b}
.ob_minik_ob_boyut>i{width:52%;height:60%;left:29%;top:28%;transform:rotate(-12deg) skewY(10deg);background:#1a635a80;border-color:#80f4d6;box-shadow:6px 7px 0 #0a322e}
.ob_minik_ob_boyut>i:nth-child(2){left:21%;top:16%;background:none;border-color:#ffab6b;transform:rotate(-12deg) skewY(10deg)}
.ob_minik_ob_boyut>i:nth-child(3){left:12%;top:5%;background:none;transform:rotate(-12deg) skewY(10deg);border-color:#64af9c}
.ob_minik_ob_boyut>b{font-size:38px;color:#b1ffe3}
/* Üç yeni arayüz maketi mevcut cihazların içinde; eski maketler diğer görünümlerde aynen kalır. */
html[data-ob-tasarim="ob_boyut"] :is(.ob_web_ekran,.ob_telefon_ekran,.ob_masaustu_icerik){position:relative}
html[data-ob-tasarim="ob_boyut"] :is(.ob_web_ekran,.ob_telefon_ekran,.ob_masaustu_icerik)>:not(.ob_boyut_ekrani){visibility:hidden}
html[data-ob-tasarim="ob_boyut"] .ob_boyut_ekrani{display:block;position:absolute;inset:0;z-index:3;text-align:left;font-family:"Segoe UI",sans-serif;letter-spacing:0;overflow:hidden;color:#edfff5}
.ob_boyut_ekran_web{background:#113e43;padding:24px 30px}
.ob_boyut_web_ustu{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #98dcc12e;padding-bottom:16px;font-size:22px;letter-spacing:-1px}
.ob_boyut_web_ustu b{font-weight:500}.ob_boyut_web_ustu b>span{color:#ffb880}.ob_boyut_web_ustu>span{font:7px Consolas,monospace;color:#96bdb5;letter-spacing:1px}
.ob_boyut_web_giris{position:relative;width:72%;z-index:2;margin-top:23px}
.ob_boyut_web_giris>small{font:6px Consolas,monospace;letter-spacing:1.8px;color:#92c6b9}
.ob_boyut_web_giris>strong{display:block;font-size:42px;line-height:1.07;letter-spacing:-1.8px;font-weight:550;margin:12px 0 16px;text-wrap:balance}
.ob_boyut_web_giris em{font:inherit;color:#ffd0a3;letter-spacing:inherit}
.ob_boyut_web_giris>span{font-size:8px;color:#aad7c9}
.ob_boyut_web_yapisi{position:absolute;right:25px;top:105px;width:140px;height:140px;transform:rotate(-20deg)}
.ob_boyut_web_yapisi>i{position:absolute;inset:0;border:1px solid #a4ffdf;transform:skewY(-15deg);background:linear-gradient(145deg,#6befce7a,#285f5633);box-shadow:6px 6px 0 #0c2f29}
.ob_boyut_web_yapisi>i:nth-child(2){inset:15px -15px -15px 15px;background:transparent;border-color:#ffbc82;transform:skewY(-15deg) translateZ(15px)}
.ob_boyut_web_yapisi>i:nth-child(3){inset:30px -30px -30px 30px;background:transparent;border-color:#6befce55}
.ob_boyut_web_yapisi>b{position:absolute;inset:0;display:grid;place-items:center;font:95px/1 "Segoe UI",sans-serif;color:#ffb981;font-weight:400}
.ob_boyut_web_alt{position:absolute;left:30px;right:30px;bottom:17px;display:flex;gap:8px;align-items:center;border-top:1px solid #a5ddc531;padding-top:12px}
.ob_boyut_web_alt>span{display:flex;gap:25px;font-size:9px;border:1px solid #9ed9c241;padding:7px 10px;color:#d9f6e8}
.ob_boyut_web_alt i{font-style:normal;color:#ffbd85}.ob_boyut_web_alt>small{font:5px Consolas,monospace;margin-left:auto;color:#7eaea5;letter-spacing:.6px}
.ob_boyut_ekran_mobile{background:#0e363d;padding:15px 15px 10px}
.ob_boyut_mobil_ustu{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.ob_boyut_mobil_ustu>b{font:700 26px/1 "Segoe UI",sans-serif}.ob_boyut_mobil_ustu b>span{color:#ffb880}.ob_boyut_mobil_ustu>span{color:#89f6d1;font-size:20px}
.ob_boyut_ekran_mobile>small{font:5px/1.4 Consolas,monospace;letter-spacing:1.1px;color:#91bcb1}
.ob_boyut_ekran_mobile>strong{display:block;font-size:33px;line-height:1.08;letter-spacing:-1.3px;font-weight:550;margin:9px 0 13px}
.ob_boyut_ekran_mobile>strong>em{font:inherit;letter-spacing:inherit;color:#ffbd87}
.ob_boyut_mobil_halka{position:relative;width:100%;height:82px;display:grid;place-items:center;background:#1b514b;border:1px solid #62c4a580;margin-bottom:12px;overflow:hidden}
.ob_boyut_mobil_halka>i{position:absolute;width:82px;height:82px;border:13px solid #ffad6a;transform:rotate(-25deg);left:26%;top:7px;box-shadow:5px 5px 0 #b25731}
.ob_boyut_mobil_halka>b{font:32px "Segoe UI",sans-serif;color:#052d2b;z-index:2;background:#80ebc2;width:48px;height:48px;display:grid;place-items:center}
.ob_boyut_mobil_halka>span{position:absolute;inset:10px;border:1px solid #a3f0d355}
.ob_boyut_mobil_adim{display:flex;gap:8px;align-items:center;border-top:1px solid #85bba744;padding-top:10px}
.ob_boyut_mobil_adim>b{font:18px Consolas,monospace;color:#7ce5c4}.ob_boyut_mobil_adim>span{font-size:8px;font-weight:600;flex:1}.ob_boyut_mobil_adim small{display:block;font:5px "Segoe UI",sans-serif;color:#92bbae;margin-top:4px}.ob_boyut_mobil_adim>i{font-style:normal;color:#ffbd85;font-size:16px}
.ob_boyut_mobil_menu{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8bc9b437;margin-top:12px;padding-top:8px;font-size:11px;color:#72b5a4}.ob_boyut_mobil_menu>i{font-style:normal;background:#ffb47b;color:#123c36;padding:5px 13px}
.ob_boyut_ekran_desktop{padding:16px 22px;background:#0e3037}
.ob_boyut_masaustu_ustu{display:flex;justify-content:space-between;align-items:center;font:7px Consolas,monospace;color:#8fb5b0;border-bottom:1px solid #88c5b130;padding-bottom:13px;margin-bottom:15px}
.ob_boyut_masaustu_ustu b{font-weight:500}.ob_boyut_masaustu_ustu b>span{color:#ffb67e}.ob_boyut_masaustu_ustu small{font-size:6px}
.ob_boyut_ekran_desktop>small{font:6px Consolas,monospace;letter-spacing:1.3px;color:#8eb8b0}
.ob_boyut_ekran_desktop>strong{display:block;font-size:29px;line-height:1.1;letter-spacing:-.8px;font-weight:550;margin:10px 0 16px}
.ob_boyut_ekran_desktop>strong em{font:inherit;letter-spacing:inherit;color:#ffbb81}
.ob_boyut_masaustu_akis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;position:relative}
.ob_boyut_masaustu_akis>div{position:relative;background:#1a4a49;border:1px solid #64c4a666;padding:12px;min-height:94px;box-shadow:3px 3px 0 #0b252a}
.ob_boyut_masaustu_akis>div:first-child{border-color:#ffb77966;background:#6b4b2e55}
.ob_boyut_masaustu_akis small{font:6px Consolas,monospace;color:#87c3ae}.ob_boyut_masaustu_akis b{display:block;font-size:14px;margin:6px 0 11px;font-weight:500}.ob_boyut_masaustu_akis span{position:absolute;right:-12px;top:45px;width:12px;height:1px;background:#ffb779}.ob_boyut_masaustu_akis>div:last-child span{display:none}
.ob_boyut_masaustu_akis i{display:block;height:2px;background:#7cc0a570;width:75%;margin-top:5px}.ob_boyut_masaustu_akis i:last-child{width:45%;background:#ffad6a70}
.ob_boyut_masaustu_alt{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:6px;color:#a6cbbd}.ob_boyut_masaustu_alt>span{display:flex;align-items:center;gap:6px}.ob_boyut_masaustu_alt i{display:block;width:4px;height:4px;background:#ffac6a;rotate:45deg}.ob_boyut_masaustu_alt>small{font:5px Consolas,monospace;color:#7aa99f}
@keyframes ob_boyut_kristal{from{transform:translateY(-9px) rotate(-2deg)}to{transform:translateY(9px) rotate(2deg)}}
@keyframes ob_boyut_akim{to{stroke-dashoffset:-1930}}
@keyframes ob_boyut_kesit{from{translate:-8px -12px}to{translate:9px 13px}}
@keyframes ob_boyut_parca{from{translate:0 -14px;rotate:-3deg}to{translate:0 14px;rotate:3deg}}
@keyframes ob_boyut_isaret{from{opacity:.35}to{opacity:.85}}
@keyframes ob_boyut_katman{from{translate:0 -8px}to{translate:0 8px}}
@keyframes ob_boyut_cihaz{from{translate:0 -10px;rotate:-1deg}to{translate:0 10px;rotate:1deg}}
@media(min-width:761px) and (max-height:950px){
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik{min-height:990px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni{top:230px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_sahnesi{top:190px;height:610px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni .ob_slayt_basligi{font-size:clamp(50px,4.8vw,72px)}
}
@media(min-width:1101px) and (max-width:1450px){
 html[data-ob-tasarim="ob_boyut"] .ob_gezinme_cercevesi{gap:18px}
 html[data-ob-tasarim="ob_boyut"] .ob_ust_gezinme a{font-size:12px;padding-inline:12px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik{--ob_boyut_cihaz:.84;--ob_boyut_telefon:.98}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_canli_kod{width:250px;left:-4%;bottom:20px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_kod_editoru{font-size:8px;min-height:145px;padding:14px 11px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_dugmesi{padding:20px;gap:13px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_metni>small{font-size:7px}
 .ob_boyut_parca_akis{width:250px;right:8%}
}
@media(max-width:1100px) and (min-width:761px){
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik{min-height:1320px;max-height:none;--ob_boyut_cihaz:.96;--ob_boyut_telefon:1.1}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni{top:210px;width:calc(100% - var(--page)*2);max-width:850px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni .ob_slayt_basligi{display:flex;flex-wrap:wrap;column-gap:15px;font-size:54px;line-height:1.1;margin:24px 0}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni .ob_slayt_basligi .ob_baslik_satiri:first-child{flex-basis:100%;font-size:20px;margin-bottom:18px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni>p{max-width:660px;font-size:16px}
 html[data-ob-tasarim="ob_boyut"] .ob_slayt_hizmetleri{display:none}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_sahnesi{top:605px;height:530px;width:100%;left:0;right:0;max-width:none;transform:none}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_web,html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_masaustu{top:100px;left:57%}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_mobil{left:58%;top:20px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_canli_kod{width:290px;bottom:25px;left:6%}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_kontrolleri{bottom:100px;gap:18px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_secenekleri{width:76%;gap:8px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_dugmesi{padding:20px 15px;gap:12px;min-height:82px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_metni>b{font-size:14px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_metni>small{display:none}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_sayaci{display:none}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_ok,html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_duraklat{width:44px;height:44px}
 .ob_boyut_mimari{inset:-12% 4%;width:92%;height:120%}.ob_boyut_parca_arayuz{right:17%;top:5px}.ob_boyut_parca_akis{right:11%;bottom:28px;width:250px}.ob_boyut_sahne_imzasi{bottom:-4px}
}
@media(max-width:760px){
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik{height:auto;min-height:1450px;max-height:none;--ob_boyut_cihaz:.6;--ob_boyut_telefon:.83;background:radial-gradient(ellipse at 70% 55%,#1362604f,transparent 50%),#05151d}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_yazilim_kimligi{top:120px;font-size:8px;letter-spacing:.3px;gap:8px}
 html[data-ob-tasarim="ob_boyut"] .ob_kimlik_konum{display:none}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni{top:182px;left:var(--page);width:calc(100% - var(--page)*2);max-width:none;transform:none}
 html[data-ob-tasarim="ob_boyut"] .ob_slayt_etiketi{font-size:8px;letter-spacing:.4px;gap:10px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni .ob_slayt_basligi{display:block;font-size:46px;letter-spacing:-1.8px;line-height:1.14;margin:24px 0 25px;text-wrap:balance}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni .ob_slayt_basligi .ob_baslik_satiri:first-child{font-size:18px;letter-spacing:2.5px;margin-bottom:19px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni>p{font-size:15px;line-height:1.8;max-width:none}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_eylemleri{margin-top:25px;gap:20px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_eylemleri .button{font-size:12px;padding:17px 18px;gap:20px;min-height:54px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .text-link{font-size:12px;gap:10px}
 html[data-ob-tasarim="ob_boyut"] .ob_slayt_hizmetleri{display:none}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_sahnesi{top:700px;height:490px;width:100%;max-width:none;left:0;right:0;transform:none}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_web,html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_masaustu{left:54%;top:120px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_mobil{left:57%;top:44px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_canli_kod{width:225px;left:7%;bottom:35px;transform:perspective(1400px) rotateY(8deg) rotateZ(6deg)}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_kod_editoru{font-size:6px;min-height:110px;padding:11px 9px;gap:7px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_satir_numaralari{font-size:5px;line-height:2.35}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_kod_baslik{font-size:5.5px;padding:8px 9px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_kod_alt{font-size:5px;padding:7px 9px}
 .ob_boyut_mimari{inset:-7% -20%;width:140%;height:110%}.ob_boyut_parca_arayuz{width:130px;right:12%;top:35px;padding:12px}.ob_boyut_cizim{height:34px}.ob_boyut_parca_arayuz>b{font-size:13px}.ob_boyut_parca_akis{display:none}.ob_boyut_sahne_imzasi{font-size:9px;bottom:0;left:var(--page);right:var(--page);letter-spacing:.4px}.ob_boyut_ayrik_katmanlar{width:80%;left:15%;top:28%;height:36%}
 [data-ob-platform="mobile"] .ob_boyut_ayrik_katmanlar{height:57%;width:37%;left:45%;top:13%}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_fon{top:760px;font-size:280px;opacity:.5}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_kontrolleri{bottom:100px;left:var(--page);right:var(--page);display:flex;flex-direction:column;gap:30px;align-items:stretch}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_secenekleri{width:100%;gap:7px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_dugmesi{min-height:76px;padding:14px 11px;gap:9px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_sirasi{font-size:18px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_dugmesi>svg{width:15px;height:15px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_metni{flex-basis:100%}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_metni>b{font-size:12px;line-height:1.4}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_metni>small{display:none}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_gezinme{justify-content:flex-end;gap:10px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_durumu{left:0;right:auto;top:17px;font-size:7px;letter-spacing:.2px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_sayaci{display:none}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_ok,html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_duraklat{width:44px;height:44px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .hero-bottom{font-size:8px;letter-spacing:.2px;bottom:27px}
 html[data-ob-tasarim="ob_boyut"] .ob_acilis_alt_not{display:none}
 html[data-ob-tasarim="ob_boyut"] .ob_gezinme_basligi{backdrop-filter:none}
}
@media(max-width:380px){
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik{min-height:1530px;--ob_boyut_cihaz:.5;--ob_boyut_telefon:.75}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni .ob_slayt_basligi{font-size:39px;letter-spacing:-1.2px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_metni>p{font-size:14px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_eylemleri{gap:17px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_slayt_eylemleri .button{font-size:11px;padding:16px;gap:15px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .text-link{font-size:11px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_cihaz_sahnesi{top:750px;height:490px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_canli_kod{width:205px;bottom:40px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_dugmesi{padding:13px 10px;gap:8px}
 html[data-ob-tasarim="ob_boyut"] .ob_sinematik .ob_platform_metni>b{font-size:10.5px}
 .ob_boyut_parca_arayuz{right:12%;top:44px;width:115px}.ob_boyut_mimari{inset:-2% -23%;width:146%;height:105%}
}
/* Menü, ekran dışı ve sekme görünmezliğinde tek mevcut denetleyici yeni hareketleri de durdurur. */
.ob_sahne_duruk .ob_boyut_sahnesi *{animation-play-state:paused!important}
html[data-ob-tasarim="ob_boyut"] .ob_sahne_duruk :is(.ob_cihaz,.ob_canli_kod){animation-play-state:paused!important}
.ob_hareket_kapali .ob_boyut_sahnesi *,.effects-off .ob_boyut_sahnesi *{animation:none!important;transition:none!important;translate:none!important;rotate:none!important}
html[data-ob-tasarim="ob_boyut"] .ob_hareket_kapali :is(.ob_cihaz,.ob_canli_kod){animation:none!important;translate:none!important;rotate:none!important}
@media(prefers-reduced-motion:reduce){.ob_boyut_sahnesi *{animation:none!important;transition:none!important;translate:none!important;rotate:none!important}html[data-ob-tasarim="ob_boyut"] .ob_sinematik *{animation:none!important;transition:none!important;translate:none!important;rotate:none!important}}
