:root { --green:#007b48; --green-dark:#005d3a; --green-deep:#003e2b; --sage:#dce9df; --ivory:#f7f5ef; --ink:#172124; --muted:#65706e; --line:rgba(23,33,36,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--ivory); font-family:Arial,Helvetica,sans-serif; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
main { overflow:hidden; }
.header { position:fixed; inset:0 0 auto; z-index:50; height:94px; padding:0 clamp(22px,3.8vw,70px); display:flex; align-items:center; gap:30px; background:rgba(255,255,255,.92); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
.logo { display:flex; align-items:center; gap:15px; flex-shrink:0; }
.logo>span:last-child { display:grid; gap:4px; }
.logo strong { font-size:clamp(22px,2.2vw,34px); letter-spacing:-.045em; }
.logo small { color:var(--green); font-size:9px; font-weight:700; letter-spacing:.28em; }
.logo-mark { position:relative; width:65px; height:59px; color:var(--green); overflow:hidden; }
.logo-mark::after { content:""; position:absolute; left:1px; bottom:3px; width:58px; height:7px; background:var(--green); transform:skewX(-35deg); }
.logo-mark i { position:absolute; top:2px; font-size:47px; font-weight:900; line-height:1; font-style:normal; letter-spacing:-.2em; }
.logo-mark i:first-child { left:0; }
.logo-mark i:last-child { left:27px; }
nav { margin-left:auto; display:flex; align-items:center; gap:clamp(17px,2.4vw,39px); }
nav a { position:relative; padding:38px 0 34px; font-size:13px; white-space:nowrap; }
nav a::after { content:""; position:absolute; left:0; right:0; bottom:24px; height:2px; background:var(--green); transform:scaleX(0); transition:.3s ease; }
nav a:hover::after { transform:scaleX(1); }
.phone-button { min-height:52px; padding:0 22px; display:flex; align-items:center; gap:12px; color:#fff; background:var(--green); border-radius:4px; font-weight:700; font-size:14px; transition:.25s ease; }
.phone-button:hover { background:var(--green-dark); transform:translateY(-2px); }
.menu-button { display:none; margin-left:auto; padding:10px; background:none; border:0; }

.hero { min-height:765px; padding-top:94px; display:grid; grid-template-columns:44% 56%; background-color:var(--ivory); background-image:linear-gradient(135deg,rgba(0,123,72,.06),transparent 45%); }
.hero-copy { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; padding:70px clamp(25px,4.4vw,85px); }
.eyebrow { margin:0 0 24px; color:var(--green); font-size:11px; font-weight:800; letter-spacing:.22em; }
.eyebrow b { margin:0 7px; }
h1,h2 { margin:0; letter-spacing:-.055em; }
h1 { font-size:clamp(61px,6vw,108px); line-height:.86; }
h1 em,h2 em { color:var(--green); font-family:Georgia,serif; font-weight:400; }
.hero-copy>p:last-of-type { max-width:520px; margin:30px 0 0; color:var(--muted); font-size:clamp(17px,1.6vw,23px); line-height:1.55; }
.hero-actions { margin-top:33px; display:flex; flex-wrap:wrap; gap:14px; }
.btn { min-height:58px; padding:0 25px; display:flex; align-items:center; justify-content:space-between; gap:38px; border:1px solid var(--green); font-size:14px; font-weight:700; transition:.25s ease; }
.btn span { font-size:22px; font-weight:400; transition:.25s ease; }
.btn:hover { transform:translateY(-3px); }
.btn:hover span { transform:translateX(5px); }
.solid { color:#fff; background:var(--green); }
.outline { color:var(--green-dark); }
.hero-image { position:relative; min-width:0; overflow:hidden; clip-path:polygon(14% 0,100% 0,100% 100%,0 100%); }
.hero-image>img { width:100%; height:100%; display:block; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.8,.2,1); }
.hero:hover .hero-image>img { transform:scale(1.035); }
.project-callout { position:absolute; right:3%; bottom:4%; min-width:min(515px,72%); padding:18px; display:grid; grid-template-columns:58px 1fr 30px; gap:18px; align-items:center; color:#fff; background:rgba(0,78,50,.88); border:1px solid rgba(255,255,255,.38); border-radius:5px; backdrop-filter:blur(12px); }
.project-callout .building-icon { width:58px; height:58px; display:grid; place-items:center; color:var(--green); background:#fff; border-radius:5px; font-size:28px; }
.project-callout p { margin:0; display:grid; gap:5px; }
.project-callout strong { font-size:18px; }
.project-callout small { color:rgba(255,255,255,.7); }
.project-callout>span:last-child { font-size:25px; }

.feature-strip { position:relative; z-index:3; padding:0 clamp(30px,5vw,95px); display:grid; grid-template-columns:repeat(3,1fr); color:#fff; background:linear-gradient(110deg,var(--green-deep),var(--green)); }
.feature-strip article { min-height:126px; padding:22px 35px; display:flex; align-items:center; gap:24px; border-right:1px solid rgba(255,255,255,.25); }
.feature-strip article:last-child { border:0; }
.feature-icon { width:58px; height:58px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.08); font-size:28px; }
.feature-strip h3 { margin:0 0 8px; font-size:19px; }
.feature-strip p { margin:0; color:rgba(255,255,255,.68); font-size:12px; line-height:1.55; }

.section { padding:clamp(90px,10vw,170px) clamp(24px,5.5vw,105px); }
.section-top { display:flex; justify-content:space-between; align-items:flex-end; gap:60px; }
.section h2,.network h2,.contact h2 { font-size:clamp(53px,5.8vw,95px); line-height:.96; }
.section-top>p { max-width:530px; margin:0; color:var(--muted); line-height:1.8; }
.project-grid { margin-top:70px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.project-card { background:#fff; border:1px solid var(--line); transition:.35s ease; }
.project-card:hover { transform:translateY(-8px); box-shadow:0 28px 70px rgba(29,48,39,.13); }
.project-media { position:relative; height:330px; overflow:hidden; }
.project-media img { width:100%; height:100%; display:block; object-fit:cover; transition:.8s ease; }
.project-card:hover img { transform:scale(1.05); }
.project-media>span { position:absolute; left:18px; top:18px; padding:9px 13px; color:#fff; background:var(--green); border-radius:3px; font-size:9px; font-weight:800; letter-spacing:.1em; }
.project-info { min-height:170px; padding:25px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.project-info h3 { margin:0 0 12px; font-size:25px; }
.project-info p { max-width:360px; margin:0; color:var(--muted); font-size:13px; line-height:1.65; }
.project-info a { width:48px; height:48px; flex:0 0 auto; display:grid; place-items:center; color:var(--green); border:1px solid var(--line); border-radius:50%; transition:.25s ease; }
.project-info a:hover { color:#fff; background:var(--green); transform:rotate(-25deg); }

.network { position:relative; min-height:830px; padding:clamp(90px,10vw,165px) clamp(24px,8vw,150px); display:grid; grid-template-columns:1fr 1fr; align-items:center; color:#fff; background:var(--green-deep); overflow:hidden; }
.network::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 16% 50%,rgba(31,156,96,.45),transparent 33%),linear-gradient(125deg,transparent 40%,rgba(255,255,255,.04) 40.2%,transparent 40.4%); }
.network-graphic { position:relative; min-height:500px; display:grid; place-items:center; }
.network-graphic span { width:210px; height:210px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.3); border-radius:50%; font-size:88px; font-weight:900; letter-spacing:-.14em; }
.network-graphic i { position:absolute; width:25px; height:25px; border:5px solid #fff; border-radius:50%; box-shadow:0 0 0 15px rgba(255,255,255,.08); }
.network-graphic i:nth-of-type(1){top:7%;left:48%}.network-graphic i:nth-of-type(2){top:42%;left:10%}.network-graphic i:nth-of-type(3){bottom:7%;left:32%}.network-graphic i:nth-of-type(4){top:30%;right:8%}.network-graphic i:nth-of-type(5){bottom:9%;right:25%}
.network-copy { position:relative; max-width:660px; }
.eyebrow.light { color:#83d3a9; }
.network-copy>p:nth-of-type(2) { margin:34px 0; color:rgba(255,255,255,.67); font-size:17px; line-height:1.8; }
.network-list { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:rgba(255,255,255,.15); }
.network-list span { padding:19px; background:var(--green-deep); font-size:13px; }
.network-list span::before { content:"✓"; margin-right:11px; color:#83d3a9; }
.text-link { margin-top:35px; display:inline-flex; gap:32px; align-items:center; color:#83d3a9; font-weight:700; }

.corporate { display:grid; grid-template-columns:1fr 1fr; gap:clamp(70px,11vw,190px); align-items:center; }
.corporate-copy>p { margin:0 0 24px; color:var(--muted); font-size:16px; line-height:1.85; }
.values { margin-top:50px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.values span { padding:20px 10px 0 0; display:grid; gap:15px; font-size:13px; }
.values b { color:var(--green); font-size:10px; }

.faq { display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(60px,10vw,180px); background:#edf2ed; }
.faq-list { border-top:1px solid var(--line); }
.faq details { border-bottom:1px solid var(--line); }
.faq summary { min-height:90px; display:grid; grid-template-columns:42px 1fr 30px; align-items:center; cursor:pointer; list-style:none; font-size:20px; font-weight:700; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary b { color:var(--green); font-size:10px; }
.faq summary i { color:var(--green); font-size:24px; font-style:normal; font-weight:400; transition:.25s ease; }
.faq details[open] summary i { transform:rotate(45deg); }
.faq details p { padding:0 42px 27px; margin:0; color:var(--muted); line-height:1.75; }

.contact { padding:clamp(100px,11vw,180px) clamp(24px,7vw,130px); color:#fff; background:linear-gradient(120deg,var(--green-deep),var(--green)); }
.contact-title>p:last-child { max-width:600px; margin:30px 0 0; color:rgba(255,255,255,.68); font-size:17px; line-height:1.7; }
.contact h2 em { color:#91dab4; }
.contact-grid { margin-top:65px; display:grid; grid-template-columns:.8fr 1.2fr 1.55fr; border-top:1px solid rgba(255,255,255,.28); border-bottom:1px solid rgba(255,255,255,.28); }
.contact-grid a { position:relative; min-height:155px; padding:27px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid rgba(255,255,255,.28); transition:.25s ease; }
.contact-grid a:last-child { border:0; }
.contact-grid a:hover { background:rgba(255,255,255,.08); }
.contact-grid small { color:rgba(255,255,255,.55); font-size:9px; letter-spacing:.2em; }
.contact-grid strong { max-width:450px; font-size:clamp(16px,1.45vw,22px); line-height:1.55; }
.contact-grid a>span { position:absolute; right:25px; top:25px; font-size:22px; transition:.25s ease; }
.contact-grid a:hover>span { transform:translateX(5px); }
.contact-form { margin-top:70px; padding-top:55px; display:grid; grid-template-columns:.72fr 1.5fr; gap:clamp(45px,8vw,135px); border-top:1px solid rgba(255,255,255,.28); }
.form-heading { display:flex; flex-direction:column; gap:18px; }
.form-heading small { color:rgba(255,255,255,.55); font-size:9px; letter-spacing:.2em; }
.form-heading strong { max-width:380px; font-size:clamp(31px,3vw,48px); line-height:1.1; }
.form-fields { display:grid; grid-template-columns:repeat(2,1fr); gap:28px 18px; }
.form-fields label:not(.consent):not(.honeypot) { display:grid; gap:10px; color:rgba(255,255,255,.68); font-size:10px; letter-spacing:.1em; }
.form-fields input:not([type="checkbox"]),.form-fields textarea,.form-fields select { width:100%; padding:14px 0; color:#fff; background:transparent; border:0; border-bottom:1px solid rgba(255,255,255,.4); border-radius:0; outline:0; font:15px Arial,sans-serif; resize:vertical; }
.form-fields select option { color:var(--ink); background:#fff; }
.form-fields input:focus,.form-fields textarea:focus,.form-fields select:focus { border-bottom-color:#fff; }
.form-fields .full { grid-column:1/-1; }
.honeypot { position:absolute!important; left:-10000px!important; }
.consent { display:flex; align-items:flex-start; gap:12px; color:rgba(255,255,255,.7); font-size:12px; line-height:1.6; }
.consent input { width:18px; height:18px; margin-top:2px; accent-color:#91dab4; }
.consent button { padding:0; color:#fff; background:none; border:0; border-bottom:1px solid rgba(255,255,255,.65); cursor:pointer; }
.form-submit { display:flex; align-items:center; gap:22px; }
.form-button { color:var(--green-deep); background:#91dab4; border-color:#91dab4; cursor:pointer; }
.form-button:disabled { opacity:.55; cursor:wait; }
#form-status { margin:0; color:rgba(255,255,255,.75); font-size:12px; }
#form-status.success { color:#c9f5dc; }
#form-status.error { color:#ffd8c9; }

footer { padding:42px clamp(24px,5.5vw,105px); display:grid; grid-template-columns:1fr auto auto; gap:45px; align-items:center; background:#fff; }
.footer-logo .logo-mark { transform:scale(.8); transform-origin:left center; width:55px; }
.footer-logo strong { font-size:21px; }
.footer-logo small { font-size:7px; }
footer>div { display:flex; gap:27px; }
footer a,footer button { color:var(--muted); font-size:12px; }
footer button { padding:0; background:none; border:0; cursor:pointer; }
footer>small { color:var(--muted); font-size:10px; }

.modal-bg { position:fixed; inset:0; z-index:100; padding:24px; display:grid; place-items:center; background:rgba(0,25,18,.77); backdrop-filter:blur(10px); }
.modal { position:relative; width:min(850px,100%); max-height:84vh; overflow:auto; padding:clamp(34px,5vw,65px); background:#fff; box-shadow:0 30px 100px rgba(0,0,0,.35); }
.modal h2 { font-size:clamp(38px,5vw,62px); }
.modal h3 { margin:32px 0 8px; font-size:20px; }
.modal>p:not(.eyebrow) { color:var(--muted); line-height:1.8; }
.modal .date { color:var(--green)!important; font-size:11px; }
.modal-close { position:absolute; right:20px; top:15px; padding:5px; background:none; border:0; cursor:pointer; font-size:32px; }
[hidden] { display:none!important; }
body.modal-open { overflow:hidden; }
[data-reveal] { opacity:0; transform:translateY(30px); transition:.8s ease; }
[data-reveal].visible { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

@media(max-width:1120px){
  .header{height:80px}.logo-mark{transform:scale(.8);transform-origin:left center;width:52px}.logo strong{font-size:23px}.logo small{font-size:7px}nav{gap:17px}nav a{font-size:11px}.phone-button{padding:0 15px;font-size:12px}
  .hero{padding-top:80px;min-height:700px;grid-template-columns:47% 53%}.feature-strip{padding:0 25px}.feature-strip article{padding:20px}.project-media{height:270px}
}
@media(max-width:850px){
  .header{height:74px;padding:0 20px}.phone-button{display:none}.menu-button{display:grid;gap:7px}.menu-button i{display:block;width:27px;height:1px;background:var(--ink)}
  nav{position:fixed;inset:74px 0 auto;padding:20px;display:grid;gap:0;background:#fff;border-bottom:1px solid var(--line);transform:translateY(-130%);opacity:0;transition:.3s ease}nav.open{transform:none;opacity:1}nav a{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}nav a::after{display:none}
  .hero{padding-top:74px;display:flex;flex-direction:column}.hero-copy{min-height:600px;padding:85px 24px 70px}.hero-image{min-height:520px;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}.project-callout{right:20px;bottom:20px;min-width:calc(100% - 40px)}
  .feature-strip{grid-template-columns:1fr;padding:0 24px}.feature-strip article{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
  .section{padding:90px 24px}.section-top{display:grid}.project-grid{grid-template-columns:1fr}.project-media{height:380px}
  .network{padding:100px 24px;grid-template-columns:1fr}.network-graphic{position:absolute;inset:0;opacity:.25}.network-copy{z-index:2}
  .corporate,.faq{grid-template-columns:1fr;gap:65px}.contact{padding:100px 24px}.contact-grid{grid-template-columns:1fr}.contact-grid a{min-height:125px;border-right:0;border-bottom:1px solid rgba(255,255,255,.28)}
  .contact-form{grid-template-columns:1fr}
  footer{grid-template-columns:1fr;gap:28px}
}
@media(max-width:480px){
  .logo-mark{width:43px}.logo>span:last-child small{display:none}.logo strong{font-size:20px}h1{font-size:56px}.hero-actions{display:grid}.btn{width:100%}.project-media{height:280px}.network-list,.values{grid-template-columns:1fr}.project-callout{grid-template-columns:48px 1fr 20px}.project-callout .building-icon{width:48px;height:48px}.project-callout strong{font-size:14px}.project-callout small{font-size:10px}.faq summary{font-size:16px}footer>div{justify-content:space-between}.form-fields{grid-template-columns:1fr}.form-fields .full{grid-column:auto}.form-submit{align-items:stretch;flex-direction:column}
}

/* Hakkımızda - değerler ve imza düzeni */
.corporate-copy .values {
    width: 100%;
    margin-bottom: 0;
}

.corporate-signature {
    width: 100%;
    clear: both;
    margin-top: 38px;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.10);

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

.corporate-signature strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .03em;
}

.corporate-signature em {
    display: block;
    font-size: 13px;
    font-style: italic;
    opacity: .65;
}