/* Tasarlayalim Frontend Theme Mode — v8.4 */
html[data-site-theme="dark"]{color-scheme:dark}
html[data-site-theme="light"]{color-scheme:light;--bg:#f4f7fb;--bg2:#eef3f8;--panel:#ffffff;--text:#102033;--muted:#52657a;--dim:#718298;--line:rgba(16,40,68,.10);--line2:rgba(16,40,68,.17);--green:#27a96f}
html[data-site-theme="light"] body{background:radial-gradient(900px 620px at 90% -10%,rgba(124,102,242,.10),transparent 64%),radial-gradient(740px 520px at -10% 38%,rgba(49,200,227,.10),transparent 70%),linear-gradient(180deg,#f7f9fc 0%,#edf3f9 55%,#f7f9fc 100%)!important;color:var(--text)}
html[data-site-theme="light"] body::before{opacity:.008}
html[data-site-theme="light"] .loader{background:#f5f8fc}
html[data-site-theme="light"] .nav{background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(247,250,254,.82));box-shadow:0 16px 45px rgba(31,55,84,.08)}
html[data-site-theme="light"] .nav-links a{color:#34485f}
html[data-site-theme="light"] .glass{background:linear-gradient(180deg,rgba(255,255,255,.91),rgba(247,250,254,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 20px 54px rgba(35,62,92,.08)}
html[data-site-theme="light"] .mobile-menu{background:rgba(242,247,252,.95)}
html[data-site-theme="light"] .menu-frame{background:linear-gradient(180deg,#fff,#f6f9fd)}
html[data-site-theme="light"] .menu-links a{border-color:rgba(16,40,68,.08)}
html[data-site-theme="light"] .menu-links a span,html[data-site-theme="light"] .menu-links a em,html[data-site-theme="light"] .menu-chips span{color:#62758b}
html[data-site-theme="light"] .hero-grid{opacity:.05;background-image:linear-gradient(rgba(13,44,73,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(13,44,73,.12) 1px,transparent 1px)}
html[data-site-theme="light"] .hero-copy p,html[data-site-theme="light"] .lead{color:#52657a}
html[data-site-theme="light"] .project-stage-copy p,html[data-site-theme="light"] .service-body p,html[data-site-theme="light"] .step p{color:#5b6d81}
html[data-site-theme="light"] .footer{border-color:rgba(16,40,68,.08)}
.site-theme-switch{height:42px;min-width:42px;padding:0 11px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.035);display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease;color:var(--text)}
.site-theme-switch:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cyan) 45%,var(--line2));background:color-mix(in srgb,var(--cyan) 8%,transparent)}
.site-theme-icon{font-size:16px;line-height:1}.site-theme-label{display:none;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.why-us{position:relative}.why-head{display:grid;gap:20px;align-items:end;margin-bottom:30px}.why-head h2{margin:10px 0 0}.why-grid{display:grid;grid-template-columns:1fr;gap:11px}.why-card{position:relative;padding:22px;border-radius:22px;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease}.why-card:after{content:"";position:absolute;width:150px;height:150px;right:-80px;bottom:-100px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));filter:blur(30px);opacity:.08;transition:.28s}.why-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cyan) 35%,var(--line2));box-shadow:0 24px 65px rgba(0,0,0,.16)}.why-card:hover:after{opacity:.16;transform:scale(1.15)}.why-card>span{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--cyan)}.why-card h3{font:700 21px/1.08 var(--display);letter-spacing:-.03em;margin:24px 0 9px}.why-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.72}
@media(min-width:760px){.site-theme-label{display:inline}.why-head{grid-template-columns:minmax(0,1fr) auto}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px){.site-theme-switch{margin-left:auto}.nav-cta+.site-theme-switch{margin-left:auto}.site-theme-switch+.menu-btn{margin-left:0}}

/* Dual brand logos — dark/light frontend mode */
.site-logo-light{display:none!important}
.site-logo-dark{display:block!important}
html[data-site-theme="light"] .site-logo-dark{display:none!important}
html[data-site-theme="light"] .site-logo-light{display:block!important}
.logo .site-logo-img,.loader .site-logo-img{width:auto;max-width:100%;height:auto}