@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap");:root{--ink:#10101b;--paper:#f1eee8;--violet:#4d356f;--peach:#ef996d;--mist:#d9d4e7;--muted:#666272;--line:#d4cedf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Manrope,Arial}header{height:78px;max-width:1220px;margin:auto;display:flex;align-items:center;gap:28px}.brand{font:800 16px 'DM Mono';letter-spacing:-.1em;text-decoration:none;color:var(--ink)}.brand span{color:var(--violet)}nav{display:flex;gap:6px;margin-left:auto}nav a{font-size:13px;font-weight:800;padding:9px;text-decoration:none;color:var(--ink)}.top-cta,.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;font-weight:800}.top-cta{background:var(--violet);color:#fff;padding:11px 15px;font-size:13px}.hero{max-width:1220px;margin:36px auto 95px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.label{font:12px 'DM Mono';color:var(--violet);letter-spacing:.08em;text-transform:uppercase}.hero h1,h2{font:500 clamp(42px,6vw,92px)/.96 'Playfair Display',serif;letter-spacing:-.055em;margin:14px 0 22px}.hero p{font-size:20px;color:var(--muted);max-width:610px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0}.button{padding:14px 19px;background:var(--violet);color:#fff}.button.outline{border:1px solid var(--line);background:transparent;color:var(--ink)}.hero small{display:block;color:var(--muted);max-width:600px}.hero ul{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;list-style:none;font-size:13px;font-weight:800}.hero li:before{content:'✷';color:var(--peach);margin-right:6px}.hero-visual{height:560px;overflow:hidden;border-radius:50% 50% 20px 20px;background:var(--violet)}img{display:block;max-width:100%}.hero-visual img,figure img{width:100%;height:100%;object-fit:cover}.calculator{max-width:1220px;margin:0 auto 120px;padding:36px;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;border-radius:20px;background:var(--ink);color:#fff}.calculator h2{font-size:48px;margin:10px 0}.calculator p{color:#d9d4e7}.calculator form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}.calculator label{font-size:12px;font-weight:800}.calculator input{display:block;width:100%;margin-top:7px;padding:14px;border:0;border-radius:7px;font:14px Manrope}.calculator button{border:0;padding:15px;border-radius:7px;background:var(--peach);font-weight:800}.chapter{max-width:1080px;margin:0 auto 115px;display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center}.chapter.flip figure{order:2}.chapter figure{height:445px;margin:0;overflow:hidden;border-radius:220px 220px 24px 24px;background:var(--mist)}.chapter .text{max-width:660px}.chapter .text>span{font:12px 'DM Mono';color:var(--peach)}.chapter h2{font-size:clamp(38px,4.7vw,68px);margin:9px 0 22px}.chapter p{color:var(--muted);font-size:17px}.faq{max-width:860px;margin:0 auto 110px}.faq h2{font-size:60px}.faq details{padding:18px 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted);margin:10px 0 0}.disclaimer{max-width:1220px;margin:0 auto 65px;background:var(--peach);border-radius:20px;padding:46px}.disclaimer h2{font-size:58px;margin:0 0 15px}.disclaimer p{max-width:850px;margin:0;color:#3b2430}footer{max-width:1220px;margin:auto;padding:35px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px;color:var(--muted)}footer div{display:flex;gap:18px;justify-content:flex-end}footer a{font-size:13px;color:var(--muted);text-decoration:none}footer small{grid-column:1/-1}@media(max-width:850px){header{margin:0 18px}nav{display:none}.top-cta{margin-left:auto}.hero,.calculator,.chapter{grid-template-columns:1fr;margin-left:20px;margin-right:20px}.hero{gap:30px}.hero-visual{height:380px}.calculator{gap:25px}.calculator form{grid-template-columns:1fr}.chapter.flip figure{order:0}.chapter figure{height:320px}.faq,.disclaimer{margin-left:20px;margin-right:20px}.disclaimer{padding:30px}footer{margin:0 20px}}@media(max-width:500px){.hero h1{font-size:58px}.hero-visual{height:280px}.chapter figure{height:270px}.faq h2,.disclaimer h2{font-size:48px}footer{grid-template-columns:1fr}footer div{justify-content:flex-start;flex-wrap:wrap}}

/* v2 — celestial editorial redesign: visual layer only */
:root{--void:#0b0c19;--midnight:#17182d;--nebula:#30235d;--violet:#8b6cf6;--lilac:#cabfff;--sand:#f4f0e7;--paper:#fbfaf7;--gold:#f0bb62;--coral:#f3907c;--muted:#716e7e;--line:rgba(35,31,61,.14)}
body{background:radial-gradient(1000px 500px at 100% 0,#e4dcff 0,transparent 64%),linear-gradient(180deg,#fbfaf7 0,#f1eee8 52%,#fbfaf7 100%);font-size:16px;letter-spacing:-.008em}
header{position:sticky;top:15px;z-index:30;max-width:1180px;height:64px;margin:15px auto 0;padding:0 14px;border:1px solid rgba(255,255,255,.48);border-radius:16px;background:rgba(251,250,247,.72);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 13px 35px rgba(21,16,51,.10)}
.brand{font-size:15px;letter-spacing:-.11em}.brand span{color:var(--violet)}
nav a{border-radius:8px;transition:background .2s ease,color .2s ease}nav a:hover{background:rgba(139,108,246,.1);color:var(--violet)}
.top-cta{background:linear-gradient(135deg,#5b40ca,#9b7cff);box-shadow:0 8px 19px rgba(82,57,193,.26);transition:transform .2s ease,box-shadow .2s ease}.top-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(82,57,193,.30)}
.hero{position:relative;max-width:1180px;min-height:650px;margin:25px auto 110px;padding:58px 60px;overflow:hidden;grid-template-columns:1fr .92fr;gap:46px;border-radius:32px;background:radial-gradient(circle at 82% 28%,rgba(182,155,255,.32) 0,transparent 25%),radial-gradient(circle at 70% 78%,rgba(238,187,98,.20) 0,transparent 25%),linear-gradient(125deg,#101123 0%,#181733 52%,#2a1b50 100%);box-shadow:0 32px 75px rgba(34,24,70,.23)}
.hero:before{content:"";position:absolute;inset:0;opacity:.32;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#dfd7ff 1px,transparent 1.5px);background-size:43px 43px,67px 67px;background-position:2px 4px,28px 32px;pointer-events:none}.hero-copy,.hero-visual{position:relative;z-index:1}.label{color:var(--gold);font-size:11px;letter-spacing:.14em}.hero h1{max-width:630px;font-size:clamp(60px,7.5vw,101px);color:#fff;text-shadow:0 4px 38px rgba(0,0,0,.18)}.hero p{color:#ded9ea}.hero small{color:#aaa6bd}.button{border-radius:999px;padding:14px 22px;background:linear-gradient(135deg,#9d7dff,#6953dc);box-shadow:0 8px 20px rgba(60,42,151,.36);transition:transform .2s ease,box-shadow .2s ease}.button.outline{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:#fff;backdrop-filter:blur(8px)}.hero ul{color:#f5f0ff}.hero li:before{color:var(--gold)}
.hero-visual{height:510px;border-radius:50% 50% 45% 45%;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 11px rgba(255,255,255,.05),0 20px 45px rgba(5,4,20,.38)}.hero-visual:after{content:"";position:absolute;inset:10%;border:1px solid rgba(239,187,98,.48);border-radius:50%;pointer-events:none}.hero-visual img{filter:saturate(1.08) contrast(1.05)}
.calculator{position:relative;max-width:1100px;margin:-145px auto 115px;padding:32px 36px;z-index:2;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 25px 50px rgba(21,14,51,.16);backdrop-filter:blur(18px)}.calculator h2{font-size:43px}.calculator .label{color:var(--violet)}.calculator p{color:var(--muted)}.calculator form{gap:8px}.calculator input{border:1px solid #e3dfef;background:#fbfaff;transition:border .2s,box-shadow .2s}.calculator input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,108,246,.13)}.calculator button{background:linear-gradient(135deg,#17172a,#38305c);color:#fff;transition:transform .2s}.calculator button:hover{transform:translateY(-1px)}
.chapter{max-width:1060px;grid-template-columns:.74fr 1.26fr;gap:78px;margin-bottom:132px}.chapter figure{position:relative;height:465px;border-radius:220px 220px 28px 28px;border:8px solid rgba(255,255,255,.68);box-shadow:0 18px 42px rgba(42,30,81,.16);background:var(--lilac)}.chapter figure:after{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.45);border-radius:inherit;pointer-events:none}.chapter .text>span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#ede8ff;color:#6550c7;font-size:11px}.chapter h2{font-size:clamp(39px,4.8vw,65px);margin:15px 0 25px}.chapter p{font-size:17px;line-height:1.75}.chapter:not(:has(figure)){max-width:810px;display:block;margin-left:calc(50% - 405px);padding:40px 45px;border-left:2px solid var(--gold);background:rgba(255,255,255,.46);border-radius:0 18px 18px 0}.chapter:not(:has(figure)) .text{max-width:100%}
.faq{max-width:940px;padding:48px 54px;margin-bottom:120px;border:1px solid rgba(35,31,61,.09);border-radius:26px;background:#fff;box-shadow:0 20px 44px rgba(32,22,67,.08)}.faq h2{font-size:64px}.faq details{transition:background .2s;padding:20px 0}.faq details[open]{background:linear-gradient(90deg,rgba(139,108,246,.09),transparent);padding-left:16px;padding-right:16px;border-radius:10px}.faq summary{font-size:16px}.faq p{font-size:15px}
.disclaimer{max-width:1180px;overflow:hidden;position:relative;border-radius:28px;padding:54px 60px;background:linear-gradient(125deg,#f0b166,#f7cf8c 50%,#eba081);box-shadow:0 22px 50px rgba(196,112,75,.18)}.disclaimer:after{content:"✦";position:absolute;right:55px;top:-47px;color:rgba(255,255,255,.45);font:260px 'Playfair Display',serif}.disclaimer h2,.disclaimer p{position:relative;z-index:1}.disclaimer h2{font-size:64px;max-width:700px}.disclaimer p{font-size:17px}
footer{max-width:1180px;padding:45px 0 34px}footer a:hover{color:var(--violet)}
@media(max-width:850px){header{top:8px}.hero{padding:42px 28px;min-height:auto;margin:12px 14px 75px}.calculator{margin:-95px 20px 90px}.chapter:not(:has(figure)){margin-left:20px;margin-right:20px;padding:30px}.faq{padding:32px 25px}.disclaimer{margin-left:20px;margin-right:20px;padding:38px 30px}.hero-visual{height:380px}}
@media(max-width:500px){header{margin:8px 10px}.hero{margin:10px 12px 68px;padding:36px 22px}.hero h1{font-size:58px}.calculator{margin:-75px 18px 75px;padding:25px 20px}.chapter{margin-bottom:85px}.chapter h2{font-size:46px}.faq h2,.disclaimer h2{font-size:49px}.faq{margin-bottom:80px}.disclaimer:after{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* v3 — night-sky page background and calm celestial motion */
body{position:relative;background:#0b0c19;color:#171629;isolation:isolate}
body:before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(900px 600px at 4% 10%,rgba(100,73,177,.48),transparent 70%),radial-gradient(800px 540px at 94% 34%,rgba(22,115,148,.30),transparent 68%),radial-gradient(740px 570px at 46% 94%,rgba(123,57,114,.32),transparent 70%),linear-gradient(145deg,#080914 0%,#121329 48%,#080914 100%);background-size:150% 150%;animation:nebula-drift 28s ease-in-out infinite alternate}
body:after{content:"";position:fixed;z-index:-1;inset:0;opacity:.48;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.88) 1px,transparent 1.5px),radial-gradient(rgba(208,196,255,.78) 1px,transparent 1.5px);background-size:63px 63px,101px 101px;background-position:8px 12px,42px 57px;animation:star-shimmer 11s ease-in-out infinite alternate}
header{background:rgba(251,250,247,.88)}
.calculator,.faq{box-shadow:0 27px 54px rgba(0,0,0,.28)}
.chapter .text{padding:20px 24px;border-radius:20px;background:rgba(251,250,247,.94);box-shadow:0 16px 38px rgba(3,3,15,.25)}
.chapter:not(:has(figure)){background:rgba(251,250,247,.93);box-shadow:0 16px 38px rgba(3,3,15,.23)}
.disclaimer{box-shadow:0 25px 55px rgba(0,0,0,.28)}
footer{color:#d7d4e5;border-color:rgba(255,255,255,.16)}
footer .brand{color:#fff}footer a{color:#d7d4e5}footer a:hover{color:var(--gold)}footer small{color:#aaa7bb}
.hero:before{animation:hero-stars 16s linear infinite}.hero-visual:after{animation:orbit-spin 24s linear infinite}
.hero-visual img{animation:hero-breathe 9s ease-in-out infinite alternate}
.top-cta,.button{will-change:transform}.top-cta:active,.button:active{transform:scale(.97)}
@keyframes nebula-drift{0%{background-position:0% 0%}100%{background-position:100% 100%}}
@keyframes star-shimmer{0%{opacity:.28;transform:translate3d(0,0,0)}100%{opacity:.62;transform:translate3d(-10px,7px,0)}}
@keyframes hero-stars{0%{background-position:2px 4px,28px 32px}100%{background-position:120px 76px,14px 4px}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes hero-breathe{0%{transform:scale(1)}100%{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){body:before,body:after,.hero:before,.hero-visual:after,.hero-visual img{animation:none!important;transform:none!important}}


/* v4 — restrained background and motion */
body{background:linear-gradient(180deg,#f7f5f1 0%,#efedf4 48%,#f7f5f1 100%)}
body:before{background:radial-gradient(850px 500px at 96% 0%,rgba(174,154,231,.16),transparent 70%),radial-gradient(780px 520px at 4% 76%,rgba(238,187,98,.08),transparent 70%);background-size:100% 100%;animation:none;opacity:1}
body:after{display:none}
.chapter .text{box-shadow:0 12px 26px rgba(37,29,71,.12)}
.calculator,.faq{box-shadow:0 18px 36px rgba(37,29,71,.11)}
footer{color:var(--muted);border-color:var(--line)}footer .brand{color:var(--ink)}footer a{color:var(--muted)}footer small{color:var(--muted)}
.hero:before{animation:none;opacity:.20}.hero-visual img{animation:none}.hero-visual:after{animation:orbit-spin 56s linear infinite}
@media(prefers-reduced-motion:reduce){.hero-visual:after{animation:none!important}}


/* v5 — restrained dark indigo gradient background */
body{background:linear-gradient(145deg,#0a0b18 0%,#171934 42%,#30235d 72%,#17152f 100%)}
body:before{display:block;background:radial-gradient(800px 580px at 8% 12%,rgba(121,87,203,.26),transparent 68%),radial-gradient(760px 560px at 96% 86%,rgba(232,143,116,.14),transparent 70%),radial-gradient(680px 460px at 83% 10%,rgba(118,161,222,.12),transparent 70%);opacity:1;animation:none}
body:after{display:none}
header{background:rgba(250,249,253,.86);border-color:rgba(255,255,255,.5)}
.chapter .text{background:rgba(252,251,248,.97);box-shadow:0 16px 32px rgba(0,0,0,.25)}
.chapter:not(:has(figure)){background:rgba(252,251,248,.97);box-shadow:0 16px 32px rgba(0,0,0,.25)}
.calculator,.faq{background:rgba(255,255,255,.96);box-shadow:0 22px 44px rgba(0,0,0,.28)}
footer{color:#d7d4e5;border-color:rgba(255,255,255,.17)}footer .brand{color:#fff}footer a{color:#d7d4e5}footer a:hover{color:var(--gold)}footer small{color:#aaa7bb}


/* v6 — calculator title contrast on light surface */
.calculator h2{color:#171629!important;text-shadow:none!important}
.calculator .label{color:#6550c7!important}
.calculator>div>p{color:#625f71!important}
.calculator label{color:#333044!important}


/* v7 — clean hero, animated aurora background without stars */
.hero:before{inset:-22%;opacity:1;background-image:radial-gradient(ellipse at 18% 24%,rgba(159,119,255,.26) 0,rgba(159,119,255,0) 43%),radial-gradient(ellipse at 83% 68%,rgba(240,180,98,.18) 0,rgba(240,180,98,0) 44%),radial-gradient(ellipse at 58% 38%,rgba(97,151,235,.16) 0,rgba(97,151,235,0) 45%);background-size:130% 130%;background-position:0% 0%;filter:blur(18px);animation:hero-aurora 24s ease-in-out infinite alternate;will-change:background-position,transform}
@keyframes hero-aurora{0%{background-position:0% 15%;transform:translate3d(-1.5%,0,0) scale(1)}50%{background-position:55% 55%;transform:translate3d(1%,1%,0) scale(1.03)}100%{background-position:100% 85%;transform:translate3d(0,-1%,0) scale(1.01)}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none!important;transform:none!important}}