/* Shared craftsmanship for homepage service symbols and studio/contact sections. */
body.home-page#top .yetkinlikler-left .icons{gap:10px;margin:18px 0}
body.home-page#top .yetkinlikler-left .icon,body.home-page#top .mega-ico{--symbol:#af9ee8;display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:1px solid color-mix(in srgb,var(--symbol) 27%,#202630);border-radius:13px;color:var(--symbol);background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--symbol) 12%,transparent),transparent 80%),#10151d;box-shadow:inset 0 1px rgba(255,255,255,.05)}
body.home-page#top .yetkinlikler-left .item:nth-child(2) .icon{--symbol:#8bb9e8}
body.home-page#top .yetkinlikler-left .item:nth-child(3) .icon{--symbol:#e6a0cb}
body.home-page#top .yetkinlikler-left .item:nth-child(4) .icon{--symbol:#88cfc6}
body.home-page#top .yetkinlikler-left .icon svg,body.home-page#top .mega-ico svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.home-page#top .icon .icon-surface,body.home-page#top .mega-ico .icon-surface{fill:currentColor;fill-opacity:.1;stroke:none}
body.home-page#top .icon .icon-detail,body.home-page#top .mega-ico .icon-detail{opacity:.5}
body.home-page#top .icon .icon-node,body.home-page#top .mega-ico .icon-node{fill:currentColor;stroke:none}
body.home-page#top #bizkimiz .about-panel{position:relative;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:40px 60px;padding:48px 52px;border:1px solid #29333c;border-radius:26px;background:radial-gradient(ellipse at 0 0,rgba(122,177,183,.07),transparent 55%),#10151b;box-shadow:0 30px 70px -50px #000}
body.home-page#top #bizkimiz .about-code{margin:0;color:#8195a6;font-size:11px;font-weight:500;letter-spacing:.12em}
.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;grid-column:1/-1;padding-bottom:25px;border-bottom:1px solid #27323b}
.studio-heading .eyebrow{margin:0}
body.home-page#top #bizkimiz .about-intro h2{max-width:none;font:600 clamp(34px,3.65vw,48px)/1.1 var(--disp);letter-spacing:-.045em;margin:0 0 24px}
body.home-page#top #bizkimiz .about-intro h2 strong{display:block;margin-top:6px;color:#a9d7cf;-webkit-text-fill-color:currentColor;font-weight:inherit}
body.home-page#top #bizkimiz .about-intro>p{font:400 15px/1.85 var(--body);color:#aebac8;max-width:53ch;margin:0 0 16px}
.studio-location{display:flex;align-items:center;gap:8px;margin-top:28px;color:#bccbd5;font-size:12px}
.studio-location svg{width:16px;height:16px;fill:none;stroke:#98d2c8;stroke-width:1.6}
body.home-page#top #bizkimiz .about-principles{display:grid;gap:14px;align-content:start;border:0}
body.home-page#top #bizkimiz .about-principle{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:22px;border:1px solid #28313b;border-radius:16px;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent)}
.principle-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(151,207,197,.07);color:#a2d9cd;border:1px solid rgba(151,207,197,.16)}
.principle-symbol svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.principle-number{display:block;margin-bottom:10px;color:#8299a9;font:500 10px/1 var(--disp);letter-spacing:.16em}
body.home-page#top #bizkimiz .about-principle h3{font:600 17px/1.35 var(--disp);margin:0 0 7px}
body.home-page#top #bizkimiz .about-principle p{font:400 13px/1.75 var(--body);color:#a9b6c5;margin:0}
body.home-page#top #bizkimiz .about-footer{grid-column:1/-1;margin:0;padding:20px 0 0;border-top:1px solid #27323b;gap:20px}
body.home-page#top #bizkimiz .about-footer>span{font-size:11px;font-weight:500;letter-spacing:.08em;color:#91a4b5}
body.home-page#top #bizkimiz .about-footer a{gap:18px;color:#b1e2d8;font-size:13px}
body.home-page#top #iletisim .cta-band{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:60px;padding:52px;border:1px solid #2c3e45;border-radius:26px;background:radial-gradient(ellipse at 0 100%,rgba(109,169,158,.08),transparent 60%),#10161c;box-shadow:0 30px 70px -50px #000;align-items:center}
body.home-page#top #iletisim .cta-band::before{display:none}
body.home-page#top #iletisim .cta-copy h2{max-width:none;font:600 clamp(35px,3.8vw,50px)/1.08 var(--disp);letter-spacing:-.045em;margin:22px 0}
body.home-page#top #iletisim .cta-copy h2 strong{display:block;color:#a7d7ce;font-weight:inherit;margin-top:6px}
body.home-page#top #iletisim .cta-copy>p{color:#afbdcb;font:400 15px/1.85 var(--body);max-width:48ch;margin:0}
.project-steps{display:grid;gap:20px;list-style:none;padding:28px 0 0;margin:30px 0 0;border-top:1px solid #2b353e}
.project-steps li{display:grid;grid-template-columns:30px 1fr;gap:13px;align-items:start}
.project-steps .step-id{font:500 11px/1.6 var(--disp);color:#86bbae;padding-top:3px}
.project-steps strong{display:block;color:#dbe5ea;font:500 14px/1.5 var(--disp)}
.project-steps p{color:#8fa2b5!important;font:400 12px/1.6 var(--body)!important;margin:3px 0 0!important}
.contact-availability{display:flex;align-items:center;gap:9px;margin-top:32px;color:#a1b1bf;font-size:11px;line-height:1.6}
.contact-availability::before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:#91bcb1}
body.home-page#top #iletisim .cta-actions{display:block;padding:30px;border:1px solid #2a3540;border-radius:20px;background:#0b1117}
.project-form-head{margin-bottom:24px}
.project-form-head>span{font:500 10px/1.6 var(--disp);letter-spacing:.16em;color:#91bfb7}
.project-form-head h3{font:500 24px/1.2 var(--disp);letter-spacing:-.03em;margin:10px 0}
body.home-page#top #iletisim .project-form-head p{font:400 12px/1.7 var(--body);color:#95a6b7;margin:0}
body.home-page#top #iletisim .cta-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;width:100%;margin:0}
body.home-page#top #iletisim .cta-form label{display:grid;gap:8px;min-width:0;color:#bfcbd5;font:500 12px/1.5 var(--body)}
body.home-page#top #iletisim .cta-form .project-description,body.home-page#top #iletisim .cta-form button{grid-column:1/-1}
body.home-page#top #iletisim .cta-form input,body.home-page#top #iletisim .cta-form textarea{display:block;width:100%;min-width:0;min-height:48px;max-width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #303e4b;border-radius:10px;background:#131c25;color:#eef4f7;font:400 16px/1.5 var(--body);box-shadow:none;transition:border-color .15s}
body.home-page#top #iletisim .cta-form textarea{min-height:112px;resize:vertical}
body.home-page#top #iletisim .cta-form :is(input,textarea)::placeholder{color:#8c9daf;font-size:13px}
body.home-page#top #iletisim .cta-form :is(input,textarea):focus-visible{outline:2px solid #90d6c6;outline-offset:3px;border-color:#90d6c6}
body.home-page#top #iletisim .cta-form button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:52px;padding:14px 18px;background:#29ce75;color:#052918;border:1px solid #29ce75;border-radius:10px;font:600 14px/1.5 var(--disp);cursor:pointer}
.project-contact-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 18px;margin-top:16px;padding:12px 0 10px;border-bottom:1px solid #28343e}
.project-contact-links a{display:inline-flex;align-items:center;min-height:44px;font:500 12px/1.5 var(--disp);color:#bbd6dd;text-decoration:underline;text-underline-offset:4px}
body.home-page#top #iletisim .cta-actions .project-privacy{display:block;margin:15px 0 0;color:#8fa3b4;font:400 11px/1.75 var(--body);letter-spacing:0;text-align:left;text-shadow:none}
.project-privacy a{color:#b6cdd7;text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){body.home-page#top #bizkimiz .about-panel,body.home-page#top #iletisim .cta-band{grid-template-columns:1fr;gap:32px;padding:32px}body.home-page#top #bizkimiz .about-intro h2,body.home-page#top #iletisim .cta-copy h2{max-width:600px}body.home-page#top #iletisim .cta-copy>p{max-width:60ch}.project-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-steps li{grid-template-columns:1fr;gap:5px}}
@media(max-width:540px){body.home-page#top #bizkimiz .about-panel,body.home-page#top #iletisim .cta-band{padding:25px 20px;gap:28px}.studio-heading{align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:18px}body.home-page#top #bizkimiz .about-intro h2,body.home-page#top #iletisim .cta-copy h2{font-size:34px;line-height:1.12}body.home-page#top #bizkimiz .about-principle{padding:18px 16px;gap:13px;grid-template-columns:34px minmax(0,1fr)}.principle-symbol{width:34px;height:34px;border-radius:10px}.principle-symbol svg{width:21px;height:21px}body.home-page#top #bizkimiz .about-footer{flex-direction:column;align-items:flex-start;gap:6px}body.home-page#top #iletisim .cta-actions{padding:23px 18px}.project-steps{grid-template-columns:1fr;gap:18px}.project-steps li{grid-template-columns:27px 1fr;gap:12px}body.home-page#top #iletisim .cta-form{grid-template-columns:1fr}.project-contact-links{flex-direction:column;gap:0}}
@media(prefers-reduced-motion:reduce){body.home-page#top #iletisim .cta-form :is(input,textarea){transition:none}}