/* ICEBERG — bölüm / sayfa stilleri */

/* ---------- HERO ---------- */
.hero{ position:relative; min-height:min(92vh,860px); display:flex; align-items:center; overflow:hidden; }
.hero-bg{ position:absolute; inset:0; z-index:0; }
.hero-bg img{ width:100%; height:100%; object-fit:cover; }

/* ---------- Crossfade slideshow ---------- */
.slideshow{ position:relative; width:100%; height:100%; }
.slideshow-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.5s ease-in-out; will-change:opacity; }
.slideshow-img.is-active{ opacity:1; }
.hero-bg .slideshow{ position:absolute; inset:0; }
.why-media .slideshow{ aspect-ratio:4/3.4; }
.tech-media .slideshow{ aspect-ratio:4/4.4; }
@media (prefers-reduced-motion: reduce){ .slideshow-img{ transition:none; } }
.hero-veil{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(6,28,34,.92) 0%, rgba(6,28,34,.66) 42%, rgba(6,28,34,.15) 100%),
    linear-gradient(180deg, rgba(6,28,34,.5) 0%, rgba(6,28,34,0) 30%, rgba(6,28,34,.55) 100%);
}
.hero-inner{ position:relative; z-index:1; padding-top:120px; padding-bottom:100px; }
.hero-title{ color:#fff; margin-top:22px; max-width:16ch; }
.hero-title em{ font-style:normal; color:var(--accent); }
.hero-lede{ color:rgba(255,255,255,.86); max-width:60ch; margin-top:24px; }
.hero-cta{ display:flex; gap:14px; flex-wrap:wrap; margin-top:36px; }
.hero-scroll{ position:absolute; bottom:26px; left:50%; transform:translateX(-50%); z-index:1; width:26px; height:42px; border:2px solid rgba(255,255,255,.4); border-radius:14px; display:flex; justify-content:center; padding-top:7px; }
.hero-scroll span{ width:3px; height:8px; border-radius:3px; background:rgba(255,255,255,.7); animation:scrolldot 1.6s ease-in-out infinite; }
@keyframes scrolldot{ 0%,100%{ opacity:0; transform:translateY(0);} 50%{ opacity:1; transform:translateY(7px);} }

/* ---------- STATS BAR ---------- */
.stats-bar{
  position:relative; z-index:5; margin-top:-56px;
  background:#fff; border-radius:var(--r-lg); box-shadow:var(--shadow-lg);
  display:grid; grid-template-columns:repeat(5,1fr);
  padding:34px 12px; border:1px solid var(--line);
}
.stat{ text-align:center; padding:6px 20px; position:relative; }
.stat + .stat::before{ content:""; position:absolute; left:0; top:14%; height:72%; width:1px; background:var(--line); }
.stat-val{ font-family:var(--font-display); font-weight:800; font-size:clamp(30px,3.4vw,44px); color:var(--ink); letter-spacing:-.03em; line-height:1; }
.stat-val span{ font-size:.5em; color:var(--brand); margin-left:3px; font-weight:700; }
.stat-lbl{ font-size:14px; color:var(--text-soft); margin-top:9px; }

/* ---------- Section heads ---------- */
.sec-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:48px; }
.sec-head-note{ max-width:380px; color:var(--text-soft); font-size:16px; }
.text-link{ display:inline-flex; align-items:center; gap:8px; margin-top:22px; font-family:var(--font-display); font-weight:600; color:var(--brand); font-size:15px; }
.text-link svg{ width:17px; height:17px; transition:transform .2s; }
.text-link:hover svg{ transform:translate(3px,-3px); }

/* ---------- INTRO ---------- */
.intro-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:54px; align-items:start; }

/* ---------- HİZMET KARTLARI ---------- */
.svc-section{ background:var(--mist); }
.svc-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.svc-card a{ display:block; background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; height:100%; transition:transform .25s ease, box-shadow .25s ease, border-color .25s; }
.svc-card a:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:transparent; }
.svc-media{ position:relative; aspect-ratio:16/11; overflow:hidden; }
.svc-media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.svc-card a:hover .svc-media img{ transform:scale(1.06); }
.svc-media-ph{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%); color:#fff; font-size:52px; }
.svc-temp{ position:absolute; top:14px; left:14px; background:rgba(255,255,255,.92); backdrop-filter:blur(6px); color:var(--brand-deep); font-family:var(--font-display); font-weight:700; font-size:13px; padding:7px 13px; border-radius:999px; }
.svc-body{ padding:26px 24px 28px; }
.svc-ico{ width:46px; height:46px; border-radius:12px; background:var(--mist); color:var(--brand); display:flex; align-items:center; justify-content:center; font-size:25px; margin-bottom:16px; }
.svc-body h3{ font-size:22px; }
.svc-body p{ color:var(--text-soft); margin-top:10px; font-size:15px; line-height:1.6; }
.svc-link{ display:inline-flex; align-items:center; gap:7px; margin-top:18px; color:var(--brand); font-family:var(--font-display); font-weight:600; font-size:14px; }
.svc-link svg{ width:16px; height:16px; transition:transform .2s; }
.svc-card a:hover .svc-link svg{ transform:translate(3px,-3px); }

/* ---------- NEDEN ICEBERG ---------- */
.why{ background:var(--ink); position:relative; }
.why-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.why-media{ position:relative; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-lg); }
.why-media img{ width:100%; aspect-ratio:4/3.4; object-fit:cover; }
.why-badge{ position:absolute; bottom:20px; left:20px; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); border-radius:var(--r); padding:14px 18px; display:flex; align-items:center; gap:13px; box-shadow:var(--shadow); }
.why-badge svg{ width:32px; height:32px; color:var(--brand); }
.why-badge strong{ display:block; font-family:var(--font-display); color:var(--ink); font-size:15px; }
.why-badge span{ font-size:13px; color:var(--text-soft); }
.why-list{ list-style:none; margin:30px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; }
.why-list li{ display:flex; align-items:flex-start; gap:11px; color:rgba(255,255,255,.9); font-size:16px; line-height:1.4; }
.why-list svg, .why-list img{ width:21px; height:21px; color:var(--accent); flex:none; margin-top:1px; object-fit:contain; }

/* ---------- SEKTÖRLER ---------- */
.sector-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.extras-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.sector-card{ background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:28px 22px; transition:transform .25s, box-shadow .25s, border-color .25s; }
.sector-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow); border-color:transparent; }
.sector-ico{ width:54px; height:54px; border-radius:14px; background:var(--mist); color:var(--brand); display:flex; align-items:center; justify-content:center; font-size:28px; margin-bottom:18px; }
.sector-card p{ color:var(--text-soft); margin-top:9px; font-size:14.5px; line-height:1.55; }
/* Kompakt sektör çipleri — sadece ikon + başlık */
.sector-grid.compact{ grid-template-columns:repeat(4,1fr); gap:16px; }
.sector-chip{ display:flex; align-items:center; gap:16px; padding:20px 22px; }
.sector-chip .sector-ico{ margin-bottom:0; width:48px; height:48px; font-size:24px; flex:none; }
.sector-chip h3{ font-size:18px; margin:0; line-height:1.25; }
@media (max-width:1020px){ .sector-grid.compact{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .sector-grid.compact{ grid-template-columns:1fr; } }

/* ---------- TEKNOLOJİ ---------- */
.tech{ background:var(--mist); }
.tech-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center; }
.tech-list{ display:grid; grid-template-columns:1fr 1fr; gap:13px 22px; margin-top:30px; }
.tech-item{ display:flex; align-items:flex-start; gap:11px; font-size:15.5px; color:var(--text); }
.tech-item svg{ width:20px; height:20px; color:var(--brand); flex:none; margin-top:2px; }
.tech-media{ border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-lg); }
.tech-media img{ width:100%; aspect-ratio:4/4.4; object-fit:cover; }

/* ---------- CTA BAND ---------- */
.cta-band{ background:var(--brand); color:#fff; padding-block:clamp(56px,7vw,88px); position:relative; overflow:hidden; }
.cta-band::after{ content:""; position:absolute; right:-6%; top:-40%; width:480px; height:480px; border:60px solid rgba(255,255,255,.07); border-radius:50%; }
.cta-inner{ display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; position:relative; z-index:1; }
.cta-actions{ display:flex; gap:14px; flex-wrap:wrap; }

/* ---------- PAGE HERO ---------- */
.page-hero{ position:relative; min-height:clamp(360px,52vh,520px); display:flex; align-items:flex-end; overflow:hidden; }
.page-hero-bg{ position:absolute; inset:0; }
.page-hero-bg img{ width:100%; height:100%; object-fit:cover; }
.page-hero-veil{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(6,28,34,.55) 0%, rgba(6,28,34,.35) 40%, rgba(6,28,34,.85) 100%); }
.page-hero-inner{ position:relative; z-index:1; padding-bottom:54px; padding-top:150px; }
.page-hero-inner .h-xl{ margin-top:18px; }

/* ---------- KURUMSAL ---------- */
.story-grid{ display:grid; grid-template-columns:1.5fr .85fr; gap:54px; align-items:start; }
.story-side{ display:grid; gap:14px; position:sticky; top:100px; }
.story-stat{ background:var(--mist); border:1px solid var(--line); border-radius:var(--r); padding:22px 24px; }
.story-stat .stat-val{ font-size:34px; }
.story-stat .stat-lbl{ text-align:left; }

.mv{ background:var(--mist); }
.mv-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.mv-card{ background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:40px; }
.mv-card.alt{ background:var(--ink); color:rgba(255,255,255,.82); border-color:transparent; }
.mv-card.alt h3{ color:#fff; }
.mv-ico{ width:58px; height:58px; border-radius:15px; background:var(--mist); color:var(--brand); display:flex; align-items:center; justify-content:center; font-size:30px; margin-bottom:22px; }
.mv-card.alt .mv-ico{ background:rgba(255,255,255,.1); color:var(--accent); }
.mv-card p{ margin-top:14px; line-height:1.7; color:inherit; }
.mv-card:not(.alt) p{ color:var(--text-soft); }

.values-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.value-item{ display:flex; align-items:center; gap:13px; background:var(--mist); border:1px solid var(--line); border-radius:var(--r); padding:18px 22px; font-family:var(--font-display); font-weight:600; font-size:16px; }
.value-item svg{ width:22px; height:22px; color:var(--brand); flex:none; }

/* ---------- HİZMETLER DETAY ---------- */
.svc-tabs{ display:flex; gap:10px; flex-wrap:wrap; margin-top:34px; }
.svc-tab{ display:inline-flex; align-items:center; gap:8px; padding:11px 17px; border-radius:999px; background:var(--mist); border:1px solid var(--line); font-family:var(--font-display); font-weight:600; font-size:14px; color:var(--text-soft); transition:all .2s; }
.svc-tab svg{ width:18px; height:18px; color:var(--brand); }
.svc-tab:hover{ background:var(--brand); color:#fff; border-color:var(--brand); }
.svc-tab:hover svg{ color:#fff; }
.svc-detail-wrap .wrap{ display:flex; flex-direction:column; gap:clamp(60px,8vw,110px); }
.svc-row{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; scroll-margin-top:90px; }
.svc-row[data-flip="true"] .svc-row-media{ order:2; }
.svc-row-media{ border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow); }
.svc-row-media img{ width:100%; aspect-ratio:4/3; object-fit:cover; }
.svc-row-ph{ aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--brand),var(--brand-deep)); color:#fff; font-size:72px; }
.svc-row-tag{ color:var(--brand); font-family:var(--font-display); font-weight:600; margin-top:6px; }
.svc-row-bullets{ list-style:none; padding:0; margin:22px 0 0; display:flex; flex-direction:column; gap:11px; }
.svc-row-bullets li{ display:flex; align-items:center; gap:11px; font-size:16px; }
.svc-row-bullets svg{ width:20px; height:20px; color:var(--brand); flex:none; }

/* ---------- İLETİŞİM ---------- */
.contact-grid{ display:grid; grid-template-columns:1.3fr .8fr; gap:48px; align-items:start; }
.contact-form-wrap{ background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:clamp(26px,4vw,44px); box-shadow:var(--shadow-sm); }
.contact-form{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:26px; }
.field{ display:flex; flex-direction:column; gap:7px; }
.field.full{ grid-column:1 / -1; }
.field label{ font-family:var(--font-display); font-weight:600; font-size:13.5px; color:var(--text); }
.field input,.field select,.field textarea{ font-family:var(--font-body); font-size:15px; padding:13px 15px; border:1.5px solid var(--line); border-radius:var(--r-sm); background:var(--mist); color:var(--text); transition:border-color .2s, background .2s; resize:vertical; }
.field input:focus,.field select:focus,.field textarea:focus{ outline:none; border-color:var(--brand); background:#fff; }
.field input::placeholder,.field textarea::placeholder{ color:var(--text-mute); }
.btn.full{ grid-column:1 / -1; width:100%; }
.form-success{ text-align:center; padding:40px 10px; }
.form-success-ico{ width:64px; height:64px; border-radius:50%; background:var(--brand); color:#fff; display:flex; align-items:center; justify-content:center; font-size:32px; margin:0 auto 18px; }

.contact-info{ display:flex; flex-direction:column; gap:14px; }
.info-card{ display:flex; gap:15px; align-items:flex-start; background:var(--mist); border:1px solid var(--line); border-radius:var(--r); padding:18px 20px; }
.info-ico{ width:44px; height:44px; flex:none; border-radius:11px; background:#fff; color:var(--brand); display:flex; align-items:center; justify-content:center; font-size:22px; border:1px solid var(--line); }
.info-label{ font-size:12.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--text-mute); font-weight:700; }
.info-value{ font-family:var(--font-display); font-weight:600; color:var(--text); margin-top:3px; font-size:15.5px; }
.info-value a{ color:inherit; text-decoration:none; transition:color .18s; }
.info-value a:hover{ color:var(--brand); }
.info-note{ font-size:13px; color:var(--text-mute); margin-top:5px; line-height:1.5; }
.contact-social{ display:flex; gap:10px; margin-top:8px; }
.contact-social a{ width:38px; height:38px; border-radius:10px; border:1px solid var(--line); background:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--brand); transition:background .2s, border-color .2s, color .2s, transform .2s; }
.contact-social a:hover{ background:var(--brand); border-color:var(--brand); color:#fff; transform:translateY(-2px); }
.map-embed{ margin-top:4px; aspect-ratio:16/10; border-radius:var(--r); overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow-sm); }
.map-embed iframe{ width:100%; height:100%; border:0; display:block; }

/* ---------- UZMAN KADRO (team) ---------- */
.team{ background:var(--ink); }
.team-note{ color:rgba(255,255,255,.66); }
.team-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.team-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:var(--r-lg); padding:34px 30px; transition:transform .25s, box-shadow .25s, background .25s, border-color .25s; }
.team-card:hover{ transform:translateY(-5px); background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.22); }
.team-ico{ width:60px; height:60px; border-radius:50%; background:rgba(255,255,255,.1); color:var(--accent); display:flex; align-items:center; justify-content:center; font-size:29px; margin-bottom:22px; transition:background .25s, color .25s; }
.team-card:hover .team-ico{ background:var(--accent); color:var(--ink); }
.team-role{ font-family:var(--font-display); font-weight:700; font-size:21px; color:#fff; }
.team-card p{ color:rgba(255,255,255,.72); margin-top:11px; font-size:15px; line-height:1.65; }

/* ---------- HİZMETLER bilgilendirme ---------- */
.svc-intro{ padding-bottom:clamp(26px,3vw,40px); }

/* ---------- BALIK İŞLEME TESİSİ ---------- */
.process{ background:var(--mist); }
.process-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.process-card{ background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:26px 24px 28px; transition:transform .25s, box-shadow .25s, border-color .25s; display:flex; flex-direction:column; }
.process-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:transparent; }
.process-top{ display:flex; align-items:center; justify-content:space-between; }
.process-num{ font-family:var(--font-display); font-weight:800; font-size:34px; line-height:1; color:var(--line); letter-spacing:-.03em; }
.process-card:hover .process-num{ color:var(--brand); transition:color .25s; }
.process-ico{ width:48px; height:48px; border-radius:13px; background:var(--mist); color:var(--brand); display:flex; align-items:center; justify-content:center; font-size:25px; }
.process-title{ font-family:var(--font-display); font-weight:700; font-size:19px; margin-top:14px; }
.process-card p{ color:var(--text-soft); margin-top:9px; font-size:14.5px; line-height:1.6; }

.species-wrap{ display:flex; flex-wrap:wrap; gap:13px; }
.species-chip{ display:inline-flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--line); border-radius:999px; padding:13px 22px; font-family:var(--font-display); font-weight:600; font-size:16px; color:var(--text); transition:transform .2s, box-shadow .2s, border-color .2s; }
.species-chip:hover{ transform:translateY(-3px); box-shadow:var(--shadow); border-color:transparent; }
.species-chip svg{ width:21px; height:21px; color:var(--brand); flex:none; }

.std-sec{ background:var(--ink); }
.std-sec .eyebrow{ color:var(--accent); }
.std-sec .eyebrow::before{ background:var(--accent); }
.std-sec .h-lg{ color:#fff; }
.std-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.std-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:var(--r-lg); padding:30px 26px; }
.std-ico{ width:54px; height:54px; border-radius:14px; background:rgba(255,255,255,.1); color:var(--accent); display:flex; align-items:center; justify-content:center; font-size:28px; margin-bottom:18px; }
.std-card h3{ color:#fff; }
.std-card p{ color:rgba(255,255,255,.74); margin-top:10px; font-size:14.5px; line-height:1.65; }

/* ---------- RESPONSIVE ---------- */
@media (max-width:1020px){
  .svc-grid{ grid-template-columns:repeat(2,1fr); }
  .sector-grid{ grid-template-columns:repeat(3,1fr); }
  .extras-grid{ grid-template-columns:repeat(2,1fr); }
  .process-grid{ grid-template-columns:repeat(2,1fr); }
  .std-grid{ grid-template-columns:repeat(2,1fr); }
  .team-grid{ grid-template-columns:1fr; }
  .intro-grid,.why-grid,.tech-grid,.story-grid,.contact-grid{ grid-template-columns:1fr; gap:40px; }
  .story-side{ position:static; grid-template-columns:repeat(2,1fr); }
  .why-list{ grid-template-columns:1fr 1fr; }
}
@media (max-width:760px){
  .stats-bar{ grid-template-columns:1fr 1fr; gap:24px 0; padding:28px 6px; }
  .stat:nth-child(3)::before{ display:none; }
  .stat:nth-child(odd)::before{ display:none; }
  .sec-head{ flex-direction:column; align-items:flex-start; gap:14px; }
  .mv-grid,.values-grid,.svc-grid{ grid-template-columns:1fr; }
  .sector-grid{ grid-template-columns:1fr 1fr; }
  .extras-grid{ grid-template-columns:1fr; }
  .process-grid{ grid-template-columns:1fr; }
  .std-grid{ grid-template-columns:1fr; }
  .contact-form{ grid-template-columns:1fr; }
  .svc-row{ grid-template-columns:1fr; gap:28px; }
  .svc-row[data-flip="true"] .svc-row-media{ order:0; }
  .values-grid{ grid-template-columns:1fr; }
}
@media (max-width:440px){
  .sector-grid{ grid-template-columns:1fr; }
}