:root{--wine:#42101a;--navy:#172333;--gold:#bd914b;--paper:#fffdf9;--cream:#f6eee2;--ink:#242027;--muted:#6e6965;--line:#e6d9c8;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:16px/1.7 var(--sans);color:var(--ink)}a{text-decoration:none;color:inherit}.skip{position:absolute;top:-50px;left:10px;background:#fff;padding:8px;z-index:9}.skip:focus{top:10px}header{position:absolute;z-index:3;width:100%;color:#fff}.nav{max-width:1200px;padding:24px 30px;margin:auto;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font:600 22px/1 var(--serif)}.brand b{width:39px;height:39px;border:1px solid #d8b16c;border-radius:50%;display:grid;place-items:center;color:#e4c27f;font-size:22px}.brand small{display:block;font:600 8px var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-top:5px;opacity:.7}.nav nav{display:flex;gap:26px;font-size:13px;font-weight:700}.nav nav a:hover{color:#f1cf8a}.button{background:var(--gold);display:inline-block;padding:13px 19px;color:#2c1c17;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:10px}.button:hover{background:#d3aa62}.mini{padding:10px 14px}.menu{display:none}.hero{min-height:750px;padding:160px max(30px,calc((100vw - 1100px)/2)) 70px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 38%,#783044,transparent 30%),linear-gradient(120deg,#290911,#571925)}.hero:after{content:'';position:absolute;right:-230px;top:-210px;width:700px;height:700px;border:1px solid rgba(232,197,127,.26);border-radius:50%;box-shadow:0 0 0 70px rgba(232,197,127,.1)}.hero>div,.portrait{position:relative;z-index:1}.eyebrow{margin:0 0 17px;color:#efcb82;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:700}.gold{color:var(--gold)}h1,h2{font:600 50px/1.1 var(--serif);letter-spacing:-.035em;margin:0}h1{font-size:62px}em{font-style:italic;color:var(--gold)}.lead{font-size:17px;max-width:590px;color:#f0e8e7;margin:23px 0 13px}.available{font-size:13px;color:#f3dca9}.hero p:last-child{margin-top:29px}.learn{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #dcc5b8;margin-left:23px;padding-bottom:4px}.portrait{height:465px;border:1px solid rgba(231,196,126,.6);display:grid;place-items:center}.portrait:before{content:'';position:absolute;inset:15px;border:1px solid rgba(231,196,126,.2)}.portrait>div{height:300px;width:230px;border:1px solid rgba(231,196,126,.4);border-radius:140px 140px 12px 12px;display:grid;place-items:center;align-content:center;text-align:center;background:#0c05082e}.portrait i{font-style:normal;font-size:45px;color:#e8c576;border:1px solid #d8b16c;width:75px;height:75px;border-radius:50%;display:grid;place-items:center}.portrait p{font-size:10px;text-transform:uppercase;letter-spacing:.13em;line-height:1.6}.portrait aside{position:absolute;left:-30px;bottom:32px;padding:13px 18px;background:var(--paper);color:var(--ink);font-size:11px;line-height:1.4;box-shadow:0 10px 30px #1a050a77}.trust{background:var(--navy);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(30px,calc((100vw - 1180px)/2))}.trust article{padding:29px 24px;border-left:1px solid #ffffff22}.trust article:last-child{border-right:1px solid #ffffff22}.trust b,.cards b{color:var(--gold);font:600 12px var(--serif)}.trust h2{font-size:16px;color:#fff;letter-spacing:0;margin:8px 0 4px}.trust p{font-size:12px;color:#d5d9de;margin:0;line-height:1.5}.section{max-width:1160px;padding:110px 30px;margin:auto}.split,.about,.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.split p:not(.eyebrow),.about p,.contact>div>p{color:var(--muted);margin:18px 0 0}.features{border-top:1px solid var(--line)}.features article{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:19px 0}.features b,.why-grid b{color:var(--gold);font-size:20px;font-weight:400}.features h3,.cards h3,.why-grid h3{font:600 19px/1.3 var(--serif);margin:0 0 5px}.features p,.why-grid p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}.services{max-width:none;background:var(--cream);padding-left:max(30px,calc((100vw - 1100px)/2));padding-right:max(30px,calc((100vw - 1100px)/2))}.heading{max-width:670px;margin-bottom:48px}.heading>p:last-child{color:var(--muted);margin-top:17px}.center{text-align:center;margin-left:auto;margin-right:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #decfbd;border-left:1px solid #decfbd}.cards article{min-height:225px;padding:25px 22px;background:#fffdf988;border-bottom:1px solid #decfbd;border-right:1px solid #decfbd}.cards h3{font-size:20px;margin-top:30px}.cards p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.guidance{padding:110px max(30px,calc((100vw - 1100px)/2));background:var(--wine);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.guidance h2{color:#fff;font-size:42px;margin-bottom:24px}.guidance>div>p:last-child{color:#ead9d7;font-size:16px;line-height:1.6}.guidance-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guidance-grid article{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:32px 28px;transition:transform 0.3s ease,background 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}.guidance-grid article:hover{background:rgba(255,255,255,0.06);border-color:rgba(236,199,123,0.3);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,0.15)}.guidance-grid article:last-child{grid-column:span 2}.guidance-grid h3{font:600 20px var(--serif);color:#ecc77b;margin:0 0 16px}.guidance-grid p{font-size:14px;line-height:1.8;margin:0;display:flex;flex-direction:column;gap:10px}.guidance-grid p br{display:none}.symbol{min-height:510px;background:var(--navy);color:#e8c576;display:grid;place-items:center;align-content:center;font-size:80px;position:relative;overflow:hidden}.symbol:before{content:'';position:absolute;width:530px;height:530px;border:1px solid #e8c57655;border-radius:50%}.symbol small{z-index:1;color:#e2d6d3;text-align:center;font:600 10px/1.9 var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-top:20px}.about dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:31px 0 0}.about dl div{padding:14px 0;border-bottom:1px solid var(--line)}dt{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-weight:700}dd{font:600 14px var(--serif);margin:3px 0}.consult,.cta{color:#fff;text-align:center;padding:100px 30px;background:linear-gradient(110deg,#310b14dd,#6b2637dd)}.consult>*{max-width:710px;margin-left:auto!important;margin-right:auto!important}.consult h2,.cta h2{color:#fff}.consult p:not(.eyebrow){color:#eee2e0;margin:14px auto 26px}.pale{background:#fff7e9}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.why-grid article{background:#faf5ed;padding:20px 16px}.why-grid h3{font-size:18px;margin-top:16px}.faq-list{max-width:850px;margin:auto;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:20px 30px 20px 0;font:600 19px var(--serif);position:relative}summary:after{content:'+';position:absolute;right:2px;color:var(--gold);font:400 26px var(--sans)}details[open] summary:after{content:'−'}details p{margin:0;padding:0 30px 20px 0;color:var(--muted);font-size:14px}.cta{background:var(--navy)}.cta p:not(.eyebrow){color:#d7dadd;margin:20px 0 28px}.contact{grid-template-columns:1.2fr .8fr}.phone{font:600 37px var(--serif);display:inline-block;color:var(--wine);border-bottom:1px solid var(--gold);margin:22px 0}.contact address{padding:34px;background:var(--cream);border:1px solid var(--line);font-style:normal}.contact address>b{color:var(--gold);font-size:20px}.contact address h3{font:600 25px var(--serif);margin:12px 0 0}.contact address p{color:var(--muted);font-size:13px}.contact hr{border:0;border-top:1px solid var(--line);margin:20px 0}.contact address a{font-weight:700;color:var(--wine)}iframe{grid-column:span 2;width:100%;height:350px;border:1px solid var(--line);margin-top:-30px;filter:sepia(.25)}footer{background:#291117;color:#ddd2d0;padding:62px max(30px,calc((100vw - 1100px)/2)) 22px;display:grid;grid-template-columns:1.5fr .7fr 1fr 1fr;gap:42px}footer h3{font:600 17px var(--serif);color:#edc578;margin:0 0 17px}footer>a:not(.brand),footer div>a:not(.brand),footer p{display:block;font-size:12px;margin:0 0 8px}footer>div:first-child>p{margin-top:21px;max-width:270px}.disclaimer{grid-column:1/-1;border-top:1px solid #ffffff22;margin-top:20px;padding-top:18px;color:#b9a9a6;font-size:10px;line-height:1.65}.mobile-call{display:none}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:repeat(3,1fr)}.split,.about,.guidance{gap:55px}}@media(max-width:700px){header{position:fixed;background:#310b15ee}.nav{padding:13px 18px}.menu{display:block;margin-left:auto;background:transparent;color:#fff;border:1px solid #ffffff77;width:37px;height:37px;font-size:19px}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;padding:10px 20px 18px;background:var(--wine);flex-direction:column;gap:0}.nav nav.open{display:flex}.nav nav a{padding:10px 0;border-bottom:1px solid #ffffff22}.mini{display:none}.hero{padding:135px 23px 75px;display:block;min-height:0}h1{font-size:42px}h2{font-size:37px}.lead{font-size:15px}.portrait{width:285px;height:330px;margin:53px auto 0}.portrait>div{width:170px;height:220px}.portrait aside{left:-12px;bottom:15px;font-size:10px}.trust{grid-template-columns:1fr 1fr;padding:0}.trust article{padding:22px 16px;border-bottom:1px solid #ffffff22}.section{padding:75px 23px}.split,.about,.contact,.guidance{grid-template-columns:1fr;gap:40px}.cards{grid-template-columns:1fr}.guidance{padding:75px 23px}.guidance-grid{grid-template-columns:1fr}.guidance-grid article:last-child{grid-column:auto}.symbol{min-height:300px}.why-grid{grid-template-columns:1fr 1fr}.about dl{grid-template-columns:1fr}.consult,.cta{padding:75px 23px}iframe{grid-column:auto;margin:0;height:290px}footer{padding:55px 23px 60px;grid-template-columns:1fr 1fr;gap:30px}footer>div:first-child{grid-column:span 2}.mobile-call{position:fixed;z-index:4;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:var(--gold);color:#2c1a14;padding:9px 18px;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.13em}.mobile-call strong{font-size:12px}body{padding-bottom:39px}}@media(max-width:380px){.trust,.why-grid,footer{grid-template-columns:1fr}.trust article,.trust article:last-child{border-right:0}.why-grid article:last-child,footer>div:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Devotional artwork placements */
.hero:before{content:"";position:absolute;inset:0;background:url("assets/devotional-art.jpg") center/cover no-repeat;opacity:.14;mix-blend-mode:screen}.portrait>div{overflow:hidden}.portrait>div img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}.portrait>div i,.portrait>div p{position:relative;z-index:1;text-shadow:0 2px 10px #26030a}.guidance{position:relative;overflow:hidden}.guidance>div{position:relative;z-index:1}.symbol{background-image:linear-gradient(#172333d9,#172333e8),url("assets/devotional-art.jpg");background-size:cover;background-position:center}.symbol>span{position:relative;z-index:1}.symbol img{display:none}@media(max-width:700px){.hero:before{opacity:.1}}
/* Landing-page and palmistry artwork refinement */
header{position:fixed;top:0;left:0;background:rgba(47,11,20,.94);box-shadow:0 4px 20px rgba(0,0,0,.2);backdrop-filter:blur(10px)}
.hero{display:flex;align-items:center;justify-content:center;min-height:760px;padding:150px 30px 88px;text-align:center;background:linear-gradient(120deg,rgba(42,7,15,.59),rgba(92,22,38,.58)),url("assets/devotional-art.jpg") center/cover no-repeat}
.hero:before{display:none}.hero:after{display:none}.hero>div:first-child{max-width:780px}.hero .lead{margin-left:auto;margin-right:auto}.hero .available{margin-left:auto;margin-right:auto}.hero p:last-child{display:flex;align-items:center;justify-content:center;gap:22px}.hero .learn{margin-left:0}
/* Remove the portrait panel/circle treatment entirely. */
.portrait{display:none!important}
/* Crisp palmistry artwork replaces the old Om/palmistry panel. */
.symbol{min-height:500px;background-image:linear-gradient(90deg,rgba(9,15,29,.1),rgba(9,15,29,.02)),url("assets/palmistry-bg.jpg");background-size:cover;background-position:center right;filter:none}.symbol:before,.symbol:after{display:none}.symbol>span,.symbol>small,.symbol img{display:none!important}
@media(max-width:700px){.hero{min-height:670px;padding:130px 23px 70px}.hero p:last-child{flex-direction:column;gap:18px}.symbol{min-height:330px;background-size:cover;background-position:center right}}
/* Supplied devotional hero artwork: responsive, center-safe presentation. */
.hero{background-image:linear-gradient(90deg,rgba(43,4,10,.25),rgba(43,4,10,.15)),url("assets/hero-hindu-deities.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;isolation:isolate}
.hero>div:first-child{position:relative;z-index:1;text-shadow:0 2px 18px rgba(25,0,4,.72)}
@media (min-aspect-ratio: 21/9){.hero{background-size:100% auto;background-color:#3a080d}}
@media (max-aspect-ratio: 4/5){.hero{background-position:center center;background-size:auto 100%;min-height:100svh}}
@media (max-width:700px){.hero{background-position:center center;background-size:auto 100%;min-height:100svh}.hero h1{max-width:18ch;margin-left:auto;margin-right:auto}}
/* Liquid-carve call CTA — static-site adaptation of the supplied component. */
.liquid-call{--liquid-x:50%;--liquid-y:50%;--liquid-size:0px;position:relative;isolation:isolate;overflow:hidden!important;border-radius:999px;font-family:var(--sans);font-weight:700;letter-spacing:.13em;transition:color .28s ease,transform .28s ease,box-shadow .28s ease;background:var(--gold)}
.liquid-call:before{content:"";position:absolute;z-index:-1;width:var(--liquid-size);height:var(--liquid-size);left:var(--liquid-x);top:var(--liquid-y);border-radius:50%;background:var(--wine);transform:translate(-50%,-50%) scale(1);filter:blur(3px);transition:width .34s cubic-bezier(.44,0,.56,1),height .34s cubic-bezier(.44,0,.56,1),filter .25s ease}
.liquid-call:hover,.liquid-call:focus-visible{color:#fff;background:var(--gold);box-shadow:0 9px 26px rgba(30,4,9,.3);transform:translateY(-2px)}
.liquid-call:focus-visible{outline:2px solid #fff;outline-offset:3px}.liquid-call:hover:before,.liquid-call:focus-visible:before{--liquid-size:280px}
.liquid-call.pale:before{background:var(--wine)}
@media(prefers-reduced-motion:reduce){.liquid-call,.liquid-call:before{transition:none}.liquid-call:hover{transform:none}}
/* Continuous trust-highlight marquee: deliberately never pauses for pointer or touch interaction. */
.trust{display:block;padding:0;overflow:hidden}.trust-track{display:flex;width:max-content;will-change:transform;animation:trust-marquee 32s linear infinite}.trust-track article{width:min(28vw,435px);min-width:310px;min-height:142px;border-right:1px solid #ffffff22;border-left:0;flex:0 0 auto}.trust-track article:first-child{border-left:1px solid #ffffff22}@keyframes trust-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){.trust-track article{width:82vw;min-width:0;min-height:135px}.trust-track{animation-duration:25s}}
/* User-requested continuous motion: no hover, focus, or active state pauses this marquee. */
.trust-track:hover,.trust-track:focus-within{animation-play-state:running}
/* Refined marquee UI: individual premium highlight cards. */
.trust{background:linear-gradient(90deg,#101b29,#172333 48%,#101b29);padding:17px 0}.trust-track{gap:14px;padding:0 7px}.trust-track article{width:360px;min-width:360px;min-height:128px;padding:23px 25px 21px;border:1px solid rgba(229,185,100,.3)!important;border-radius:4px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.trust-track article:first-child{border-left:1px solid rgba(229,185,100,.3)!important}.trust-track article b{display:inline-grid;place-items:center;min-width:29px;height:23px;padding:0 7px;border:1px solid rgba(229,185,100,.55);border-radius:999px;color:#edc578;font:600 10px/1 var(--sans);letter-spacing:.08em}.trust-track article h2{font-size:19px;line-height:1.2;margin:11px 0 5px;color:#fff}.trust-track article p{font-size:12px;max-width:270px;color:#d3d9de}.trust-track article:nth-child(4n+2){background:linear-gradient(135deg,rgba(189,145,75,.15),rgba(255,255,255,.018))}.trust-track article:nth-child(4n+3){background:linear-gradient(135deg,rgba(87,37,53,.35),rgba(255,255,255,.015))}@media(max-width:700px){.trust{padding:12px 0}.trust-track{gap:10px}.trust-track article{width:79vw;min-width:79vw;min-height:120px;padding:20px 21px}.trust-track article h2{font-size:18px}}
/* Clean typographic marquee: no card treatment. */
.trust{background:var(--navy);padding:0}.trust-track{gap:0;padding:0}.trust-track article,.trust-track article:first-child{width:370px;min-width:370px;min-height:100px;padding:20px 32px;border:0!important;border-right:1px solid rgba(255,255,255,.13)!important;border-radius:0;background:transparent!important;box-shadow:none!important;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center;transform:none!important}.trust-track article b{grid-row:1/3;display:block;min-width:0;width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--gold);font:600 12px/1.2 var(--serif);letter-spacing:0}.trust-track article h2{font-size:17px;line-height:1.2;margin:0;color:#fff;letter-spacing:0}.trust-track article p{grid-column:2;font-size:12px;line-height:1.45;max-width:285px;margin:5px 0 0;color:#cdd3da}.trust-track article:hover,.trust-track article.is-open{box-shadow:none;transform:none;background:transparent}@media(max-width:700px){.trust-track article,.trust-track article:first-child{width:82vw;min-width:82vw;min-height:94px;padding:18px 23px}.trust-track article h2{font-size:16px}}
/* Meaningful, consistent line icons. */
.meaning-icon{display:inline-grid;place-items:center;color:var(--gold);vertical-align:middle}.meaning-icon svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.features b.meaning-icon{width:29px;flex:0 0 29px;font-size:0}.features b.meaning-icon svg{width:22px;height:22px}.available{display:flex;align-items:center;justify-content:center;gap:8px}.available .meaning-icon svg{width:17px;height:17px;stroke-width:1.8}.location-icon{display:inline-grid!important}.location-icon svg{width:23px!important;height:23px!important}@media(max-width:700px){.available{justify-content:center}}
/* Services atlas: path tabs + rail + detail panel */
.services{position:relative;isolation:isolate;overflow:hidden;max-width:none;padding:110px max(30px,calc((100vw - 1100px)/2));background:
  radial-gradient(ellipse 70% 55% at 100% 0%,rgba(66,16,26,.08),transparent 55%),
  radial-gradient(ellipse 50% 40% at 0% 100%,rgba(189,145,75,.12),transparent 50%),
  var(--cream)}
.services-ornament{position:absolute;right:-180px;top:-160px;width:520px;height:520px;border:1px solid rgba(189,145,75,.28);border-radius:50%;pointer-events:none;z-index:0}
.services-ornament:before{content:"";position:absolute;inset:48px;border:1px solid rgba(66,16,26,.08);border-radius:50%}
.services-inner{position:relative;z-index:1}
.services-heading{max-width:640px;margin-bottom:42px}
.services-heading h2{color:var(--ink)}
.services-heading>p:last-child{color:var(--muted);margin-top:17px}

.atlas-paths{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:34px;border-bottom:1px solid var(--line);padding-bottom:2px}
.atlas-path{appearance:none;background:none;border:0;padding:0 0 14px;margin:0;cursor:pointer;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);position:relative;transition:color .25s ease}
.atlas-path:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.72,.2,1)}
.atlas-path:hover{color:var(--wine)}
.atlas-path.is-active{color:var(--wine)}
.atlas-path.is-active:after{transform:scaleX(1)}
.atlas-path:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

.atlas-stage{display:grid;grid-template-columns:minmax(240px,.92fr) minmax(0,1.25fr);gap:0;border:1px solid var(--line);background:rgba(255,253,249,.72);min-height:460px}
.atlas-rail{display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(255,253,249,.55)}
.atlas-item{appearance:none;width:100%;display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;text-align:left;padding:20px 22px;margin:0;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;transition:background-color .28s ease,padding-left .35s cubic-bezier(.2,.72,.2,1)}
.atlas-item:last-child{border-bottom:0}
.atlas-item:hover{background:rgba(246,238,226,.65)}
.atlas-item.is-active{background:linear-gradient(90deg,rgba(189,145,75,.14),rgba(255,253,249,.2));padding-left:28px;box-shadow:inset 3px 0 0 var(--gold)}
.atlas-item:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;z-index:1}
.atlas-num{font:600 13px/1 var(--serif);color:var(--gold)}
.atlas-label{display:flex;flex-direction:column;gap:4px;min-width:0}
.atlas-label strong{font:600 17px/1.25 var(--serif);color:var(--ink);font-weight:600}
.atlas-label small{font:400 12px/1.4 var(--sans);color:var(--muted)}
.atlas-item.is-active .atlas-label strong{color:var(--wine)}

.atlas-panel-wrap{position:relative;overflow:hidden;background:
  linear-gradient(160deg,rgba(255,253,249,.96),rgba(246,238,226,.55)),
  url("assets/devotional-art.jpg") right bottom/cover no-repeat}
.atlas-panel{position:relative;display:none;flex-direction:column;justify-content:center;min-height:460px;padding:48px 46px 44px;overflow:hidden}
.atlas-panel.is-active{display:flex}
.atlas-panel.is-entering{animation:atlas-enter .48s cubic-bezier(.2,.72,.2,1) both}
@keyframes atlas-enter{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
.atlas-watermark{position:absolute;right:18px;top:10px;font:600 120px/.85 var(--serif);color:rgba(66,16,26,.06);letter-spacing:-.04em;pointer-events:none;user-select:none}
.atlas-kicker{margin:0 0 12px;font:700 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.atlas-panel h3{margin:0 0 14px;font:600 34px/1.15 var(--serif);color:var(--ink);letter-spacing:-.03em;max-width:14ch}
.atlas-summary{margin:0 0 16px;font:400 16px/1.55 var(--sans);color:var(--ink);max-width:38ch}
.atlas-panel>p{margin:0 0 14px;font-size:14px;line-height:1.7;color:var(--muted);max-width:42ch}
.atlas-support{border-top:1px solid rgba(230,217,200,.9);padding-top:16px;margin-top:4px!important}
.atlas-support strong{display:block;margin-bottom:6px;font:700 10px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--wine)}
.atlas-cta{align-self:flex-start;margin-top:22px}

@media(max-width:900px){
  .atlas-stage{grid-template-columns:1fr;min-height:0}
  .atlas-rail{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}
  .atlas-item{border-right:1px solid var(--line);padding:16px 18px}
  .atlas-item:nth-child(2n){border-right:0}
  .atlas-item.is-active{padding-left:18px}
  .atlas-panel{min-height:0;padding:36px 28px 34px}
  .atlas-panel h3{font-size:28px}
  .atlas-watermark{font-size:96px;right:8px;top:4px}
}
@media(max-width:700px){
  .services{padding:75px 23px}
  .atlas-paths{gap:6px 18px;margin-bottom:26px}
  .atlas-rail{grid-template-columns:1fr}
  .atlas-item{border-right:0}
  .atlas-item.is-active{padding-left:22px}
  .atlas-panel{padding:30px 22px 28px}
  .atlas-panel h3{font-size:26px}
  .atlas-watermark{font-size:78px;opacity:.9}
}
@media(prefers-reduced-motion:reduce){
  .atlas-panel.is-entering{animation:none}
  .atlas-path:after,.atlas-item{transition:none}
}

/* Guidance grid service links */
.guidance-grid a{text-decoration:none;transition:color .2s ease,transform .2s ease;display:inline-block}.guidance-grid h3 a{color:#ecc77b}.guidance-grid h3 a:hover{color:#fff}.guidance-grid p a{color:#f2e7e5;display:inline-flex;align-items:center}.guidance-grid p a:before{content:'→';font-family:sans-serif;font-size:14px;color:#ecc77b;margin-right:8px;opacity:0.5;transition:opacity .2s ease,transform .2s ease}.guidance-grid p a:hover{color:#fff;transform:translateX(4px)}.guidance-grid p a:hover:before{opacity:1;transform:translateX(2px)}

/* Dropdown navigation */
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--wine);
  min-width: 220px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
  z-index: 10;
  border-radius: 4px;
  padding: 10px 0;
  top: 100%;
}
.dropdown-content a {
  color: white !important;
  padding: 10px 20px !important;
  display: block;
  text-decoration: none;
  font-weight: 500;
  border: none !important;
}
.dropdown-content a:hover {
  background-color: rgba(255,255,255,0.05);
  color: var(--gold) !important;
}
.dropdown:hover .dropdown-content, .dropdown:focus-within .dropdown-content {
  display: block;
}
@media(max-width:700px){
  .dropdown-content {
    position: static;
    display: block;
    background-color: transparent;
    box-shadow: none;
    padding: 0 0 0 15px;
    margin-top: 5px;
  }
  .dropdown-content a {
    padding: 8px 0 !important;
    font-size: 13px !important;
    border-bottom: 1px solid #ffffff22 !important;
  }
  .dropdown-content a:last-child {
    border-bottom: none !important;
  }
}

/* Guidance UI Overrides */
.guidance { align-items: center; scroll-margin-top: 80px; }
.guidance h2 { font-size: 42px; margin-bottom: 24px; }
.guidance > div > p:last-child { font-size: 16px; line-height: 1.6; }
.guidance-grid { gap: 20px; border: none !important; }
.guidance-grid article { background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 12px; padding: 32px 28px !important; transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; min-height: auto !important; }
.guidance-grid article:hover { background: rgba(255,255,255,0.06) !important; border-color: rgba(236,199,123,0.3) !important; transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,0.15); }
.guidance-grid h3 { font-size: 20px !important; margin: 0 0 16px !important; }
.guidance-grid p { font-size: 14px !important; line-height: 1.8 !important; display: flex; flex-direction: column; gap: 10px; }
.guidance-grid p br { display: none; }

/* Floating WhatsApp Button */
.whatsapp-float {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 9999;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.45), 0 2px 8px rgba(0, 0, 0, 0.25);
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease, background 0.25s ease;
  cursor: pointer;
  text-decoration: none;
}
.whatsapp-float svg {
  width: 32px;
  height: 32px;
  display: block;
  fill: #ffffff;
  transition: transform 0.25s ease;
}
.whatsapp-float:hover {
  transform: scale(1.1) translateY(-3px);
  box-shadow: 0 8px 28px rgba(37, 211, 102, 0.6), 0 4px 12px rgba(0, 0, 0, 0.3);
  background: linear-gradient(135deg, #2ae26e 0%, #159c8d 100%);
}
.whatsapp-float:hover svg {
  transform: scale(1.06);
}
.whatsapp-float:active {
  transform: scale(0.96) translateY(0);
}
.whatsapp-float::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 2px solid rgba(37, 211, 102, 0.6);
  animation: wa-pulse 2.2s infinite;
  pointer-events: none;
}
@keyframes wa-pulse {
  0% { transform: scale(1); opacity: 0.85; }
  50% { transform: scale(1.25); opacity: 0; }
  100% { transform: scale(1.25); opacity: 0; }
}
@media (max-width: 700px) {
  .whatsapp-float {
    bottom: 58px;
    right: 18px;
    width: 50px;
    height: 50px;
  }
  .whatsapp-float svg {
    width: 27px;
    height: 27px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .whatsapp-float::before {
    animation: none;
    display: none;
  }
  .whatsapp-float {
    transition: none;
  }
}

/* Floating Call Button (stacked directly above floating WhatsApp) */
.call-float {
  position: fixed;
  bottom: 96px;
  right: 28px;
  z-index: 9999;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(135deg, #eed08a 0%, #bd914b 100%);
  color: #280811 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(189, 145, 75, 0.45), 0 2px 8px rgba(0, 0, 0, 0.25);
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease, background 0.25s ease;
  cursor: pointer;
  text-decoration: none;
}
.call-float svg {
  width: 27px;
  height: 27px;
  display: block;
  fill: currentColor;
  transition: transform 0.25s ease;
}
.call-float:hover {
  transform: scale(1.1) translateY(-3px);
  box-shadow: 0 8px 28px rgba(189, 145, 75, 0.65), 0 4px 12px rgba(0, 0, 0, 0.3);
  background: linear-gradient(135deg, #f7dda0 0%, #caa05b 100%);
}
.call-float:hover svg {
  transform: scale(1.08) rotate(-8deg);
}
.call-float:active {
  transform: scale(0.96) translateY(0);
}
.call-float::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 2px solid rgba(238, 208, 138, 0.6);
  animation: call-pulse 2.2s infinite;
  animation-delay: 1.1s;
  pointer-events: none;
}
@keyframes call-pulse {
  0% { transform: scale(1); opacity: 0.85; }
  50% { transform: scale(1.25); opacity: 0; }
  100% { transform: scale(1.25); opacity: 0; }
}
@media (max-width: 700px) {
  .call-float {
    bottom: 118px;
    right: 18px;
    width: 50px;
    height: 50px;
  }
  .call-float svg {
    width: 23px;
    height: 23px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .call-float::before {
    animation: none;
    display: none;
  }
  .call-float {
    transition: none;
  }
}

