:root{--night:#02163c;--night2:#021D7F;--gold:#E3B04B;--gold-deep:#C98F2D;
--star:#EDEBE4;--dim:rgba(237,235,228,.62);--faint:rgba(237,235,228,.38);
--line:rgba(227,176,75,.28);
--serif:"Didot","Bodoni 72","Hoefler Text",Georgia,serif;
--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
--mono:ui-monospace,"SF Mono",Menlo,monospace;}
*{box-sizing:border-box}
html,body{background:var(--night)}
body{margin:0;color:var(--star);font-family:var(--sans);line-height:1.6;
background:radial-gradient(1200px 700px at 70% -10%,rgba(2,29,127,.55),transparent 60%),
radial-gradient(900px 600px at 15% 25%,rgba(2,29,127,.35),transparent 55%),var(--night)}
.stars{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:
radial-gradient(1.4px 1.4px at 12% 18%,rgba(237,235,228,.9),transparent 60%),
radial-gradient(1px 1px at 32% 64%,rgba(237,235,228,.7),transparent 60%),
radial-gradient(1.6px 1.6px at 54% 32%,rgba(227,176,75,.8),transparent 60%),
radial-gradient(1px 1px at 71% 74%,rgba(237,235,228,.6),transparent 60%),
radial-gradient(1.2px 1.2px at 84% 12%,rgba(237,235,228,.85),transparent 60%),
radial-gradient(1px 1px at 91% 52%,rgba(227,176,75,.6),transparent 60%),
radial-gradient(1.1px 1.1px at 23% 88%,rgba(237,235,228,.7),transparent 60%),
radial-gradient(1px 1px at 45% 8%,rgba(237,235,228,.65),transparent 60%),
radial-gradient(1.3px 1.3px at 63% 92%,rgba(237,235,228,.75),transparent 60%),
radial-gradient(1px 1px at 6% 46%,rgba(237,235,228,.55),transparent 60%)}
main{position:relative;z-index:1;max-width:1020px;margin:0 auto;padding:0 22px}
section{padding:72px 0 64px;border-bottom:1px solid rgba(227,176,75,.14)}
.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
h1,h2{font-family:var(--serif);font-weight:500;text-wrap:balance;margin:0}
h1{font-size:clamp(2.4rem,6vw,3.6rem);letter-spacing:.01em}
h2{font-size:clamp(1.5rem,3.6vw,2.1rem);margin-bottom:14px}
h3{font-family:var(--serif);font-weight:500}
p{max-width:62ch}
.lead{font-size:1.06rem;color:var(--dim)}
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:84px 0 70px}
.hero img{width:132px;height:132px;border-radius:50%;
box-shadow:0 0 0 1px var(--line),0 0 60px rgba(227,176,75,.25),0 18px 60px rgba(0,0,0,.5)}
.hero h1{margin-top:26px}
.hero p{margin-left:auto;margin-right:auto}
.tag{font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,2.6vw,1.35rem);color:var(--dim);margin:14px auto 6px;max-width:34ch}
.sub{color:var(--faint);font-size:.95rem;margin:4px auto 30px;max-width:52ch}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}
.cta{display:inline-block;background:linear-gradient(180deg,var(--gold),var(--gold-deep));
color:#221503;font-weight:600;text-decoration:none;padding:13px 26px;border-radius:999px;
box-shadow:0 6px 24px rgba(227,176,75,.28)}
.ghost{color:var(--gold);text-decoration:none;border:1px solid var(--line);padding:12px 22px;border-radius:999px}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.note{font-size:.78rem;color:var(--faint);margin-top:16px}
.skies{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:44px;align-items:center}
.rings{position:relative;aspect-ratio:1;max-width:420px;margin:0 auto;width:100%}
.ring{position:absolute;border-radius:50%;border:1px solid var(--line)}
.ring b{position:absolute;top:-0.72em;left:50%;transform:translateX(-50%);
background:var(--night);padding:0 10px;font-weight:500;
font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.r1{inset:36%}.r2{inset:24%}.r3{inset:12%}.r4{inset:0}
.r1 span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
font-family:var(--serif);font-style:italic;color:var(--dim);font-size:.9rem}
.skylist{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.skylist li{padding-left:20px;position:relative;color:var(--dim)}
.skylist li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;border:1px solid var(--gold)}
.skylist b{color:var(--star);font-weight:600}
.claim{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:1.05rem}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:34px}
.phone{width:min(250px,100%);margin:0 auto;border-radius:30px;overflow:hidden;
box-shadow:0 0 0 1px rgba(237,235,228,.12),0 24px 60px rgba(0,0,0,.55)}
.phone img{display:block;width:100%;height:auto}
figure{margin:0;display:flex;flex-direction:column;gap:14px}
figcaption{text-align:center;font-size:.85rem;color:var(--faint);max-width:30ch;margin:0 auto}
figcaption b{color:var(--star);display:block;font-size:.95rem;margin-bottom:2px}
.split{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:48px;align-items:center}
.split.flip{grid-template-columns:1fr minmax(240px,300px)}
.pos{font-family:var(--mono);font-size:.82rem;color:var(--gold);letter-spacing:.04em}
.quote{font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--star);
border-left:2px solid var(--gold);padding-left:18px;margin:26px 0 8px;max-width:38ch}
.quote small{display:block;font-family:var(--sans);font-style:normal;font-size:.72rem;
letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-top:10px}
.studies{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:30px}
.study{border:1px solid rgba(237,235,228,.13);border-radius:16px;padding:20px 20px 18px;background:rgba(2,29,127,.18)}
.study h3{font-size:1.1rem;margin:0 0 8px}
.study p{font-size:.86rem;color:var(--dim);margin:0}
footer{padding:44px 0 60px;color:var(--faint);font-size:.82rem;display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:space-between}
footer nav{display:flex;gap:22px;flex-wrap:wrap}
footer a,main a.txt{color:var(--dim);text-decoration:none;border-bottom:1px solid rgba(237,235,228,.2)}
.page{padding-top:64px}
.page h1{font-size:clamp(1.9rem,4.5vw,2.6rem)}
.page .back{display:inline-block;margin:26px 0 0;color:var(--gold);text-decoration:none;font-size:.9rem}
.page section{border-bottom:none;padding:34px 0 8px}
.page h2{font-size:1.25rem}
.page p, .page li{color:var(--dim);max-width:68ch}
.page ul{padding-left:20px}
@media (max-width:760px){.skies,.split,.split.flip{grid-template-columns:1fr}
.duo{grid-template-columns:1fr}.split.flip .phone{order:-1}section{padding:56px 0 48px}}
@media (prefers-reduced-motion:no-preference){
.hero img{animation:breathe 7s ease-in-out infinite}
@keyframes breathe{0%,100%{box-shadow:0 0 0 1px var(--line),0 0 46px rgba(227,176,75,.18),0 18px 60px rgba(0,0,0,.5)}
50%{box-shadow:0 0 0 1px var(--line),0 0 72px rgba(227,176,75,.32),0 18px 60px rgba(0,0,0,.5)}}}