/* styles.css */
:root{--ink:#f9f4e8;--muted:#bdb5ce;--violet:#9252ff;--violet-2:#5a22b6;--aqua:#39ddd5;--gold:#f0ce6b;--night:#070615;--panel:#111029;--line:rgba(255,255,255,.12);--max:1180px;--radius:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#28135d 0,transparent 34rem),var(--night);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{touch-action:manipulation}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.7rem 1rem;z-index:1000}.skip-link:focus{top:1rem}.site-header{height:82px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - var(--max))/2));background:rgba(7,6,21,.84);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;letter-spacing:.22em;font-size:1rem}.brand small{display:block;color:var(--aqua);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.brand-mark{width:42px;height:30px;border:2px solid var(--gold);border-radius:70% 15%;transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 24px rgba(146,82,255,.55)}.brand-mark span{width:13px;height:13px;background:radial-gradient(circle,#fff 0 18%,var(--aqua) 20% 48%,var(--violet) 50%);border-radius:50%;transform:rotate(-45deg)}.main-nav{display:flex;align-items:center;gap:28px;font-size:.92rem}.main-nav>a:not(.nav-cta){color:var(--muted)}.main-nav>a:hover{color:#fff}.nav-cta{padding:.7rem 1rem;border:1px solid var(--aqua);border-radius:999px}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:999px;padding:.55rem .9rem}.home-hero,.section,.page-hero,.article-page,.horoscope-page,.site-footer,.app-invite{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.home-hero{min-height:650px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-block;color:var(--aqua);font-size:.76rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase}.home-hero h1,.page-hero h1,.article-header h1,.horoscope-hero h1{font-family:Georgia,serif;line-height:1.04;letter-spacing:-.035em}.home-hero h1{font-size:clamp(3rem,6vw,6.5rem);max-width:900px;margin:.7rem 0 1.2rem}.home-hero p{font-size:clamp(1.05rem,1.8vw,1.35rem);color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:2rem}.button{min-height:48px;padding:.78rem 1.25rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.button.primary{background:linear-gradient(110deg,var(--violet),#4e42da,var(--aqua));box-shadow:0 14px 40px rgba(112,62,229,.35)}.button.ghost{border:1px solid var(--line)}.button.light{background:#fff;color:#171226}.orbit{width:min(34vw,420px);aspect-ratio:1;border:1px solid rgba(57,221,213,.4);border-radius:50%;justify-self:end;position:relative;box-shadow:0 0 100px rgba(146,82,255,.22)}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(240,206,107,.2);border-radius:50%;inset:12%;transform:rotate(35deg)}.orbit:after{inset:30%;border-color:rgba(146,82,255,.75)}.orbit span{position:absolute;width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--aqua) 12%,var(--violet) 42%,#080419 70%);inset:37%;box-shadow:0 0 55px var(--violet)}.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.section-heading h2,.app-invite h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.7rem);line-height:1.06;margin:.5rem 0}.text-link{color:var(--aqua);font-weight:800}.article-card,.horoscope-feature{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.article-card.featured{display:grid;grid-template-columns:1.1fr .9fr}.card-image{min-height:320px;background:#111}.card-image img{width:100%;height:100%;object-fit:cover}.card-copy{padding:clamp(24px,4vw,54px)}.card-copy time,.horoscope-feature time,.article-header time,.horoscope-hero time{display:block;color:var(--muted);font-size:.85rem;margin:.55rem 0}.card-copy h2{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.08;margin:.8rem 0}.card-copy p{color:var(--muted);font-size:1.05rem}.horoscope-feature{display:grid;grid-template-columns:1fr .8fr;gap:30px;padding:clamp(24px,4vw,50px);align-items:center}.horoscope-feature h2{font-family:Georgia,serif;font-size:clamp(2.1rem,4vw,4rem);line-height:1.05;margin:.7rem 0}.horoscope-feature p{color:var(--muted);max-width:650px}.horoscope-feature img{border-radius:22px;max-height:480px;width:100%;object-fit:cover}.app-invite{margin-top:50px;margin-bottom:90px;padding:clamp(28px,5vw,64px);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,#5f26c7,#7c3fe8 45%,#178f99)}.app-invite p{max-width:700px;margin-bottom:0}.page-hero{padding:100px 0 54px}.page-hero.compact{max-width:900px;margin-left:max(20px,calc((100% - var(--max))/2))}.page-hero h1{font-size:clamp(3rem,6vw,5.5rem);margin:.7rem 0}.page-hero p{color:var(--muted);font-size:1.2rem;max-width:720px}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-top:10px}.article-page{padding:60px 0 100px}.breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:.85rem;margin-bottom:50px}.article-header{max-width:940px;margin:0 auto 46px;text-align:center}.article-header h1{font-size:clamp(3rem,6vw,6rem);margin:.8rem 0 1.2rem}.lead{font-size:clamp(1.15rem,2vw,1.45rem);color:var(--muted);max-width:780px;margin-inline:auto}.article-cover{margin:0}.article-cover img{width:100%;max-height:760px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}.article-cover figcaption{color:var(--muted);font-size:.78rem;margin-top:8px}.article-layout{display:grid;grid-template-columns:160px minmax(0,760px);justify-content:center;gap:50px;margin-top:60px}.share-rail{position:sticky;top:120px;height:max-content;display:grid;gap:10px}.share-rail button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.65rem;cursor:pointer}.article-content{font-family:Georgia,serif;font-size:1.2rem;line-height:1.8}.article-section{margin-bottom:44px}.article-section h2,.reflection-box h2,.inline-invite h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1}.article-content p{color:#e4deed}.reflection-box{font-family:Inter,sans-serif;background:linear-gradient(145deg,rgba(146,82,255,.16),rgba(57,221,213,.08));border:1px solid rgba(146,82,255,.5);padding:32px;border-radius:24px;margin:54px 0}.reflection-box li+li{margin-top:14px}.inline-invite{font-family:Inter,sans-serif;border-top:1px solid var(--line);padding-top:42px;margin-top:60px}.inline-invite p{color:var(--muted)}.horoscope-page{padding-bottom:100px}.horoscope-hero{padding:90px 0 60px;max-width:920px}.horoscope-hero h1{font-size:clamp(3rem,7vw,6.5rem);margin:.8rem 0}.horoscope-hero>p{font-size:1.25rem;color:var(--muted)}.daily-energy{margin-top:30px;padding:24px;border:1px solid rgba(57,221,213,.35);border-radius:22px;display:grid;gap:6px;background:rgba(57,221,213,.06)}.daily-energy strong{color:var(--aqua)}.zodiac-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:sticky;top:90px;z-index:20;background:rgba(7,6,21,.92);padding:12px;border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(18px)}.zodiac-nav a{min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;color:var(--muted)}.zodiac-nav a:hover{background:rgba(146,82,255,.18);color:#fff}.signs-section{padding:50px 0}.sign-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.sign-card{scroll-margin-top:180px;display:grid;grid-template-columns:64px 1fr;gap:18px;padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:24px}.sign-symbol{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;font-size:1.8rem;background:rgba(146,82,255,.18);border:1px solid rgba(146,82,255,.45)}.sign-card h2{font-family:Georgia,serif;font-size:2rem;margin:.1rem 0}.sign-card p{color:var(--muted);margin:.5rem 0}.sign-card strong{font-size:.88rem;color:var(--gold)}.sign-focus{font-size:.7rem;color:var(--aqua);letter-spacing:.18em;text-transform:uppercase}.sign-invite{margin:28px 0;padding:30px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(110deg,#5620bd,#194d78)}.sign-invite h2{font-family:Georgia,serif;margin:.4rem 0}.sign-invite p{margin:0;color:#ddd6ea}.tarot-section{padding:60px 0}.tarot-card{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center;padding:40px;border:1px solid rgba(240,206,107,.35);border-radius:var(--radius);background:rgba(240,206,107,.06)}.tarot-glyph{aspect-ratio:2/3;display:grid;place-items:center;border:1px solid var(--gold);border-radius:18px;color:var(--gold);font-size:4rem;background:linear-gradient(145deg,#1e1647,#090718)}.tarot-card h2{font-family:Georgia,serif;font-size:3rem;margin:0}.tarot-card p{color:var(--muted)}.tarot-card strong{color:var(--gold)}.disclaimer{color:var(--muted);font-size:.82rem;text-align:center}.edition-list{display:grid;gap:24px;padding-top:10px}.site-footer{padding:70px 0 calc(50px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted)}.site-footer>div{display:flex;align-items:center;gap:14px;color:#fff;letter-spacing:.2em}.site-footer .brand-mark{transform:scale(.75) rotate(45deg)}.fineprint{font-size:.78rem;max-width:700px}@media(max-width:840px){.site-header{height:72px;padding-inline:18px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:12px;right:12px;padding:16px;background:#111027;border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:stretch;gap:8px}.main-nav.open{display:flex}.main-nav a{padding:12px}.home-hero{min-height:auto;padding:90px 0;display:block}.orbit{position:absolute;right:-120px;top:40px;width:300px;opacity:.45}.article-card.featured,.horoscope-feature{grid-template-columns:1fr}.horoscope-feature img{order:-1;max-height:320px}.cards-grid,.sign-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:20px}.share-rail{position:static;display:flex}.share-rail button{flex:1}.zodiac-nav{grid-template-columns:repeat(4,1fr);top:78px;overflow:auto}.zodiac-nav span{display:none}.sign-invite,.app-invite{align-items:flex-start;flex-direction:column}.tarot-card{grid-template-columns:100px 1fr;gap:20px}.page-hero.compact{margin-inline:auto}}@media(max-width:520px){.home-hero,.section,.page-hero,.article-page,.horoscope-page,.site-footer,.app-invite{width:min(100% - 28px,var(--max))}.home-hero h1{font-size:3.2rem}.hero-actions .button{width:100%}.section{padding:58px 0}.section-heading{align-items:flex-start;flex-direction:column}.card-copy{padding:24px}.horoscope-feature{padding:18px}.article-header{text-align:left}.article-header h1{font-size:2.8rem}.article-page{padding-top:34px}.article-cover img{border-radius:18px}.article-layout{margin-top:34px}.article-content{font-size:1.08rem}.reflection-box{padding:22px}.zodiac-nav{grid-template-columns:repeat(6,52px);justify-content:flex-start;overflow-x:auto}.sign-card{grid-template-columns:48px 1fr;padding:22px}.sign-symbol{width:46px;height:46px;font-size:1.35rem}.sign-card h2{font-size:1.65rem}.tarot-card{grid-template-columns:1fr}.tarot-glyph{width:120px}.site-footer{padding-top:50px}}

/* daath-home.css */
.premium-home { background: #000; overflow: clip; }
.site-header { position: fixed; inset: 0 0 auto; height: 76px; background: transparent; border-bottom-color: transparent; backdrop-filter: none; transition: height .35s ease, background .35s ease, border-color .35s ease, box-shadow .35s ease, backdrop-filter .35s ease; }
.site-header.is-scrolled,.site-header.menu-open { height: 68px; background: rgba(3,3,10,.96); border-bottom-color: rgba(255,255,255,.08); box-shadow: 0 10px 24px rgba(0,0,0,.28); backdrop-filter: none; }
.brand { position: relative; gap: 0; }
.brand-logo { width: 150px; height: 64px; object-fit: contain; flex: none; }
.main-nav { gap: 34px; }
.main-nav > a:not(.nav-cta) { font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.nav-cta { min-height: 42px; display: inline-flex; align-items: center; padding-inline: 18px; border-color: rgba(57,221,213,.48); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.premium-home .liquid-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 0 30px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; color: #fff; background: rgba(255,255,255,.08); box-shadow: inset 0 1px rgba(255,255,255,.24), 0 16px 40px rgba(0,0,0,.28); backdrop-filter: blur(18px); font-size: .8rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; transition: transform .3s, background .3s; }
.premium-home .liquid-button:hover { transform: translateY(-2px); background: rgba(255,255,255,.15); }
.daath-video-hero { position: relative; min-height: 100svh; display: grid; place-items: center; isolation: isolate; overflow: hidden; background:#02050b url('/assets/hero-daath-poster.webp') center / cover no-repeat; }
.hero-background-video, .featured-video > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-background-video { opacity: 0; transition: opacity .5s; background:#02050b url('/assets/hero-daath-poster.webp') center / cover no-repeat; }
.hero-background-video.is-ready { opacity: 1; }
.premium-video-overlay { position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(0,0,0,.08), rgba(0,0,0,.7)), linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.58)); }
.daath-hero-content { position: relative; z-index: 2; width: min(1200px, calc(100% - 32px)); text-align: center; padding: 80px 0; }
.daath-hero-content > p, .featured-copy > p, .daath-about p, .celestial-portal > div > p, .premium-final p { font-size: .72rem; font-weight: 800; letter-spacing: .28em; text-transform: uppercase; color: rgba(255,255,255,.66); }
.animated-word { display: flex; justify-content: center; flex-wrap: nowrap; margin: 18px auto 28px; font-family: Georgia, serif; font-size: clamp(2.45rem, 9.2vw, 8.7rem); line-height: .9; letter-spacing: -.055em; color: #fff; text-shadow: 0 4px 30px rgba(0,0,0,.5); }
.animated-word span { display: inline-block; opacity: 0; filter: blur(10px); transform: translateY(24px); animation: letter-rise .65s cubic-bezier(.16,1,.3,1) forwards; animation-delay: calc(var(--i) * .09s + .2s); }
.hero-subtitle { max-width: 760px; margin: 0 auto 36px; color: rgba(255,255,255,.86); font-size: clamp(1rem,1.7vw,1.25rem); letter-spacing: .025em; text-shadow: 0 2px 12px rgba(0,0,0,.85); }
.hero-scroll { position: absolute; z-index: 3; bottom: 24px; left: 50%; color: rgba(255,255,255,.7); font-size: 2rem; animation: hero-bounce 1.7s ease-in-out infinite; }
@keyframes letter-rise { to { opacity: 1; filter: blur(0); transform: translateY(0); } }
@keyframes hero-bounce { 50% { transform: translate(-50%,8px); } 0%,100% { transform: translate(-50%,0); } }

[data-reveal] { opacity: 0; transform: translateY(44px); transition: opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1); }
[data-reveal].is-visible { opacity: 1; transform: none; }
.daath-about { position: relative; min-height: 780px; display: flex; align-items: center; padding: 110px 24px; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 86% 38%, rgba(20,64,87,.24), transparent 62%), radial-gradient(ellipse at 28% 80%, rgba(23,43,76,.22), transparent 68%), linear-gradient(180deg,#02050b 0%,#050d18 30%,#061322 66%,#041019 100%); }
.daath-about > div:last-child { position: relative; z-index: 2; width: min(1180px,100%); margin: auto; }
.daath-about h2 { max-width: 1150px; margin: 30px 0 0; font-family: Georgia,serif; font-size: clamp(3rem,6.5vw,7rem); line-height: 1.06; letter-spacing: -.03em; }
.daath-about h2 em { color: rgba(255,255,255,.42); font-weight: 400; }
.celestial-dark { position: relative; isolation: isolate; padding: 90px 0 130px; background: #041019 url('/assets/jornada-celeste-daath-v3.webp') center top / cover repeat-y; }
.featured-video, .premium-philosophy, .premium-services, .knowledge-paths { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.featured-video { position: relative; min-height: 640px; overflow: hidden; border-radius: 34px; isolation: isolate; background:#02070c url('/assets/filosofia-cosmica-daath-v3-poster.webp') center / cover no-repeat; box-shadow: 0 35px 100px rgba(0,0,0,.4); }
.featured-copy { position: absolute; z-index: 2; inset: auto 0 0; padding: clamp(28px,5vw,66px); background: linear-gradient(to top, rgba(0,0,0,.9), transparent); }
.featured-copy h2 { max-width: 720px; margin: 12px 0; font-family: Georgia,serif; font-size: clamp(2.5rem,5.5vw,5.5rem); line-height: 1; }
.featured-copy > span { display: block; max-width: 650px; margin-bottom: 28px; color: rgba(255,255,255,.76); font-size: 1.06rem; }
.knowledge-paths { padding: 130px 0 20px; }
.knowledge-paths .section-heading { align-items: end; }
.knowledge-paths .section-heading h2 { margin: 10px 0 0; font-family: Georgia,serif; font-size: clamp(2.6rem,5vw,5.6rem); line-height: 1; }
.path-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.path-card { min-height: 205px; padding: 28px; border: 1px solid rgba(255,255,255,.11); border-radius: 24px; background: rgba(2,9,13,.72); backdrop-filter: blur(14px); }
.path-card > span { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(240,206,107,.38); border-radius: 50%; color: var(--gold); }
.path-card h3 { margin: 22px 0 8px; font-family: Georgia,serif; font-size: 1.45rem; }
.path-card p { margin: 0; color: rgba(255,255,255,.58); }
.premium-philosophy { padding: 150px 0 50px; }
.premium-philosophy > h2 { margin: 0 0 80px; font-family: Georgia,serif; font-size: clamp(3rem,7vw,7.5rem); line-height: .95; letter-spacing: -.035em; }
.premium-philosophy > h2 em { color: rgba(255,255,255,.26); font-weight: 400; }
.philosophy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(38px,7vw,90px); align-items: center; }
.philosophy-media { min-width: 0; border-radius: 30px; overflow: hidden; background: #080e18; }
.philosophy-media video { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: inherit; }
.philosophy-grid p:not(.premium-label) { color: rgba(255,255,255,.7); font-size: 1.08rem; line-height: 1.8; }
.premium-label { color: rgba(255,255,255,.45); font-size: .68rem; font-weight: 800; letter-spacing: .24em; }
.philosophy-grid hr { margin: 38px 0; border: 0; border-top: 1px solid rgba(255,255,255,.13); }
.premium-services { padding: 130px 0; }
.premium-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 60px; }
.premium-heading h2 { margin: 0; font-family: Georgia,serif; font-size: clamp(2.8rem,5.5vw,6rem); line-height: 1; }
.premium-heading span { color: rgba(255,255,255,.42); letter-spacing: .12em; text-transform: uppercase; font-size: .7rem; }
.service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.service-grid > a { overflow: hidden; min-width:0; border: 1px solid rgba(255,255,255,.12); border-radius: 30px; background: rgba(3,9,13,.9); transition: transform .4s; }
.service-grid > a:hover { transform: translateY(-5px); }
.service-grid video { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.service-grid a > div { padding: 32px; }
.service-grid small { color: rgba(255,255,255,.48); letter-spacing: .22em; }
.service-grid h3 { margin: 12px 0; font-family: Georgia,serif; font-size: 2rem; }
.service-grid p { color: rgba(255,255,255,.6); }

.celestial-paper { position: relative; isolation: isolate; min-height: 780px; display: flex; align-items: center; color: #171927; overflow: hidden; }
.celestial-paper > picture, .celestial-paper > picture img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.celestial-portal { position: relative; z-index: 2; width: min(1160px,calc(100% - 40px)); margin: auto; display: grid; grid-template-columns: .95fr 1.05fr; gap: 70px; align-items: center; padding: 100px 0; }
.celestial-portal > div > p { color: #9a6028; }
.celestial-portal h2 { margin: 18px 0 26px; font-family: Georgia,serif; font-size: clamp(3rem,5.5vw,5.6rem); line-height: .98; letter-spacing: -.035em; }
.celestial-portal span { display: block; color: #454650; font-size: 1.08rem; line-height: 1.75; }
.celestial-portal > div > div { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.dark-button,.outline-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 0 24px; border-radius: 999px; font-weight: 800; }
.dark-button { color: #fff; background: #171927; }
.outline-button { border: 1px solid rgba(23,25,39,.2); }
.celestial-wheel { width: 100%; animation: wheel-spin 70s linear infinite; filter: drop-shadow(0 30px 35px rgba(23,25,39,.18)); }
@keyframes wheel-spin { to { transform: rotate(360deg); } }
.editorial-latest { padding: 50px 0 100px; background: #070615; }
.reading-journey { width: min(1160px,calc(100% - 40px)); margin: auto; padding: 100px 0; }
.reading-journey > h2 { margin: 10px 0 46px; font-family: Georgia,serif; font-size: clamp(2.8rem,5vw,5.5rem); line-height: 1; }
.reading-journey ol { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin: 0; padding: 0; list-style: none; }
.reading-journey li { display: flex; gap: 18px; padding: 26px 0; border-top: 1px solid rgba(255,255,255,.12); }
.reading-journey li > strong { color: var(--gold); font-family: Georgia,serif; font-size: 1.4rem; }
.reading-journey h3 { margin: 0; }.reading-journey p { color: var(--muted); }
.premium-final { position: relative; min-height: 760px; display: grid; place-items: center; overflow: hidden; isolation: isolate; }
.premium-final > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.premium-final:after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse at center,rgba(2,10,16,.82),rgba(2,10,16,.16) 48%,rgba(2,10,16,.5)); }
.premium-final > div { position: relative; z-index: 2; width: min(610px,calc(100% - 40px)); text-align: center; }
.premium-final h2 { margin: 16px 0; font-family: Georgia,serif; font-size: clamp(3rem,6vw,6rem); line-height: .98; }
.premium-final > div > span { display: block; margin-bottom: 30px; color: rgba(255,255,255,.75); }
.mobile-premium-cta { display: none; }

@media (prefers-reduced-motion:reduce) { .animated-word span { animation: none; opacity:1; filter:none; transform:none; } [data-reveal] { opacity:1; transform:none; } .celestial-wheel { animation:none; } }
@media (max-width:840px) {
  .site-header { height: 64px; padding-inline: 16px; }
  .site-header.is-scrolled,.site-header.menu-open { height: 60px; }
  .brand-logo { width: 118px; height: 52px; }
  .daath-video-hero { min-height: 100svh; }
  .animated-word { font-size: clamp(2.15rem,11.2vw,5rem); }
  .daath-about { min-height: 650px; }
  .featured-video { min-height: 620px; }
  .path-grid { grid-template-columns: repeat(2,1fr); }
  .philosophy-grid,.celestial-portal { grid-template-columns:1fr; }
  .service-grid { grid-template-columns:1fr; }
  .celestial-wheel { width:min(100%,590px); margin:auto; }
  .reading-journey ol { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .daath-hero-content { padding: 55px 0 75px; }
  .daath-hero-content > p { font-size:.62rem; }
  .animated-word { max-width:100%; font-size:clamp(1.85rem,8vw,2.15rem); letter-spacing:-.055em; }
  .hero-subtitle { max-width:330px; font-size:.98rem; }
  .daath-about { min-height:700px; padding:80px 22px; }
  .daath-about h2 { font-size:clamp(2.55rem,12vw,3rem); line-height:1.02; }
  .celestial-dark { padding-top:60px; background-image:url('/assets/jornada-celeste-daath-mobile-v3.webp'); }
  .featured-video,.premium-philosophy,.premium-services,.knowledge-paths { width:calc(100% - 28px); }
  .featured-video { min-height:610px; border-radius:24px; }
  .featured-copy { padding:24px 20px 28px; }
  .featured-copy h2 { font-size:2.7rem; }
  .knowledge-paths { padding-top:90px; }
  .knowledge-paths .section-heading { align-items:flex-start; }
  .path-grid { grid-template-columns:1fr; }
  .path-card { min-height:auto; }
  .premium-philosophy { padding-top:110px; }
  .premium-philosophy > h2 { font-size:3.2rem; margin-bottom:48px; }
  .philosophy-grid video { aspect-ratio:1; }
  .premium-services { padding:100px 0; }
  .premium-heading { align-items:flex-start; flex-direction:column; }
  .service-grid a > div { padding:24px; }
  .celestial-paper { min-height:980px; }
  .celestial-portal { width:calc(100% - 28px); gap:38px; padding:70px 0; }
  .celestial-portal h2 { font-size:3.1rem; }
  .celestial-portal > div > div { flex-direction:column; }
  .dark-button,.outline-button { width:100%; }
  .editorial-latest { padding-top:20px; }
  .reading-journey { width:calc(100% - 28px); padding:72px 0; }
  .premium-final { min-height:720px; }
  .premium-final h2 { font-size:3.25rem; }
  .mobile-premium-cta { display:flex; position:fixed; z-index:45; left:18px; right:18px; bottom:calc(14px + env(safe-area-inset-bottom)); min-height:52px; align-items:center; justify-content:center; border-radius:999px; background:linear-gradient(100deg,#a34cff,#36d9d0); color:#fff; font-weight:800; box-shadow:0 16px 40px rgba(0,0,0,.45); transform:translateY(90px); opacity:0; transition:.4s; }
  .mobile-premium-cta.is-visible { transform:none; opacity:1; }
}

/* editorial-premium.css */
/* Páginas internas seguem a mesma linguagem cinematográfica da antiga home DAATH. */
.page-hero,
.article-page,
.horoscope-page { position: relative; }

.page-hero,.article-page,.horoscope-page,.cards-grid,.article-card,.article-card>* { min-width:0; }

.page-hero:before,
.article-page:before,
.horoscope-page:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: min(760px, 78vh);
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 12%, rgba(138, 88, 211, .22), transparent 38%),
    linear-gradient(rgba(4, 16, 25, .32), rgba(7, 6, 21, .94)),
    url('/assets/jornada-celeste-daath-v3.webp') center top / cover;
  mask-image: linear-gradient(to bottom, #000 64%, transparent);
}

.page-hero > *,
.article-page > *,
.horoscope-page > * { position: relative; z-index: 1; }

.page-hero.compact {
  max-width: none;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 90px max(20px, calc((100% - var(--max)) / 2));
}

.page-hero.compact h1 { max-width: 930px; font-size: clamp(3.6rem, 7vw, 7rem); }

.article-page { width: 100%; padding: 0 0 110px; }
.article-page .breadcrumbs { width: min(1160px, calc(100% - 40px)); margin: 0 auto; padding-top: 44px; }
.article-header { width: min(1160px, calc(100% - 40px)); max-width: none; margin: 0 auto 60px; padding: 70px 0 12px; text-align: left; }
.article-header h1 { max-width: 1040px; margin: 18px 0 24px; font-size: clamp(3.6rem, 7.2vw, 7.4rem); line-height: .94; }
.article-header .lead { max-width: 790px; margin: 0; font-family: Inter, sans-serif; font-size: clamp(1.08rem, 1.8vw, 1.35rem); line-height: 1.7; }
.article-cinematic { position: relative; z-index: 1; width: min(1160px, calc(100% - 40px)); min-height: 620px; margin: 0 auto; overflow: hidden; border-radius: 34px; isolation: isolate; box-shadow: 0 36px 90px rgba(0,0,0,.45); }
.article-cinematic video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.article-cinematic:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.82),transparent 58%); }
.article-cinematic > div { position:absolute; z-index:2; left:clamp(24px,5vw,64px); right:clamp(24px,5vw,64px); bottom:clamp(26px,5vw,58px); }
.article-cinematic p { margin:10px 0 0; color:rgba(255,255,255,.72); font-size:1.05rem; }
.article-layout {
  width: min(1080px, calc(100% - 40px));
  max-width: none;
  grid-template-columns: 150px minmax(0, 760px);
  margin: 72px auto 0;
  padding: clamp(32px, 6vw, 76px);
  color: #20202a;
  background: linear-gradient(145deg, #f6f1e8, #e6edef);
  border-radius: 34px;
  box-shadow: 0 30px 90px rgba(0,0,0,.28);
}
.article-layout .share-rail { top: 110px; }
.article-layout .share-rail button { color: #363642; border-color: rgba(23,25,39,.18); background: rgba(255,255,255,.38); }
.article-content { color: #20202a; font-size: 1.18rem; }
.article-content p { color: #393944; }
.article-section h2 { color: #171927; font-size: clamp(2rem, 3.5vw, 3rem); }
.reflection-box { color: #171927; background: rgba(255,255,255,.44); border-color: rgba(154,96,40,.32); }
.reflection-box .eyebrow { color: #9a6028; }
.inline-invite { margin-inline: -24px; padding: 38px 24px 0; border-color: rgba(23,25,39,.14); }
.inline-invite .eyebrow { color: #7040b2; }
.inline-invite p { color: #4d4d58; }
.article-references { margin:3rem 0; padding:1.25rem 1.5rem; border-left:3px solid #8a59c7; background:rgba(255,255,255,.45); border-radius:0 18px 18px 0; }
.article-references h2 { margin:0 0 .8rem; color:#20202a; font-size:clamp(1.15rem,2vw,1.4rem); }
.article-references ul { margin:0 0 .75rem; padding-left:1.25rem; }
.article-references a { color:#572b92; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.article-references p { margin:0; font-size:.9rem; }
.lunar-event-label { display:inline-flex; align-items:center; flex-wrap:wrap; gap:.4rem; padding:.55rem .8rem; border:1px solid rgba(240,206,107,.4); border-radius:12px; background:rgba(240,206,107,.08); color:#f4d97f; font-size:clamp(.82rem,1.4vw,.98rem); font-weight:700; line-height:1.4; }
.article-header .lunar-event-label { margin-top:1.5rem; }

.cards-grid { width: min(1160px, calc(100% - 40px)); padding: 30px 0 110px; }
.cards-grid .article-card { min-width:0; border-color:rgba(255,255,255,.13); background:linear-gradient(145deg,rgba(20,19,46,.9),rgba(4,15,24,.9)); box-shadow:0 24px 70px rgba(0,0,0,.22); }
.editorial-card-art { position:relative; min-height:clamp(250px,30vw,390px); display:block; isolation:isolate; overflow:hidden; background:radial-gradient(circle at 68% 34%,rgba(77,225,215,.22),transparent 8%),radial-gradient(circle at 68% 34%,rgba(133,74,221,.35),transparent 28%),linear-gradient(135deg,rgba(5,20,30,.4),rgba(29,11,68,.72)),url('/assets/jornada-celeste-daath-v3.webp') center / cover; }
.editorial-card-art:before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(125deg,rgba(2,9,15,.08),rgba(1,4,9,.66)); }
.editorial-card-art:after { content:""; position:absolute; inset:18px; border:1px solid rgba(240,206,107,.18); border-radius:22px; pointer-events:none; }
.editorial-orbit { position:absolute; width:min(48%,190px); aspect-ratio:1; right:9%; top:50%; translate:0 -50%; border:1px solid rgba(94,234,212,.35); border-radius:50%; box-shadow:0 0 64px rgba(123,73,216,.22),inset 0 0 35px rgba(94,234,212,.08); }
.editorial-orbit:before,.editorial-orbit:after { content:""; position:absolute; inset:16%; border:1px solid rgba(240,206,107,.28); border-radius:50%; transform:rotate(55deg) scaleY(.38); }
.editorial-orbit:after { inset:31%; border-color:rgba(181,132,255,.5); transform:rotate(-36deg) scaleY(.62); }
.editorial-orbit i { position:absolute; width:13%; aspect-ratio:1; top:12%; left:15%; border-radius:50%; background:#f0ce6b; box-shadow:0 0 20px #f0ce6b; }
.editorial-orbit b { position:absolute; width:28%; aspect-ratio:1; inset:36%; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff 0 8%,#58e5dc 10% 28%,#6d30bd 54%,#070615 75%); box-shadow:0 0 38px rgba(101,67,218,.8); }
.editorial-orbit-moon { width:clamp(154px,25vw,260px); background:radial-gradient(circle,rgba(122,165,245,.13),rgba(106,60,204,.08) 48%,transparent 72%); }
.editorial-orbit-moon:before { animation:editorial-moon-orbit 24s linear infinite; }
.editorial-orbit-moon:after { animation:editorial-moon-orbit 31s linear infinite reverse; }
.editorial-moon-disc { position:absolute; inset:50% auto auto 50%; translate:-50% -50%; width:94%; aspect-ratio:1; display:block; filter:drop-shadow(0 0 14px rgba(174,204,255,.55)) drop-shadow(0 0 36px rgba(122,79,237,.3)); animation:editorial-moon-breathe 6s ease-in-out infinite alternate; }
.editorial-moon-disc img { display:block; width:100%; height:100%; object-fit:contain; clip-path:circle(41% at 48% 50%); }
@keyframes editorial-moon-orbit { to { rotate:360deg; } }
@keyframes editorial-moon-breathe { to { transform:scale(1.045); } }
@media(prefers-reduced-motion:reduce) { .editorial-orbit-moon:before,.editorial-orbit-moon:after,.editorial-moon-disc { animation:none; } }
.editorial-card-meta { position:absolute; z-index:2; left:clamp(28px,5vw,52px); top:50%; display:grid; translate:0 -50%; }
.editorial-card-meta small { color:#58e5dc; font-size:.65rem; font-weight:800; letter-spacing:.24em; text-transform:uppercase; }
.editorial-card-meta strong { margin:.06em 0 -.08em; color:#f9f4e8; font-family:Georgia,serif; font-size:clamp(4.5rem,8vw,7rem); font-weight:400; line-height:1; }
.editorial-card-meta em { color:#f0ce6b; font-size:.72rem; font-style:normal; font-weight:800; letter-spacing:.24em; text-transform:uppercase; }
.editorial-card-line { position:absolute; left:clamp(28px,5vw,52px); right:clamp(28px,5vw,52px); bottom:26px; height:1px; background:linear-gradient(90deg,#58e5dc,rgba(240,206,107,.3),transparent); }
.cards-grid .card-copy { min-width:0; }
.cards-grid .card-copy h2 { font-size:clamp(1.75rem,3.2vw,2.75rem); line-height:1.08; }
.cards-grid .card-copy p { font-size:clamp(.98rem,1.4vw,1.08rem); line-height:1.72; }
.cards-grid .card-copy .lunar-event-label { margin:.8rem 0 .2rem; font-size:clamp(.82rem,1.3vw,.92rem); line-height:1.4; }

.horoscope-page { width: 100%; padding-bottom: 56px; }
.horoscope-hero { width: min(1040px, calc(100% - 40px)); max-width: none; margin: 0 auto; padding: 110px 0 42px; }
.horoscope-hero h1 { max-width: 900px; font-size: clamp(4rem, 8vw, 8rem); line-height: .92; }
.horoscope-hero > p { max-width: 720px; line-height: 1.7; }
.daily-energy { max-width: 720px; padding: 28px; background: rgba(4,16,25,.68); backdrop-filter: blur(14px); }
.zodiac-nav { width: min(1040px, calc(100% - 40px)); margin: 0 auto; top: 92px; border-color: rgba(240,206,107,.22); border-radius: 999px; background: rgba(4,16,25,.9); }
.zodiac-nav a { color: rgba(255,255,255,.7); }
.signs-section { width: min(1040px, calc(100% - 40px)); margin: 0 auto; padding-top: 48px; }
.sign-grid { gap: 22px; }
.sign-card { color: #171927; background: linear-gradient(145deg, #f6f1e8, #e4ecee); border: 0; box-shadow: 0 22px 60px rgba(0,0,0,.22); }
.sign-card p { color: #4d4c55; }
.sign-card strong { color: #91522a; }
.sign-focus { color: #6e3aa9; }
.sign-symbol { color: #51306f; background: rgba(117,72,170,.12); border-color: rgba(117,72,170,.28); }
.sign-invite { padding: 34px; background: linear-gradient(110deg,#061820,#342064 58%,#176d76); box-shadow: 0 22px 55px rgba(0,0,0,.2); }
.tarot-section { width: min(1040px, calc(100% - 40px)); margin: 0 auto; }
.tarot-card { color: #171927; background: linear-gradient(145deg,#f5efe6,#dce8e9); border: 0; box-shadow: 0 22px 60px rgba(0,0,0,.2); }
.tarot-glyph { margin:0; aspect-ratio:9/16; overflow:hidden; background:#10092a; box-shadow:0 18px 38px rgba(25,12,57,.28); }
.tarot-glyph img { width:100%; height:100%; object-fit:cover; }
.tarot-card p { color: #4d4c55; }
.tarot-card strong { color: #91522a; }
.horoscope-page .disclaimer { width: min(820px, calc(100% - 40px)); margin: 22px auto 0; }

@media (max-width: 840px) {
  .article-layout { grid-template-columns: 1fr; }
  .article-layout .share-rail { position: static; }
  .zodiac-nav { border-radius: 24px; }
}

@media (max-width: 720px) {
  .page-hero.compact { min-height:440px; }
  .page-hero.compact h1 { font-size:clamp(2.85rem,12vw,4.5rem); line-height:.96; }
  .article-header h1 { font-size:clamp(2.7rem,11.5vw,4.4rem); line-height:.98; }
  .cards-grid { gap:18px; }
  .editorial-card-art { min-height:290px; }
  .cards-grid .card-copy { padding:26px 24px 30px; }
}

@media (max-width: 520px) {
  .page-hero:before,.article-page:before,.horoscope-page:before { background-image: linear-gradient(rgba(4,16,25,.3),rgba(7,6,21,.96)),url('/assets/jornada-celeste-daath-mobile-v3.webp'); }
  .page-hero.compact { min-height: 470px; padding-block: 70px; }
  .page-hero.compact h1 { font-size: clamp(2.65rem,13vw,3.35rem); }
  .article-page .breadcrumbs,.article-header,.article-cinematic { width: calc(100% - 28px); }
  .article-header { padding-top: 48px; }
  .article-header h1 { font-size: clamp(2.55rem,12vw,3.15rem); }
  .article-cinematic { min-height:520px; border-radius:22px; }
  .article-layout { width: calc(100% - 20px); margin-top: 36px; padding: 30px 22px; border-radius: 26px; }
  .article-content { font-size: 1.06rem; }
  .article-content p { line-height: 1.78; }
  .cards-grid { width: calc(100% - 28px); }
  .editorial-card-art { min-height:250px; }
  .editorial-card-art:after { inset:12px; border-radius:18px; }
  .editorial-card-meta { left:26px; }
  .editorial-card-meta strong { font-size:4.3rem; }
  .editorial-orbit { right:7%; width:44%; }
  .horoscope-hero,.zodiac-nav,.signs-section,.tarot-section { width: calc(100% - 28px); }
  .horoscope-hero { padding: 80px 0 34px; }
  .horoscope-hero h1 { font-size: 3.6rem; }
  .zodiac-nav { top: 78px; }
  .signs-section { padding-top: 34px; }
  .sign-card { padding: 24px 20px; }
  .sign-invite { padding: 28px 22px; }
  .tarot-card { padding: 26px 22px; }
}

@media (max-width: 360px) {
  .editorial-orbit-moon { width:126px; right:4%; }
}

/* mobile-fixes.css */
html { font-size: clamp(15px, calc(14px + .18vw), 17px); }
body { max-width:100%; overflow-x:clip; line-height: 1.65; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
h1,h2,h3,p { max-width:100%; overflow-wrap:break-word; text-wrap:pretty; }
h1,h2,h3 { text-wrap:balance; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

.menu-toggle { width: 46px; height: 46px; padding: 7px; place-items: center; border:0; border-radius:0; color:#a855f7; background:transparent; box-shadow:none; transition:transform .35s ease,filter .35s ease; }
.menu-toggle:hover { transform:scale(1.06); filter:drop-shadow(0 0 14px rgba(168,85,247,.55)); }
.menu-toggle:focus-visible { outline:2px solid #5eead4; outline-offset:5px; }
.menu-star { width:31px; height:31px; display:block; filter:drop-shadow(0 0 10px rgba(168,85,247,.5)); transition:transform .5s cubic-bezier(.16,1,.3,1); }
.menu-toggle[aria-expanded="true"] .menu-star { transform: rotate(45deg) scale(.9); }
.menu-toggle { position:relative; isolation:isolate; }
@media (max-width:1100px) {
  .menu-toggle::before { content:""; position:absolute; inset:3px; z-index:-1; border-radius:50%; padding:1px; opacity:.62; background:conic-gradient(from 0deg,transparent 0 16%,#5eead4 25%,#a855f7 42%,#f0ce6b 58%,#7c3aed 72%,transparent 86%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:menu-rose-orbit 7s linear infinite; }
  .menu-star stop:nth-child(1) { animation:menu-star-a 5.8s ease-in-out infinite; }
  .menu-star stop:nth-child(2) { animation:menu-star-b 5.8s .18s ease-in-out infinite; }
  .menu-star stop:nth-child(3) { animation:menu-star-c 5.8s .36s ease-in-out infinite; }
  .menu-star stop:nth-child(4) { animation:menu-star-d 5.8s .54s ease-in-out infinite; }
  .menu-star { filter:drop-shadow(0 0 8px rgba(168,85,247,.54)) drop-shadow(0 0 2px rgba(94,234,212,.48)); }
}
@keyframes menu-rose-orbit { to { transform:rotate(360deg); } }
@keyframes menu-star-a { 0%,100%{stop-color:#c4b5fd} 33%{stop-color:#5eead4} 66%{stop-color:#f0ce6b} }
@keyframes menu-star-b { 0%,100%{stop-color:#a855f7} 33%{stop-color:#c4b5fd} 66%{stop-color:#5eead4} }
@keyframes menu-star-c { 0%,100%{stop-color:#7c3aed} 33%{stop-color:#f0ce6b} 66%{stop-color:#a855f7} }
@keyframes menu-star-d { 0%,100%{stop-color:#5eead4} 33%{stop-color:#a855f7} 66%{stop-color:#c4b5fd} }
.main-nav.open { top: 100%; }

.page-hero.compact { padding-top: 166px; }
.article-page .breadcrumbs { padding-top: 112px; }
.horoscope-hero { padding-top: 160px; }

.signs-section { width:min(1120px,calc(100% - 40px)); margin:0 auto; padding:72px 0 30px; }
.sign-selector-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:34px; }
.sign-selector-head h2 { margin:.45rem 0 .25rem; font-family:Georgia,serif; font-size:clamp(2.7rem,5vw,5.4rem); line-height:.98; letter-spacing:-.035em; }
.sign-selector-head p { margin:0; color:var(--muted); font-size:1.05rem; }
.sign-selector-note { color:rgba(255,255,255,.52); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }
.zodiac-pick-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.zodiac-pick { min-width:0; min-height:154px; padding:22px; display:grid; grid-template-columns:48px 1fr; grid-template-rows:1fr auto; gap:14px; text-align:left; color:#171927; border:0; border-radius:24px; background:linear-gradient(145deg,#fbf6ee,#dce7e8); box-shadow:0 20px 52px rgba(0,0,0,.2); cursor:pointer; transition:transform .3s ease,box-shadow .3s ease; }
.zodiac-pick:hover { transform:translateY(-4px); box-shadow:0 26px 60px rgba(0,0,0,.28); }
.zodiac-pick-symbol { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(111,58,169,.22); border-radius:50%; color:#65349c; background:rgba(130,76,184,.1); font-size:1.55rem; }
.zodiac-pick strong { display:block; margin-top:2px; font-family:Georgia,serif; font-size:1.35rem; line-height:1.1; }
.zodiac-pick small { display:block; margin-top:5px; color:#7545a8; font-size:.62rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.zodiac-pick-action { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; padding-top:14px; border-top:1px solid rgba(23,25,39,.12); color:#555560; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }

body.modal-open { overflow:hidden; }
.sign-dialog { width:min(920px,calc(100% - 32px)); max-height:min(860px,calc(100dvh - 32px)); padding:0; color:#171927; border:0; border-radius:32px; background:linear-gradient(145deg,#fbf6ee,#e4ecee); box-shadow:0 36px 120px rgba(0,0,0,.62); overflow:auto; }
.sign-dialog::backdrop { background:rgba(1,4,12,.82); backdrop-filter:blur(14px); }
.sign-dialog[open] { animation:sign-in .35s cubic-bezier(.16,1,.3,1); }
@keyframes sign-in { from { opacity:0; transform:translateY(26px) scale(.97); } }
.sign-dialog-shell { position:relative; padding:clamp(30px,5vw,62px); }
.sign-dialog-close { position:sticky; z-index:3; top:18px; float:right; width:48px; height:48px; display:grid; place-items:center; margin:-8px -8px 0 16px; color:#171927; border:1px solid rgba(23,25,39,.16); border-radius:50%; background:rgba(255,255,255,.64); backdrop-filter:blur(12px); font-size:1.75rem; line-height:1; cursor:pointer; }
.sign-dialog-head { display:grid; grid-template-columns:96px 1fr; gap:28px; align-items:start; padding-right:56px; }
.sign-dialog-symbol { width:90px; height:90px; display:grid; place-items:center; border:1px solid rgba(111,58,169,.22); border-radius:50%; color:#65349c; background:rgba(130,76,184,.1); font-size:3rem; }
.sign-dialog-head h2 { margin:.3rem 0 .65rem; font-family:Georgia,serif; font-size:clamp(3rem,6vw,5.5rem); line-height:.9; letter-spacing:-.04em; }
.sign-dialog-head p { max-width:680px; margin:0; color:#4f505b; font-size:1.12rem; line-height:1.75; }
.sign-dialog-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:38px; }
.sign-dialog-grid section { padding:24px; border:1px solid rgba(23,25,39,.1); border-radius:20px; background:rgba(255,255,255,.38); }
.sign-dialog-grid span,.sign-dialog-guidance span,.sign-dialog-intention span { color:#7740ad; font-size:.66rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.sign-dialog-grid p { margin:.65rem 0 0; color:#494a54; line-height:1.7; }
.sign-dialog-guidance { margin-top:14px; padding:26px; color:#fff; border-radius:22px; background:linear-gradient(120deg,#20123d,#143b48); }
.sign-dialog-guidance span { color:#62ded5; }
.sign-dialog-guidance p { margin:.6rem 0 0; font-family:Georgia,serif; font-size:1.3rem; line-height:1.55; }
.sign-dialog-intention { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:28px; padding-top:24px; border-top:1px solid rgba(23,25,39,.14); }
.sign-dialog-intention strong { color:#8f4c27; font-family:Georgia,serif; font-size:1.25rem; text-align:right; }
.sign-invite { width:min(1040px,calc(100% - 40px)); margin:44px auto 20px; }

@media (max-width: 840px) {
  .menu-toggle { display:grid; width:44px; height:44px; }
  .main-nav { top:100%; }
  .zodiac-pick-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width: 560px) {
  html { font-size:16px; }
  .main-nav { left:10px; right:10px; padding:12px; border-radius:20px; border-color:rgba(255,255,255,.1); background:rgba(5,6,15,.995); box-shadow:0 24px 60px rgba(0,0,0,.58); backdrop-filter:none; }
  .main-nav a { min-height:48px; display:flex; align-items:center; }
  .menu-toggle { width:42px; height:42px; padding:6px; }
  .menu-star { width:29px; height:29px; }
  .page-hero.compact { min-height:500px; padding-top:132px; }
  .page-hero.compact h1 { font-size:clamp(2.75rem,13vw,3.45rem); }
  .article-page .breadcrumbs { padding-top:94px; }
  .article-header { padding-top:38px; }
  .article-header h1 { font-size:clamp(2.55rem,12.2vw,3.15rem); }
  .horoscope-hero { padding-top:120px; }
  .horoscope-hero h1 { font-size:clamp(3rem,15vw,3.65rem); }
  .horoscope-hero>p { font-size:1.06rem; }
  .daily-energy { padding:22px; }
  .signs-section { width:calc(100% - 28px); padding-top:46px; }
  .sign-selector-head { display:block; margin-bottom:24px; }
  .sign-selector-head h2 { font-size:2.65rem; }
  .sign-selector-note { display:block; margin-top:13px; }
  .zodiac-pick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .zodiac-pick { min-height:132px; padding:16px; grid-template-columns:42px minmax(0,1fr); gap:10px; border-radius:20px; }
  .zodiac-pick-symbol { width:42px; height:42px; font-size:1.3rem; }
  .zodiac-pick strong { font-size:1.1rem; }
  .zodiac-pick small { font-size:.54rem; letter-spacing:.08em; }
  .zodiac-pick-action { padding-top:10px; font-size:.62rem; }
  .sign-dialog { width:100%; max-width:none; max-height:94dvh; margin:auto 0 0; border-radius:28px 28px 0 0; }
  .sign-dialog-shell { padding:24px 20px calc(28px + env(safe-area-inset-bottom)); }
  .sign-dialog-close { top:12px; width:44px; height:44px; }
  .sign-dialog-head { grid-template-columns:62px 1fr; gap:16px; padding-right:0; }
  .sign-dialog-symbol { width:62px; height:62px; font-size:2rem; }
  .sign-dialog-head h2 { font-size:2.8rem; }
  .sign-dialog-head p { grid-column:1/-1; font-size:1rem; }
  .sign-dialog-grid { grid-template-columns:1fr; margin-top:26px; }
  .sign-dialog-grid section { padding:20px; }
  .sign-dialog-guidance { padding:22px; }
  .sign-dialog-guidance p { font-size:1.15rem; }
  .sign-dialog-intention { display:block; }
  .sign-dialog-intention strong { display:block; margin-top:8px; text-align:left; }
  .sign-invite { width:calc(100% - 28px); margin-top:34px; }
  .tarot-section { padding:44px 0 30px; }
  .tarot-card { grid-template-columns:88px minmax(0,1fr); gap:18px; align-items:start; padding:24px 20px; }
  .tarot-glyph { width:88px; border-radius:16px; font-size:2.65rem; }
  .tarot-card h2 { font-size:2.2rem; line-height:1; }
  .tarot-card p { margin:.75rem 0; line-height:1.65; }
  .premium-philosophy > h2,.premium-heading h2,.celestial-portal h2,.premium-final h2 { font-size:clamp(2.7rem,13vw,3.25rem); }
  .service-grid h3 { font-size:1.8rem; }
}

@media (max-width: 350px) {
  .brand-logo { width:104px; }
  .zodiac-pick-grid { grid-template-columns:1fr; }
  .animated-word { font-size:2.12rem; }
}

@media (max-width: 420px) {
  .zodiac-pick-grid { grid-template-columns:1fr; }
  .zodiac-pick { min-height:104px; grid-template-columns:46px 1fr auto; grid-template-rows:1fr; align-items:center; }
  .zodiac-pick-action { grid-column:auto; align-self:stretch; padding:0 0 0 12px; border-top:0; border-left:1px solid rgba(23,25,39,.12); gap:8px; }
}

@media (prefers-reduced-motion: reduce) {
  .menu-toggle::before,.menu-star stop { animation:none!important; }
}

/* glow.css */
/* Zamira Motion System: moving border, glare, spotlight, aurora and liquid actions. */
@property --zamira-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
:root{--zm-violet:#9b5cff;--zm-violet-deep:#5022a9;--zm-cyan:#4ce7df;--zm-gold:#f0ce6b;--zm-ink:#070615;--zm-curve:28px}
html{font-size:clamp(15px,.28vw + 14px,18px)}body{overflow-x:hidden}body.modal-open{overflow:hidden}:where(h1,h2,h3){text-wrap:balance;overflow-wrap:anywhere}:where(p,li,blockquote){overflow-wrap:anywhere}

.zamira-aurora{position:fixed;z-index:-1;inset:-22vh -18vw;pointer-events:none;opacity:.32;background:radial-gradient(ellipse at 18% 24%,rgba(94,234,212,.16),transparent 28%),radial-gradient(ellipse at 80% 18%,rgba(155,92,255,.2),transparent 32%),radial-gradient(ellipse at 55% 82%,rgba(240,206,107,.1),transparent 28%);filter:blur(50px);animation:zm-aurora 20s ease-in-out infinite alternate}
.zamira-cursor-light{position:fixed;z-index:3;width:520px;aspect-ratio:1;left:0;top:0;border-radius:50%;pointer-events:none;opacity:0;translate:-50% -50%;background:radial-gradient(circle,rgba(135,83,255,.12),rgba(76,231,223,.055) 26%,transparent 68%);mix-blend-mode:screen;transition:opacity .35s ease}body.zamira-pointer-active .zamira-cursor-light{opacity:1}

.zamira-fx-card{position:relative;isolation:isolate;--zm-radius:var(--radius,var(--zm-curve));--zm-glow-opacity:.72}
.zamira-fx-border{position:absolute;z-index:8;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:var(--zm-glow-opacity);background:conic-gradient(from var(--zamira-border-angle),transparent 0 16%,var(--zm-violet) 23%,var(--zm-cyan) 31%,transparent 39% 57%,var(--zm-gold) 67%,var(--zm-violet) 76%,transparent 85%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 7px rgba(155,92,255,.38));animation:zm-border-orbit 7s linear infinite}
.zamira-fx-card:is(:hover,:focus-within){--zm-glow-opacity:1}.zamira-fx-card:is(:hover,:focus-within)>.zamira-fx-border{animation-duration:3s;filter:drop-shadow(0 0 10px rgba(76,231,223,.52))}
.zamira-glare-surface{position:absolute;z-index:6;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle 230px at var(--zm-x,50%) var(--zm-y,50%),rgba(255,255,255,.15),rgba(76,231,223,.07) 25%,rgba(155,92,255,.05) 42%,transparent 68%);mix-blend-mode:screen;transition:opacity .35s ease}.zamira-fx-card:is(:hover,:focus-within)>.zamira-glare-surface{opacity:1}
.zamira-tilt{transform:perspective(1100px) rotateX(var(--zm-rx,0deg)) rotateY(var(--zm-ry,0deg)) translateY(var(--zm-lift,0));transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.75,.25,1),box-shadow .35s ease}.zamira-tilt:is(:hover,:focus-within){--zm-lift:-5px;box-shadow:0 30px 85px rgba(0,0,0,.34),0 0 30px rgba(120,67,215,.13)}
.zamira-reveal{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .85s ease,transform .85s cubic-bezier(.16,.84,.28,1)}.zamira-reveal.is-visible{opacity:1;transform:none}

:where(.button,.liquid-button,.dark-button,.outline-button,.nav-cta,.tarot-enter,.tarot-share,.mobile-premium-cta){position:relative;isolation:isolate;overflow:hidden;transition:transform .28s ease,box-shadow .3s ease,filter .3s ease}
:where(.button,.liquid-button,.dark-button,.outline-button,.nav-cta,.tarot-enter,.tarot-share,.mobile-premium-cta):before{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--zamira-border-angle),transparent 0 28%,rgba(76,231,223,.8) 34%,rgba(155,92,255,.9) 43%,transparent 50% 78%,rgba(240,206,107,.7) 85%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:zm-border-orbit 6s linear infinite;opacity:.82}
:where(.button,.liquid-button,.dark-button,.outline-button,.nav-cta,.tarot-enter,.tarot-share,.mobile-premium-cta):after{content:none}
:where(.button,.liquid-button,.dark-button,.outline-button,.nav-cta,.tarot-enter,.tarot-share):is(:hover,:focus-visible){transform:translateY(-3px) scale(1.015);box-shadow:0 14px 40px rgba(104,55,196,.3),0 0 24px rgba(76,231,223,.15)}

:where(.article-card,.horoscope-feature,.daily-energy,.zodiac-pick,.sign-card,.sign-invite,.tarot-card,.reflection-box,.inline-invite,.article-cinematic,.article-layout,.service-grid>a,.featured-video,.philosophy-media,.celestial-portal,.premium-final,.tarot-table,.tarot-reveal,.tarot-zamira-invite,.arcana-image,.arcana-dialog,.sign-dialog){border-color:transparent}
:where(.page-hero,.horoscope-hero,.article-header,.arcana-library-head,.tarot-ritual-heading){isolation:isolate}
:where(.page-hero,.horoscope-hero,.article-header,.arcana-library-head,.tarot-ritual-heading):after{content:"";position:absolute;z-index:-1;width:min(760px,94vw);height:300px;left:-12%;top:10%;pointer-events:none;background:radial-gradient(ellipse,rgba(147,83,255,.18),rgba(76,231,223,.055) 34%,transparent 70%);filter:blur(25px)}

:where(.sign-dialog,.arcana-dialog){overflow-x:hidden;overscroll-behavior:contain}:where(.sign-dialog-shell,.arcana-dialog-shell){width:100%;max-width:100%;overflow-x:clip}:where(.sign-dialog,.arcana-dialog)[open]{animation:zm-modal-in .58s cubic-bezier(.16,.84,.28,1) both}:where(.sign-dialog,.arcana-dialog)::backdrop{background:rgba(2,1,8,.88);backdrop-filter:blur(14px);animation:zm-backdrop-in .35s ease both}

.cards-grid>:only-child{grid-column:1/-1}
:where(.sign-dialog-shell,.arcana-dialog-shell):before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 10%,rgba(255,255,255,.055) 38%,transparent 58%);translate:-110% 0;animation:zm-modal-sheen 1.2s .16s ease both}

.site-header{transition:height .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}.site-header.is-scrolled{background:rgba(5,4,16,.88);border-color:rgba(155,92,255,.24);box-shadow:0 16px 50px rgba(0,0,0,.3);backdrop-filter:blur(22px) saturate(1.25)}
.main-nav>a:not(.nav-cta){position:relative}.main-nav>a:not(.nav-cta):after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;scale:0 1;background:linear-gradient(90deg,var(--zm-violet),var(--zm-cyan));transition:scale .28s;transform-origin:left}.main-nav>a:not(.nav-cta):hover:after,.main-nav>a:not(.nav-cta):focus-visible:after{scale:1}

@keyframes zm-border-orbit{to{--zamira-border-angle:360deg}}@keyframes zm-liquid-orbit{to{transform:rotate(360deg)}}
@keyframes zm-aurora{0%{transform:translate3d(-2%,-1%,0) rotate(-3deg) scale(1)}50%{transform:translate3d(3%,2%,0) rotate(2deg) scale(1.06)}100%{transform:translate3d(-1%,4%,0) rotate(5deg) scale(.98)}}
@keyframes zm-modal-in{from{opacity:0;transform:perspective(900px) translateY(36px) rotateX(5deg) scale(.95)}to{opacity:1;transform:none}}@keyframes zm-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes zm-modal-sheen{to{translate:115% 0}}

@media(max-width:840px){.zamira-cursor-light{display:none}.zamira-tilt{transform:none!important}.zamira-glare-surface{background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.07) 48%,transparent 70%);translate:-110% 0;opacity:.55;animation:zm-touch-sheen 8s ease-in-out infinite}.site-header.menu-open{background:rgba(5,4,16,.98)}}
@media(max-width:520px){:root{--zm-curve:22px}.zamira-fx-border{padding:1px;filter:drop-shadow(0 0 4px rgba(155,92,255,.32))}:where(.page-hero,.horoscope-hero,.article-header,.arcana-library-head,.tarot-ritual-heading):after{left:-25%;height:220px}}
@keyframes zm-touch-sheen{0%,72%,100%{translate:-110% 0}86%{translate:110% 0}}
@media(prefers-reduced-motion:reduce){.zamira-aurora,.zamira-fx-border,.zamira-glare-surface,:where(.button,.liquid-button,.dark-button,.outline-button,.nav-cta,.tarot-enter,.tarot-share,.mobile-premium-cta):before,:where(.sign-dialog-shell,.arcana-dialog-shell):before{animation:none!important}.zamira-reveal{opacity:1;transform:none;transition:none}.zamira-tilt{transform:none!important}}