@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');

:root { --navy:#0b1c26; --navy-2:#102b38; --cream:#f3efe6; --paper:#faf8f3; --gold:#b99962; --ink:#14222a; --muted:#667078; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'DM Sans',sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:96px; padding:0 5vw; display:flex; align-items:center; justify-content:space-between; background:var(--navy); color:white; border-bottom:1px solid rgba(255,255,255,.14); }
.brand { display:flex; align-items:center; gap:14px; letter-spacing:.12em; }
.brand-mark { width:39px; height:45px; display:grid; place-items:center; border:1px solid var(--gold); color:var(--gold); font-family:'Playfair Display',serif; font-size:25px; }
.brand strong { display:block; font-size:16px; font-weight:600; }
.brand small { display:block; font-size:8px; margin-top:4px; color:#a9b4b9; }
nav { display:flex; gap:34px; color:#cbd2d5; font-size:13px; }
nav a:hover { color:white; }
.nav-dropdown { position:relative; }
.nav-dropdown>a span { color:var(--gold); margin-left:5px; }
.dropdown-menu { position:absolute; top:24px; left:-20px; width:285px; padding:12px; background:#132c39; border:1px solid #35505e; box-shadow:0 18px 40px rgba(0,0,0,.3); opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s; z-index:30; }
.dropdown-menu a { display:block; padding:10px 12px; color:#cbd2d5; font-size:12px; border-bottom:1px solid rgba(255,255,255,.07); }
.dropdown-menu a:last-child { border-bottom:0; }
.dropdown-menu a:hover,.dropdown-menu a:focus { background:rgba(185,153,98,.13); color:white; }
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu { opacity:1; visibility:visible; transform:none; }
.header-call { font-size:13px; border-bottom:1px solid var(--gold); padding-bottom:7px; }
.hero { min-height:690px; display:grid; grid-template-columns:1.25fr .75fr; background:var(--navy); color:white; padding:74px 5vw 86px; gap:7vw; }
.hero-copy { align-self:center; max-width:800px; }
.eyebrow { color:var(--gold); font-size:11px; letter-spacing:.2em; font-weight:600; margin:0 0 24px; }
h1,h2,h3,p { margin-top:0; }
h1 { font-family:'Playfair Display',serif; font-size:clamp(52px,6.5vw,94px); font-weight:500; line-height:1.02; letter-spacing:-.035em; margin-bottom:30px; }
h1 em { color:#c9b78f; font-weight:500; }
.hero-lead { max-width:620px; font-size:18px; line-height:1.7; color:#b8c1c5; }
.hero-actions { display:flex; gap:14px; margin-top:42px; }
.button { min-height:54px; padding:0 24px; display:inline-flex; align-items:center; justify-content:center; gap:35px; font-size:13px; font-weight:600; }
.button.primary { background:var(--gold); color:var(--navy); }
.button.ghost { border:1px solid #52616a; color:#e2e6e8; }
.hero-panel { position:relative; min-height:500px; background:var(--cream); color:var(--navy); padding:28px; overflow:hidden; }
.hero-panel:before { content:""; position:absolute; width:390px; height:390px; border:1px solid rgba(185,153,98,.38); border-radius:50%; right:-120px; top:-100px; }
.panel-index { font-size:11px; color:#7c8589; }
.monogram { position:absolute; inset:0; display:grid; place-items:center; font-family:'Playfair Display',serif; font-size:150px; color:#d8d1c2; letter-spacing:-.15em; transform:translateX(-12px); }
.panel-bottom { position:absolute; bottom:32px; left:32px; z-index:1; }
.panel-bottom p,.panel-bottom span { font-size:11px; letter-spacing:.13em; text-transform:uppercase; color:#7b766e; }
.panel-bottom h2 { font-family:'Playfair Display',serif; font-size:44px; line-height:1.05; font-weight:500; margin:7px 0 20px; }
.trust-strip { display:flex; justify-content:space-around; gap:20px; padding:22px 5vw; background:#e8e1d3; color:#5d5c56; text-transform:uppercase; font-size:10px; letter-spacing:.14em; }
.trust-strip span:before { content:"\00b7"; color:var(--gold); font-size:24px; vertical-align:middle; margin-right:14px; }
.section { padding:120px 5vw; }
.section-heading { display:grid; grid-template-columns:1fr .65fr; gap:80px; align-items:end; margin-bottom:60px; }
.section-heading h2,.approach h2,.contact h2 { font-family:'Playfair Display',serif; font-weight:500; font-size:clamp(38px,5vw,64px); line-height:1.1; margin:0; }
.section-heading>p { line-height:1.7; color:var(--muted); max-width:480px; }
.service-grid { border-top:1px solid #d8d4cb; display:grid; grid-template-columns:repeat(4,1fr); }
.service-card { min-height:290px; padding:26px; position:relative; border-right:1px solid #d8d4cb; border-bottom:1px solid #d8d4cb; transition:.25s; }
.service-card:nth-child(4n) { border-right:0; }
.service-card:hover { background:var(--navy); color:white; transform:translateY(-4px); }
.service-number { font-size:10px; color:var(--gold); }
.service-card h3 { font-family:'Playfair Display',serif; font-size:24px; font-weight:500; margin:58px 0 16px; }
.service-card p { color:var(--muted); font-size:13px; line-height:1.65; }
.service-card:hover p { color:#abb7bc; }
.card-arrow { position:absolute; right:24px; bottom:22px; color:var(--gold); }
.other-areas { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding-top:28px; }
.other-areas span { text-transform:uppercase; font-size:10px; letter-spacing:.15em; margin-right:14px; color:var(--muted); }
.other-areas small { border:1px solid #d5d0c5; padding:9px 12px; color:#646b6e; }
.approach { display:grid; grid-template-columns:1fr 1fr; gap:10vw; background:var(--navy-2); color:white; padding:120px 8vw; }
.approach-intro>p:last-child { color:#afbbc0; max-width:550px; line-height:1.8; margin-top:30px; }
.steps { list-style:none; padding:0; margin:0; }
.steps li { display:grid; grid-template-columns:55px 1fr; gap:22px; padding:28px 0; border-bottom:1px solid #39505b; }
.steps li>span { color:var(--gold); font-size:11px; }
.steps h3 { font-family:'Playfair Display',serif; font-size:23px; font-weight:500; margin-bottom:9px; }
.steps p { color:#9faeb4; line-height:1.6; font-size:13px; margin:0; }
.about { display:grid; grid-template-columns:.2fr 1fr 1fr; gap:6vw; align-items:start; }
.quote-mark { font-family:'Playfair Display',serif; font-size:150px; line-height:.7; color:var(--gold); }
blockquote { font-family:'Playfair Display',serif; font-size:clamp(32px,4vw,52px); line-height:1.25; margin:0; }
.about-copy>p:last-child { color:var(--muted); line-height:1.8; }
.contact { background:#d9ccb3; padding:100px 7vw; display:grid; grid-template-columns:1fr 1fr; gap:8vw; }
.contact-details { display:grid; gap:28px; }
.contact-details div { border-bottom:1px solid rgba(11,28,38,.22); padding-bottom:22px; }
.contact-details span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.16em; margin-bottom:10px; }
.contact-details a,.contact-details p { font-size:18px; line-height:1.55; }
.map-link { display:flex; justify-content:space-between; font-weight:600; }
footer { background:#07151d; color:#98a5aa; padding:50px 5vw; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:30px; font-size:11px; }
.footer-brand { color:white; }
.disclaimer { text-align:right; line-height:1.6; }
.mobile-call { display:none; }
@media (max-width:900px) {
  nav,.header-call { display:none; }
  .site-header { height:78px; }
  .hero { grid-template-columns:1fr; padding-top:55px; }
  .hero-panel { min-height:370px; }
  .monogram { font-size:110px; }
  .service-grid { grid-template-columns:repeat(2,1fr); }
  .service-card:nth-child(2n) { border-right:0; }
  .approach,.contact { grid-template-columns:1fr; }
  .about { grid-template-columns:.15fr 1fr; }
  .about-copy { grid-column:2; }
  footer { grid-template-columns:1fr; padding-bottom:100px; }
  .disclaimer { text-align:left; }
  .mobile-call { display:flex; position:fixed; bottom:0; left:0; right:0; z-index:20; background:var(--gold); color:var(--navy); height:64px; align-items:center; justify-content:center; gap:14px; font-size:13px; font-weight:600; box-shadow:0 -5px 20px rgba(0,0,0,.2); }
}
@media (max-width:600px) {
  .brand-mark { width:34px; height:39px; }
  h1 { font-size:49px; }
  .hero { padding-left:22px; padding-right:22px; gap:50px; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .trust-strip { overflow:auto; justify-content:flex-start; white-space:nowrap; }
  .section,.approach { padding:80px 22px; }
  .section-heading { grid-template-columns:1fr; gap:25px; }
  .service-grid { grid-template-columns:1fr; }
  .service-card { border-right:0; min-height:245px; }
  .other-areas { align-items:flex-start; }
  .other-areas span { width:100%; margin-bottom:10px; }
  .about { display:block; }
  .quote-mark { font-size:100px; }
  .about-copy { margin-top:45px; }
  .contact { padding:80px 22px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

/* Hizmet detay sayfalari */
.sub-header { position:relative; z-index:2; }
.breadcrumb { padding:22px 7vw; background:#e8e1d3; color:#66645e; font-size:11px; letter-spacing:.08em; }
.breadcrumb a { color:var(--navy); }
.service-hero { background:var(--navy); color:white; padding:95px 8vw 105px; display:grid; grid-template-columns:1fr .55fr; gap:8vw; align-items:end; }
.service-hero h1 { font-size:clamp(50px,6vw,84px); margin-bottom:25px; }
.service-hero .lead { color:#b8c1c5; font-size:18px; line-height:1.75; max-width:720px; }
.service-hero-aside { border-left:1px solid #40515a; padding-left:35px; }
.service-hero-aside span { color:var(--gold); font-size:11px; letter-spacing:.15em; }
.service-hero-aside p { color:#c4ccd0; line-height:1.7; margin:16px 0 0; }
.service-content { padding:100px 8vw; display:grid; grid-template-columns:1fr .45fr; gap:9vw; }
.service-content h2 { font-family:'Playfair Display',serif; font-size:40px; font-weight:500; margin:55px 0 20px; }
.service-content h2:first-child { margin-top:0; }
.service-content p { color:var(--muted); line-height:1.85; }
.scope-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0; list-style:none; }
.scope-list li { background:#f0ebe1; padding:18px; font-size:14px; border-left:2px solid var(--gold); }
.service-sidebar { position:sticky; top:30px; align-self:start; background:var(--navy-2); color:white; padding:34px; }
.service-sidebar h3 { font-family:'Playfair Display',serif; font-size:27px; font-weight:500; }
.service-sidebar p { color:#adb8bd; font-size:14px; }
.service-sidebar .button { width:100%; margin-top:15px; }
.faq { margin-top:45px; border-top:1px solid #d8d4cb; }
.faq details { border-bottom:1px solid #d8d4cb; padding:20px 0; }
.faq summary { cursor:pointer; font-weight:600; }
.faq details p { margin:14px 0 0; font-size:14px; }
.related { padding:70px 8vw; background:#e8e1d3; }
.related h2 { font-family:'Playfair Display',serif; font-size:36px; font-weight:500; }
.related-links { display:flex; flex-wrap:wrap; gap:12px; }
.related-links a { background:var(--paper); padding:14px 18px; font-size:13px; }
@media (max-width:800px) { .service-hero,.service-content { grid-template-columns:1fr; } .service-hero { padding:70px 22px; } .breadcrumb,.service-content,.related { padding-left:22px; padding-right:22px; } .service-hero-aside { border-left:0; border-top:1px solid #40515a; padding:25px 0 0; } .service-sidebar { position:static; } .scope-list { grid-template-columns:1fr; } }