/* Final warm identity layer. All content is visible immediately; motion never gates reading. */
.character-panel{grid-template-columns:.85fr 1.15fr}.character-panel .landmark-origin{display:none}.character-index{font-family:RahhalArabic,RahhalRounded;font-size:17px;letter-spacing:0;color:#a6643f}.character-info h3{font-size:48px;margin-top:10px}.character-info p{color:#896650}.character-name-note{font-size:12px}.traveler{position:absolute;left:0;top:0;z-index:9;pointer-events:none;width:98px;height:138px;will-change:transform;transform-origin:50% 100%}.traveler>img{position:absolute;bottom:0;left:-50%;width:100%;height:100%;object-fit:contain;transform-origin:50% 100%;filter:drop-shadow(0 5px 3px #6c402b25);will-change:transform}.travel-shadow{position:absolute;left:-23px;top:-3px;width:46px;height:12px;z-index:8;background:#533b3270;filter:blur(3px);border-radius:50%;pointer-events:none;will-change:transform}.travel-dust{position:absolute;bottom:-4px;left:-45%;width:14px;height:7px;border-radius:50%;background:#efd4a1;opacity:0;box-shadow:-17px -3px 0 -1px #fbf5e9,13px 1px 0 -2px #d6ad5f}.walking .travel-dust{animation:travelDust .48s linear infinite}.world-route .travel-trace{stroke:#d46c45;stroke-width:7;opacity:.8;animation:none!important;filter:drop-shadow(0 1px 4px #fff8e5);stroke-linecap:round}.travel-toggle{position:absolute;bottom:-5px;right:15px;z-index:12;border:1px solid #d9b58a;border-radius:25px;background:#fff7e9ed;color:#7e452e;padding:7px 13px;font:600 10px RahhalArabic,RahhalRounded;cursor:pointer}.travel-location{position:absolute;bottom:-3px;left:22px;font-size:11px;color:#623a29;background:#fff7e9e6;border-radius:18px;padding:7px 15px;z-index:12;pointer-events:none}.world-stop.selected .world-country{box-shadow:0 0 0 4px #efd4a170,0 7px 20px #432d2820}.world-stop{z-index:6}.journey-world{isolation:isolate}.character-name-note:empty{display:none}
@keyframes travelDust{0%{opacity:0;translate:0 0;scale:.5}30%{opacity:.7}100%{opacity:0;translate:-20px 3px;scale:1.5}}
@media(max-width:900px){.traveler{width:65px;height:91px}.travel-location{bottom:-40px;left:12px;font-size:9px}.travel-toggle{bottom:-40px;right:10px;font-size:9px}.travel-shadow{left:-17px;width:34px;height:8px}.character-panel{grid-template-columns:1fr}.character-info h3{font-size:36px}}
@media(prefers-reduced-motion:reduce){.travel-dust{animation:none!important}}
.reveal{opacity:1!important;transform:none!important}.section p,.section-head p{color:#74594d}.section .kicker{color:#a4633e}.section-head h2{line-height:1.3}.section-head h2 em{color:#b75b36}.rahhal-method{background:#fbf5e9}.rahhal-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.rahhal-step{display:flex;flex-direction:column;padding:24px;border:1px solid #e8d4b9;border-radius:26px;background:#fffaf2;text-decoration:none;color:#432d28;box-shadow:0 12px 35px #432d2806;transition:transform .25s,box-shadow .25s}.rahhal-step:hover{transform:translateY(-6px);box-shadow:0 18px 38px #432d2810}.step-index{font:800 10px RahhalRounded;letter-spacing:1.4px;color:#a66b40;text-align:right}.rahhal-step>img{width:100%;height:210px;object-fit:contain;margin:12px 0}.rahhal-step h3{font-size:25px;margin:0 0 4px}.rahhal-step>b{font-size:13px;color:#ab603a}.rahhal-step p{font-size:13px;line-height:1.9;margin:10px 0 18px}.step-link{margin-top:auto;font-size:12px;color:#ad5c36}.rahhal-library{background:#432d28!important;color:#fbf5e9;position:relative}.rahhal-library .section-head h2{color:#fbf5e9}.rahhal-library .section-head h2 em{color:#efd4a1}.rahhal-library .section-head p,.rahhal-library .library-card p{color:#ead8c7}.rahhal-library .kicker{color:#efd4a1}.rahhal-library .library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rahhal-library .library-card{background:#fbf5e908;border:1px solid #efd4a12c;border-radius:22px;padding:25px;min-height:250px;box-shadow:none;transition:background .2s,transform .2s}.rahhal-library .library-card:hover{background:#fbf5e911;transform:translateY(-4px)}.rahhal-library .library-card img{display:block;width:108px;height:102px;object-fit:contain;margin-bottom:18px}.rahhal-library .library-card h3{color:#fff6e8;font-size:20px;margin:0 0 8px}.rahhal-library .library-card p{font-size:12px;line-height:1.8;margin:0}.reference-why{display:grid!important;grid-template-columns:.8fr 1.7fr!important;align-items:center;gap:40px;padding-block:48px;margin:0 auto!important}.reference-why .why-intro{display:block;grid-column:auto}.reference-why .kicker{font-size:11px;color:#a66b40}.reference-why .why-intro h2{font-size:40px;line-height:1.2;margin:14px 0}.reference-why .why-intro>span[lang=en]{display:block;direction:ltr;text-align:right;font:600 12px RahhalRounded;color:#8b6b57;line-height:1.7;max-width:240px}.why-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.reference-why article{display:block;padding:24px;border-radius:22px;background:#fffaf2;min-height:200px}.reference-why img{width:75px;height:70px;object-fit:contain;margin-bottom:14px}.reference-why article b{font-size:17px;color:#673b29;line-height:1.5}.reference-why article p{font-size:12px;color:#8b6b57;line-height:1.8;margin:8px 0 0}.rahhal-experience{background:linear-gradient(#fbf5e9,#f6e8d0)}.stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0 16px}.stage-tabs button{font:600 20px RahhalArabic,RahhalRounded;background:#fffaf2;color:#795340;border:1px solid #e2c9a9;border-radius:17px;padding:16px;cursor:pointer;display:flex;align-items:center;gap:15px}.stage-tabs small{font:800 11px RahhalRounded;color:inherit;opacity:.7}.stage-tabs button[aria-selected=true]{background:#a85332;color:#fff9eb;border-color:#a85332}.stage-panel{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:#fffaf2;border:1px solid #e6d0b0;border-radius:28px;overflow:hidden}.stage-panel[hidden]{display:none}.stage-copy{padding:45px;align-self:center}.stage-copy h3{font-size:38px;margin:8px 0 12px;color:#432d28}.stage-copy>p{font-size:15px;line-height:1.9;max-width:460px}.stage-art{display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse,#efd4a180,transparent 70%);padding:20px;min-height:390px}.stage-art>img{width:90%;height:350px;object-fit:contain;animation:rahhalBreathe 6s ease-in-out infinite}.stage-badge{position:absolute;bottom:30px;right:25px;border:1px solid #e9d3ae;border-radius:30px;background:#fffaf2;padding:9px 18px;font-size:13px;transform:rotate(-3deg)}.word-preview{display:flex;align-items:center;gap:20px;background:#f6ead6;border-radius:18px;padding:10px 20px;margin:22px 0}.word-preview>img{object-fit:contain}.word-preview b{display:block;font:850 34px RahhalRounded;color:#8b482e}.word-preview span{display:block;font-size:12px;margin-top:5px}.sample-conversation{display:grid;gap:12px;margin:24px 0}.sample-conversation>span,.sample-conversation>b{padding:14px 18px;border-radius:16px;font:700 20px RahhalRounded;background:#f3e6d2;color:#6e452e}.sample-conversation>b{background:#efd4a1;margin-inline-start:25px}.sample-conversation>small{font-size:12px;color:#896753}.demo-note{display:block;font-size:10px;color:#9b8068;line-height:1.7;margin-top:20px}.quick-challenge{border:1px dashed #d6ad5f;padding:20px;border-radius:17px;margin-top:20px}.quick-challenge>p{font:800 22px RahhalRounded;color:#7b432d}.quick-challenge button{font:700 17px RahhalRounded;background:#f7e8ce;border:1px solid #d8b78e;border-radius:12px;padding:9px 25px;margin-inline-end:8px;cursor:pointer;color:#643b2b}.quick-challenge button.correct{background:#efd4a1;outline:2px solid #ac693d}.quick-challenge>span{display:block;font-size:12px;margin-top:14px;color:#946443;min-height:25px}.achievement-note{display:flex;align-items:center;gap:20px;padding:20px 30px;margin-top:18px;border:1px solid #e5ceaa;border-radius:22px;background:#fffaf2}.achievement-note>img{height:125px;width:110px;object-fit:contain;flex-shrink:0}.achievement-note b{font-size:22px;color:#713e2b}.achievement-note p{font-size:13px;margin:6px 0;line-height:1.9}.stories{background:#f5e6cf!important}.story-main,.story-side{background:#fffaf2!important;border:1px solid #e6cfad!important;border-radius:26px!important;color:#432d28!important}.stories h3,.stories .ghost-link{color:#75432e!important}.stories .kicker{color:#ad6339!important}.stories p{color:#80604c!important}.free-start,.faq-section{background:#fbf5e9!important}.free-card{background:#fffaf2!important;border-color:#e8d3b5!important;box-shadow:none!important}.free-card h3,.faq-q{color:#673b2b!important}.faq-item{border-color:#e4cfad!important}.faq-a p{color:#80604c!important}.promise{background:#432d28!important}.promise .kicker{color:#efd4a1!important}.promise p{color:#ead5bc!important}.promise h2 em{color:#efd4a1!important}.promise .button{background:#d46c45!important;color:#fff9f0!important;box-shadow:0 4px 0 #8a422a!important}.footer{background:#fbf5e9!important;color:#795846!important;border-top:1px solid #e7d4b6}.footer .brand,.footer .footer-note{color:#795846!important}.footer .brand-mark{display:none}.footer .brand-text{color:#643825}.welcome-voice[hidden]{display:none}.welcome-voice{position:fixed;bottom:22px;left:22px;z-index:1100;width:min(430px,calc(100% - 30px));display:flex;align-items:center;gap:16px;background:#fffaf2;border:1px solid #dfbc8e;border-radius:24px;padding:25px 22px 22px 18px;box-shadow:0 16px 60px #432d2830;direction:rtl;color:#432d28}.welcome-voice>img{width:90px;height:135px;object-fit:contain;flex-shrink:0}.welcome-voice .kicker{color:#ab633c;font-size:10px}.welcome-voice b{font-size:19px;display:block;line-height:1.5}.welcome-voice p{font-size:11px;color:#85654e;margin:8px 0 13px;line-height:1.6}.welcome-voice button{font:600 12px RahhalArabic,RahhalRounded;cursor:pointer}.welcome-voice #voicePlay{background:#a85332;border:0;border-radius:12px;padding:8px 13px;color:#fff8eb}.welcome-voice #voiceLater{background:none;border:0;color:#8c6347;padding:8px}.welcome-voice .voice-close{position:absolute;top:5px;left:10px;background:none;border:0;font-size:24px;color:#85654e;line-height:1;padding:6px}.welcome-voice audio{display:none}button:focus-visible,a:focus-visible{outline:3px solid #d6ad5f;outline-offset:4px}
/* Slow transform-only character movement; no scroll locks or delayed loading. */
@keyframes rahhalBreathe{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-7px) rotate(.6deg)}}
@media(max-width:1050px){.rahhal-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rahhal-library .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-why{grid-template-columns:1fr!important;gap:20px}.reference-why .why-intro{display:block}.reference-why .why-intro>span[lang=en]{max-width:none}.stage-copy{padding:30px}.stage-copy h3{font-size:30px}}
@media(max-width:600px){.section{padding-block:55px}.section-head h2{font-size:32px}.section-head p{font-size:13px}.rahhal-step-grid{gap:12px}.rahhal-step{padding:17px 14px;border-radius:20px}.rahhal-step>img{height:150px}.rahhal-step h3{font-size:20px;line-height:1.4}.rahhal-step>b{font-size:11px}.rahhal-step p{font-size:11px;line-height:1.8}.step-index{font-size:8px;letter-spacing:.5px}.rahhal-library .library-grid{gap:12px}.rahhal-library .library-card{padding:19px 15px;min-height:240px}.rahhal-library .library-card img{width:90px;height:90px}.rahhal-library .library-card h3{font-size:18px}.rahhal-library .library-card p{font-size:11px}.why-benefits{grid-template-columns:1fr}.reference-why article{display:flex;min-height:110px;padding:20px;gap:17px}.reference-why img{margin:0;flex-shrink:0}.reference-why .why-intro h2{font-size:34px}.stage-tabs{gap:7px}.stage-tabs button{font-size:14px;padding:12px 9px;gap:7px;justify-content:center;flex-direction:column}.stage-panel{grid-template-columns:1fr;border-radius:23px}.stage-copy{padding:25px}.stage-copy>p{font-size:13px}.stage-art{min-height:270px;grid-row:1;padding:10px}.stage-art>img{height:250px}.stage-badge{bottom:14px;right:15px;font-size:11px;padding:7px 12px}.achievement-note{padding:16px;gap:12px}.achievement-note>img{width:75px;height:110px}.achievement-note b{font-size:18px;line-height:1.5}.achievement-note p{font-size:11px}.welcome-voice{left:15px;bottom:15px;padding:24px 15px 16px;gap:10px}.welcome-voice>img{width:65px;height:115px}.welcome-voice b{font-size:17px}.welcome-voice #voiceLater{padding:8px 4px}.stage-copy .sample-conversation>b,.stage-copy .sample-conversation>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.stage-art>img{animation:none}.rahhal-step,.library-card{transition:none}.rahhal-step:hover,.rahhal-library .library-card:hover{transform:none}}
.traveler{top:-138px}@media(max-width:900px){.traveler{top:-91px}}
.travel-sprite{display:none;position:absolute;bottom:0;left:-69px;width:138px;height:138px;background:url("assets/rahhal-walk.webp") 0 0/300% 200% no-repeat;transform:scaleX(var(--face,1));filter:drop-shadow(0 4px 3px #432d2820)}.walking .travel-sprite{display:block;animation:rahhalWalkCycle .72s steps(1,end) infinite}.walking>img{visibility:hidden}@keyframes rahhalWalkCycle{0%,100%{background-position:0 0}16.67%{background-position:50% 0}33.34%{background-position:100% 0}50%{background-position:0 100%}66.67%{background-position:50% 100%}83.34%{background-position:100% 100%}}@media(max-width:900px){.travel-sprite{width:91px;height:91px;left:-45.5px}}@media(prefers-reduced-motion:reduce){.travel-sprite{display:none!important}.walking>img{visibility:visible}}
.traveler,.travel-shadow{visibility:hidden;opacity:0}.travel-ready .traveler,.travel-ready .travel-shadow{visibility:visible;opacity:1;transition:opacity .2s ease}.journey-world{contain:layout style}.travel-location{min-width:95px;text-align:center}

/* One gait phase for each change of supporting foot; speed follows ground distance. */
.travel-sprite{display:block;background-size:100% 100%;background-position:center;opacity:0;transition:opacity .14s linear}.walking .travel-sprite{animation:none;opacity:1}.traveler>img{visibility:visible;opacity:1;transition:opacity .14s linear}.walking>img{visibility:visible;opacity:0}@media(prefers-reduced-motion:reduce){.walking>img{opacity:1}.travel-ready .traveler,.travel-ready .travel-shadow{transition:none}}
/* A real, keyboard-accessible character button; keeps the established artwork layout. */
.character-invitation{text-align:center;font-size:17px;font-weight:650;color:#8c472d;margin:-8px 0 25px;line-height:1.8}
.character-art{grid-template-rows:minmax(0,1fr) auto;gap:14px}
.character-speak{display:block;border:0;background:transparent;box-shadow:none;padding:0;margin:0;width:100%;height:100%;min-height:0;cursor:pointer;border-radius:24px;color:inherit}
.character-speak img{display:block;width:100%;height:100%;object-fit:contain;animation:characterFloat 7s ease-in-out infinite;filter:drop-shadow(0 18px 14px #432d2818);transition:filter .2s}
.character-speak:hover img{filter:drop-shadow(0 20px 18px #9c643329)}
.character-speak:focus-visible,.character-replay:focus-visible{outline:3px solid #a75534;outline-offset:5px}
.character-replay{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 19px;min-height:44px;border:1px solid #e3c69d;border-radius:999px;background:#fff7e8;color:#81472e;font:650 13px RahhalArabic,RahhalRounded,sans-serif;cursor:pointer;box-shadow:0 3px 0 #e6d2ae;transition:background .2s,box-shadow .2s}
.character-replay[aria-pressed=true]{background:#efd4a1;border-color:#bc8355;box-shadow:0 3px 0 #cdab7d}
.character-speak:disabled{cursor:default}.character-replay:disabled{cursor:default;box-shadow:none;color:#95765b;background:#f7eddf;border-color:#eadac4}
.motion-paused .character-speak img{animation:none!important}
@media(max-width:680px){.character-invitation{font-size:15px;margin:0 0 21px}.character-art{gap:10px}.character-replay{font-size:12px;padding:10px 16px}}
@media(prefers-reduced-motion:reduce){.character-speak img{animation:none;transition:none}}
