/* For Astrologers: Bodhlok identity with a spacious, product-led rhythm.
   All product imagery is captured from the actual mobile application. */
.page-for-astrologers{--practice-ink:#183a25;--practice-muted:#61715f;--practice-soft:#f4f7ed;background:#fff;color:var(--practice-ink)}
.page-for-astrologers main{overflow:clip}
.page-for-astrologers section{padding-block:88px}






.page-for-astrologers main .btn{border-radius:40px;min-height:46px;font-size:14px;padding:12px 22px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.page-for-astrologers main .btn.green{background:#ffff00;border-color:#ffff00;color:#173321}
.page-for-astrologers main .btn.green:hover{background:#edf070;border-color:#edf070;box-shadow:0 8px 22px #566c2420}
.page-for-astrologers .eyebrow{font-size:12px;letter-spacing:.04em;color:#397c29}
.page-for-astrologers .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.page-for-astrologers .section-head{gap:16px}
.page-for-astrologers h2{font-size:clamp(30px,3.4vw,46px);line-height:1.13;letter-spacing:-1.3px}
.page-for-astrologers .lede{color:var(--practice-muted);line-height:1.65}
/* A centred introduction and a three-screen portrait showcase. */
.page-for-astrologers .practice-hero{padding:52px 0 0!important;margin:0;background:radial-gradient(ellipse at 50% 0,#e5efd5,transparent 65%),linear-gradient(#f8faf4,#fff)!important}
.page-for-astrologers .practice-hero::before{display:none}
.page-for-astrologers .subpage-title-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0;gap:20px;background:transparent;box-shadow:none;border:0;max-width:810px!important;margin:auto}
.page-for-astrologers .subpage-title-card .eyebrow{padding:7px 14px;background:#fff;border:1px solid #dde6d3;border-radius:30px}
.page-for-astrologers .subpage-title-card h1{font-size:clamp(38px,5.3vw,68px)!important;line-height:1.04;letter-spacing:-2.4px;max-width:760px;text-wrap:balance}
.page-for-astrologers .subpage-title-card .lede{max-width:660px;text-align:center;font-size:16px;line-height:1.6}
.page-for-astrologers .subpage-title-card .hero-cta{justify-content:center;margin-top:2px}
.practice-hero-screens{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:24px;max-width:1040px;height:440px;overflow:hidden;margin:52px auto 0;padding:16px 24px 0;isolation:isolate}
.practice-hero-screens::after{content:'';position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,#fff);pointer-events:none;z-index:3}
.practice-phone{margin:0;background:white;border:5px solid #24452e;overflow:hidden;border-radius:28px;box-shadow:0 20px 55px #193d2720;flex:0 0 252px;height:550px}
.practice-phone img{width:100%;height:auto;display:block}
.practice-phone.main-phone{z-index:2;flex-basis:280px}
.practice-phone.side-phone:first-child{transform:translateY(48px) rotate(-6deg)}
.practice-phone.side-phone:last-child{transform:translateY(48px) rotate(6deg)}
.practice-image-note{text-align:center;font-size:11px;color:#65755d;margin:8px 20px 0}
/* Four reference-style cards, using only real mobile captures. */
.page-for-astrologers .practice-story{padding-top:78px!important}
.practice-story .section-head{max-width:650px!important}
.practice-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:48px;align-items:stretch}
.practice-feature{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dce7d2;border-radius:26px;background:radial-gradient(#a5be8e24 .8px,transparent .8px),linear-gradient(#f8faf3,#eaf2dc);background-size:10px 10px,100% 100%;transition:box-shadow .25s ease}
.practice-feature:nth-child(even){background-image:radial-gradient(#b7be7e24 .8px,transparent .8px),linear-gradient(#fcfce9,#f0f2d5)}
.practice-feature>h3{display:flex;align-items:center;justify-content:center;text-align:center;min-height:120px;margin:0;padding:24px 20px;font-size:24px;line-height:1.2;letter-spacing:-.5px;text-wrap:balance}
.practice-preview-stage{position:relative;height:360px;min-height:360px;padding:4px 18px 0;overflow:hidden}
/* Device chrome frames real app screenshots; no recreated app interface. */
.practice-screenshot-frame{position:relative;width:100%;max-width:275px;height:510px;margin:0 auto;padding:9px;border:2px solid #62715d;border-radius:40px;background:#1d211c;overflow:visible;box-shadow:0 0 0 2px #263e2b,0 12px 30px #203d2420;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.practice-phone-screen{height:100%;padding-top:29px;border-radius:29px 29px 0 0;background:#fff;overflow:hidden}
.practice-screenshot-frame img{display:block;width:100%;height:auto;object-fit:contain;object-position:top center}
.practice-screenshot-frame::before{content:"";position:absolute;z-index:2;top:18px;left:50%;transform:translateX(-50%);width:72px;height:20px;border-radius:20px;background:#191c18;pointer-events:none}
.practice-screenshot-frame::after{content:"";position:absolute;z-index:3;top:25px;left:calc(50% + 22px);width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#4a7d9b 0 14%,#152e40 30%,#071116 65%);box-shadow:0 0 0 2px #262c24;pointer-events:none}
.practice-phone-keys{position:absolute;inset:0;pointer-events:none}
.practice-phone-keys::before{content:"";position:absolute;left:-5px;top:78px;width:3px;height:17px;border-radius:2px;background:#61725c;box-shadow:0 31px 0 #61725c,0 54px 0 #61725c}
.practice-phone-keys::after{content:"";position:absolute;right:-5px;top:129px;width:3px;height:38px;border-radius:2px;background:#61725c}
.practice-feature:hover .practice-screenshot-frame{transform:translateY(-6px)}
.practice-preview-stage::after{display:none}
.practice-benefit-caption{flex:1;padding:22px 20px;background:#fff;border-top:1px solid #e2e9d8}
.practice-benefit-caption p{font-size:13px;line-height:1.7;color:var(--practice-muted)}
/* Contrast band: useful details, without invented metrics or customer logos. */
.page-for-astrologers .practice-workday{background:#173321;color:#fff;padding-block:80px}
.practice-workday-copy>.eyebrow,.practice-workday-copy>h2,.practice-workday-copy>.lede{text-align:center;display:block;margin-inline:auto;max-width:650px}
.practice-workday-copy>.eyebrow{color:#dce995;margin-bottom:18px}
.practice-workday-copy>.lede{margin-top:18px;color:#c3d0be}
.practice-workday ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:48px 0 30px;list-style:none;border-top:1px solid #ffffff20;border-left:1px solid #ffffff20}
.practice-workday li{padding:28px;min-height:145px;border-right:1px solid #ffffff20;border-bottom:1px solid #ffffff20;font-size:16px;line-height:1.7;color:#e0e8dc}
.practice-workday li::before{content:'↗';display:block;margin-bottom:14px;color:#ffff00;font-size:22px}
.practice-workday-copy>p:last-child{text-align:center;color:#c3d0be;font-size:13px}
/* Five steps stay concise and retain their review and verification guidance. */
.practice-journey{background:#fff}
.practice-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:0;margin:48px 0 0;list-style:none;counter-reset:practice-step}
.practice-steps li{position:relative;counter-increment:practice-step;border-top:1px solid #d9e2d1;padding:65px 0 0}
.practice-steps li::before{content:counter(practice-step,decimal-leading-zero);position:absolute;top:20px;left:0;color:#40802c;font-size:20px;font-weight:700}
.practice-step-icon{position:absolute;right:0;top:22px;opacity:.65;width:22px;height:22px}
.practice-steps h3{font-size:19px;line-height:1.3;letter-spacing:-.2px;margin-bottom:14px}
.practice-steps p{font-size:14px;line-height:1.7;color:var(--practice-muted)}
.page-for-astrologers .practice-plan{background:#f4f7ed}
.practice-plan .section-head{margin-inline:auto;max-width:780px;text-align:center}
.practice-plan .hero-cta{justify-content:center}
.practice-plan .section-head>p:not(.lede){font-size:13px;color:#63715d}
.practice-questions .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px 80px;align-items:start}
.practice-questions .section-head{position:sticky;top:120px}
.practice-questions .faq{margin:0;width:100%}
.page-for-astrologers .faq details{border:0;border-bottom:1px solid #dfe7d8;border-radius:0;padding:22px 0;background:transparent}
.page-for-astrologers .faq details[open]{background:transparent}
.page-for-astrologers .faq summary{font-size:17px;line-height:1.4;padding-right:24px;cursor:pointer}
.page-for-astrologers .faq p{font-size:14px;line-height:1.8;color:var(--practice-muted);margin-top:16px}
.practice-policy-links{grid-column:2;font-size:13px;color:#58754b}
.practice-marketplace .wrap{border-top:1px solid #e1e8db;padding-top:48px}
.practice-marketplace .section-head{margin:auto;text-align:center;max-width:680px}
.practice-marketplace .btn{justify-self:center;margin-top:8px}
.page-for-astrologers .practice-close{background:#296b20;color:white;max-width:1240px;margin:0 auto 64px;border-radius:32px;padding:58px 40px;position:relative;overflow:hidden}
.practice-close::before{content:'';position:absolute;inset:0;background:radial-gradient(#ffffff15 1px,transparent 1px);background-size:18px 18px;pointer-events:none}
.page-for-astrologers .practice-close .wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:0}
.page-for-astrologers .practice-close h2{color:#fff;font-size:clamp(30px,4vw,48px);max-width:650px}
.page-for-astrologers .practice-close .lede{color:#e1edda;margin:auto}
.page-for-astrologers .practice-close .hero-cta{flex-direction:row;justify-content:center;margin:0}
.page-for-astrologers .site-foot{background:#14291a;color:#bfcebb;border:0}
.page-for-astrologers .site-foot h4{color:#fff}
.page-for-astrologers .site-foot a{color:#c9d7c4}
.page-for-astrologers .site-foot a:hover{color:#ffff80}
.page-for-astrologers .site-foot img{filter:brightness(0) invert(1)!important}
.page-for-astrologers .site-foot .fine{border-color:#ffffff20}
/* Progressive enhancement: content is visible without JavaScript. */
.practice-motion [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.practice-motion [data-reveal].is-visible{opacity:1;transform:translateY(0)}
@keyframes practice-intro{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.practice-hero .subpage-title-card{animation:practice-intro .7s both}.practice-hero-screens{animation:practice-intro .9s .12s both}}
@media(max-width:1100px){.practice-benefits{gap:16px}.practice-feature>h3{font-size:21px;padding-inline:16px}.practice-preview-stage{padding-inline:12px}.practice-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-questions .wrap{gap:32px}.page-for-astrologers .practice-close{margin-inline:24px}}
@media(max-width:880px){.practice-hero-screens{gap:18px;height:390px}.practice-phone{flex-basis:210px}.practice-phone.main-phone{flex-basis:240px}.practice-workday ul{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.practice-feature>h3{min-height:100px}.practice-preview-stage{height:390px}.practice-questions .wrap{grid-template-columns:1fr}.practice-questions .section-head{position:static}.practice-policy-links{grid-column:auto}}
@media(max-width:600px){
 .page-for-astrologers section{padding-block:56px}
 
 
 
 
 
 
 .page-for-astrologers .practice-hero{padding-top:60px!important}
 .page-for-astrologers .subpage-title-card{gap:18px}
 .page-for-astrologers .subpage-title-card h1{font-size:40px!important;letter-spacing:-1.4px;line-height:1.08}
 .page-for-astrologers .subpage-title-card .lede{font-size:14px;text-align:center}
 .page-for-astrologers .hero-cta{gap:10px;justify-content:center}
 .page-for-astrologers .hero-cta .btn{white-space:normal;padding:12px 17px;font-size:13px}
 .practice-hero-screens{height:310px;gap:12px;width:650px;max-width:none;left:50%;transform:translateX(-50%);margin-top:28px;padding-inline:0;animation:none}
 .practice-phone{flex-basis:170px;border-width:4px;border-radius:20px;height:450px}
 .practice-phone.main-phone{flex-basis:200px}
 .practice-image-note{font-size:10px}
 .practice-benefits{grid-template-columns:1fr;gap:24px;margin-top:32px}
 .practice-feature{border-radius:26px}
 .practice-feature>h3{font-size:26px;min-height:100px;padding:24px}
 .practice-preview-stage{height:400px;min-height:400px;padding-inline:28px}
 .practice-screenshot-frame{max-width:270px;height:540px}
 .practice-benefit-caption{padding:22px 24px}
 .practice-benefit-caption p{font-size:14px}
 .practice-workday ul{grid-template-columns:1fr;margin-top:30px}
 .practice-workday li{padding:22px;min-height:0;font-size:15px}
 .practice-steps{grid-template-columns:1fr;margin-top:28px;gap:22px}
 .practice-steps li{padding:22px 0 0 52px}
 .practice-steps li::before{top:22px}
 .practice-step-icon{display:none}
 .practice-steps h3{font-size:20px;margin-bottom:8px}
 .practice-plan .hero-cta{flex-direction:column}
 .practice-plan .section-head>p:not(.lede){font-size:12px}
 .page-for-astrologers .practice-close{margin:0 16px 40px;padding:40px 24px;border-radius:26px}
 .page-for-astrologers .practice-close .hero-cta{flex-direction:column;width:100%}
 .practice-motion [data-reveal]{transform:translateY(16px)}
}
html[lang=hi] .page-for-astrologers h1,html[lang=hi] .page-for-astrologers h2,html[lang=hi] .page-for-astrologers h3{line-height:1.5;letter-spacing:0}

@media(prefers-reduced-motion:reduce){.practice-motion [data-reveal]{opacity:1;transform:none;transition:none}.page-for-astrologers *{animation:none!important;scroll-behavior:auto!important}.practice-feature:hover .practice-screenshot-frame{transform:none}}