/* ============================================================================
   RFC-W10 — ana sayfa yeni bölümleri (yalnız index.html yükler, brand.css'ten sonra)
   Önek: m360-  ·  Renkler: brand.css :root (--m360-*)  ·  Sayfa CSS'lerine dokunulmaz.
   Bölümler: why (Neden) · gain (Kazanım, koyu) · steps (Üç adım) · night (Sabah hazır)
             orbit (Kurumlar) · price (Fiyat) · cta (CTA bantları)
   Hareket: tüm animasyonlar assets/js/site-home.js (GSAP) + aşağıdaki CSS; reduced-motion saygılı.
   ========================================================================== */

/* ===================== 1) Neden Mükellef360 (#neden) ===================== */
.m360-why { background: linear-gradient(180deg, #f3f7fb, #e9f0f6); }
.m360-why-top { display: flex; align-items: center; gap: .625rem; }
.m360-why-text { width: 100%; max-width: 35.75rem; display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; }
.m360-why-title { max-width: 18ch; }
.m360-why-graphic { flex: 1; min-width: 0; height: 30rem; position: relative; }
.m360-why-bars { position: absolute; inset: 0; }
.m360-why-bar { position: absolute; display: flex; flex-direction: column; align-items: center; width: .625rem; height: 9.375rem; }
.m360-why-bar.is-inv { transform: rotate(180deg); }
.m360-why-bar:nth-child(-n+2) { opacity: .2; }
.m360-why-bar:nth-child(n+3):nth-child(-n+6) { opacity: .4; }
.m360-why-bar:nth-child(n+7):nth-child(-n+11) { opacity: .6; }
.m360-why-bar:nth-child(n+12):nth-child(-n+14) { opacity: .8; }
.m360-why-line { position: absolute; inset: 0; width: .5rem; margin: 0 auto; opacity: .6; background: linear-gradient(180deg, var(--m360-blue), rgba(0, 136, 232, 0)); }
.m360-why-dot { position: absolute; top: -4px; width: .625rem; height: .625rem; border-radius: 50vw; background: var(--m360-blue); }
.m360-why-bar:nth-child(5n) .m360-why-dot { background: var(--m360-amber); }
.m360-why-cards { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-top: 5rem; }
.m360-why-card { flex: 1 1 0; min-width: 0; max-width: calc(25% - 15px); padding: 1.5rem; border-radius: 1rem; background: rgba(255, 255, 255, .55); border: 1px solid rgba(16, 40, 64, .08); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); display: flex; flex-direction: column; gap: 1.5rem; }
.m360-why-num { margin: 0; font-size: 2.875rem; line-height: 1; font-weight: 500; letter-spacing: -.02em; color: var(--m360-blue-deep); background-image: linear-gradient(90deg, var(--m360-blue), var(--m360-blue-deep)); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; }
.m360-why-label { margin: 0; display: flex; align-items: flex-start; gap: .625rem; font-size: 1rem; line-height: 1.45; color: var(--m360-navy); }
.m360-why-lbldot { flex: none; width: .5rem; height: .5rem; margin-top: .45rem; border-radius: 50%; background: var(--m360-amber); }
@media (max-width: 991px) {
  .m360-why-top { flex-direction: column-reverse; align-items: stretch; gap: 1.5rem; }
  .m360-why-text { max-width: none; }
  .m360-why-graphic { flex: none; width: 100%; }
  .m360-why-cards { margin-top: 5rem; }
  .m360-why-card { flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px); }
}
@media (max-width: 767px) {
  .m360-why-graphic { height: 25.75rem; }
  .m360-why-cards { margin-top: 4.5rem; }
  .m360-why-bar { width: .375rem; height: 5.875rem; }
  .m360-why-line { width: .25rem; }
  .m360-why-dot { width: .375rem; height: .375rem; top: -2px; }
}
@media (max-width: 479px) {
  .m360-why-card { flex-basis: 100%; max-width: 100%; }
  .m360-why-num { font-size: 2.25rem; }
}

.m360-why-bar:nth-child(1){top:360px;left:0px}
.m360-why-bar:nth-child(2){top:230px;left:20px}
.m360-why-bar:nth-child(3){top:340px;left:40px}
.m360-why-bar:nth-child(4){top:188px;left:60px}
.m360-why-bar:nth-child(5){top:278px;left:80px}
.m360-why-bar:nth-child(6){top:206px;left:100px}
.m360-why-bar:nth-child(7){top:296px;left:120px}
.m360-why-bar:nth-child(8){top:210px;left:140px}
.m360-why-bar:nth-child(9){top:278px;left:160px}
.m360-why-bar:nth-child(10){top:144px;left:180px}
.m360-why-bar:nth-child(11){top:296px;left:200px}
.m360-why-bar:nth-child(12){top:186px;left:220px}
.m360-why-bar:nth-child(13){top:276px;left:240px}
.m360-why-bar:nth-child(14){top:166px;left:260px}
.m360-why-bar:nth-child(15){top:232px;left:280px}
.m360-why-bar:nth-child(16){top:122px;left:300px}
.m360-why-bar:nth-child(17){top:150px;left:320px}
.m360-why-bar:nth-child(18){top:82px;left:340px}
.m360-why-bar:nth-child(19){top:64px;left:360px}
.m360-why-bar:nth-child(20){top:-4px;left:380px}
.m360-why-bar:nth-child(21){top:106px;left:400px}
.m360-why-bar:nth-child(22){top:16px;left:420px}
.m360-why-bar:nth-child(23){top:130px;left:440px}
.m360-why-bar:nth-child(24){top:-24px;left:460px}
.m360-why-bar:nth-child(25){top:86px;left:480px}
.m360-why-bar:nth-child(26){top:-4px;left:500px}
.m360-why-bar:nth-child(27){top:106px;left:520px}
.m360-why-bar:nth-child(28){top:-24px;left:540px}
.m360-why-bar:nth-child(29){top:24px;left:560px}
.m360-why-bar:nth-child(30){top:-46px;left:580px}
.m360-why-bar:nth-child(31){top:42px;left:600px}
.m360-why-bar:nth-child(32){top:-106px;left:620px}
.m360-why-bar:nth-child(33){top:2px;left:640px}
.m360-why-bar:nth-child(34){top:-86px;left:660px}
.m360-why-bar:nth-child(35){top:22px;left:680px}
.m360-why-bar:nth-child(36){top:-68px;left:700px}
.m360-why-bar:nth-child(37){top:2px;left:720px}
.m360-why-bar:nth-child(38){top:-108px;left:740px}
.m360-why-bar:nth-child(39){top:-40px;left:760px}
.m360-why-bar:nth-child(40){top:-148px;left:780px}
@media (max-width:767px){
.m360-why-bar:nth-child(1){top:316px;left:0px}
.m360-why-bar:nth-child(2){top:234px;left:12px}
.m360-why-bar:nth-child(3){top:304px;left:24px}
.m360-why-bar:nth-child(4){top:208px;left:36px}
.m360-why-bar:nth-child(5){top:264px;left:48px}
.m360-why-bar:nth-child(6){top:220px;left:60px}
.m360-why-bar:nth-child(7){top:278px;left:72px}
.m360-why-bar:nth-child(8){top:224px;left:84px}
.m360-why-bar:nth-child(9){top:264px;left:96px}
.m360-why-bar:nth-child(10){top:182px;left:108px}
.m360-why-bar:nth-child(11){top:278px;left:120px}
.m360-why-bar:nth-child(12){top:208px;left:132px}
.m360-why-bar:nth-child(13){top:264px;left:144px}
.m360-why-bar:nth-child(14){top:194px;left:156px}
.m360-why-bar:nth-child(15){top:238px;left:168px}
.m360-why-bar:nth-child(16){top:168px;left:180px}
.m360-why-bar:nth-child(17){top:186px;left:192px}
.m360-why-bar:nth-child(18){top:142px;left:204px}
.m360-why-bar:nth-child(19){top:132px;left:216px}
.m360-why-bar:nth-child(20){top:90px;left:228px}
.m360-why-bar:nth-child(21){top:158px;left:240px}
.m360-why-bar:nth-child(22){top:102px;left:252px}
.m360-why-bar:nth-child(23){top:172px;left:264px}
.m360-why-bar:nth-child(24){top:78px;left:276px}
.m360-why-bar:nth-child(25){top:146px;left:288px}
.m360-why-bar:nth-child(26){top:90px;left:300px}
.m360-why-bar:nth-child(27){top:158px;left:312px}
.m360-why-bar:nth-child(28){top:78px;left:324px}
.m360-why-bar:nth-child(29){top:108px;left:336px}
.m360-why-bar:nth-child(30){top:64px;left:348px}
.m360-why-bar:nth-child(31){top:118px;left:360px}
.m360-why-bar:nth-child(32){top:26px;left:372px}
.m360-why-bar:nth-child(33){top:94px;left:384px}
.m360-why-bar:nth-child(34){top:38px;left:396px}
.m360-why-bar:nth-child(35){top:104px;left:408px}
.m360-why-bar:nth-child(36){top:50px;left:420px}
.m360-why-bar:nth-child(37){top:94px;left:432px}
.m360-why-bar:nth-child(38){top:24px;left:444px}
.m360-why-bar:nth-child(39){top:68px;left:456px}
.m360-why-bar:nth-child(40){top:0px;left:468px}
}

/* ===================== 2) Kazanım (#kazanim, koyu) ===================== */
.m360-gain { background: var(--m360-navy-deep); color: #fff; }
.m360-gain-head { display: flex; flex-direction: column; align-items: center; gap: 1.75rem; text-align: center; margin-bottom: 4.5rem; }
.m360-gain-title { color: #fff; max-width: 30ch; }
.m360-gain-accent { background-image: linear-gradient(90deg, var(--m360-amber), #ffc994); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; }
.m360-gain-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.25rem; }
.m360-gain-card { grid-column: span 2; display: flex; flex-direction: column; align-items: center; gap: 2.75rem; padding: 1.75rem 1.5rem 2.25rem; border: 1px solid #ffffff0d; border-radius: 1.25rem; background: #0a1c2e; }
.m360-gain-card.is-wide { grid-column: span 3; }
.m360-gain-panel { position: relative; width: 100%; height: 17.875rem; border-radius: 1.5rem; background: #0a0e18; overflow: hidden; }
.m360-gain-panel.is-mini { height: 17rem; display: flex; align-items: center; justify-content: center; }
.m360-gain-panel.is-cards { display: flex; align-items: center; justify-content: center; }
.m360-gain-body { display: flex; flex-direction: column; align-items: center; gap: 1rem; width: 100%; max-width: 27.5rem; text-align: center; }
.m360-gain-ctitle { margin: 0; font-size: 1.75rem; font-weight: 500; line-height: 1.2; color: #fff; }
.m360-gain-text { margin: 0; font-size: 1rem; line-height: 1.55; color: rgba(255, 255, 255, .78); }
/* Zaman grafiği */
.m360-gain-panel img { display: block; }
.m360-gain-chart { position: absolute; left: 0; bottom: 0; width: 100%; transform-origin: 0 100%; }
.m360-gain-chart img { width: 100%; height: auto; }
.m360-gain-stats { position: absolute; left: 3%; top: 5%; height: 21%; }
.m360-gain-stats img, .m360-gain-live img, .m360-gain-marker img { height: 100%; width: auto; }
.m360-gain-live { position: absolute; right: 11%; top: 5%; height: 9%; border-radius: 999px; box-shadow: 0 0 14px rgba(242, 153, 74, .35); }
.m360-gain-live::after { content: ""; position: absolute; inset: -3px; border-radius: 999px; border: 1.5px solid var(--m360-amber); opacity: 0; animation: m360-gain-ring 2.4s ease-out infinite; animation-play-state: paused; }
.m360-gain.is-live .m360-gain-live::after { animation-play-state: running; }
@keyframes m360-gain-ring { 0% { transform: scale(.92); opacity: .75; } 100% { transform: scale(1.35, 1.7); opacity: 0; } }
.m360-gain-marker { position: absolute; left: 82.25%; bottom: 0; height: 78%; transform-origin: 50% 100%; }
/* Düzen: görev kartları */
.m360-gain-task { position: absolute; width: 70%; }
.m360-gain-task img { width: 100%; height: auto; }
.m360-gain-task.is-top { transform: translate(0, -90%); }
.m360-gain-task.is-btm { transform: translate(0, 90%); }
.m360-gain-task.is-mid { width: 75%; z-index: 1; overflow: hidden; border-radius: .75rem; }
.m360-gain-task.is-mid::before { content: ""; position: absolute; z-index: 2; left: 0; top: 14%; bottom: 14%; width: 3px; border-radius: 3px; background: var(--m360-amber); }
.m360-gain-glow { position: absolute; left: 0; top: 0; width: 100%; transform: translate(0, 90%); pointer-events: none; }
/* İç rahatlığı: bildirim */
.m360-notif { display: flex; align-items: center; gap: .875rem; width: 88%; max-width: 19rem; padding: .875rem 1rem; border-radius: .875rem; background: #0f1626; border: 1px solid rgba(255, 255, 255, .08); }
.m360-notif-bell { flex: none; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; color: var(--m360-amber); background: rgba(242, 153, 74, .14); border: 1px solid rgba(242, 153, 74, .35); transform-origin: 50% 12%; }
.m360-notif-txt { display: flex; flex-direction: column; align-items: flex-start; gap: .4rem; min-width: 0; }
.m360-notif-line { font-size: .9375rem; font-weight: 500; color: #fff; }
.m360-notif-chip { padding: .125rem .625rem; border-radius: 999px; font-size: .75rem; font-weight: 500; color: var(--m360-amber-ink); background: var(--m360-amber-soft); }
/* Yetki sizde */
.m360-yetki { display: flex; flex-direction: column; gap: .625rem; width: 88%; max-width: 19rem; }
.m360-yetki-row { display: flex; align-items: center; gap: .75rem; padding: .5rem .75rem; border-radius: .75rem; background: #0f1626; border: 1px solid rgba(255, 255, 255, .08); }
.m360-av { flex: none; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; font-size: .75rem; font-weight: 600; color: #fff; }
.m360-av.is-a { background: linear-gradient(135deg, #0088e8, #0b5fb0); }
.m360-av.is-b { background: linear-gradient(135deg, #3aa0f0, #2a4a6a); }
.m360-av.is-c { background: linear-gradient(135deg, #5aaef0, #0b5fb0); }
.m360-sk { flex: 1; height: .5rem; max-width: 55%; border-radius: 999px; background: rgba(255, 255, 255, .14); }
.m360-tg { position: relative; flex: none; margin-left: auto; width: 2.375rem; height: 1.375rem; border-radius: 999px; background: rgba(255, 255, 255, .16); }
.m360-tg-fill { position: absolute; inset: 0; border-radius: 999px; background: linear-gradient(90deg, var(--m360-blue), var(--m360-blue-deep)); opacity: 0; }
.m360-tg-knob { position: absolute; top: 3px; left: 3px; width: 1rem; height: 1rem; border-radius: 50%; background: #fff; }
.m360-tg.is-on .m360-tg-fill { opacity: 1; }
.m360-tg.is-on .m360-tg-knob { transform: translateX(1rem); }
/* Sıklığı siz seçin */
.m360-seg { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); width: 88%; max-width: 19rem; padding: 4px; border-radius: 999px; background: #131a2a; border: 1px solid rgba(255, 255, 255, .08); }
.m360-seg-thumb { position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc((100% - 8px) / 3); border-radius: 999px; background: linear-gradient(90deg, var(--m360-blue), var(--m360-blue-deep)); }
.m360-seg-pill { position: relative; z-index: 1; padding: .6rem 0; text-align: center; font-size: .875rem; font-weight: 500; color: rgba(255, 255, 255, .78); transition: color .3s; }
.m360-seg-pill.is-active { color: #fff; }
@media (max-width: 991px) {
  .m360-gain-grid { grid-template-columns: 1fr 1fr; }
  .m360-gain-card, .m360-gain-card.is-wide { grid-column: span 1; }
  .m360-gain-card.is-wide { grid-column: span 2; }
  .m360-gain-card.is-small:last-child { grid-column: span 2; }
  .m360-gain-panel, .m360-gain-panel.is-mini { height: 20rem; }
  .m360-gain-panel.is-graph, .m360-gain-panel.is-cards { height: 22rem; }
  .m360-gain-task { width: 60%; }
  .m360-gain-task.is-mid { width: 64%; }
}
@media (max-width: 767px) {
  .m360-gain-head { margin-bottom: 3.5rem; }
  .m360-gain-grid { grid-template-columns: 1fr; }
  .m360-gain-card, .m360-gain-card.is-wide, .m360-gain-card.is-small:last-child { grid-column: span 1; }
  .m360-gain-card { padding: 1.25rem 1.25rem 2.25rem; }
  .m360-gain-panel, .m360-gain-panel.is-mini, .m360-gain-panel.is-graph, .m360-gain-panel.is-cards { height: 20rem; }
  .m360-gain-task { width: 85%; }
  .m360-gain-task.is-mid { width: 90%; }
  .m360-gain-ctitle { font-size: 1.625rem; }
}
@media (prefers-reduced-motion: reduce) {
  .m360-gain-live::after { animation: none; }
  .m360-seg-pill { transition: none; }
}

/* ===================== 3) Üç adımda başlayın (#nasil-baslarsiniz) ===================== */
.section.m360-steps { overflow: visible; background: #fff; }
.m360-steps-head { display: flex; flex-direction: column; align-items: center; gap: 1.25rem; text-align: center; margin-bottom: 4.5rem; }
.m360-steps-wrap { display: flex; align-items: flex-start; justify-content: space-between; gap: 3rem; }
.m360-steps-left { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4.5rem; }
.m360-steps-line { position: absolute; z-index: 0; left: calc(2.125rem - 1px); top: 2.125rem; bottom: 14rem; width: 2px; border-radius: 2px; background: #e3e9f0; overflow: hidden; }
.m360-steps-fill { display: block; width: 100%; height: 100%; background: var(--m360-navy); transform-origin: 50% 0; }
.m360-steps-item { position: relative; z-index: 1; display: flex; align-items: flex-start; gap: 1.5rem; }
.m360-steps-ic { position: relative; flex: none; display: grid; place-items: center; width: 4.25rem; height: 4.25rem; border-radius: 50%; background: #eef3f8; }
.m360-steps-ic::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--m360-navy); opacity: 0; transform: scale(.6); transition: opacity .35s ease, transform .35s ease; }
.m360-steps-ic img { grid-area: 1 / 1; position: relative; z-index: 1; transition: opacity .3s ease; }
.m360-steps-ic-beyaz { opacity: 0; }
.m360-steps-item.is-active .m360-steps-ic::before { opacity: 1; transform: scale(1); }
.m360-steps-item.is-active .m360-steps-ic-koyu { opacity: 0; }
.m360-steps-item.is-active .m360-steps-ic-beyaz { opacity: 1; }
.m360-steps-body { min-width: 0; padding-top: .5rem; color: var(--_color---project-color--secondary-color); font-size: 1rem; line-height: 1.65; }
.m360-steps-body p { margin: 0; max-width: 34rem; }
.m360-steps-title { margin: 0 0 1rem; font-size: 1.75rem; font-weight: 500; line-height: 1.2; letter-spacing: -.01em; color: var(--m360-navy); }
.m360-steps-title span { position: relative; display: inline-block; }
.m360-steps-title span::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; border-radius: 2px; background: var(--m360-amber); transform: scaleX(0); transform-origin: 0 50%; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.m360-steps-item.is-active .m360-steps-title span::after { transform: scaleX(1); }
.m360-steps-ticks { list-style: none; margin: .75rem 0 0; padding: 0; display: flex; flex-direction: column; gap: .375rem; }
.m360-steps-ticks li { display: flex; align-items: center; gap: .625rem; color: var(--m360-navy); }
.m360-steps-ticks img { flex: none; }
.m360-steps-sub { max-width: 34rem; }
.m360-steps-subhead { display: flex; align-items: center; gap: .625rem; margin-bottom: .625rem; }
.m360-steps-subhead h4 { margin: 0; font-size: 1.125rem; font-weight: 500; line-height: 1.4; color: var(--m360-navy); }
.m360-steps-hr { max-width: 34rem; height: 1px; margin: 1.25rem 0; border: 0; background: #e3e9f0; }
.m360-steps-cta { margin-top: 1.5rem; }
.m360-steps-right { flex: 0 0 40%; position: sticky; top: 20vh; border-radius: 1.5rem; overflow: hidden; }
.m360-steps-right img { display: block; width: 100%; height: auto; }
@media (max-width: 991px) {
  .m360-steps-wrap { gap: 2rem; }
  .m360-steps-left { gap: 3.5rem; }
  .m360-steps-item { gap: 1rem; }
  .m360-steps-ic { width: 2.5rem; height: 2.5rem; }
  .m360-steps-line { left: calc(1.25rem - 1px); top: 1.25rem; }
  .m360-steps-title { font-size: 1.5rem; }
}
@media (max-width: 767px) {
  .m360-steps-head { margin-bottom: 3rem; }
  .m360-steps-wrap { flex-direction: column; }
  .m360-steps-line { display: none; }
  .m360-steps-item { flex-direction: column; }
  .m360-steps-right { position: static; flex: none; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .m360-steps-ic::before, .m360-steps-ic img, .m360-steps-title span::after { transition: none; }
}

/* ---- RFC-W10 review düzeltmeleri (Opus) ---- */
/* Kopyalanan butonlar Webflow IX'e bağlı değil (data-w-id yok) → ikinci (is-absolute) katman gizlenir, CSS hover verilir */
[class*="m360-"] .primary-button .is-absolute { display: none; }
[class*="m360-"] .primary-button { transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
[class*="m360-"] .primary-button:hover { transform: translateY(-2px); box-shadow: 0 10px 24px -10px rgba(11, 95, 176, .55); filter: saturate(1.08); }
[class*="m360-"] .primary-button:hover .primary-button-icon { transform: translate(2px, -2px) rotate(8deg); transition: transform .25s ease; }
[class*="m360-"] .primary-button:focus-visible { outline: 2px solid var(--m360-blue); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { [class*="m360-"] .primary-button, [class*="m360-"] .primary-button:hover { transform: none; } }
/* Neden: grafik bölüm üst kenarında kesilmesin */
.m360-why-graphic { margin-top: 2.5rem; }
@media (max-width: 991px) { .m360-why-graphic { margin-top: 0; } }
/* Üç adım: son adımın butonu içerik genişliğinde */
.m360-steps .primary-button { align-self: flex-start; width: auto; }

/* ===================== 4) Sabah hazır (#sabah) ===================== */
.m360-night .intelligent-wrapper.hide-tablet { min-height: 740px; }
.m360-night-glow { position: absolute; left: 50%; top: 50%; width: 820px; height: 560px; margin: -280px 0 0 -410px; border-radius: 50%; pointer-events: none; background: radial-gradient(closest-side at 32% 42%, rgba(0, 136, 232, .10), rgba(0, 136, 232, 0) 72%), radial-gradient(closest-side at 70% 62%, rgba(242, 153, 74, .09), rgba(242, 153, 74, 0) 72%); }
.m360-night-links { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.m360-night-path { fill: none; stroke: #bfe0ff; stroke-width: 1.75; stroke-dasharray: 5 6; stroke-linecap: round; }
.m360-night-beam { fill: none; stroke: var(--m360-blue); stroke-width: 2.5; stroke-linecap: round; }
.m360-night-dot { fill: var(--m360-amber); stroke: #fff; stroke-width: 1.5; }
/* Merkez saat halkası */
.m360-night-core { position: absolute; left: 50%; top: 50%; z-index: 2; width: 190px; height: 190px; margin: -95px 0 0 -95px; border-radius: 50%; background: #fff; box-shadow: 0 16px 42px -16px rgba(16, 40, 64, .30), 0 0 0 10px rgba(0, 136, 232, .06); }
.m360-night-ring { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.m360-night-core-in { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; }
.m360-night-mark { display: block; width: 26px; height: 26px; margin-bottom: 2px; object-fit: contain; }
.m360-night-time { height: 36px; overflow: hidden; font-size: 30px; line-height: 36px; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; color: var(--m360-navy); }
.m360-night-time span { display: block; }
.m360-night-cap { display: flex; align-items: center; justify-content: center; gap: 5px; height: 16px; font-size: 12px; line-height: 16px; font-weight: 500; color: #177a53; white-space: nowrap; }
.m360-night-cap-ok { flex: none; }
.m360-night.is-running .m360-night-cap { color: #52627a; }
/* Kart durum hapı */
.m360-night .intelligent-card-wrapper { transition: translate .25s ease; }
.m360-night .home-1-tablet-intelligent-wrapper .intelligent-card-wrapper { position: relative; }
.m360-night .intelligent-card-wrapper::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; box-shadow: 0 18px 36px -18px rgba(16, 40, 64, .45); transition: opacity .25s ease; }
.m360-night .intelligent-card-wrapper.is-active::after { opacity: 1; box-shadow: 0 0 0 2px rgba(0, 136, 232, .35), 0 20px 44px -16px rgba(0, 136, 232, .55); }
.m360-night .intelligent-card-wrapper:hover, .m360-night .intelligent-card-wrapper.is-active { translate: 0 -2px; }
.m360-night .intelligent-card-wrapper:hover::after { opacity: 1; }
.m360-night .home-1-integration-image-wrapper { position: relative; overflow: hidden; line-height: 0; }
.m360-night-scan { position: absolute; left: 0; right: 0; top: 0; height: 30%; opacity: 0; pointer-events: none; background: linear-gradient(180deg, rgba(0, 136, 232, 0), rgba(0, 136, 232, .20)); border-bottom: 2px solid rgba(242, 153, 74, .8); transform: translateY(-100%); }
.m360-night-chip { position: absolute; top: -13px; right: 20px; z-index: 3; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 11px 0 9px; border: 1px solid transparent; border-radius: 999px; font-size: 12px; line-height: 1; font-weight: 600; white-space: nowrap; pointer-events: none; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
.m360-night-chip svg { display: none; flex: none; }
.m360-night-chip[data-st="wait"] { background: #eef1f5; color: #566579; border-color: #d5dde7; }
.m360-night-chip[data-st="run"], .m360-night-chip[data-st="notify"] { background: var(--m360-amber-soft); color: var(--m360-amber-ink); border-color: #f6cfa6; }
.m360-night-chip[data-st="done"] { background: #e4f5ec; color: #177a53; border-color: #b9e3cf; }
.m360-night-chip[data-st="wait"] .ic-dot, .m360-night-chip[data-st="run"] .ic-spin, .m360-night-chip[data-st="done"] .ic-check, .m360-night-chip[data-st="notify"] .ic-bell { display: block; }
.m360-night-chip .ic-spin { animation: m360-night-spin .8s linear infinite; }
@keyframes m360-night-spin { to { transform: rotate(360deg); } }
@media (max-width: 991px) {
  .m360-night-chip { top: -12px; }
  .m360-night .home-1-tablet-intelligent-wrapper { padding: 18px 8px 30px; }
  .m360-night .intelligent-card-wrapper.is-active::after { box-shadow: 0 0 0 2px rgba(0, 136, 232, .35), 0 12px 24px -12px rgba(0, 136, 232, .5); }
}
@media (prefers-reduced-motion: reduce) {
  .m360-night .intelligent-card-wrapper, .m360-night .intelligent-card-wrapper::after, .m360-night-chip { transition: none; }
  .m360-night-chip .ic-spin { animation: none; }
}

/* ===================== 5) Kurumlar yörüngesi (#kurumlar) ===================== */
.m360-orbit .section-wrapper.integrations { overflow: visible; }
.m360-orbit-stage { --k: 1; position: relative; width: 100%; height: calc(600px * var(--k)); }
.m360-orbit-board { position: absolute; left: 50%; top: 0; width: 1040px; height: 600px; margin-left: -520px; transform: scale(var(--k)); transform-origin: 50% 0; }
.m360-orbit-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.m360-orbit-ring { stroke: #cfe3f7; stroke-width: 1.5; stroke-dasharray: 3 7; stroke-linecap: round; }
.m360-orbit-draw { stroke: #8fc9f5; stroke-width: 2; stroke-dasharray: 100; stroke-dashoffset: 100; opacity: 0; }
.m360-orbit-beam { stroke: var(--m360-amber); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; fill: none; opacity: 0; }
.m360-orbit-dot { fill: var(--m360-amber); stroke: #fff; stroke-width: 1.5; opacity: 0; }
.m360-orbit-core { position: absolute; left: 50%; top: 50%; z-index: 2; width: 176px; height: 176px; margin: -88px 0 0 -88px; border-radius: 50%; display: grid; place-items: center; background: #fff; box-shadow: 0 18px 44px -16px rgba(16, 40, 64, .30), 0 0 0 1px rgba(16, 40, 64, .06), 0 0 0 10px rgba(0, 136, 232, .05); }
.m360-orbit-core img { position: relative; display: block; width: 118px; height: auto; }
.m360-orbit-pulse, .m360-orbit-flash { position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(0, 136, 232, .5); opacity: 0; pointer-events: none; }
.m360-orbit-stage.is-playing .m360-orbit-pulse { animation: m360-orbit-pulse 6s ease-out infinite; }
@keyframes m360-orbit-pulse { 0% { transform: scale(1); opacity: .5; } 70%, 100% { transform: scale(1.6); opacity: 0; } }
.m360-orbit-chips { position: absolute; inset: 0; }
.m360-orbit-chip { --rx: 410px; --ry: 265px; position: absolute; left: 50%; top: 50%; z-index: 1; display: block; border-radius: 999px; text-decoration: none; translate: calc(cos(var(--a)) * var(--rx) - 50%) calc(sin(var(--a)) * var(--ry) - 50%); transition: scale .2s ease, opacity .2s ease; }
.m360-orbit-chip.is-i { --rx: 205px; --ry: 140px; }
.m360-orbit-stage.is-live .m360-orbit-chip { translate: -50% -50%; }
.m360-orbit-chip-in { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px 0 12px; border-radius: 999px; font-size: 13px; line-height: 1.2; font-weight: 500; white-space: nowrap; background: #fff; color: var(--m360-blue-deep); border: 1px solid #bfe0ff; box-shadow: 0 8px 20px -12px rgba(11, 95, 176, .45); }
.m360-orbit-chip.is-i .m360-orbit-chip-in { background: var(--m360-navy); color: #fff; border-color: rgba(255, 255, 255, .08); box-shadow: 0 10px 24px -12px rgba(16, 40, 64, .7); }
.m360-orbit-ic { flex: none; display: block; }
.m360-orbit-chip:hover, .m360-orbit-chip:focus-visible { z-index: 5; scale: 1.06; }
.m360-orbit-chip:focus-visible { outline: 2px solid var(--m360-blue); outline-offset: 4px; }
.m360-orbit-stage:has(.m360-orbit-chip:hover, .m360-orbit-chip:focus-visible) .m360-orbit-chip:not(:hover):not(:focus-visible) { opacity: .55; }
.m360-orbit-tip { position: absolute; left: 50%; bottom: calc(100% + 10px); width: max-content; max-width: 230px; padding: 9px 12px; border-radius: 10px; background: var(--m360-navy); color: #fff; font-size: 12.5px; line-height: 1.4; font-weight: 400; text-align: center; white-space: normal; box-shadow: 0 12px 28px -10px rgba(8, 24, 40, .5); opacity: 0; visibility: hidden; translate: -50% 6px; transition: opacity .18s ease, translate .18s ease, visibility 0s linear .18s; pointer-events: none; }
.m360-orbit-tip::after { content: ""; position: absolute; left: 50%; top: 100%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: var(--m360-navy); transform: rotate(45deg); }
.m360-orbit-chip:hover .m360-orbit-tip, .m360-orbit-chip:focus-visible .m360-orbit-tip { opacity: 1; visibility: visible; translate: -50% 0; transition-delay: 0s; }
@media (max-width: 991px) {
  .m360-orbit-stage { height: auto; }
  .m360-orbit-board { position: static; width: auto; height: auto; margin: 0; transform: none; }
  .m360-orbit-svg, .m360-orbit-tip { display: none; }
  .m360-orbit-core { position: relative; left: auto; top: auto; width: 168px; height: 168px; margin: 0 auto 2rem; }
  .m360-orbit-core img { width: 112px; }
  .m360-orbit-chips { position: static; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
  .m360-orbit-chip, .m360-orbit-chip.is-i, .m360-orbit-stage.is-live .m360-orbit-chip { position: static; translate: none; }
  .m360-orbit-chip-in, .m360-orbit-chip.is-i .m360-orbit-chip-in { display: flex; width: 100%; height: auto; min-height: 48px; padding: .625rem .875rem .625rem .75rem; border-radius: 1rem; white-space: normal; }
  .m360-orbit-stage:has(.m360-orbit-chip:hover, .m360-orbit-chip:focus-visible) .m360-orbit-chip:not(:hover):not(:focus-visible) { opacity: 1; }
}
@media (max-width: 767px) { .m360-orbit-chips { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479px) { .m360-orbit-chip-in { font-size: 12.5px; gap: .5rem; } }
@media (min-width: 992px) and (max-width: 1099px) { .m360-orbit-stage { --k: .88; } }
@media (prefers-reduced-motion: reduce) {
  .m360-orbit-chip, .m360-orbit-tip { transition: none; }
  .m360-orbit-stage.is-playing .m360-orbit-pulse { animation: none; }
}

/* ===================== 6) CTA bandı (#demo-cagri) ===================== */
.m360-cta1 > .container { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.m360-cta1-card { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.35fr 1fr; gap: 3rem; align-items: center;
  padding: 3.5rem; border-radius: 2rem; color: #fff;
  background: radial-gradient(120% 140% at 0% 0%, #12365a 0%, var(--m360-navy) 45%, var(--m360-navy-deep) 100%);
  box-shadow: 0 30px 80px -40px rgba(8, 24, 40, .7); }
.m360-cta1-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px;
  background: linear-gradient(90deg, var(--m360-amber), rgba(242, 153, 74, 0) 45%, var(--m360-blue) 100%); }
.m360-cta1-glow { position: absolute; width: 460px; height: 460px; right: -120px; top: -180px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(0, 136, 232, .35), rgba(0, 136, 232, 0) 65%); animation: m360Drift 14s ease-in-out infinite alternate; }
.m360-cta1-text { position: relative; display: flex; flex-direction: column; gap: 1.25rem; align-items: flex-start; }
.m360-cta1-chip { display: inline-flex; align-items: center; gap: .5rem; padding: .375rem .875rem; border-radius: 999px; font-size: .875rem;
  color: #fff; background: rgba(242, 153, 74, .14); border: 1px solid rgba(242, 153, 74, .4); }
.m360-cta1-title { color: #fff; text-align: left; margin: 0; max-width: 20ch; }
.m360-cta1-accent { background: linear-gradient(90deg, #ffc18a, var(--m360-amber) 40%, #8fd0ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.m360-cta1-sub { margin: 0; color: rgba(255, 255, 255, .82); font-size: 1.0625rem; line-height: 1.6; max-width: 46ch; }
.m360-cta1-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: .5rem; }
.m360-cta1 .secondary-button { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .35); color: #fff; }
.m360-cta1 .secondary-button .secondary-button-text { color: #fff; }
.m360-cta1-points { position: relative; list-style: none; margin: 0; padding: 1.75rem; display: grid; gap: 1rem; border-radius: 1.25rem;
  background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); }
.m360-cta1-points li { display: flex; align-items: center; gap: .75rem; color: rgba(255, 255, 255, .9); font-size: 1rem; }
.m360-cta1-ic { flex: none; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; font-size: .8rem;
  color: var(--m360-navy-deep); background: var(--m360-amber); }
.m360-cta1-link { color: #8fd0ff; text-decoration: none; font-weight: 500; }
.m360-cta1-link:hover { color: #fff; }
[class*="m360-"] .secondary-button .is-absolute { display: none; }
[class*="m360-"] .secondary-button { transition: transform .2s ease, background-color .2s ease; }
[class*="m360-"] .secondary-button:hover { transform: translateY(-2px); }
@keyframes m360Drift { from { transform: translate(0, 0) } to { transform: translate(-60px, 40px) } }
@media (max-width: 991px) { .m360-cta1-card { grid-template-columns: 1fr; padding: 2.5rem; gap: 2rem; } }
@media (max-width: 479px) { .m360-cta1-card { padding: 1.75rem 1.25rem; border-radius: 1.5rem; } .m360-cta1-actions > a { width: 100%; justify-content: center; } }

/* ===================== 7) Kapanış CTA (#son-cagri) ===================== */
.m360-final-card { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.15fr 1fr; gap: 2.5rem; align-items: center;
  padding: 3.5rem; border-radius: 2rem; color: #fff;
  background: linear-gradient(135deg, var(--m360-blue-deep) 0%, #0a4a8c 45%, var(--m360-navy) 100%); }
.m360-final-card::after { content: ""; position: absolute; width: 520px; height: 520px; left: -200px; bottom: -320px; border-radius: 50%;
  border: 1px dashed rgba(255, 255, 255, .18); pointer-events: none; }
.m360-final-left { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 1.125rem; }
.m360-final-title { margin: 0; color: #fff; font-size: clamp(2rem, 3.2vw, 2.875rem); line-height: 1.1; letter-spacing: -.02em; font-weight: 500; max-width: 18ch; }
.m360-final-accent { color: #ffd2a8; }
.m360-final-sub { margin: 0; color: rgba(255, 255, 255, .85); font-size: 1.0625rem; line-height: 1.6; max-width: 44ch; }
.m360-final-form { margin: .5rem 0 0; }
.m360-final-fields { display: flex; flex-wrap: wrap; gap: .75rem; align-items: flex-end; }
.m360-final-field { display: flex; flex-direction: column; gap: .375rem; margin: 0; font-size: .8125rem; font-weight: 500; color: rgba(255, 255, 255, .85); }
.m360-final-field.is-wide { flex: 1 1 14rem; }
.m360-final-field .w-input { margin: 0; height: 3.25rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .35); background: #fff;
  color: var(--m360-navy); padding: 0 1.25rem; font-size: 1rem; }
.m360-final-field input[type=number] { width: 8.5rem; font-weight: 600; text-align: center; }
.m360-final-field .w-input:focus { outline: 2px solid var(--m360-amber); outline-offset: 2px; }
.m360-final-submit { height: 3.25rem; padding: 0 1.75rem; border-radius: 999px; border: 0; font-weight: 600; font-size: 1rem; color: var(--m360-navy-deep);
  background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.m360-final-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 24px -10px rgba(0, 0, 0, .45); }
.m360-final-price { margin-top: 1rem; display: flex; flex-wrap: wrap; align-items: baseline; gap: .375rem .5rem; color: rgba(255, 255, 255, .85); font-size: .9375rem; }
.m360-final-price strong { color: #fff; font-size: 1.75rem; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.m360-final-price-extra { padding: .25rem .75rem; border-radius: 999px; background: rgba(242, 153, 74, .18); border: 1px solid rgba(242, 153, 74, .45); color: #ffe1c4; font-size: .8125rem; }
.m360-final .w-form-done, .m360-final .w-form-fail { border-radius: 1rem; }
.m360-final-right { position: relative; z-index: 1; }
.m360-final-tags { position: relative; height: 20rem; }
.m360-final-tag { position: absolute; padding: .75rem 1.25rem; border-radius: 999px; font-size: .9375rem; white-space: nowrap;
  color: var(--m360-navy); background: #fff; box-shadow: 0 12px 30px -14px rgba(0, 0, 0, .45);
  transform: rotate(var(--r, 0deg)); animation: m360Float var(--d, 6s) ease-in-out var(--dl, 0s) infinite alternate; }
.m360-final-tag[data-accent] { background: var(--m360-amber-soft); color: var(--m360-amber-ink); }
.m360-final-tag[data-accent]::before { content: ""; display: inline-block; width: .45rem; height: .45rem; margin-right: .5rem; border-radius: 50%; background: var(--m360-amber); vertical-align: middle; }
.m360-final-tag.t1 { left: 4%;  top: 4%;  --d: 6.2s; --r: -4deg; }
.m360-final-tag.t2 { left: 44%; top: 0%;  --d: 7.1s; --r: 3deg;  --dl: -1s; }
.m360-final-tag.t3 { left: 18%; top: 24%; --d: 5.6s; --r: 2deg;  --dl: -2s; }
.m360-final-tag.t4 { left: 58%; top: 22%; --d: 6.8s; --r: -3deg; --dl: -.5s; }
.m360-final-tag.t5 { left: 2%;  top: 46%; --d: 7.4s; --r: 3deg;  --dl: -3s; }
.m360-final-tag.t6 { left: 36%; top: 46%; --d: 6.4s; --r: -2deg; --dl: -1.5s; }
.m360-final-tag.t7 { left: 70%; top: 50%; --d: 5.9s; --r: 4deg;  --dl: -2.5s; }
.m360-final-tag.t8 { left: 14%; top: 70%; --d: 6.9s; --r: -3deg; --dl: -.8s; }
.m360-final-tag.t9 { left: 50%; top: 74%; --d: 7.6s; --r: 2deg;  --dl: -3.4s; }
.m360-final-tags:hover .m360-final-tag { animation-play-state: paused; }
@keyframes m360Float { from { transform: translateY(-6px) rotate(var(--r, 0deg)); } to { transform: translateY(8px) rotate(calc(var(--r, 0deg) * -1)); } }
@media (max-width: 991px) { .m360-final-card { grid-template-columns: 1fr; padding: 2.5rem; } .m360-final-tags { height: 16rem; } }
@media (max-width: 479px) {
  .m360-final-card { padding: 1.75rem 1.25rem; border-radius: 1.5rem; }
  .m360-final-field, .m360-final-field.is-wide, .m360-final-submit { width: 100%; flex: 1 1 100%; }
  .m360-final-field input[type=number] { width: 100%; }
  .m360-final-tags { height: 14rem; }
  .m360-final-tag { font-size: .8125rem; padding: .5rem .875rem; }
}
@media (prefers-reduced-motion: reduce) { .m360-final-tag, .m360-cta1-glow { animation: none; } }
.m360-cta1-points .m360-cta1-link { display: inline-block; background: none; padding: 0; }
#fiyat .faq-header-wrapper { max-width: 900px; }
@media (max-width: 767px) {
  .m360-final-tags { height: auto; display: flex; flex-wrap: wrap; gap: .625rem; justify-content: center; padding: .5rem 0; }
  .m360-final-tag { position: static; }
}