:root{--ink:#17342d;--forest:#214f43;--sage:#8fae9d;--cream:#f7f2e8;--sand:#e7d9bf;--gold:#b99556;--white:#fff;--muted:#65736e;--line:rgba(23,52,45,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(22px,5vw,72px);background:rgba(247,242,232,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.08em}.brand span{color:var(--gold)}nav{display:flex;gap:26px;font-size:.92rem}nav a:hover{color:var(--gold)}#menu{display:none;border:0;background:none;font-size:1.5rem;color:var(--ink)}main section{padding:88px clamp(22px,7vw,110px)}.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.16em;color:var(--gold);margin:0 0 14px}.hero{min-height:78vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;overflow:hidden}.hero h1,.journey h2,.cards h2,.check h2,.video h2,.sources h2{font-family:'Playfair Display',serif;line-height:1.02;margin:0}.hero h1{font-size:clamp(3.5rem,7vw,7rem);letter-spacing:-.04em}.hero h1 em{color:var(--gold);font-weight:600}.lead{max-width:680px;font-size:1.08rem;color:var(--muted);margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{display:inline-block;padding:13px 18px;border-radius:999px;font-weight:700}.primary{background:var(--forest);color:white}.secondary{border:1px solid var(--forest)}.trust{font-size:.82rem;margin-top:24px;color:var(--muted)}.hero-art{position:relative;min-height:520px;border-radius:240px 240px 28px 28px;background:linear-gradient(#b9d4c6,#f0e4cf);overflow:hidden;box-shadow:0 30px 70px rgba(33,79,67,.12)}.hero-art .moon{position:absolute;width:86px;height:86px;border-radius:50%;background:#f7e9bd;top:75px;right:85px;box-shadow:0 0 40px rgba(247,233,189,.7)}.kaaba{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);width:160px;height:170px;background:#171b1a;box-shadow:0 18px 35px rgba(0,0,0,.22)}.kaaba:before{content:'';position:absolute;left:0;right:0;top:42px;height:18px;background:var(--gold)}.kaaba i{position:absolute;left:64px;bottom:0;width:32px;height:72px;background:#272b29}.arch{position:absolute;bottom:48px;width:125px;height:235px;border:10px solid rgba(255,255,255,.55);border-bottom:0;border-radius:70px 70px 0 0}.a1{left:-25px}.a2{right:-25px}.a3{left:50%;transform:translateX(-50%);width:280px;height:340px;border-color:rgba(255,255,255,.24)}.hero-art>p{position:absolute;bottom:18px;width:100%;text-align:center;color:white;font-size:1.05rem}.journey{background:var(--forest);color:white}.journey h2,.cards h2,.check h2,.video h2,.sources h2{font-size:clamp(2.3rem,4.2vw,4.5rem)}.sub{color:#d3e0d9;max-width:700px}.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:44px}.steps article{min-height:210px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.05)}.steps b{font-size:.7rem;color:#d9c38f}.steps span{display:block;font-size:1.6rem;margin:25px 0 14px}.steps h3{margin:0 0 6px}.steps p{font-size:.82rem;color:#d3e0d9}.cards{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid article{background:white;border-radius:24px;padding:32px;min-height:270px;box-shadow:0 15px 40px rgba(33,79,67,.06)}.grid .featured{grid-row:span 2;background:#dce8df}.grid small{font-weight:800;color:var(--gold)}.grid h3{font-family:'Playfair Display',serif;font-size:2rem;line-height:1.08}.grid p{color:var(--muted)}.grid a{font-weight:800;color:var(--forest)}.check{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#efe5d3}.progress{height:10px;background:rgba(23,52,45,.12);border-radius:20px;margin:28px 0 8px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--forest);transition:.25s}.todo{display:flex;flex-direction:column;gap:12px}.todo label{background:white;padding:18px 20px;border-radius:14px;box-shadow:0 8px 25px rgba(33,79,67,.05);cursor:pointer}.todo input{width:18px;height:18px;margin-right:12px;accent-color:var(--forest)}.video{text-align:center}.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.reels article{aspect-ratio:9/13;border-radius:24px;background:linear-gradient(145deg,#2a5a4d,#8fae9d);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;padding:25px}.reels span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.18);font-size:1.5rem}.reels p{font-weight:700}.sources{text-align:center;background:white}.sources>p:not(.eyebrow){max-width:720px;margin:24px auto;color:var(--muted)}.sources div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.sources span{padding:10px 15px;border:1px solid var(--line);border-radius:999px;font-weight:700}footer{padding:40px clamp(22px,7vw,110px);background:#122b25;color:white;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}footer p,footer small{color:#b9cbc3}footer p{margin:0;text-align:center}
@media(max-width:980px){nav{display:none;position:absolute;top:70px;left:18px;right:18px;flex-direction:column;background:var(--cream);padding:22px;border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.12)}nav.open{display:flex}#menu{display:block}.hero{grid-template-columns:1fr}.hero-art{min-height:420px}.steps{grid-template-columns:repeat(2,1fr)}.cards,.check{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.grid .featured{grid-row:auto}.reels{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){main section{padding:64px 20px}.hero{padding-top:45px}.hero h1{font-size:3.5rem}.hero-art{min-height:390px;border-radius:180px 180px 22px 22px}.steps{grid-template-columns:1fr 1fr}.steps article{min-height:175px}.reels{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.reels article{aspect-ratio:9/11}footer{grid-template-columns:1fr;text-align:center}footer p{text-align:center}.actions a{width:100%;text-align:center}}


.guide{background:#fbf8f1}.guide-head{max-width:760px;margin-bottom:30px}.guide h2{font-family:'Playfair Display',serif;font-size:clamp(2.3rem,4.2vw,4.5rem);line-height:1.02;margin:0}.sub-dark{color:var(--muted);max-width:650px}.route-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:22px;background:white;margin:28px 0}.route-card small,.ready-card small,.quick-grid small{font-weight:800;letter-spacing:.08em;color:var(--gold)}.route-card h3{margin:5px 0}.route-card p{margin:4px 0;color:var(--muted)}.route-options{display:flex;gap:10px;flex-wrap:wrap}.route-options button,.buttonish{font:inherit;cursor:pointer}.route-options button{border:1px solid var(--line);background:var(--cream);color:var(--ink);padding:12px 15px;border-radius:999px;font-weight:700}.route-options button.selected{background:var(--forest);color:white;border-color:var(--forest)}.readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ready-card{border:1px solid var(--line);background:white;text-align:left;color:var(--ink);border-radius:18px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;cursor:pointer}.ready-card>span{font-size:1.45rem}.ready-card h3{font-size:1rem;margin:3px 0}.ready-card p{font-size:.82rem;color:var(--muted);margin:0}.ready-card b{font-size:1.2rem}.ready-card.active{border-color:var(--forest);box-shadow:0 10px 30px rgba(33,79,67,.09)}.ready-card.done:after{content:'✓ Disemak';grid-column:2;font-size:.72rem;font-weight:800;color:var(--forest)}.focus-panel{margin-top:18px;background:var(--forest);color:white;border-radius:26px;padding:clamp(24px,4vw,44px)}.where{font-size:.72rem;letter-spacing:.1em;color:#d9c38f;font-weight:800}.focus-panel h3{font-family:'Playfair Display',serif;font-size:2.3rem;margin:10px 0 4px}.focus-lead{color:#d3e0d9;max-width:720px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.quick-grid>div{padding:18px;border-radius:16px;background:rgba(255,255,255,.07)}.quick-grid p{margin:7px 0 0}.calm-note{padding:14px 16px;background:rgba(255,255,255,.1);border-radius:14px}.focus-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.focus-panel .primary{border:0}.focus-panel .secondary{background:transparent;color:white;border-color:rgba(255,255,255,.45)}.detail-box{margin-top:18px;padding:20px;border-radius:16px;background:#fff;color:var(--ink)}.detail-box h4{margin:0 0 8px}.detail-box p{margin:6px 0}.source-note{font-size:.84rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px!important;margin-top:14px!important}
@media(max-width:980px){.readiness{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.route-card{align-items:flex-start;flex-direction:column}.route-options,.route-options button{width:100%}.readiness{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.focus-actions button{width:100%}.focus-panel{border-radius:20px}.focus-panel h3{font-size:2rem}}

.wizard{max-width:760px;margin:0 auto}.wizard-progress{display:flex;align-items:center;gap:16px;margin-bottom:38px;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--muted)}.wizard-progress i{height:5px;background:var(--line);border-radius:10px;flex:1;overflow:hidden}.wizard-progress b{display:block;height:100%;width:33%;background:var(--gold);transition:.3s}.wizard-screen>h2{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,4.7rem);line-height:1.02;margin:0}.wizard-lead{font-size:1.05rem;color:var(--muted);max-width:600px;margin:18px 0 30px}.question-card,.next-card{background:white;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,36px);box-shadow:0 18px 45px rgba(33,79,67,.06)}.question-card>small,.next-card>small,.now-card small{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--gold)}.question-card h3,.next-card h3{font-family:'Playfair Display',serif;font-size:1.8rem;margin:6px 0}.question-card>p,.next-card>p{color:var(--muted);margin-top:5px}.choice{width:100%;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:14px;text-align:left;align-items:center;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--cream);color:var(--ink);font:inherit;cursor:pointer}.choice:hover,.choice:focus{border-color:var(--forest)}.choice span{grid-row:1/3;font-size:1.7rem}.choice b{font-size:1rem}.choice em{font-style:normal;font-size:.8rem;color:var(--muted)}.choice strong{grid-column:3;grid-row:1/3}.text-button,.back-link{border:0;background:none;color:var(--muted);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.text-button{display:block;margin:20px auto 0}.back-link{margin-bottom:25px;padding:0}.big-icon{display:block;font-size:2.4rem;margin-bottom:15px}.next-card .primary{margin-top:12px;border:0}.stage-pill{display:inline-block;padding:7px 11px;border-radius:999px;background:#e7efe9;color:var(--forest);font-size:.7rem;font-weight:800;letter-spacing:.06em;margin-bottom:18px}.sequence{display:flex;align-items:center;justify-content:space-between;gap:8px;background:white;padding:22px;border-radius:18px;border:1px solid var(--line);font-weight:800;margin:26px 0}.sequence b{color:var(--gold)}.now-card{background:#e4eee8;border-radius:18px;padding:20px;margin-bottom:12px}.now-card p{margin:6px 0}.wizard-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.wizard-actions .primary{border:0}.success-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--forest);color:white;font-size:1.5rem;margin-bottom:22px}.next-card.compact{margin-top:28px}.all-prep{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.all-prep span{padding:12px;background:white;border:1px solid var(--line);border-radius:12px;font-size:.86rem}
@media(max-width:650px){.wizard-progress{margin-bottom:28px}.question-card,.next-card{border-radius:20px}.sequence{align-items:stretch;flex-direction:column}.sequence b{transform:rotate(90deg);align-self:center}.wizard-actions button{width:100%}.all-prep{grid-template-columns:1fr}}

/* Guided-mode visual isolation */
.guide{min-height:calc(100svh - 69px);display:flex;align-items:center;padding-top:48px!important;padding-bottom:48px!important;transition:background .35s ease,color .35s ease;overflow:hidden}.guide.scene-route{background:#f8f3e9}.guide.scene-start{background:#dfe8e9}.guide.scene-guide{background:#e8d3bf}.guide.scene-next{background:#214f43;color:#fff}.guide.scene-next .wizard-lead,.guide.scene-next .wizard-progress{color:#d3e0d9}.guide.scene-next .text-button{color:#d3e0d9}.wizard{width:min(760px,100%)}.wizard-screen{animation:sceneIn .32s ease both}.wizard-screen[hidden]{display:none!important}@keyframes sceneIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.question-card{max-width:650px}.choice{display:grid!important;min-height:72px;border-radius:18px!important;background:#fff!important;padding:15px 18px!important;margin-top:12px!important}.choice:hover,.choice:focus{transform:translateY(-1px);box-shadow:0 10px 28px rgba(33,79,67,.08)}.landing-rest[hidden]{display:none!important}.landing-rest:not([hidden]){display:block}.guide.scene-next .all-prep span{color:var(--ink)}
@media(min-width:651px) and (max-width:1100px){.guide{min-height:calc(100svh - 69px);padding-left:7vw!important;padding-right:7vw!important}.wizard{max-width:720px}.question-card{max-width:620px}.choice{width:100%!important}}
@media(max-width:650px){.guide{min-height:calc(100svh - 65px);align-items:flex-start;padding-top:30px!important;padding-bottom:36px!important}.choice{min-height:76px}}
@media(prefers-reduced-motion:reduce){.wizard-screen{animation:none}.guide{transition:none}}

/* Destination-first visual choices */
.guide.scene-route{background:linear-gradient(135deg,#fffaf0 0%,#f1e3c8 100%)}.guide.scene-start{background:linear-gradient(135deg,#d9e8eb 0%,#bfcfd2 100%)}.guide.scene-guide{background:linear-gradient(135deg,#ead0b8 0%,#d9aa8d 100%)}.guide.scene-next{background:linear-gradient(135deg,#214f43 0%,#14372f 100%)}.route-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.route-tile{position:relative;overflow:hidden;border:1px solid rgba(23,52,45,.12);border-radius:22px;background:#fff;color:var(--ink);padding:0;text-align:left;font:inherit;cursor:pointer;box-shadow:0 12px 30px rgba(33,79,67,.08);transition:transform .2s ease,box-shadow .2s ease}.route-tile:hover,.route-tile:focus{transform:translateY(-3px);box-shadow:0 18px 38px rgba(33,79,67,.14);outline:none}.route-image{height:150px;display:grid;place-items:center;position:relative;overflow:hidden}.route-image:before,.route-image:after{content:'';position:absolute}.route-image i{font-style:normal;font-size:3.3rem;position:relative;z-index:2;filter:drop-shadow(0 5px 10px rgba(0,0,0,.18))}.makkah-tile .route-image{background:linear-gradient(155deg,#c8d7d2 0%,#e9c991 58%,#8b7152 100%)}.makkah-tile .route-image:before{width:92px;height:78px;background:#171b1a;bottom:-7px;left:50%;transform:translateX(-50%);box-shadow:0 -15px 0 -9px #b99556}.makkah-tile .route-image i{font-size:0}.madinah-tile .route-image{background:linear-gradient(160deg,#aacbd1 0%,#e8d7b0 70%)}.madinah-tile .route-image:before{width:105px;height:62px;border-radius:55px 55px 0 0;background:#4f7c66;bottom:0;left:50%;transform:translateX(-50%)}.madinah-tile .route-image:after{width:8px;height:100px;background:#eee3c7;bottom:0;right:28%;box-shadow:-110px 20px 0 #eee3c7}.unsure-tile .route-image{background:linear-gradient(145deg,#d9c9b0,#f5ead7)}.unsure-tile .route-image:before{width:150px;height:95px;border:2px solid rgba(33,79,67,.22);transform:rotate(-8deg);background:linear-gradient(35deg,transparent 48%,rgba(33,79,67,.18) 49%,rgba(33,79,67,.18) 51%,transparent 52%),linear-gradient(145deg,transparent 48%,rgba(185,149,86,.35) 49%,rgba(185,149,86,.35) 51%,transparent 52%)}.unsure-tile .route-image i{font-size:3rem;color:var(--forest)}.route-copy{display:block;padding:17px 18px 20px}.route-copy b{display:block;font-family:'Playfair Display',serif;font-size:1.25rem}.route-copy em{display:block;font-style:normal;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--gold);text-transform:uppercase;margin:3px 0 8px}.route-copy small{display:block;color:var(--muted);line-height:1.4}.route-tile>strong{position:absolute;right:14px;top:132px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff;border:3px solid #fff}.question-card{max-width:none}.question-card>p{max-width:620px}
@media(max-width:800px){.route-gallery{grid-template-columns:1fr}.route-tile{display:grid;grid-template-columns:155px 1fr;min-height:145px}.route-image{height:100%;min-height:145px}.route-copy{padding:18px}.route-tile>strong{top:auto;bottom:14px}.makkah-tile .route-image:before{width:76px}.madinah-tile .route-image:after{right:20%}}
@media(max-width:520px){.route-tile{grid-template-columns:115px 1fr}.route-image{min-height:140px}.route-copy b{font-size:1.1rem}.route-copy small{font-size:.75rem}.route-copy em{font-size:.6rem}}

/* Stable fixed app header */
:root{--header-h:72px}body{padding-top:var(--header-h)}header{position:fixed!important;top:0;left:0;right:0;height:var(--header-h);z-index:9999!important;background:rgba(247,242,232,.98)}#mula,#mula-persediaan,#panduan,#checklist,#video,#sumber{scroll-margin-top:var(--header-h)}.guide{min-height:calc(100svh - var(--header-h))}
@media(max-width:650px){:root{--header-h:66px}header{height:var(--header-h);padding-top:12px;padding-bottom:12px}.guide{min-height:calc(100svh - var(--header-h))}}

/* Cross-device stability pass */
html{scroll-padding-top:var(--header-h);overflow-x:hidden}body{min-width:320px;overflow-x:hidden}header{width:100%;max-width:100vw}.brand{white-space:nowrap;flex:0 0 auto}nav{align-items:center;white-space:nowrap}.hero,.guide,.landing-rest,footer{max-width:100vw}.hero-copy,.wizard,.wizard-screen,.question-card,.next-card{min-width:0}.route-gallery{width:100%}.route-tile{min-width:0}.route-copy{min-width:0}.route-copy b,.route-copy em,.route-copy small{overflow-wrap:anywhere}.buttonish,.primary,.secondary{max-width:100%;white-space:normal}.guide{min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h))}
@media(min-width:1101px){header{padding-left:max(40px,5vw);padding-right:max(40px,5vw)}.wizard{max-width:960px}.question-card{max-width:none}.route-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:801px) and (max-width:1100px){header{padding-left:32px;padding-right:32px}.wizard{max-width:820px}.route-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.route-tile{display:block;min-height:0}.route-image{height:145px;min-height:145px}.route-copy{padding:15px 16px 18px}.route-tile>strong{top:127px;bottom:auto}}
@media(max-width:980px){header{padding-left:22px;padding-right:22px}#menu{display:block;flex:0 0 auto}nav{max-height:calc(100svh - var(--header-h) - 18px);overflow:auto;white-space:normal}}
@media(max-width:800px){.route-gallery{grid-template-columns:1fr}.route-tile{display:grid;grid-template-columns:minmax(115px,155px) minmax(0,1fr)}}
@media(max-width:650px){header{padding-left:18px;padding-right:18px}.brand{font-size:.92rem}.wizard-screen>h2{font-size:clamp(2.15rem,11vw,3.2rem)}.question-card,.next-card{padding:20px}.route-tile{grid-template-columns:112px minmax(0,1fr)}.route-copy{padding:14px 14px 16px}.route-tile>strong{right:10px;bottom:10px}.hero h1{font-size:clamp(3rem,16vw,4.2rem)}}
@media(max-width:380px){.route-tile{grid-template-columns:96px minmax(0,1fr)}.route-copy small{font-size:.72rem}.route-copy em{letter-spacing:.04em}.question-card{padding:16px}}
@supports not (height:100svh){.guide{min-height:calc(100vh - var(--header-h))}}

/* Tablet landscape: route decision must fit in the initial viewport */
@media(min-width:801px) and (max-width:1100px) and (orientation:landscape){
  .guide.scene-route{align-items:flex-start;padding-top:28px!important;padding-bottom:28px!important}
  .scene-route .wizard-progress{margin-bottom:18px}
  .scene-route .wizard-screen>h2{font-size:clamp(2.7rem,5vw,4rem)}
  .scene-route .wizard-lead{margin:10px 0 16px}
  .scene-route .question-card{padding:20px 24px}
  .scene-route .question-card h3{font-size:1.55rem;margin:3px 0}
  .scene-route .question-card>p{margin:2px 0 10px}
  .scene-route .route-gallery{margin-top:12px;gap:12px}
  .scene-route .route-image{height:112px;min-height:112px}
  .scene-route .route-copy{padding:11px 14px 14px}
  .scene-route .route-copy b{font-size:1.12rem}
  .scene-route .route-copy em{margin:2px 0 5px}
  .scene-route .route-copy small{font-size:.74rem}
  .scene-route .route-tile>strong{top:94px;width:32px;height:32px}
}

/* Route scene: reclaim dead space below fixed header */
@media(min-width:651px){
  .guide.scene-route{padding-top:14px!important}
  .scene-route .wizard-progress{margin-bottom:14px}
}
/* Use a real Kaabah photograph for Makkah route */
.makkah-tile .route-image{
  background-image:linear-gradient(rgba(23,52,45,.08),rgba(23,52,45,.18)),url('https://images.unsplash.com/photo-1591604129939-f1efa4d9f7fa?auto=format&fit=crop&w=900&q=82');
  background-size:cover;
  background-position:center 54%;
}
.makkah-tile .route-image:before{display:none}

/* Guided scenes share the same above-the-fold discipline */
@media(min-width:651px){
  .guide.scene-start,.guide.scene-guide,.guide.scene-next{padding-top:22px!important;padding-bottom:28px!important}
  .scene-start .wizard-progress,.scene-guide .wizard-progress,.scene-next .wizard-progress{margin-bottom:20px}
  .scene-start .wizard-lead,.scene-guide .wizard-lead,.scene-next .wizard-lead{margin-top:12px;margin-bottom:20px}
}
@media(min-width:801px) and (max-width:1100px) and (orientation:landscape){
  .guide.scene-start,.guide.scene-guide,.guide.scene-next{align-items:flex-start;padding-top:16px!important;padding-bottom:20px!important}
  .scene-start .wizard-screen>h2,.scene-guide .wizard-screen>h2,.scene-next .wizard-screen>h2{font-size:clamp(2.5rem,4.5vw,3.7rem)}
  .scene-start .next-card,.scene-next .next-card{padding:22px 26px}
  .scene-guide .sequence{margin:16px 0;padding:16px 20px}
  .scene-guide .now-card{padding:16px 18px}
  .scene-guide .wizard-actions{margin-top:14px}
}


/* 2026-09-29: remove non-functional dead air below fixed header across guided journey */
.guide{
  align-items:flex-start;
  padding-top:clamp(14px,2.2vh,24px)!important;
  padding-bottom:clamp(24px,4vh,44px)!important;
}
.wizard{margin:0 auto}
.wizard-progress{margin-top:0}
@media(min-width:1101px){
  .guide{padding-top:24px!important}
}
@media(min-width:651px) and (max-width:1100px){
  .guide{padding-top:14px!important;padding-bottom:22px!important}
  .scene-route .wizard-progress,
  .scene-start .wizard-progress,
  .scene-guide .wizard-progress,
  .scene-next .wizard-progress{margin-top:0;margin-bottom:14px}
}
@media(max-width:650px){
  .guide{padding-top:18px!important;padding-bottom:28px!important}
  .wizard-progress{margin-top:0;margin-bottom:22px}
}

.guide.scene-documents{background:linear-gradient(135deg,#e7eee9 0%,#cfded5 100%)}
.document-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.document-focus>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}
.document-focus small{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--gold)}
.document-focus h3{margin:5px 0 7px;font-family:'Playfair Display',serif;font-size:1.35rem;line-height:1.1}
.document-focus p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}
@media(min-width:651px){.guide.scene-documents{padding-top:14px!important;padding-bottom:22px!important}.scene-documents .wizard-progress{margin-bottom:14px}.scene-documents .wizard-lead{margin:10px 0 16px}}
@media(max-width:800px){.document-focus{grid-template-columns:1fr}.document-focus>div{padding:15px 17px}}
@media(max-width:650px){.guide.scene-documents{padding-top:18px!important}.document-focus{gap:9px;margin:14px 0}}


/* Visual System v2 — warm premium destination confidence + guided simplicity */
:root{--paper:#f6f1e7;--paper-2:#eee6d7;--deep:#123a32;--deep-2:#0d2d27;--brass:#c5a469;--soft-line:rgba(18,58,50,.12)}
body{background:var(--paper)}
header{background:rgba(246,241,231,.88)!important;border-bottom:1px solid rgba(18,58,50,.09);backdrop-filter:blur(18px)}
header .brand{font-size:.88rem;letter-spacing:.16em}
nav{gap:22px;font-size:.84rem;font-weight:600}
.nav-cta{padding:9px 15px;border-radius:999px;background:var(--deep);color:#fff!important}
.hero{position:relative;min-height:calc(100svh - var(--header-h));display:flex!important;align-items:flex-end!important;padding:clamp(70px,10vh,120px) clamp(22px,7vw,110px)!important;background:#183e35;color:#fff;isolation:isolate}
.hero-visual{position:absolute;inset:0;z-index:-3;background-image:url('https://images.unsplash.com/photo-1591604129939-f1efa4d9f7fa?auto=format&fit=crop&w=1800&q=88');background-size:cover;background-position:center 48%;transform:scale(1.015)}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,31,27,.88) 0%,rgba(8,31,27,.67) 42%,rgba(8,31,27,.18) 72%,rgba(8,31,27,.35) 100%)}
.hero-shade:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(7,27,24,.72),transparent)}
.hero-copy{max-width:760px;padding-bottom:clamp(35px,7vh,80px)}
.hero .eyebrow{color:#ead6a8}
.hero h1{font-size:clamp(4rem,8vw,8.2rem);color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.16)}
.hero h1 em{color:#e6c98f}
.hero .lead{max-width:620px;color:rgba(255,255,255,.86);font-size:clamp(1rem,1.4vw,1.16rem)}
.hero .primary{background:#f4ead8;color:var(--deep);padding:14px 20px}
.hero .secondary{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.07)}
.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.trust-row span{font-size:.72rem;font-weight:700;padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}
.hero-caption{position:absolute;right:clamp(22px,7vw,110px);bottom:clamp(28px,5vh,55px);max-width:280px;text-align:right}
.hero-caption small{display:block;color:#e6c98f;letter-spacing:.14em;font-size:.65rem;font-weight:800}
.hero-caption b{display:block;margin-top:5px;font-family:'Playfair Display',serif;font-size:1.15rem;line-height:1.2}
.guide{background:linear-gradient(145deg,#f8f4eb,#ece3d2)!important}
.wizard{max-width:980px!important}
.journey-spine{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0 0 18px;color:rgba(18,58,50,.45);font-size:.66rem;font-weight:700}
.journey-spine span{position:relative;padding-top:11px;border-top:1px solid rgba(18,58,50,.16)}
.journey-spine span:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#cfc6b5;top:-4px;left:0}
.journey-spine span.active{color:var(--deep)}
.journey-spine span.active:before{width:9px;height:9px;top:-5px;background:var(--brass);box-shadow:0 0 0 4px rgba(197,164,105,.16)}
.wizard-progress{margin-bottom:20px!important}
.wizard-progress i{height:3px}
.wizard-screen>h2{color:var(--deep);letter-spacing:-.025em}
.question-card,.next-card,.document-focus>div,.sequence,.detail-box{border-color:rgba(18,58,50,.1);box-shadow:0 18px 50px rgba(18,58,50,.07)}
.question-card{border-radius:28px}
.route-gallery{gap:16px}
.route-tile{border-radius:20px;box-shadow:0 12px 32px rgba(18,58,50,.07);border-color:rgba(18,58,50,.1)}
.route-tile:hover,.route-tile:focus-visible{transform:translateY(-4px);box-shadow:0 20px 45px rgba(18,58,50,.13)}
.route-image{height:180px}
.route-tile>strong{top:162px;background:var(--deep)}
.stage-pill{background:rgba(18,58,50,.08);color:var(--deep)}
.now-card{background:#e4ece5}
.guide.scene-next{background:linear-gradient(145deg,#123a32,#0d2d27)!important}
.guide.scene-next .wizard-screen>h2{color:#fff}
.guide.scene-next .journey-spine{color:rgba(255,255,255,.42)}
.guide.scene-next .journey-spine span{border-color:rgba(255,255,255,.15)}
.guide.scene-next .journey-spine span.active{color:#fff}
.guide.scene-next .journey-spine span:before{background:rgba(255,255,255,.3)}
.guide.scene-next .journey-spine span.active:before{background:#d8b879}
.guide.scene-documents{background:linear-gradient(145deg,#f1f4ee,#dbe6dd)!important}
@media(min-width:801px) and (max-width:1100px){.route-image{height:128px;min-height:128px}.route-tile>strong{top:110px}.hero-caption{display:none}}
@media(max-width:800px){.hero{min-height:82svh}.hero-shade{background:linear-gradient(0deg,rgba(8,31,27,.9) 0%,rgba(8,31,27,.58) 62%,rgba(8,31,27,.25) 100%)}.hero-copy{padding-bottom:20px}.hero-caption{display:none}.journey-spine{overflow-x:auto;grid-template-columns:repeat(6,minmax(84px,1fr));padding-top:4px}.route-image{height:100%;min-height:145px}.route-tile>strong{top:auto}}
@media(max-width:650px){.hero{padding:54px 20px 34px!important;min-height:calc(100svh - var(--header-h));background-position:center}.hero h1{font-size:clamp(3.2rem,16vw,4.6rem)}.hero .lead{margin:18px 0}.hero .actions{display:grid}.hero .actions>*{width:100%;text-align:center}.trust-row{margin-top:17px}.trust-row span{font-size:.66rem}.journey-spine{margin-bottom:13px}.wizard-progress{margin-bottom:16px!important}.question-card{border-radius:22px}}


/* Interactive manasik sequence — progressive disclosure */
.manasik-sequence{gap:10px}
.manasik-step{appearance:none;border:0;background:transparent;color:var(--deep);font:inherit;font-weight:800;cursor:pointer;padding:10px 12px;border-radius:12px;transition:background .18s ease,transform .18s ease;min-width:0}
.manasik-step span{display:block;font-size:.6rem;letter-spacing:.1em;color:var(--brass);margin-bottom:2px}
.manasik-step:hover,.manasik-step:focus-visible{background:#f4efe5;outline:2px solid rgba(18,58,50,.16);outline-offset:2px}
.manasik-step.active{background:var(--deep);color:#fff}
.manasik-step.active span{color:#e5c98e}
.manasik-explainer{margin:-12px 0 16px;padding:18px 20px;background:#fff;border:1px solid rgba(18,58,50,.1);border-radius:0 0 18px 18px;box-shadow:0 16px 36px rgba(18,58,50,.06);animation:sceneIn .2s ease both}
.manasik-explainer small{font-size:.65rem;font-weight:800;letter-spacing:.1em;color:var(--brass)}
.manasik-explainer h3{font-family:'Playfair Display',serif;font-size:1.35rem;margin:3px 0 4px;color:var(--deep)}
.manasik-explainer p{margin:0;color:var(--muted);line-height:1.5}
@media(max-width:650px){.manasik-sequence{display:grid;grid-template-columns:1fr!important;gap:5px}.manasik-sequence>b{transform:none!important;text-align:center;line-height:1}.manasik-step{width:100%;text-align:left;padding:11px 14px}.manasik-step span{display:inline;margin-right:8px}.manasik-explainer{margin:-4px 0 14px;border-radius:14px}}


/* Readiness continuation scenes */
.guide.scene-health{background:linear-gradient(145deg,#edf3ec,#d9e6d9)!important}
.guide.scene-money{background:linear-gradient(145deg,#f5efe2,#e8dbc3)!important}
.guide.scene-packing{background:linear-gradient(145deg,#f1eee7,#ded8cc)!important}
.guide.scene-mindset{background:linear-gradient(145deg,#eee5d9,#dfcdb9)!important}
.guide.scene-predeparture{background:linear-gradient(145deg,#e4ece7,#cadbd1)!important}
@media(min-width:651px){.guide.scene-health,.guide.scene-money,.guide.scene-packing,.guide.scene-mindset,.guide.scene-predeparture{padding-top:14px!important;padding-bottom:22px!important}.scene-health .wizard-lead,.scene-money .wizard-lead,.scene-packing .wizard-lead,.scene-mindset .wizard-lead,.scene-predeparture .wizard-lead{margin:10px 0 16px}}