@font-face { font-family:"Archivo"; src:url(fonts/archivo-latin-standard-normal.woff2) format("woff2"); font-weight:100 900; font-stretch:62% 125%; font-display:swap; unicode-range:U+0000-00FF,U+2000-206F,U+20AC; }
@font-face { font-family:"Archivo"; src:url(fonts/archivo-latin-ext-standard-normal.woff2) format("woff2"); font-weight:100 900; font-stretch:62% 125%; font-display:swap; unicode-range:U+0100-02AF,U+1E00-1EFF; }
:root { --night:#07121d; --deep:#0c1f30; --blue:#2d8ac7; --sky:#7cc4f2; --paper:#f3f5f6; --ink:#0b1a27; --mute:#8fa5b6; --mute-d:#4c5d6b; --line:rgba(255,255,255,.13); --line-d:#d7dde1; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; background:var(--night); color:#fff; font:400 17px/1.6 "Archivo",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
.defs { position:absolute; }
.wrap { width:min(1200px,100% - 40px); margin-inline:auto; }
h1,h2,h3 { margin:0; }
h2 { font-size:clamp(32px,4.6vw,58px); line-height:1.04; font-weight:700; font-stretch:112%; letter-spacing:-.025em; text-wrap:balance; }
h3 { font-size:19px; font-weight:600; letter-spacing:-.005em; }
a { color:inherit; }
:focus-visible { outline:2px solid var(--sky); outline-offset:3px; }
.kicker { margin:0 0 18px; font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--sky); }
.kicker.dark { color:#04548a; }

.nav { position:fixed; z-index:10; inset:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px max(20px,calc((100% - 1200px)/2)); background:rgba(7,18,29,.82); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; font-weight:500; font-stretch:115%; letter-spacing:.12em; text-decoration:none; font-size:15px; white-space:nowrap; } .brand svg { width:28px; height:28px; } .brand b { font-weight:300; }
.nav nav { display:flex; gap:30px; } .nav nav a { font-size:15px; color:#c6d3dd; text-decoration:none; transition:color .2s; } .nav nav a:hover { color:#fff; }
.nav-call { font-size:15px; font-weight:600; text-decoration:none; white-space:nowrap; }

.btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 26px; font-weight:600; font-size:16px; text-decoration:none; border-radius:4px; transition:background .2s,color .2s,transform .2s,border-color .2s; }
.btn:active { transform:translateY(1px); }
.btn.primary { background:#fff; color:var(--night); } .btn.primary:hover { background:var(--sky); }
.btn.ghost { box-shadow:inset 0 0 0 1px rgba(255,255,255,.35); } .btn.ghost:hover { box-shadow:inset 0 0 0 1px #fff; }
.actions { display:flex; flex-wrap:wrap; gap:12px; }

.hero { position:relative; min-height:100dvh; padding:128px 0 0; display:flex; flex-direction:column; overflow:hidden; background:#000; }
.hero-in { position:relative; }
h1 { font-size:clamp(44px,7.4vw,108px); line-height:.93; font-weight:800; font-stretch:118%; letter-spacing:-.04em; text-transform:uppercase; margin-bottom:34px; }
h1 em { font-style:normal; color:transparent; -webkit-text-stroke:1.5px var(--sky); }
.hero-row { display:flex; justify-content:space-between; align-items:flex-end; gap:36px; flex-wrap:wrap; }
.lead { margin:0; max-width:31em; font-size:19px; color:#c6d3dd; }

.ppf { background:var(--paper); color:var(--ink); padding:clamp(70px,10vw,130px) 0; }
.two { display:grid; grid-template-columns:1fr 1fr; gap:clamp(36px,6vw,90px); align-items:start; } .two.center { align-items:center; }
.body { margin:24px 0 0; color:var(--mute-d); font-size:18px; max-width:33em; }
.layers { margin:0; display:grid; gap:0; }
.hit { font-size:14px; font-weight:600; color:var(--mute-d); padding-bottom:14px; }
.layer { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:0 22px; }
.layer span { font-weight:600; } .layer small { font-size:14px; opacity:.85; }
.film { min-height:68px; background:linear-gradient(100deg,rgba(45,138,199,.2),rgba(124,196,242,.55)); box-shadow:inset 0 0 0 1px rgba(4,84,138,.3); color:#03304f; }
.paint { min-height:96px; background:#04548a; color:#fff; }
.metal { min-height:68px; background:#26323c; color:#d6dee4; }
.benefits { list-style:none; padding:0; margin:clamp(50px,7vw,90px) 0 0; display:grid; grid-template-columns:repeat(3,1fr); column-gap:40px; }
.benefits li { padding:24px 0 30px; border-top:1px solid var(--line-d); } .benefits p { margin:8px 0 0; color:var(--mute-d); font-size:16px; }

.services { padding:clamp(70px,10vw,130px) 0; }
.svc { list-style:none; padding:0; margin:50px 0 0; }
.svc li { display:grid; grid-template-columns:70px minmax(0,1fr) minmax(0,1.2fr); gap:20px; align-items:baseline; padding:28px 0; border-top:1px solid var(--line); transition:padding .3s cubic-bezier(.2,.8,.2,1); } .svc li:last-child { border-bottom:1px solid var(--line); }
.svc li:hover { padding-left:14px; }
.svc .n { font-size:14px; color:var(--sky); font-variant-numeric:tabular-nums; } .svc h3 { font-size:clamp(22px,2.6vw,32px); font-weight:600; font-stretch:108%; letter-spacing:-.015em; } .svc p { margin:0; color:var(--mute); }

.lookup-sec { background:#e4eef5; color:var(--ink); padding:clamp(70px,9vw,120px) 0; }
.fine { font-size:15px; color:var(--mute-d); margin:16px 0 0; }
.lookup-box { min-height:390px; }

.why { padding:clamp(70px,10vw,130px) 0; background:var(--deep); }
.why-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:14px; margin-top:50px; }
.why-grid article { background:rgba(255,255,255,.05); padding:30px; border-radius:6px; } .why-a { grid-row:span 2; background:linear-gradient(150deg,#04548a,#0a2d47) !important; display:flex; flex-direction:column; justify-content:flex-end; min-height:320px; } .why-a h3 { font-size:clamp(26px,3vw,38px); font-weight:700; font-stretch:110%; letter-spacing:-.02em; line-height:1.1; }
.why-grid p { margin:10px 0 0; color:#bdccd8; }
.brands { margin-top:60px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; } .brands p { margin:0; color:var(--mute); }
.brands div { display:flex; gap:10px; flex-wrap:wrap; } .brands img { height:64px; width:150px; object-fit:contain; background:#fff; padding:12px 18px; border-radius:4px; }

.contact { padding:clamp(70px,10vw,130px) 0; } .contact .actions { margin-top:34px; }
.info { margin:0; } .info dt { font-size:13px; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:var(--sky); } .info dd { margin:10px 0 34px; font-size:18px; color:#d6dee4; } .info dd:last-child { margin-bottom:0; }
.foot { padding:24px 0 30px; border-top:1px solid var(--line); color:var(--mute); font-size:14px; }
.wa { position:fixed; right:20px; bottom:20px; z-index:9; width:56px; height:56px; display:grid; place-items:center; border-radius:50%; background:#128c4a; box-shadow:0 10px 30px -8px rgba(0,0,0,.6); transition:transform .2s; } .wa:hover { transform:scale(1.06); } .wa svg { width:28px; height:28px; }

@media (max-width:900px) {
  .nav nav { display:none; }
  .two,.why-grid { grid-template-columns:minmax(0,1fr); }
  .benefits { grid-template-columns:minmax(0,1fr); }
  .svc li { grid-template-columns:44px minmax(0,1fr); } .svc p { grid-column:2; }
  .why-a { min-height:220px; grid-row:auto; }
  .hero { padding-top:104px; }
  .lead { font-size:18px; } .actions .btn { flex:1 1 200px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.hero-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% 75%; }
.hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,18,29,.72) 0%,rgba(7,18,29,.28) 48%,rgba(7,18,29,.55) 100%),linear-gradient(90deg,rgba(7,18,29,.55),transparent 65%); }
.hero-in { z-index:1; margin-top:auto; margin-bottom:56px; }
.band { display:grid; grid-template-columns:1fr 1fr; background:var(--night); }
.band figure { position:relative; margin:0; overflow:hidden; } .band img { display:block; width:100%; aspect-ratio:1.4; object-fit:cover; }
.band figcaption { position:absolute; left:20px; bottom:18px; padding:5px 10px; font-size:14px; font-weight:500; background:rgba(7,18,29,.78); border-radius:3px; }
.why-a { position:relative; overflow:hidden; isolation:isolate; background:#07121d !important; }
.why-a img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
.why-a::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(4,30,50,.1) 25%,rgba(4,25,42,.92) 85%); }
@media (max-width:900px) { .band { grid-template-columns:minmax(0,1fr); } .hero-img { object-position:62% 75%; } .why-a { min-height:360px; } .hero-in { margin-bottom:40px; } }
/* Baslik aracin ustunu kapatmasin */
.hero-img { top:24%; height:76%; object-position:58% 85%; }
.hero::after { background:linear-gradient(180deg,#000 22%,rgba(0,0,0,0) 42%),linear-gradient(0deg,rgba(7,18,29,.75),transparent 28%); }
.hero-in { margin-top:0; margin-bottom:0; }
.hero h1 { font-size:clamp(44px,6.2vw,92px); margin-bottom:20px; }
.hero-row { position:absolute; left:0; right:0; top:calc(100dvh - 128px - 120px); align-items:center; }
.hero { padding-top:112px; }
@media (max-width:900px) {
  .hero { padding-top:0; justify-content:flex-end; }
  .hero-img { top:56px; height:40%; object-position:62% 70%; }
  .hero::after { background:linear-gradient(180deg,rgba(0,0,0,0) 30%,#000 50%); }
  .hero-in { padding:calc(56px + 34dvh) 0 34px; }
  .hero-row { position:static; }
}
.foot .wrap { display:flex; justify-content:space-between; gap:6px 24px; flex-wrap:wrap; padding-right:64px; }
.credit a { text-underline-offset:2px; }