/* ==========================================================================
   More360 — marka sistemi ve bileşenler
   Renk / tipografi token'ları için sadece :root bloğunu düzenlemek yeterli.
   ========================================================================== */

:root{
  --ink:#1B1720; --paper:#F7F5F1; --surface:#FFFFFF;
  --brand:#7F2A8A; --brand-dark:#5A1F63; --brand-darker:#1E0A20; --brand-tint:#F3E7F1;
  --brand-light:#C97DD1;
  --line:rgba(27,23,32,0.12); --muted:#6E6774; --muted-on-dark:#CBB9CD;
  --font-display:'Space Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:'IBM Plex Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

  --section-y:100px;         /* bölüm dikey boşluğu */
  --gap-col:72px;            /* iki kolonlu bölümlerde kolon arası */
  --radius:6px;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important; transition-duration:.001ms !important;}
}

body{
  margin:0;
  font-family:var(--font-body);
  background:var(--paper);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

a{color:inherit; text-decoration:none;}
h1,h2,h3{font-family:var(--font-display); margin:0;}
p{margin:0;}
img{max-width:100%; display:block;}
ul{margin:0; padding:0; list-style:none;}

:focus-visible{outline:2px solid var(--brand); outline-offset:3px; border-radius:2px;}
.on-dark :focus-visible, .hero :focus-visible, footer.site :focus-visible{outline-color:#fff;}

/* Klavye kullanıcıları için içeriğe atla */
.skip-link{
  position:absolute; left:-9999px; top:0; z-index:100;
  background:var(--brand); color:#fff; padding:12px 20px; font-weight:600; border-radius:0 0 4px 0;
}
.skip-link:focus{left:0;}

/* ---------- Düzen ---------- */
.wrap{max-width:1280px; margin:0 auto; padding-left:40px; padding-right:40px;}
.section{padding-top:var(--section-y); padding-bottom:var(--section-y);}
.section-sm{padding-top:72px; padding-bottom:72px;}
.surface{background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.dark{background:var(--brand-darker);}
.stack{display:flex; flex-direction:column;}
.gap-8{gap:8px;} .gap-14{gap:14px;} .gap-16{gap:16px;} .gap-18{gap:18px;}
.gap-24{gap:24px;} .gap-28{gap:28px;} .gap-32{gap:32px;} .gap-48{gap:48px;} .gap-56{gap:56px;}
.grid-2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gap-col);}
.grid-3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px;}
.grid-4{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px;}
.split{display:grid; grid-template-columns:1.1fr 0.9fr; gap:var(--gap-col); align-items:start;}
.center{align-items:center;}
.row{display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
.row-between{display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;}
.measure{max-width:760px;} .measure-wide{max-width:900px;} .measure-narrow{max-width:640px;}

/* ---------- Tipografi ---------- */
.eyebrow{font-size:13px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--brand);}
.eyebrow-light{font-size:13px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted-on-dark);}
.eyebrow-dim{font-size:13px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.5);}
.h1{font-size:clamp(32px, 5.2vw, 56px); font-weight:600; line-height:1.12;}
.h1-page{font-size:clamp(28px, 4.4vw, 42px); font-weight:600; line-height:1.18;}
.h2{font-size:clamp(24px, 3.2vw, 34px); font-weight:600; line-height:1.25;}
.h2-sm{font-size:clamp(22px, 2.8vw, 30px); font-weight:600; line-height:1.28;}
.h3{font-size:17px; font-weight:600; line-height:1.4;}
.lead{font-size:clamp(16px, 1.6vw, 18px); line-height:1.65;}
.body{font-size:16px; line-height:1.8;}
.body-sm{font-size:15px; line-height:1.7;}
.small{font-size:14px; line-height:1.6;}
.muted{color:var(--muted);}
.on-dark{color:#fff;}
.on-dark-muted{color:rgba(255,255,255,0.82);}
.on-dark-dim{color:rgba(255,255,255,0.7);}
.quote{font-family:var(--font-display); font-size:clamp(20px, 2.6vw, 28px); font-weight:500; line-height:1.5; color:#fff;}
.dot{color:var(--brand-light);}

/* ---------- Butonlar ---------- */
.btn-primary,.btn-ghost,.btn-ghost-dark,.btn-invert{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 26px; border-radius:4px; font-weight:600; font-size:15px;
  cursor:pointer; transition:background-color .15s ease, border-color .15s ease, color .15s ease;
}
.btn-primary{background:var(--brand); color:#fff; border:1px solid var(--brand);}
.btn-primary:hover{background:var(--brand-dark); border-color:var(--brand-dark);}
.btn-ghost{background:transparent; color:#fff; border:1px solid rgba(255,255,255,0.4);}
.btn-ghost:hover{background:rgba(255,255,255,0.08);}
.btn-ghost-dark{background:transparent; color:var(--ink); border:1px solid var(--line);}
.btn-ghost-dark:hover{background:rgba(27,23,32,0.04);}
.btn-invert{background:#fff; color:var(--brand); border:1px solid #fff;}
.btn-invert:hover{background:var(--brand-tint);}
.btn-sm{padding:10px 20px; font-size:14px;}
.self-start{align-self:flex-start;}

/* ---------- Bileşenler ---------- */
.nav-link{font-size:15px; font-weight:500; color:var(--ink); padding:8px 4px;}
.nav-link:hover{color:var(--brand);}
.nav-link[aria-current="page"]{color:var(--brand);}

.chip{font-size:14px; font-weight:500; color:var(--ink); background:var(--surface); border:1px solid var(--line); padding:9px 18px; border-radius:100px;}
.chip-dark{font-size:14px; font-weight:500; color:#fff; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.18); padding:9px 18px; border-radius:100px;}
.chips{display:flex; gap:12px; flex-wrap:wrap;}
.tag{font-size:13px; font-weight:500; color:var(--brand); background:var(--brand-tint); padding:6px 14px; border-radius:100px; align-self:flex-start;}

.card{display:flex; flex-direction:column; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--paper); transition:border-color .15s ease, transform .15s ease;}
.card:hover{border-color:var(--brand); transform:translateY(-2px);}
.card-img{aspect-ratio:16/10; background:var(--brand-tint); overflow:hidden;}
.card-img img{width:100%; height:100%; object-fit:cover;}
.card-body{padding:22px; display:flex; flex-direction:column; gap:8px;}

.panel{padding:40px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper); display:flex; flex-direction:column; gap:18px;}
.panel-dark{background:var(--brand-darker); border-radius:var(--radius); padding:32px; display:flex; flex-direction:column; gap:16px;}
.tile{padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); font-size:15px; font-weight:600;}

.step-num{font-family:var(--font-display); font-size:15px; font-weight:600; color:var(--brand); border:1px solid var(--brand); width:36px; height:36px; border-radius:100px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}

.media{width:100%; background:var(--brand-tint); border-radius:var(--radius); overflow:hidden; aspect-ratio:16/10;}
.media img{width:100%; height:100%; object-fit:cover;}
.media-contain{padding:28px;}
.media-contain img{object-fit:contain;}

.contact-row{display:flex; align-items:center; gap:16px; padding:20px 0; border-bottom:1px solid var(--line);}
.contact-row:last-of-type{border-bottom:none;}
.contact-icon{width:44px; height:44px; border-radius:8px; background:var(--brand-tint); display:flex; align-items:center; justify-content:center; flex-shrink:0;}

/* Form alanları */
.field{
  font-family:var(--font-body); font-size:15px; color:var(--ink);
  background:var(--paper); border:1px solid var(--line); border-radius:4px;
  padding:12px 14px; width:100%;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.field:hover{border-color:rgba(27,23,32,0.24);}
.field:focus{outline:none; border-color:var(--brand); box-shadow:0 0 0 3px rgba(127,42,138,0.14);}
.field:user-invalid{border-color:#B3261E;}
textarea.field{resize:vertical; min-height:120px;}
select.field{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236E6774' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; padding-right:38px;
}

.breadcrumb{font-size:13px; color:var(--muted); font-weight:500;}
.breadcrumb a:hover{color:var(--brand);}

.brandbar{border-bottom:1px solid var(--line); background:var(--surface);}
.brandbar .wrap{padding-top:26px; padding-bottom:26px; display:flex; align-items:center; gap:36px; flex-wrap:wrap;}
.brandbar-name{font-family:var(--font-display); font-weight:600; font-size:16px;}

/* ---------- Hero ---------- */
.hero{position:relative; background:var(--brand-darker); overflow:hidden;}
.hero-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0.32;}
.hero-scrim{position:absolute; inset:0; background:linear-gradient(180deg, rgba(30,10,32,0.55) 0%, rgba(30,10,32,0.9) 65%, rgba(30,10,32,0.99) 100%);}
.hero-inner{position:relative; padding-top:128px; padding-bottom:104px; display:flex; flex-direction:column; gap:28px; align-items:flex-start;}
.hero .h1{color:#fff; max-width:820px;}
.hero .lead{color:rgba(255,255,255,0.82); max-width:680px;}
.hero-actions{display:flex; gap:16px; margin-top:8px; flex-wrap:wrap;}

.page-head{padding:72px 0 56px; border-bottom:1px solid var(--line); background:var(--surface);}
.page-head .wrap{display:flex; flex-direction:column; gap:16px;}

.cta-band{padding:72px 0; background:var(--brand);}
.pull-quote{max-width:900px; margin:0 auto; padding:0 40px; display:flex; flex-direction:column; align-items:center; gap:28px; text-align:center;}

/* ---------- Başlık / gezinme ---------- */
header.site{position:sticky; top:0; z-index:50; background:rgba(247,245,241,0.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}
header.site .wrap{display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:16px; padding-bottom:16px;}
.logo{display:flex; align-items:center; gap:10px; flex-shrink:0;}
.logo img{height:38px; width:38px; object-fit:contain;}
.logo-text{font-family:var(--font-display); font-weight:700; font-size:19px; letter-spacing:-0.01em;}
.logo-text span{color:var(--brand);}
.site-nav{display:flex; align-items:center; gap:32px;}
.nav-toggle{display:none; background:none; border:1px solid var(--line); border-radius:4px; padding:9px 11px; cursor:pointer; color:var(--ink);}

/* ---------- Alt bilgi ---------- */
footer.site{background:var(--brand-darker); padding:72px 0 32px;}
footer.site .wrap{display:flex; flex-direction:column; gap:56px;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:48px;}
.footer-link{font-size:14px; color:var(--muted-on-dark);}
.footer-link:hover{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.12); padding-top:24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px; color:rgba(255,255,255,0.45);}

/* ==========================================================================
   Duyarlı (responsive) davranış
   ========================================================================== */

@media (max-width:1080px){
  :root{--gap-col:48px; --section-y:80px;}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hero-inner{padding-top:96px; padding-bottom:80px;}
}

@media (max-width:860px){
  .wrap{padding-left:24px; padding-right:24px;}
  :root{--section-y:64px;}
  .grid-2,.split{grid-template-columns:minmax(0,1fr); gap:40px;}
  .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px;}
  .footer-grid > :first-child{grid-column:1 / -1;}
  .panel{padding:28px;}
  .pull-quote{padding:0 24px;}
  .media{aspect-ratio:16/9;}
  .media-contain{padding:20px;}

  /* Mobil gezinme */
  .nav-toggle{display:inline-flex; align-items:center; justify-content:center;}
  header.site .wrap{flex-wrap:wrap; row-gap:0;}
  .site-nav{
    display:none; order:3; width:100%;
    flex-direction:column; align-items:stretch; gap:0;
    border-top:1px solid var(--line); margin-top:16px; padding:8px 0 12px;
  }
  .site-nav.open{display:flex;}
  .site-nav .nav-link{padding:14px 2px; font-size:16px; border-bottom:1px solid var(--line);}
  .site-nav .nav-link:last-child{border-bottom:none;}
  .header-cta{display:none;}
}

@media (max-width:560px){
  .wrap{padding-left:18px; padding-right:18px;}
  .grid-4,.grid-3{grid-template-columns:minmax(0,1fr);}
  .footer-grid{grid-template-columns:minmax(0,1fr);}
  .hero-inner{padding-top:72px; padding-bottom:64px; gap:22px;}
  .hero-actions{width:100%;}
  .hero-actions .btn-primary,.hero-actions .btn-ghost{flex:1 1 100%;}
  .cta-band .btn-invert{width:100%;}
  .panel-dark{padding:24px;}
  .row-between{align-items:flex-start;}
}

/* Yazdırma */
@media print{
  header.site,.cta-band,.hero-bg,.hero-scrim,.nav-toggle{display:none !important;}
  body{background:#fff;}
  .dark,footer.site,.hero{background:#fff !important; color:#000 !important;}
  .on-dark,.quote,.h1{color:#000 !important;}
  a[href^="http"]::after{content:" (" attr(href) ")"; font-size:11px;}
}