/* Yön B · hero + modül anlatımı (seçilen yön) */

body{background:#F6F6FD}
.hb{position:relative;padding:150px 0 0;color:#fff;background:radial-gradient(1000px 700px at 50% -10%,rgba(124,118,255,.45),transparent 62%),radial-gradient(700px 500px at 100% 100%,rgba(139,92,246,.25),transparent 60%),linear-gradient(180deg,#0B1238,#141A55 60%,#1D1F6E);border-radius:0 0 48px 48px;overflow:hidden;isolation:isolate}
.hb::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 50% 8%,rgba(170,166,255,.09) 0 1px,transparent 1.5px 120px);-webkit-mask:radial-gradient(1100px 800px at 50% 10%,#000,transparent 80%);mask:radial-gradient(1100px 800px at 50% 10%,#000,transparent 80%)}
.hb .bm{position:absolute;left:50%;top:-20%;width:44%;height:90%;z-index:-1;background:conic-gradient(from 180deg at 50% 0,transparent 160deg,rgba(185,181,255,.2) 180deg,transparent 200deg);filter:blur(10px);transform:translateX(-50%);animation:hbB 9s ease-in-out infinite alternate}
@keyframes hbB{to{transform:translateX(-50%) rotate(6deg)}}
.hb .tx{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:980px;margin:0 auto}
.hb .kw-tag{background:rgba(124,118,255,.18);color:#D6D3FF;box-shadow:inset 0 0 0 1px rgba(170,166,255,.3)}.hb .kw-tag i{background:#B9B5FF;box-shadow:0 0 0 4px rgba(185,181,255,.18)}
.hb h1{margin:24px 0 0;font:800 clamp(42px,6.2vw,92px)/.98 'Plus Jakarta Sans';letter-spacing:-.04em;text-wrap:balance}
.hb h1 span{display:block;color:transparent;background:linear-gradient(180deg,#fff 30%,#C9C6FF);-webkit-background-clip:text;background-clip:text}
.hb h1 .w{display:inline-block;opacity:0;transform:translateY(40%) rotateX(-40deg);transform-origin:50% 100%;transition:opacity .9s var(--e),transform .9s var(--e)}
.hb.in h1 .w{opacity:1;transform:none}
.hb p.ld{margin:24px 0 0;max-width:620px;font:500 clamp(16px,1.35vw,19px)/1.6 'Plus Jakarta Sans';color:rgba(255,255,255,.74);text-wrap:pretty}
.hb .bt{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:36px}
.hb .stg{position:relative;margin:72px auto 0;width:min(1080px,92%);perspective:1800px}
.hb .rig{position:relative;transform-origin:50% 100%;transform:rotateX(calc(var(--t,1)*24deg)) translateY(calc(var(--t,1)*40px)) scale(calc(1 - var(--t,1)*.06));will-change:transform}
.hb .rig .kw-lap .lid{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.12),0 -20px 80px -20px rgba(124,118,255,.55),0 40px 80px -30px rgba(0,0,0,.6)}
.hb .rig .ph{position:absolute;right:-3%;bottom:-6%;width:22%;transform:translateY(calc(var(--t,1)*80px));transition:transform .1s linear}
.hb .rig .glow{position:absolute;left:10%;right:10%;top:20%;bottom:-10%;z-index:-1;background:radial-gradient(closest-side,rgba(124,118,255,.6),transparent);filter:blur(40px)}
.hb .fd{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,transparent,#1D1F6E);pointer-events:none}
/* scrollytelling */
.vb{padding:110px 0 120px}
.vb .hd{max-width:760px}
.vb h2{margin:16px 0 0;font:800 clamp(32px,3.6vw,52px)/1.08 'Plus Jakarta Sans';letter-spacing:-.03em;color:var(--nv);text-wrap:balance}
.vb .hd p{margin:16px 0 0;font:500 17px/1.6 'Plus Jakarta Sans';color:var(--mut)}
.vb .gd{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:64px;margin-top:56px}
.vb .dk{position:sticky;top:110px;height:max-content}
.vb .dk .cv{position:relative;padding:28px 28px 40px;border-radius:32px;background:radial-gradient(500px 360px at 70% 0%,rgba(124,118,255,.35),transparent 65%),linear-gradient(160deg,#141A55,#0B1238);box-shadow:0 40px 80px -40px rgba(7,20,48,.6);overflow:hidden}
.vb .dk .cv::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 80% 0%,rgba(170,166,255,.07) 0 1px,transparent 1.5px 90px)}
.vb .dk .lap{position:relative;width:86%}
.vb .dk .ph{position:absolute;right:20px;bottom:18px;width:23%}
.vb .sl{position:absolute;inset:0;opacity:0;transform:translateY(4%) scale(.985);transition:opacity .55s var(--e),transform .7s var(--e)}.vb .sl.on{opacity:1;transform:none;z-index:1}
.vb .pr{display:flex;gap:6px;margin-top:16px}.vb .pr i{flex:1;height:4px;border-radius:2px;background:#DCDAF6;overflow:hidden;position:relative}.vb .pr i::after{content:"";position:absolute;inset:0;background:var(--pr2);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--e)}.vb .pr i.dn::after,.vb .pr i.on::after{transform:scaleX(1)}
.vb .lb{display:flex;align-items:center;gap:10px;margin-top:14px;font:800 14px/1 'Plus Jakarta Sans';color:var(--nv)}.vb .lb em{font-style:normal;color:var(--mut);font-weight:700}
.vb .stp{display:flex;flex-direction:column}
.vb .st{min-height:72vh;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px 0;opacity:.28;transition:opacity .5s var(--e)}
.vb .st.on{opacity:1}
.vb .st:first-child{min-height:56vh;justify-content:flex-start;padding-top:40px}.vb .st:last-child{min-height:60vh}
.vb .st .no{display:flex;align-items:center;gap:12px;font:800 13px/1 'Plus Jakarta Sans';letter-spacing:.06em;text-transform:uppercase;color:var(--pr2)}
.vb .st .no i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--pr2);box-shadow:inset 0 0 0 1px var(--lav2),0 10px 22px -14px rgba(80,73,230,.6);transition:background .4s,color .4s}
.vb .st.on .no i{background:linear-gradient(140deg,#625BF0,#8B5CF6);color:#fff}
.vb .st h3{margin:0;font:800 clamp(26px,2.4vw,36px)/1.15 'Plus Jakarta Sans';letter-spacing:-.02em;color:var(--nv);text-wrap:balance}
.vb .st ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vb .st li{display:flex;align-items:flex-start;gap:12px;font:600 16px/1.45 'Plus Jakarta Sans';color:var(--ink)}
.vb .st li svg{flex:none;margin-top:2px;color:var(--pr2)}
@media (max-width:1020px){.vb .gd{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}}
@media (max-width:760px){.hb{padding:110px 0 0;border-radius:0 0 32px 32px}.hb .bt{flex-direction:column;align-self:stretch}.hb .bt .kw-b{width:100%}.hb .stg{margin-top:48px;width:100%}.hb .rig .ph{right:2%;width:28%}
.vb{padding:80px 0 60px}.vb .gd{display:block;margin-top:28px}.vb .dk{top:72px;z-index:2;margin:0 -20px;padding:10px 20px 14px;background:linear-gradient(180deg,#F6F6FD 85%,rgba(246,246,253,0))}.vb .dk .cv{padding:16px 16px 22px;border-radius:24px}.vb .dk .ph{right:12px;bottom:10px}.vb .pr{margin-top:12px}.vb .lb{margin-top:10px;font-size:13px}
.vb .st{min-height:62vh;padding:18px 0}.vb .st:first-child{min-height:48vh;padding-top:24px}.vb .st h3{font-size:24px}.vb .st li{font-size:15px}}
@media (max-width:360px){.hb h1{font-size:38px}}