:root { --green:#007b48; --green-dark:#005d3a; --green-deep:#003e2b; --sage:#dce9df; --ivory:#f7f5ef; --ink:#172124; --muted:#65706e; --line:rgba(23,33,36,.14); --gold:#c8a969; --shadow:0 24px 65px rgba(16,55,39,.12); }
* { 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); box-shadow:0 10px 35px rgba(16,55,39,.06); 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:visible; }
.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); }
.hero-copy::before { content:"SK"; position:absolute; left:clamp(16px,2.6vw,48px); top:13%; z-index:-1; color:rgba(0,123,72,.045); font-size:clamp(150px,19vw,340px); font-weight:900; line-height:.75; letter-spacing:-.14em; pointer-events:none; }
.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); border-radius:4px; font-size:14px; font-weight:700; box-shadow:0 12px 30px rgba(0,93,58,.08); 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)); box-shadow:0 25px 70px rgba(0,62,43,.2); }
.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 { position:relative; background:#fff; border:1px solid var(--line); border-radius:7px; box-shadow:0 12px 35px rgba(29,48,39,.055); overflow:hidden; transition:.35s ease; }
.project-card::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,var(--green),var(--gold)); transform:scaleX(0); transform-origin:left; transition:.45s ease; }
.project-card:hover::after { transform:scaleX(1); }
.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 { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:clamp(70px,11vw,190px); align-items:center; background:linear-gradient(145deg,#fff 0%,var(--ivory) 58%,rgba(220,233,223,.72) 100%); }
.corporate::before { content:""; position:absolute; top:0; left:clamp(24px,5.5vw,105px); width:90px; height:3px; background:linear-gradient(90deg,var(--green),var(--gold)); }
.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 15px 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:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:0 24px 55px rgba(16,55,39,.14);backdrop-filter:blur(18px);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){
  .header{padding:0 16px}.logo{gap:9px}.logo-mark{width:47px;height:47px;transform:none;overflow:visible}.logo-mark i{top:5px;font-size:36px}.logo-mark i:last-child{left:21px}.logo-mark::after{left:1px;bottom:3px;width:45px;height:5px}.logo>span:last-child{gap:2px}.logo>span:last-child small{display:block;font-size:6px;letter-spacing:.18em}.logo strong{font-size:18px}.menu-button{padding-right:2px}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;
}

/* Premium yüzey dokunuşları */
.eyebrow::before { content:""; display:inline-block; width:24px; height:1px; margin:0 10px 3px 0; background:currentColor; }
.project-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(0,36,24,.24)); pointer-events:none; }
.project-media>span { z-index:1; box-shadow:0 8px 24px rgba(0,62,43,.2); }
.contact-grid a::before { content:""; position:absolute; inset:auto 27px 18px; height:1px; background:rgba(255,255,255,.7); transform:scaleX(0); transform-origin:left; transition:.3s ease; }
.contact-grid a:hover::before { transform:scaleX(1); }
::selection { color:#fff; background:var(--green); }

/* ===== SKGARANTİ SIGNATURE EXPERIENCE ===== */
.scroll-progress { position:fixed; inset:0 0 auto; z-index:120; height:3px; background:rgba(0,62,43,.08); pointer-events:none; }
.scroll-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--green),#42ad79,var(--gold)); box-shadow:0 0 15px rgba(0,123,72,.45); }
.header.is-scrolled { height:78px; background:rgba(255,255,255,.96); box-shadow:0 14px 45px rgba(7,45,31,.12); }
.header,.header .logo-mark,.header nav a { transition:.3s ease; }
.header nav a.active { color:var(--green); font-weight:700; }
.header nav a.active::after { transform:scaleX(1); }

.hero::after { content:""; position:absolute; left:0; right:56%; bottom:0; height:1px; background:linear-gradient(90deg,transparent,var(--gold)); }
.hero { position:relative; }
.hero-copy { isolation:isolate; }
.hero-copy h1 { text-wrap:balance; }
.hero-copy h1 em { position:relative; }
.hero-copy h1 em::after { content:""; position:absolute; left:2px; right:0; bottom:-8px; height:7px; opacity:.32; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 10' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C70 1 190 2 298 6' fill='none' stroke='%23007b48' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat; }
.hero-image::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(0,35,23,.18),transparent 35%),linear-gradient(0deg,rgba(0,35,23,.22),transparent 40%); pointer-events:none; }
.hero-index { position:absolute; top:125px; right:4%; z-index:2; color:rgba(255,255,255,.82); font-size:10px; font-weight:700; letter-spacing:.25em; writing-mode:vertical-rl; }
.hero-trust { margin-top:32px; padding-top:22px; display:flex; gap:clamp(18px,2.6vw,42px); border-top:1px solid var(--line); }
.hero-trust span { display:grid; gap:4px; }
.hero-trust b { color:var(--green-deep); font-family:Georgia,serif; font-size:21px; font-weight:500; }
.hero-trust small { color:var(--muted); font-size:9px; letter-spacing:.08em; }
.project-callout { z-index:2; box-shadow:0 24px 55px rgba(0,35,23,.25); }

.numbers { padding:0 clamp(24px,5.5vw,105px); display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border-bottom:1px solid var(--line); }
.numbers article { min-height:155px; padding:34px clamp(18px,3vw,48px); display:flex; flex-direction:column; justify-content:center; border-right:1px solid var(--line); }
.numbers article:first-child { border-left:1px solid var(--line); }
.numbers strong { color:var(--green); font-family:Georgia,serif; font-size:clamp(38px,4vw,64px); font-weight:400; line-height:1; }
.numbers span { margin-top:12px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }

.projects { position:relative; }
.projects::before { content:"PROJECTS"; position:absolute; right:-2vw; top:8%; color:rgba(0,123,72,.035); font-size:clamp(90px,14vw,245px); font-weight:900; letter-spacing:-.08em; pointer-events:none; }
.project-card:nth-child(2) { transform:translateY(35px); }
.project-card:nth-child(2):hover { transform:translateY(27px); }
.project-info h3::before { content:""; display:block; width:28px; height:2px; margin-bottom:14px; background:linear-gradient(90deg,var(--green),var(--gold)); }

.process { position:relative; color:#fff; background:#071f18; overflow:hidden; }
.process::before { content:""; position:absolute; inset:0; opacity:.25; background:radial-gradient(circle at 78% 15%,rgba(53,171,112,.65),transparent 25%),linear-gradient(120deg,transparent 50%,rgba(255,255,255,.045) 50.2%,transparent 50.4%); }
.process-heading { position:relative; max-width:950px; display:grid; grid-template-columns:1.1fr .7fr; gap:40px; align-items:end; }
.process-heading .eyebrow,.process-heading h2 { grid-column:1; }
.process-heading>p:last-child { grid-column:2; grid-row:1/3; margin:0 0 8px; color:rgba(255,255,255,.62); line-height:1.8; }
.process h2 { color:#fff; }
.process h2 em { color:#8bd5ad; }
.process-steps { position:relative; margin-top:80px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.18); }
.process-steps article { position:relative; min-height:320px; padding:42px 30px 35px 0; border-right:1px solid rgba(255,255,255,.13); }
.process-steps article:not(:first-child) { padding-left:30px; }
.process-steps article::before { content:""; position:absolute; top:-5px; left:0; width:9px; height:9px; border:2px solid #8bd5ad; border-radius:50%; background:#071f18; }
.process-steps article:not(:first-child)::before { left:30px; }
.process-steps b { color:rgba(255,255,255,.13); font-family:Georgia,serif; font-size:70px; font-weight:400; line-height:1; }
.process-steps span { display:block; margin:16px 0 8px; color:#8bd5ad; font-size:9px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.process-steps h3 { margin:0 0 15px; font-size:22px; }
.process-steps p { margin:0; color:rgba(255,255,255,.57); font-size:13px; line-height:1.75; }

.network-graphic::before,.network-graphic::after { content:""; position:absolute; width:410px; height:410px; border:1px solid rgba(255,255,255,.08); border-radius:50%; animation:networkPulse 4s ease-in-out infinite; }
.network-graphic::after { width:330px; height:330px; animation-delay:-2s; }
.network-graphic i { animation:nodeFloat 3.8s ease-in-out infinite; }
.network-graphic i:nth-of-type(even) { animation-delay:-1.9s; }
@keyframes networkPulse { 50% { transform:scale(1.06); opacity:.45; } }
@keyframes nodeFloat { 50% { transform:translateY(-8px); box-shadow:0 0 0 22px rgba(255,255,255,.05); } }

.decision-banner { position:relative; min-height:620px; padding:clamp(90px,10vw,170px) clamp(24px,7vw,130px); display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(55px,9vw,150px); align-items:center; color:#fff; background:linear-gradient(115deg,rgba(0,44,30,.96),rgba(0,92,56,.82)),url('../img/project-villas.webp') center/cover fixed; overflow:hidden; }
.decision-banner::before { content:"SK"; position:absolute; left:-2vw; bottom:-9vw; color:rgba(255,255,255,.045); font-size:31vw; font-weight:900; letter-spacing:-.16em; line-height:1; }
.decision-banner h2 { position:relative; font-size:clamp(52px,6vw,100px); line-height:.92; letter-spacing:-.055em; }
.decision-banner h2 em { color:#96dfb8; font-family:Georgia,serif; font-weight:400; }
.decision-card { position:relative; padding:clamp(30px,4vw,58px); border:1px solid rgba(255,255,255,.25); background:rgba(0,35,23,.42); box-shadow:0 30px 90px rgba(0,0,0,.2); backdrop-filter:blur(16px); }
.decision-card>span { color:#98ddb8; font-size:9px; font-weight:800; letter-spacing:.24em; }
.decision-card p { margin:34px 0; font-family:Georgia,serif; font-size:clamp(23px,2.3vw,36px); font-style:italic; line-height:1.45; }
.decision-card .text-link { margin-top:0; color:#98ddb8; font-size:13px; }

.quick-actions { position:fixed; right:22px; bottom:22px; z-index:70; display:grid; gap:9px; }
.quick-actions a,.back-to-top { width:52px; height:52px; display:flex; align-items:center; justify-content:center; color:#fff; border:1px solid rgba(255,255,255,.35); border-radius:50%; box-shadow:0 13px 35px rgba(0,50,33,.22); transition:.3s ease; }
.quick-actions a { background:var(--green); }
.quick-actions b { position:absolute; right:62px; padding:8px 12px; color:#fff; background:var(--green-deep); border-radius:3px; opacity:0; transform:translateX(8px); pointer-events:none; white-space:nowrap; font-size:10px; transition:.25s ease; }
.quick-actions a:hover { transform:translateY(-3px) scale(1.04); background:var(--green-dark); }
.quick-actions a:hover b { opacity:1; transform:none; }
.back-to-top { position:fixed; right:22px; bottom:148px; z-index:69; padding:0; color:var(--green); background:#fff; border-color:var(--line); cursor:pointer; opacity:0; visibility:hidden; transform:translateY(12px); }
.back-to-top.visible { opacity:1; visibility:visible; transform:none; }
.back-to-top:hover { color:#fff; background:var(--green); }

@media(max-width:1120px){
  .header nav a[href="#surec"]{display:none}
  .process-steps article{padding-right:20px}.process-steps article:not(:first-child){padding-left:20px}.process-steps article:not(:first-child)::before{left:20px}
}
@media(max-width:850px){
  .header.is-scrolled{height:68px}.header.is-scrolled nav{inset:68px 0 auto}
  .hero-trust{gap:20px}.hero-trust small{max-width:85px}
  .numbers{grid-template-columns:repeat(2,1fr)}.numbers article:nth-child(2){border-right:0}.numbers article:nth-child(3){border-left:1px solid var(--line)}
  .project-card:nth-child(2),.project-card:nth-child(2):hover{transform:none}
  .process-heading{display:block}.process-heading>p:last-child{max-width:620px;margin-top:28px}.process-steps{grid-template-columns:repeat(2,1fr)}.process-steps article:nth-child(2){border-right:0}.process-steps article:nth-child(n+3){border-top:1px solid rgba(255,255,255,.13)}
  .decision-banner{grid-template-columns:1fr;background-attachment:scroll}.decision-card{max-width:650px}
}
@media(max-width:480px){
  .hero-copy{min-height:650px}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-trust b{font-size:17px}.hero-trust small{font-size:8px;line-height:1.4}
  .hero-index{display:none}.numbers article{min-height:125px;padding:25px 18px}.numbers strong{font-size:38px}.numbers span{font-size:8px;line-height:1.5}
  .process-steps{grid-template-columns:1fr}.process-steps article,.process-steps article:not(:first-child){min-height:auto;padding:35px 0;border-right:0;border-top:1px solid rgba(255,255,255,.13)}.process-steps article:not(:first-child)::before{left:0}.process-steps b{font-size:52px}
  .decision-banner{min-height:auto}.decision-card p{font-size:23px}
  .quick-actions{right:14px;bottom:14px}.quick-actions a,.back-to-top{width:48px;height:48px}.quick-actions b{display:none}.back-to-top{right:14px;bottom:126px}
}