/* Çağlayan Mekanik — site stilleri */
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope-latin.woff2") format("woff2");unicode-range:U+0000-024F,U+0259,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-218F,U+2190-21FF,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#0d1013;
  --ink-2:#14191e;
  --steel:#1d242b;
  --steel-2:#27303a;
  --line-dark:#ffffff1a;
  --paper:#f3f1ec;
  --paper-2:#e9e6df;
  --white:#ffffff;
  --text:#1a1f24;
  --text-2:#4c5560;
  --text-3:#6f7883;
  --on-dark:#e9edf1;
  --on-dark-2:#a9b3bd;
  --orange:#f2771f;
  --orange-2:#ff8f3d;
  --orange-deep:#c95a0c;
  --blue:#2b8cd8;
  --blue-2:#5aaef0;
  --fire:#e0412b;
  --accent:var(--orange);
  --wa:#1fa855;
  --radius:14px;
  --radius-sm:10px;
  --ease:cubic-bezier(.16,1,.3,1);
  --wrap:1240px;
  --gutter:clamp(18px,4vw,40px);
  --header-h:96px;
}
.page-yangin{--accent:#ef5a2a}
.page-su{--accent:var(--blue)}
.page-isitma{--accent:var(--orange)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}
body{margin:0;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","tnum" 0}
img,video,canvas,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.03em;line-height:1.06;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0}
::selection{background:var(--orange);color:#fff}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}
.wrap{width:min(var(--wrap),100% - var(--gutter)*2);margin-inline:auto}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--orange);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent)}
.on-dark .eyebrow,.eyebrow.light{color:var(--on-dark-2)}
.num{font-variant-numeric:tabular-nums}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:700;font-size:15.5px;letter-spacing:-.005em;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease),background-color .25s,border-color .25s,color .25s,box-shadow .25s;white-space:nowrap}
.btn svg{width:20px;height:20px;flex:none}
.btn:active{transform:scale(.97)}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 10px 30px -12px #1fa855aa}
.btn-wa:hover{background:#25bd61}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 30px -12px #f2771faa}
.btn-primary:hover{background:var(--orange-2)}
.btn-ghost{background:#ffffff10;color:#fff;border-color:#ffffff40;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn-ghost:hover{background:#ffffff1f;border-color:#ffffff70}
.btn-line{background:transparent;color:var(--text);border-color:#1a1f2433}
.btn-line:hover{border-color:var(--text);background:#1a1f240a}
.btn-sm{min-height:42px;padding:0 18px;font-size:14px}
.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--text);border-bottom:2px solid var(--accent);padding-bottom:2px;transition:gap .25s var(--ease)}
.text-link:hover{gap:12px}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto 0;z-index:80;height:var(--header-h);display:flex;align-items:center;transition:background-color .35s,box-shadow .35s,backdrop-filter .35s;color:#fff}
.site-header::before{content:"";position:absolute;inset:0 0 -34px 0;background:linear-gradient(#0d1013f7 0%,#0d1013e6 62%,#0d101300 100%);pointer-events:none;transition:opacity .35s}
.site-header.is-solid{background:#0d1013eb;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 var(--line-dark)}
.site-header.is-solid::before{opacity:0}
.header-inner{position:relative;display:flex;align-items:center;gap:28px;width:min(1360px,100% - var(--gutter)*2);margin-inline:auto}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand img{width:auto;height:42px}
.brand picture{display:block}
.brand .brand-logo{display:block;width:220px;max-width:100%;height:auto;object-fit:contain}
.footer-brand .brand{display:inline-flex}
.footer-brand .brand-logo{width:240px}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text b{font-size:17px;font-weight:800;letter-spacing:.02em}
.brand-text small{margin-top:5px;font-size:10.5px;font-weight:700;letter-spacing:.22em;color:var(--orange-2)}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.main-nav a{padding:10px 14px;border-radius:999px;font-size:14.5px;font-weight:600;color:#ffffffd9;transition:background-color .2s,color .2s}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:#fff;background:#ffffff14}
.header-actions{display:flex;align-items:center;gap:10px}
.header-phone{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:10px 12px;border-radius:999px;font-variant-numeric:tabular-nums}
.header-phone svg{width:18px;height:18px;color:var(--orange-2)}
.header-phone:hover{background:#ffffff14}
.menu-toggle{display:none;width:46px;height:46px;border-radius:999px;border:1px solid #ffffff33;background:#ffffff0d;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
@media (max-width:1080px){
  .main-nav{position:fixed;inset:var(--header-h) 0 auto 0;flex-direction:column;align-items:stretch;gap:2px;padding:14px var(--gutter) 22px;background:#0d1013f7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-dark);transform:translateY(-12px);opacity:0;visibility:hidden;transition:transform .35s var(--ease),opacity .25s,visibility 0s .35s}
  .main-nav a{padding:14px 12px;font-size:17px;border-radius:12px}
  .menu-open .main-nav{transform:none;opacity:1;visibility:visible;transition-delay:0s}
  .menu-toggle{display:inline-flex}
  .header-inner{gap:12px}
  .header-actions{margin-left:auto}
}
@media (max-width:640px){
  :root{--header-h:78px}
  .brand img{height:36px}
  .brand .brand-logo{width:160px}
  .brand-text b{font-size:15px}
  .brand-text small{font-size:9.5px}
  .header-phone span,.header-actions .btn-wa span{display:none}
  .header-actions .btn-wa{width:46px;min-height:46px;padding:0}
  .header-phone{width:46px;height:46px;justify-content:center;border:1px solid #ffffff33;padding:0}
}

/* ---------- Cinematic scroll stage ---------- */
.cine{position:relative;background:var(--ink);color:var(--on-dark)}
.cine-pin{position:relative;height:100svh;min-height:600px;overflow:hidden;isolation:isolate}
.cine-media{position:absolute;inset:0;background:var(--ink)}
.cine-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cine-before{opacity:0}
.cine-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s var(--ease)}
.cine-shade{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(0deg,#0d1013f2 0%,#0d1013a6 24%,#0d101300 56%),
  linear-gradient(90deg,#0d1013d9 0%,#0d101366 40%,#0d101300 68%)}
.cine-copy{position:absolute;left:clamp(20px,6vw,96px);bottom:clamp(128px,20vh,220px);width:min(780px,calc(100% - 40px));z-index:3}
.cine-copy .eyebrow{color:#ffffffc7;margin-bottom:22px}
.cine-copy h1,.cine-copy h2{font-size:clamp(2.5rem,6vw,5.4rem);color:#fff;letter-spacing:-.04em;line-height:1.0;margin-bottom:22px}
.cine-copy h1 em,.cine-copy h2 em{font-style:normal;color:var(--orange-2)}
.page-su .cine-copy h1 em{color:var(--blue-2)}
.cine-lede{font-size:clamp(1.02rem,1.3vw,1.22rem);line-height:1.65;color:#e4e9ee;max-width:52ch}
.cine-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.cine-hint{display:none}
.cine-stages{list-style:none;position:absolute;left:clamp(20px,6vw,96px);right:clamp(20px,6vw,96px);bottom:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;z-index:2;border-top:1px solid #ffffff26;padding-top:18px}
.cine-stages small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.18em;color:var(--orange-2);margin-bottom:6px}
.cine-stages b{display:block;font-size:1.15rem;color:#fff;margin-bottom:4px;letter-spacing:-.02em}
.cine-stages span{display:block;font-size:14px;line-height:1.55;color:var(--on-dark-2);max-width:36ch}
.cine-end{display:none}
.cine-rail{display:none}
.cine-note{position:absolute;left:clamp(20px,6vw,96px);bottom:12px;z-index:3;margin:0;font-size:10.5px;letter-spacing:.08em;color:#ffffff80}
.cine-toggle{display:none}
.js .cine-toggle{display:inline-flex;position:absolute;right:clamp(20px,6vw,96px);top:calc(var(--header-h) + 24px);z-index:4;align-items:center;min-height:42px;padding:8px 16px;border-radius:999px;border:1px solid #ffffff55;background:#0d10138c;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer}
.cine.show-before .cine-before{opacity:1}
.cine.show-before .cine-after{opacity:0}

.cine-motion .cine{height:var(--cine-h,430svh)}
.cine-motion .cine-pin{position:sticky;top:0}
.cine-motion .cine-toggle{display:none}
.cine-motion .cine-before{opacity:1}
.cine-motion .cine-after{opacity:var(--after,0)}
.cine-motion .cine.seq-ready .cine-canvas{opacity:1}
.cine-motion .cine.seq-ready .cine-img{opacity:0}
.cine-motion .cine-copy{will-change:transform,opacity}
.cine-motion .cine-shade{opacity:calc(1 - var(--rail,0) * .35)}
.cine-motion .cine-hint{display:flex;align-items:center;gap:12px;margin-top:30px;font-size:11.5px;font-weight:700;letter-spacing:.2em;color:#ffffffb3}
.cine-hint span{display:block;width:44px;height:2px;border-radius:2px;background:var(--orange);transform-origin:left;animation:hint 2.4s var(--ease) infinite}
@keyframes hint{0%{transform:scaleX(0)}55%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.cine-motion .cine-stages{display:block;border:0;padding:0;right:auto;width:min(600px,calc(100% - 40px));bottom:clamp(128px,20vh,220px)}
.cine-motion .cine-stages li{position:absolute;left:0;bottom:0;width:100%;opacity:0;transform:translateY(-14px);transition:opacity .22s ease-out,transform .3s ease-out}
.cine-motion .cine-stages li.is-active{opacity:1;transform:none;transition:opacity .6s var(--ease) .24s,transform .8s var(--ease) .24s}
.cine-motion .cine-stages small{font-size:12.5px;margin-bottom:14px}
.cine-motion .cine-stages b{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.02;letter-spacing:-.04em;margin-bottom:14px}
.cine-motion .cine-stages span{font-size:clamp(1rem,1.2vw,1.15rem);max-width:44ch;color:#e4e9ee}
.cine-motion .cine-stages:not(.is-on) li{opacity:0;transform:translateY(26px)}
.cine-motion .cine-end{display:flex;flex-wrap:wrap;gap:12px;position:absolute;left:clamp(20px,6vw,96px);bottom:clamp(40px,8vh,80px);z-index:4;opacity:0;transform:translateY(16px);visibility:hidden;transition:opacity .7s var(--ease),transform .8s var(--ease),visibility 0s .7s}
.cine-motion .cine-end.is-on,.cine-motion .cine-end:focus-within{opacity:1;transform:none;visibility:visible;transition-delay:0s}
.cine-motion .cine-rail{display:block;position:absolute;right:clamp(14px,2vw,28px);top:50%;height:36vh;width:2px;border-radius:2px;transform:translateY(-50%);background:#ffffff26;z-index:3}
.cine-rail span{position:absolute;inset:0;border-radius:2px;background:var(--orange);transform-origin:top;transform:scaleY(var(--rail,0))}
.cine-count{display:none}
.cine-motion .cine-count{display:block;position:absolute;right:clamp(28px,3.4vw,48px);top:calc(50% + 18vh + 14px);z-index:3;font-size:11px;font-weight:800;letter-spacing:.14em;color:#ffffffa6;font-variant-numeric:tabular-nums}
@media (max-width:640px){
  .cine-copy{bottom:clamp(110px,17vh,170px)}
  .cine-copy h1,.cine-copy h2{font-size:clamp(2.25rem,10.5vw,3.1rem)}
  .cine-ctas .btn{flex:1 1 auto}
  .cine-stages{display:none}
  .cine-motion .cine-stages{display:block;bottom:clamp(110px,17vh,170px)}
  .cine-motion .cine-end{left:20px;right:20px;bottom:96px}
  .cine-motion .cine-end .btn{flex:1 1 auto}
  .cine-shade{background:linear-gradient(0deg,#0d1013f5 0%,#0d1013b3 34%,#0d101300 66%)}
  .cine-motion .cine-count{display:none}
}

/* ---------- Sections ---------- */
.section{padding:clamp(80px,11vw,150px) 0}
.section-dark{background:var(--ink);color:var(--on-dark)}
.section-steel{background:var(--ink-2);color:var(--on-dark)}
.section-white{background:var(--white)}
.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,6vw,96px);align-items:end;margin-bottom:clamp(44px,6vw,76px)}
.section-head h2{font-size:clamp(2.2rem,4.6vw,4.1rem);margin-top:18px}
.section-head h2 em{font-style:normal;color:var(--accent)}
.section-head p{font-size:clamp(1rem,1.2vw,1.12rem);color:var(--text-2);max-width:54ch}
.section-dark .section-head p,.section-steel .section-head p{color:var(--on-dark-2)}
.section-dark h2,.section-steel h2{color:#fff}
@media (max-width:860px){.section-head{grid-template-columns:1fr;align-items:start}}

/* Trust strip */
.trust{background:var(--ink);color:var(--on-dark);border-top:1px solid var(--line-dark);padding:30px 0}
.trust-inner{display:flex;align-items:center;gap:clamp(20px,4vw,56px);flex-wrap:wrap}
.trust-facts{display:flex;gap:clamp(20px,3.4vw,48px);flex-wrap:wrap}
.trust-facts div{display:flex;flex-direction:column}
.trust-facts b{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:800;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.trust-facts span{font-size:13px;color:var(--on-dark-2)}
.trust-logos{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.trust-logos img{height:56px;width:auto;border-radius:8px;background:#fff;padding:3px 8px;object-fit:contain}
@media (max-width:860px){.trust-logos{margin-left:0}.trust-logos img{height:46px}}

/* Service cards (home) */
.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.svc{position:relative;display:flex;flex-direction:column;min-height:560px;border-radius:var(--radius);overflow:hidden;background:var(--steel);color:#fff;isolation:isolate}
.svc-img{position:absolute;inset:0;z-index:-2}
.svc-img img{width:100%;height:100%;object-fit:cover;transition:opacity .7s var(--ease),transform 1.4s var(--ease)}
.svc-img img+img{position:absolute;inset:0;opacity:0}
.svc:hover .svc-img img{transform:scale(1.04)}
.svc:hover .svc-img img+img,.svc:focus-visible .svc-img img+img{opacity:1}
.svc::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d1013fa 0%,#0d1013e6 38%,#0d10138c 62%,#0d101314 86%)}
.svc-body{margin-top:auto;padding:clamp(22px,2.4vw,32px)}
.svc-tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-2);margin-bottom:14px}
.svc h3{font-size:clamp(1.7rem,2.4vw,2.2rem);margin-bottom:12px}
.svc p{font-size:15px;color:#d5dce3;margin-bottom:18px}
.svc ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.svc li{font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:999px;background:#ffffff17;border:1px solid #ffffff22}
.svc-more{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px}
.svc-more i{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--orange);align-items:center;justify-content:center;transition:transform .3s var(--ease)}
.svc-more svg{width:18px;height:18px}
.svc:hover .svc-more i{transform:translateX(4px)}
.svc-hover{position:absolute;top:18px;right:18px;font-size:11px;font-weight:700;letter-spacing:.1em;padding:6px 10px;border-radius:999px;background:#0d10138c;border:1px solid #ffffff2e;color:#ffffffd0}
@media (max-width:980px){.services{grid-template-columns:1fr}.svc{min-height:440px}}

/* Extra services list */
.extra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(14px,1.6vw,22px);background:#1a1f241a;border:1px solid #1a1f241a;border-radius:var(--radius);overflow:hidden}
.extra div{background:var(--paper);padding:26px 24px}
.extra b{display:block;font-size:1.06rem;margin-bottom:6px;letter-spacing:-.02em}
.extra span{font-size:14.5px;color:var(--text-2)}
@media (max-width:980px){.extra{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.extra{grid-template-columns:1fr}}

/* Segments */
.segments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.seg{border:1px solid var(--line-dark);border-radius:var(--radius);padding:24px 20px 22px;background:#ffffff06}
.seg svg{width:30px;height:30px;color:var(--orange-2);margin-bottom:18px}
.seg b{display:block;color:#fff;font-size:1.08rem;margin-bottom:6px;letter-spacing:-.02em}
.seg span{font-size:14px;color:var(--on-dark-2);line-height:1.55}
@media (max-width:1080px){.segments{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.segments{grid-template-columns:1fr 1fr}.seg{padding:20px 16px}}

/* Scope (service page) */
.scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.scope-item{background:var(--white);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 #1a1f2414,0 24px 48px -36px #1a1f2440}
.scope-item figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--paper-2)}
.scope-item figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.scope-item:hover figure img{transform:scale(1.04)}
.scope-body{padding:24px 24px 26px}
.scope-body small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--accent);margin-bottom:10px}
.scope-body h3{font-size:1.4rem;margin-bottom:10px}
.scope-body p{font-size:15px;color:var(--text-2)}
.scope-tag{display:inline-flex;margin-top:14px;font-size:11.5px;font-weight:700;color:var(--text-3);letter-spacing:.06em}
.scope-text{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(14px,1.6vw,22px);background:#1a1f241a;border-radius:var(--radius);overflow:hidden;border:1px solid #1a1f241a}
.scope-text div{background:var(--paper);padding:24px}
.scope-text b{display:block;font-size:1.05rem;margin-bottom:6px;letter-spacing:-.02em}
.scope-text span{font-size:14.5px;color:var(--text-2)}
@media (max-width:980px){.scope{grid-template-columns:1fr 1fr}.scope-text{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.scope{grid-template-columns:1fr}.scope-text{grid-template-columns:1fr}}

/* Process */
.process{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);counter-reset:step}
.process li{position:relative;padding:28px 22px 26px;border-radius:var(--radius);background:#ffffff07;border:1px solid var(--line-dark)}
.process li::before{counter-increment:step;content:"0" counter(step);display:block;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--orange-2);margin-bottom:28px}
.process li::after{content:"";position:absolute;left:22px;right:22px;top:56px;height:1px;background:linear-gradient(90deg,var(--orange) 0 30%,#ffffff22 30%)}
.process b{display:block;font-size:1.2rem;color:#fff;margin-bottom:8px;letter-spacing:-.02em}
.process span{display:block;font-size:14.5px;color:var(--on-dark-2);line-height:1.6}
@media (max-width:1080px){.process{grid-template-columns:1fr 1fr}.process li:last-child{grid-column:1/-1}}
@media (max-width:560px){.process{grid-template-columns:1fr}}

/* Projects */
.projects{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto;gap:clamp(14px,1.6vw,22px)}
.proj{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--steel);color:#fff;min-height:320px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.proj:first-child{grid-row:span 2;min-height:640px}
.proj>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--ease)}
.proj:hover>img{transform:scale(1.03)}
.proj::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0d1013fa 0%,#0d1013d9 40%,#0d101366 66%,#0d101300 88%)}
.proj-body{padding:clamp(22px,2.6vw,34px)}
.proj-body small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--orange-2);margin-bottom:12px}
.proj-body h3{font-size:clamp(1.5rem,2.4vw,2.3rem);margin-bottom:10px}
.proj-body p{font-size:15px;color:#d5dce3;max-width:56ch}
.proj-body ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.proj-body li{font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:999px;background:#ffffff17;border:1px solid #ffffff22}
.proj-logo{background:linear-gradient(135deg,#1d242b,#0d1013);justify-content:space-between}
.proj-logo::after{display:none}
.proj-logo>.logo-chip{align-self:flex-start;margin:clamp(22px,2.6vw,34px) clamp(22px,2.6vw,34px) 0;background:#fff;border-radius:12px;padding:10px 16px}
.proj-logo>.logo-chip img{height:54px;width:auto}
.proj-label{position:absolute;top:18px;right:18px;font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:5px 9px;border-radius:999px;background:#0d1013a6;color:#ffffffc0}
@media (max-width:900px){.projects{grid-template-columns:1fr}.proj:first-child{grid-row:auto;min-height:480px}}

/* Field gallery */
.field{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.field figure{margin:0;position:relative;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:1/1;background:var(--steel)}
.field figure:nth-child(1){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.field img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.field figure:hover img{transform:scale(1.04)}
.field figcaption{position:absolute;left:10px;bottom:10px;right:10px;font-size:12.5px;font-weight:700;color:#fff;padding:7px 10px;border-radius:8px;background:#0d1013b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media (max-width:760px){.field{grid-template-columns:1fr 1fr}.field figure:nth-child(1){grid-column:span 2;aspect-ratio:4/3;grid-row:auto}}

/* References */
.refs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.refs .ref-svg img{width:78%;max-height:none;height:auto}
.trust-logos img.ref-svg{width:132px;padding:0 14px}
.refs div{background:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;padding:8px;box-shadow:0 1px 0 #1a1f2414}
.refs img{max-height:82%;max-width:92%;width:auto;object-fit:contain}
@media (max-width:1080px){.refs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.refs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Why / USP */
.why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,36px)}
.why div{border-top:2px solid var(--accent);padding-top:22px}
.why b{display:block;font-size:1.2rem;margin-bottom:8px;letter-spacing:-.02em}
.why span{font-size:15px;color:var(--text-2)}
@media (max-width:980px){.why{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.why{grid-template-columns:1fr}}

/* Second stage intro */
.stage-intro{background:var(--ink);color:var(--on-dark);padding:clamp(80px,10vw,130px) 0 clamp(40px,5vw,64px)}
.stage-intro h2{color:#fff;font-size:clamp(2.2rem,4.6vw,4.1rem);margin-top:18px;max-width:18ch}
.stage-intro h2 em{font-style:normal;color:var(--orange-2)}
.stage-intro p{color:var(--on-dark-2);max-width:60ch;margin-top:18px;font-size:clamp(1rem,1.2vw,1.12rem)}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,96px)}
.faq-list details{border-bottom:1px solid #1a1f241f}
.faq-list details:first-child{border-top:1px solid #1a1f241f}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:1.08rem;font-weight:700;letter-spacing:-.015em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--paper-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1f24' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s var(--ease),background-color .2s}
.faq-list details[open] summary::after{transform:rotate(45deg);background-color:var(--accent)}
.faq-list details p{padding:0 50px 24px 0;color:var(--text-2)}
@media (max-width:860px){.faq{grid-template-columns:1fr}}

/* Contact / lead */
.lead{background:var(--ink);color:var(--on-dark);position:relative;overflow:hidden}
.lead::before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-380px;border-radius:50%;background:radial-gradient(closest-side,#f2771f2e,#f2771f00);pointer-events:none}
.lead::after{content:"";position:absolute;width:700px;height:700px;left:-280px;bottom:-360px;border-radius:50%;background:radial-gradient(closest-side,#2b8cd82a,#2b8cd800);pointer-events:none}
.lead-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(36px,6vw,96px);align-items:start}
.lead-copy h2{color:#fff;font-size:clamp(2.3rem,4.8vw,4.3rem);margin:18px 0 22px}
.lead-copy h2 em{font-style:normal;color:var(--orange-2)}
.lead-copy>p{color:var(--on-dark-2);font-size:1.08rem;max-width:46ch}
.contact-list{list-style:none;margin-top:36px;display:grid;gap:12px}
.contact-list a,.contact-list div{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line-dark);background:#ffffff06;transition:background-color .25s,border-color .25s}
.contact-list a:hover{background:#ffffff0f;border-color:#ffffff33}
.contact-list i{flex:none;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff10}
.contact-list i svg{width:22px;height:22px}
.contact-list .c-wa i{background:var(--wa)}
.contact-list .c-tel i{background:var(--orange)}
.contact-list small{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--on-dark-2);text-transform:uppercase}
.contact-list b{display:block;font-size:1.08rem;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.contact-list address{font-style:normal;color:#fff;font-weight:600}
.form{background:var(--white);color:var(--text);border-radius:20px;padding:clamp(24px,3vw,40px);box-shadow:0 40px 80px -40px #000}
.form h3{font-size:clamp(1.5rem,2.2vw,1.9rem);margin-bottom:6px}
.form>p{color:var(--text-2);font-size:15px;margin-bottom:24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .full{grid-column:1/-1}
.field-l{display:flex;flex-direction:column;gap:7px}
.field-l label{font-size:13.5px;font-weight:700;color:var(--text)}
.field-l label span{font-weight:500;color:var(--text-3)}
.field-l input,.field-l select,.field-l textarea{width:100%;min-height:52px;padding:13px 15px;border-radius:12px;border:1.5px solid #1a1f2426;background:#fbfaf8;font-size:16px;transition:border-color .2s,box-shadow .2s,background-color .2s}
.field-l textarea{min-height:110px;resize:vertical}
.field-l select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1f24' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px}
.field-l input:focus,.field-l select:focus,.field-l textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px #f2771f26;background:#fff}
.field-l input[aria-invalid="true"]{border-color:#d33}
.form-err{display:none;font-size:13px;color:#c22;font-weight:600}
.form-err.is-on{display:block}
.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.form-actions .btn{flex:1 1 220px}
.form-note{margin-top:14px;font-size:12.5px;color:var(--text-3);line-height:1.55}
.form-note a{text-decoration:underline}
.form-ok{display:none;margin-top:14px;padding:12px 14px;border-radius:12px;background:#1fa85514;color:#137a3c;font-weight:600;font-size:14px}
.form-ok.is-on{display:block}
@media (max-width:960px){.lead-grid{grid-template-columns:1fr}}
@media (max-width:520px){.form-grid{grid-template-columns:1fr}}

/* CTA band */
.cta-band{background:var(--orange);color:#fff;padding:clamp(48px,6vw,80px) 0}
.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta-band h2{font-size:clamp(1.8rem,3.4vw,3rem);max-width:20ch}
.cta-band .btn-line{color:#fff;border-color:#ffffff80}
.cta-band .btn-line:hover{background:#ffffff1a;border-color:#fff}
.cta-band .btns{display:flex;gap:12px;flex-wrap:wrap}
.cta-band .btn-dark{background:var(--ink);color:#fff}
.cta-band .btn-dark:hover{background:#000}

/* Footer */
.site-footer{background:#090b0d;color:var(--on-dark-2);padding:clamp(56px,7vw,90px) 0 calc(28px + env(safe-area-inset-bottom))}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:clamp(24px,4vw,56px)}
.site-footer h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.site-footer ul{list-style:none;display:grid;gap:9px}
.site-footer a:hover{color:#fff}
.footer-brand p{margin-top:18px;max-width:38ch;font-size:14.5px}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid var(--line-dark);font-size:13px}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}

/* Floating / mobile action bar */
.fab-wa{position:fixed;right:22px;bottom:22px;z-index:70;width:62px;height:62px;border-radius:50%;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 36px -12px #1fa855cc;transition:transform .3s var(--ease)}
.fab-wa svg{width:30px;height:30px}
.fab-wa:hover{transform:scale(1.06)}
.mbar{display:none}
@media (max-width:760px){
  .fab-wa{display:none}
  .mbar{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:75;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#0d1013f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line-dark);transform:translateY(0);transition:transform .35s var(--ease)}
  .mbar .btn{min-height:50px;font-size:15px}
  .mbar .btn-tel{background:#ffffff14;color:#fff;border:1px solid #ffffff2e}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .menu-open .mbar{transform:translateY(110%)}
}

/* Consent */
.consent{position:fixed;left:16px;bottom:16px;z-index:90;width:min(440px,calc(100% - 32px));background:#fff;color:var(--text);border-radius:16px;padding:20px 20px 18px;box-shadow:0 30px 70px -20px #000a;display:none}
.consent.is-on{display:block}
.consent p{font-size:14px;color:var(--text-2);margin-bottom:14px}
.consent p a{text-decoration:underline}
.consent .row{display:flex;gap:8px}
.consent .btn{flex:1;min-height:44px;font-size:14px}
@media (max-width:760px){.consent{bottom:calc(84px + env(safe-area-inset-bottom))}}

/* Reveal */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform 1s var(--ease)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js .rv{opacity:1;transform:none;transition:none}
  *{animation:none!important;scroll-behavior:auto!important}
}

/* Legal page */
.legal{padding:calc(var(--header-h) + 60px) 0 100px;background:var(--paper)}
.legal .wrap{max-width:820px}
.legal h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:24px}
.legal h2{font-size:1.4rem;margin:36px 0 10px}
.legal p,.legal li{color:var(--text-2);margin-bottom:10px}
.legal ul{padding-left:20px}
.legal-hero{background:var(--ink)}
.page-404{min-height:100svh;display:flex;align-items:center;background:var(--ink);color:#fff;padding:calc(var(--header-h) + 40px) 0 60px}
.page-404 h1{font-size:clamp(2.4rem,6vw,4.6rem);margin:18px 0}
.page-404 p{color:var(--on-dark-2);max-width:50ch;margin-bottom:28px}