@font-face { font-family: Manrope; src: url('assets/fonts/Manrope-Variable.ttf') format('truetype'); font-weight: 200 800; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url('assets/fonts/BarlowCondensed-ExtraBold.ttf') format('truetype'); font-weight: 800; font-display: swap; }
:root { --cobalt:#082587; --midnight:#071B58; --orange:#FF6500; --line:#CBD5EF; }
*, *::before, *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cobalt); color:white; font:16px/1.5 Manrope,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; }
ul { list-style:none; padding:0; margin:0; }
a:focus-visible, button:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
.skip-link { position:fixed; top:8px; left:8px; z-index:10; padding:12px 16px; color:var(--cobalt); background:white; transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.reading-progress { position:fixed; z-index:20; inset:0 0 auto; height:3px; pointer-events:none; }
.reading-progress span { display:block; width:100%; height:100%; background:var(--orange); transform:scaleX(0); transform-origin:left; }
#header { min-height:72px; padding:8px 32px; display:flex; align-items:center; gap:28px; }
.logo-container { width:250px; max-width:40%; margin-right:auto; }
#desktop-nav ul { display:flex; gap:24px; }
#desktop-nav a, .btn-hemen-ara { display:inline-flex; align-items:center; min-height:44px; font-weight:700; text-decoration:none; }
.btn-hemen-ara { justify-content:center; padding:6px 18px; border:2px solid white; white-space:nowrap; }
#desktop-nav a:hover, .white-inset nav a:hover, .btn-service-call:hover, .disclaimer a:hover { text-decoration:underline; }
.btn-hemen-ara:hover { background:white; color:var(--cobalt); }
#hero h1, #service-icons-band a, #service-section h2, .service-item h3, #other-services h2, .contact-title, .contact-phone, .white-inset p { font-family:'Barlow Condensed',Arial,sans-serif; font-weight:800; }
#hero h1 { margin:0 16px 8px; text-align:center; font-size:44px; line-height:1.1; }
.video-stage { display:block; width:100%; max-width:1200px; aspect-ratio:10/3; max-height:360px; padding:0; margin:auto; border:0; background:var(--cobalt); cursor:pointer; }
.boiler-video { display:block; width:100%; height:100%; object-fit:contain; }
#cta-strip { padding:8px 32px 12px; }
.white-inset { min-height:80px; padding:10px 20px; display:flex; align-items:center; gap:22px; background:white; color:var(--midnight); }
.white-inset p { margin:0; font-size:22px; white-space:nowrap; }
.white-inset nav { flex:1; }
.white-inset nav ul { display:flex; justify-content:space-evenly; gap:12px; }
.white-inset nav a { display:inline-flex; align-items:center; min-height:44px; font-weight:700; text-decoration:none; }
.btn-soner-usta { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:8px 18px; background:var(--orange); color:var(--midnight); font-weight:800; text-align:center; text-decoration:none; white-space:nowrap; }
.btn-soner-usta:hover { background:#ff8535; }
#service-icons-band { padding:0 32px; background:white; color:var(--midnight); }
#service-icons-band ul { min-height:80px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
#service-icons-band li { display:flex; align-items:center; justify-content:center; gap:14px; }
#service-icons-band li + li { border-left:1px solid var(--line); }
#service-icons-band img { order:-1; width:40px; height:40px; object-fit:contain; }
#service-icons-band a { display:inline-flex; align-items:center; min-height:44px; font-size:28px; line-height:1; text-decoration:none; }
#service-icons-band a:hover { text-decoration:underline; }
#service-section { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 32px; padding:32px; background:white; color:var(--midnight); }
#service-section > .eyebrow, #service-section > h2 { grid-column:1/-1; }
.eyebrow { margin:0 0 4px; font-size:12px; font-weight:700; letter-spacing:.14em; color:var(--cobalt); }
#service-section h2 { margin:0 0 16px; font-size:36px; line-height:1.1; }
.service-item { border-top:1px solid var(--line); padding:10px 0 0; }
.ordinal { font-size:12px; font-weight:700; color:var(--cobalt); letter-spacing:.14em; }
.service-item h3 { margin:2px 0 6px; font-size:24px; line-height:1.1; }
.service-item p { max-width:42ch; margin:0; line-height:1.5; }
.btn-service-call { display:inline-flex; align-items:center; min-height:44px; font-weight:700; text-underline-offset:4px; }
#other-services { display:flex; align-items:baseline; gap:24px; padding:20px 32px; background:#F4F6FA; color:var(--midnight); }
#other-services h2 { margin:0; font-size:20px; white-space:nowrap; }
#other-services p { margin:0; }
#iletisim { display:grid; grid-template-columns:1fr 1fr; gap:0 32px; padding:32px; }
.contact-title { margin:0; font-size:36px; line-height:1.1; }
.contact-info address { font-style:normal; }
.contact-phone { display:inline-flex; align-items:center; min-height:44px; font-size:40px; line-height:1.1; text-underline-offset:5px; }
.contact-info p { margin:4px 0 0; }
.social-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.social-link { display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:8px 10px; border:1px solid rgba(255,255,255,.55); border-radius:4px; font-size:14px; font-weight:700; text-decoration:none; }
.social-link svg { flex:none; width:20px; height:20px; }
.social-link:hover { background:white; color:var(--cobalt); }
.disclaimer { grid-column:2; }
.disclaimer a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; text-underline-offset:3px; }
#site-footer { display:flex; justify-content:space-between; gap:16px; padding:16px 32px; background:white; color:var(--midnight); font-size:14px; }
#site-footer p { margin:0; }
@media (max-width:767px) {
  #header { min-height:0; padding:8px 16px 0; display:grid; grid-template-columns:1fr auto; gap:0 8px; }
  .logo-container { width:160px; max-width:100%; margin:0; }
  .btn-hemen-ara { grid-column:2; grid-row:1; padding:6px 10px; font-size:14px; }
  #desktop-nav { grid-column:1/-1; }
  #desktop-nav ul { gap:20px; }
  #desktop-nav a { font-size:14px; }
  #hero h1 { margin:4px 12px 8px; font-size:30px; }
  #cta-strip { padding:8px 16px 12px; }
  .white-inset { display:block; padding:8px; }
  .white-inset p { display:none; }
  .white-inset nav ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
  .white-inset nav a { justify-content:center; width:100%; text-align:center; font-size:14px; line-height:1.2; }
  .btn-soner-usta { display:flex; width:100%; margin-top:4px; }
  #service-icons-band { padding:0 12px; }
  #service-icons-band ul { min-height:70px; }
  #service-icons-band li { gap:5px; }
  #service-icons-band img { width:28px; height:28px; }
  #service-icons-band a { font-size:20px; }
  #service-section { grid-template-columns:1fr; padding:24px 16px; }
  #service-section h2 { font-size:30px; }
  .service-item { padding:8px 0 4px; }
  .service-item h3 { margin:0 0 4px; }
  #other-services { display:block; padding:20px 16px; }
  #other-services h2 { margin:0 0 4px; }
  #iletisim { display:block; padding:24px 16px; }
  .contact-title { margin:0 0 12px; font-size:30px; }
  .contact-phone { font-size:32px; }
  #site-footer { display:block; padding:16px; }
  #site-footer p + p { margin-top:4px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@keyframes arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.motion-ready #header > * { animation:arrive 450ms both; }
.motion-ready #header > :nth-child(2) { animation-delay:60ms; }
.motion-ready #header > :nth-child(3) { animation-delay:120ms; }
.motion-ready #hero h1 span { display:inline-block; animation:arrive 450ms both; }
.motion-ready #hero h1 span:nth-child(2) { animation-delay:80ms; }
.motion-ready #hero h1 span:nth-child(3) { animation-delay:160ms; }
.reveal-item { transition:opacity 450ms ease, transform 450ms ease; }
.reveal-pending { opacity:0; transform:translateY(8px); }
.reveal-pending:focus-within { opacity:1; transform:none; }
@media (hover:hover) and (pointer:fine) {
  .btn-hemen-ara, .btn-soner-usta { transition:background-color 200ms, color 200ms, transform 200ms; }
  .btn-hemen-ara:hover, .btn-soner-usta:hover { transform:translateY(-2px); }
  #service-icons-band a:hover { text-decoration:underline; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation:none !important; transition:none !important; }
  .reveal-pending { opacity:1; transform:none; }
}

@media (min-width:768px) and (max-width:1000px) { .white-inset p { display:none; } .white-inset { gap:12px; } }