.demo-page{background:#fffdf9;color:var(--ink)}.demo-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(180px,.7fr);align-items:center;min-height:0;padding-block:28px 18px;overflow:hidden}.demo-hero-copy{position:relative;z-index:2;max-width:34rem}.demo-hero h1{font-family:var(--serif);font-size:clamp(2.6rem,4.2vw,3.6rem);line-height:1;letter-spacing:-.03em;margin:12px 0 14px}.demo-hero-copy>p{margin:0;font-size:1.06rem;line-height:1.55;color:var(--muted);max-width:32rem}.demo-celestial{position:relative;justify-self:end;width:min(420px,100%);height:200px;opacity:.85;pointer-events:none}.demo-orbit{position:absolute;left:48px;top:0;width:180px;height:180px;border:1px solid #d9a75c;border-radius:50%;background:radial-gradient(circle at center,#f2e5d43d,transparent 64%)}.demo-orbit span{position:absolute;left:50%;top:31%;transform:translate(-50%,-50%);font-size:1.7rem;color:#d19a49}.demo-orbit span:after,.demo-orbit span:before{content:"";position:absolute;left:50%;top:50%;background:#d19a49;transform:translate(-50%,-50%);opacity:.45}.demo-orbit span:before{width:1px;height:58px}.demo-orbit span:after{height:1px;width:58px}.demo-crescent{position:absolute;z-index:1;left:140px;top:72px;width:88px;height:96px;border-radius:50%;background:#d7cccb;box-shadow:-28px -2px 0 2px #fffaf4;transform:rotate(-24deg);opacity:.6}.demo-celestial svg{position:absolute;z-index:2;bottom:0;left:0;width:100%;height:110px;opacity:.7}.demo-celestial path:first-child{fill:#e7e1df}.demo-celestial path:last-child{fill:#f2ece8}.demo-products{display:grid;gap:20px;padding-bottom:32px}.app-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.demo-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(135px,.6fr);align-items:center;gap:24px;padding:28px;border:1px solid #eee6df;border-radius:16px;box-shadow:0 10px 28px #1712360a}.demo-card.is-client{background:linear-gradient(145deg,#fcf8fd,#f6edf7 55%,#f9f0ea)}.demo-card.is-astrologer{background:linear-gradient(145deg,#fdf9f3,#faf3e9 55%,#f3ece2)}.demo-card.is-admin{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);padding:32px;background:linear-gradient(125deg,#faf6fd,#f6f0fa 45%,#fbf7f2)}.demo-card-copy{min-width:0;max-width:28rem}.demo-card-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.demo-card-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #fff;border-radius:13px;background:#efe8fb;color:#5a34b0}.is-astrologer .demo-card-icon{background:#f8ead7;color:#926020}.demo-status{display:inline-flex;align-items:center;gap:7px;color:#67516f;font-size:.75rem;font-weight:600;line-height:1.5}.demo-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#a17d47;flex:0 0 auto}.demo-status.is-available{color:#38644e}.demo-status.is-available:before{background:#39835e}.demo-card-copy h2{font-size:clamp(1.7rem,2.2vw,2.15rem);margin:18px 0 10px;line-height:1.12}.demo-card-copy>p{margin:0;font-size:.96rem;line-height:1.6;color:var(--muted)}.demo-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px}.demo-page .demo-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;max-width:100%;padding:12px 18px;border:1px solid transparent;border-radius:8px;background:linear-gradient(135deg,#51309a,#744dbb);color:#fff;font-size:.875rem;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;box-shadow:0 6px 16px #54319c1a}.demo-page .demo-button:hover{filter:brightness(.94)}.demo-page .demo-text-link{display:inline-flex;align-items:center;min-height:44px;color:#57309b;font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}.demo-page a:focus-visible{outline:3px solid #6c48ae;outline-offset:4px;border-radius:4px}.demo-stage{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:8px}.demo-shot{display:block;object-fit:contain;height:auto;max-width:100%;filter:drop-shadow(0 16px 20px #11173526)}.demo-shot.is-phone{width:min(100%,148px);height:auto}.is-astrologer .demo-shot.is-phone{width:min(100%,175px)}.demo-shot.is-laptop{width:min(720px,100%)}.access-notes{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start;padding-block:8px 32px;scroll-margin-top:100px}.access-heading h2{font-size:1.8rem;margin-bottom:8px}.access-heading p{margin:0;font-size:.875rem;line-height:1.5;color:var(--muted)}.access-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #ebe4dc;border-radius:12px;background:#fffcf8}.access-item{display:flex;align-items:center;gap:14px;padding:20px}.access-item+.access-item{border-left:1px solid #ebe4dc}.access-item>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:#faf0df;color:#8d642c}.access-item p{margin:0;font-size:.875rem;line-height:1.6;color:var(--muted)}.demo-final{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:48px;padding:30px 32px;border:1px solid #eee6ed;border-radius:14px;background:linear-gradient(100deg,#faf6fc,#f4edf9 60%,#f8f1ee)}.demo-final h2{font-size:clamp(1.65rem,2.5vw,2.2rem);margin:10px 0}.demo-final p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}.demo-final-actions{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}.demo-page .demo-button-secondary{background:#fffdf9;color:#57309b;border-color:#a38acb;box-shadow:none}.demo-page .demo-whatsapp{background:#12813c}.demo-whatsapp svg{flex:0 0 auto}@media (max-width:1100px){.demo-card{grid-template-columns:minmax(0,1fr) 125px;gap:16px;padding:24px}.demo-shot.is-phone{width:min(100%,126px)}.is-astrologer .demo-shot.is-phone{width:min(100%,149px)}.demo-card.is-admin{gap:24px;padding:28px}.demo-status{font-size:.72rem}.access-notes{grid-template-columns:1fr;gap:16px}.demo-final{flex-direction:column;align-items:flex-start;gap:22px}}@media (max-width:900px){.app-demo-grid{grid-template-columns:1fr}.demo-card{grid-template-columns:minmax(0,1fr) minmax(140px,.55fr)}.demo-shot.is-phone{width:min(100%,135px)}.is-astrologer .demo-shot.is-phone{width:min(100%,159px)}.demo-hero{grid-template-columns:minmax(0,1fr) 180px}.demo-celestial{height:160px}.demo-orbit{left:10px;width:140px;height:140px}.demo-crescent{left:70px;top:55px}}@media (max-width:640px){.demo-hero{display:block;padding-block:26px 24px;overflow:visible}.demo-hero h1{font-size:clamp(2rem,8vw,2.8rem);line-height:1.08;margin-block:10px 12px}.demo-hero-copy>p{font-size:.95rem}.demo-celestial{display:none}.app-demo-grid,.demo-products{gap:16px}.demo-products{padding-bottom:24px}.demo-card,.demo-card.is-admin{grid-template-columns:minmax(0,1fr);gap:22px;padding:22px;border-radius:14px}.demo-card-copy{max-width:none}.demo-card-heading{gap:10px}.demo-card-icon{width:40px;height:40px;border-radius:11px}.demo-card-copy h2{margin-top:16px;font-size:1.8rem}.demo-card-copy>p{font-size:.925rem}.demo-actions{margin-top:18px}.demo-stage{padding:0 8px}.demo-shot.is-phone{width:min(100%,117px)}.is-astrologer .demo-shot.is-phone{width:min(100%,138px)}.demo-shot.is-laptop{width:100%}.access-list{grid-template-columns:1fr}.access-item{padding:18px;align-items:flex-start}.access-item+.access-item{border-left:0;border-top:1px solid #ebe4dc}.access-notes{padding-block:0 24px}.demo-final{padding:24px 22px;margin-bottom:32px}.demo-final-actions{width:100%;flex-direction:column}.demo-final-actions .demo-button{width:100%}}