/* Bounce Galaxy — shared styles for SEO landing pages (areas, services, castles).
   Matches the homepage colour/typography so the pages feel native. */
:root{
  --pink:#ff4d8d; --purple:#8a3ffc; --violet:#5a14b0; --deep:#140530;
  --yellow:#ffd23f; --green:#2ee6a6; --blue:#3aa0ff; --orange:#ff8a3d;
  --line:rgba(255,255,255,.12); --card:rgba(255,255,255,.05);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Fredoka',sans-serif;color:#fff;background:var(--deep);overflow-x:hidden;line-height:1.6}
h1,h2,h3,.logo{font-family:'Baloo 2',cursive;line-height:1.1}
img,svg{display:block;max-width:100%}
a{color:var(--yellow);text-decoration:none}
a:hover{text-decoration:underline}
.grad{background:linear-gradient(90deg,var(--pink),var(--yellow),var(--green),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}

/* starfield backdrop (cheap, matches homepage) */
.stars{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 60%,#fff,transparent),radial-gradient(2px 2px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 85% 20%,#fff,transparent);opacity:.5}
.wrap{position:relative;z-index:2}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 22px;backdrop-filter:blur(10px);background:rgba(20,5,48,.6);border-bottom:1px solid var(--line)}
.nav .logo{font-size:1.4rem;font-weight:800}
.nav .logo a{color:transparent;background:linear-gradient(90deg,var(--pink),var(--yellow),var(--green),var(--blue));-webkit-background-clip:text;background-clip:text}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links a{color:#fff;opacity:.85;font-weight:500}
.nav-links a:hover{opacity:1;color:var(--yellow);text-decoration:none}
.nav-cta{background:linear-gradient(90deg,var(--pink),var(--orange));padding:8px 18px;border-radius:30px;font-weight:600;color:#fff!important}
@media(max-width:720px){.nav-links a:not(.nav-cta){display:none}}

/* layout */
.page{max-width:960px;margin:0 auto;padding:120px 20px 60px}
.hero-sub{max-width:820px;margin:0 auto;text-align:center}
.hero-sub h1{font-size:clamp(2.1rem,6vw,3.6rem);font-weight:800}
.hero-sub p.lead{font-size:clamp(1.05rem,2.4vw,1.3rem);color:#e9defb;margin-top:16px}
.eyebrow{color:var(--yellow);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}
.btnrow{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.btn{cursor:pointer;border:none;font-family:'Fredoka';font-weight:600;font-size:1.02rem;padding:14px 30px;border-radius:40px;color:#fff;display:inline-block}
.btn:hover{text-decoration:none;transform:translateY(-3px)}
.btn-primary{background:linear-gradient(90deg,var(--pink),var(--orange));box-shadow:0 10px 26px rgba(255,77,141,.45)}
.btn-ghost{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.35)}
.btn-wa{background:linear-gradient(90deg,#25d366,#128c7e)}

/* content blocks */
.section{margin-top:52px}
.section h2{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:14px}
.section p{color:#d9ccf2;margin-bottom:14px}
.section ul{color:#d9ccf2;margin:0 0 16px 22px}
.section li{margin-bottom:8px}
.prose{font-size:1.05rem}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.card h3{font-size:1.2rem;margin-bottom:8px}
.card p{font-size:.96rem;margin:0}
.card .ic{font-size:1.8rem;margin-bottom:8px}

.pricebar{display:flex;align-items:baseline;gap:8px;margin:6px 0 2px}
.pricebar .from{color:#a992d7;font-size:.9rem}
.pricebar .amt{font-family:'Baloo 2';font-weight:800;font-size:1.7rem;color:var(--yellow)}

/* faq */
.faq{margin-top:18px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 18px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';float:right;color:var(--yellow);font-size:1.3rem}
.faq details[open] summary::after{content:'−'}
.faq p{padding:0 0 14px;color:#d9ccf2}

/* cta band + footer */
.ctaband{margin-top:56px;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(138,63,252,.4),transparent);border:1px solid var(--line);border-radius:22px;padding:40px 22px}
.ctaband h2{font-size:clamp(1.6rem,4vw,2.4rem)}
footer{position:relative;z-index:2;border-top:1px solid var(--line);margin-top:60px;padding:40px 20px;text-align:center;color:#b9a8dd;font-size:.92rem}
footer .fl{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}
footer a{color:#d9ccf2}
.crumbs{font-size:.85rem;color:#a992d7;margin-bottom:22px}
.crumbs a{color:#a992d7}