:root{
  --blue-50:#eaf6ff;--blue-100:#cfe8fb;--blue-200:#a8d4f0;--blue-300:#7bb8e8;
  --blue-400:#4a96d6;--blue-500:#2c74bd;--blue-600:#1f5aa0;--blue-700:#164785;
  --blue-800:#0f3468;--blue-900:#08214a;
  --red:#dc2626;--red-dark:#b91c1c;
  --cream:#fbfdff;--ink:#0a1d3d;
  --font-display:'Fraunces', serif;
  --font-body:'Manrope', sans-serif;
  --radius:22px;
  --shadow-soft:0 30px 60px -20px rgba(15,52,104,.25),0 10px 20px -10px rgba(15,52,104,.15);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--ink);background:var(--cream);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
img.bg-img{background:linear-gradient(135deg,#a8d4f0,#2c74bd);background-size:cover}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
section{position:relative;padding:120px 0}

/* NAV */
.nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:1180px;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.8);border-radius:100px;box-shadow:0 10px 30px -10px rgba(15,52,104,.15);transition:all .4s ease}
.nav.scrolled{background:rgba(255,255,255,.92);box-shadow:0 15px 40px -10px rgba(15,52,104,.2)}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:900;font-size:26px;color:var(--red);font-style:italic;letter-spacing:-.5px}
.logo-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#bcdef7 60%,#7bb8e8);box-shadow:0 0 0 2px rgba(255,255,255,.8),0 3px 8px rgba(15,52,104,.3);animation:bob 3s ease-in-out infinite}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{font-size:14px;font-weight:600;color:var(--blue-800);position:relative;transition:color .3s}
.nav-links a::after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--red);transition:width .3s ease}
.nav-links a:hover{color:var(--red)}
.nav-links a:hover::after{width:100%}
.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;background:var(--red);color:#fff;font-weight:700;font-size:14px;box-shadow:0 8px 20px -6px rgba(220,38,38,.5);transition:transform .25s,box-shadow .25s}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px rgba(220,38,38,.65)}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-social{display:flex;align-items:center;gap:6px}
.nav-social a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--blue-700);background:rgba(168,212,240,.25);transition:all .25s}
.nav-social a:hover{color:#fff;background:var(--blue-700);transform:translateY(-2px)}
.nav-social svg{width:16px;height:16px}

/* Hamburger */
.nav-toggle{display:none;width:42px;height:42px;border:0;background:rgba(255,255,255,.7);border-radius:12px;cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 4px 14px -6px rgba(15,52,104,.25);transition:background .25s}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--blue-800);border-radius:2px;transition:transform .3s ease, opacity .25s ease}
.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile slide-in menu */
.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(82vw,340px);background:linear-gradient(180deg,#fff 0%,#eaf6ff 100%);box-shadow:-20px 0 60px -20px rgba(15,52,104,.3);transform:translateX(105%);transition:transform .35s cubic-bezier(.65,0,.35,1);z-index:120;padding:90px 28px 30px;overflow-y:auto;visibility:hidden}
.mobile-menu.is-open{transform:translateX(0);visibility:visible}
.mobile-menu-inner{display:flex;flex-direction:column;gap:4px}
.mobile-menu-inner a{display:block;padding:16px 14px;border-radius:12px;font-weight:600;color:var(--blue-800);font-size:16px;transition:background .2s,color .2s}
.mobile-menu-inner a:hover{background:rgba(168,212,240,.35);color:var(--red)}
.mobile-call{margin-top:18px;background:var(--red);color:#fff !important;text-align:center;font-weight:700;box-shadow:0 8px 20px -6px rgba(220,38,38,.5)}
.mobile-call:hover{background:#b91c1c;color:#fff !important}
.mobile-social{display:flex;gap:10px;justify-content:center;margin-top:22px;padding-top:22px;border-top:1px solid rgba(15,52,104,.1)}
.mobile-social a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--blue-700);background:rgba(168,212,240,.25);padding:0}
.mobile-social a:hover{color:#fff;background:var(--blue-700)}
.mobile-social svg{width:18px;height:18px}
.mobile-overlay{position:fixed;inset:0;background:rgba(15,52,104,.45);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s, visibility .3s;z-index:110}
.mobile-overlay.is-open{opacity:1;visibility:visible}
body.menu-open{overflow:hidden}

@media (max-width:980px){
  .nav-links{display:none}
  .nav-cta span{display:none}
  .nav-social{display:none}
  .nav-toggle{display:flex}
}

/* HERO */
.hero{min-height:100vh;padding:160px 0 200px;background:radial-gradient(ellipse at 20% 30%,rgba(168,212,240,.6),transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(207,232,251,.7),transparent 55%),linear-gradient(180deg,#eaf6ff 0%,#cfe8fb 55%,#a8d4f0 100%);overflow:hidden;isolation:isolate}
.hero-bg-photo{position:absolute;inset:0;z-index:0;background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1600&auto=format&fit=crop&q=80');background-size:cover;background-position:center;opacity:.12;mix-blend-mode:multiply;filter:blur(1px)}
.bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.bubble{position:absolute;bottom:-120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(255,255,255,.4) 55%,rgba(207,232,251,.3));box-shadow:inset -4px -6px 14px rgba(75,150,214,.18),inset 3px 4px 10px rgba(255,255,255,.9);animation:rise linear infinite;opacity:0}
@keyframes rise{0%{transform:translateY(0) translateX(0) scale(.6);opacity:0}10%{opacity:1}50%{transform:translateY(-55vh) translateX(30px) scale(1)}90%{opacity:.9}100%{transform:translateY(-115vh) translateX(-20px) scale(1.1);opacity:0}}

.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}
@media (max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center}}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:100px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(10px);font-size:13px;font-weight:700;letter-spacing:2px;color:var(--blue-700);text-transform:uppercase;margin-bottom:28px;box-shadow:0 6px 20px -8px rgba(15,52,104,.2);opacity:0;transform:translateY(20px);animation:fadeUp .8s .2s forwards}
.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 2s infinite}
.hero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(42px,6.5vw,86px);line-height:1.02;letter-spacing:-2px;color:var(--blue-900);margin-bottom:24px;opacity:0;transform:translateY(30px);animation:fadeUp 1s .4s forwards}
.hero h1 em{font-style:italic;font-weight:500;background:linear-gradient(135deg,var(--red) 0%,#ff5a5a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .underline{position:relative;display:inline-block}
.hero h1 .underline::after{content:'';position:absolute;left:0;bottom:4px;width:100%;height:10px;background:rgba(168,212,240,.7);z-index:-1;border-radius:4px;transform:scaleX(0);transform-origin:left;animation:growLine 1s 1.5s forwards ease-out}
@keyframes growLine{to{transform:scaleX(1)}}
.hero p.lead{font-size:19px;color:var(--blue-800);max-width:540px;margin-bottom:40px;opacity:0;transform:translateY(30px);animation:fadeUp 1s .6s forwards}
@media (max-width:900px){.hero p.lead{margin-left:auto;margin-right:auto}}
.hero-cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;opacity:0;transform:translateY(30px);animation:fadeUp 1s .8s forwards}
@media (max-width:900px){.hero-cta-row{justify-content:center}}
.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:18px 34px;border-radius:100px;background:linear-gradient(135deg,var(--red) 0%,#e63b3b 100%);color:#fff;font-weight:700;font-size:16px;box-shadow:0 14px 32px -10px rgba(220,38,38,.6),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px -10px rgba(220,38,38,.7)}
.btn-primary:hover::before{left:100%}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:100px;border:2px solid var(--blue-700);color:var(--blue-800);font-weight:700;font-size:15px;transition:all .3s;background:rgba(255,255,255,.5);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:var(--blue-700);color:#fff;transform:translateY(-3px)}
.hero-stats{display:flex;gap:40px;margin-top:50px;opacity:0;transform:translateY(30px);animation:fadeUp 1s 1s forwards}
@media (max-width:900px){.hero-stats{justify-content:center}}
.stat .num{font-family:var(--font-display);font-size:42px;font-weight:700;color:var(--blue-900);line-height:1;font-style:italic}
.stat .lbl{font-size:13px;color:var(--blue-700);margin-top:6px;font-weight:500}

/* Hero visual - stacked photos */
.hero-visual{position:relative;opacity:0;transform:translateY(40px) scale(.95);animation:fadeUp 1.2s .7s forwards;min-height:520px}
.photo-card{position:absolute;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(15,52,104,.5),0 15px 30px -15px rgba(15,52,104,.3);border:4px solid rgba(255,255,255,.95);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.photo-card img{width:100%;height:100%;object-fit:cover;display:block}
.photo-card.main{top:20px;right:5%;width:62%;aspect-ratio:4/5;z-index:2;animation:floatA 7s ease-in-out infinite}
.photo-card.secondary{bottom:30px;left:0;width:48%;aspect-ratio:4/3;z-index:3;animation:floatB 8s ease-in-out infinite}
.photo-card.tertiary{top:10%;left:-2%;width:30%;aspect-ratio:1;border-radius:50%;z-index:4;animation:floatC 6s ease-in-out infinite}
@keyframes floatA{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-18px) rotate(4deg)}}
@keyframes floatB{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(-1deg)}}
@keyframes floatC{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.04)}}

.hero-badge{position:absolute;top:45%;right:-10px;background:#fff;border-radius:100px;padding:14px 22px;display:flex;align-items:center;gap:10px;box-shadow:0 20px 40px -12px rgba(15,52,104,.4);z-index:5;animation:floatB 6s ease-in-out infinite}
.hero-badge .check{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4ade80,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 6px 14px -4px rgba(22,163,74,.5)}
.hero-badge .txt{font-size:13px;font-weight:700;color:var(--blue-900);line-height:1.2}
.hero-badge .txt small{display:block;font-size:11px;color:var(--blue-600);font-weight:500}

.sparkle{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 12px 3px rgba(255,255,255,.9);animation:twinkle 3s ease-in-out infinite;z-index:6}
.sparkle:nth-child(1){top:10%;left:15%;animation-delay:0s}
.sparkle:nth-child(2){top:30%;right:5%;animation-delay:.8s}
.sparkle:nth-child(3){bottom:20%;left:8%;animation-delay:1.5s}
.sparkle:nth-child(4){bottom:40%;right:15%;animation-delay:2s}
@keyframes twinkle{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}

.hero-wave{position:absolute;bottom:0;left:0;right:0;height:140px;z-index:1}
.hero-wave svg{position:absolute;bottom:0;width:100%;height:100%;display:block}

@keyframes fadeUp{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}

/* SERVICES */
.services{background:#fbfdff}
.section-head{text-align:center;margin-bottom:70px}
.section-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:3px;color:var(--red);text-transform:uppercase;padding:6px 16px;border-radius:100px;background:rgba(220,38,38,.08);margin-bottom:18px}
.section-head h2{font-family:var(--font-display);font-size:clamp(36px,5vw,60px);font-weight:400;color:var(--blue-900);letter-spacing:-1.5px;line-height:1.05}
.section-head h2 em{font-style:italic;color:var(--red)}
.section-head p{max-width:620px;margin:18px auto 0;color:var(--blue-700);font-size:17px}

.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.service-card{position:relative;background:#fff;border:1px solid rgba(168,212,240,.5);border-radius:var(--radius);overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;cursor:pointer;display:flex;flex-direction:column}
.service-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-soft);border-color:var(--blue-300)}
.service-img{position:relative;aspect-ratio:4/3;overflow:hidden}
.service-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.service-card:hover .service-img img{transform:scale(1.12)}
.service-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(22,71,133,.7))}
.service-body{position:relative;padding:42px 26px 30px;flex:1;display:flex;flex-direction:column}
.service-icon{position:absolute;top:-28px;left:24px;z-index:2;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));border-radius:16px;box-shadow:0 12px 24px -8px rgba(15,52,104,.5);border:3px solid #fff;transition:transform .4s}
.service-card:hover .service-icon{transform:rotate(-8deg) scale(1.08)}
.service-icon svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.8}
.service-card h3{font-family:var(--font-display);font-size:26px;font-weight:600;color:var(--blue-900);margin-bottom:10px;letter-spacing:-.5px}
.service-card p{color:var(--blue-700);font-size:15px;line-height:1.6;flex:1}
.service-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:14px;font-weight:700;color:var(--red);transition:gap .3s}
.service-card:hover .service-link{gap:14px}

/* GALLERY */
.gallery{background:linear-gradient(180deg,#fbfdff 0%,#eaf6ff 100%);overflow:hidden}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:140px;gap:16px}
@media (max-width:860px){.gallery-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:120px}}
.g-item{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 24px -12px rgba(15,52,104,.3);cursor:pointer;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.g-item::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,33,74,.8));opacity:.7;transition:opacity .4s}
.g-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px -10px rgba(15,52,104,.4)}
.g-item:hover img{transform:scale(1.1)}
.g-item:hover::after{opacity:.85}
.g-item .g-label{position:absolute;bottom:16px;left:18px;z-index:2;color:#fff;font-weight:700;font-size:15px;letter-spacing:.3px;transform:translateY(8px);opacity:.9;transition:transform .4s,opacity .4s}
.g-item .g-label small{display:block;font-size:11px;font-weight:500;opacity:.8;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:3px}
.g-item:hover .g-label{transform:translateY(0);opacity:1}
.g-1{grid-column:span 5;grid-row:span 3}
.g-2{grid-column:span 4;grid-row:span 2}
.g-3{grid-column:span 3;grid-row:span 2}
.g-4{grid-column:span 3;grid-row:span 3}
.g-5{grid-column:span 4;grid-row:span 2}
.g-6{grid-column:span 5;grid-row:span 2}
@media (max-width:860px){
  .g-1{grid-column:span 6;grid-row:span 2}
  .g-2,.g-3{grid-column:span 3;grid-row:span 2}
  .g-4,.g-5{grid-column:span 3;grid-row:span 2}
  .g-6{grid-column:span 6;grid-row:span 2}
}

/* PROCESS */
.process{background:#eaf6ff;overflow:hidden}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px}
@media (max-width:900px){.process-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.process-grid{grid-template-columns:1fr}}
.process-step{background:rgba(255,255,255,.7);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius);padding:32px 24px;text-align:center;transition:transform .4s}
.process-step:hover{transform:translateY(-8px)}
.process-num{font-family:var(--font-display);font-size:64px;font-weight:900;font-style:italic;line-height:1;background:linear-gradient(180deg,var(--blue-400),var(--blue-700));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}
.process-step h4{font-family:var(--font-display);font-size:22px;color:var(--blue-900);font-weight:600;margin-bottom:10px}
.process-step p{font-size:14px;color:var(--blue-700)}

/* PRICES (yeni section, mevcut diliyle uyumlu) */
.prices{background:#fbfdff;overflow:hidden}
.prices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:50px}
.price-card{position:relative;background:#fff;border:1px solid rgba(168,212,240,.5);border-radius:var(--radius);padding:32px 28px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;display:flex;flex-direction:column;gap:14px}
.price-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-soft);border-color:var(--blue-300)}
.price-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-500),var(--red));border-radius:var(--radius) var(--radius) 0 0;opacity:0;transition:opacity .4s}
.price-card:hover::before{opacity:1}
.price-card .price-name{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--blue-900);letter-spacing:-.3px;line-height:1.2}
.price-card .price-figure{display:flex;align-items:baseline;gap:8px}
.price-card .price-figure .amount{font-family:var(--font-display);font-style:italic;font-size:42px;font-weight:700;background:linear-gradient(135deg,var(--blue-700),var(--red));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.price-card .price-figure .unit{font-size:14px;color:var(--blue-600);font-weight:600;letter-spacing:.5px}
.price-card .price-note{font-size:14px;color:var(--blue-700);line-height:1.55;border-top:1px dashed rgba(168,212,240,.7);padding-top:14px;margin-top:auto}
.price-disclaimer{text-align:center;margin-top:36px;font-size:14px;color:var(--blue-700);font-style:italic}
.price-disclaimer strong{color:var(--red);font-style:normal}

/* WHY US */
.why{background:#fbfdff}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
@media (max-width:900px){.why-grid{grid-template-columns:1fr;gap:50px}}
.why-visual{position:relative;aspect-ratio:4/5}
.why-main-photo{position:absolute;top:0;left:0;width:80%;height:90%;border-radius:30px;overflow:hidden;box-shadow:0 40px 80px -20px rgba(15,52,104,.4);z-index:2}
.why-main-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.why-visual:hover .why-main-photo img{transform:scale(1.06)}
.why-sub-photo{position:absolute;bottom:0;right:0;width:55%;height:45%;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -15px rgba(15,52,104,.4);z-index:3;border:5px solid #fff}
.why-sub-photo img{width:100%;height:100%;object-fit:cover}
.why-stat-card{position:absolute;top:20px;right:0;z-index:4;background:#fff;padding:22px 26px;border-radius:20px;box-shadow:0 25px 50px -15px rgba(15,52,104,.4);animation:floatB 5s ease-in-out infinite}
.why-stat-card .num{font-family:var(--font-display);font-style:italic;font-size:42px;font-weight:800;background:linear-gradient(135deg,var(--red),#ff6b6b);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.why-stat-card .lbl{font-size:12px;color:var(--blue-800);font-weight:600;margin-top:4px;letter-spacing:1.5px}
.why-content h2{font-family:var(--font-display);font-size:clamp(32px,4.2vw,52px);font-weight:400;color:var(--blue-900);letter-spacing:-1.5px;line-height:1.05;margin-bottom:18px}
.why-content h2 em{font-style:italic;color:var(--red)}
.why-content > p{color:var(--blue-700);font-size:17px;margin-bottom:36px}
.features{display:grid;gap:18px}
.feature{display:flex;gap:18px;align-items:flex-start;padding:18px 22px;border-radius:16px;background:linear-gradient(90deg,rgba(168,212,240,.25),transparent);transition:transform .3s}
.feature:hover{transform:translateX(8px)}
.feature-ico{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--blue-700);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-display);box-shadow:0 8px 16px -6px rgba(15,52,104,.4)}
.feature h5{font-size:17px;color:var(--blue-900);margin-bottom:4px;font-weight:700}
.feature p{font-size:14px;color:var(--blue-700);margin:0}

/* FAQ (yeni section) */
.faq{background:linear-gradient(180deg,#fbfdff 0%,#eaf6ff 100%);overflow:hidden}
.faq-list{max-width:880px;margin:50px auto 0;display:flex;flex-direction:column;gap:14px}
.faq-item{background:#fff;border:1px solid rgba(168,212,240,.5);border-radius:18px;overflow:hidden;transition:box-shadow .4s,border-color .4s,transform .3s}
.faq-item[open]{box-shadow:var(--shadow-soft);border-color:var(--blue-300)}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--blue-900);transition:color .3s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--red)}
.faq-icon{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .4s,background .3s}
.faq-icon svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.5;transition:transform .4s}
.faq-item[open] .faq-icon{background:linear-gradient(135deg,var(--red),#ff5a5a)}
.faq-item[open] .faq-icon svg{transform:rotate(45deg)}
.faq-answer{padding:0 26px 24px;color:var(--blue-700);font-size:15px;line-height:1.7}

/* CTA BAND */
.cta-band{position:relative;overflow:hidden;color:#fff}
.cta-bg{position:absolute;inset:0;z-index:0}
.cta-bg img{width:100%;height:100%;object-fit:cover}
.cta-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(44,116,189,.85),transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(22,71,133,.85),transparent 55%),linear-gradient(135deg,rgba(15,52,104,.9) 0%,rgba(8,33,74,.95) 100%)}
.cta-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:start}
@media (max-width:980px){.cta-inner{grid-template-columns:1fr;text-align:left}}
.cta-text-block{padding-top:6px}
.cta-inner h2{font-family:var(--font-display);font-size:clamp(34px,4.5vw,56px);font-weight:400;letter-spacing:-1.5px;line-height:1.05;margin-bottom:18px}
.cta-inner h2 em{font-style:italic;color:#ffb3b3}
.cta-inner p.cta-lead{color:rgba(255,255,255,.85);font-size:17px;margin-bottom:30px;max-width:520px}
.phone-card{background:rgba(255,255,255,.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:28px;padding:30px 28px;text-align:center;margin-bottom:22px;transition:transform .4s}
.phone-card:hover{transform:translateY(-4px)}
.phone-card .ring{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,var(--red),#ff6b6b);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -8px rgba(220,38,38,.5);animation:ring 2s ease-in-out infinite}
@keyframes ring{0%,100%{transform:rotate(0)}5%,15%{transform:rotate(-14deg)}10%{transform:rotate(14deg)}20%{transform:rotate(0)}}
.phone-card .ring svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2}
.phone-card .lbl{font-size:11px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}
.phone-card .num{font-family:var(--font-display);font-size:30px;font-weight:700;color:#fff;letter-spacing:1.5px}
.phone-card a.phone-link{display:block;margin-top:14px;color:#ffb3b3;font-weight:700;font-size:13px}

/* CONTACT FORM (yeni) */
.appointment-form{background:rgba(255,255,255,.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:28px;padding:32px 28px}
.appointment-form h3{font-family:var(--font-display);font-size:24px;font-weight:600;color:#fff;margin-bottom:6px}
.appointment-form .form-sub{color:rgba(255,255,255,.7);font-size:14px;margin-bottom:22px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
@media (max-width:540px){.form-row{grid-template-columns:1fr}}
.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.form-field label{font-size:12px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:1px;text-transform:uppercase}
.form-field input,
.form-field select,
.form-field textarea{font-family:inherit;font-size:14px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 14px;outline:none;transition:border-color .3s,background .3s}
.form-field input::placeholder,
.form-field textarea::placeholder{color:rgba(255,255,255,.4)}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{border-color:#ffb3b3;background:rgba(255,255,255,.12)}
.form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='white' stroke-width='2' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.form-field select option{color:var(--blue-900);background:#fff}
.form-field textarea{min-height:90px;resize:vertical}
.honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-submit{width:100%;margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:100px;background:linear-gradient(135deg,var(--red),#ff5a5a);color:#fff;font-weight:700;font-size:15px;box-shadow:0 12px 28px -8px rgba(220,38,38,.6);transition:transform .25s,box-shadow .25s;border:none;cursor:pointer;font-family:inherit}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 18px 36px -8px rgba(220,38,38,.7)}
.form-success,
.form-error{padding:14px 16px;border-radius:12px;font-size:14px;font-weight:600;margin-bottom:18px}
.form-success{background:rgba(74,222,128,.15);border:1px solid rgba(74,222,128,.4);color:#bbf7d0}
.form-error{background:rgba(248,113,113,.15);border:1px solid rgba(248,113,113,.4);color:#fecaca}

/* FOOTER */
footer{background:var(--blue-900);color:rgba(255,255,255,.75);padding:60px 0 30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
@media (max-width:780px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}
.footer-brand .logo{color:#ff6b6b;font-size:32px;margin-bottom:16px}
.footer-brand p{font-size:14px;line-height:1.7;max-width:340px}
.footer-social{display:flex;gap:10px;margin-top:18px}
.footer-social a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:rgba(255,255,255,.7);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);transition:all .25s}
.footer-social a:hover{color:#fff;background:#ff6b6b;border-color:#ff6b6b;transform:translateY(-2px)}
.footer-social svg{width:18px;height:18px}
footer h6{font-family:var(--font-display);color:#fff;font-size:17px;font-weight:600;margin-bottom:16px}
footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}
footer ul a{font-size:14px;transition:color .3s}
footer ul a:hover{color:#ff6b6b}
.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px}
.footer-credit{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);text-align:center;font-size:12px;color:rgba(255,255,255,.45);letter-spacing:.3px}
.footer-credit a{color:rgba(255,255,255,.7);font-weight:600;transition:color .3s}
.footer-credit a:hover{color:#ff6b6b}

/* REVEAL + FAB */
.reveal{opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.2,.8,.2,1)}
.reveal.on{opacity:1;transform:translateY(0)}
.fab{position:fixed;bottom:24px;right:24px;z-index:99;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -8px rgba(18,140,126,.6);animation:pulseFab 2.5s infinite;transition:transform .3s}
.fab:hover{transform:scale(1.1)}
.fab svg{width:30px;height:30px;fill:#fff}
@keyframes pulseFab{0%,100%{box-shadow:0 14px 30px -8px rgba(18,140,126,.6),0 0 0 0 rgba(18,140,126,.6)}50%{box-shadow:0 14px 30px -8px rgba(18,140,126,.6),0 0 0 16px rgba(18,140,126,0)}}

@media (max-width:600px){
  section{padding:80px 0}
  .hero{padding:140px 0 120px;min-height:auto}
  .hero-stats{gap:24px}
  .stat .num{font-size:32px}
  .hero-visual{min-height:420px}
}
