/* Armutlu Match marketing motion layer */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-soft:cubic-bezier(.2,.8,.2,1)}

/* Header */
.site-header{transition:background .35s ease,box-shadow .35s ease,border-color .35s ease}
.site-header.is-scrolled{background:rgba(93,36,209,.88);box-shadow:0 14px 42px rgba(22,9,51,.18);border-bottom-color:rgba(255,255,255,.16)}
.desktop-nav a{position:relative;transition:color .22s ease,opacity .22s ease}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;border-radius:2px;background:#fff;transition:right .28s var(--motion-ease)}
.desktop-nav a:hover:after{right:0}
.round-store,.primary-link,.store-badge,.safety-cards a,.radar-info article,.how-cards article,.feature-window{transition:transform .34s var(--motion-ease),box-shadow .34s ease,border-color .34s ease,background .34s ease}
.round-store:not(.disabled):hover{transform:translateY(-2px) scale(1.04)}
.store-badge:hover,.primary-link:hover{transform:translateY(-3px)}

/* Hero entrance */
.motion-ready .hero-copy>*{opacity:0;transform:translateY(24px)}
.motion-ready .hero-device{opacity:0;transform:translateY(34px) scale(.975)}
.motion-ready.page-loaded .hero-copy>*{opacity:1;transform:none;transition:opacity .8s var(--motion-ease),transform .8s var(--motion-ease)}
.motion-ready.page-loaded .hero-copy>*:nth-child(1){transition-delay:.05s}
.motion-ready.page-loaded .hero-copy>*:nth-child(2){transition-delay:.13s}
.motion-ready.page-loaded .hero-copy>*:nth-child(3){transition-delay:.21s}
.motion-ready.page-loaded .hero-copy>*:nth-child(4){transition-delay:.29s}
.motion-ready.page-loaded .hero-copy>*:nth-child(5){transition-delay:.37s}
.motion-ready.page-loaded .hero-device{opacity:1;transform:none;transition:opacity 1s var(--motion-ease) .18s,transform 1s var(--motion-ease) .18s}

/* Ambient hero movement */
.hero-device{will-change:transform}
.phone-shell{animation:phoneFloat 6.5s ease-in-out infinite}
.float-badge.top{animation:badgeFloatA 5.2s ease-in-out infinite}
.float-badge.bottom{animation:badgeFloatB 6.1s ease-in-out infinite}
.hero-glow.one{animation:glowDriftA 10s ease-in-out infinite alternate}
.hero-glow.two{animation:glowDriftB 12s ease-in-out infinite alternate}
.hero-glow.three{animation:glowDriftC 11s ease-in-out infinite alternate}
.live-dot{box-shadow:0 0 0 0 rgba(74,222,128,.55);animation:livePulse 2.2s ease-out infinite}

/* Radar motion */
.app-radar .sweep{animation:radarSweep 6s linear infinite}
.app-radar .ring.r2{animation:ringBreathe 4s ease-in-out infinite}
.app-radar .ring.r3{animation:ringBreathe 4s ease-in-out .7s infinite}
.app-radar .ring.r4{animation:ringBreathe 4s ease-in-out 1.4s infinite}
.app-radar .pin,.radar-stage .radar-chip{animation:pinPulse 3.2s ease-in-out infinite}
.app-radar .pin.p2{animation-delay:.55s}.app-radar .pin.p3{animation-delay:1.1s}
.radar-stage .beam{animation:stageSweep 8s linear infinite}
.radar-stage .pulse{animation:stagePulse 3.4s ease-in-out infinite}
.radar-stage .rr.b{animation:ringBreatheStage 4.5s ease-in-out infinite}
.radar-stage .rr.c{animation:ringBreatheStage 4.5s ease-in-out .8s infinite}
.radar-stage .rr.d{animation:ringBreatheStage 4.5s ease-in-out 1.6s infinite}
.radar-chip.c2{animation-delay:.8s}.radar-chip.c3{animation-delay:1.6s}
.dot-grid{animation:gridDrift 20s linear infinite}

/* Scroll reveal */
.motion-ready .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--motion-ease),transform .8s var(--motion-ease)}
.motion-ready .reveal.reveal-left{transform:translateX(-34px)}
.motion-ready .reveal.reveal-right{transform:translateX(34px)}
.motion-ready .reveal.is-visible{opacity:1;transform:none}
.motion-ready .reveal[data-delay="1"]{transition-delay:.08s}
.motion-ready .reveal[data-delay="2"]{transition-delay:.16s}
.motion-ready .reveal[data-delay="3"]{transition-delay:.24s}
.motion-ready .reveal[data-delay="4"]{transition-delay:.32s}

/* Interaction polish */
.feature-window:hover{transform:translateY(-6px);box-shadow:0 34px 75px rgba(42,23,72,.12)}
.mini-feature{transition:transform .28s var(--motion-ease),background .28s ease,padding .28s ease}
.mini-feature:hover{transform:translateX(5px);background:#fcfaff}
.bullet{transition:transform .28s var(--motion-ease)}
.bullet:hover{transform:translateX(5px)}
.radar-info article:hover{transform:translateY(-5px);background:rgba(255,255,255,.08);border-color:rgba(167,128,255,.26)}
.safety-cards a:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(103,46,226,.09);border-color:#d8caf8}
.how-cards article:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(42,23,72,.15)}

/* Safety art */
.shield{animation:shieldFloat 6s ease-in-out infinite}
.shield-ring.one{animation:orbitSpin 24s linear infinite}
.shield-ring.two{animation:orbitSpinReverse 20s linear infinite}
.orbit.o1{animation:orbitBobA 4.8s ease-in-out infinite}.orbit.o2{animation:orbitBobB 5.5s ease-in-out infinite}.orbit.o3{animation:orbitBobC 5.1s ease-in-out infinite}

/* Download atmosphere */
.download-glow{animation:downloadGlow 8s ease-in-out infinite alternate}
.download-mark{animation:downloadMark 5.5s ease-in-out infinite}

@keyframes phoneFloat{0%,100%{transform:translateY(0) rotate(.001deg)}50%{transform:translateY(-10px) rotate(.4deg)}}
@keyframes badgeFloatA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4px,-9px,0)}}
@keyframes badgeFloatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,8px,0)}}
@keyframes glowDriftA{to{transform:translate(45px,25px) scale(1.08)}}
@keyframes glowDriftB{to{transform:translate(-55px,35px) scale(.94)}}
@keyframes glowDriftC{to{transform:translate(20px,-35px) scale(1.12)}}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%,100%{box-shadow:0 0 0 10px rgba(74,222,128,0)}}
@keyframes radarSweep{from{transform:rotate(-28deg)}to{transform:rotate(332deg)}}
@keyframes stageSweep{from{transform:rotate(-30deg)}to{transform:rotate(330deg)}}
@keyframes ringBreathe{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes ringBreatheStage{0%,100%{opacity:.45}50%{opacity:.95}}
@keyframes pinPulse{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.08)}}
@keyframes stagePulse{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes gridDrift{from{background-position:0 0}to{background-position:24px 24px}}
@keyframes shieldFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbitSpinReverse{to{transform:rotate(-360deg)}}
@keyframes orbitBobA{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes orbitBobB{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes orbitBobC{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes downloadGlow{to{transform:translateX(35px) scale(1.08);opacity:.85}}
@keyframes downloadMark{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}

/* Premium refinement: reduce bulky cards without changing the Stitch identity */
.header-actions{align-items:center;gap:18px}
.round-store{width:auto;height:auto;padding:8px 0;border-radius:0;background:transparent;font-size:0;opacity:1;border-bottom:1px solid transparent;box-shadow:none}
.round-store.disabled{opacity:.72}
.round-store.disabled::after{content:"iOS · Yakında";font-size:10px;font-weight:800;letter-spacing:.08em;color:#ddd0ff}
a.round-store::after{content:"Google Play ↗";font-size:11px;font-weight:850;letter-spacing:.02em;color:#fff}
.round-store:not(.disabled):hover{transform:none;background:transparent;color:#fff;border-bottom-color:#fff}

.float-badge.bottom{display:none}
.float-badge.top{padding:9px 12px;border-radius:12px;box-shadow:0 14px 30px rgba(29,10,68,.22)}

.feature-window{padding:0;border:0;border-top:1px solid #e6def6;border-bottom:1px solid #e6def6;border-radius:0;background:transparent;box-shadow:none}
.feature-window:hover{transform:none;box-shadow:none}
.window-head{padding:0 0 18px;border-bottom:1px solid var(--line)}
.mini-feature{padding:20px 0;background:transparent}
.mini-feature:hover{padding-left:6px;background:transparent}
.feature-float{position:static;display:inline-flex;margin-top:20px;padding:0;border-radius:0;background:transparent;color:var(--p);box-shadow:none;font-size:9px;letter-spacing:.14em}

.radar-info{gap:0;border-top:1px solid rgba(255,255,255,.16)}
.radar-info article{padding:24px 0;border:0;border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;background:transparent}
.radar-info article>span{flex:0 0 38px;border:1px solid rgba(167,128,255,.26);background:transparent}
.radar-info article:hover{transform:translateX(6px);background:transparent;border-color:rgba(255,255,255,.22)}

.safety-cards{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.safety-cards a{min-height:72px;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;grid-template-columns:44px 1fr auto}
.safety-cards a:hover{transform:translateX(6px);box-shadow:none;border-color:var(--line);background:transparent}
.safety-cards b{font-size:13px}

.how-cards{gap:0;border-top:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)}
.how-cards article{min-height:285px;padding:42px 36px;border:0;border-right:1px solid rgba(255,255,255,.20);border-radius:0;background:transparent;box-shadow:none;color:#fff}
.how-cards article:last-child{border-right:0}
.how-cards article>span{display:inline-block;margin-bottom:62px;color:#d9caff;background:transparent;font-size:10px;font-weight:900;letter-spacing:.14em}
.how-cards article i{color:#d9caff}
.how-cards article h3{color:#fff}
.how-cards article p{color:#d8cef0}
.how-cards article:hover{transform:translateY(-4px);box-shadow:none;background:rgba(255,255,255,.045)}

@media(max-width:760px){
  .phone-shell{animation-duration:7.5s}
  .float-badge{animation:none}
  .motion-ready .reveal.reveal-left,.motion-ready .reveal.reveal-right{transform:translateY(28px)}
  .header-actions{gap:10px}
  .round-store:not(.disabled),.round-store.disabled{display:none}
  .how-cards{grid-template-columns:1fr;border-top:1px solid rgba(255,255,255,.24)}
  .how-cards article{min-height:0;padding:30px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
  .how-cards article:last-child{border-bottom:0}
  .how-cards article>span{margin-bottom:26px}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .motion-ready .hero-copy>*,.motion-ready .hero-device,.motion-ready .reveal{opacity:1!important;transform:none!important}
}