:root{color-scheme:dark;--bg:#080f22;--panel:#101b33;--ink:#f0f4ff;--muted:#a6b2cb;--blue:#7ba7ff;--line:#26324c;--accent:#b8f978}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#3468d5;color:white}.wrap{width:min(1200px,calc(100% - 88px));margin:auto}.header{border-bottom:1px solid var(--line);background:#080f22ee;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.nav-wrap{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-light{font-weight:400;color:#c0cde5}.brand small{display:block;font-size:8px;letter-spacing:2.2px;font-weight:500;margin-top:-3px;color:var(--muted)}.brand-mark{display:flex;width:43px;height:43px;border-radius:11px;background:#396ff1;align-items:center;justify-content:center;font-size:37px;line-height:1;font-weight:700;position:relative;padding-bottom:5px}.brand-mark span{font-size:22px;margin-left:-5px;margin-top:6px}nav{display:flex;gap:24px;align-items:center}nav a{font-size:12px;color:#bdc7dc;transition:color .2s}nav a:hover,nav a[aria-current]{color:white}.nav-contact{padding:11px 17px;border:1px solid #45577d;border-radius:6px;color:white}.nav-contact span{margin-left:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;padding-top:85px;padding-bottom:85px;min-height:700px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--blue);display:flex;align-items:center;gap:10px;margin:0 0 25px}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #b8f94555;flex-shrink:0}h1{font-size:clamp(45px,5.7vw,76px);line-height:1.08;letter-spacing:-3.8px;margin:0 0 25px;font-weight:650}h1 span,h2 span{color:var(--blue)}.lead{font-size:17px;color:var(--muted);max-width:435px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 21px;border-radius:6px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.primary{background:#477cf6;color:white;box-shadow:0 5px 30px #356ff222}.primary:hover{background:#5c8dff;transform:translateY(-2px)}.text-link{font-size:12px}.text-link span{margin-left:12px}.hero-note{font-size:10px;color:#8d9cb9;margin-top:40px}.hero-art{position:relative;aspect-ratio:1;isolation:isolate;background:radial-gradient(ellipse at center,#19366d80,transparent 68%);overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#526d9b18 1px,transparent 1px),linear-gradient(90deg,#526d9b18 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle,#000,transparent 70%)}.orbit{position:absolute;width:77%;height:77%;border:1px solid #446eaa66;border-radius:50%;left:12%;top:12%;transform:rotate(-30deg) scaleY(.68)}.orbit-two{transform:rotate(55deg) scaleY(.75);width:88%;height:88%;left:6%;top:6%;border-style:dashed;border-color:#446eaa45}.core{position:absolute;left:28%;top:27%;width:45%;height:45%;border-radius:35px;background:linear-gradient(135deg,#2e68d0,#0b1732 70%);box-shadow:inset 1px 1px 0 #87b3ff88,inset -1px -1px 0 #14264b,22px 28px 65px #0009,0 0 70px #326ff433;transform:rotate(-12deg);display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #5188df55}.core:before{content:"";position:absolute;inset:15px;border:1px solid #7095ce33;border-radius:25px}.core>span{font-size:clamp(40px,6vw,76px);font-weight:750;letter-spacing:-5px;color:#e1edff;line-height:1.2}.core small{letter-spacing:9px;font-size:11px;margin-left:8px;color:#9ebff1}.sat{position:absolute;display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#1e3155,#0e1830);border:1px solid #3a537b;border-radius:10px;padding:12px 18px;font-size:12px;box-shadow:0 12px 35px #0005}.sat span{font-size:22px;color:#91b8ff}.sat-top{top:13%;left:15%;transform:rotate(-8deg)}.sat-right{right:0;top:49%;transform:rotate(8deg)}.sat-bottom{bottom:13%;left:20%;transform:rotate(-5deg)}.art-caption{position:absolute;top:2%;left:5%;font-size:8px;letter-spacing:2px;color:#839abc}.art-footer{position:absolute;bottom:2%;left:5%;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.8px;color:#a9bad9}.coordinate{position:absolute;right:3%;bottom:2%;font-size:10px;color:#8098bd}.discipline{border-block:1px solid var(--line);padding:23px 0;background:#0c152b}.discipline .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.discipline span{font-size:8px;letter-spacing:1.8px;color:var(--muted)}.discipline p{margin:0;font-size:15px;color:#c9d6ef}.discipline b{margin:0 25px;color:#658be1;font-weight:400}.section{padding-top:100px;padding-bottom:100px}h2{font-size:clamp(30px,3.7vw,46px);font-weight:550;line-height:1.2;letter-spacing:-1.6px;margin:0 0 25px}h3{font-size:19px;font-weight:550;letter-spacing:-.4px;margin:0 0 13px}p{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about .large{font-size:21px;color:#d7e0f4;line-height:1.6;margin-top:0}.about-copy>p:not(.large){font-size:14px}.values{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.values span{font-size:10px;border:1px solid var(--line);padding:7px 11px;border-radius:4px;color:#becce5}.services{background:#0c1529;border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;font-size:14px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-grid article{padding:28px;background:#101b32;border:1px solid #27334d;border-radius:10px;transition:border-color .2s,transform .2s}.service-grid article:hover{border-color:#5273ae;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;font-size:10px;color:#768ba9}.icon{font-size:23px;letter-spacing:-2px;color:#8eb3ff}.service-grid p{font-size:13px;line-height:1.8;margin-bottom:27px}.tag{font-size:9px;color:#a5bce5;border-top:1px solid var(--line);display:block;padding-top:16px}.service-note{font-size:10px;margin:22px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;gap:45px;margin:50px 0 0}.steps li{border-top:1px solid #415778;padding-top:22px}.steps li>span{font-size:10px;color:#90b2ff;letter-spacing:1.5px}.steps h3{margin-top:20px}.steps p{font-size:13px;max-width:300px}.projects{background:#101b32;border-block:1px solid var(--line)}.project-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.project-layout>div>p:last-child{max-width:350px;font-size:14px}.empty-project{padding:35px;border:1px solid #39547d;border-radius:13px;background:radial-gradient(ellipse at top right,#28519450,transparent 70%),#111e38;position:relative}.empty-symbol{position:absolute;right:28px;top:20px;font-size:55px;color:#8fb4ff}.status{font-size:8px;letter-spacing:1.6px;color:#a1beef}.empty-project h3{font-size:30px;line-height:1.25;margin-top:45px}.empty-project p{font-size:13px}.empty-bottom{display:flex;justify-content:space-between;border-top:1px solid #35496a;padding-top:20px;margin-top:30px;font-size:9px;color:#9eb8df;letter-spacing:1px}.empty-bottom span:last-child{font-size:20px;line-height:1}.portfolio-empty{display:flex;gap:25px;align-items:center;padding:35px;border:1px dashed #3c4a66;border-radius:10px}.portfolio-icon{font-size:38px;color:#7092cf}.portfolio-empty h3{font-size:17px}.portfolio-empty p{font-size:13px;max-width:640px;margin:0}.outline-label{margin-left:auto;font-size:8px;letter-spacing:1.5px;border:1px solid #34435f;padding:7px 10px;white-space:nowrap;color:#9bb1d4}.contact-panel{background:radial-gradient(ellipse at top right,#2557a955,transparent 65%),#121f3a;border:1px solid #36517d;border-radius:16px;padding:65px;position:relative}.contact-panel h2{font-size:clamp(29px,4vw,49px)}.contact-panel>p:not(.eyebrow){max-width:620px;font-size:15px}.contact-state{display:flex;align-items:flex-start;gap:12px;margin-top:32px;padding:22px 0;border-top:1px solid #3a5074;max-width:630px}.contact-state .dot{margin-top:10px}.contact-state strong{font-size:13px;font-weight:500}.contact-state p{font-size:12px;margin:4px 0 0}details{max-width:630px;border-top:1px solid #34496c;padding-top:19px}summary{cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:#99b9f7;font-size:19px;line-height:1}details[open] summary span{transform:rotate(45deg)}details>p{font-size:12px}.footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:40px;display:flex;gap:30px;align-items:center}.footer .brand{font-size:19px}.footer .brand-mark{width:33px;height:33px;font-size:29px}.footer .brand-mark span{font-size:17px}.footer p{font-size:11px}.footer>div{display:flex;gap:30px;margin-left:auto;font-size:10px;color:#95a6c4}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:white;color:#080f22;padding:10px 20px}.skip:focus{top:10px}.menu-toggle{background:none;color:var(--ink);border:1px solid var(--line);padding:8px 12px;border-radius:5px;font-size:13px}
@media(min-width:951px){.menu-toggle{display:none}}@media(max-width:1100px){nav{gap:14px}.wrap{width:calc(100% - 56px)}.hero{gap:15px}.discipline b{margin:0 14px}.about{gap:45px}.project-layout{gap:50px}}@media(max-width:950px){.nav-wrap{flex-wrap:wrap;min-height:80px;padding-block:16px}.menu-toggle:not([hidden]){display:block}nav{width:100%;flex-wrap:wrap;padding-top:12px;gap:15px 24px}nav[data-ready=true]:not(.is-open){display:none}.hero{padding-top:60px;min-height:0}.hero-art{width:100%}.hero h1{font-size:57px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-note{max-width:260px}.discipline .wrap{flex-direction:column;align-items:flex-start;gap:9px}.discipline p{font-size:14px}.section{padding-block:75px}.service-grid{grid-template-columns:repeat(2,1fr)}.outline-label{display:none}.contact-panel{padding:40px}.footer{flex-wrap:wrap}.footer>div{margin-left:0;width:100%;justify-content:space-between}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:30px;gap:25px}.hero h1{font-size:54px;letter-spacing:-2.8px}.lead{font-size:16px}.hero-note{max-width:none;margin-top:26px}.hero-art{max-width:420px;margin:auto}.core>span{font-size:64px}.hero-art .sat{font-size:11px}.discipline b{margin:0 8px}.discipline p{font-size:11px}.about,.project-layout{grid-template-columns:1fr;gap:30px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:none}.service-grid{grid-template-columns:1fr}.service-grid article{padding:25px}.card-top{margin-bottom:18px}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps h3{margin-top:12px}.steps p{max-width:none}.portfolio-empty{align-items:flex-start;padding:25px;gap:17px}.portfolio-icon{font-size:25px}.contact-panel{padding:28px 22px;border-radius:10px}.footer{gap:12px}.footer>p{margin-left:auto;font-size:9px}.footer>div{margin-top:12px}.about .large{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Güncel marka ve proje talebi alanı */
.logo-crop{display:block;width:112px;height:76px;overflow:hidden;position:relative;flex-shrink:0}.logo-crop img{position:absolute;width:210px;height:210px;max-width:none;left:-49px;top:-66px}.core{overflow:hidden}.core>img{position:absolute;width:155%;height:155%;object-fit:cover;max-width:none}.core:before{z-index:1;pointer-events:none}.email-link{color:#dce8ff;font-size:clamp(16px,2.5vw,24px);letter-spacing:-.4px;overflow-wrap:anywhere}.email-link:hover{text-decoration:underline}.email-link span{color:#8db3ff;margin-left:8px}.brief-form{max-width:760px;margin-top:30px;margin-bottom:30px}.brief-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brief-form label{display:block;font-size:12px;color:#c4d3ef;margin-bottom:18px}.brief-form input,.brief-form select,.brief-form textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #405879;border-radius:6px;background:#0d1930;color:#eef4ff;font:inherit;line-height:1.6}.brief-form textarea{resize:vertical;min-height:110px}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#94a6c4}.brief-form :is(input,textarea,select):focus-visible{outline:2px solid #a5c3ff;outline-offset:3px}.brief-footer{display:flex;align-items:center;gap:20px}.brief-footer p{font-size:10px;max-width:260px;margin:0}.brief-status{font-size:11px;color:#c1d6f7;min-height:18px}.footer .logo-crop{width:95px;height:65px}.footer .logo-crop img{width:180px;height:180px;left:-42px;top:-57px}@media(max-width:640px){.brief-row{grid-template-columns:1fr;gap:0}.brief-footer{align-items:flex-start;flex-direction:column;gap:12px}.brief-footer p{max-width:none}.logo-crop{height:65px;width:100px}.logo-crop img{width:185px;height:185px;left:-43px;top:-59px}.nav-wrap{padding-block:8px}.footer>p{max-width:150px}}
/* Boş reklam alanları görünmez ve yer kaplamaz. */
[hidden]{display:none!important}.ad-placement{padding-block:32px}.ad-label{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:#9aabc6;margin-bottom:10px}.ad-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:970px;margin:auto;min-height:110px;border:1px solid #344965;border-radius:8px;background:#101b30;padding:24px 30px}.ad-banner:has(img){padding:0;overflow:hidden}.ad-banner img{display:block;width:100%;height:auto;aspect-ratio:970/250;object-fit:contain}.ad-banner strong{font-size:19px;font-weight:600}.ad-banner p{font-size:13px;margin:7px 0 0}.ad-cta{font-size:12px;color:#a8c6ff;white-space:nowrap}.ad-preview{max-width:970px;min-height:160px;margin:auto;border:1px dashed #4a6085;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;text-align:center;background:#0e182b}.ad-preview strong{font-size:16px;font-weight:500}.ad-preview p{font-size:12px;max-width:470px}@media(max-width:640px){.ad-placement{padding-block:22px}.ad-banner{padding:20px;flex-direction:column;align-items:flex-start;gap:15px}.ad-banner strong{font-size:17px}.ad-banner p{font-size:12px}.ad-preview{min-height:140px}.ad-preview strong{font-size:14px}}
