
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background-color:var(--al-night-700);color:var(--al-ivory);font-family:var(--al-font-ui);line-height:1.78;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;z-index:-1;background-color:var(--al-night-700);
  background-image:var(--al-stars),var(--al-bloom),var(--al-grad-night)}
body::after{content:'';position:fixed;inset:0;background-image:var(--al-grain);
  opacity:.05;mix-blend-mode:soft-light;pointer-events:none;z-index:9999}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}
section{padding:100px 0;position:relative}
p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance;font-weight:400}


.d1{font-family:var(--al-font-display);font-size:clamp(2.3rem,5.2vw,3.6rem);line-height:1.04;letter-spacing:-0.005em;color:var(--al-ivory)}
.d2{font-family:var(--al-font-display);font-size:clamp(1.7rem,3.4vw,2.2rem);line-height:1.15;color:var(--al-ivory)}
.d3{font-family:var(--al-font-display);font-size:1.4rem;line-height:1.3;color:var(--al-ivory)}
.d1 em,.d2 em{font-style:italic;color:var(--al-gold-300)}
.quote{font-family:var(--al-font-display);font-style:italic;font-size:1.35rem;line-height:1.55;color:var(--al-gold-200)}
.body-text{font-size:1rem;color:var(--al-text-dim);line-height:1.78}
.meta{font-size:.68rem;color:var(--al-text-faint);line-height:1.5}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:.62rem;letter-spacing:.36em;text-transform:uppercase;color:var(--al-gold-400)}
.eyebrow::before{content:'';display:block;width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--al-gold-400))}
.eyebrow.center{justify-content:center}
.eyebrow.center::after{content:'';display:block;width:40px;height:1px;background:linear-gradient(270deg,transparent,var(--al-gold-400))}
.card-overtitle{font-size:.60rem;letter-spacing:.28em;text-transform:uppercase;color:var(--al-gold-400)}
.g{font-family:var(--al-font-glyph);font-variant-emoji:text;line-height:1}


.btn{display:inline-flex;align-items:center;gap:10px;border-radius:var(--al-r-pill);
  font-family:var(--al-font-ui);font-size:.73rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  padding:15px 32px;cursor:pointer;border:none;white-space:nowrap;
  transition:transform 180ms ease-out,box-shadow 180ms ease-out}
.btn .g{font-size:1rem}
.btn-gold{background:var(--al-grad-gold);color:#1A1305;border:1px solid #E7D3A9;box-shadow:var(--al-emboss-gold)}
.btn-gold:hover{transform:translateY(-2px);background:linear-gradient(176deg,#F9EDD0 0%,#DCC08A 44%,#8E6F32 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 -2px 3px rgba(0,0,0,.34) inset,0 22px 40px -12px rgba(212,182,120,.45),0 4px 7px rgba(0,0,0,.55)}
.btn-glass{background-image:var(--al-grad-surface);color:var(--al-ivory);border:1px solid var(--al-hairline);
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 16px 30px -18px rgba(0,0,0,1)}
.btn-glass:hover{transform:translateY(-2px)}
.btn-line{background:none;color:var(--al-gold-300);border:1px solid var(--al-border-strong);
  
  white-space:normal;max-width:100%;text-align:center;justify-content:center}
.btn-line:hover{color:var(--al-gold-100);border-color:var(--al-gold-300)}
.btn-line.dashed{border-style:dashed}
.btn-sm{padding:10px 20px;font-size:.66rem}
.btn:focus-visible{outline:none;box-shadow:var(--al-emboss-gold),0 0 0 3px rgba(212,182,120,.14),0 0 30px -12px rgba(212,182,120,.6)}


.badge{display:inline-block;border-radius:var(--al-r-pill);font-size:.58rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;padding:6px 14px}
.badge-gold{background:var(--al-grad-gold);color:#1A1305;
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 10px 20px -10px rgba(212,182,120,.55)}
.badge-line{color:var(--al-gold-300);border:1px solid var(--al-border-strong)}
.badge-lapis{background:linear-gradient(176deg,#4A5AA6,#2C3872);color:#DDE2FF}


.hero-micro{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 24px;line-height:2}
.hero-fact{font-size:.62rem;font-weight:500;letter-spacing:.24em;
  text-transform:uppercase;color:var(--al-text-faint)}
.hero-fact-key{color:var(--al-gold-400)}




nav:not(.al-nav){position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(12,15,34,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--al-hairline)}
.nav-in{max-width:1120px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-family:var(--al-font-display);font-size:1.15rem;letter-spacing:.1em;
  background:linear-gradient(176deg,#F6E7C2,#D4B678 52%,#9A7B3C);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nav-links{display:flex;align-items:center;gap:26px;list-style:none}
.nav-links a{font-size:.78rem;color:var(--al-text-dim)}
.nav-links a:hover{color:var(--al-ivory)}
.nav-links .btn{padding:9px 18px;font-size:.62rem}

.nav-burger{display:none;width:44px;height:44px;padding:0;cursor:pointer;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
  background:none;border:1px solid var(--al-border-strong);border-radius:var(--al-r-pill)}
.nav-burger i{display:block;width:17px;height:1.5px;border-radius:2px;background:var(--al-gold-300);
  transition:transform 200ms ease-out,opacity 160ms ease-out}
.nav-burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav-burger:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(212,182,120,.18)}

@media(max-width:820px){
  .nav-burger{display:flex}
  
  .nav-links{position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;padding:6px 20px 16px;
    background:rgba(12,15,34,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--al-hairline);box-shadow:var(--al-e2);
    opacity:0;transform:translateY(-8px);pointer-events:none;
    transition:opacity 180ms ease-out,transform 180ms ease-out}
  .nav-links.open{opacity:1;transform:none;pointer-events:auto}
  .nav-links li.hidemobile{display:block}          
  .nav-links li{border-bottom:1px solid var(--al-hairline)}
  .nav-links li:last-child{border-bottom:none;padding-top:14px}
  .nav-links a{display:flex;align-items:center;min-height:52px;font-size:.95rem}
  .nav-links .btn{justify-content:center;width:100%;padding:15px 22px;font-size:.68rem}
}
@media (prefers-reduced-motion:reduce){.nav-links,.nav-burger i{transition:none}}


#hero{padding:180px 0 90px;overflow:hidden}
#hero::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(55% 90% at 78% 30%,rgba(59,74,143,.32),transparent 65%),
             radial-gradient(45% 70% at 20% 85%,rgba(212,182,120,.10),transparent 60%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;position:relative}
@media(max-width:880px){.hero-grid{grid-template-columns:1fr}.hero-sky{order:-1;height:300px}}
.hero-copy .eyebrow{margin-bottom:26px}
.hero-copy .d1{margin-bottom:22px}
.hero-copy .body-text{max-width:520px;margin-bottom:34px;font-size:1.05rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:20px}


.hero-sky{position:relative;height:440px}
.orbits{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;height:440px;pointer-events:none}
.orbits i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(212,182,120,.14)}
.orbits i:nth-child(1){width:250px;height:250px}
.orbits i:nth-child(2){width:350px;height:350px;border-color:rgba(212,182,120,.10)}
.orbits i:nth-child(3){width:440px;height:440px;border-color:rgba(212,182,120,.07)}
.hero-moon{position:absolute;top:50%;left:50%;width:210px;height:210px;margin:-105px 0 0 -105px;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#FBEBC8,#E8D2A0 24%,#C2A05C 52%,#8A6D33 76%,#3A2E14 100%);
  box-shadow:0 0 0 1px rgba(246,231,194,.22),var(--al-glow-gold),0 40px 70px -24px rgba(0,0,0,.95),inset -22px -16px 46px rgba(12,15,34,.55);
  animation:float 9s ease-in-out infinite}
.hero-moon i{position:absolute;border-radius:50%;background:rgba(74,67,53,.16);
  box-shadow:0 1px 2px rgba(255,255,255,.28),inset 1px 2px 4px rgba(60,54,40,.5)}
.hero-sat{position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;
  background:radial-gradient(circle at 36% 30%,#FFFBF0,#C9BD9E 60%,#7E7458);
  box-shadow:0 0 18px -4px rgba(212,182,120,.6),0 8px 14px -8px rgba(0,0,0,.9);
  animation:orbit 26s linear infinite}


@media(max-width:880px){
  
  #hero{padding-top:96px}
  .hero-grid{position:relative}
  .hero-sky{position:absolute;top:-130px;right:-120px;left:auto;transform:none;
    width:336px;height:336px;z-index:0;opacity:.70;pointer-events:none}
  .orbits{width:336px;height:336px}
  .orbits i:nth-child(1){width:192px;height:192px}
  .orbits i:nth-child(2){width:267px;height:267px}
  .orbits i:nth-child(3){width:336px;height:336px}
  .hero-moon{width:160px;height:160px;margin:-80px 0 0 -80px}
  .hero-copy{position:relative;z-index:1}   
  .hero-copy .eyebrow{margin-bottom:12px}
  .hero-copy .d1{margin-bottom:14px}
  .hero-copy .body-text{margin-bottom:16px;line-height:1.7}
  .hero-ctas{gap:10px}
  .hero-micro{margin-top:16px}
  
  .hero-fact{letter-spacing:.10em}
}


@media(max-width:880px) and (max-height:700px){
  
  #hero{padding-top:60px}
  .hero-copy .body-text{margin-bottom:8px}
  .hero-ctas{gap:8px}
  .hero-micro{margin-top:10px;line-height:1.9}
}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes orbit{from{transform:rotate(0deg) translateX(175px) rotate(0deg)}to{transform:rotate(360deg) translateX(175px) rotate(-360deg)}}


.strip{border-top:1px solid var(--al-hairline);border-bottom:1px solid var(--al-hairline);
  background:rgba(8,10,24,.5);padding:20px 0;overflow:hidden;position:relative}
.strip-track{display:flex;gap:44px;width:max-content;animation:marquee 48s linear infinite}
.strip:hover .strip-track{animation-play-state:paused}
.strip-item{display:flex;align-items:center;gap:14px;color:var(--al-text-faint);font-size:.66rem;
  letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}
.strip-item .g{font-size:1.1rem;color:var(--al-gold-300);text-shadow:0 0 14px rgba(212,182,120,.5)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}


.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:52px}
@media(max-width:960px){.arts{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}}
a.art{display:flex;flex-direction:column;color:inherit;border-radius:var(--al-r-lg);overflow:hidden;
  background-image:var(--al-grad-surface);border:1px solid var(--al-hairline);box-shadow:var(--al-e2);
  transition:transform 200ms ease-out,border-color 200ms ease-out}
a.art:hover{transform:translateY(-5px);border-color:var(--al-border)}
.art-sky{position:relative;height:150px;overflow:hidden;
  background-image:radial-gradient(1.6px 1.6px at 8% 30%,#F6E7C2,transparent),radial-gradient(1.2px 1.2px at 22% 66%,rgba(255,255,255,.7),transparent),
  radial-gradient(1.6px 1.6px at 37% 22%,#F6E7C2,transparent),radial-gradient(1.2px 1.2px at 52% 74%,rgba(255,255,255,.6),transparent),
  radial-gradient(1.6px 1.6px at 68% 34%,#F6E7C2,transparent),radial-gradient(1.2px 1.2px at 84% 60%,rgba(255,255,255,.6),transparent),
  radial-gradient(1.4px 1.4px at 93% 26%,#F6E7C2,transparent),
  linear-gradient(172deg,#141733 0%,#0C0F22 60%,#080A18 100%)}
.art-body{padding:22px 26px 24px;display:flex;flex-direction:column;flex:1}
.art-body .d3{font-size:1.18rem;margin:8px 0 8px}
.art-body p{font-size:.85rem;color:var(--al-text-dim);line-height:1.65}
.readmore{margin-top:auto;padding-top:16px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--al-gold-300)}
.readmore::after{content:' →'}

.ill-duo{position:absolute;inset:0}
.ill-duo b{position:absolute;border-radius:50%}
.ill-duo b:nth-child(1){width:74px;height:74px;left:32%;top:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle at 34% 28%,#FBEBC8,#E8D2A0 24%,#C2A05C 52%,#8A6D33 76%,#3A2E14 100%);
  box-shadow:0 0 34px -6px rgba(212,182,120,.55),inset -10px -8px 20px rgba(12,15,34,.5)}
.ill-duo b:nth-child(2){width:52px;height:52px;left:63%;top:44%;transform:translate(-50%,-50%);
  background:radial-gradient(circle at 34% 28%,#DDE4FF,#A9B2D8 26%,#6B75A6 54%,#3A4066 78%,#151A30 100%);
  box-shadow:0 0 26px -6px rgba(107,121,196,.6),inset -8px -6px 16px rgba(8,10,24,.6)}
.ill-duo i{position:absolute;left:47%;top:47%;width:130px;height:64px;transform:translate(-50%,-50%);
  border:1px solid rgba(212,182,120,.22);border-radius:50%}
.ill-planet{position:absolute;left:50%;top:54%;width:86px;height:86px;transform:translate(-50%,-50%)}
.ill-planet b{position:absolute;inset:0;border-radius:50%;
  background:repeating-linear-gradient(172deg,#E8D2A0 0 6%,#C9A468 6% 11%,#E3CB9A 11% 17%,#B08E52 17% 22%);
  box-shadow:0 0 0 1px rgba(246,231,194,.2),0 0 34px -8px rgba(212,182,120,.55),inset -12px -8px 24px rgba(12,15,34,.6)}
.ill-planet i{position:absolute;left:-32%;top:38%;width:164%;height:24%;border-radius:50%;
  border:2px solid rgba(246,231,194,.5);border-bottom-color:rgba(246,231,194,.14);transform:rotate(-16deg);
  box-shadow:0 0 18px rgba(212,182,120,.35)}
.ill-phases{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px}
.ill-phases b{width:36px;height:36px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#FFFBF0,#E4D6B8 55%,#9C8E70);
  box-shadow:inset 24px 0 0 var(--al-night-700)}
.ill-phases b:nth-child(2){box-shadow:inset 12px 0 0 var(--al-night-700)}
.ill-phases b:nth-child(3){box-shadow:none;background:radial-gradient(circle at 34% 30%,#FBEBC8,#E8D2A0 40%,#C2A05C 80%);
  width:46px;height:46px;box-shadow:0 0 26px -4px rgba(212,182,120,.7)}
.ill-phases b:nth-child(4){box-shadow:inset -12px 0 0 var(--al-night-700)}
.ill-phases b:nth-child(5){box-shadow:inset -24px 0 0 var(--al-night-700)}


#lecture-croisee::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(50% 60% at 15% 20%,rgba(59,74,143,.22),transparent 65%)}
.cross-flow{max-width:720px;margin:44px auto 0;text-align:center;position:relative}
.cross-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.cross-chip{display:inline-flex;align-items:center;gap:10px;border-radius:var(--al-r-pill);
  padding:8px 18px 8px 8px;font-size:.78rem;color:var(--al-text-dim);
  background-image:var(--al-grad-surface);border:1px solid var(--al-hairline);box-shadow:var(--al-e1)}
.cseal{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(178deg,#0A0C1B,#151932);color:var(--al-gold-300);
  box-shadow:var(--al-intaglio),0 0 24px -10px rgba(212,182,120,.35);
  font-family:var(--al-font-glyph);font-variant-emoji:text;font-size:1rem;
  text-shadow:0 0 14px rgba(212,182,120,.5)}
.cseal-rom{font-family:var(--al-font-display);font-size:.78rem}
.cross-join{display:flex;align-items:center;justify-content:center;gap:14px;margin:26px 0;color:var(--al-gold-400)}
.cross-join i{display:block;width:1px;height:34px;background:linear-gradient(180deg,var(--al-border-strong),transparent)}
.cross-join i:first-child{background:linear-gradient(180deg,transparent,var(--al-border-strong))}
.doc-stage{position:relative;max-width:640px;margin:0 auto;text-align:left}
.doc-stage::before{content:'';position:absolute;inset:-40px -60px;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 45%,rgba(212,182,120,.18),transparent 70%)}
.doc-page{position:relative;background:linear-gradient(178deg,#FBF7EE,#F1EADB);color:#2A2418;
  border-radius:6px;padding:40px 46px 30px;transform:rotate(-1.2deg);
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 54px 94px -32px rgba(0,0,0,1),0 0 90px -24px rgba(212,182,120,.4);
  transition:transform 250ms ease-out}
.doc-page:hover{transform:rotate(0deg) scale(1.012)}
.doc-head{display:flex;justify-content:space-between;gap:16px;font-size:.58rem;letter-spacing:.24em;
  text-transform:uppercase;color:#8A7D62;border-bottom:1px solid rgba(42,36,24,.16);
  padding-bottom:11px;margin-bottom:24px}
.doc-chap{font-family:var(--al-font-display);font-size:1.3rem;color:#1E1808;margin-bottom:14px}
.doc-page p{font-family:Georgia,'Times New Roman',serif;font-size:.94rem;line-height:1.75;color:#3A3222;margin-bottom:13px}
.doc-key{background:#F2E9D2;border-left:3px solid var(--al-gold-400);border-radius:0 6px 6px 0;padding:14px 18px;margin-top:18px}
.doc-key b{display:block;font-family:var(--al-font-ui);font-size:.6rem;letter-spacing:.22em;
  text-transform:uppercase;color:#8A6F3A;margin-bottom:7px;font-weight:600}
.doc-key p{font-size:.87rem;margin:0;color:#4A3F28;font-family:Georgia,serif}
.doc-foot{text-align:center;color:#8A7D62;font-size:.6rem;letter-spacing:.3em;margin-top:24px;font-family:var(--al-font-ui)}
@media(max-width:640px){
  .doc-page{padding:28px 24px 22px;transform:none}
  
  .doc-stage::before{inset:-30px -10px}
}


#lectures::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 55% at 85% 10%,rgba(212,182,120,.10),transparent 62%)}
.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:56px}
@media(max-width:960px){.offers{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}}
.offer{position:relative;border-radius:var(--al-r-lg);background-image:var(--al-grad-surface);
  border:1px solid var(--al-hairline);box-shadow:var(--al-e2);padding:34px 30px 30px;
  display:flex;flex-direction:column;transition:transform 200ms ease-out}
.offer:hover{transform:translateY(-5px)}
.offer.hero-offer{border-color:var(--al-border-strong);box-shadow:var(--al-e3)}
.offer .badge{position:absolute;top:-12px;left:30px}
.offer-moon{position:absolute;top:22px;right:24px;width:52px;height:52px;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#FBEBC8,#E8D2A0 24%,#C2A05C 52%,#8A6D33 76%,#3A2E14 100%);
  box-shadow:0 0 26px -4px rgba(212,182,120,.6),inset -8px -6px 16px rgba(12,15,34,.5)}
.offer .card-overtitle{margin-bottom:8px}
.offer .d3{margin-bottom:10px}
.offer .desc{font-size:.88rem;color:var(--al-text-dim);line-height:1.7;margin-bottom:22px;
  
  min-height:calc(4 * 1.7em)}
.price-row{display:flex;align-items:baseline;gap:12px}
.price{font-family:var(--al-font-display);font-size:3rem;line-height:1;letter-spacing:.02em}
.price-old{font-size:1rem;color:var(--al-text-faint);text-decoration:line-through}
.price-note{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--al-text-faint);margin:8px 0 18px}
.offer ul{list-style:none;border-top:1px solid var(--al-hairline);padding-top:18px;margin-bottom:26px;
  display:grid;gap:9px;align-content:start;flex:1}   
.offer li{font-size:.85rem;color:var(--al-text-dim);padding-left:20px;position:relative}
.offer li::before{content:'✦';position:absolute;left:0;top:2px;color:var(--al-gold-400);font-size:.6rem;font-family:var(--al-font-glyph)}
.offer .btn{margin-top:auto;justify-content:center}
.offer.soon{opacity:.55}
.offer.soon:hover{opacity:.8}


.mgrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center;margin-top:20px}
@media(max-width:920px){.mgrid{grid-template-columns:1fr;gap:44px}}
.wheel-zone{position:relative;display:flex;justify-content:center;margin-top:44px}
.zwheel{position:relative;width:280px;height:280px;border-radius:50%;
  background:
    repeating-conic-gradient(from 0deg,rgba(212,182,120,.28) 0deg .3deg,transparent .3deg 30deg),
    radial-gradient(circle,rgba(212,182,120,.07) 33%,transparent 34%),
    radial-gradient(circle,transparent 62%,rgba(212,182,120,.05) 63%),
    radial-gradient(circle at 50% 45%,rgba(59,74,143,.3),transparent 72%);
  border:1px solid var(--al-border-strong);
  box-shadow:0 0 0 7px rgba(212,182,120,.05),0 0 48px -10px rgba(212,182,120,.4),var(--al-e2),0 2px 0 rgba(255,255,255,.1) inset;
  animation:spin 150s linear infinite}
.zwheel span{position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--al-font-glyph);font-variant-emoji:text;font-size:1rem;color:#E8D2A0}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.mrows{display:grid}
.mrow{display:flex;gap:26px;align-items:flex-start;padding:28px 0;border-bottom:1px solid var(--al-hairline)}
.mrow:last-of-type{border-bottom:none}
.mnum{font-family:var(--al-font-display);font-size:2.4rem;line-height:1;color:var(--al-gold-300);
  min-width:64px;text-shadow:0 0 24px rgba(212,182,120,.35)}
.mrow h3{font-size:1rem;font-weight:500;margin-bottom:7px}
.mrow p{font-size:.88rem;color:var(--al-text-dim);line-height:1.7}
.persona{margin-top:8px;padding:24px 28px;border-left:2px solid var(--al-gold-400);
  background:linear-gradient(90deg,rgba(212,182,120,.07),transparent 70%)}
.persona .quote{font-size:1.08rem}
.persona .who{margin-top:10px;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--al-text-faint)}



.testimonial{margin:44px auto 52px;padding-top:48px;text-align:center;max-width:680px;position:relative}
.testimonial::before{content:'❝';position:absolute;top:0;left:50%;transform:translateX(-50%);
  font-family:var(--al-font-display);font-size:4.4rem;line-height:.9;color:var(--al-gold-500);opacity:.55}
.testimonial .who{margin-top:16px;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--al-text-faint)}


.faq{max-width:760px;margin:48px auto 0}
.faq details{border-bottom:1px solid var(--al-hairline);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;
  gap:20px;padding:18px 4px;font-size:.95rem;color:var(--al-ivory)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:var(--al-font-display);font-size:1.2rem;color:var(--al-gold-400);flex-shrink:0}
.faq details[open] summary::after{content:'−'}
.faq .a{padding:0 4px 20px;font-size:.9rem;color:var(--al-text-dim);line-height:1.75;max-width:640px}


#final{padding-bottom:130px}
.final-card{position:relative;overflow:hidden;border-radius:var(--al-r-lg);border:1px solid var(--al-border-strong);
  background-image:radial-gradient(85% 100% at 85% 0%,rgba(212,182,120,.14) 0%,transparent 60%),var(--al-grad-surface);
  box-shadow:var(--al-e2);padding:70px 56px;text-align:center}
.eclipse{width:110px;height:110px;margin:0 auto 34px;border-radius:50%;background:var(--al-night-900);
  box-shadow:0 0 0 2px rgba(246,231,194,.9),0 0 60px 8px rgba(246,231,194,.45),0 0 120px 24px rgba(212,182,120,.28);
  animation:breathe 6s ease-in-out infinite}
@keyframes breathe{0%,100%{box-shadow:0 0 0 2px rgba(246,231,194,.9),0 0 60px 8px rgba(246,231,194,.45),0 0 120px 24px rgba(212,182,120,.28)}
  50%{box-shadow:0 0 0 2px rgba(246,231,194,1),0 0 74px 12px rgba(246,231,194,.55),0 0 140px 30px rgba(212,182,120,.36)}}
.final-card .d2{margin-bottom:26px}
@media(max-width:860px){.final-card{padding:46px 24px}}


.sep{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--al-gold-400)}
.sep::before,.sep::after{content:'';display:block;width:120px;height:1px;
  background:linear-gradient(90deg,transparent,var(--al-border-strong))}
.sep::after{background:linear-gradient(270deg,transparent,var(--al-border-strong))}
footer{background:var(--al-night-900);border-top:1px solid var(--al-hairline);padding:44px 0 36px;margin-top:60px}
.foot-in{max-width:1120px;margin:0 auto;padding:0 28px;display:flex;flex-wrap:wrap;gap:24px;
  align-items:center;justify-content:space-between}
.foot-links{display:flex;flex-wrap:wrap;gap:20px;list-style:none}
.foot-links a{font-size:.74rem;color:var(--al-text-faint)}
.foot-links a:hover{color:var(--al-text-dim)}


.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.arts>a:nth-child(2),.offers>article:nth-child(2){transition-delay:.1s}
.arts>a:nth-child(3),.offers>article:nth-child(3){transition-delay:.2s}
.cross-chips .cross-chip:nth-child(2){transition-delay:.08s}
.cross-chips .cross-chip:nth-child(3){transition-delay:.16s}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .hero-moon,.hero-sat,.zwheel,.eclipse,.strip-track{animation:none}
}


.offer-ctas{margin-top:auto;display:grid;gap:9px}
.offer-ctas .btn{margin-top:0;justify-content:center;width:100%}

.buy{overflow-x:clip}
.buy-note{font-size:.68rem;color:var(--al-text-faint);line-height:1.55;text-align:center;margin-top:11px;
  min-height:calc(3 * 1.55em)}   
.buy-note b{color:var(--al-text-dim);font-weight:500}





.offer[data-product="adulte"]::after,
.offer[data-product="synastrie"]::after{
  content:'';position:absolute;top:22px;right:24px;width:52px;height:52px;
  background-repeat:no-repeat;background-position:center;background-size:52px 52px;
  filter:drop-shadow(0 0 14px rgba(212,182,120,.45))}
.offer[data-product="adulte"]::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052%2052%22%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2226%22%20r%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23E8D2A0%22%20stroke-width%3D%221.6%22%20opacity%3D%22.92%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2226%22%20r%3D%225.4%22%20fill%3D%22%23FBEBC8%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2226%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23C2A05C%22%20stroke-width%3D%22.8%22%20opacity%3D%22.45%22%2F%3E%3C%2Fsvg%3E")}
.offer[data-product="synastrie"]::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052%2052%22%3E%3Cpath%20d%3D%22M11%2C33%20C20%2C12%2033%2C40%2042%2C19%22%20fill%3D%22none%22%20stroke%3D%22%23E8D2A0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.92%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2233%22%20r%3D%224.2%22%20fill%3D%22%23FBF3DF%22%2F%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2219%22%20r%3D%224.2%22%20fill%3D%22%23FBF3DF%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2233%22%20r%3D%228%22%20fill%3D%22%23E8D2A0%22%20opacity%3D%22.16%22%2F%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2219%22%20r%3D%228%22%20fill%3D%22%23E8D2A0%22%20opacity%3D%22.16%22%2F%3E%3C%2Fsvg%3E")}


.offer[data-product="adulte"]::before,
.offer[data-product="synastrie"]::before,
.offer-moon::before{
  content:'';position:absolute;top:8px;right:10px;width:80px;height:80px;border-radius:50%;
  background:radial-gradient(circle,rgba(212,182,120,.20),rgba(212,182,120,.05) 46%,transparent 70%);
  pointer-events:none;animation:respire-sceau 7s ease-in-out infinite}
.offer-moon::before{top:-14px;right:-14px}
@keyframes respire-sceau{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}
@media(prefers-reduced-motion:reduce){
  .offer[data-product="adulte"]::before,
  .offer[data-product="synastrie"]::before,
  .offer-moon::before{animation:none;opacity:.8}
}


.al-roue{width:min(100%,320px);height:auto;overflow:visible;display:block;margin:0 auto}
.al-r-fond{fill:rgba(59,74,143,.10)}
.al-r-c{fill:none;stroke:rgba(212,182,120,.28);stroke-width:.8}
.al-r-sep{stroke:rgba(212,182,120,.18);stroke-width:.6}
.al-r-signe{font-family:var(--al-font-glyph);font-size:17px;fill:var(--al-gold-200);
  text-anchor:middle;dominant-baseline:central}
.al-r-maison{font-family:var(--al-font-ui);font-size:10px;fill:var(--al-text-faint);
  text-anchor:middle;dominant-baseline:central;letter-spacing:.06em}
.al-r-as{font-family:var(--al-font-ui);font-size:10px;fill:var(--al-text-dim);letter-spacing:.14em}

.al-r-pl circle{fill:rgba(12,15,34,.85);stroke:rgba(212,182,120,.42);stroke-width:.8}
.al-r-pl text{font-family:var(--al-font-glyph);font-size:14px;fill:#FBF3DF;
  text-anchor:middle;dominant-baseline:central}
.al-r-pl{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.35)}
.al-roue.jouee .al-r-pl{opacity:1;transform:none;
  transition:opacity .55s ease var(--d),transform .75s cubic-bezier(.2,.7,.2,1) var(--d)}
.al-r-pl{--d:calc(var(--n) * 130ms)}

.al-r-aspect{fill:none;stroke-width:.7;stroke-linecap:round;
  stroke-dasharray:var(--l,260);stroke-dashoffset:var(--l,260)}
.al-roue.jouee .al-r-aspect{stroke-dashoffset:0;
  transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1) calc(1s + var(--n) * 90ms)}
.al-r-conjonction{stroke:rgba(232,210,160,.55)}
.al-r-sextile    {stroke:rgba(160,196,232,.42)}
.al-r-trigone    {stroke:rgba(160,232,190,.42)}
.al-r-carre      {stroke:rgba(232,168,160,.42)}
.al-r-opposition {stroke:rgba(212,182,120,.50)}


@media(prefers-reduced-motion:reduce){
  .al-r-pl{opacity:1;transform:none;transition:none}
  .al-r-aspect{stroke-dashoffset:0;transition:none}
}


.doc-page::before{content:'';position:absolute;inset:0;border-radius:6px;
  background-image:var(--al-grain);background-size:200px 200px;
  opacity:.26;mix-blend-mode:multiply;pointer-events:none}
.doc-page > *{position:relative}


.fan::before{content:'';position:absolute;inset:-8% -12%;pointer-events:none;z-index:0;
  background:radial-gradient(58% 58% at 50% 46%,rgba(212,182,120,.13),transparent 70%)}



#al-ciel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.al-lune{position:absolute;right:-8%;bottom:-4%;width:66%;height:auto;z-index:0;
  opacity:.55;pointer-events:none;
  filter:drop-shadow(0 20px 46px rgba(0,0,0,.6))}

.al-cst{width:min(100%,420px);height:auto;overflow:visible}
.al-cst .al-trait{fill:none;stroke:var(--al-gold-200);stroke-width:.9;stroke-linecap:round;opacity:.9}
.al-cst .al-halo{fill:none;stroke:var(--al-gold-300);stroke-width:5;stroke-linecap:round;opacity:0;filter:url(#al-flou)}
.al-cst.fini .al-halo{animation:al-respire 7s ease-in-out infinite}
.al-cst .al-etoile{fill:#FBF3DF;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.al-cst .al-etoile.on{opacity:1;transform:none}
.al-cst .al-lueur{fill:var(--al-gold-200);opacity:0;filter:url(#al-flou);transform-box:fill-box;transform-origin:center}
.al-cst .al-etoile.on + .al-lueur{animation:al-respire 6s ease-in-out infinite}
.al-cst .al-nom{font-family:var(--al-font-ui);font-size:7px;letter-spacing:.3em;text-transform:uppercase;fill:var(--al-text-faint);opacity:0;transition:opacity 1.2s ease 3s}
.al-cst.fini .al-nom{opacity:1}
@keyframes al-respire{0%,100%{opacity:.18}50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){
  .al-cst .al-trait{stroke-dashoffset:0!important}
  .al-cst .al-etoile{opacity:1;transform:none}
  .al-cst .al-halo,.al-cst .al-lueur{animation:none;opacity:.3}
  .al-cst .al-nom{opacity:1;transition:none}
}


#hero .btn-glass{background-color:rgba(12,15,34,.72)}


.ph-grid{position:relative}
.al-demilune{position:absolute;top:-92px;right:0;width:186px;height:86px;
  pointer-events:none;overflow:visible}
.al-dl-trait{fill:none;stroke:var(--al-gold-200,#E8D2A0);stroke-width:1.1;
  stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.al-dl-et{fill:#FBF3DF}
.al-dl-nom{font-family:var(--al-font-ui,sans-serif);font-size:7.5px;letter-spacing:.3em;
  fill:var(--al-text-faint,#6B6455)}

@media(max-width:880px){ .al-demilune{top:-86px;right:22px;width:168px;height:78px} }
