.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/filosofia-cosmica-daath-v3-poster.webp') center / cover no-repeat; }
.hero-background-video, .daath-about > video, .featured-video > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-background-video { opacity: 0; transition: opacity 1s; background:#02050b url('/assets/filosofia-cosmica-daath-v3-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:#02070c url('/assets/filosofia-cosmica-daath-v3-poster.webp') center / cover no-repeat; }
.daath-about > video { opacity: .32; }
.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-grid video { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 30px; }
.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 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 { font-size: 2.42rem; letter-spacing:-.07em; }
  .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; }
}