@charset "UTF-8";
/* Alt bölümlerin yerleşim ve etkileşimi. Palet ob_tema.css kaynağını izler. */
.ob_platform_bandi{background:#102c3a;color:#c1dfe6;padding:25px var(--page);gap:18px;border-color:#54d7d236;font-size:9px;letter-spacing:1.5px}
.ob_platform_bandi>span{display:flex!important;align-items:center;gap:12px}.ob_platform_bandi svg{width:19px;height:19px;color:var(--ob_turkuaz)}.ob_platform_bandi>i{height:5px;width:5px;background:var(--ob_turuncu);rotate:45deg;flex-shrink:0}.ob_platform_bandi>a{display:flex;align-items:center;gap:20px;margin-left:20px;color:#ffa55f;font-size:8px}.ob_platform_bandi>a svg{color:inherit;width:16px}
.ob_bolum{position:relative;isolation:isolate;overflow:clip;padding:100px var(--page) 110px;background:#081622;border-top:1px solid #73c6d21a}
.ob_bolum:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(126deg,transparent 48%,#1b58651a 48.1% 78%,transparent 78.1%)}
.ob_bolum:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#84c9d106 1px,transparent 1px),linear-gradient(90deg,#84c9d106 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}
.ob_bolum_numarasi{position:absolute;top:65px;right:var(--page);font:700 clamp(180px,19vw,310px)/1 "Segoe UI",sans-serif;letter-spacing:-18px;color:transparent;-webkit-text-stroke:1px #68c9d01a;z-index:-1;pointer-events:none}
.ob_bolum .section-label{font:9px/1.5 Consolas,monospace;letter-spacing:1.5px;padding-bottom:25px;margin-bottom:50px;border-color:#7ec2cd30;gap:20px}.ob_bolum .section-label>span:first-child{color:#48e5d2}.ob_bolum .section-label>span:last-child{color:#729bab}
.ob_bolum h2{font:650 clamp(42px,4.7vw,72px)/1.05 "Segoe UI",Arial,sans-serif;letter-spacing:-3px}.ob_bolum h2 em{font:inherit;letter-spacing:inherit;color:#ff9b50;font-style:normal}.ob_bolum .section-heading{margin-bottom:38px;align-items:flex-end}.ob_bolum .section-heading>p,.ob_bolum .notes-side{font-size:13px;line-height:1.8;color:#9bb9c7}
.ob_kucuk_baslik{display:flex;align-items:center;gap:12px;font:9px/1.5 Consolas,monospace;letter-spacing:1.6px;color:#7fa8b8;margin-bottom:26px}.ob_kucuk_baslik>i{height:2px;width:28px;background:#ff9b50}
.ob_cizgili_baglanti{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;font-weight:550;padding:14px 0;border-bottom:1px solid #4adbd361;color:#d5f8f4;transition:color .25s,gap .25s}.ob_cizgili_baglanti svg{width:18px;color:#ff9b50;transition:transform .3s}.ob_cizgili_baglanti:hover{color:#ffae6b;gap:32px}.ob_cizgili_baglanti:hover svg{transform:translate(3px,-3px)}
.ob_etiketler{display:flex;flex-wrap:wrap;gap:7px}.ob_etiketler>span{font-size:9px;line-height:1.4;color:#8fc7d0;background:#163f4c80;border:1px solid #53bfcd2b;padding:7px 9px}
/* Hakkımda / platform mimarisi. */
.ob_bolum .about-grid{grid-template-columns:.95fr 1.05fr;gap:7%;align-items:center}.ob_hakkimda_metni{max-width:510px}.ob_hakkimda_metni>p{font-size:13px;color:#9cb7c5;line-height:1.9;max-width:435px}.ob_hakkimda_metni .ob_hakkimda_giris{font-size:21px;color:#d8edf0;margin:30px 0 15px;letter-spacing:-.4px}.ob_hakkimda_metni .ob_cizgili_baglanti{margin-top:9px}
.ob_yetenek_paneli{position:relative;border:1px solid #62dace4d;background:linear-gradient(140deg,#143744,#0a202e);box-shadow:12px 12px 0 #14364359;min-width:0}.ob_yetenek_paneli:before{content:"";position:absolute;right:-1px;top:-1px;width:26px;height:26px;background:linear-gradient(45deg,transparent 48%,#6be0d8 49% 52%,#081622 53%);pointer-events:none;z-index:2}
.ob_panel_kunyesi{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #69baca29;font:8px Consolas,monospace;letter-spacing:1.5px;color:#87b8c6}.ob_panel_kunyesi>span:last-child{color:#ff9b50;font-size:17px;padding-right:10px}
.ob_yetenek_sekmeleri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 18px 0;gap:7px}.ob_yetenek_sekmeleri button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 10px;min-width:0;background:#0b2231;color:#92b6c4;border:1px solid #73bece24;font-size:11px;transition:background .25s,color .25s}.ob_yetenek_sekmeleri svg{width:18px;height:18px;flex-shrink:0}.ob_yetenek_sekmeleri button[aria-selected="true"]{background:#1b4a57;border-color:#50ded26b;color:#66f2dc}.ob_yetenek_sekmeleri button:hover{background:#215363;color:#e4f8f5}
.ob_yetenek_icerigi{animation:ob_panel_belirme .55s cubic-bezier(.16,1,.3,1)}.ob_yetenek_mimarisi{position:relative;height:240px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#27c9c11a,transparent 65%)}
.ob_yetenek_prizmasi{position:absolute;width:92%;height:100%;left:4%;top:0;overflow:visible;stroke:#42e6d497;stroke-width:1;fill:#28b5b90b;animation:ob_yuzey_suzulmesi 7s ease-in-out infinite alternate;animation-play-state:paused}.ob_yetenek_prizmasi path:nth-child(2){fill:#40e7d51a;stroke:#4aedd5}.ob_yetenek_prizmasi path:nth-child(3){fill:#06313d6b;stroke:#50bac83b}.ob_yetenek_prizmasi .ob_yetenek_kenari{stroke:#ff9b50;stroke-width:4;fill:none;stroke-dasharray:130 300;animation:ob_kose_akimi 12s linear infinite;animation-play-state:paused}
.ob_yetenek_cihazi{position:absolute;left:50%;top:26%;width:110px;height:100px;display:grid;place-items:center;transform:translateX(-50%) perspective(700px) rotateY(-24deg) rotateZ(-9deg);background:linear-gradient(135deg,#265464,#0d2839);box-shadow:7px 8px 0 #0c1e2b;border:1px solid #65dace88;color:#d8fff7}.ob_yetenek_cihazi>svg{width:65px;height:65px;stroke-width:1}.ob_yetenek_sira{position:absolute;left:8%;top:30%;font:500 42px/1 Consolas,monospace;color:#76cad32b}.ob_yetenek_adi{position:absolute;right:7%;bottom:26px;font:9px Consolas,monospace;letter-spacing:3px;color:#8ab9c6;text-transform:uppercase}
.ob_yetenek_detayi{padding:0 30px 28px}.ob_yetenek_detayi>small{font:8px Consolas,monospace;letter-spacing:1.3px;color:#ffae6b}.ob_yetenek_detayi h3{font-size:24px;font-weight:550;line-height:1.2;letter-spacing:-.8px;color:#e5f7f9;margin:12px 0}.ob_yetenek_detayi p{font-size:12px;line-height:1.85;color:#a4c0cd;min-height:67px;margin:0 0 19px}.ob_yetenek_detayi .ob_cizgili_baglanti{margin-top:14px;font-size:11px;width:100%}
/* Proje vitrini / açılı keşif panelleri. */
.ob_bolum.projects-section{background:#0a1d2a}.ob_bolum.projects-section:before{background:linear-gradient(155deg,transparent 38%,#1f6f7412 38.1% 67%,transparent 67.1%)}
.ob_vitrin_araclari{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 26px}.ob_vitrin_araclari .project-filters{margin:0;gap:8px}.ob_vitrin_araclari .filter{padding:13px 18px;min-height:44px;border:1px solid #73bacc32;color:#99bfcc;font-size:10px;background:#0b2635;transition:background .25s,color .25s}.ob_vitrin_araclari .filter.active{background:#24535c;color:#78f8dd;border-color:#43d2c273;box-shadow:inset 0 -2px #ff9b50}.ob_vitrin_araclari .filter:hover{background:#244c59;color:#dffaf5}.ob_vitrin_araclari>p{font:8px Consolas,monospace;letter-spacing:1.3px;color:#7ca4b6;white-space:nowrap}
.ob_bolum .project-grid{gap:22px}.ob_bolum .project-card{background:#0d2a39;border:1px solid #6dc1c138;position:relative;overflow:hidden;transition:border-color .3s,translate .45s,box-shadow .45s;text-align:left;box-shadow:6px 6px 0 #07172355}.ob_bolum .project-card:before{content:"";position:absolute;right:-1px;top:-1px;width:22px;height:22px;z-index:4;background:linear-gradient(45deg,transparent 49%,#64c7c56b 50% 53%,#0a1d2a 54%);pointer-events:none}.ob_bolum .project-card:hover,.ob_bolum .project-card:focus-visible{translate:0 -8px;border-color:#4ce7d6a6;box-shadow:9px 14px 0 #07172355}
.ob_bolum .project-art{height:330px;overflow:hidden;transform:none!important;border-radius:0;border-bottom:1px solid #72c3cd3d;isolation:isolate}.ob_bolum .project-art:before{content:"";position:absolute;inset:24% -35% 4% 5%;background:linear-gradient(135deg,#45d9c81f,#157a9526);border:1px solid #3bd9ce40;transform:rotate(-24deg) skewX(20deg);z-index:-1;transition:transform .8s cubic-bezier(.16,1,.3,1)}.ob_bolum .project-card:hover .project-art:before,.ob_bolum .project-card:focus-visible .project-art:before{transform:rotate(-14deg) skewX(20deg) translateY(-15px)}
.ob_bolum .concept-label{font:8px Consolas,monospace;letter-spacing:1.3px;color:#7fb9c6;left:20px;top:23px}.ob_bolum .project-open{width:31px;height:31px;top:17px;right:22px;border:1px solid #6cbbb55e;background:#174657;color:#70ebd7;transition:background .3s,color .3s,rotate .3s}.ob_bolum .project-card:hover .project-open{background:#ff9b50;color:#14232e;rotate:45deg}.ob_bolum .project-card:focus-visible{outline-offset:-5px}
.ob_proje_kesif{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #5ab4c329;font:7px Consolas,monospace;letter-spacing:1px;color:#729eaf}.ob_proje_kesif>span:last-child{display:flex;align-items:center;gap:10px;color:#ffae6b}.ob_proje_kesif svg{width:14px;height:14px}.ob_bolum .project-info{padding:20px;gap:12px;align-items:flex-start}.ob_bolum .project-info h3{font-size:28px;font-weight:550;color:#e5f5f7;letter-spacing:-1px}.ob_bolum .project-info p{font-size:11px;max-width:220px;color:#8eb2c3;line-height:1.7}.ob_bolum .project-info>span{font:6px/1.8 Consolas,monospace;letter-spacing:1px;max-width:70px;white-space:normal;text-align:right;color:#74a6b9}.ob_bolum .sample-note{display:flex;align-items:flex-start;gap:10px;font-size:10px;color:#83a9b9;margin-top:26px}.ob_bolum .sample-note>span{color:#ffae6b}
.ob_bolum .dashboard-demo{inset:65px 22px 24px;border-radius:0;background:#0b2030;border-color:#53d5cb58;transform:perspective(900px) rotateY(-14deg) rotateZ(-5deg);box-shadow:6px 7px 0 #1c4d5b55;transition:transform .7s cubic-bezier(.16,1,.3,1)}.ob_bolum .project-card:hover .dashboard-demo{transform:perspective(900px) rotateY(-7deg) rotateZ(-2deg) translateY(-5px)}.ob_bolum .dash-sidebar{background:#153746;border-color:#49afbb28}.ob_bolum .dash-sidebar b{color:#ffae6b}.ob_bolum .dash-sidebar i:nth-child(2){background:#2ddfcb;border-color:#2ddfcb}.ob_bolum .dash-stats>div,.ob_bolum .dash-chart{background:#133140;border-radius:0;color:#dbf8f4}.ob_bolum .dash-stats em{color:#47e1c7}.ob_bolum .dash-chart path[stroke]{stroke:#41e3cc}.ob_bolum .dash-chart path[fill]{fill:#41e3cc15}.ob_bolum .dash-chart>span{color:#9cc4cd}
.ob_bolum .store-demo{inset:65px 22px 24px;background:#ebede5;border-radius:0;transform:perspective(900px) rotateY(-14deg) rotateZ(-5deg);box-shadow:7px 8px 0 #7e481f44;transition:transform .7s cubic-bezier(.16,1,.3,1);color:#24383c}.ob_bolum .project-card:hover .store-demo{transform:perspective(900px) rotateY(-7deg) rotateZ(-2deg) translateY(-5px)}.ob_bolum .store-heading em{color:#438d89}.ob_bolum .store-products>div>span{background:#d2ddd8}.ob_bolum .product-lamp:before{background:#177b7d}.ob_bolum .product-lamp:after{background:#236e75}.ob_bolum .art-store:before{background:linear-gradient(135deg,#ffac6626,#a6472729);border-color:#ff9b505e}.ob_bolum .art-store .concept-label{color:#c88d69}.ob_bolum .art-store .project-open{background:#4f3d30;color:#ffc090;border-color:#f6a46855}
.ob_bolum .ob_mobil_ornek_telefon{border-radius:14px;transform:rotate(8deg);border-color:#5bbdbf75;background:#0d2b3a;box-shadow:6px 8px 0 #123744;transition:transform .7s}.ob_bolum .project-card:hover .ob_mobil_ornek_telefon{transform:rotate(3deg) translateY(-7px)}.ob_bolum .ob_mobil_odak{border-radius:0;background:#36ceb8;color:#09232b}.ob_bolum .ob_mobil_ornek_metni strong em{font-style:normal;font-family:inherit;color:#ffae6b}.ob_bolum .ob_mobil_ornek_metni>small{color:#6ec9cc}
/* Süreç / seçilebilir adımlar. */
.ob_surec_bolumu{background:linear-gradient(120deg,#103746,#0a2434);text-align:left;padding-top:85px;padding-bottom:85px;border-color:#69d5d43d}.ob_surec_bolumu:before{background:linear-gradient(130deg,transparent 50%,#34d5c40b 50.1% 80%,transparent 80.1%)}.ob_surec_girisi{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:40px}.ob_surec_girisi h2{font-size:clamp(42px,4.3vw,64px)}.ob_surec_girisi .ob_kucuk_baslik{margin-bottom:20px}.ob_surec_cizimi{width:43%;height:210px;position:relative;align-self:flex-end;min-width:0}.ob_surec_cizimi>svg{width:100%;height:100%;stroke:#4bd6c66b;fill:#37cbbb0a;stroke-width:1;overflow:visible}.ob_surec_cizimi>svg path:nth-child(3){fill:#e7803620;stroke:#ffae6b88}.ob_surec_isigi{stroke:#ffae6b;stroke-width:3;stroke-dasharray:100 250;animation:ob_kose_akimi 15s linear infinite;animation-play-state:paused}.ob_surec_cizimi>span{position:absolute;font:7px Consolas,monospace;color:#8fc6cd;letter-spacing:1.5px;bottom:-10px;left:12%}.ob_surec_cizimi>span:nth-last-child(2){left:47%;bottom:22px}.ob_surec_cizimi>span:last-child{left:80%;bottom:55px;color:#ffae6b}
.ob_surec_sekmeleri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ob_surec_sekmeleri>button{display:flex;align-items:center;gap:18px;padding:22px;background:#0b2535;border:1px solid #6fc2c039;text-align:left;min-height:104px;transition:background .3s,border-color .3s;position:relative;min-width:0}.ob_surec_sekmeleri>button[aria-selected="true"]{background:#20515c;border-color:#6ce0cf8a}.ob_surec_sekmeleri>button[aria-selected="true"]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#ff9b50}.ob_surec_sekmeleri>button:hover{background:#214b59}.ob_surec_sekmeleri>button>span{font:500 35px/1 Consolas,monospace;color:#527b8f;letter-spacing:-3px}.ob_surec_sekmeleri>button[aria-selected="true"]>span{color:#ffae6b}.ob_surec_sekmeleri small{font:8px Consolas,monospace;letter-spacing:1.5px;color:#7acac9}.ob_surec_sekmeleri strong{display:block;font-size:13px;font-weight:500;color:#d9f0f1;margin-top:8px;line-height:1.5}.ob_surec_sekmeleri>button>i{margin-left:auto;color:#78c5c8;font-style:normal}.ob_surec_sekmeleri svg{width:16px}
.ob_adim_icerigi{display:grid;grid-template-columns:.9fr 1.4fr auto;align-items:center;gap:35px;padding:30px 0 0;min-height:125px;animation:ob_panel_belirme .5s cubic-bezier(.16,1,.3,1)}.ob_adim_icerigi h3{font-size:21px;font-weight:550;letter-spacing:-.5px;color:#e5f4f5;margin:0}.ob_adim_icerigi p{font-size:12px;line-height:1.8;margin:0;color:#9abecb;letter-spacing:0}.ob_adim_icerigi .ob_etiketler{max-width:170px;justify-content:flex-end}.ob_adim_icerigi .ob_etiketler>span{color:#9edbd9;background:#1d4955}
/* Notlar / klavyeyle açılabilir keşif kartları. */
.ob_bolum .notes-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}.ob_bolum .note-row{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:26px;background:#0d2938;border:1px solid #6cc3c03b;min-height:340px;position:relative;overflow:hidden;transition:translate .4s,border-color .4s,background .4s;text-align:left}.ob_bolum .note-row:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 68%,#1f716c13 68.1%);pointer-events:none}.ob_bolum .note-row:hover,.ob_bolum .note-row:focus-visible{translate:0 -6px;border-color:#5be3cd8a;background:#123847;outline-offset:-5px;padding:26px}.ob_not_ust{display:flex;align-items:center;gap:20px}.ob_bolum .note-number{font:13px Consolas,monospace;color:#ff9b50;min-width:0}.ob_bolum .note-category{font:8px/1.5 Consolas,monospace;letter-spacing:1px;color:#87b7c4}.ob_not_sembolu{display:block;font:38px/1 Consolas,monospace;color:#64d7c344;margin-top:35px;letter-spacing:-2px;transition:color .4s,translate .4s}.note-row:hover .ob_not_sembolu{color:#63ecd1;translate:5px 0}.ob_bolum .note-row h3{font-size:24px;line-height:1.25;font-weight:550;letter-spacing:-.7px;margin:24px 0 32px;color:#e5f4f7;min-height:60px;max-width:280px}.ob_not_alti{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;border-top:1px solid #4e9caf38}.ob_bolum .reading-time{display:block;margin:0;font:7px Consolas,monospace;letter-spacing:1px;color:#789fad}.ob_not_alti>span:last-child{display:flex;align-items:center;gap:12px;font:7px Consolas,monospace;letter-spacing:1px;color:#a6d2d7}.ob_bolum .note-arrow{border-radius:0;width:30px;height:30px;margin:0;color:#ffae6b;border-color:#82b8ba3b}.ob_bolum .note-arrow svg{width:15px;height:15px}
/* İletişim / tek form, mevcut veri akışı. */
.ob_bolum.contact-section{background:linear-gradient(115deg,#0b2030,#0c2b38);padding-bottom:90px}.ob_bolum .contact-grid{grid-template-columns:.9fr 1.1fr;gap:8%;align-items:start}.ob_iletisim_isareti{position:relative;display:grid;place-items:center;width:82px;height:73px;background:#153e4d;border:1px solid #4bcbbd6b;font:30px Consolas,monospace;color:#56ead2;transform:skewY(-7deg);box-shadow:6px 8px 0 #ff9b5017;margin:12px 0 35px}.ob_iletisim_isareti>i{position:absolute;width:16px;height:16px;right:-8px;top:-8px;background:#ff9b50}.ob_bolum .contact-intro>p{color:#9bb9c7;font-size:14px;line-height:1.85;margin-top:26px}.ob_bolum .contact-location{color:#8bb9c9;flex-wrap:wrap;margin-top:25px;font-size:11px}.ob_bolum .contact-location>span{color:#6e9cac}.ob_bolum .contact-location svg{color:#47dfcc}.ob_iletisim_adimlari{display:grid;gap:17px;margin-top:40px;padding-top:26px;border-top:1px solid #67bac532;max-width:360px}.ob_iletisim_adimlari>span{font-size:12px;color:#99bccb;display:flex;align-items:center;gap:18px}.ob_iletisim_adimlari b{font:11px Consolas,monospace;color:#ffae6b}
.ob_iletisim_paneli{padding:28px;background:#0b2433;border:1px solid #5fc9c04f;box-shadow:10px 10px 0 #07172355;position:relative}.ob_iletisim_paneli:before{content:"";position:absolute;top:-1px;right:-1px;height:20px;width:20px;background:linear-gradient(45deg,transparent 48%,#58d8cd 49% 52%,#0c2b38 53%);pointer-events:none}.ob_form_basligi{display:flex;justify-content:space-between;align-items:center;gap:16px;font:7px Consolas,monospace;letter-spacing:1.4px;color:#629cac;border-bottom:1px solid #67b8bd38;padding-bottom:22px;margin-bottom:24px}.ob_form_basligi>span:first-child{color:#89e6d7;display:flex;align-items:center;gap:9px}.ob_form_basligi i{width:5px;height:5px;rotate:45deg;background:#ff9b50}.ob_form_platformlari{margin-bottom:27px}.ob_form_platformlari>span{font-size:11px;color:#c4dde5;display:block;margin-bottom:12px}.ob_form_platformlari>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ob_form_platformlari button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 8px;min-width:0;font-size:10px;background:#103442;border:1px solid #63b5c23b;color:#9ac5cf;transition:background .25s,border-color .25s}.ob_form_platformlari button svg{width:16px;height:16px;flex-shrink:0}.ob_form_platformlari button[aria-pressed="true"]{background:#24535b;border-color:#51dbca;color:#9af5df;box-shadow:inset 0 -2px #ff9b50}.ob_form_platformlari button:hover{background:#204856}.ob_form_platformlari>small{display:block;color:#699cac;font-size:9px;line-height:1.6;margin-top:10px;min-height:15px}
.ob_iletisim_paneli .field{gap:9px;margin-bottom:20px}.ob_iletisim_paneli .field label{color:#bad5df;font-size:11px}.ob_iletisim_paneli .field label>span{color:#ffae6b}.ob_iletisim_paneli .field input,.ob_iletisim_paneli .field select,.ob_iletisim_paneli .field textarea{background:#0b1e2d;border-color:#5f9fb23d;padding:14px;color:#d7edf0;font-size:12px;line-height:1.5}.ob_iletisim_paneli .field input::placeholder,.ob_iletisim_paneli .field textarea::placeholder{color:#5f8598}.ob_iletisim_paneli .field.ob_dolu label{color:#79d8c9}.ob_iletisim_paneli .field input:focus,.ob_iletisim_paneli .field select:focus,.ob_iletisim_paneli .field textarea:focus{border-color:#51dfcc;outline:2px solid #51dfcc55;outline-offset:2px}.ob_iletisim_paneli .field textarea{min-height:140px;resize:vertical}.ob_iletisim_paneli .consent{font-size:10px;color:#86adbe;line-height:1.7}.ob_iletisim_paneli .consent input{accent-color:#35ddc4;width:15px;height:15px;margin-top:2px}.ob_iletisim_paneli .privacy-link{font-size:10px;color:#a5d8d7;border-color:#5ab6b0}
.ob_form_hazirlik{display:flex;align-items:center;gap:25px;padding-top:24px}.ob_form_hazirlik>span{font:7px Consolas,monospace;letter-spacing:1.2px;color:#6e9eac;white-space:nowrap}.ob_form_hazirlik>progress{appearance:none;display:block;width:100%;height:3px;border:0;background:#1b4552;color:#47e7cd}.ob_form_hazirlik>progress::-webkit-progress-bar{background:#1b4552}.ob_form_hazirlik>progress::-webkit-progress-value{background:#47e7cd;transition:width .3s}.ob_form_hazirlik>progress::-moz-progress-bar{background:#47e7cd}.ob_iletisim_paneli .form-end{margin-top:23px;gap:12px}.ob_iletisim_paneli .form-end>span{font-size:9px;line-height:1.6;color:#7a9cac;max-width:150px}.ob_iletisim_paneli .button-primary{border-radius:0;box-shadow:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));gap:18px;padding:17px 20px;color:#231a12}.ob_iletisim_paneli .button-primary:focus-visible{outline-offset:-4px}.ob_iletisim_paneli .button-primary:disabled{opacity:.65;cursor:wait}.ob_iletisim_paneli .form-status{margin-top:15px;min-height:0;font-size:12px}.ob_iletisim_paneli .form-status:empty{display:none}
.ob_alt_bilgi{background:#07131f;border-top:1px solid #66bec733;padding-top:32px;padding-bottom:32px}.ob_alt_bilgi .brand-dot{color:#ff9b50}.ob_alt_bilgi p{font:8px/1.7 Consolas,monospace;letter-spacing:1.4px;color:#5f8e9e}.ob_alt_bilgi>div{color:#6e9ead}.ob_alt_bilgi>div>a{border-radius:0;width:42px;height:42px;color:#ffae6b;background:#123543;border-color:#4c8b9e66;transition:background .3s}.ob_alt_bilgi>div>a:hover{background:#24535d}
/* Detay pencerelerinin mevcut odak ve kapatma davranışı korunur. */
#detail-dialog{border:1px solid #61d5c75c;border-radius:0;background:linear-gradient(130deg,#102f40,#0b2131);color:#e3f4f6;box-shadow:12px 12px 0 #163b4859,0 30px 100px #0008}#detail-dialog::backdrop{background:#020d19db}#detail-dialog .dialog-body{padding:55px 42px 34px}#detail-dialog .eyebrow{color:#5ae2ce;font:9px/1.7 Consolas,monospace;letter-spacing:1.3px}#detail-dialog h2{font-family:"Segoe UI",Arial,sans-serif;font-size:43px;font-weight:600;letter-spacing:-1.5px;color:#e5f5f7;margin:22px 0}#detail-dialog p{font-size:13px;line-height:1.9;color:#9fbfcc}#detail-dialog .dialog-close{color:#ffae6b;border:1px solid #5e9caa42;font-size:25px;right:12px;top:12px}#detail-dialog .button-outline{border-radius:0;border-color:#57c9bf75;color:#77e7d1;background:#153e49;font-size:11px;padding:14px 18px}#detail-dialog .ob_detay_iletisim{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #66b2bf38;margin-top:25px;padding-top:20px;font-size:12px;color:#ffae6b}#detail-dialog .ob_detay_iletisim svg{width:18px}
.ob_beliren{transition:opacity .8s cubic-bezier(.16,1,.3,1),translate .8s cubic-bezier(.16,1,.3,1)}.ob_bolumler_hazir .ob_beliren:not(.ob_gorundu){opacity:0;translate:0 28px}.ob_bolumler_hazir .ob_beliren:focus-within{opacity:1;translate:0 0}.ob_bolumler_hazir .ob_beliren.ob_gorundu{opacity:1;translate:0 0}.ob_bolumler_hazir .project-card.ob_gorundu:hover,.ob_bolumler_hazir .project-card.ob_gorundu:focus-visible{translate:0 -8px}.ob_bolumler_hazir .note-row.ob_gorundu:hover,.ob_bolumler_hazir .note-row.ob_gorundu:focus-visible{translate:0 -6px}
.ob_alan_gorunur .ob_yetenek_prizmasi,.ob_alan_gorunur .ob_yetenek_kenari,.ob_alan_gorunur .ob_surec_isigi{animation-play-state:running}.ob_menu_acik .ob_bolum *,.ob_sekme_gizli .ob_bolum *{animation-play-state:paused!important}
@keyframes ob_panel_belirme{from{opacity:.2;translate:12px 0}to{opacity:1;translate:0 0}}@keyframes ob_yuzey_suzulmesi{from{translate:0 -5px}to{translate:0 7px}}
@media(min-width:1600px){.ob_bolum{padding-top:110px;padding-bottom:120px}.ob_yetenek_mimarisi{height:260px}.ob_bolum .project-art{height:360px}.ob_yetenek_detayi{padding:0 35px 32px}.ob_yetenek_detayi p{max-width:430px}.ob_bolum .note-row{min-height:365px}.ob_bolum .note-row h3{font-size:27px;max-width:325px}.ob_iletisim_paneli{padding:32px}}
@media(max-width:1200px){
 .ob_bolum{padding:80px var(--page) 90px}.ob_bolum .about-grid{gap:5%}.ob_bolum h2{font-size:clamp(42px,5vw,60px);letter-spacing:-2.3px}.ob_hakkimda_metni>p{font-size:12px}.ob_yetenek_detayi{padding:0 23px 24px}.ob_yetenek_detayi h3{font-size:22px}.ob_yetenek_mimarisi{height:210px}.ob_yetenek_detayi p{font-size:11px;min-height:81px}.ob_platform_bandi{font-size:7px;letter-spacing:1px;gap:12px}.ob_platform_bandi>span{gap:9px}.ob_platform_bandi>a{font-size:7px;gap:10px;margin-left:0}
 .ob_bolum .project-art{height:280px}.ob_bolum .project-info{padding:17px 15px}.ob_proje_kesif{padding:14px 15px;font-size:6px}.ob_bolum .project-info h3{font-size:26px}.ob_bolum .project-info>span{font-size:5px;max-width:56px}.ob_bolum .project-info p{font-size:10px}.ob_surec_sekmeleri>button{padding:18px 15px;gap:12px}.ob_surec_sekmeleri>button>span{font-size:30px}.ob_surec_sekmeleri strong{font-size:11px}.ob_surec_sekmeleri small{font-size:7px}.ob_adim_icerigi{gap:25px}.ob_adim_icerigi h3{font-size:19px}.ob_adim_icerigi p{font-size:11px}
 .ob_bolum .note-row{padding:22px;min-height:325px}.ob_bolum .note-row:hover,.ob_bolum .note-row:focus-visible{padding:22px}.ob_bolum .note-row h3{font-size:22px;max-width:none}.ob_bolum .note-category{font-size:7px}.ob_bolum .notes-list,.ob_bolum .project-grid{gap:16px}.ob_not_alti{gap:8px}.ob_not_alti>span:last-child{font-size:6px;gap:7px}.ob_bolum .reading-time{font-size:6px}.ob_bolum .contact-grid{gap:5%}.ob_iletisim_paneli{padding:25px}.ob_form_basligi{font-size:6px}.ob_form_platformlari button{font-size:9px;gap:6px}.ob_iletisim_paneli .form-row{gap:13px}.ob_iletisim_paneli .field input,.ob_iletisim_paneli .field select,.ob_iletisim_paneli .field textarea{font-size:11px;padding:12px}.ob_iletisim_paneli .button-primary{font-size:11px;padding:15px 18px;gap:15px}.ob_alt_bilgi p{font-size:7px;letter-spacing:1px}
}
@media(max-width:1000px){
 .ob_bolum .about-grid{grid-template-columns:1fr;gap:40px}.ob_hakkimda_metni{max-width:700px}.ob_hakkimda_metni h2 em br{display:none}.ob_hakkimda_metni>p{max-width:580px}.ob_yetenek_icerigi{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:300px}.ob_yetenek_mimarisi{height:260px}.ob_yetenek_detayi{padding:25px 25px 25px 0}.ob_yetenek_detayi p{min-height:0}.ob_yetenek_detayi h3{font-size:24px}.ob_yetenek_detayi .ob_cizgili_baglanti{margin-top:10px}.ob_bolum .section-heading>p,.ob_bolum .notes-side{font-size:11px}
 .ob_bolum .project-grid{grid-template-columns:1fr}.ob_bolum .project-card{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr auto}.ob_bolum .project-art{grid-row:1/3;min-height:290px;height:100%;border-bottom:0;border-right:1px solid #72c3cd3d}.ob_proje_kesif{grid-column:2;grid-row:2;padding:17px 25px;align-self:end;border-top:1px solid #5ab4c329;border-bottom:0;font-size:7px}.ob_bolum .project-info{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:30px;gap:16px}.ob_bolum .project-info h3{font-size:35px;margin-bottom:12px}.ob_bolum .project-info p{font-size:12px;max-width:none}.ob_bolum .project-info>span{font-size:7px;max-width:none;text-align:left;order:-1;color:#6cbdc4}.ob_bolum .dashboard-demo,.ob_bolum .store-demo{max-width:340px;left:30px;right:30px}
 .ob_bolum .notes-list{grid-template-columns:1fr}.ob_bolum .note-row{display:grid;grid-template-columns:75px 1fr 145px;grid-template-rows:auto auto;column-gap:20px;min-height:170px;padding:24px}.ob_bolum .note-row:hover,.ob_bolum .note-row:focus-visible{padding:24px}.ob_not_ust{grid-column:2/4;grid-row:1;gap:12px;align-items:start;margin-bottom:12px}.ob_not_sembolu{grid-column:1;grid-row:1/3;margin:0;align-self:center;font-size:35px}.ob_bolum .note-row h3{grid-column:2;grid-row:2;font-size:24px;margin:0;min-height:0;align-self:center}.ob_not_alti{grid-column:3;grid-row:2;flex-direction:column;align-items:flex-end;gap:16px;padding:0;border:0;margin:0;align-self:center}
 .ob_bolum .contact-grid{grid-template-columns:1fr;gap:40px}.ob_bolum .contact-intro{display:grid;grid-template-columns:1.25fr 1fr;column-gap:40px}.ob_iletisim_isareti{grid-column:1;grid-row:1/4}.contact-intro h2{grid-column:1;grid-row:2/4;margin-top:105px}.ob_bolum .contact-intro>p{grid-column:2;grid-row:1;margin-top:17px;font-size:13px}.ob_bolum .contact-location{grid-column:2;grid-row:2;margin-top:8px}.ob_iletisim_adimlari{grid-column:2;grid-row:3;margin-top:22px;padding-top:20px;gap:12px}.ob_iletisim_paneli{max-width:none;padding:30px}.ob_form_basligi{font-size:8px}.ob_form_platformlari button{font-size:11px}.ob_iletisim_paneli .form-row{gap:20px}.ob_iletisim_paneli .field input,.ob_iletisim_paneli .field select,.ob_iletisim_paneli .field textarea{font-size:12px;padding:14px}
 .ob_surec_cizimi{height:170px;width:42%}.ob_surec_sekmeleri>button{flex-wrap:wrap;gap:10px;padding:18px;min-height:135px}.ob_surec_sekmeleri>button>div{flex:1;min-width:110px}.ob_surec_sekmeleri strong{font-size:12px}.ob_surec_sekmeleri>button>i{display:none}.ob_adim_icerigi{grid-template-columns:1fr 1.5fr;gap:15px 30px;padding-top:30px}.ob_adim_icerigi .ob_etiketler{grid-column:2;max-width:none;justify-content:flex-start}.ob_platform_bandi>a{display:none}.ob_platform_bandi{font-size:9px}.ob_bolum_numarasi{top:75px;font-size:230px}
}
@media(max-width:760px){
 .ob_platform_bandi{padding:20px var(--page);font-size:6px;letter-spacing:.6px;gap:10px;justify-content:space-between}.ob_platform_bandi>span{gap:7px}.ob_platform_bandi svg{width:14px;height:14px}.ob_platform_bandi>i{width:3px;height:3px}.ob_platform_bandi>a{display:none}
 .ob_bolum{padding:65px var(--page) 75px}.ob_bolum .section-label{font-size:7px;letter-spacing:.8px;margin-bottom:36px;padding-bottom:20px;gap:15px}.ob_bolum .section-label>span:last-child{font-size:6px;max-width:130px;text-align:right}.ob_bolum_numarasi{font-size:160px;right:var(--page);top:75px;letter-spacing:-12px}.ob_bolum h2{font-size:clamp(38px,9.6vw,57px);line-height:1.07;letter-spacing:-1.8px}.ob_bolum h2 em{letter-spacing:inherit}.ob_kucuk_baslik{font-size:7px;letter-spacing:1px;margin-bottom:22px;gap:10px}.ob_kucuk_baslik>i{width:23px}
 .ob_bolum .about-grid{gap:35px}.ob_hakkimda_metni h2 em br{display:block}.ob_hakkimda_metni .ob_hakkimda_giris{font-size:19px;margin-top:26px}.ob_hakkimda_metni>p{font-size:12px;line-height:1.85}.ob_cizgili_baglanti{font-size:11px;gap:20px;min-height:44px}.ob_yetenek_paneli{box-shadow:6px 6px 0 #14364359}.ob_panel_kunyesi{padding:15px 18px;font-size:7px;letter-spacing:1px}.ob_yetenek_sekmeleri{padding:12px 13px 0;gap:5px}.ob_yetenek_sekmeleri button{gap:7px;font-size:10px;min-height:46px;padding:10px 6px}.ob_yetenek_sekmeleri svg{width:16px;height:16px}.ob_yetenek_icerigi{display:block;min-height:0}.ob_yetenek_mimarisi{height:200px}.ob_yetenek_cihazi{width:95px;height:85px}.ob_yetenek_cihazi svg{width:58px;height:58px}.ob_yetenek_sira{font-size:32px}.ob_yetenek_detayi{padding:0 22px 22px}.ob_yetenek_detayi h3{font-size:23px}.ob_yetenek_detayi>small{font-size:7px;letter-spacing:1px}.ob_yetenek_detayi p{font-size:11px;margin-bottom:18px;min-height:0}.ob_etiketler{gap:6px}.ob_etiketler>span{font-size:8px;padding:6px 8px}.ob_yetenek_detayi .ob_cizgili_baglanti{margin-top:11px}
 .ob_bolum .section-heading{display:block;margin-bottom:28px}.ob_bolum .section-heading>p,.ob_bolum .notes-side{font-size:12px;line-height:1.8;margin-top:22px}.ob_vitrin_araclari{display:block;margin:25px 0 22px}.ob_vitrin_araclari .project-filters{gap:6px;flex-wrap:wrap}.ob_vitrin_araclari .filter{font-size:9px;padding:12px 13px;min-height:44px}.ob_vitrin_araclari .filter sup{font-size:7px;margin-left:5px}.ob_vitrin_araclari>p{font-size:7px;margin:18px 0 0}.ob_bolum .project-grid{gap:24px}.ob_bolum .project-card{display:block}.ob_bolum .project-art{height:330px;min-height:0;border-right:0;border-bottom:1px solid #72c3cd3d}.ob_bolum .dashboard-demo,.ob_bolum .store-demo{inset:65px 24px 28px;max-width:none}.ob_bolum .project-info{display:flex;flex-direction:row;justify-content:space-between;padding:22px;gap:16px}.ob_bolum .project-info h3{font-size:30px;margin:0 0 9px}.ob_bolum .project-info p{font-size:11px;max-width:210px}.ob_bolum .project-info>span{order:0;font-size:6px;max-width:65px;text-align:right;margin-top:5px}.ob_proje_kesif{border-top:0;border-bottom:1px solid #5ab4c329;padding:16px 22px;font-size:7px}.ob_bolum .sample-note{font-size:9px;line-height:1.8;margin-top:23px}.ob_bolum .concept-label{font-size:7px;left:20px}.ob_bolum .project-open{width:31px;height:31px;right:22px}
 .ob_surec_girisi{display:block;margin-bottom:28px}.ob_surec_girisi h2{font-size:clamp(38px,9.6vw,57px)}.ob_surec_cizimi{height:170px;width:100%;margin-top:25px;max-width:420px}.ob_surec_cizimi>span{font-size:6px}.ob_surec_sekmeleri{grid-template-columns:1fr;gap:7px}.ob_surec_sekmeleri>button{min-height:80px;flex-wrap:nowrap;padding:17px 19px;gap:20px}.ob_surec_sekmeleri>button>span{font-size:29px}.ob_surec_sekmeleri>button>div{min-width:0}.ob_surec_sekmeleri small{font-size:7px}.ob_surec_sekmeleri strong{font-size:12px;margin-top:5px}.ob_surec_sekmeleri>button>i{display:block}.ob_adim_icerigi{display:block;padding-top:26px;min-height:190px}.ob_adim_icerigi h3{font-size:22px;margin:0 0 15px}.ob_adim_icerigi p{font-size:12px;line-height:1.8;letter-spacing:0;margin:0 0 17px}.ob_adim_icerigi .ob_etiketler{justify-content:flex-start}
 .ob_bolum .notes-list{gap:15px;margin-top:30px}.ob_bolum .note-row{display:flex;min-height:300px;padding:24px}.ob_bolum .note-row:hover,.ob_bolum .note-row:focus-visible{padding:24px}.ob_not_ust{margin-bottom:0;gap:18px}.ob_bolum .note-category{font-size:7px}.ob_bolum .note-number{font-size:12px}.ob_not_sembolu{font-size:33px;margin-top:30px;align-self:flex-start}.ob_bolum .note-row h3{font-size:25px;line-height:1.25;margin:21px 0 30px;max-width:310px;min-height:0;align-self:auto}.ob_not_alti{display:flex;flex-direction:row;align-items:center;gap:12px;padding-top:19px;border-top:1px solid #4e9caf38;margin-top:auto}.ob_not_alti>span:last-child{font-size:7px;gap:12px}.ob_bolum .reading-time{font-size:7px}
 .ob_bolum .contact-grid{gap:35px}.ob_bolum .contact-intro{display:block}.ob_bolum .contact-intro h2{margin-top:0}.ob_iletisim_isareti{width:67px;height:61px;font-size:26px;margin:3px 0 30px}.ob_bolum .contact-intro>p{font-size:13px;margin-top:24px}.ob_bolum .contact-location{font-size:10px;margin-top:22px;gap:7px}.ob_iletisim_adimlari{gap:13px;margin-top:27px;padding-top:23px;max-width:none}.ob_iletisim_adimlari>span{font-size:11px}.ob_iletisim_paneli{padding:23px 20px;box-shadow:6px 6px 0 #07172355}.ob_form_basligi{font-size:6px;letter-spacing:1px;gap:10px;padding-bottom:20px;margin-bottom:21px}.ob_form_basligi>span:last-child{font-size:5px}.ob_form_platformlari{margin-bottom:24px}.ob_form_platformlari>span{font-size:11px}.ob_form_platformlari>div{gap:5px}.ob_form_platformlari button{font-size:9px;gap:6px;padding:10px 6px}.ob_form_platformlari button svg{width:14px;height:14px}.ob_form_platformlari>small{font-size:8px;line-height:1.6;min-height:26px}.ob_iletisim_paneli .form-row{grid-template-columns:1fr;gap:0}.ob_iletisim_paneli .field{margin-bottom:20px}.ob_iletisim_paneli .field label{font-size:11px}.ob_iletisim_paneli .field input,.ob_iletisim_paneli .field select,.ob_iletisim_paneli .field textarea{font-size:12px;padding:13px}.ob_iletisim_paneli .field textarea{min-height:145px}.ob_iletisim_paneli .consent,.ob_iletisim_paneli .privacy-link{font-size:9px;line-height:1.8}.ob_form_hazirlik{gap:20px;padding-top:22px}.ob_form_hazirlik>span{font-size:6px}.ob_iletisim_paneli .form-end{margin-top:23px;gap:15px;align-items:center}.ob_iletisim_paneli .form-end>span{font-size:8px;max-width:80px}.ob_iletisim_paneli .button-primary{font-size:10px;padding:15px 16px;gap:14px;white-space:nowrap}.ob_alt_bilgi{gap:17px}.ob_alt_bilgi p{font-size:6px;letter-spacing:1px}.ob_alt_bilgi>div>a{width:38px;height:38px}
 #detail-dialog .dialog-body{padding:52px 25px 28px}#detail-dialog h2{font-size:34px}#detail-dialog p{font-size:12px}#detail-dialog .eyebrow{font-size:7px}#detail-dialog .ob_detay_iletisim{font-size:11px;margin-top:23px}
}
@media(max-width:380px){.ob_platform_bandi{gap:8px;font-size:5px;letter-spacing:.5px}.ob_platform_bandi>span{gap:5px}.ob_platform_bandi svg{width:12px;height:12px}.ob_platform_bandi>i{display:none}.ob_bolum h2,.ob_surec_girisi h2{font-size:36px;letter-spacing:-1.8px}.ob_bolum .section-label{font-size:6px;gap:12px}.ob_bolum .section-label>span:last-child{font-size:5px;max-width:105px}.ob_yetenek_sekmeleri button{font-size:9px;gap:5px;padding:10px 4px}.ob_yetenek_sekmeleri svg{width:14px;height:14px}.ob_yetenek_mimarisi{height:185px}.ob_yetenek_detayi{padding:0 18px 20px}.ob_yetenek_detayi h3{font-size:22px}.ob_yetenek_detayi p{font-size:11px}.ob_etiketler>span{font-size:7px;padding:6px 7px}.ob_vitrin_araclari .filter{font-size:8px;padding:11px 10px}.ob_bolum .project-art{height:300px}.ob_bolum .dashboard-demo,.ob_bolum .store-demo{inset:63px 20px 25px}.ob_proje_kesif{font-size:6px;padding:14px 18px}.ob_bolum .project-info{padding:19px 18px}.ob_bolum .project-info h3{font-size:27px}.ob_bolum .project-info p{font-size:10px;max-width:170px}.ob_bolum .project-info>span{max-width:60px;font-size:5px}.ob_bolum .note-row{padding:21px}.ob_bolum .note-row:hover,.ob_bolum .note-row:focus-visible{padding:21px}.ob_bolum .note-row h3{font-size:23px}.ob_not_alti>span:last-child{gap:9px;font-size:6px}.ob_bolum .reading-time{font-size:6px}.ob_iletisim_paneli{padding:21px 16px}.ob_form_platformlari button{font-size:8px;gap:5px;padding:10px 4px}.ob_form_platformlari button svg{width:13px;height:13px}.ob_form_basligi{font-size:5px}.ob_form_basligi>span:last-child{display:none}.ob_iletisim_paneli .field input,.ob_iletisim_paneli .field select,.ob_iletisim_paneli .field textarea{font-size:11px;padding:12px}.ob_iletisim_paneli .form-end>span{display:none}.ob_iletisim_paneli .form-end .button{width:100%}.ob_iletisim_paneli .consent{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ob_bolum *,.ob_bolum:before,.ob_bolum:after,.ob_alt_bilgi *{animation:none!important;transition:none!important;translate:none!important}.ob_bolumler_hazir .ob_beliren{opacity:1!important}}
.effects-off .ob_bolum *,.effects-off .ob_bolum:before,.effects-off .ob_bolum:after,.effects-off .ob_alt_bilgi *{animation:none!important;transition:none!important;translate:none!important}.effects-off .ob_beliren{opacity:1!important}