:root{--bg:#ffffff;--card:#f8fafc;--muted:#475569;--text:#0f172a;--pri:#2563eb;--pri2:#06b6d4}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Averta,system-ui,-apple-system,sans-serif;background:#fff;color:var(--text)}
.container{width:min(1120px,92%);margin:auto}.topbar{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;padding:2px 0;min-height:96px}.brand{display:flex;align-items:center;text-decoration:none;width:110px;height:110px}.brand img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.breadcrumb-wrap{border-bottom:1px solid #e2e8f0;background:#f8fafc}.breadcrumb{display:flex;gap:8px;align-items:center;padding:10px 0;font-size:.9rem;color:#64748b}.breadcrumb a{color:#2563eb;text-decoration:none}
nav{display:flex;align-items:center;gap:8px}nav a{color:#0f172a;text-decoration:none;margin:0 8px;font-size:.95rem;font-weight:600;position:relative}nav a::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,var(--pri),var(--pri2));transition:width .22s ease}nav a:hover{color:#0b3ea8}nav a:hover::after{width:100%}
.dropdown{position:relative}.dropbtn{display:inline-block;padding:6px 2px}.dropdown-content{display:none;position:absolute;top:30px;left:0;min-width:260px;background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:8px;z-index:30;box-shadow:0 8px 30px rgba(2,6,23,.1)}.dropdown-content a{display:block;padding:10px;border-radius:8px;margin:2px 0}.dropdown-content a:hover{background:#eff6ff}.dropdown:hover .dropdown-content{display:block}
.btn{display:inline-block;background:linear-gradient(90deg,var(--pri),var(--pri2));color:#fff;padding:12px 18px;border-radius:12px;font-weight:800;text-decoration:none;border:0}.btn-sm{padding:10px 14px;font-size:.9rem}.btn-ghost{background:transparent;border:1px solid #93c5fd;color:#1e3a8a}
.hero{padding:72px 0 42px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}.kicker{color:#2563eb;font-weight:700}
h1{font-size:clamp(2rem,3.2vw,3rem);line-height:1.15;margin:.2rem 0 1rem;font-weight:800;color:#0f172a}
h2{font-size:clamp(1.45rem,2.2vw,2.05rem);line-height:1.2;margin:0 0 .8rem;font-weight:800;color:#0f172a}
h3{font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.3;margin:1rem 0 .6rem;font-weight:700;color:#0f172a}
.pseudo-h2,.pseudo-h3,.pseudo-h4{display:block;color:#0f172a}
.pseudo-h2{font-size:clamp(1.45rem,2.2vw,2.05rem);line-height:1.2;margin:0 0 .8rem;font-weight:800}
.pseudo-h3{font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.3;margin:1rem 0 .6rem;font-weight:700}
.pseudo-h4{margin:.2rem 0 .7rem;font-size:1rem;line-height:1.3;font-weight:700}
.hero h1{font-size:clamp(2.2rem,3.5vw,3.4rem);line-height:1.1;margin:.2rem 0}.hero h1 span{color:#0ea5e9}.lead{color:var(--muted);max-width:none}.hero .lead{max-width:65ch}
.hero-cta{display:flex;gap:10px;margin:20px 0}.stats{display:flex;gap:18px;margin-top:16px}.stats div{background:#f8fafc;border:1px solid #dbeafe;padding:10px 12px;border-radius:12px}.stats strong{display:block}
.hero-card{background:var(--card);padding:18px;border:1px solid #dbeafe;border-radius:16px}.hero-card form{display:grid;gap:10px}.hero-card input,.hero-card select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:11px;color:#0f172a}
.section{padding:56px 0}.section h2{font-size:clamp(1.45rem,2.2vw,2.05rem);margin:0 0 10px}.sub{color:var(--muted)}.alt{background:#f8fafc}
.section .pseudo-h2{font-size:clamp(1.45rem,2.2vw,2.05rem);margin:0 0 10px}
#rehber-icerik.section,#neden.section{padding:42px 0}
.cards{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--card);border:1px solid #dbeafe;border-radius:14px;padding:16px}.card p{color:var(--muted)}
.card h3 a{color:#0f172a;text-decoration:none;position:relative;display:inline-block;padding:2px 26px 2px 0;font-weight:800}
.card h3 a::after{content:'→';position:absolute;right:2px;top:0;color:#0ea5e9;transition:transform .2s ease,opacity .2s ease;opacity:.95}
.card h3 a::before{content:'';position:absolute;left:0;bottom:-3px;width:0;height:2px;background:#7dd3fc;transition:width .22s ease}
.card h3 a:hover{color:#0369a1}.card h3 a:hover::after{transform:translateX(4px);opacity:1}.card h3 a:hover::before{width:100%}
.timeline{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}.timeline li{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:start;background:var(--card);padding:14px;border:1px solid #dbeafe;border-radius:12px}.timeline span{width:30px;height:30px;border-radius:50%;background:linear-gradient(90deg,var(--pri),var(--pri2));display:grid;place-items:center;color:#fff;font-weight:800;margin-top:2px}.timeline li h4{margin:0 0 8px}.timeline li p{margin:0}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.seo-split{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}.seo-visual{background:#f8fafc;border:1px solid #dbeafe;border-radius:16px;padding:10px}.seo-visual img{width:100%;height:auto;display:block;border-radius:12px}.ticks{padding-left:18px}.ticks li{margin:.45rem 0}.panel{background:var(--card);border:1px solid #dbeafe;border-radius:14px;padding:18px}.page-summary-block{margin:16px 0 18px;border-color:#bfdbfe;background:linear-gradient(180deg,#f8fbff 0%,#f2f8ff 100%)}.page-summary-block p{margin:0;color:#334155;line-height:1.72}.page-summary-block strong{color:#0f172a}
details{background:var(--card);border:1px solid #dbeafe;border-radius:12px;padding:12px;margin:10px 0}summary{cursor:pointer;font-weight:700}
.panel a{color:#0f172a;text-decoration:none;border-bottom:1px dashed #93c5fd;transition:all .2s ease}.panel a:hover{color:#0369a1;border-bottom-color:#0369a1}
.query-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.query-grid select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:11px;color:#0f172a}
.result{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px;color:#1e3a8a;margin:8px 0 14px}
.table-wrap{overflow:auto;background:#fff;border:1px solid #dbeafe;border-radius:12px}
.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.project-gallery-item{margin:0;background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:10px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.project-gallery-item img{width:100%;height:100%;display:block;border-radius:10px;object-fit:cover}
table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left}th{font-size:.9rem;color:#1d4ed8}td:last-child{font-weight:800;color:#0ea5e9}
.visual-16x9{position:relative;width:100%;aspect-ratio:16/9;border:1px solid #dbeafe;border-radius:12px;overflow:hidden;background:#f8fafc}.visual-16x9 img{width:100%;height:100%;object-fit:cover;display:block}
.cta{text-align:center}
.floating-contact{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:40}.fab{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:0;color:transparent;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.2);position:relative;overflow:hidden}.fab::before{content:'';background-repeat:no-repeat;background-position:center;background-size:100% 100%;display:block}.fab-whatsapp{background:#25D366}.fab-whatsapp::before{width:32px;height:32px;background-image:url('/img/whatsapp-icon.svg');transform:translateY(1px)}.fab-phone{background:#38bdf8}.fab-phone::before{width:29px;height:29px;background-image:url('/img/phone-icon.svg');transform:translate(1px,1px)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:22px;padding:28px 0;border-top:1px solid #e2e8f0}.footer-grid h4,.footer-grid .pseudo-h4{margin:.2rem 0 .7rem}.footer-grid a{display:block;color:#334155;text-decoration:none;margin:8px 0;transition:all .2s ease}.footer-grid a:hover{color:#0369a1;transform:translateX(3px)}.footer-grid p{color:#64748b}
.foot-note{padding:12px 0 24px;color:#64748b;border-top:1px solid #e2e8f0}
@media (max-width:920px){.hero-grid,.split,.seo-split{grid-template-columns:1fr}.cards,.project-gallery{grid-template-columns:1fr 1fr}nav{display:none}.query-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cards,.project-gallery{grid-template-columns:1fr}.hero-cta{flex-direction:column}.stats{flex-direction:column}.query-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}