:root{--jr-navy:#1f2b47;--jr-navy-deep:#111a31;--jr-blue:#4f86f7;--jr-cream:#f6f1ea;--jr-sky:#e2eef5;--jr-peach:#fbba92;--jr-green:#42a675;--jr-ink:#18233d;--jr-muted:#667087;--jr-border:#c8dff0}
html{scroll-behavior:smooth}.journey-hero,.journey-hero *{box-sizing:border-box}.journey-hero{color:var(--jr-ink);font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.journey-hero{position:relative;overflow:hidden;min-height:0;padding:14px 0 84px;background:linear-gradient(118deg,#e8f5fb 0%,#f8fbfb 47%,#fff9f1 100%)}
.journey-hero::before{content:"";position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:linear-gradient(30deg,transparent 49.5%,rgba(104,154,191,.21) 50%,transparent 50.5%),linear-gradient(150deg,transparent 49.5%,rgba(104,154,191,.17) 50%,transparent 50.5%);background-size:190px 110px}
.journey-hero::after{content:"";position:absolute;width:540px;height:540px;right:-210px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 70%);pointer-events:none}
.journey-shell{position:relative;z-index:1;width:min(1520px,96vw);margin:0 auto}.journey-intro{text-align:center;max-width:1050px;margin:0 auto 8px}
.journey-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:10px;color:#59677e;font-size:12px;font-weight:800;letter-spacing:.105em;text-transform:uppercase}.journey-eyebrow i{width:24px;height:2px;border-radius:99px;background:var(--jr-peach)}
.journey-intro h1{margin:0;color:var(--jr-navy-deep);font-size:clamp(34px,4vw,58px);font-weight:800;letter-spacing:-.045em;line-height:1.07}.journey-intro h1 em{position:relative;display:inline-block;color:#f28a5f;font-family:'Fraunces',Georgia,serif;font-weight:600}.journey-intro h1 em::after{content:"";position:absolute;left:4%;right:-1%;bottom:-4px;height:5px;border-radius:50%;background:linear-gradient(90deg,#f28a5f,rgba(242,138,95,.15));transform:rotate(-1.5deg)}
.journey-intro p{margin:12px 0 0;color:var(--jr-muted);font-size:clamp(16px,1.55vw,22px);font-weight:500}
.journey-map{position:relative;height:512px;margin:2px auto 0}.journey-road-wrap{position:absolute;z-index:0;left:-80px;right:-80px;top:0;bottom:0;pointer-events:none}.journey-road{position:absolute;z-index:0;left:80px;right:80px;top:50%;width:calc(100% - 160px);height:180px;transform:translateY(-50%);overflow:visible}.journey-road path,.journey-road-m path{fill:none;stroke-linecap:round;stroke-linejoin:round}.journey-road-m-wrap{display:none}.journey-road-shadow{stroke:rgba(31,43,71,.14);stroke-width:64;transform:translateY(10px);filter:blur(5px)}.journey-road-base{stroke:var(--jr-navy);stroke-width:54}.journey-road-dash{stroke:#fff;stroke-width:2.5;stroke-dasharray:11 13;opacity:.9}
.journey-step{position:absolute;z-index:2;width:23%;height:100%;top:0}.journey-step--one{left:1%}.journey-step--two{left:26%}.journey-step--three{left:51%}.journey-step--four{left:76%}
.journey-card{position:absolute;left:50%;width:min(310px,96%);height:200px;transform:translateX(-50%);overflow:hidden;padding:15px 17px 0;border:2px solid rgba(160,204,238,.78);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(32,61,91,.11);backdrop-filter:blur(10px)}.journey-step--top .journey-card{top:4px}.journey-step--bottom .journey-card{bottom:0}
.journey-card-copy{position:relative;z-index:2;display:flex;align-items:flex-start;gap:11px}.journey-card-number{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:50%;background:#e9f1ff;color:var(--jr-navy-deep);font-size:17px;font-weight:800}.journey-step--one .journey-card-number{background:#ffe0c9}.journey-step--three .journey-card-number{background:#e1d7ff}.journey-step--four .journey-card-number{background:#d8f2e2}
.journey-card h2{margin:1px 0 4px;color:var(--jr-navy-deep);font-size:clamp(17px,1.35vw,21px);font-weight:800;letter-spacing:-.025em;line-height:1.15}.journey-card p{margin:0;color:var(--jr-muted);font-size:13px;font-weight:500;line-height:1.35}.journey-card img{position:absolute;z-index:1;display:block;width:140px;height:140px;object-fit:contain;right:5px;bottom:-8px;filter:drop-shadow(0 8px 9px rgba(31,43,71,.08))}.journey-step--two .journey-card img{width:132px;height:132px;right:8px;bottom:-5px}.journey-step--three .journey-card img{width:135px;height:135px;right:7px;bottom:-6px}.journey-step--four .journey-card img{width:143px;height:143px;right:0;bottom:-7px}
.journey-marker{position:absolute;z-index:5;left:50%;top:50%;display:grid;width:54px;height:54px;place-items:center;transform:translate(-50%,-50%);border:5px solid #fff;border-radius:50%;background:var(--jr-blue);color:#fff;box-shadow:0 0 0 3px #72a0fb,0 9px 20px rgba(31,43,71,.22);font-size:22px;font-weight:800}.journey-step--one .journey-marker{background:#f28a5f;box-shadow:0 0 0 3px #f6a47f,0 9px 20px rgba(31,43,71,.22)}.journey-step--three .journey-marker{background:#8a58e9;box-shadow:0 0 0 3px #aa86f1,0 9px 20px rgba(31,43,71,.22)}.journey-step--four .journey-marker{background:var(--jr-green);box-shadow:0 0 0 3px #69bf8c,0 9px 20px rgba(31,43,71,.22)}
.journey-connector{position:absolute;z-index:1;left:50%;width:2px;transform:translateX(-50%);background:var(--jr-blue)}.journey-connector::after{content:"";position:absolute;left:50%;width:10px;height:10px;transform:translateX(-50%);border-radius:50%;background:inherit}.journey-step--top .journey-connector{top:204px;height:calc(50% - 204px)}.journey-step--top .journey-connector::after{top:-2px}.journey-step--bottom .journey-connector{top:50%;height:calc(50% - 200px)}.journey-step--bottom .journey-connector::after{bottom:-2px}.journey-step--one .journey-connector{background:#f28a5f}.journey-step--three .journey-connector{background:#8a58e9}.journey-step--four .journey-connector{background:var(--jr-green)}
.journey-actions{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:26px}.journey-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:265px;padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,#7037e8,#814df0);color:#fff;text-decoration:none;font-size:17px;font-weight:800;box-shadow:0 11px 26px rgba(112,55,232,.24);transition:transform .18s ease,box-shadow .18s ease}.journey-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 15px 30px rgba(112,55,232,.3)}.journey-cta i{transition:transform .18s ease}.journey-cta:hover i{transform:translateX(4px)}.journey-actions span{display:flex;align-items:center;gap:7px;color:var(--jr-muted);font-size:13px;font-weight:600}.journey-actions span i{color:var(--jr-green)}.journey-actions span b{color:#aab2c0}
/* Sahne sırası: yol soldan sağa çizilir (≈1.5s), ardından 1→4 kartlar sırayla yukarıdan düşer. */
@media (prefers-reduced-motion:no-preference){
.journey-road-wrap{clip-path:inset(0 100% 0 0);animation:jr-road 1.5s cubic-bezier(.65,0,.35,1) .25s forwards}@keyframes jr-road{to{clip-path:inset(0 0 0 0)}}
.journey-card,.journey-marker,.journey-connector,.journey-actions{opacity:0}
.journey-marker{animation:jr-pop .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes jr-pop{from{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.journey-card{animation:jr-drop .7s cubic-bezier(.22,1.25,.36,1) both}@keyframes jr-drop{from{opacity:0;transform:translate(-50%,-70px)}to{opacity:1;transform:translate(-50%,0)}}
.journey-connector{animation:jr-fade .4s ease-out both}@keyframes jr-fade{to{opacity:1}}
.journey-actions{animation:jr-fade .5s ease-out 3.75s both}
.journey-step--one .journey-marker{animation-delay:1.7s}.journey-step--one .journey-card{animation-delay:1.85s}.journey-step--one .journey-connector{animation-delay:2.15s}
.journey-step--two .journey-marker{animation-delay:2.15s}.journey-step--two .journey-card{animation-delay:2.3s}.journey-step--two .journey-connector{animation-delay:2.6s}
.journey-step--three .journey-marker{animation-delay:2.6s}.journey-step--three .journey-card{animation-delay:2.75s}.journey-step--three .journey-connector{animation-delay:3.05s}
.journey-step--four .journey-marker{animation-delay:3.05s}.journey-step--four .journey-card{animation-delay:3.2s}.journey-step--four .journey-connector{animation-delay:3.5s}
}
@media (max-width:1050px){.journey-shell{width:min(980px,96vw)}.journey-map{height:476px}.journey-card{height:190px;padding:13px 13px 0}.journey-card-number{flex-basis:32px;width:32px;height:32px;font-size:15px}.journey-card h2{font-size:16px}.journey-card p{font-size:12px}.journey-card img,.journey-step--two .journey-card img,.journey-step--three .journey-card img,.journey-step--four .journey-card img{width:132px;height:132px}.journey-step--top .journey-connector{top:194px;height:calc(50% - 194px)}.journey-step--bottom .journey-connector{height:calc(50% - 190px)}}
@media (max-width:760px){.journey-hero{padding:12px 0 40px;min-height:0}.journey-shell{width:min(620px,92vw)}.journey-intro{margin-bottom:30px}.journey-intro h1{font-size:clamp(32px,9.2vw,46px)}.journey-intro p{font-size:16px}
/* Mobil (umut-office tasarımı, 17 Eyl): solda dikey lacivert şerit + kesikli orta çizgi, rozetler şeridin üstünde, kartlar tam genişlik alt alta. S-kıvrımlı yol ve bağlantı çizgileri kapalı. */
.journey-map{height:auto;margin:0;padding-left:58px;display:grid;gap:18px}.journey-map::before{content:"";position:absolute;z-index:0;left:25px;top:24px;bottom:24px;width:12px;border-radius:99px;background:var(--jr-navy);box-shadow:0 7px 16px rgba(31,43,71,.18)}.journey-map::after{content:"";position:absolute;z-index:1;left:30px;top:36px;bottom:36px;border-left:2px dashed rgba(255,255,255,.9)}
.journey-road-wrap,.journey-road-m-wrap{display:none}
.journey-step,.journey-step--one,.journey-step--two,.journey-step--three,.journey-step--four{position:relative;left:auto;top:auto;width:100%;height:auto}.journey-step--bottom{display:flex;flex-direction:column}
.journey-card,.journey-step--top .journey-card,.journey-step--bottom .journey-card{position:relative;top:auto;bottom:auto;left:auto;width:100%;height:218px;transform:none;padding:17px 16px 0}
.journey-marker{left:-33px;top:50%;width:46px;height:46px;border-width:4px;transform:translate(-50%,-50%);font-size:18px}.journey-connector{display:none}.journey-step--bottom .journey-marker{order:0}.journey-step--bottom .journey-card{order:1}
.journey-card h2{font-size:19px}.journey-card p{font-size:13px;max-width:none}.journey-card img,.journey-step--two .journey-card img,.journey-step--three .journey-card img,.journey-step--four .journey-card img{width:160px;height:160px;right:0;bottom:-6px}
.journey-actions{margin-top:30px}
/* Mobilde masaüstü yol sahnesi yok: kartlar kısa gecikmeyle yükselir, CTA hemen gelir. */
@media (prefers-reduced-motion:no-preference){
.journey-card{animation:jr-rise-mobile .65s cubic-bezier(.22,1,.36,1) both}@keyframes jr-rise-mobile{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.journey-step--one .journey-card{animation-delay:.05s}.journey-step--two .journey-card{animation-delay:.15s}.journey-step--three .journey-card{animation-delay:.25s}.journey-step--four .journey-card{animation-delay:.35s}
.journey-step--one .journey-marker{animation-delay:.1s}.journey-step--two .journey-marker{animation-delay:.2s}.journey-step--three .journey-marker{animation-delay:.3s}.journey-step--four .journey-marker{animation-delay:.4s}
.journey-actions{animation-delay:.7s}
}
}
@media (max-width:420px){.journey-map{padding-left:48px}.journey-map::before{left:19px}.journey-map::after{left:24px}.journey-marker{left:-29px}.journey-card{height:228px}.journey-card img,.journey-step--two .journey-card img,.journey-step--three .journey-card img,.journey-step--four .journey-card img{width:145px;height:145px}}
/* Bölüm geçişi: dalga + sorgu bölümünün üst boşluğu kısılır, CTA altında aşağı çağıran ipucu. */
.journey-wave{position:absolute;z-index:1;left:0;right:0;bottom:-1px;width:100%;height:clamp(34px,5vw,72px);display:block}.journey-wave path{fill:var(--e-hero-top,#e2eef5)}
.journey-page .e-hero{padding-top:clamp(6px,1.5vw,18px)}
.journey-scroll-hint{display:inline-grid;place-items:center;width:38px;height:38px;margin-top:4px;border-radius:50%;border:1.5px solid rgba(31,43,71,.18);color:var(--jr-navy);background:rgba(255,255,255,.7);text-decoration:none;font-size:16px;transition:background .18s ease,transform .18s ease}.journey-scroll-hint:hover{color:var(--jr-navy);background:#fff;transform:translateY(2px)}
@media (prefers-reduced-motion:no-preference){.journey-scroll-hint i{animation:jr-bounce 1.6s ease-in-out 4.4s infinite}@keyframes jr-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}}
/* Tek arka plan: yolculuk + "Binamı göster" bölümü aynı degrade/desen üzerinde, dalga yok. */
.journey-page #main{position:relative;background:linear-gradient(118deg,#e8f5fb 0%,#f8fbfb 47%,#fff9f1 100%)}
.journey-page #main::before{content:"";position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:linear-gradient(30deg,transparent 49.5%,rgba(104,154,191,.21) 50%,transparent 50.5%),linear-gradient(150deg,transparent 49.5%,rgba(104,154,191,.17) 50%,transparent 50.5%);background-size:190px 110px}
.journey-page .journey-hero{background:none;padding-bottom:22px}.journey-page .journey-hero::before{display:none}.journey-wave{display:none}
.journey-page .e-hero{position:relative;z-index:1;background:transparent;padding-top:clamp(6px,1.5vw,18px)}
@media (max-width:760px){.journey-page .journey-hero{padding-bottom:18px}}
/* Yarısı Bizden uygunluk testi iç linki (yolculuk CTA'sının altında) */
.journey-yb{display:inline-flex;align-items:center;gap:7px;margin-top:6px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(31,43,71,.14);color:var(--jr-navy);font-size:13px;font-weight:600;text-decoration:none;transition:background .18s ease,transform .18s ease}.journey-yb b{font-weight:800}.journey-yb i{color:#3E7CA6}.journey-yb:hover{background:#fff;color:var(--jr-navy);transform:translateY(-1px)}