:root{--ink:#241133;--deep:#130722;--plum:#4d2072;--mag:#d36dff;--sun:#ffbf77;--mint:#8fffe0;--paper:#fffaf2;--soft:#fbf1ff;--muted:#6e597e;--line:#eadcf2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fffaf2,#f7ecff 54%,#fffaf2);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.top{position:sticky;top:12px;z-index:30;max-width:1160px;margin:12px auto 0;padding:10px 12px;border-radius:999px;background:rgba(255,250,242,.9);border:1px solid var(--line);box-shadow:0 20px 70px rgba(77,32,114,.13);display:flex;align-items:center;justify-content:space-between;gap:14px;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:950;font-size:19px}.brand img{width:34px;height:34px}nav{display:flex;gap:4px;overflow:auto}nav a{color:#725083;text-decoration:none;font-weight:850;font-size:14px;padding:10px 12px;border-radius:999px;white-space:nowrap}.nav-cta,.btn{background:linear-gradient(135deg,var(--plum),#8b42bb);color:white;text-decoration:none;font-weight:950;border-radius:999px;padding:14px 20px}.hero{max-width:1160px;margin:24px auto 0;padding:18px;display:grid;grid-template-columns:1fr .82fr;gap:18px;align-items:stretch}.hero-copy{padding:46px;border-radius:40px;background:var(--deep);color:white;position:relative;overflow:hidden}.hero-copy:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 80% 20%,rgba(255,191,119,.45),transparent 22%),radial-gradient(circle at 20% 80%,rgba(211,109,255,.28),transparent 28%);pointer-events:none}.hero-copy>*{position:relative}.hero h1{font-size:clamp(52px,8vw,92px);line-height:.9;letter-spacing:-.065em;margin:18px 0;color:#fff}.kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,191,119,.18);border:1px solid rgba(255,191,119,.42);color:#ffe2bd;text-transform:uppercase;font-weight:950;letter-spacing:.13em;font-size:12px}.lead{font-size:21px;line-height:1.62;color:#f5e9ff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.secondary{background:#fff;color:var(--deep)}.note{font-size:14px;color:#dcc9e9}.trust{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.trust span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);padding:12px;border-radius:18px;text-align:center;font-weight:850}.hero-card{border-radius:40px;background:url(natal-hero-fullbleed.webp) center/cover;min-height:560px;box-shadow:0 28px 90px rgba(77,32,114,.2);position:relative;overflow:hidden}.hero-card:after{content:"Carta natal";position:absolute;left:28px;bottom:28px;color:#fff;font-size:34px;font-weight:950;letter-spacing:-.04em}.section{max-width:1160px;margin:28px auto;padding:34px;border-radius:34px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:0 18px 65px rgba(77,32,114,.08)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.section h2{font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.045em;margin:12px 0 18px}.section h3{font-size:21px;margin:0 0 8px}p,li{color:var(--muted);line-height:1.72}.ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.pill,.card,.item,details{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px}.pill{min-height:140px}.pill b{display:block;font-size:28px;color:var(--plum);letter-spacing:-.04em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.card{background:linear-gradient(180deg,#fff,#fff7ef)}.card:before{content:"☽";display:block;color:var(--plum);font-size:28px}.dark{background:linear-gradient(135deg,var(--deep),#3a195a);color:white}.dark h2,.dark h3{color:white}.dark p,.dark li{color:#e7d8f3}.dark .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.list{display:grid;gap:12px}.item{border-left:5px solid var(--sun)}.zodiac{height:360px;border-radius:30px;background:url(natal-hero-fullbleed.webp) center/cover;border:1px solid var(--line)}.faq{max-width:960px}.faq details{margin:10px 0}.faq summary{cursor:pointer;font-weight:950}.notice{max-width:1160px;margin:28px auto;padding:20px 22px;border-radius:24px;background:#fff4e5;border:1px solid #ffd8ad;color:#6a3a10}footer{max-width:1160px;margin:34px auto 26px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}@media(max-width:900px){.top,.hero,.section,.notice,footer{margin-left:12px;margin-right:12px}.nav-cta{display:none}nav{max-width:64vw}.hero,.split{grid-template-columns:1fr}.hero-copy{padding:30px}.hero-card{min-height:330px}.trust,.ribbon,.cards{grid-template-columns:1fr}.section{padding:24px}footer{display:grid}}



.astro-img{min-height:320px;border-radius:28px;border:1px solid var(--line);background:center/cover no-repeat;box-shadow:0 22px 70px rgba(0,0,0,.18)}.section.split .astro-img{align-self:stretch}@media(max-width:900px){.astro-img{min-height:250px}}
.zodiac-a{background:url(natal-hero-fullbleed.webp) center/cover!important}.zodiac-b{background:url(natal-hero-fullbleed.webp) center/cover!important}

.faq-art{margin-bottom:22px;min-height:260px}.section.dark.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}

/* v9 image layout polish: two-column blocks stay even */
.section.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:30px;align-items:stretch}.section.split.image-left{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr)}.section-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.section-copy>.cards,.section-copy>.ribbon{width:100%}.astro-img{min-height:100%;height:auto;border-radius:30px;border:1px solid var(--line);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 24px 70px rgba(0,0,0,.22);position:relative;overflow:hidden}.astro-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.18));pointer-events:none}.astro-banner{min-height:300px;margin-bottom:24px}.section.faq .section-copy{display:block}.section.faq{max-width:980px}@media(max-width:900px){.section.split,.section.split.image-left{grid-template-columns:1fr}.astro-img{min-height:280px;order:2}.section-copy{order:1}.astro-banner{min-height:230px}}

/* v10: no empty columns in sections without images */
.section:not(.split){display:block}.section:not(.split)>.cards,.section:not(.split)>.ribbon{width:100%}.section:not(.split) p{max-width:980px}.section:not(.split) .cards p,.section:not(.split) .ribbon p,.section:not(.split) .item{max-width:none}.section.dark:not(.split){display:block}.section.dark:not(.split) .cards{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.section.dark:not(.split) .cards{grid-template-columns:1fr}}

/* v12: center first H1 hero image */
.hero-card{
  background-image:url(natal-hero-fullbleed.webp)!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

/* v13: replaced first H1 hero image with centered mandala; use contain to avoid crop drift */
.hero-card{
  background:
    radial-gradient(circle at center, rgba(255,220,150,.18), transparent 58%),
    url(natal-hero-fullbleed.webp) center center / contain no-repeat,
    linear-gradient(145deg,#241137,#5f2d62)!important;
  background-position:center center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
}

/* v14: hero image replaced with portrait-format asset matched to tall hero card */
.hero-card{
  background:url(natal-hero-fullbleed.webp) center center / cover no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  min-height:560px;
}
@media(max-width:900px){.hero-card{min-height:360px;background-size:cover!important}}

/* v15: final hero uses only the portrait-format asset */
.hero-card{
  background:url(natal-hero-fullbleed.webp) center center / cover no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  min-height:560px;
}
@media(max-width:900px){.hero-card{min-height:360px;background:url(natal-hero-fullbleed.webp) center center / cover no-repeat!important}}

/* v16: full-bleed hero image, no embedded white poster/gutters */
.hero-card{
  background:url(natal-hero-fullbleed.webp) center center / cover no-repeat!important;
  background-color:#241137!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  min-height:560px;
}
@media(max-width:900px){.hero-card{min-height:360px;background:url(natal-hero-fullbleed.webp) center center / cover no-repeat!important}}