:root {
      --bg: #f7f0e8;
      --paper: #fffaf5;
      --paper-soft: rgba(255, 250, 245, .72);
      --ink: #17131a;
      --muted: rgba(23, 19, 26, .58);
      --soft: rgba(23, 19, 26, .38);
      --plum: #1b0d24;
      --plum-2: #2b1733;
      --plum-light: rgba(27, 13, 36, .08);
      --rose: #b56f78;
      --rose-light: rgba(181, 111, 120, .12);
      --champagne: #d6b98b;
      --line: rgba(23, 19, 26, .09);
      --white-line: rgba(255, 255, 255, .72);
      --shadow: 0 24px 72px rgba(42, 29, 48, .11);
      --shadow-deep: 0 42px 120px rgba(42, 29, 48, .20);
      --radius-xl: 44px;
      --radius-lg: 30px;
      --ease: cubic-bezier(.19, 1, .22, 1);
      --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      min-height: 100vh;
      color: var(--ink);
      font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
      background:
        radial-gradient(circle at 14% -6%, rgba(181, 111, 120, .16), transparent 32%),
        radial-gradient(circle at 88% 0%, rgba(214, 185, 139, .22), transparent 30%),
        radial-gradient(circle at 52% 110%, rgba(43, 23, 51, .11), transparent 38%),
        linear-gradient(140deg, #f8f1e9 0%, #fffaf5 48%, #efe3d9 100%);
      overflow-x: hidden;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: -3;
      background-image:
        linear-gradient(rgba(23, 19, 26, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(23, 19, 26, .028) 1px, transparent 1px);
      background-size: 86px 86px;
      mask-image: radial-gradient(circle at 50% 12%, black, transparent 72%);
    }

    body::after {
      content: "";
      position: fixed;
      inset: 0;
      z-index: 100;
      opacity: .028;
      pointer-events: none;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    .container {
      width: min(1200px, calc(100% - 48px));
      margin: 0 auto;
    }

    /* ── Skip link (erişilebilirlik) ── */
    .skip-link {
      position: absolute;
      top: -100px;
      left: 24px;
      padding: 12px 20px;
      background: var(--plum);
      color: var(--paper);
      border-radius: 12px;
      font-weight: 600;
      font-size: 14px;
      z-index: 9999;
      transition: top .2s;
    }

    .skip-link:focus {
      top: 16px;
    }

    /* ── Cursor glow ── */
    .cursor-glow {
      position: fixed;
      width: 540px;
      height: 540px;
      border-radius: 999px;
      pointer-events: none;
      z-index: -1;
      transform: translate(-50%, -50%);
      background: radial-gradient(circle, rgba(214, 185, 139, .22), rgba(181, 111, 120, .13) 34%, rgba(43, 23, 51, .055) 54%, transparent 72%);
      filter: blur(14px);
      opacity: .85;
    }

    /* ══════════════════════════════════════
       HEADER / NAV
    ══════════════════════════════════════ */
    header {
      position: sticky;
      top: 0;
      z-index: 50;
      border-bottom: 1px solid rgba(23, 19, 26, .07);
      background: rgba(255, 250, 245, .76);
      backdrop-filter: blur(24px) saturate(140%);
      transition: box-shadow .3s;
    }

    header.scrolled {
      box-shadow: 0 4px 32px rgba(42, 29, 48, .08);
    }

    .nav {
      height: 82px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      flex-shrink: 0;
    }

    .brand-logo {
      height: 80px;
      width: auto;
      display: block;
      object-fit: contain;
    }

    .spark {
      width: 32px;
      height: 32px;
      position: relative;
      flex: 0 0 auto;
    }

    .spark::before,
    .spark::after {
      content: "";
      position: absolute;
      inset: 0;
      margin: auto;
      background: linear-gradient(135deg, #f1d7ad, #b56f78);
    }

    .spark::before {
      width: 3px;
      height: 32px;
      border-radius: 999px;
    }

    .spark::after {
      width: 32px;
      height: 3px;
      border-radius: 999px;
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 30px;
      color: var(--muted);
      font-size: 14px;
      font-weight: 500;
    }

    .nav-links a:not(.btn) {
      position: relative;
      padding: 8px 0;
      transition: color .22s;
    }

    .nav-links a:not(.btn):hover {
      color: var(--ink);
    }

    .nav-links a:not(.btn)::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 0;
      height: 1.5px;
      background: var(--plum);
      transition: width .28s var(--ease);
    }

    .nav-links a:not(.btn):hover::after {
      width: 100%;
    }

    /* ── Hamburger (mobile) ── */
    .hamburger {
      display: none;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      width: 40px;
      height: 40px;
      background: none;
      border: 1px solid var(--line);
      border-radius: 12px;
      cursor: pointer;
      padding: 8px;
      transition: background .2s;
    }

    .hamburger:hover {
      background: var(--plum-light);
    }

    .hamburger span {
      display: block;
      height: 1.5px;
      background: var(--plum);
      border-radius: 4px;
      transition: transform .28s var(--ease), opacity .2s;
    }

    .hamburger.open span:nth-child(1) {
      transform: translateY(6.5px) rotate(45deg);
    }

    .hamburger.open span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
      transform: translateY(-6.5px) rotate(-45deg);
    }

    /* ── Mobile menu ── */
    .mobile-menu {
      display: none;
      position: fixed;
      inset: 0;
      top: 82px;
      background: rgba(255, 250, 245, .97);
      backdrop-filter: blur(24px);
      z-index: 49;
      padding: 32px 24px 48px;
      flex-direction: column;
      gap: 0;
      opacity: 0;
      transform: translateY(-10px);
      transition: opacity .28s var(--ease), transform .28s var(--ease);
      pointer-events: none;
      overflow-y: auto;
    }

    .mobile-menu.open {
      opacity: 1;
      transform: translateY(0);
      pointer-events: all;
    }

    .mobile-menu a:not(.btn) {
      font-size: 20px;
      font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
      color: var(--plum);
      padding: 18px 0;
      border-bottom: 1px solid var(--line);
      display: block;
      font-weight: 500;
      transition: opacity .2s;
    }

    .mobile-menu a:not(.btn):last-of-type {
      border-bottom: none;
    }

    .mobile-menu a:not(.btn):active {
      opacity: .6;
    }

    .mobile-menu .m-btn {
      margin-top: 32px;
      display: flex;
      justify-content: center;
      flex-shrink: 0;
    }

    .mobile-menu .m-btn .btn {
      width: 100%;
      max-width: 320px;
      justify-content: center;
    }

    /* ── Buttons ── */
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 48px;
      padding: 0 22px;
      border-radius: 999px;
      border: 1px solid rgba(43, 23, 51, .14);
      background: var(--plum);
      color: var(--paper);
      font-family: 'DM Sans', sans-serif;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .1px;
      box-shadow: 0 18px 48px rgba(43, 23, 51, .20);
      transition: transform .32s var(--ease), box-shadow .32s var(--ease), background .22s;
      white-space: nowrap;
      cursor: pointer;
    }

    .btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 28px 66px rgba(43, 23, 51, .26);
      background: #26122e;
    }

    .btn.light {
      background: rgba(255, 250, 245, .76);
      color: var(--plum);
      box-shadow: 0 14px 38px rgba(42, 29, 48, .07);
    }

    .btn.light:hover {
      background: var(--paper);
    }

    .btn:focus-visible,
    a:focus-visible {
      outline: 2px solid var(--rose);
      outline-offset: 4px;
      border-radius: 4px;
    }

    /* ══════════════════════════════════════
       HERO
    ══════════════════════════════════════ */
    .hero {
      padding: 96px 0 72px;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: .88fr 1.12fr;
      gap: 64px;
      align-items: center;
    }

    .kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 9px 14px;
      border-radius: 999px;
      border: 1px solid rgba(43, 23, 51, .10);
      background: rgba(255, 250, 245, .64);
      color: rgba(43, 23, 51, .68);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      margin-bottom: 26px;
      box-shadow: 0 12px 32px rgba(42, 29, 48, .05);
    }

    .kicker i {
      width: 7px;
      height: 7px;
      border-radius: 99px;
      background: var(--rose);
      box-shadow: 0 0 0 6px rgba(181, 111, 120, .14);
      flex-shrink: 0;
    }

    h1,
    h2 {
      font-family: Georgia, "Times New Roman", serif;
      font-weight: 400;
    }

    h1 {
      font-size: clamp(64px, 8.8vw, 128px);
      line-height: .86;
      letter-spacing: -6px;
      color: var(--ink);
    }

    h2 {
      font-size: clamp(44px, 5.8vw, 86px);
      line-height: .91;
      letter-spacing: -4px;
    }

    .accent {
      color: var(--plum);
      font-style: italic;
    }

    .lead {
      margin-top: 26px;
      max-width: 520px;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.86;
      font-weight: 300;
    }

    .hero-actions {
      margin-top: 34px;
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    .micro-note {
      margin-top: 30px;
      color: var(--soft);
      font-size: 13px;
      display: flex;
      align-items: center;
      gap: 9px;
      font-weight: 400;
    }

    .micro-note i {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--champagne), var(--rose));
      flex-shrink: 0;
    }

    /* Hero visual */
    .hero-visual {
      position: relative;
      min-height: 520px;
      border-radius: 34px;
      overflow: hidden;
      background: linear-gradient(160deg, #1a0c22 0%, #1c0d26 40%, #0c0612 100%);
      box-shadow: var(--shadow-deep), inset 0 1px 0 rgba(255, 255, 255, .06);
      isolation: isolate;
    }

    .hero-visual-inner {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 52px 48px;
    }

    .hv-glow {
      position: absolute;
      width: 500px;
      height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(181, 111, 120, .14), transparent 65%);
      top: -160px;
      right: -100px;
      pointer-events: none;
    }

    .hv-glow-2 {
      position: absolute;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(100, 160, 220, .08), transparent 68%);
      bottom: -80px;
      left: -50px;
      pointer-events: none;
    }

    .hv-headline {
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(56px, 6.8vw, 104px);
      line-height: .90;
      letter-spacing: -4px;
      font-weight: 400;
      color: rgba(255, 250, 245, .94);
      position: relative;
      z-index: 1;
    }

    .hv-headline .hv-italic {
      font-style: italic;
      background: linear-gradient(135deg, #d6b98b 0%, #e8c9a0 40%, #c89090 70%, #8ecbe0 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hv-headline .hv-color-rose {
      background: linear-gradient(135deg, #d4a0a0 0%, #e8b4b4 50%, #c89090 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hv-dot {
      background: linear-gradient(135deg, #8ecbe0, #6ab8d4);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hv-sub-line {
      margin-top: 28px;
      color: rgba(255, 250, 245, .28);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 2px;
      text-transform: uppercase;
      position: relative;
      z-index: 1;
      border-top: 1px solid rgba(255, 255, 255, .08);
      padding-top: 20px;
    }

    .hv-glow {
      position: absolute;
      width: 420px;
      height: 420px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(181, 111, 120, .18), transparent 68%);
      top: -120px;
      right: -80px;
      pointer-events: none;
    }

    .hv-glow-2 {
      position: absolute;
      width: 300px;
      height: 300px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(100, 140, 200, .10), transparent 68%);
      bottom: -60px;
      left: -40px;
      pointer-events: none;
    }

    .hv-headline {
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(52px, 6.5vw, 96px);
      line-height: .92;
      letter-spacing: -4px;
      font-weight: 400;
      color: rgba(255, 250, 245, .94);
      position: relative;
      z-index: 1;
    }

    .hv-headline .hv-italic {
      font-style: italic;
      background: linear-gradient(135deg, #d6b98b 0%, #e8c9a0 40%, #c89090 70%, #8ecbe0 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hv-headline .hv-color-rose {
      background: linear-gradient(135deg, #c89898 0%, #8ecbe0 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hv-dot {
      background: linear-gradient(135deg, #8ecbe0, #6ab8d4);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hv-sub-line {
      margin-top: 28px;
      color: rgba(255, 250, 245, .28);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 2px;
      text-transform: uppercase;
      position: relative;
      z-index: 1;
      border-top: 1px solid rgba(255, 255, 255, .08);
      padding-top: 20px;
    }

    /* ══════════════════════════════════════
       SERVICES
    ══════════════════════════════════════ */
    section {
      padding: 72px 0;
    }

    .section-head {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 34px;
      margin-bottom: 40px;
    }

    .section-head p {
      max-width: 440px;
      color: var(--muted);
      line-height: 1.82;
      font-size: 16px;
      font-weight: 300;
    }

    .section-tag {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      color: var(--rose);
      margin-bottom: 14px;
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }

    .service {
      min-height: 290px;
      border-radius: 32px;
      padding: 32px;
      background: rgba(255, 250, 245, .54);
      border: 1px solid var(--white-line);
      box-shadow: 0 16px 52px rgba(42, 29, 48, .06);
      transition: transform .34s var(--ease), box-shadow .34s var(--ease), background .28s;
      position: relative;
      overflow: hidden;
    }

    .service::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 80% 0%, rgba(181, 111, 120, .07), transparent 60%);
      opacity: 0;
      transition: opacity .34s;
    }

    .service:hover {
      transform: translateY(-8px);
      box-shadow: 0 32px 80px rgba(42, 29, 48, .12);
      background: rgba(255, 250, 245, .82);
    }

    .service:hover::before {
      opacity: 1;
    }

    .service small {
      color: var(--rose);
      font-weight: 700;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      font-size: 10.5px;
    }

    .service h3 {
      margin-top: 20px;
      font-size: 27px;
      letter-spacing: -1px;
      font-family: Georgia, serif;
      font-weight: 400;
    }

    .service p {
      margin-top: 14px;
      color: var(--muted);
      line-height: 1.78;
      font-size: 15px;
      font-weight: 300;
    }

    .service-icon {
      width: 44px;
      height: 44px;
      border-radius: 14px;
      background: var(--plum-light);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      margin-bottom: 12px;
    }

    /* ══════════════════════════════════════
       SÜREÇ (YENİ BÖLÜM)
    ══════════════════════════════════════ */
    .process-section {
      background: transparent;
    }

    .process-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2px;
      border-radius: 30px;
      overflow: hidden;
      border: 1px solid var(--line);
    }

    .process-step {
      padding: 36px 28px;
      background: rgba(255, 250, 245, .48);
      border-right: 1px solid var(--line);
      transition: background .24s;
    }

    .process-step:last-child {
      border-right: none;
    }

    .process-step:hover {
      background: rgba(255, 250, 245, .82);
    }

    .process-num {
      font-family: 'Playfair Display', serif;
      font-size: 52px;
      color: rgba(27, 13, 36, .12);
      line-height: 1;
      letter-spacing: -3px;
      margin-bottom: 16px;
    }

    .process-step h4 {
      font-size: 17px;
      font-weight: 600;
      color: var(--plum);
      margin-bottom: 10px;
    }

    .process-step p {
      font-size: 14px;
      color: var(--muted);
      line-height: 1.72;
      font-weight: 300;
    }

    /* ══════════════════════════════════════
       SIGNATURE
    ══════════════════════════════════════ */
    .signature-wrap {
      display: grid;
      grid-template-columns: .78fr 1.22fr;
      gap: 16px;
      border-radius: 48px;
      padding: 24px;
      border: 1px solid rgba(255, 255, 255, .72);
      background: rgba(255, 250, 245, .42);
      box-shadow: var(--shadow);
    }

    .signature-copy {
      border-radius: 36px;
      padding: 40px 36px;
      background: rgba(255, 250, 245, .44);
      border: 1px solid rgba(255, 255, 255, .52);
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 460px;
    }

    .signature-copy p {
      margin: 22px 0 32px;
      color: var(--muted);
      line-height: 1.92;
      font-size: 16px;
      max-width: 460px;
      font-weight: 300;
    }

    .signature-note {
      font-family: 'Playfair Display', serif;
      color: rgba(181, 111, 120, .62);
      font-size: 32px;
      font-style: italic;
      letter-spacing: -2px;
    }

    .signature-panel {
      min-height: 460px;
      border-radius: 36px;
      padding: 28px;
      border: 1px solid rgba(23, 19, 26, .08);
      background: rgba(255, 255, 255, .32);
      backdrop-filter: blur(18px);
      overflow: hidden;
      display: grid;
      grid-template-rows: auto 1fr auto;
      gap: 24px;
    }

    .window-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: var(--soft);
      font-size: 11px;
      letter-spacing: 1.6px;
      text-transform: uppercase;
    }

    .dots {
      display: flex;
      gap: 7px;
    }

    .dots i {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(23, 19, 26, .15);
    }

    .signature-content {
      display: grid;
      grid-template-columns: 1fr .9fr;
      gap: 14px;
      align-items: stretch;
    }

    .dark-card {
      border-radius: 26px;
      padding: 28px;
      background: linear-gradient(145deg, #1c0d25, #0d0612);
      color: var(--paper);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 280px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
      position: relative;
      overflow: hidden;
    }

    .dark-card::after {
      content: "";
      position: absolute;
      width: 180px;
      height: 180px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(181, 111, 120, .18), transparent 70%);
      top: -40px;
      right: -40px;
    }

    .dark-card h3 {
      font-family: Georgia, serif;
      font-size: clamp(30px, 4vw, 54px);
      line-height: .93;
      letter-spacing: -2.5px;
      font-weight: 400;
      position: relative;
      z-index: 1;
    }

    .dark-card p {
      color: rgba(255, 250, 245, .58);
      line-height: 1.72;
      margin-top: 18px;
      font-size: 13.5px;
      font-weight: 300;
    }

    .mini-stack {
      display: grid;
      gap: 12px;
    }

    .mini-card {
      border-radius: 22px;
      padding: 20px 22px;
      background: rgba(255, 250, 245, .54);
      border: 1px solid rgba(255, 255, 255, .6);
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 16px;
      align-items: center;
      transition: background .22s, transform .22s var(--ease);
    }

    .mini-card:hover {
      background: rgba(255, 250, 245, .82);
      transform: translateX(4px);
    }

    .mini-card strong {
      font-family: 'Playfair Display', serif;
      color: var(--plum);
      font-size: 28px;
      font-weight: 400;
    }

    .mini-card span {
      color: var(--muted);
      line-height: 1.52;
      font-size: 14px;
      font-weight: 300;
    }

    .lines {
      display: grid;
      gap: 10px;
    }

    .lines i {
      height: 11px;
      border-radius: 99px;
      background: rgba(23, 19, 26, .10);
      display: block;
    }

    .lines i:nth-child(1) {
      width: 94%;
    }

    .lines i:nth-child(2) {
      width: 62%;
    }

    .lines i:nth-child(3) {
      width: 79%;
    }

    /* ══════════════════════════════════════
       REFERANSLAR (YENİ BÖLÜM)
    ══════════════════════════════════════ */
    .testimonials-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }

    .tcard {
      border-radius: 28px;
      padding: 30px;
      background: rgba(255, 250, 245, .56);
      border: 1px solid var(--white-line);
      box-shadow: 0 14px 44px rgba(42, 29, 48, .06);
      display: flex;
      flex-direction: column;
      gap: 20px;
      transition: transform .28s var(--ease), box-shadow .28s var(--ease);
    }

    .tcard:hover {
      transform: translateY(-5px);
      box-shadow: 0 24px 64px rgba(42, 29, 48, .10);
    }

    .tcard-stars {
      display: flex;
      gap: 4px;
    }

    .tcard-stars span {
      color: var(--champagne);
      font-size: 15px;
    }

    .tcard q {
      font-family: 'Playfair Display', serif;
      font-size: 17px;
      line-height: 1.62;
      color: var(--ink);
      font-style: italic;
      font-weight: 400;
      flex: 1;
    }

    .tcard-author {
      display: flex;
      align-items: center;
      gap: 12px;
      border-top: 1px solid var(--line);
      padding-top: 18px;
    }

    .tcard-avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--champagne), var(--rose));
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Playfair Display', serif;
      color: var(--paper);
      font-size: 16px;
      flex-shrink: 0;
    }

    .tcard-info strong {
      font-size: 14px;
      font-weight: 600;
      display: block;
    }

    .tcard-info span {
      font-size: 12.5px;
      color: var(--muted);
      font-weight: 300;
    }

    /* ══════════════════════════════════════
       İLETİŞİM
    ══════════════════════════════════════ */
    .contact-box {
      border-radius: 46px;
      background: var(--plum);
      color: var(--paper);
      padding: 64px 58px;
      box-shadow: var(--shadow-deep);
      display: grid;
      grid-template-columns: 1fr .85fr;
      gap: 38px;
      align-items: end;
      position: relative;
      overflow: hidden;
    }

    .contact-box::before {
      content: "";
      position: absolute;
      width: 440px;
      height: 440px;
      border-radius: 50%;
      top: -280px;
      left: 36%;
      background: radial-gradient(circle, rgba(214, 185, 139, .22), transparent 70%);
    }

    .contact-box::after {
      content: "";
      position: absolute;
      width: 280px;
      height: 280px;
      border-radius: 50%;
      bottom: -100px;
      right: 10%;
      background: radial-gradient(circle, rgba(181, 111, 120, .14), transparent 70%);
    }

    .contact-box>* {
      position: relative;
      z-index: 1;
    }

    .contact-box h2 {
      color: var(--paper);
    }

    .contact-box p {
      margin-top: 20px;
      color: rgba(255, 250, 245, .68);
      line-height: 1.8;
      max-width: 560px;
    }

    .contact-list {
      display: grid;
      gap: 13px;
    }

    .contact-list a,
    .contact-list span {
      padding: 16px 18px;
      border-radius: 20px;
      background: rgba(255, 255, 255, .075);
      border: 1px solid rgba(255, 255, 255, .11);
      color: rgba(255, 250, 245, .88);
      display: block;
      transition: background .2s;
    }

    .contact-list a:hover {
      background: rgba(255, 255, 255, .12);
    }

    .whatsapp-btn {
      display: flex !important;
      align-items: center;
      gap: 12px;
      background: rgba(37, 211, 102, .15) !important;
      border-color: rgba(37, 211, 102, .3) !important;
      color: #7fe8a0 !important;
      font-weight: 600;
      font-size: 15px;
      transition: background .22s, transform .22s var(--ease) !important;
    }

    .whatsapp-btn:hover {
      background: rgba(37, 211, 102, .24) !important;
      transform: translateY(-2px);
    }

    /* ══════════════════════════════════════
       FOOTER
    ══════════════════════════════════════ */
    footer {
      padding: 0 20px 36px;
    }

    .footer-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 24px;
      flex-wrap: wrap;
      margin-bottom: 28px;
    }

    .footer-links {
      display: flex;
      gap: 24px;
      flex-wrap: wrap;
    }

    .footer-links a {
      font-size: 13.5px;
      color: var(--soft);
      transition: color .2s;
    }

    .footer-links a:hover {
      color: var(--ink);
    }

    .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      flex-wrap: wrap;
      color: var(--soft);
      font-size: 12.5px;
      padding-top: 28px;
      border-top: 1px solid var(--line);
    }

    .footer-badge {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 6px 12px;
      border-radius: 999px;
      background: var(--plum-light);
      color: var(--plum);
      font-size: 11.5px;
      font-weight: 600;
    }

    .footer-badge::before {
      content: "✦";
      font-size: 10px;
    }

    /* ══════════════════════════════════════
       REVEAL ANIMATION
    ══════════════════════════════════════ */
    .reveal {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity .76s var(--ease), transform .76s var(--ease);
    }

    .reveal.show {
      opacity: 1;
      transform: translateY(0);
    }

    /* ══════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════ */
    @media (max-width: 1040px) {

      .hero-grid,
      .contact-box {
        grid-template-columns: 1fr;
      }

      .hero-visual {
        min-height: 400px;
      }

      .services-grid,
      .testimonials-grid {
        grid-template-columns: 1fr 1fr;
      }

      .process-grid {
        grid-template-columns: 1fr 1fr;
      }

      .section-head {
        flex-direction: column;
        align-items: flex-start;
      }

      .signature-wrap {
        grid-template-columns: 1fr;
      }

      .signature-copy {
        min-height: auto;
      }
    }

    @media (max-width: 780px) {
      .nav-links a:not(.btn) {
        display: none;
      }

      .nav-links .btn {
        display: none;
      }

      .hamburger {
        display: flex;
      }

      .mobile-menu {
        display: flex;
      }

      .stats-inner {
        flex-wrap: wrap;
      }

      .stat-item {
        flex: 0 0 50%;
        border-bottom: 1px solid var(--line);
      }

      .stat-item:nth-child(2n) {
        border-right: none;
      }

      .stat-item:nth-last-child(-n+2) {
        border-bottom: none;
      }

      .cf-row {
        grid-template-columns: 1fr;
      }

      .signature-content {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 640px) {
      .container {
        width: calc(100% - 32px);
      }

      .nav {
        height: 72px;
      }

      .brand {
        font-size: 22px;
      }

      h1 {
        letter-spacing: -2.5px;
      }

      h2 {
        letter-spacing: -2px;
      }

      .hero {
        padding: 52px 0 40px;
      }

      .hero-visual {
        min-height: 310px;
        border-radius: 24px;
      }

      .services-grid,
      .testimonials-grid,
      .process-grid {
        grid-template-columns: 1fr;
      }

      .signature-wrap {
        padding: 14px;
        border-radius: 32px;
      }

      .signature-copy,
      .signature-panel {
        border-radius: 24px;
        padding: 24px;
      }

      .contact-box {
        border-radius: 32px;
        padding: 32px 24px;
      }

      section {
        padding: 52px 0;
      }

      .stats-inner {
        border-radius: 20px;
      }

      .stat-item {
        flex: 0 0 100%;
        border-right: none;
      }

      .stat-item:last-child {
        border-bottom: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }

      *,
      *::before,
      *::after {
        animation: none !important;
        transition: none !important;
      }

      .cursor-glow {
        display: none;
      }
    }