/* ==========================================================================
   Antalya Arıtma — Ana Stil Dosyası
   Palet: petrol (koyu) + turkuaz (vurgu) + nane (eylem)
   ========================================================================== */
:root{
  --deep-900:#052b34;
  --deep-800:#073a46;
  --deep-700:#0b4d5c;
  --teal-600:#0e7c8c;
  --teal-500:#12959f;
  --aqua-400:#2ec4d6;
  --aqua-200:#a9e6ef;
  --aqua-100:#e4f6f9;
  --aqua-50:#f2fbfc;
  --mint-600:#0a9c6b;
  --mint-500:#0fb87f;
  --mint-100:#e3f9f0;
  --sun:#f7b32b;
  --ink:#0d2830;
  --ink-2:#39575f;
  --ink-3:#6d878e;
  --line:#dde8ea;
  --line-2:#eef4f5;
  --bg:#ffffff;
  --bg-soft:#f5fafb;
  --r-lg:22px; --r:14px; --r-sm:9px;
  --sh:0 1px 2px rgba(5,43,52,.04),0 10px 30px -14px rgba(5,43,52,.18);
  --sh-lg:0 24px 60px -24px rgba(5,43,52,.36);
  --wrap:1220px;
  --font:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:17px;line-height:1.72;color:var(--ink-2);
  background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
img{height:auto;display:block}
a{color:var(--teal-600);text-decoration:none;transition:color .15s}
a:hover{color:var(--mint-600)}
h1,h2,h3,h4{margin:0 0 .55em;line-height:1.22;color:var(--ink);font-weight:800;letter-spacing:-.021em}
h1{font-size:clamp(1.78rem,4.4vw,2.85rem)}
h2{font-size:clamp(1.42rem,3.1vw,2.1rem)}
h3{font-size:clamp(1.09rem,2vw,1.3rem)}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.15em;padding-left:1.3em}
li{margin-bottom:.4em}
strong{color:var(--ink);font-weight:700}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  padding:.86em 1.5em;border-radius:100px;font-weight:700;font-size:1rem;font-family:inherit;
  border:1.5px solid transparent;cursor:pointer;transition:.18s;text-align:center;line-height:1.25}
.btn-mint{background:var(--mint-500);color:#fff;box-shadow:0 8px 22px -10px rgba(15,184,127,.7)}
.btn-mint:hover{background:var(--mint-600);color:#fff;transform:translateY(-2px)}
.btn-deep{background:var(--deep-800);color:#fff}
.btn-deep:hover{background:var(--deep-900);color:#fff;transform:translateY(-2px)}
.btn-teal{background:var(--teal-600);color:#fff}
.btn-teal:hover{background:var(--deep-700);color:#fff}
.btn-glass{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.42);backdrop-filter:blur(6px)}
.btn-glass:hover{background:#fff;color:var(--deep-800);border-color:#fff}
.btn-line{background:#fff;color:var(--deep-800);border-color:var(--line)}
.btn-line:hover{border-color:var(--teal-500);color:var(--teal-600)}
.btn-wa{background:#25d366;color:#fff}
.btn-wa:hover{background:#1da851;color:#fff}
.btn-lg{padding:1.02em 1.85em;font-size:1.05rem}
.btn-sm{padding:.6em 1.1em;font-size:.9rem}
.btn-full{width:100%}

/* ---------- Duyuru şeridi ---------- */
.topline{background:linear-gradient(90deg,var(--deep-900),var(--teal-600) 55%,var(--aqua-400));
  color:#eaf9fb;font-size:.86rem;padding:8px 0}
.topline .wrap{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;text-align:center}
.topline span{display:inline-flex;align-items:center;gap:7px}
.topline a{color:#fff;font-weight:700;border-bottom:1px solid rgba(255,255,255,.45)}
.topline a:hover{color:#fff;border-color:#fff}
.topline .sep{opacity:.45}

/* ---------- Başlık ---------- */
.head{background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line-2)}
.head.stuck{box-shadow:0 6px 24px -18px rgba(5,43,52,.6)}
.head-in{display:flex;align-items:center;gap:24px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.24rem;color:var(--deep-900);
  letter-spacing:-.03em;flex:0 0 auto}
.brand:hover{color:var(--deep-900)}
.brand-mark{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(150deg,var(--teal-500),var(--deep-800));box-shadow:0 8px 18px -10px rgba(11,77,92,.85)}
.brand small{display:block;font-size:.61rem;font-weight:700;color:var(--teal-600);
  letter-spacing:.15em;text-transform:uppercase;line-height:1.3}
.brand-img{height:52px;width:auto;max-width:236px;object-fit:contain}
.brand.has-img{gap:0}

.nav{margin-left:auto}
.nav > ul{display:flex;align-items:center;gap:3px;list-style:none;margin:0;padding:0}
.nav > ul > li{margin:0;position:relative}
.nav > ul > li > a{display:flex;align-items:center;gap:5px;padding:10px 13px;border-radius:100px;
  font-weight:650;font-size:.95rem;color:var(--ink);white-space:nowrap}
.nav > ul > li > a:hover,.nav > ul > li.on > a{background:var(--aqua-100);color:var(--deep-800)}
.nav .caret{width:0;height:0;border:4px solid transparent;border-top-color:currentColor;margin-top:3px;opacity:.5}
.drop{position:absolute;top:100%;left:0;min-width:290px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--sh-lg);padding:9px;list-style:none;margin:8px 0 0;
  opacity:0;visibility:hidden;transform:translateY(9px);transition:.16s;max-height:70vh;overflow-y:auto;z-index:60}
.drop.wide{min-width:520px;columns:2;column-gap:6px}
li:hover > .drop,li:focus-within > .drop{opacity:1;visibility:visible;transform:translateY(0)}
.drop a{display:block;padding:8px 12px;border-radius:8px;font-size:.9rem;color:var(--ink-2);break-inside:avoid}
.drop a:hover{background:var(--aqua-50);color:var(--deep-800)}
.drop .all{font-weight:750;color:var(--teal-600)}

.head-act{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.head-tel{display:flex;align-items:center;gap:10px;color:var(--deep-900);white-space:nowrap}
.head-tel .ic{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;
  background:var(--mint-100);color:var(--mint-600)}
.head-tel b{display:block;font-size:1.04rem;line-height:1.2;letter-spacing:-.02em}
.head-tel small{display:block;font-size:.67rem;color:var(--ink-3);font-weight:650;text-transform:uppercase;letter-spacing:.08em}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--deep-900);border-radius:10px}
.burger:hover{background:var(--aqua-100)}
.nav-x{display:none}
.scrim{display:none}

/* ---------- Kahraman bölüm ---------- */
.hero{position:relative;background:
    radial-gradient(1100px 520px at 82% -8%,rgba(46,196,214,.34),transparent 60%),
    radial-gradient(760px 420px at 8% 104%,rgba(15,184,127,.2),transparent 62%),
    linear-gradient(158deg,var(--deep-900) 0%,var(--deep-800) 52%,var(--deep-700) 100%);
  color:#e6f5f8;overflow:hidden;padding:66px 0 116px}
.hero::before{content:'';position:absolute;inset:0;opacity:.4;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 44px}
.hero .wrap{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:9px;font-size:.79rem;font-weight:750;
  letter-spacing:.14em;text-transform:uppercase;color:var(--aqua-200);margin-bottom:18px}
.kicker::before{content:'';width:26px;height:2px;background:var(--aqua-400);border-radius:2px}
.hero h1{color:#fff;margin-bottom:.42em}
.hero h1 em{font-style:normal;color:var(--aqua-200);
  background:linear-gradient(180deg,transparent 66%,rgba(46,196,214,.28) 66%)}
.hero-lead{font-size:1.11rem;color:#c9e6ec;max-width:57ch;margin-bottom:1.5em}
.hero-ticks{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;margin:0 0 26px;padding:0;list-style:none;max-width:520px}
.hero-ticks li{display:flex;align-items:flex-start;gap:9px;margin:0;font-size:.93rem;color:#d6ecf1}
.hero-ticks svg{flex:0 0 18px;color:var(--mint-500);margin-top:4px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-num{display:flex;gap:30px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16);flex-wrap:wrap}
.hero-num div b{display:block;font-size:1.62rem;color:#fff;line-height:1.15;letter-spacing:-.03em}
.hero-num div span{font-size:.81rem;color:#a5cdd6}

/* Kahraman görsel kartı: filtre kademeleri */
.stage-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-lg);
  padding:24px;backdrop-filter:blur(9px);box-shadow:var(--sh-lg)}
.stage-card h2{color:#fff;font-size:1.1rem;margin-bottom:4px}
.stage-card .sub{font-size:.85rem;color:#a9cfd8;margin-bottom:18px}
.stage-list{list-style:none;margin:0;padding:0;counter-reset:st}
.stage-list li{display:flex;align-items:center;gap:13px;margin:0;padding:9px 0;
  border-bottom:1px dashed rgba(255,255,255,.14);font-size:.9rem;color:#dceef2}
.stage-list li:last-child{border-bottom:0}
.stage-list li b{counter-increment:st;flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:rgba(46,196,214,.2);color:var(--aqua-200);font-size:.82rem;font-weight:800}
.stage-list li b::before{content:counter(st)}
.stage-list li span{flex:1}
.stage-list li i{font-style:normal;font-size:.76rem;color:#8fc0cb;white-space:nowrap}
.tds-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;
  background:rgba(15,184,127,.14);border:1px solid rgba(15,184,127,.34);border-radius:var(--r);padding:12px 16px}
.tds-strip div{text-align:center;flex:1}
.tds-strip small{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#9fd7c5}
.tds-strip b{font-size:1.24rem;color:#fff;letter-spacing:-.02em}
.tds-strip .arw{flex:0 0 auto;color:var(--mint-500)}

/* Dalga geçiş */
.wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:74px;display:block;color:var(--bg)}
.wave-soft{color:var(--bg-soft)}

/* ---------- Hızlı talep şeridi ---------- */
.quickbar{margin-top:-64px;position:relative;z-index:5}
.quickbar-in{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:22px 24px}
.quickbar h2{font-size:1.08rem;margin-bottom:3px}
.quickbar p{font-size:.87rem;color:var(--ink-3);margin-bottom:16px}
.qform{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr auto;gap:11px;align-items:end}

/* ---------- Form alanları ---------- */
.fld{margin-bottom:13px}
.fld label{display:block;font-size:.82rem;font-weight:700;color:var(--ink-2);margin-bottom:6px}
.fld input,.fld select,.fld textarea{width:100%;padding:.78em .95em;border:1.5px solid var(--line);
  border-radius:var(--r-sm);font-size:.97rem;font-family:inherit;color:var(--ink);background:#fff;transition:.15s}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--teal-500);box-shadow:0 0 0 4px var(--aqua-100)}
.fld textarea{min-height:112px;resize:vertical}
.fld-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qform .fld{margin-bottom:0}
.hp{position:absolute;left:-9999px;opacity:0}
.form-note{font-size:.79rem;color:var(--ink-3);margin-top:11px}
.alert{padding:14px 17px;border-radius:var(--r-sm);margin-bottom:18px;font-size:.94rem;border:1px solid}
.alert-ok{background:var(--mint-100);border-color:#a9e5cd;color:#08654a}
.alert-no{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.alert ul{margin:7px 0 0;padding-left:19px}

/* ---------- Bölüm iskeleti ---------- */
.sec{padding:74px 0}
.sec-soft{background:var(--bg-soft)}
.sec-deep{background:
    radial-gradient(900px 420px at 88% 6%,rgba(46,196,214,.22),transparent 62%),
    linear-gradient(160deg,var(--deep-900),var(--deep-700));color:#d9edf1;position:relative}
.sec-deep h2,.sec-deep h3{color:#fff}
.sec-deep .kicker{color:var(--aqua-200)}
.sec-tight{padding:52px 0}
.sec-head{max-width:790px;margin-bottom:44px}
.sec-head.mid{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.mid .kicker{justify-content:center}
.sec-head p{font-size:1.04rem;margin-bottom:0}
.sec-deep .sec-head p{color:#b6d8df}
.sec-head .kicker{color:var(--teal-600)}
.sec-flex{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:38px}
.sec-flex .sec-head{margin-bottom:0}

/* ---------- Hizmet satır kartları ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc{position:relative;display:flex;gap:16px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:22px;transition:.2s;overflow:hidden}
.svc::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--aqua-400);
  transform:translateX(-4px);transition:.2s}
.svc:hover{border-color:var(--aqua-200);box-shadow:var(--sh);transform:translateY(-3px)}
.svc:hover::before{transform:translateX(0)}
.svc .ic{flex:0 0 48px;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;
  background:var(--aqua-100);color:var(--teal-600);transition:.2s}
.svc:hover .ic{background:var(--teal-600);color:#fff}
.svc h3{font-size:1.05rem;margin-bottom:.3em}
.svc h3 a{color:var(--ink)}
.svc:hover h3 a{color:var(--teal-600)}
.svc p{font-size:.89rem;color:var(--ink-2);margin:0 0 .7em}
.svc .meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.77rem;color:var(--ink-3)}
.svc .meta span{display:inline-flex;align-items:center;gap:5px}
.svc .hit{position:absolute;inset:0}
.svc-body{min-width:0}

/* ---------- Neden biz: şerit ---------- */
.why{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 38px}
.why-item{display:flex;gap:15px;padding:18px;border-radius:var(--r);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.why-item .ic{flex:0 0 44px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:rgba(46,196,214,.18);color:var(--aqua-200)}
.why-item h3{font-size:1.02rem;margin-bottom:.25em}
.why-item p{font-size:.89rem;color:#b6d8df;margin:0}

/* ---------- Su verileri tablosu ---------- */
.tbl-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.tbl-scroll{overflow-x:auto}
table.data{width:100%;border-collapse:collapse;font-size:.94rem;min-width:560px}
table.data th{background:var(--aqua-50);text-align:left;padding:14px 18px;font-size:.77rem;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;color:var(--teal-600);border-bottom:1px solid var(--line)}
table.data td{padding:14px 18px;border-bottom:1px solid var(--line-2);vertical-align:middle}
table.data tr:last-child td{border-bottom:0}
table.data tbody tr:hover{background:var(--aqua-50)}
table.data td b{color:var(--ink)}
.tag-hard{display:inline-block;padding:3px 11px;border-radius:100px;font-size:.79rem;font-weight:750;
  background:#fff5e2;color:#96620b;border:1px solid #f4dfae}
.tag-tds{display:inline-block;padding:3px 11px;border-radius:100px;font-size:.79rem;font-weight:750;
  background:var(--aqua-100);color:var(--teal-600);border:1px solid var(--aqua-200)}
.tbl-note{font-size:.83rem;color:var(--ink-3);margin:14px 0 0}

/* ---------- Zaman çizgisi (süreç) ---------- */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;counter-reset:fl}
.flow::before{content:'';position:absolute;top:23px;left:8%;right:8%;height:2px;
  background:repeating-linear-gradient(90deg,var(--aqua-200) 0 8px,transparent 8px 16px)}
.flow-item{position:relative;text-align:center}
.flow-item .dot{counter-increment:fl;width:46px;height:46px;margin:0 auto 16px;border-radius:50%;
  background:#fff;border:2px solid var(--aqua-400);color:var(--teal-600);display:grid;place-items:center;
  font-weight:800;font-size:1.06rem;position:relative;z-index:2}
.flow-item .dot::before{content:counter(fl)}
.flow-item h3{font-size:1.02rem;margin-bottom:.3em}
.flow-item p{font-size:.89rem;margin:0}

/* ---------- Bölge kutucukları ---------- */
.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;transition:.2s}
.tile:hover{border-color:var(--aqua-200);box-shadow:var(--sh)}
.tile h3{font-size:1.08rem;margin-bottom:.25em}
.tile h3 a{color:var(--ink)}
.tile h3 a:hover{color:var(--teal-600)}
.tile p{font-size:.87rem;margin-bottom:.8em}
.tile .facts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chip{display:inline-block;background:var(--aqua-50);color:var(--teal-600);font-size:.79rem;font-weight:650;
  padding:5px 12px;border-radius:100px;border:1px solid var(--aqua-100)}
a.chip:hover{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}
.chip-plain{background:var(--bg-soft);color:var(--ink-2);border-color:var(--line)}
.mini-list{list-style:none;padding:0;margin:0;columns:2;column-gap:20px}
.mini-list li{margin-bottom:6px;font-size:.9rem;break-inside:avoid}

/* ---------- Yorum kartları ---------- */
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.quote{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:26px 22px 22px;height:100%}
.quote::before{content:'\201C';position:absolute;top:6px;right:18px;font-size:4.4rem;line-height:1;
  color:var(--aqua-100);font-family:Georgia,serif}
.quote .stars{color:var(--sun);font-size:.94rem;letter-spacing:2px;margin-bottom:11px}
.quote p{font-size:.93rem;color:var(--ink-2);margin-bottom:16px;position:relative}
.quote .who{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line-2);padding-top:14px}
.av{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;font-weight:800;
  color:#fff;background:linear-gradient(150deg,var(--teal-500),var(--deep-800))}
.quote .who b{display:block;font-size:.92rem}
.quote .who span{font-size:.79rem;color:var(--ink-3)}

/* ---------- S.S.S. akordeon ---------- */
.acc{border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden}
.acc details{border-bottom:1px solid var(--line-2)}
.acc details:last-child{border-bottom:0}
.acc summary{display:flex;align-items:flex-start;gap:13px;padding:17px 20px;cursor:pointer;list-style:none;
  font-weight:700;font-size:1rem;color:var(--ink)}
.acc summary::-webkit-details-marker{display:none}
.acc summary::before{content:'+';flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--aqua-100);color:var(--teal-600);font-size:1.16rem;font-weight:700;line-height:1;transition:.2s}
.acc details[open] summary{color:var(--teal-600)}
.acc details[open] summary::before{content:'\2013';background:var(--teal-600);color:#fff}
.acc .body{padding:0 20px 18px 59px;font-size:.94rem}
.acc .body p:last-child{margin-bottom:0}

/* ---------- Sayfa üst bandı ---------- */
.phead{position:relative;background:
    radial-gradient(760px 340px at 86% 0%,rgba(46,196,214,.26),transparent 62%),
    linear-gradient(150deg,var(--deep-900),var(--deep-700));color:#d9edf1;padding:54px 0 62px;overflow:hidden}
.phead h1{color:#fff;margin-bottom:.32em}
.phead p{color:#bcdde4;max-width:74ch;margin-bottom:0;font-size:1.03rem}
.phead .facts{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.fact{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:6px 14px;font-size:.83rem;font-weight:650;color:#e3f4f7}
.phead-cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}

/* ---------- Kırıntı yolu ---------- */
.crumbs{background:var(--bg-soft);border-bottom:1px solid var(--line-2);padding:11px 0;font-size:.84rem}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.crumbs li{margin:0;color:var(--ink-3)}
.crumbs li+li::before{content:'\203A';margin-right:7px;color:#b9ccd1}

/* ---------- İçerik + yan sütun ---------- */
.split{display:grid;grid-template-columns:1fr 350px;gap:46px;align-items:start}
.prose{font-size:1.04rem}
.prose h2{margin-top:1.85em;font-size:clamp(1.3rem,2.5vw,1.68rem);position:relative;padding-left:16px}
.prose h2::before{content:'';position:absolute;left:0;top:.14em;bottom:.18em;width:4px;border-radius:3px;
  background:linear-gradient(180deg,var(--aqua-400),var(--teal-600))}
.prose h3{margin-top:1.5em}
.prose > :first-child{margin-top:0}
.prose ul{padding-left:0;list-style:none}
.prose ul li{position:relative;padding-left:30px;margin-bottom:.6em}
.prose ul li::before{content:'';position:absolute;left:2px;top:.52em;width:16px;height:16px;border-radius:50%;
  background:var(--mint-100);border:1.5px solid var(--mint-500)}
.prose ul li::after{content:'';position:absolute;left:7px;top:.8em;width:4px;height:8px;
  border:1.7px solid var(--mint-600);border-top:0;border-left:0;transform:rotate(42deg)}
.prose ol{padding-left:1.35em}
.prose img{border-radius:var(--r);margin:1.3em 0}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.94rem}
.prose th,.prose td{border:1px solid var(--line);padding:11px 14px;text-align:left}
.prose th{background:var(--aqua-50);font-weight:750;color:var(--teal-600)}
.prose blockquote{border-left:4px solid var(--aqua-400);background:var(--aqua-50);margin:1.4em 0;
  padding:16px 20px;border-radius:0 var(--r-sm) var(--r-sm) 0}
.prose blockquote p:last-child{margin-bottom:0}

.aside{position:sticky;top:96px;display:grid;gap:18px}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.panel > h3{font-size:1.02rem;padding-bottom:.6em;margin-bottom:.9em;border-bottom:2px solid var(--aqua-100)}
.panel ul{list-style:none;padding:0;margin:0}
.panel li{margin-bottom:2px}
.panel li a{display:block;padding:8px 12px;border-radius:8px;font-size:.9rem;color:var(--ink-2)}
.panel li a:hover,.panel li.on a{background:var(--aqua-50);color:var(--teal-600);font-weight:650}
.panel-call{background:linear-gradient(155deg,var(--deep-800),var(--teal-600));color:#d9edf1;border:0;text-align:center}
.panel-call h3{color:#fff;border-color:rgba(255,255,255,.22)}
.panel-call p{font-size:.9rem;color:#bcdde4}
.panel-tel{display:block;font-size:1.44rem;font-weight:800;color:#fff;margin:8px 0 14px;letter-spacing:-.02em}
.panel-tel:hover{color:var(--aqua-200)}

/* ---------- Bilgi kutuları ---------- */
.note-box{background:var(--aqua-50);border:1px solid var(--aqua-100);border-left:4px solid var(--aqua-400);
  padding:17px 20px;border-radius:0 var(--r-sm) var(--r-sm) 0;margin:26px 0}
.note-box p:last-child{margin-bottom:0}
.price-box{background:var(--mint-100);border:1px dashed var(--mint-500);border-radius:var(--r);padding:20px 24px;margin:28px 0}
.price-box h3{margin-top:0;display:flex;align-items:center;gap:9px}
.price-box p:last-child{margin-bottom:0}
.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 28px}
.spec div{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px}
.spec small{display:block;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.spec b{font-size:.98rem;color:var(--ink)}

/* ---------- Eylem bandı ---------- */
.band{position:relative;background:linear-gradient(112deg,var(--teal-600),var(--aqua-400) 62%,var(--mint-500));
  color:#fff;padding:46px 0;overflow:hidden}
.band::before{content:'';position:absolute;inset:0;opacity:.16;
  background-image:radial-gradient(circle at 20% 30%,#fff 1.6px,transparent 1.7px);background-size:30px 30px}
.band .wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.band h2{color:#fff;margin-bottom:.18em;font-size:clamp(1.3rem,2.6vw,1.72rem)}
.band p{color:#eefcff;margin:0;max-width:62ch}
.band-act{display:flex;gap:11px;flex-wrap:wrap}
.band .btn-line{background:#fff;color:var(--deep-800);border-color:#fff}
.band .btn-line:hover{background:var(--deep-900);color:#fff;border-color:var(--deep-900)}

/* ---------- Blog ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s;
  display:flex;flex-direction:column;height:100%}
.post:hover{box-shadow:var(--sh);transform:translateY(-3px);border-color:var(--aqua-200)}
.post .shot{aspect-ratio:16/9;display:grid;place-items:center;color:rgba(255,255,255,.4);
  background:linear-gradient(150deg,var(--deep-800),var(--teal-500))}
.post .shot img{width:100%;height:100%;object-fit:cover}
.post .in{padding:20px;display:flex;flex-direction:column;flex:1}
.post h3{font-size:1.05rem;margin-bottom:.4em}
.post h3 a{color:var(--ink)}
.post h3 a:hover{color:var(--teal-600)}
.post p{font-size:.89rem;flex:1;margin-bottom:.9em}
.post-meta{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:.79rem;color:var(--ink-3);margin-bottom:10px}
.badge{display:inline-block;background:var(--aqua-100);color:var(--teal-600);font-size:.73rem;font-weight:750;
  padding:3px 10px;border-radius:100px;letter-spacing:.04em;text-transform:uppercase}
.more{font-size:.87rem;font-weight:750;color:var(--mint-600);display:inline-flex;align-items:center;gap:6px}
.pagination{display:flex;gap:7px;justify-content:center;margin-top:38px;flex-wrap:wrap}
.pagination a{padding:9px 16px;border:1px solid var(--line);border-radius:100px;font-weight:650;font-size:.92rem;background:#fff}
.pagination a:hover,.pagination a.is-active{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}

/* ---------- Galeri ---------- */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.gal figure{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff}
.gal img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:.3s}
.gal figure:hover img{transform:scale(1.05)}
.gal figcaption{padding:12px 15px;font-size:.87rem;font-weight:650;color:var(--ink-2)}

/* ---------- Arama ---------- */
.searchbar{display:flex;gap:10px;max-width:560px;margin-top:20px}
.searchbar input{flex:1;padding:.85em 1.05em;border-radius:100px;border:0;font-size:1rem;font-family:inherit}
.searchbar input:focus{outline:3px solid rgba(46,196,214,.5)}

/* ---------- Alt bilgi ---------- */
.foot{position:relative;background:var(--deep-900);color:#9dc3cd;padding:0 0 0;font-size:.93rem}
.foot-wave{display:block;width:100%;height:60px;color:var(--deep-900)}
.foot-in{padding:16px 0 0}
.foot-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1.2fr;gap:36px;padding:26px 0 38px}
.foot h3{color:#fff;font-size:1rem;margin-bottom:1.05em}
.foot a{color:#9dc3cd}
.foot a:hover{color:var(--aqua-400)}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin-bottom:8px;font-size:.9rem}
.foot-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-weight:800;font-size:1.2rem;color:#fff}
.foot-brand img{height:46px;width:auto;max-width:230px;object-fit:contain}
.foot-contact li{display:flex;gap:11px;align-items:flex-start;margin-bottom:13px}
.foot-contact .ic{color:var(--aqua-400);flex:0 0 18px;margin-top:4px}
.social{display:flex;gap:9px;margin-top:18px}
.social a{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#fff}
.social a:hover{background:var(--aqua-400);color:var(--deep-900)}
.foot-seo{border-top:1px solid rgba(255,255,255,.08);padding:22px 0;font-size:.79rem;color:#7ba3af;line-height:1.95}
.foot-seo a{color:#8ab4c0}
.foot-seo strong{color:#b9d8e0;display:block;margin-bottom:6px}
.foot-end{border-top:1px solid rgba(255,255,255,.09);padding:18px 0;font-size:.83rem;
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}

/* ---------- Yüzen düğmeler ---------- */
.fab{position:fixed;right:18px;bottom:18px;z-index:98;width:56px;height:56px;border-radius:18px;
  background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -10px rgba(37,211,102,.8);transition:.2s}
.fab:hover{transform:translateY(-3px) scale(1.04);color:#fff}
.mobar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;
  border-top:1px solid var(--line);box-shadow:0 -6px 22px -14px rgba(5,43,52,.7);padding:8px}
.mobar-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}
.mobar .btn{padding:.72em .5em;font-size:.86rem;border-radius:12px;gap:.35em}

/* ---------- Yardımcılar ---------- */
.mid{text-align:center}
.mt-2{margin-top:18px}.mt-3{margin-top:26px}.mt-4{margin-top:36px}
.mb-0{margin-bottom:0}
.lead{font-size:1.08rem;color:var(--ink-2)}
.hr{height:1px;background:var(--line);border:0;margin:34px 0}
.row-act{display:flex;gap:11px;flex-wrap:wrap}
.link-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.err-big{font-size:5rem;font-weight:800;color:var(--aqua-100);line-height:1;letter-spacing:-.04em}

/* ---------- Duyarlı ---------- */
@media (max-width:1240px){
  .nav > ul > li > a{padding:9px 10px;font-size:.91rem}
  .head-in{gap:14px}
  .brand{font-size:1.14rem}
  .brand-mark{width:40px;height:40px;flex:0 0 40px;border-radius:12px}
}
@media (max-width:1130px){
  .head-tel .num{display:none}
  .head-tel .ic{width:42px;height:42px;flex:0 0 42px}
}
@media (max-width:1120px){
  .split{grid-template-columns:1fr}
  .aside{position:static;grid-template-columns:1fr 1fr;display:grid}
  .svc-grid,.tile-grid,.quote-grid,.post-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .qform{grid-template-columns:1fr 1fr;gap:12px}
  .qform .btn{grid-column:1/-1}
}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .hero{padding:48px 0 104px}
  .flow{grid-template-columns:repeat(2,1fr)}
  .flow::before{display:none}
  .why{grid-template-columns:1fr}
  .spec{grid-template-columns:1fr}
  .topline .wrap > span:nth-child(n+3){display:none}
  .topline .wrap > .sep{display:none}
}
@media (max-width:900px){
  .nav{position:fixed;inset:0 auto 0 0;width:min(86vw,352px);background:#fff;padding:70px 18px 26px;
    transform:translateX(-100%);transition:.28s;box-shadow:8px 0 34px -14px rgba(5,43,52,.6);
    overflow-y:auto;z-index:120;margin:0}
  .nav.open{transform:translateX(0)}
  .nav > ul{flex-direction:column;align-items:stretch;gap:0}
  .nav > ul > li > a{padding:13px 14px;border-radius:0;border-bottom:1px solid var(--line-2);justify-content:space-between}
  .drop,.drop.wide{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;columns:1;
    max-height:0;overflow:hidden;padding:0;margin:0;transition:max-height .3s}
  li.open > .drop{max-height:640px;overflow-y:auto;padding:5px 0 5px 12px}
  .nav-x{display:grid;place-items:center;position:absolute;top:15px;right:15px;width:38px;height:38px;
    background:var(--aqua-100);border:0;border-radius:11px;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--deep-800)}
  .scrim{display:block;position:fixed;inset:0;background:rgba(5,43,52,.55);z-index:110;opacity:0;visibility:hidden;transition:.25s}
  .scrim.on{opacity:1;visibility:visible}
  .burger{display:block}
  .head-tel .num{display:none}
  .head-in{gap:14px}
  .brand{margin-right:auto}
}
@media (max-width:760px){
  body{font-size:16.5px;padding-bottom:64px}
  .topline{font-size:.8rem;padding:7px 0}
  .topline .wrap > span:nth-child(n+2){display:none}
  .sec{padding:52px 0}
  .sec-head{margin-bottom:32px}
  .mobar{display:block}
  .fab{bottom:76px;width:50px;height:50px;border-radius:15px}
  .svc-grid,.tile-grid,.quote-grid,.post-grid{grid-template-columns:1fr}
  .aside{grid-template-columns:1fr}
  .hero-ticks{grid-template-columns:1fr}
  .hero-num{gap:20px}
  .hero-num div b{font-size:1.4rem}
  .quickbar{margin-top:-52px}
  .quickbar-in{padding:18px}
  .qform{grid-template-columns:1fr}
  .fld-2{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:28px}
  .band .wrap{flex-direction:column;text-align:center}
  .band-act{justify-content:center}
  .mini-list{columns:1}
  .brand-img{height:42px;max-width:180px}
  .prose h2{padding-left:13px}
  .acc .body{padding-left:20px}
}
@media (max-width:480px){
  h1{font-size:1.62rem}
  .hero-cta .btn{width:100%}
  .err-big{font-size:3.6rem}
}
@media print{
  .head,.topline,.mobar,.fab,.band,.foot,.aside,.quickbar{display:none}
  .hero,.phead{background:none;color:#000}
}