@charset "UTF-8";
:root{--ink:#0c0d16;--surface:#14151f;--surface-raised:#1b1c28;--paper:#f2ede4;--muted:#b0a7b5;--line:#30303c;--rose:#e1a5b9;--gold:#d6bd8e;--button:#e6c5b4;--button-ink:#252029;--body:Manrope,Arial,sans-serif;--display:'Cormorant Garamond',Georgia,serif;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:14px;line-height:1.65;overflow-x:clip}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.03;letter-spacing:-.025em}em{font-weight:400;color:var(--rose)}[hidden]{display:none!important}::selection{background:var(--rose);color:var(--ink)}:focus-visible{outline:2px solid var(--rose);outline-offset:5px}input:focus-visible,select:focus-visible{outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:#4d4353;border-radius:4px}.skip-link{position:absolute;left:16px;top:-80px;z-index:1000;padding:12px 18px;background:var(--paper);color:var(--ink)}.skip-link:focus{top:16px}.section-shell{max-width:1360px;margin:auto;padding-left:64px;padding-right:64px}
.site-header{height:94px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:10;border-bottom:1px solid #ffffff0b;background:var(--ink)}.wordmark{display:inline-flex;align-items:center;font-family:var(--display);font-size:34px;letter-spacing:-.04em;line-height:1;white-space:nowrap}.wordmark span{color:var(--rose)}.wordmark svg{width:34px;height:34px;margin-right:13px;color:var(--gold)}.wordmark .wordmark-dot{color:var(--gold)}.header-nav{display:flex;gap:34px;align-items:center;font-size:12px}.header-nav a,.example-link{color:var(--muted);transition:color .2s}.header-nav a:hover,.example-link:hover{color:var(--paper)}.example-link{font-size:12px;background:none;padding:10px 0}.header-actions{display:flex;align-items:center;gap:20px}.motion-toggle{display:flex;gap:8px;align-items:center;padding:10px 0;background:none;font-size:11px;color:var(--muted)}.motion-status{width:5px;height:5px;border-radius:50%;background:var(--rose);box-shadow:0 0 9px #e1a5b966}.motion-toggle[aria-pressed=false] .motion-status{background:var(--muted);box-shadow:none}.menu-toggle{display:none;background:none;padding:10px;width:42px;height:42px}.menu-toggle span{display:block;height:1px;background:var(--paper);margin:6px 0;width:22px}
.hero{position:relative;min-height:680px;height:min(820px,calc(100svh - 94px));isolation:isolate;background:var(--ink);overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c0d16 2%,#0c0d1680 44%,#0c0d1600 70%),url('/assets/nebula.webp') center/cover;opacity:.64;z-index:-1}.hero::after{content:'';position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(0deg,var(--ink),transparent);pointer-events:none}.hero-space{position:absolute;inset:-20px -55px 0 36%;z-index:0}.hero-space canvas,.result-space canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.hero-copy{position:relative;z-index:2;max-width:1360px;margin:auto;padding:110px 64px 125px;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero h1{font-size:clamp(64px,7.2vw,96px);line-height:.96;letter-spacing:-.035em;max-width:650px}.hero h1 span{display:block}.hero h1 em{font-style:italic;color:#e9b3c5}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.85;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;padding:17px 24px;min-height:54px;border-radius:8px;font-size:13px;line-height:1.5;transition:transform .25s,box-shadow .25s,background .25s}.button-primary{background:var(--button);color:var(--button-ink);box-shadow:0 7px 28px #d39fb010}.button-primary:hover{background:#f0d4c3;transform:translateY(-2px);box-shadow:0 11px 35px #d39fb025}.button-arrow{display:inline-block;width:20px;height:1px;background:currentColor;position:relative;flex:none}.button-arrow::after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.back-arrow{display:inline-block;width:15px;height:1px;background:currentColor;position:relative;flex:none;order:-1}.back-arrow::before{content:'';position:absolute;left:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-left:1px solid currentColor;transform:rotate(-45deg)}.hero .button{margin-top:34px}.quiet-link{background:none;padding:8px 0;font-size:12px;color:var(--muted);display:inline-flex;gap:18px;align-items:center;text-decoration:underline;text-decoration-color:#b0a7b544;text-underline-offset:6px;line-height:1.6}.quiet-link:hover{color:var(--paper);text-decoration-color:currentColor}.hero-example{display:block;margin-top:16px;font-size:11px;text-decoration:none}.hero-orbit-label{position:absolute;z-index:2;color:#d3c7d1;font-size:10px;letter-spacing:.16em;display:flex;align-items:center;gap:9px;pointer-events:none}.label-a{right:35%;top:20%}.label-b{right:8%;bottom:24%}.tiny-point{width:6px;height:6px;border-radius:50%;display:inline-block;flex:none}.rose{background:var(--rose);box-shadow:0 0 10px #e1a5b966}.gold{background:var(--gold);box-shadow:0 0 10px #d6bd8e66}.hero-bottom{position:absolute;bottom:32px;left:64px;right:64px;z-index:2;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.scroll-cue{display:flex;align-items:center;gap:19px;font-size:10px}.down-line{height:31px;width:1px;background:var(--gold);position:relative}.down-line::after{content:'';position:absolute;width:6px;height:6px;bottom:0;left:-2.5px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg)}.hero-coordinate{text-align:right;font-size:10px;line-height:1.8}
.planet-fallback{position:absolute;inset:0;overflow:hidden;opacity:.65;transition:opacity .6s;pointer-events:none}.webgl-ready .planet-fallback{opacity:0}.fallback-planet{position:absolute;border-radius:50%;box-shadow:inset -40px -20px 70px #040511,0 0 65px #e1a5b935;background:radial-gradient(circle at 30% 24%,#ecd3be 0,#ae7a79 30%,#523b54 56%,#171726 78%)}.planet-one{width:38%;aspect-ratio:1;left:16%;top:22%}.planet-two{width:28%;aspect-ratio:1;right:13%;bottom:24%;background:radial-gradient(circle at 25% 25%,#f8dab9 0,#b09871 30%,#6a5461 54%,#181a27 80%);box-shadow:inset -28px -18px 60px #040511,0 0 45px #d6bd8e35}.fallback-orbit{position:absolute;left:5%;top:20%;width:90%;height:53%;border:1px solid #d6bd8e33;border-radius:50%;transform:rotate(-28deg)}
.opening-copy{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:80px 64px 60px;align-items:center}.opening-copy>p{font:400 53px/1.03 var(--display);letter-spacing:-.02em}.opening-copy>div{font-size:14px;line-height:1.95;color:var(--muted);max-width:44ch}.ad-slot{max-width:1232px;margin:28px auto 80px;min-height:100px;border-top:1px solid #ffffff09;border-bottom:1px solid #ffffff09;background:#11121b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:15px;color:#9d94a6;text-align:center}.ad-slot>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.ad-slot>div{font-size:11px;color:#9d94a6}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-heading h2{font-size:61px}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.8}.calculator-section{padding-top:22px;padding-bottom:80px;scroll-margin-top:40px}.calculator-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:44px;align-items:start}.method-selector{border-top:1px solid var(--line)}.method-button{display:block;position:relative;width:100%;text-align:left;border-bottom:1px solid var(--line);background:none;padding:21px 26px 21px 0}.method-button>span:first-child{display:block;font-size:13px}.method-button small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.method-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--line);right:8px;top:30px}.method-button.is-active>span:first-child{color:var(--rose)}.method-button.is-active .method-dot{background:var(--rose);box-shadow:0 0 12px #e1a5b955}.couple-form{background:var(--surface);border-radius:16px;padding:36px;position:relative;box-shadow:0 14px 50px #02020830}.couple-form::before{content:'';position:absolute;top:0;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#c08c9b77,transparent)}.form-heading h3{font-size:35px}.form-heading>p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px}.people-fields{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:20px;margin-top:31px}.person-fields{border:0;margin:0;padding:0;min-width:0}.person-fields legend{font-size:12px;color:var(--paper);padding:0;margin-bottom:21px;display:flex;align-items:center;gap:9px}.person-fields label{display:block;font-size:11px;color:var(--muted);margin-bottom:17px}.person-fields input,.person-fields select{width:100%;min-width:0;height:48px;margin-top:7px;background:#0f1019;border:1px solid #36303d;border-radius:5px;padding:10px 13px;color:var(--paper);font-size:14px;outline:none;caret-color:var(--rose)}.person-fields input:focus,.person-fields select:focus{border-color:var(--rose)}.person-fields input::placeholder{color:#938b9d}.person-fields input::-webkit-calendar-picker-indicator{opacity:.7}.people-connector{display:flex;align-items:center;flex-direction:column;gap:14px;padding-top:53px}.people-connector span{height:34px;width:1px;background:var(--line)}.people-connector svg{width:24px;height:24px;color:var(--gold)}.precise-fields summary{font-size:11px;color:var(--muted);padding:0 0 14px;cursor:pointer}.precise-fields[open] summary{color:var(--rose)}.form-submit{width:100%;margin-top:14px}.form-helper{font-size:10px;color:var(--muted);text-align:center;line-height:1.7;margin-top:14px}.form-error{font-size:12px;line-height:1.7;color:#efacb0;margin-top:12px}.relationship-preview{padding-top:40px;padding-bottom:95px}.preview-editorial{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.preview-image{position:relative;}.preview-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:10px;box-shadow:0 25px 65px #0007}.image-caption{display:block;font-family:var(--display);font-size:27px;line-height:1.2;margin:18px 0 0;color:var(--rose)}.preview-topics{display:grid;grid-template-columns:1fr 1fr;gap:33px 25px}.preview-topics>div{border-top:1px solid var(--line);padding-top:15px}.preview-topics span{font-size:13px}.preview-topics p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:7px}.method-explanation{padding-top:70px;padding-bottom:90px;border-top:1px solid var(--line)}.explanation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:45px 0 24px}.explanation-grid h3{font-size:30px;margin-bottom:15px}.explanation-grid p{font-size:13px;line-height:1.9;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:20px;padding-bottom:100px}.faq h2{font-size:55px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{padding:22px 0;font-size:13px;cursor:pointer;list-style:revert}.faq p{color:var(--muted);font-size:13px;line-height:1.9;padding-bottom:24px}
.result-heading{padding-top:40px;padding-bottom:37px}.result-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:30px}.result-title-row h1{font-size:69px;overflow-wrap:anywhere}.result-title-row p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:14px}.overall{text-align:right;flex:none;min-width:140px}.overall>span{font-size:11px;color:var(--muted);display:block}.overall strong{font:400 57px/1.1 var(--display);display:block;letter-spacing:-.025em}.overall small{font-size:10px;color:var(--muted)}.result-map-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;margin-bottom:44px}.map-stage{position:relative;min-height:610px;background:radial-gradient(ellipse at 65% 40%,#33213555,transparent 70%),#0e101a;border-radius:12px;overflow:hidden;isolation:isolate}.result-space{position:absolute;inset:0;touch-action:pan-y}.map-topline{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;pointer-events:none;z-index:2}.map-topline>span:first-child{color:var(--paper)}.map-bottomline{position:absolute;bottom:21px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;z-index:3}.map-layers{display:flex;gap:5px}.map-layers button{font-size:11px;padding:9px 12px;border-radius:5px;border:1px solid #55505f;background:#0c0d1666;color:var(--muted)}.map-layers button[aria-pressed=true]{background:var(--button);color:var(--button-ink);border-color:var(--button)}.map-bottomline>.quiet-link{font-size:10px}.result-aside{padding:18px 0;min-width:0}.selected-contact{min-height:270px;padding-bottom:25px}.selected-contact>span{font-size:11px;line-height:1.8;color:var(--rose)}.selected-contact h2{font-size:37px;margin-top:17px}.selected-contact p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:16px}.selected-contact .quiet-link{font-size:11px;margin-top:10px}.metric-heading{padding-top:19px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.metric-heading .quiet-link{font-size:10px}.metric-button{width:100%;text-align:left;background:none;padding:13px 8px;border-radius:5px}.metric-button[aria-pressed=true]{background:var(--surface-raised)}.metric-row{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px}.metric-row strong{font-weight:500;font-variant-numeric:tabular-nums}.metric-track{display:block;height:3px;margin-top:9px;background:#ffffff18}.metric-track span{display:block;height:100%;background:var(--rose);transform-origin:left}.planet-labels{position:absolute;inset:0;z-index:2;pointer-events:none}.planet-label{position:absolute;color:var(--paper);font-size:11px;line-height:1.4;text-align:center;transform:translate(-50%,0);text-shadow:0 2px 9px #000;white-space:nowrap}.planet-label small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.portrait{padding-top:8px;padding-bottom:20px}.portrait-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:40px}.portrait-heading h2{font-size:67px}.portrait-heading>p{font-size:14px;line-height:1.95;color:var(--muted);max-width:54ch}.portrait-highlights{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0;margin-bottom:30px}.portrait-highlights h3{font-size:30px;margin-bottom:14px}.portrait-highlights p{font-size:13px;color:var(--muted);line-height:1.9}.portrait nav{display:flex;flex-wrap:wrap;gap:6px 23px;margin-bottom:24px}.portrait nav button{font-size:12px;background:none;color:var(--muted);padding:10px 0;border-bottom:1px solid transparent}.portrait nav button:hover{color:var(--rose);border-color:var(--rose)}.portrait-chapter{border-top:1px solid var(--line);scroll-margin-top:20px}.portrait-chapter summary{list-style:none;display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px 0;cursor:pointer}.portrait-chapter summary::-webkit-details-marker{display:none}.chapter-thumbnail{width:84px;height:62px;object-fit:cover;border-radius:5px}.chapter-heading h3{font-size:34px}.chapter-heading p{font-size:11px;color:var(--muted);margin-top:7px}.chapter-open-label{font-size:11px;color:var(--rose)}.chapter-open-label::after{content:'Читать'}.portrait-chapter[open] .chapter-open-label::after{content:'Свернуть'}.chapter-body{display:grid;grid-template-columns:minmax(0,1fr) 38%;gap:44px;padding:8px 0 42px;align-items:start}.chapter-story{max-width:72ch;font-size:14px;line-height:1.95}.chapter-story>p{margin-bottom:17px}.chapter-story h4{font-size:14px;font-weight:500;line-height:1.6;margin:26px 0 10px}.chapter-art{position:sticky;top:25px}.chapter-art img{width:100%;height:auto;aspect-ratio:3/2;display:block;border-radius:8px;object-fit:cover;box-shadow:0 17px 40px #0004}.chapter-art figcaption{font:400 25px/1.2 var(--display);color:var(--rose);margin-top:17px}.evidence-links{border-top:1px solid var(--line);margin-top:26px;padding-top:17px}.evidence-links>span{font-size:11px;color:var(--muted);display:block;margin-bottom:7px}.evidence-links button{font-size:11px;color:var(--rose);padding:8px 0;text-align:left;background:none;margin-right:15px;text-decoration:underline;text-underline-offset:4px;line-height:1.8}.aspects-section{padding-top:18px;padding-bottom:65px}.aspects-section .section-heading h2{font-size:48px}.aspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.aspect-button{display:block;width:100%;padding:20px 0;background:none;text-align:left;border-top:1px solid var(--line)}.aspect-button strong{display:block;font-size:12px;font-weight:500}.aspect-button small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.aspect-button[aria-pressed=true] strong{color:var(--rose)}#calculation-details{border-top:1px solid var(--line);margin-top:27px;font-size:12px}#calculation-details summary{padding:20px 0;cursor:pointer;color:var(--muted)}#calculation-explanation{color:var(--muted);max-width:75ch;font-size:12px;line-height:1.9}#calculation-explanation p{margin-bottom:14px}.save-section{text-align:center;padding-top:35px;padding-bottom:90px}.save-section h2{font-size:69px}.save-section>p{color:var(--muted);font-size:13px;line-height:1.8;margin-top:20px}.save-section .button{margin-top:30px}#save-feedback{font-size:11px;min-height:18px}.site-footer{padding:35px 56px;border-top:1px solid var(--line);display:flex;align-items:center;gap:40px;flex-wrap:wrap}.site-footer>.wordmark{font-size:30px}.site-footer>p{font-size:11px;color:var(--muted);flex:1}.site-footer>div{display:flex;gap:21px;align-items:center;font-size:11px;color:var(--muted)}.site-footer>span{font-size:10px;color:var(--muted)}.calculation-transition{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;background:#0c0d16f5;z-index:100}.calculation-transition p{font:400 30px var(--display);color:var(--paper)}.transition-orbits{width:150px;height:150px;position:relative}.transition-orbits span{position:absolute;inset:10px;border:1px solid var(--rose);border-radius:50%;transform:rotateX(65deg) rotateZ(35deg)}.transition-orbits span:nth-child(2){border-color:var(--gold);transform:rotateX(65deg) rotateY(55deg) rotateZ(-35deg)}.transition-orbits span:nth-child(3){inset:65px;background:var(--paper);box-shadow:0 0 30px var(--rose),0 0 80px #e1a5b940;border:0;transform:none}.noscript-note{padding:24px;text-align:center;font-size:14px;color:var(--paper)}
@media(min-width:1600px){.hero-space{right:0;left:42%}.hero-copy{padding-top:125px}.hero-orbit-label.label-a{right:38%}}
@media(max-width:1150px){.site-header{padding:0 32px}.header-nav{gap:24px}.section-shell{padding-left:40px;padding-right:40px}.hero-copy{padding-left:40px}.hero-space{left:30%}.hero h1{font-size:79px}.hero-bottom{left:40px;right:40px}.label-a{right:28%;top:18%}.opening-copy{gap:50px;padding-left:40px;padding-right:40px}.calculator-layout{grid-template-columns:240px minmax(0,1fr);gap:28px}.couple-form{padding:28px}.people-fields{gap:12px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.result-map-shell{grid-template-columns:minmax(0,1fr) 285px;gap:26px}.map-stage{min-height:560px}.selected-contact h2{font-size:33px}.preview-editorial{gap:50px}.explanation-grid{gap:30px}.site-footer{padding:30px 40px;gap:25px}.chapter-body{gap:30px}.ad-slot{margin-left:40px;margin-right:40px}}
@media(max-width:850px){.site-header{height:82px;padding:0 25px}.wordmark{font-size:29px}.wordmark svg{width:29px;margin-right:9px}.header-nav{gap:18px}.header-nav a:nth-child(2){display:none}.hero{min-height:690px;height:690px}.hero-copy{padding-top:100px}.hero h1{font-size:70px}.hero-space{left:25%;opacity:.8}.hero-copy>p{font-size:14px}.hero-orbit-label{display:none}.calculator-layout{grid-template-columns:1fr;gap:23px}.method-selector{display:flex;flex-wrap:wrap;gap:0 18px;border:0}.method-button{width:auto;flex:1 1 130px;padding:14px 0}.method-button small{display:none}.method-button .method-dot{display:none}.method-button.is-active{border-color:var(--rose)}.opening-copy{gap:25px}.opening-copy>p{font-size:43px}.section-heading h2{font-size:53px}.preview-editorial{gap:35px;grid-template-columns:1fr 1fr}.preview-topics{gap:23px 16px}.explanation-grid{grid-template-columns:1fr;gap:28px}.faq{gap:35px;grid-template-columns:.8fr 1fr}.faq h2{font-size:45px}.result-map-shell{grid-template-columns:1fr;gap:25px}.map-stage{min-height:620px}.result-aside{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;align-items:start}.selected-contact{grid-row:1/3;min-height:0;padding-bottom:0}.metric-heading{border-top:0;padding-top:0}#metrics{grid-column:2;grid-row:2;margin-top:-18px}.portrait-heading{gap:35px}.portrait-heading h2{font-size:52px}.portrait-highlights{gap:35px}.chapter-body{grid-template-columns:1fr 36%;gap:25px}.chapter-art figcaption{font-size:22px}.result-title-row h1{font-size:58px}}
@media(max-width:600px){:root{scroll-padding-top:15px}.site-header{height:76px;padding:0 20px;gap:15px}.wordmark{font-size:29px}.wordmark svg{width:26px;height:26px}.header-actions{gap:12px}.motion-toggle{font-size:10px}.menu-toggle{display:block}.header-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 24px;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:16px}.header-nav.is-open{display:flex}.header-nav a:nth-child(2){display:block}.section-shell{padding-left:24px;padding-right:24px}.hero{height:800px;min-height:0}.hero-copy{padding:43px 24px 0}.hero h1{font-size:clamp(50px,12vw,65px);max-width:440px;line-height:.98}.hero-copy>p{font-size:13px;line-height:1.85;margin-top:23px}.hero-copy>p br{display:none}.hero-copy>p{max-width:31ch}.hero .button{margin-top:25px;gap:25px;font-size:12px;padding:15px 20px;min-height:50px}.hero-example{font-size:10px;margin-top:13px}.hero-space{inset:280px -45px 10px -40px;opacity:1}.hero::before{background:linear-gradient(180deg,#0c0d16 3%,#0c0d1666 45%,#0c0d1600 70%),url('/assets/nebula.webp') 65% center/cover;opacity:.65}.hero-bottom{bottom:25px;left:24px;right:24px;gap:20px}.hero-bottom>span:first-child{font-size:10px;max-width:17ch;line-height:1.7}.hero-coordinate{display:none}.scroll-cue{font-size:9px}.opening-copy{grid-template-columns:1fr;padding:39px 24px 30px;gap:23px}.opening-copy>p{font-size:45px}.opening-copy>div{font-size:13px;line-height:1.9;max-width:45ch}.ad-slot{margin:24px 24px 55px;min-height:240px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:27px}.section-heading h2{font-size:46px}.section-heading>p{font-size:12px}.calculator-section{padding-top:0;padding-bottom:42px}.calculator-layout{gap:23px}.method-selector{gap:0 19px}.method-button{flex:1 1 120px;font-size:12px;padding:13px 0}.method-button>span:first-child{font-size:12px}.couple-form{padding:26px 21px}.form-heading h3{font-size:31px}.form-heading>p{font-size:12px}.people-fields{grid-template-columns:1fr;gap:23px;margin-top:28px}.people-connector{display:none}.person-fields:first-child{border-bottom:1px solid var(--line);padding-bottom:12px}.person-fields legend{margin-bottom:17px}.person-fields input,.person-fields select{font-size:16px;height:50px}.form-submit{font-size:12px;gap:20px;padding:16px 18px}.form-helper{font-size:10px;text-align:left}.relationship-preview{padding-top:39px;padding-bottom:60px}.preview-editorial{grid-template-columns:1fr;gap:33px}.preview-topics{gap:26px 19px}.preview-topics span{font-size:12px}.preview-topics p{font-size:11px}.method-explanation{padding-top:45px;padding-bottom:50px}.explanation-grid{margin-top:30px;gap:29px}.explanation-grid h3{font-size:30px}.explanation-grid p{font-size:13px}.faq{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.faq h2{font-size:46px}.faq summary{font-size:12px;padding:21px 0}.result-heading{padding-top:24px;padding-bottom:26px}.result-title-row{margin-top:23px;align-items:flex-start;gap:18px;flex-direction:column}.result-title-row h1{font-size:49px;line-height:1}.result-title-row p{font-size:11px;margin-top:12px}.overall{text-align:left;display:flex;align-items:baseline;gap:12px;min-width:0}.overall strong{font-size:38px}.overall small{font-size:10px}.result-map-shell{padding:0;gap:24px;margin-bottom:29px}.map-stage{min-height:500px;border-radius:0}.map-topline{top:20px;left:23px;right:23px;font-size:10px}.map-bottomline{left:22px;right:22px;bottom:18px;gap:8px}.map-layers{gap:4px}.map-layers button{font-size:10px;min-height:42px;padding:9px 10px}.map-bottomline>.quiet-link{font-size:10px}.result-aside{display:block;padding:0 24px}.selected-contact{padding-bottom:27px}.selected-contact h2{font-size:37px}.selected-contact p{font-size:13px}.metric-heading{border-top:1px solid var(--line);padding-top:17px}.metric-button{padding:14px 8px}.metric-row{font-size:12px}#metrics{margin-top:8px}.portrait-heading{grid-template-columns:1fr;gap:25px;margin-bottom:29px}.portrait-heading h2{font-size:49px}.portrait-heading>p{font-size:13px}.portrait-highlights{grid-template-columns:1fr;gap:29px;margin-bottom:23px}.portrait-highlights h3{font-size:30px}.portrait-highlights p{font-size:13px}.portrait nav{gap:0 17px;margin-bottom:16px}.portrait nav button{font-size:11px;min-height:44px}.portrait-chapter summary{grid-template-columns:62px minmax(0,1fr);gap:13px;padding:20px 0}.chapter-thumbnail{width:62px;height:53px}.chapter-heading h3{font-size:27px;line-height:1.08}.chapter-heading p{font-size:10px;line-height:1.8}.chapter-open-label{display:none}.chapter-body{display:flex;flex-direction:column;gap:25px;padding:1px 0 30px}.chapter-art{position:static;order:-1;width:100%}.chapter-art img{border-radius:6px}.chapter-art figcaption{font-size:22px;margin-top:12px}.chapter-story{font-size:13px;line-height:1.95}.chapter-story h4{font-size:13px;margin-top:24px}.portrait{padding-bottom:8px}.aspects-section{padding-top:0;padding-bottom:35px}.aspects-section .section-heading h2{font-size:39px}.aspect-grid{grid-template-columns:1fr}.aspect-button{padding:19px 0}.aspect-button strong{font-size:12px}.aspect-button small{font-size:11px}.save-section{padding-top:35px;padding-bottom:50px}.save-section h2{font-size:48px}.save-section>p{font-size:12px}.site-footer{padding:29px 24px;flex-direction:column;align-items:flex-start;gap:22px}.site-footer>p{font-size:11px}.site-footer>.wordmark{font-size:32px}.site-footer>div{font-size:11px}.calculation-transition p{font-size:25px}.planet-label{font-size:10px}.planet-label small{font-size:9px}}
@media(max-width:360px){.hero h1{font-size:47px}.hero{height:775px}.motion-toggle>span:last-child{display:none}.map-stage{min-height:460px}.map-bottomline{left:15px;right:15px}.map-layers button{padding:8px}.map-bottomline>.quiet-link{font-size:9px}.overall{gap:9px}.chapter-heading h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button-primary:hover{transform:none}}
@media print{.site-header,.ad-slot,.site-footer,.map-stage,.quiet-link,.save-section,#home-view{display:none!important}body{background:#fff;color:#222}#result-view{display:block!important}.result-aside,.portrait-heading,.portrait-highlights,.chapter-body{display:block}.portrait-chapter{break-inside:avoid}.chapter-art{position:static;max-width:300px}.chapter-story{color:#222}.section-shell{padding:20px}}

.preview-image img,.chapter-art img{transition:box-shadow .7s ease}.preview-image:hover img,.chapter-art:hover img{box-shadow:0 20px 60px #0007,0 0 0 1px #e1a5b933,0 0 35px #e1a5b915}@media(prefers-reduced-motion:reduce){.preview-image img,.chapter-art img{transition:none}}

/* The hero preserves relative size: Jupiter dominates the smaller Moon. */
.hero .planet-one{width:42%;background:linear-gradient(115deg,#fff0 35%,#040511dd 96%),url('/assets/planets/jupiter.webp') center/cover}.hero .planet-two{width:16%;right:18%;bottom:27%;background:linear-gradient(115deg,#fff0 35%,#040511dd 96%),url('/assets/planets/moon.webp') center/cover}.hero-orbit-label.label-a{top:10%}.hero-orbit-label.label-b{right:14%;bottom:26%}

.hero .fallback-planet{box-shadow:inset -40px -20px 70px #040511}
/* Cursor light uses a fixed overlay and never transforms artwork or controls. */
.cursor-glow{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:25;opacity:0;transition:opacity .55s;mix-blend-mode:screen;will-change:transform}.cursor-glow.is-visible{opacity:1}.cursor-glow::before{content:'';position:absolute;left:-170px;top:-170px;width:340px;height:340px;background:radial-gradient(circle,#f1d5b41a 0,#e1a5b918 18%,#b29cdb0a 45%,transparent 69%)}.cursor-glow::after{content:'';position:absolute;left:-22px;top:-22px;width:44px;height:44px;background:radial-gradient(circle,#ffeacb35 0,#e1a5b91c 20%,transparent 68%)}.cursor-spark{position:fixed;left:0;top:0;width:3px;height:3px;border-radius:50%;background:#fae2bd;box-shadow:0 0 8px #edcfa5,0 0 17px #d3a8d966;opacity:0;pointer-events:none;z-index:26;mix-blend-mode:screen;will-change:transform,opacity}
.ad-dialog-open{overflow:hidden}.calculation-ad-dialog{width:min(580px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto;margin:auto;padding:28px 36px 24px;border:1px solid #62536855;border-radius:16px;background:#10111b;color:var(--paper);text-align:center;box-shadow:0 25px 100px #0009}.calculation-ad-dialog::backdrop{background:#05060edb;backdrop-filter:blur(9px)}.ad-dialog-close{position:absolute;right:15px;top:15px;width:36px;height:36px;display:grid;place-items:center;color:var(--muted);background:none;border-radius:50%}.ad-dialog-close:hover{background:#ffffff09;color:var(--paper)}.ad-dialog-close svg{width:21px;height:21px}.ad-dialog-emblem{color:var(--gold);width:56px;height:56px;margin:0 auto 13px}.ad-dialog-emblem svg{width:100%;height:100%}.calculation-ad-dialog h2{font:400 43px/1 var(--display);letter-spacing:-.025em}.ad-calculation-phase{font-size:12px;color:var(--muted);margin-top:15px;min-height:20px}.ad-popup-slot{position:relative;min-height:230px;margin:23px 0 20px;background:#151620;border:1px solid #ffffff0b;border-radius:7px;display:flex;align-items:center;justify-content:center}.ad-popup-slot>span{position:absolute;left:12px;top:9px;color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.ad-popup-slot>div{width:100%;min-height:210px;display:grid;place-items:center}.ad-popup-slot p{color:#968b9d;font-size:12px}.ad-countdown-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;text-align:left}.ad-countdown-row>span{font-size:12px;color:var(--muted)}.ad-countdown-row strong{font:400 30px/1 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap}.ad-countdown-row small{font:400 11px var(--body);color:var(--muted)}.ad-countdown-track{height:2px;background:#ffffff13;margin-top:12px;overflow:hidden}.ad-countdown-track span{display:block;height:100%;background:var(--rose);transform-origin:left;transition:transform .12s linear}.ad-dialog-cancel{font-size:11px;margin-top:13px}
@media(max-width:600px){.calculation-ad-dialog{padding:25px 22px 18px;max-height:calc(100svh - 24px);width:calc(100% - 24px)}.calculation-ad-dialog h2{font-size:37px}.ad-dialog-emblem{width:45px;height:45px;margin-bottom:13px}.ad-popup-slot{margin-top:20px;min-height:250px}.ad-popup-slot>div{min-height:230px}.ad-countdown-row>span{font-size:11px}}
@media(hover:none),(prefers-reduced-motion:reduce){.cursor-glow,.cursor-spark{display:none!important}}

.ad-dialog-close{width:44px;height:44px;right:10px;top:10px}.ad-dialog-cancel{min-height:44px;align-items:center}@media(prefers-reduced-motion:reduce){.ad-countdown-track span{transition:none}}

/* Visible editorial content; authored in web/content/seo.json and rendered into each route. */
.seo-guide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:clamp(48px,8vw,120px);padding-top:72px;padding-bottom:100px;position:relative}.seo-guide::before{content:'';position:absolute;left:64px;right:64px;top:0;height:1px;background:var(--line)}.seo-guide-kicker{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:23px}.seo-guide h2{font-size:clamp(38px,3.5vw,49px);line-height:1.08;max-width:12em;text-wrap:balance}.seo-guide-intro>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:36ch;margin-top:23px}.seo-guide-start{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:20px;font-size:12px;color:var(--rose)}.seo-guide-body{max-width:70ch;min-width:0}.seo-guide-section+.seo-guide-section{margin-top:36px}.seo-guide h3{font-size:30px;line-height:1.12;letter-spacing:-.015em;margin-bottom:17px;text-wrap:balance}.seo-guide-section p{font-size:13px;line-height:1.95;color:#bdb3c2}.seo-guide-section p+p{margin-top:14px}.seo-guide-related{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:0 24px;font-size:11px}.seo-guide-related>span{flex-basis:100%;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.seo-guide-related a{display:inline-flex;gap:10px;align-items:center;min-height:44px;color:var(--paper);text-decoration:underline;text-decoration-color:#e1a5b944;text-underline-offset:5px;transition:color .2s}.seo-guide-related a:hover{color:var(--rose)}.seo-guide-related a>span{color:var(--gold)}
@media(max-width:900px){.seo-guide{gap:40px;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}.seo-guide::before{left:36px;right:36px}.seo-guide h2{font-size:39px}.seo-guide h3{font-size:28px}}
@media(max-width:600px){.seo-guide{grid-template-columns:1fr;gap:32px;padding-top:38px;padding-bottom:52px}.seo-guide::before{left:24px;right:24px}.seo-guide-kicker{font-size:9px;margin-bottom:18px}.seo-guide h2{font-size:39px;max-width:13em}.seo-guide-intro>p{max-width:none;margin-top:19px}.seo-guide-start{margin-top:12px}.seo-guide h3{font-size:29px}.seo-guide-section+.seo-guide-section{margin-top:28px}.seo-guide-related{margin-top:26px;gap:0 22px}}