.income-diagnosis-body{margin:0;min-height:100dvh;background:#0b0d0c;overflow:hidden}
.income-diagnostic-page{display:flex;flex-direction:column}
.income-diagnostic-brand{display:flex;align-items:center}
.income-diagnostic-brand img{display:block;width:112px;height:auto;filter:grayscale(1) invert(1) brightness(2.6)}
.income-diagnostic-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #3f463f;border-radius:50%;color:#f8f7f1;text-decoration:none;font:28px/1 Arial}
.income-diagnostic-page .trial-body{width:min(100%,650px);box-sizing:border-box}
.income-diagnostic-page[data-screen="0"] .trial-body h2{color:#fff8d5;font-size:clamp(2.25rem,4.3vw,3.65rem);line-height:1.35;text-shadow:0 0 10px #ffc90055,0 0 28px #ffc9002b;animation:trial-opening-glow 2.8s ease-in-out infinite alternate}
.income-diagnostic-page .trial-option{position:relative;overflow:hidden}
.income-diagnostic-page .trial-option::before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:#ffc9000f;transition:width .2s}
.income-diagnostic-page .trial-option[aria-pressed="true"]::before{width:100%}
.income-diagnostic-page .trial-option>*{position:relative;z-index:1}
.income-diagnostic-page .trial-selection-note{padding:11px 13px;border-right:3px solid #ffc900;border-radius:10px;background:#ffc9000b;color:#d5d9d4}

/* ورشة تشكيل الفرصة: بديل بصري عن خريطة نقطة البداية. */
.income-journey-map{position:relative;isolation:isolate;background:#070908;--forge-step:12%}
.income-journey-map::after{display:none}
.income-forge-scene{position:absolute;inset:0;overflow:hidden;opacity:1;transition:opacity .32s ease,transform .42s ease}
.income-forge-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06080655,#060806e8),url('/images/income-diagnosis-poster.webp') center/cover no-repeat;filter:saturate(.55) brightness(.54);transform:scale(1.04)}
.income-forge-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--forge-step) 53%,#ffc4002c,transparent 23%),linear-gradient(90deg,#050705d9 0,transparent 45%,#05070566 100%)}
.income-journey-map.intro-mode .income-forge-scene{opacity:0;transform:scale(.985)}
.income-journey-map.intro-leaving .trial-intro-video{opacity:0;transform:scale(1.035)}

.forge-workpiece{position:absolute;z-index:3;top:52%;left:8%;right:8%;display:grid;grid-template-columns:repeat(4,1fr);direction:ltr;gap:7px}
.forge-workpiece::before{content:"";position:absolute;z-index:-1;left:3%;right:3%;top:12px;height:24px;border:1px solid #d69017;border-radius:10px;background:linear-gradient(180deg,#4a2714,#1b1510 52%,#070908);box-shadow:inset 0 0 10px #000,0 12px 30px #000b;transform:perspective(420px) rotateX(12deg)}
.forge-workpiece span{position:relative;display:grid;justify-items:center;gap:12px;min-width:0;color:#aaa89f;font-size:.82rem;transition:color .28s ease,transform .28s ease}
.forge-workpiece span i{display:block;width:19px;height:19px;border:2px solid #7e5a22;border-radius:50%;background:#18130e;box-shadow:0 0 0 5px #070908;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}
.forge-workpiece span strong{direction:rtl;font-weight:700;white-space:nowrap}
.forge-workpiece span.is-forged,.forge-workpiece span.is-current{color:#fff7d3}
.forge-workpiece span.is-forged i,.forge-workpiece span.is-current i{border-color:#ffe474;background:#ffc400;box-shadow:0 0 0 5px #070908,0 0 18px #ffc400b8}
.forge-workpiece span.is-current{transform:translateY(-4px)}
.forge-anvil{position:absolute;z-index:2;top:calc(52% + 26px);left:19%;right:19%;height:108px;background:linear-gradient(155deg,#2e3330,#0d100e 62%);clip-path:polygon(7% 0,93% 0,86% 23%,63% 30%,59% 54%,69% 100%,31% 100%,41% 54%,37% 30%,14% 23%);filter:drop-shadow(0 24px 20px #000b)}
.forge-hammer{position:absolute;z-index:4;top:24%;left:var(--forge-step);width:128px;height:150px;transform:translateX(-50%) rotate(-13deg);transform-origin:60% 85%;transition:left .42s cubic-bezier(.2,.8,.2,1)}
.forge-hammer i{position:absolute;left:60px;top:31px;width:14px;height:119px;border-radius:8px;background:linear-gradient(90deg,#4d2c16,#b57a3c 48%,#4d2c16);box-shadow:0 8px 16px #0008}
.forge-hammer b{position:absolute;left:13px;top:7px;width:111px;height:42px;border-radius:9px 4px 4px 9px;background:linear-gradient(180deg,#555d58,#151a17 65%,#080a09);box-shadow:inset 0 2px #c7c9c044,0 10px 20px #000a}
.forge-halo{position:absolute;z-index:2;top:45%;left:var(--forge-step);width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,#fff2a655,#ffad0026 34%,transparent 72%);transform:translate(-50%,-50%);transition:left .42s cubic-bezier(.2,.8,.2,1)}
.forge-strike .forge-hammer{animation:forge-hit .38s cubic-bezier(.2,.8,.2,1)}
.forge-strike .forge-halo{animation:forge-flash .42s ease-out}
.forge-embers{position:absolute;z-index:4;inset:34% 6% 28%;pointer-events:none}
.forge-embers i{position:absolute;left:calc((var(--i) * 8.3%) + 2%);bottom:4%;width:3px;height:9px;border-radius:50%;background:#ffd455;box-shadow:0 0 9px #ff9d00;opacity:.18;animation:forge-ember calc(2.8s + var(--i) * .11s) calc(var(--i) * -.24s) ease-in infinite}
.forge-caption{position:absolute;z-index:5;right:22px;bottom:20px;display:grid;gap:3px;max-width:280px;padding:10px 13px;border:1px solid #ffc9004d;border-radius:14px;background:#090b09d9;backdrop-filter:blur(8px)}
.forge-caption small{color:#d4b735}.forge-caption strong{color:#fff;font-size:.92rem;line-height:1.6}
.forge-complete .forge-workpiece::before{background:linear-gradient(180deg,#ffd75f,#d58b0a 48%,#6b3108);box-shadow:inset 0 0 10px #fff4a8a3,0 0 34px #ffc4008a,0 18px 36px #000c}
@keyframes forge-hit{0%,100%{transform:translateX(-50%) rotate(-13deg)}48%{transform:translateX(-50%) translateY(25px) rotate(3deg)}}
@keyframes forge-flash{40%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}}
@keyframes forge-ember{0%,100%{opacity:0;transform:translate(0,8px) rotate(10deg)}18%{opacity:.8}74%{opacity:.1;transform:translate(calc((var(--i) - 6) * 3px),-86px) rotate(60deg)}}

.income-diagnostic-page[data-screen="10"] .trial-scroll{display:flex;align-items:center}.income-diagnostic-page[data-screen="10"] .trial-body{width:min(100%,650px)}
.income-diagnostic-page[data-screen="11"] .trial-scroll{display:block}.income-diagnostic-page[data-screen="11"] .trial-body{max-width:720px;padding-top:34px}
.income-income-card .trial-card-heading{font-size:clamp(1.75rem,6vw,2.65rem)}
.income-income-card .trial-result-areas{display:inline-flex;padding:6px 10px;border:1px solid #d4cab5;border-radius:999px}
.income-product-recommendation{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:18px;align-items:center;margin-top:18px;padding:17px;border:1px solid #a88605;border-radius:20px;background:linear-gradient(140deg,#181b17,#0b0d0b);box-shadow:0 18px 42px #0007}
.income-product-recommendation img{display:block;width:100%;height:auto;max-height:155px;object-fit:contain;border-radius:13px;background:#f4f0e6}
.income-product-recommendation span{color:#e9c43e;font-size:.8rem}.income-product-recommendation h3{margin:5px 0 7px;color:#fff;font-size:1.5rem}.income-product-recommendation p{margin:0!important;color:#e3e5e1!important;font-size:.9rem!important;line-height:1.8!important}
.income-diagnostic-page .income-product-link{display:flex;align-items:center;justify-content:center;flex:0 1 250px;min-height:50px;border:1px solid #5f655f;border-radius:14px;color:#fff;text-decoration:none}
.income-diagnostic-page .trial-footer .income-save{flex:0 1 230px;animation:save-glow 2.5s ease-in-out infinite}.income-diagnostic-page.income-card-saved .trial-whatsapp{animation:whatsapp-ready 1.9s ease-in-out 3}

@media(max-width:849px){
  .income-diagnostic-brand img{width:92px}.income-diagnostic-page[data-screen="0"] .trial-body h2{font-size:clamp(2rem,10vw,2.85rem)}
  .forge-caption{right:10px;bottom:8px;padding:6px 9px;max-width:230px}.forge-caption strong{font-size:.7rem}.forge-caption small{font-size:.62rem}
  .forge-workpiece{left:5%;right:5%;top:46%;gap:3px}.forge-workpiece span{gap:8px;font-size:.68rem}.forge-workpiece span i{width:15px;height:15px}.forge-workpiece::before{top:9px;height:19px}.forge-anvil{top:calc(46% + 20px);height:72px}
  .forge-hammer{top:8%;width:92px;height:110px}.forge-hammer i{left:45px;top:28px;width:10px;height:78px}.forge-hammer b{left:8px;width:82px;height:31px}.forge-halo{top:39%;width:72px;height:72px}
  .income-diagnostic-page[data-screen="11"] .trial-map{flex-basis:62px}.income-diagnostic-page[data-screen="11"] .trial-body{padding:22px 13px 14px}.income-product-recommendation{grid-template-columns:1fr;padding:13px}.income-product-recommendation img{order:-1;max-height:140px}
  .income-diagnostic-page .trial-footer>*{width:100%;flex-basis:100%;max-width:100%}.income-diagnostic-page .trial-whatsapp{order:1}.income-diagnostic-page .income-save{order:2}.income-diagnostic-page .income-product-link{order:3}
}
@media(max-height:690px) and (max-width:849px){.income-diagnostic-page .trial-map{flex-basis:118px}.forge-caption{display:none}.income-diagnostic-page .trial-body{padding-block:13px}.income-diagnostic-page .trial-option{min-height:45px;padding-block:7px}}
@media(prefers-reduced-motion:reduce){.income-diagnostic-page .income-save,.income-diagnostic-page.income-card-saved .trial-whatsapp,.forge-embers i,.forge-hammer,.forge-halo{animation:none!important;transition:none!important}}
