.lunar-hero { position:relative; overflow:hidden; color:#fff; background:linear-gradient(135deg,#07182d 0%,#0b2441 55%,#163760 100%); }
.lunar-hero::before { content:""; position:absolute; inset:0; opacity:.14; background-image:radial-gradient(circle at center,rgba(255,255,255,.9) 1px,transparent 1.5px); background-size:66px 66px; mask-image:linear-gradient(90deg,transparent,black); }
.lunar-orbit { position:absolute; border:1px solid rgba(255,255,255,.09); border-radius:50%; }
.lunar-orbit-one { width:610px; height:610px; right:-120px; top:-180px; }
.lunar-orbit-two { width:760px; height:760px; right:-195px; top:-255px; }
.lunar-hero-grid { position:relative; min-height:650px; padding-block:88px; display:grid; grid-template-columns:1.16fr .84fr; gap:80px; align-items:center; }
.lunar-copy h1 { margin:0; font-size:clamp(58px,7vw,92px); line-height:.96; letter-spacing:-.065em; }
.lunar-copy h1 em { color:#f4b752; font-style:normal; }
.lunar-tagline { max-width:650px; margin:28px 0 0; color:#f4d9a8; font-size:22px; line-height:1.5; font-weight:700; letter-spacing:-.015em; }
.lunar-lead { max-width:690px; margin:20px 0 0; color:#c3cfdd; font-size:17px; line-height:1.75; }
.lunar-actions { display:flex; align-items:center; gap:28px; margin-top:36px; }
.store-badges { display:flex; align-items:center; gap:12px; }
.store-badge { width:205px; max-width:100%; display:inline-flex; line-height:0; border-radius:9px; box-shadow:0 14px 35px rgba(3,18,35,.26); transition:transform .2s ease,box-shadow .2s ease; }
.store-badge--app-store { width:160px; }
.store-badge:hover { transform:translateY(-2px); box-shadow:0 18px 42px rgba(3,18,35,.34); }
.store-badge:focus-visible { outline:3px solid #f4b752; outline-offset:4px; }
.store-badge img { display:block; width:100%; height:auto; }
.lunar-text-link { color:#e3ebf3; font-size:14px; font-weight:800; }
.lunar-text-link span { margin-left:7px; color:#f4b752; }
.moon-stage { position:relative; width:min(100%,420px); aspect-ratio:1; display:grid; place-items:center; justify-self:end; }
.moon-stage::before { content:""; position:absolute; inset:9%; border:1px solid rgba(244,183,82,.24); border-radius:50%; }
.moon-stage::after { content:""; position:absolute; inset:20%; border:1px dashed rgba(255,255,255,.15); border-radius:50%; }
.moon { position:relative; z-index:2; width:175px; height:175px; border-radius:50%; background:#f7d895; box-shadow:0 0 55px rgba(244,183,82,.28),inset -21px -18px 0 #ecbd65; }
.moon::after { content:""; position:absolute; width:157px; height:157px; top:-15px; right:-39px; border-radius:50%; background:#12345a; }
.moon-eye { position:absolute; z-index:3; left:59px; top:65px; width:8px; height:4px; border-bottom:2px solid #6b5127; border-radius:0 0 10px 10px; transform:rotate(-5deg); }
.moon-smile { position:absolute; z-index:3; left:71px; top:82px; width:15px; height:8px; border-bottom:2px solid #6b5127; border-radius:0 0 12px 12px; transform:rotate(-8deg); }
.star { position:absolute; z-index:3; color:#f7d895; filter:drop-shadow(0 0 8px rgba(247,216,149,.6)); }
.star-one { top:25%; right:15%; font-size:22px; }.star-two { bottom:29%; left:11%; font-size:14px; }.star-three { top:18%; left:24%; font-size:9px; }
.moon-stage p { position:absolute; z-index:3; bottom:7%; margin:0; color:#aebfd2; font-size:12px; line-height:1.55; text-align:center; letter-spacing:.08em; text-transform:uppercase; }
.moon-stage p strong { color:#fff; font-size:13px; }

.lunar-feature-section { padding:112px 0 86px; background:var(--paper); }
.lunar-section-heading { max-width:780px; margin-bottom:52px; }
.lunar-section-heading h2 { margin:0; font-size:clamp(39px,4vw,55px); line-height:1.08; letter-spacing:-.05em; }
.lunar-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.lunar-feature { min-height:245px; padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--white); }
.lunar-feature>span { color:var(--orange); font-size:11px; font-weight:900; letter-spacing:.12em; }
.lunar-feature h3 { margin:30px 0 14px; font-size:22px; line-height:1.25; letter-spacing:-.03em; }
.lunar-feature p { margin:0; color:var(--muted); font-size:14px; line-height:1.72; }
.lunar-privacy-callout { margin-top:24px; display:flex; align-items:center; gap:22px; padding:18px 22px; border:1px solid var(--line); background:var(--white); }
.lunar-privacy-callout>span { flex:0 0 auto; padding:7px 10px; border-radius:999px; color:#8b5a16; background:rgba(244,183,82,.18); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.lunar-privacy-callout h3 { flex:0 0 auto; margin:0; font-size:18px; line-height:1.25; letter-spacing:-.025em; }
.lunar-privacy-callout p { margin:0 0 0 auto; max-width:720px; color:var(--muted); font-size:13px; line-height:1.6; }

.lunar-disclaimer-section { padding-block:105px; color:white; background:var(--navy); }
.lunar-disclaimer-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:105px; align-items:center; }
.lunar-disclaimer-grid h2 { margin:0; font-size:clamp(40px,4vw,56px); line-height:1.06; letter-spacing:-.05em; }
.lunar-disclaimer { padding:30px 34px; border:1px solid rgba(255,255,255,.14); border-left:3px solid var(--orange); background:rgba(255,255,255,.035); }
.lunar-disclaimer strong { color:#f4b752; font-size:18px; }
.lunar-disclaimer p { margin:13px 0 0; color:#c5d1df; font-size:16px; line-height:1.72; }

.lunar-support-section { padding-block:58px; border-bottom:1px solid var(--line); background:var(--paper); }
.lunar-support-layout { display:flex; align-items:center; justify-content:space-between; gap:56px; }
.lunar-support-copy { max-width:740px; }
.lunar-support-copy .eyebrow { margin-bottom:15px; font-size:10px; }
.lunar-support-copy h2 { margin:0; font-size:clamp(27px,3vw,36px); line-height:1.15; letter-spacing:-.04em; }
.lunar-support-copy>p:last-child { margin:13px 0 0; color:var(--muted); font-size:14px; line-height:1.7; }
.lunar-support-link { display:inline-flex; align-items:center; justify-content:center; gap:16px; flex:0 0 auto; min-height:48px; padding:11px 18px; border:1px solid var(--orange); border-radius:999px; color:#172131; background:var(--orange); font-family:inherit; font-size:14px; font-weight:800; text-align:center; }
.lunar-support-link[href]:hover { border-color:#d88a20; background:#e89a2e; }
.lunar-support-link[href]:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }

.lunar-footer-app { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:26px 0 24px; border-bottom:1px solid var(--line); }
.lunar-footer-app-copy { display:flex; align-items:center; gap:15px; min-width:0; }
.lunar-footer-app-copy::before { content:""; width:28px; height:2px; flex:0 0 28px; background:var(--orange); }
.lunar-footer-app-copy>span { flex:0 0 auto; color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.lunar-footer-app-copy strong { min-width:0; color:var(--ink); font-size:15px; line-height:1.35; letter-spacing:-.01em; }
.lunar-footer-app-links { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.lunar-footer-app-links a { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid var(--line); border-radius:999px; color:var(--blue); font-size:13px; font-weight:760; white-space:nowrap; }
.lunar-footer-app-links a:hover { border-color:var(--blue); }
.lunar-footer-app-links b { color:var(--orange); }

.privacy-hero { padding-block:76px 80px; color:#fff; background:linear-gradient(125deg,#07182d 0%,#0b2441 67%,#163760 100%); }
.privacy-hero h1 { margin:0; font-size:clamp(48px,6vw,72px); line-height:1; letter-spacing:-.055em; }
.privacy-hero>div>p:not(.eyebrow):not(.service-breadcrumb) { max-width:680px; margin:24px 0 0; color:#c3cfdd; font-size:18px; line-height:1.7; }
.policy-date { margin-top:28px; color:#f4d9a8; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.policy-section { padding-block:95px 112px; }
.policy-layout { display:grid; grid-template-columns:310px 1fr; gap:90px; align-items:start; }
.policy-summary { position:sticky; top:95px; display:grid; padding:29px; border-top:3px solid var(--orange); background:var(--paper); }
.policy-summary>strong { font-size:19px; }
.policy-summary ul { display:grid; gap:12px; margin:22px 0; padding:20px 0; border-block:1px solid var(--line); list-style:none; color:var(--muted); font-size:13px; }
.policy-summary li::before { content:"✓"; margin-right:10px; color:var(--orange); font-weight:900; }
.policy-summary a,.policy-content a { color:var(--blue); font-weight:750; overflow-wrap:anywhere; }
.policy-summary a { font-size:13px; }
.policy-content { max-width:760px; }
.policy-content section { padding:0 0 42px; margin-bottom:42px; border-bottom:1px solid var(--line); }
.policy-content section:last-child { margin-bottom:0; border-bottom:0; }
.policy-number { color:var(--orange); font-size:11px; font-weight:900; letter-spacing:.12em; }
.policy-content h2 { margin:12px 0 15px; font-size:29px; line-height:1.25; letter-spacing:-.035em; }
.policy-content p { margin:0 0 14px; color:var(--muted); font-size:16px; line-height:1.8; }
.policy-content address { margin:18px 0; color:var(--muted); font-size:15px; line-height:1.8; font-style:normal; }

html[data-theme="dark"] .moon::after { background:#12345a; }
html[data-theme="dark"] .lunar-privacy-callout { background:#0b2441; }
html[data-theme="dark"] .lunar-privacy-callout>span { color:#f4c86f; background:rgba(244,183,82,.14); }
html[data-theme="dark"] .lunar-support-link { color:#172131; }
html[data-theme="dark"] .lunar-support-link[href]:focus-visible { outline-color:#a7cfff; }
html[data-theme="dark"] .lunar-support-copy .eyebrow { color:#a7cfff; }

@media (max-width:900px) {
  .lunar-hero-grid,.lunar-disclaimer-grid { grid-template-columns:1fr; gap:54px; }
  .moon-stage { justify-self:center; }
  .lunar-feature-grid { grid-template-columns:repeat(2,1fr); }
  .lunar-privacy-callout { align-items:flex-start; flex-wrap:wrap; gap:12px 18px; }
  .lunar-privacy-callout p { flex-basis:100%; margin:0; max-width:none; }
  .lunar-footer-app { align-items:flex-start; flex-direction:column; gap:16px; }
  .lunar-support-layout { align-items:flex-start; flex-direction:column; gap:25px; }
  .lunar-footer-app-links { flex-wrap:wrap; }
  .policy-layout { grid-template-columns:240px 1fr; gap:50px; }
}
@media (max-width:700px) {
  .lunar-hero-grid { min-height:auto; padding-block:68px 76px; }
  .lunar-copy h1 { font-size:58px; }
  .lunar-tagline { font-size:19px; }
  .lunar-actions { align-items:flex-start; flex-direction:column; gap:22px; }
  .store-badges { align-items:flex-start; flex-direction:column; }
  .moon-stage { width:min(100%,340px); }
  .lunar-feature-section { padding:82px 0 70px; }
  .lunar-feature-grid { grid-template-columns:1fr; }
  .lunar-feature { min-height:auto; display:block; padding:27px 25px; }
  .lunar-privacy-callout { padding:18px; }
  .lunar-privacy-callout h3 { font-size:17px; }
  .lunar-disclaimer-section { padding-block:78px; }
  .lunar-support-section { padding-block:48px; }
  .lunar-support-link { width:100%; }
  .lunar-footer-app { padding:22px 0 20px; }
  .lunar-footer-app-copy { align-items:flex-start; flex-wrap:wrap; gap:7px 12px; }
  .lunar-footer-app-copy::before { margin-top:7px; }
  .lunar-footer-app-copy strong { flex-basis:100%; padding-left:40px; font-size:14px; }
  .lunar-footer-app-links { padding-left:40px; }
  .privacy-hero { padding-block:66px 70px; }
  .policy-section { padding-block:75px 86px; }
  .policy-layout { grid-template-columns:1fr; gap:56px; }
  .policy-summary { position:static; }
  .policy-content h2 { font-size:26px; }
}
@media (max-width:420px) {
  .lunar-copy h1 { font-size:51px; }
  .store-badge { width:205px; }
  .store-badge--app-store { width:160px; }
  .moon { width:150px; height:150px; }
  .moon::after { width:137px; height:137px; }
}