/* AnıYolla v8.0 Sprint 1.4 — Premium Nasıl Çalışır */
.v8004-how{position:relative;overflow:hidden;padding:104px 0;background:radial-gradient(circle at 82% 18%,rgba(212,175,55,.09),transparent 28%),linear-gradient(180deg,#0b0d11,#11141a);color:#fff;border-top:1px solid rgba(255,255,255,.06)}
.v8004-how-head{display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:end;margin-bottom:52px}.v8004-eyebrow{display:block;margin-bottom:15px;color:#e8c966;font-size:.76rem;font-weight:900;letter-spacing:.2em}.v8004-how h2{margin:0;max-width:720px;font-size:clamp(2.25rem,4.8vw,4.4rem);line-height:1.02;letter-spacing:-.055em}.v8004-how-head>p{margin:0;color:#b8bec8;font-size:1.05rem;line-height:1.75}
.v8004-how-stage{position:relative}.v8004-timeline{position:absolute;left:7%;right:7%;top:34px;height:1px;background:rgba(255,255,255,.1)}.v8004-timeline span{display:block;width:0;height:100%;background:linear-gradient(90deg,#c98b52,#f1d77c);box-shadow:0 0 18px rgba(232,201,102,.5);transition:width 1.4s cubic-bezier(.2,.7,.2,1)}.v8004-how.is-visible .v8004-timeline span{width:100%}
.v8004-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:1}.v8004-step{min-height:300px;padding:0 24px 28px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 24px 60px rgba(0,0,0,.25);backdrop-filter:blur(16px);transform:translateY(24px);opacity:0;transition:transform .65s ease,opacity .65s ease,border-color .3s ease}.v8004-how.is-visible .v8004-step{transform:none;opacity:1}.v8004-how.is-visible .v8004-step:nth-child(2){transition-delay:.12s}.v8004-how.is-visible .v8004-step:nth-child(3){transition-delay:.24s}.v8004-how.is-visible .v8004-step:nth-child(4){transition-delay:.36s}.v8004-step:hover{transform:translateY(-7px)!important;border-color:rgba(232,201,102,.45)}
.v8004-number{display:grid;place-items:center;width:68px;height:68px;margin:-1px 0 27px;border-radius:0 0 20px 20px;background:linear-gradient(145deg,#e8c966,#bb7548);color:#111;font-weight:950;font-size:1.2rem;box-shadow:0 12px 28px rgba(199,125,82,.22)}.v8004-step-icon{font-size:1.55rem;color:#efd371;margin-bottom:17px}.v8004-step h3{margin:0 0 12px;font-size:1.2rem;line-height:1.32}.v8004-step p{margin:0;color:#b6bdc8;line-height:1.68;font-size:.94rem}.v8004-step small{display:block;margin-top:20px;color:#e0c46f;font-weight:750;font-size:.76rem;letter-spacing:.03em}
.v8004-demo-card{display:grid;grid-template-columns:1fr 330px;align-items:center;gap:48px;margin-top:36px;padding:42px 54px;border:1px solid rgba(212,175,55,.22);border-radius:32px;background:linear-gradient(120deg,rgba(212,175,55,.09),rgba(255,255,255,.035));box-shadow:0 30px 90px rgba(0,0,0,.32)}.v8004-demo-copy>span{color:#e8c966;font-size:.74rem;font-weight:900;letter-spacing:.18em}.v8004-demo-copy h3{margin:12px 0;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em}.v8004-demo-copy p{max-width:590px;color:#bac0ca;line-height:1.7}.v8004-demo-copy>div{display:flex;align-items:center;gap:22px;margin-top:25px}.v8004-text-link{color:#efd371;font-weight:800;text-decoration:none}
.v8004-demo-phone{justify-self:end;width:220px;padding:18px 15px;border:7px solid #24272e;border-radius:34px;background:#f7f4ee;color:#16181d;text-align:center;box-shadow:0 20px 55px rgba(0,0,0,.45);transform:rotate(3deg)}.v8004-notch{width:72px;height:15px;margin:-13px auto 16px;border-radius:0 0 12px 12px;background:#24272e}.v8004-demo-phone>b,.v8004-demo-phone>span{display:block}.v8004-demo-phone>span{font-size:.72rem;color:#777;margin-top:4px}.v8004-upload{display:grid;place-items:center;height:90px;margin:15px 0;border:1px dashed #c89c4a;border-radius:16px;background:#fff;font-size:1.7rem;color:#b27b25}.v8004-upload small{display:block;font-size:.65rem;color:#555}.v8004-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.v8004-mini-grid i{height:42px;border-radius:8px;background:linear-gradient(145deg,#d6b782,#8e6252)}.v8004-mini-grid i:nth-child(2){background:linear-gradient(145deg,#8ca0a4,#d8c7b2)}.v8004-mini-grid i:nth-child(3){background:linear-gradient(145deg,#c7988d,#66555a)}
@media(max-width:1000px){.v8004-how-head{grid-template-columns:1fr;gap:20px}.v8004-steps{grid-template-columns:repeat(2,1fr)}.v8004-timeline{display:none}.v8004-demo-card{grid-template-columns:1fr 260px}}
@media(max-width:650px){.v8004-how{padding:70px 0}.v8004-how-head{margin-bottom:34px}.v8004-how h2{font-size:2.35rem}.v8004-steps{grid-template-columns:1fr}.v8004-step{min-height:auto;padding:0 21px 24px}.v8004-number{width:58px;height:58px;margin-bottom:20px}.v8004-demo-card{grid-template-columns:1fr;padding:28px 22px}.v8004-demo-phone{justify-self:center}.v8004-demo-copy>div{align-items:flex-start;flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){.v8004-step,.v8004-timeline span{transition:none}.v8004-step{opacity:1;transform:none}}
