/* Akarsu — su ve köpük. Dalgalı başlık, ortada yüzen bölge kartı, liste görünümlü firma kartları */
:root {
  --c-primary: #0b5f7f; --c-primary-2: #084a63; --c-primary-soft: #e3f2f6; --c-on-primary: #fff;
  --c-accent: #f5b700;
  --c-bg: #f3f9fa; --c-surface: #fff; --c-surface-2: #eaf4f6; --c-text: #0f2a36; --c-muted: #557080; --c-border: #d6e7ec;
  --hero-from: #08465f; --hero-to: #1488a5; --hero-text: #fff; --hero-blob: rgba(255, 255, 255, .08);
  --header-bg: rgba(255, 255, 255, .94); --header-text: #0f2a36;
  --footer-bg: #08394d; --footer-text: #c7dde5; --footer-head: #fff;
  --sponsor-a: #f5b700; --sponsor-b: #ff7a45; --sponsor-bg: #fffaeb;
  --font-body: 'Manrope', system-ui, sans-serif; --font-head: 'Manrope', system-ui, sans-serif;
  --head-weight: 800; --head-spacing: -.025em;
  --radius: 16px; --radius-sm: 11px; --radius-btn: 12px;
}
.brand-mark { background: linear-gradient(160deg, var(--hero-to), var(--hero-from)); }

/* başlık: derin sudan yüzeye; altta dalga */
.hero { background: linear-gradient(170deg, var(--hero-from) 0%, var(--hero-mid, #0b5f7f) 55%, var(--hero-to) 100%); padding: clamp(46px, 7vw, 88px) 0 clamp(90px, 11vw, 130px); }
.hero-bg span { background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .22), rgba(255, 255, 255, .04) 60%, transparent 70%); border: 1px solid rgba(255, 255, 255, .12); filter: none; }
.hero-bg .b1 { width: 180px; height: 180px; right: 8%; top: 18%; }
.hero-bg .b2 { width: 90px; height: 90px; left: 9%; top: 26%; bottom: auto; }
.hero-bg .b3 { width: 46px; height: 46px; left: 74%; bottom: 34%; }
.hero h1 { font-size: clamp(2.1rem, 1.4rem + 3vw, 3.5rem); }
.hero-deco { display: block; position: absolute; left: 0; right: 0; bottom: -1px; height: clamp(42px, 6vw, 80px); background: var(--c-bg);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 46c120-26 240-38 360-28s240 44 360 44 240-30 360-40 240 4 360 22v36H0z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 46c120-26 240-38 360-28s240 44 360 44 240-30 360-40 240 4 360 22v36H0z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; }
.hero-box { box-shadow: 0 30px 70px -24px rgba(3, 30, 44, .55); position: relative; z-index: 2; }
.hero-box-title i { color: var(--hero-to); }
.hero-trust i { color: var(--c-accent); }
.perks { margin-top: -54px; z-index: 3; }
.perk { box-shadow: 0 10px 30px -18px rgba(8, 70, 95, .45); }
.perk > i { background: linear-gradient(160deg, var(--c-primary-soft), color-mix(in srgb, var(--c-primary-soft) 80%, var(--hero-to))); }
.btn-primary { background: linear-gradient(170deg, var(--tone-light, #0e6f8f), var(--c-primary)); }
.lp-go { background: var(--c-accent); color: #1f1600; box-shadow: 0 10px 22px -10px color-mix(in srgb, var(--c-accent) 90%, transparent); }
.lp-go:hover { background: var(--c-accent-2, #e5aa00); color: #1f1600; }

/* firma kartları: su yüzeyi gibi sakin satırlar, solda ince akıntı çizgisi */
.firm-card { border-left: 4px solid transparent; }
.firm-card:hover { border-left-color: var(--hero-to); }
.svc-card .svc-ic, .side-cta > i { color: var(--hero-to); }
.section-alt { background: linear-gradient(180deg, #fff, #f3f9fa); }
.cta-band { background: linear-gradient(170deg, var(--hero-from), var(--hero-to)); }

/* alt bilgi: dalga ile açılır */
.site-footer { position: relative; margin-top: 70px; padding-top: 70px; }
.site-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -40px; height: 42px; background: var(--footer-bg);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 42' preserveAspectRatio='none'%3E%3Cpath d='M0 22c160 18 320 22 480 8S800 0 960 6s320 26 480 20v16H0z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 42' preserveAspectRatio='none'%3E%3Cpath d='M0 22c160 18 320 22 480 8S800 0 960 6s320 26 480 20v16H0z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.pt-order .site-footer, .pt-firmpanel .site-footer { margin-top: 50px; }
@media (max-width: 640px) {
  .hero { padding-bottom: 54px !important; }
  .hero-bg .b1 { width: 110px; height: 110px; right: -20px; top: 6px; }
  .hero-bg .b2, .hero-bg .b3 { display: none; }
  .perks { margin-top: -30px; }
}