/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
}
@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.visible{visibility:visible}
.relative{position:relative}
.start{inset-inline-start:var(--spacing)}
.hidden{display:none}
.table{display:table}
.underline{text-decoration-line:underline}
}
:root{--ink:#092c2b;--ink-2:#0a3937;--deep:#031e1e;--teal:#14e6c5;--cta:#08b08f;--cta-bright:#0bb89f;--cta-bright-hover:#0aa88f;--cta-dark:#0a3f3c;--cta-dark-hover:#0d4b47;--teal-soft:#7af5e2;--aqua:#09a8ac;--paper:#eef3ee;--cream:#f7f8f3;--line:#0b3f3b24;--muted:#627774}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--cream)}
body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
::selection{background:var(--teal);color:var(--deep)}
:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:6px}
.inline-icon{flex:none;transition:transform .22s}
a:hover .inline-icon{transform:translate(2px,-2px)}
.site-shell{min-height:100vh;overflow:hidden}
.site-header{z-index:70;color:#fff;pointer-events:none;padding:0 14px;position:fixed;top:14px;left:0;right:0}
.nav-wrap{-webkit-backdrop-filter:blur(20px)saturate(125%);backdrop-filter:blur(20px)saturate(125%);pointer-events:auto;background:linear-gradient(115deg,#031e1ee0,#053935c7);border:1px solid #bbfff41f;border-radius:22px;justify-content:space-between;align-items:center;gap:32px;max-width:1184px;height:72px;margin:0 auto;padding:0 20px 0 24px;display:flex;position:relative;box-shadow:0 14px 44px #021b1a24,inset 0 1px #ffffff0e}
.brand{letter-spacing:-1.8px;color:currentColor;font-family:Georgia,Times New Roman,serif;font-size:32px;line-height:1;display:inline-block;position:relative}
.brand:before{content:"";opacity:.9;background:currentColor;height:1px;position:absolute;top:1px;left:0;right:4px}
.desktop-nav{align-items:center;gap:34px;margin-left:auto;display:flex}
.desktop-nav a{color:#ffffffb3;font-size:13px;transition:all .2s;position:relative}
.desktop-nav a:hover{color:#fff}
.desktop-nav a:after{content:"";background:var(--teal-soft);height:1px;transition:right .25s;position:absolute;bottom:-7px;left:0;right:100%}
.desktop-nav a:hover:after{right:0}
.desktop-nav a.active{color:#fff}
.desktop-nav a.active:after{background:#69ead7;border-radius:999px;height:2px;right:0}
.nav-cta{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:20px;padding:12px 18px;font-size:12px;display:inline-flex}
.nav-cta span{color:var(--teal-soft)}
.header-actions{align-items:center;gap:8px;display:flex}
.mobile-menu{z-index:3;display:none;position:relative}
.mobile-menu-trigger{z-index:5;color:#fff;cursor:pointer;background:#ffffff0e;border:1px solid #fff3;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:background .2s,border-color .2s,transform .2s;display:grid;position:relative}
.mobile-menu-trigger:hover,.mobile-menu-trigger:active{background:#ffffff1c;border-color:#7ef5e25c}
.mobile-menu.is-open .mobile-menu-trigger{background:#14e6c51f;border-color:#7ef5e25c}
.mobile-menu-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#123d3029;border:0;width:100%;height:100dvh;padding:0;opacity:0;pointer-events:none;transition:opacity .24s ease;position:fixed;inset:0}
.mobile-menu-backdrop.is-open{opacity:1;pointer-events:auto}
.mobile-menu-backdrop[hidden],.mobile-menu-panel[hidden]{display:none}
html.mobile-menu-open{overflow:hidden;scrollbar-gutter:stable}
.mobile-menu-panel{z-index:80;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform-origin:100% 0;background:linear-gradient(155deg,#05322ffa,#021919fb);border:1px solid #ffffff29;border-radius:22px;gap:3px;width:min(100vw - 32px,340px);padding:15px;animation:.22s cubic-bezier(.2,.8,.2,1) both menuIn;display:grid;position:fixed;top:96px;right:max(16px,50vw - 592px);box-shadow:0 28px 80px #00000061}
.mobile-menu-panel>a:not(.button){color:#ffffffd1;border:1px solid #0000;border-radius:12px;align-items:center;min-height:48px;padding:10px 12px;font:400 21px Georgia,Times New Roman,serif;transition:background .18s,color .18s,border-color .18s,transform .18s;display:flex;position:relative}
.mobile-menu-panel>a:not(.button):hover,.mobile-menu-panel>a:not(.button):active{color:#fff;background:#ffffff0f}
.mobile-menu-panel .button{min-height:48px;margin-top:8px}
@keyframes menuIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}
to{opacity:1;transform:translateY(0)scale(1)}
}
@keyframes backdropIn{0%{opacity:0}
to{opacity:1}
}
.section-pad{padding-left:max(28px,50vw - 592px);padding-right:max(28px,50vw - 592px)}
.eyebrow{color:#2b7871;letter-spacing:.22em;text-transform:uppercase;margin:0 0 22px;font-size:10px;font-weight:700}
.button{border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 24px;font-size:13px;font-weight:650;transition:opacity .22s,background-color .22s,border-color .22s,box-shadow .22s;display:inline-flex;position:relative}
.button:hover{opacity:.88}
.button-primary{color:#fff;background:var(--cta-bright);box-shadow:0 10px 30px #0bb89f2b}
.button-primary:hover{background:var(--cta-bright-hover);box-shadow:0 12px 32px #0bb89f36}
.button-ghost{color:#fff;background:#0a3f3c8f;border:1px solid #ffffff38}
.button-ghost:hover{background:#0d4b47b8;border-color:#ffffff4d}
.button-light{color:var(--ink);background:#eff9f3}
.text-link{color:var(--ink);align-items:center;gap:9px;font-size:13px;font-weight:650;transition:color .2s;display:inline-flex}
.text-link:hover{color:#128d80}
.text-link span{color:#1ba894}
.hero{color:#fff;background:radial-gradient(circle at 80% 68%,#14e6c53d,#0000 29%),radial-gradient(circle at 16% 74%,#07979f3b,#0000 28%),linear-gradient(137deg,#021b1b 0%,#052a29 48%,#064442 100%);grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);align-items:center;gap:70px;min-height:820px;padding-top:128px;padding-bottom:88px;display:grid;position:relative}
.hero:before{content:"";opacity:.3;pointer-events:none;background-image:radial-gradient(circle,#7cf5e28c 0 1px,#0000 1.5px);background-size:73px 73px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}
.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#32e4cc0b,#0000 64%);border-radius:50%;width:620px;height:620px;position:absolute;top:180px;left:58%}
.hero-copy,.hero-visual{z-index:2;position:relative}
.hero .eyebrow{color:#6ac8ba}
.hero h1{letter-spacing:-.055em;max-width:720px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,6.3vw,92px);font-weight:400;line-height:.96}
.hero h1 em{color:var(--teal-soft);font-weight:400}
.hero-lead{color:#e2f4efb8;max-width:570px;margin:30px 0 32px;font-size:16px;line-height:1.7}
.hero-actions{flex-wrap:wrap;gap:12px;display:flex}
.platforms{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}
.platforms>span{color:#e5f7f2cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff09;border:1px solid #ffffff1c;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:16px auto;align-items:center;column-gap:8px;min-height:39px;padding:7px 12px;display:grid}
.platforms svg{color:#7de6d6;grid-row:1/3}
.platforms b{font-size:10px;font-weight:650;line-height:1.1}
.platforms small{color:#ddf3ed6b;letter-spacing:.08em;text-transform:uppercase;font-size:7px;line-height:1.1}
.hero-proof{color:#dcf1ec8c;align-items:center;gap:12px;margin-top:30px;font-size:11px;display:flex}
.hero-proof span{align-items:center;gap:6px;display:inline-flex}
.hero-proof i{background:#7ef1de73;width:28px;height:1px}
.hero-visual{box-sizing:border-box;place-items:center;height:760px;padding-block:58px;display:grid}
.phone-shell{aspect-ratio:2/3;width:400px;height:auto;box-shadow:none;background:0 0;border-radius:0;padding:0;position:relative;overflow:visible;transform:none}
.phone-shell:before{display:none}
.phone-shell img{border-radius:inherit;width:100%;height:100%;display:block}
.hero-halo{filter:blur(4px);background:radial-gradient(circle,#16e6c71a,#16e6c705 47%,#0000 72%);border-radius:50%;width:470px;height:470px;animation:8s ease-in-out infinite haloPulse;position:absolute}
.hero-phone{z-index:3;overflow:hidden}
.hero-screen{object-fit:contain;object-position:center;opacity:1;transform:none;width:100%!important;height:100%!important}
.hero-cosmos{z-index:1;pointer-events:none;opacity:.68;filter:brightness(.9)contrast(.96)drop-shadow(0 16px 38px #00000017);will-change:transform;background:url("../screens/joyti-zodiac-wheel-transparent.png") 50%/contain no-repeat;background:image-set(url("../screens/joyti-zodiac-wheel-transparent.webp") type("image/webp"),url("../screens/joyti-zodiac-wheel-transparent.png") type("image/png")) 50%/contain no-repeat;border-radius:50%;width:590px;height:590px;animation:46s linear infinite zodiacOrbit;position:absolute;overflow:visible}
.zodiac-layer{display:none}
.cosmos-spark{--spark-size:18px;--spark-opacity:.88;--orbit-duration:34s;--orbit-delay:0s;--orbit-direction:normal;--twinkle-duration:4.8s;z-index:2;width:var(--spark-size);height:var(--spark-size);color:#c8fff7;opacity:var(--spark-opacity);transform-origin:50%;will-change:offset-distance,opacity,filter;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}
.cosmos-spark svg{fill:none;stroke:currentColor;stroke-width:1.65px;filter:drop-shadow(0 0 6px #5dffe461)drop-shadow(0 0 16px #5dffe41f);width:100%;height:100%;animation:sparkBreath var(--twinkle-duration) cubic-bezier(.45,0,.25,1) infinite;animation-delay:var(--twinkle-delay,-1s);overflow:visible}
.spark-one{--spark-size:34px;--spark-opacity:1;--orbit-duration:42s;--orbit-delay:-5s;--twinkle-duration:5.8s;--twinkle-delay:-1.4s;top:15%;left:16%}
.spark-two{--spark-size:20px;--spark-opacity:.9;--orbit-duration:31s;--orbit-delay:-18s;--orbit-direction:reverse;--twinkle-duration:4.7s;--twinkle-delay:-2.1s;top:27%;left:86%}
.spark-three{--spark-size:29px;--spark-opacity:.98;--orbit-duration:44s;--orbit-delay:-29s;--twinkle-duration:6.1s;--twinkle-delay:-4.3s;top:61%;left:91%}
.spark-four{--spark-size:18px;--spark-opacity:.84;--orbit-duration:35s;--orbit-delay:-9s;--orbit-direction:reverse;--twinkle-duration:4.4s;--twinkle-delay:-1.2s;top:86%;left:17%}
.spark-five{--spark-size:24px;--spark-opacity:.94;--orbit-duration:40s;--orbit-delay:-24s;--twinkle-duration:5.5s;--twinkle-delay:-3.5s;top:42%;left:9%}
.spark-six{--spark-size:14px;--spark-opacity:.8;--orbit-duration:29s;--orbit-delay:-13s;--orbit-direction:reverse;--twinkle-duration:6.3s;--twinkle-delay:-5.1s;top:8%;left:72%}
.spark-seven{--spark-size:22px;--spark-opacity:.92;--orbit-duration:38s;--orbit-delay:-31s;--twinkle-duration:5s;--twinkle-delay:-2.8s;top:82%;left:84%}
.spark-eight{--spark-size:13px;--spark-opacity:.74;--orbit-duration:47s;--orbit-delay:-37s;--twinkle-duration:6s;--twinkle-delay:-.8s;top:68%;left:5%}
.spark-nine{--spark-size:16px;--spark-opacity:.84;--orbit-duration:32s;--orbit-delay:-4s;--orbit-direction:reverse;--twinkle-duration:4.5s;--twinkle-delay:-3.9s;top:42%;left:95%}
.spark-ten{--spark-size:10px;--spark-opacity:.72;--orbit-duration:36s;--orbit-delay:-21s;--orbit-direction:reverse;--twinkle-duration:4.9s;--twinkle-delay:-2.4s;top:76%;left:10%}
.spark-eleven{--spark-size:12px;--spark-opacity:.78;--orbit-duration:45s;--orbit-delay:-33s;--twinkle-duration:5.7s;--twinkle-delay:-1.6s;top:13%;left:83%}
.spark-twelve{--spark-size:18px;--spark-opacity:.88;--orbit-duration:33s;--orbit-delay:-16s;--orbit-direction:reverse;--twinkle-duration:6.4s;--twinkle-delay:-4.7s;top:76%;left:94%}
.spark-thirteen{--spark-size:16px;--spark-opacity:.86;--orbit-duration:39s;--orbit-delay:-11s;--twinkle-duration:5.1s;--twinkle-delay:-3.1s;top:27%;left:10%}
.spark-fourteen{--spark-size:12px;--spark-opacity:.76;--orbit-duration:30s;--orbit-delay:-26s;--orbit-direction:reverse;--twinkle-duration:4.6s;--twinkle-delay:-.9s;top:93%;left:86%}
.cosmos-star{--star-duration:46s;--star-delay:0s;z-index:1;background:#e3fffb;border-radius:50%;width:3px;height:3px;animation:3.4s ease-in-out infinite starShimmer;position:absolute;box-shadow:0 0 7px #8ff5e6,0 0 17px #81ecdc6b}
.star-one{top:33%;left:7%}
.star-two{animation-delay:-1.4s;top:57%;right:7%}
.star-three{animation-delay:-2.5s;bottom:10%;left:16%}
.star-four{animation-delay:-.7s;top:20%;right:14%}
.star-five{animation-delay:-1.9s;top:58%;left:5%}
@supports (offset-path:ellipse(10px 10px at 10px 10px)){.cosmos-spark{offset-rotate:0deg;animation:cosmosOrbit var(--orbit-duration) linear infinite;animation-delay:var(--orbit-delay);animation-direction:var(--orbit-direction);top:0;left:0}
.spark-one,.spark-three,.spark-five,.spark-seven,.spark-eight{offset-path:ellipse(280px 248px at 310px 310px)}
.spark-two,.spark-four,.spark-nine,.spark-eleven,.spark-twelve,.spark-fourteen{offset-path:ellipse(238px 210px at 310px 310px)}
.spark-six,.spark-ten,.spark-thirteen{offset-path:ellipse(199px 176px at 310px 310px)}
.cosmos-star{offset-rotate:0deg;offset-path:ellipse(268px 233px at 310px 310px);animation:cosmosOrbit var(--star-duration) linear infinite,starShimmer 3.4s ease-in-out infinite;animation-delay:var(--star-delay),var(--star-delay);top:0;left:0}
.star-one{--star-delay:-4s;--star-duration:51s}
.star-two{--star-delay:-17s;--star-duration:43s}
.star-three{--star-delay:-29s;--star-duration:48s}
.star-four{--star-delay:-37s;--star-duration:55s}
.star-five{--star-delay:-11s;--star-duration:45s}
}
@keyframes cosmosOrbit{0%{offset-distance:0%}
to{offset-distance:100%}
}
@keyframes zodiacOrbit{to{transform:rotate(360deg)}
}
@keyframes sparkBreath{0%,to{opacity:.34;filter:brightness(.88);transform:scale(.72)rotate(-4deg)}
42%{opacity:1;filter:brightness(1.32);transform:scale(1.08)rotate(2deg)}
64%{opacity:.74;filter:brightness(1.07);transform:scale(.92)rotate(-1deg)}
}
@keyframes starShimmer{0%,to{opacity:.18;transform:scale(.72)}
50%{opacity:.95;transform:scale(1.75)}
}
@keyframes haloPulse{0%,to{opacity:.66;transform:scale(.94)}
50%{opacity:1;transform:scale(1.06)}
}
@keyframes modePulse{0%,20%{color:#91f5e5;background:#074f49d1;border-color:#73f5e159;transform:translate(5px)}
28%,to{color:#e1f6f175;background:#042a2894;border-color:#ffffff1a;transform:translate(0)}
}
.intro{background:var(--cream);border-bottom:1px solid var(--line);grid-template-columns:minmax(250px,.8fr) minmax(210px,.48fr) minmax(330px,1.12fr);align-items:center;gap:56px;padding-top:96px;padding-bottom:88px;display:grid;position:relative;overflow:hidden}
.intro h2,.section-heading h2{letter-spacing:-.045em;color:var(--ink);margin:0;font:400 clamp(42px,5vw,66px)/1.02 Georgia,Times New Roman,serif}
.intro h2 em,.section-heading h2 em{color:#169a8b;font-weight:400}
.intro-heading{z-index:1;align-self:start;padding-top:17px;position:relative}
.intro-portrait{z-index:1;pointer-events:none;place-self:end center;width:min(125%,356px);margin:-40px 0 -150px;position:relative}
.intro-portrait:before{content:"";z-index:-1;aspect-ratio:1;filter:blur(9px);background:radial-gradient(circle,#5cd6c61c,#0000 70%);border-radius:50%;width:112%;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}
.intro-portrait img{filter:drop-shadow(0 19px 20px #13453f1f);width:100%;height:auto;display:block}
.intro-copy p{color:#5e716e;max-width:650px;margin:0 0 26px;font-size:16px;line-height:1.8}
.definition{border-left:2px solid #37cdb7;margin-top:34px;padding-left:18px}
.definition b{margin-bottom:4px;font:400 21px Georgia,serif;display:block}
.definition span{color:#71827f;font-size:12px}
.chart-start{background:#e8eeea;grid-template-columns:minmax(0,.82fr) minmax(540px,1.18fr);align-items:center;gap:78px;padding-top:112px;padding-bottom:116px;display:grid;position:relative;overflow:hidden}
.chart-start:before{content:"";border:1px solid #0f8f811f;border-radius:50%;width:510px;height:510px;position:absolute;bottom:-260px;left:-260px;box-shadow:0 0 0 75px #0f8f8106,0 0 0 150px #0f8f8105}
.chart-start-glow{filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#14e6c524,#14e6c508 42%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:50%;right:8%;transform:translateY(-50%)}
.chart-start-copy,.birth-form{z-index:1;position:relative}
.chart-start-copy h2{letter-spacing:-.047em;max-width:560px;margin:0;font:400 clamp(44px,5vw,67px)/1.01 Georgia,Times New Roman,serif}
.chart-start-copy h2 em{color:#169a8b;font-weight:400}
.chart-start-copy>p:not(.eyebrow){color:#627673;max-width:520px;margin:27px 0 25px;font-size:14px;line-height:1.8}
.chart-start-trust{color:#71837f;border-top:1px solid #0b3f3b21;align-items:flex-start;gap:11px;max-width:500px;padding-top:18px;font-size:11px;line-height:1.65;display:flex}
.chart-start-trust svg{color:#159c8b;flex:none;margin-top:1px}
.birth-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f9fbf7d1;border:1px solid #0a46411f;border-radius:29px;padding:30px;box-shadow:0 30px 80px #08403b1a,inset 0 1px #fffc}
.birth-form-head{border-bottom:1px solid #0b3f3b1c;align-items:center;gap:14px;padding-bottom:23px;display:flex}
.birth-form-head>span{color:#168f82;border:1px solid #159c8b33;border-radius:50%;place-items:center;width:42px;height:42px;font:400 13px Georgia,serif;display:grid}
.birth-form-head div{gap:3px;display:grid}
.birth-form-head small{color:#399286;letter-spacing:.16em;font-size:8px;font-weight:750}
.birth-form-head strong{letter-spacing:-.02em;font:400 23px Georgia,serif}
.birth-fields{grid-template-columns:1fr 1fr;gap:13px;margin-top:24px;display:grid}
.birth-field{gap:8px;display:grid}
.birth-field>span{color:#526e69;letter-spacing:.08em;text-transform:uppercase;padding-left:3px;font-size:9px;font-weight:700}
.birth-field>span i{color:#8a9d99;letter-spacing:0;text-transform:none;margin-left:5px;font-style:normal;font-weight:550}
.birth-field>div{color:#338d82;background:#ffffffb8;border:1px solid #0b3f3b24;border-radius:15px;align-items:center;gap:11px;height:55px;padding:0 15px;transition:border-color .2s,box-shadow .2s,background .2s,opacity .2s;display:flex}
.birth-field>div:focus-within{background:#fff;border-color:#22a997;box-shadow:0 0 0 4px #14e6c514}
.birth-field input{color:#173f3b;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}
.birth-field input::placeholder{color:#99aaa6}
.birth-field.is-disabled>div{opacity:.45;background:#edf1ed}
.birth-place{grid-column:1/-1;position:relative}
.landing-city-status{color:#667d78;min-height:15px;padding:0 4px;font-size:9px;font-weight:550;line-height:1.45;display:block}
.landing-city-status[hidden]{display:none}
.landing-city-status.loading{color:#168f82}
.landing-city-status.loading:before{content:"";border:1.5px solid #168f8230;border-top-color:#168f82;border-radius:50%;width:9px;height:9px;margin:0 6px -1px 0;animation:landingCitySpin .7s linear infinite;display:inline-block}
.landing-city-status.error{color:#b64238}
.birth-field>.landing-city-results{z-index:20;background:#fffefa;border:1px solid #157e7129;border-radius:17px;align-items:initial;gap:0;width:100%;height:auto;max-height:250px;padding:6px;display:block;position:absolute;top:calc(100% + 7px);left:0;overflow:auto;box-shadow:0 20px 48px #123d3529}
.landing-city-results[hidden]{display:none}
.landing-city-results button{color:#264c47;background:transparent;border:0;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;width:100%;padding:11px 12px;text-align:left;cursor:pointer;display:grid}
.landing-city-results button:hover,.landing-city-results button.active{background:#e9f7f2;outline:none}
.landing-city-results strong{color:#153f3a;font-size:12px;font-weight:700}
.landing-city-results span{color:#69807c;min-width:0;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.landing-city-results small{color:#238f82;grid-area:1/2/3;align-self:center;font-size:9px;white-space:nowrap}
@keyframes landingCitySpin{to{transform:rotate(360deg)}}
.unknown-time{color:#657b77;cursor:pointer;align-items:center;gap:9px;width:max-content;max-width:100%;margin-top:14px;font-size:10px;display:flex}
.unknown-time input{opacity:0;pointer-events:none;position:absolute}
.unknown-time>span{background:#fff;border:1px solid #0e6c624d;border-radius:5px;flex:none;width:17px;height:17px;transition:all .2s;position:relative}
.unknown-time input:checked+span{background:#128d80;border-color:#128d80}
.unknown-time input:checked+span:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}
.unknown-time input:focus-visible+span{outline:2px solid var(--teal);outline-offset:3px}
.birth-submit-row{border-top:1px solid #0b3f3b1c;justify-content:flex-end;align-items:center;gap:20px;margin-top:25px;padding-top:23px;display:flex}
.birth-submit-row p{color:#7a8b88;max-width:220px;margin:0;font-size:9px;line-height:1.55}
.birth-submit-row p b{color:#3f6862}
.birth-submit{color:#fff;background:var(--cta);cursor:pointer;border:0;min-height:51px;padding:0 21px;box-shadow:0 13px 28px #08b08f2e}
.birth-submit:hover{background:#079d80;transform:translateY(-2px);box-shadow:0 17px 34px #08b08f45}
.birth-form-calculating,.birth-form-ready{min-height:462px;overflow:hidden}
.chart-calculation{grid-template-columns:176px 1fr;align-items:center;column-gap:28px;padding:38px 6px 4px;animation:.45s both calcReveal;display:grid}
.calc-orbit{color:#138f81;border:1px solid #128f8126;border-radius:50%;place-items:center;width:164px;height:164px;display:grid;position:relative}
.calc-orbit:before,.calc-orbit:after,.calc-orbit>i{content:"";border:1px solid #1097872e;border-radius:50%;position:absolute}
.calc-orbit:before{inset:23px}
.calc-orbit:after{background:#18d7bd;border:0;width:10px;height:10px;top:15px;left:76px;box-shadow:0 0 22px #18d7bdbf}
.calc-orbit>i:first-child{border-color:#0000 #1cc5ae #0000 #0000;animation:3.2s linear infinite calcSpin;inset:-1px}
.calc-orbit>i:nth-child(2){border-color:#9dcfc7 #0000;animation:2.4s linear infinite reverse calcSpin;inset:43px}
.calc-orbit>i:nth-child(3){background:#79cdbf;border:0;width:7px;height:7px;bottom:26px;right:22px}
.calc-orbit>span{background:radial-gradient(circle,#fff 0%,#e2f5ef 100%);border:1px solid #128f812e;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 10px 30px #138f811f}
.calc-copy{min-width:0}
.calc-copy small,.chart-ready>small{color:#27988b;letter-spacing:.17em;font-size:8px;font-weight:750;display:block}
.calc-copy strong{letter-spacing:-.025em;min-height:57px;margin-top:8px;font:400 25px/1.12 Georgia,serif;display:block}
.calc-copy p{color:#738682;margin:8px 0 0;font-size:10px;line-height:1.65}
.calc-progress{grid-column:1/-1;grid-template-columns:1fr 35px;align-items:center;gap:12px;margin-top:31px;display:grid}
.calc-progress>div{background:#dfe8e4;border-radius:99px;height:5px;overflow:hidden}
.calc-progress span{border-radius:inherit;background:linear-gradient(90deg,#119785,#19dbc0);height:100%;transition:width .65s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 14px #19dbc052}
.calc-progress b{color:#1c7067;font-variant-numeric:tabular-nums;font-size:9px}
.calc-steps{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}
.calc-steps span{color:#9aa9a5;align-items:center;gap:7px;font-size:8px;transition:color .35s;display:flex}
.calc-steps i{border:1px solid #d7e1dd;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:7px;font-style:normal;transition:all .35s;display:grid}
.calc-steps .active{color:#287d73}
.calc-steps .active i{background:#edf9f5;border-color:#56b8aa}
.calc-steps .done{color:#48716c}
.calc-steps .done i{color:#fff;background:#1aa28f;border-color:#1aa28f}
.chart-ready{text-align:center;flex-direction:column;align-items:center;padding:37px 24px 6px;animation:.5s both calcReveal;display:flex}
.ready-mark{border:1px solid #10978729;border-radius:50%;place-items:center;width:94px;height:94px;margin-bottom:20px;display:grid;position:relative;box-shadow:0 0 0 13px #17c1a90b,0 0 0 27px #17c1a906}
.ready-mark:before{content:"";border:1px dashed #12978638;border-radius:50%;animation:10s linear infinite calcSpin;position:absolute;inset:-7px}
.ready-mark span{color:#08776c;background:linear-gradient(145deg,#79f2df,#18d9bd);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 14px 38px #12b9a23b}
.chart-ready h3{letter-spacing:-.03em;margin:9px 0 8px;font:400 29px Georgia,serif}
.chart-ready p{color:#708480;max-width:420px;margin:0;font-size:10px;line-height:1.7}
.ready-chips{gap:7px;margin-top:17px;display:flex}
.ready-chips span{color:#52766f;background:#edf7f3b3;border:1px solid #0f786c1f;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:8px;display:flex}
.ready-chips svg{color:#139b8a}
.ready-submit{justify-content:center;min-width:210px;margin-top:20px}
.ready-back{color:#83938f;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:10px;font-size:8px;text-decoration:underline}
@keyframes calcSpin{to{transform:rotate(360deg)}
}
@keyframes calcReveal{0%{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}
.cosmic-fingerprint{color:#fff;background:radial-gradient(circle at 78% 46%,#14e6c52e,#0000 28%),linear-gradient(135deg,#031d1d 0%,#063633 52%,#064944 100%);grid-template-columns:minmax(0,.85fr) minmax(470px,1.15fr);align-items:center;gap:90px;min-height:730px;padding-top:112px;padding-bottom:118px;display:grid;position:relative;overflow:hidden}
.cosmic-fingerprint:before{content:"";opacity:.16;pointer-events:none;background-image:radial-gradient(circle,#7ef5e28c 0 1px,#0000 1.4px);background-size:82px 82px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 54%,#0000);mask-image:linear-gradient(90deg,#0000,#000 54%,#0000)}
.fingerprint-copy,.blueprint-wrap{z-index:2;position:relative}
.cosmic-fingerprint .eyebrow{color:#6ed5c5}
.fingerprint-copy h2{letter-spacing:-.048em;max-width:620px;margin:0;font:400 clamp(45px,5.2vw,69px)/1.01 Georgia,Times New Roman,serif}
.fingerprint-copy h2 em{color:var(--teal-soft);font-weight:400}
.fingerprint-copy>p:not(.eyebrow){color:#e1f5f0a8;max-width:570px;margin:27px 0 25px;font-size:14px;line-height:1.8}
.fingerprint-note{color:#e2f5f07a;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;align-items:flex-start;gap:11px;max-width:520px;padding:16px 0;font-size:11px;line-height:1.65;display:flex}
.fingerprint-note svg{color:#76e6d4;flex:none;margin-top:1px}
.fingerprint-link{color:#fff;margin-top:27px}
.fingerprint-link:hover{color:#8bf6e6}
.blueprint-wrap{place-items:center;min-height:500px;display:grid}
.blueprint-card{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#083734e0,#031f1ee0);border:1px solid #9ef8e92b;border-radius:28px;width:min(100%,475px);padding:25px;position:relative;box-shadow:0 35px 90px #00000045,inset 0 1px #ffffff09}
.blueprint-head{color:#76dccc;border-bottom:1px solid #ffffff17;align-items:center;padding-bottom:18px;display:flex}
.blueprint-head span{letter-spacing:.18em;font-size:8px;font-weight:700}
.blueprint-title{padding:25px 0 22px}
.blueprint-title small,.blueprint-grid small,.blueprint-period small{color:#c6e8e16e;letter-spacing:.16em;font-size:8px;display:block}
.blueprint-title strong{letter-spacing:-.03em;margin-top:8px;font:400 28px Georgia,serif;display:block}
.blueprint-grid{background:#ffffff17;border:1px solid #ffffff17;border-radius:18px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}
.blueprint-grid>div{background:#052826e8;min-height:126px;padding:18px;transition:background .25s}
.blueprint-grid>div:hover{background:#094641eb}
.blueprint-grid strong{margin-top:6px;font:400 21px Georgia,serif;display:block}
.blueprint-period{background:#0c534c80;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:14px;padding:18px;display:grid}
.blueprint-period strong{margin-top:4px;font:400 21px Georgia,serif;display:block}
.period-status{color:#74ddcd;letter-spacing:.13em;border:1px solid #70e5d333;border-radius:999px;align-self:center;padding:7px 9px;font-size:7px}
.features-preview{background:#e8eeea;padding-top:105px;padding-bottom:110px}
.section-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:45px;display:flex}
.section-heading>div{max-width:700px}
.section-heading>p{color:#667a77;max-width:350px;margin:0 0 6px;font-size:13px;line-height:1.7}
.feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}
.feature-card{background:#ffffff7a;border:1px solid #144f491a;border-radius:23px;min-height:300px;padding:28px;transition:transform .28s,border-color .28s,box-shadow .28s,background .28s;position:relative;overflow:hidden}
.feature-card:hover{background:#ffffffad;border-color:#169a8b38;transform:translateY(-5px);box-shadow:0 22px 55px #0e474014}
.feature-card:after{content:"";border:1px solid #169a8b24;border-radius:50%;width:145px;height:145px;position:absolute;top:-55px;right:-55px}
.feature-icon{color:#159c8b;border:1px solid #156d632e;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:68px;transition:transform .3s,background .3s;display:grid}
.feature-card:hover .feature-icon{background:#14e6c517;transform:rotate(-6deg)scale(1.06)}
.feature-card h3{letter-spacing:-.02em;margin:0 0 11px;font:400 24px Georgia,serif}
.feature-card p{color:#697c79;max-width:290px;margin:0;font-size:13px;line-height:1.65}
.feature-card.accent{color:#fff;background:linear-gradient(145deg,#063c39,#07514d)}
.feature-card.accent .feature-icon{color:#7ff7e5;border-color:#5bf1da47}
.feature-card.accent p{color:#e0f6f19e}
.screens{color:#fff;background:#052f2e;grid-template-columns:.85fr 1.15fr;min-height:690px;display:grid}
.screens-copy{flex-direction:column;justify-content:center;padding:98px 56px 98px max(48px,50vw - 592px);display:flex}
.screens-copy .eyebrow{color:#62cbbb}
.screens-copy h2{letter-spacing:-.045em;max-width:510px;margin:0 0 24px;font:400 clamp(45px,5vw,68px)/1.02 Georgia,serif}
.screens-copy p:not(.eyebrow){color:#ddf2eda3;max-width:430px;margin:0 0 31px;font-size:14px;line-height:1.75}
.screens-visual{background:radial-gradient(circle at 54% 60%,#12dcc347,#0000 34%),#062927;min-height:690px;position:relative;overflow:hidden}
.screens-visual:before{content:"";border:1px solid #48e1cd24;width:550px;height:550px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}
.screen-shot{aspect-ratio:9/17;object-fit:fill;border:5px solid #0c2624;border-radius:30px;width:300px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;position:absolute;box-shadow:0 38px 80px #0000005c}
.screen-shot.one{top:85px;left:12%;transform:rotate(-4deg)}
.screen-shot.two{width:300px;top:145px;left:47%;transform:rotate(5deg)}
.screens-visual:hover .screen-shot.one{transform:translate(-7px,-8px)rotate(-5deg);box-shadow:0 48px 95px #00000070}
.screens-visual:hover .screen-shot.two{transform:translate(8px,-12px)rotate(6deg);box-shadow:0 48px 95px #00000070}
.pricing-teaser{background:var(--cream);padding-top:104px;padding-bottom:110px}
.price-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:43px;display:grid}
.price-mini{border:1px solid var(--line);border-radius:22px;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s}
.price-mini:hover{border-color:#189a8b40;transform:translateY(-4px);box-shadow:0 20px 48px #0b393712}
.price-mini.highlight{color:#fff;background:#0b3e3a;border-color:#0b3e3a}
.price-mini .label{color:#76908b;text-transform:uppercase;letter-spacing:.15em;font-size:10px}
.price-mini.highlight .label{color:#63cdbc}
.price-mini strong{margin:18px 0 8px;font:400 36px Georgia,serif;display:block}
.price-mini p{color:#6d7e7b;margin:0;font-size:12px;line-height:1.6}
.price-mini.highlight p{color:#ebf7f49e}
.journal-preview{background:#e8eeea;padding-top:105px;padding-bottom:112px}
.article-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px;display:grid}
.article-card{background:#f4f7f2;border:1px solid #114f491a;border-radius:22px;flex-direction:column;min-height:330px;padding:27px;transition:transform .28s,border-color .28s,box-shadow .28s;display:flex}
.article-card:hover{border-color:#169a8b38;transform:translateY(-5px);box-shadow:0 22px 55px #0e474014}
.article-card .tag{color:#2e8177;letter-spacing:.15em;text-transform:uppercase;font-size:9px}
.article-card h3{letter-spacing:-.025em;margin:70px 0 14px;font:400 26px/1.08 Georgia,serif}
.article-card p{color:#6b7c79;font-size:12px;line-height:1.65}
.article-card .text-link{margin-top:auto}
.faq-section{border-top:1px solid var(--line);background:#f4f6f1;padding-top:108px;padding-bottom:112px}
.faq-heading{grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:end;gap:60px;margin-bottom:54px;display:grid}
.faq-heading h2{letter-spacing:-.045em;margin:0;font:400 clamp(44px,5vw,66px)/1.02 Georgia,Times New Roman,serif}
.faq-heading h2 em{color:#169a8b;font-weight:400}
.faq-heading>p{color:#667a77;margin:0 0 6px;font-size:13px;line-height:1.75}
.faq-list{border-top:1px solid #0d4c4629}
.faq-item{border-bottom:1px solid #0d4c4629}
.faq-item summary{cursor:pointer;grid-template-columns:58px minmax(0,1fr) 44px;align-items:center;gap:20px;min-height:86px;list-style:none;transition:color .2s;display:grid}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:#0f8f81}
.faq-index{color:#5d9991;font:400 13px Georgia,serif}
.faq-question{letter-spacing:-.02em;font:400 clamp(20px,2.3vw,28px)/1.18 Georgia,Times New Roman,serif}
.faq-toggle{color:#138f81;border:1px solid #12706638;border-radius:50%;justify-self:end;place-items:center;width:34px;height:34px;font-size:20px;font-weight:300;transition:transform .25s,background .2s;display:grid}
.faq-item[open] .faq-toggle{background:#dff2eb;transform:rotate(45deg)}
.faq-item[open] .faq-answer{animation:.28s ease-out both faqIn}
@keyframes faqIn{0%{opacity:0;transform:translateY(-7px)}
to{opacity:1;transform:translateY(0)}
}
.faq-answer{grid-template-columns:78px minmax(0,720px) 1fr;display:grid}
.faq-answer p{color:#627572;grid-column:2;margin:0;padding:0 0 30px;font-size:13px;line-height:1.8}
.faq-foot{justify-content:flex-end;align-items:center;gap:18px;margin-top:28px;display:flex}
.faq-foot p{color:#81918e;margin:0;font-size:12px}
.product-cta{text-align:center;color:#fff;background:linear-gradient(145deg,#06312f,#07514c);flex-direction:column;justify-content:center;align-items:center;min-height:540px;display:flex;position:relative;overflow:hidden}
.product-cta:before{content:"";background:radial-gradient(circle at 50% 55%,#12e3c62e,#0000 28%);position:absolute;inset:0}
.product-cta>*{z-index:2;position:relative}
.product-cta .eyebrow{color:#6fdac9}
.product-cta h2{letter-spacing:-.04em;margin:0;font:400 clamp(52px,6vw,78px)/1 Georgia,serif}
.product-cta>p:not(.eyebrow){color:#e1f5f0ad;max-width:520px;margin:19px auto 26px;font-size:14px;line-height:1.7}
.product-cta small{color:#dbf1eb6b;margin-top:15px;font-size:10px}
.cta-orbit{z-index:1;border:1px solid #5eedd921;border-radius:50%;width:440px;height:440px;position:absolute}
.cta-orbit:before,.cta-orbit:after{content:"";border:1px solid #5eedd917;position:absolute;inset:72px;transform:rotate(45deg)}
.cta-orbit:after{border-radius:50%;inset:140px;transform:none}
@keyframes orbitSpin{to{transform:rotate(360deg)}
}
@keyframes orbitCounter{to{transform:rotate(-360deg)}
}
.site-footer{color:#fff;background:#031c1c;padding:72px max(28px,50vw - 592px) 28px}
.footer-main{grid-template-columns:1.1fr 1fr;gap:80px;padding-bottom:65px;display:grid}
.footer-note{color:#dcf1ec78;margin:23px 0 0;font-size:12px;line-height:1.75}
.footer-links{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}
.footer-links>div{flex-direction:column;gap:11px;display:flex}
.footer-links p{color:#55ad9f;letter-spacing:.15em;text-transform:uppercase;margin:0 0 6px;font-size:9px}
.footer-links a{color:#e7f6f2a3;font-size:12px}
.footer-links a:hover{color:#fff}
.footer-bottom{color:#d7efe959;border-top:1px solid #ffffff14;justify-content:space-between;gap:20px;padding-top:24px;font-size:9px;display:flex}
.page-hero{color:#fff;background:radial-gradient(circle at 78% 90%,#13dabf2e,#0000 30%),linear-gradient(140deg,#031e1e,#06423e);min-height:520px;padding-top:188px;padding-bottom:90px;position:relative}
.page-hero:after{content:"✦";color:#7bf4e2;border:1px solid #60e8d433;place-items:center;width:118px;height:118px;font-size:18px;display:grid;position:absolute;bottom:96px;right:max(28px,50vw - 592px);transform:rotate(45deg)}
.page-hero .eyebrow{color:#63cbbb}
.page-hero h1{letter-spacing:-.05em;max-width:850px;margin:0;font:400 clamp(52px,7vw,84px)/.98 Georgia,serif}
.page-hero>p:last-child{color:#e1f4f0a6;max-width:610px;margin:28px 0 0;font-size:15px;line-height:1.75}
.content-section{padding-top:95px;padding-bottom:100px}
.content-section.tint{background:#e8eeea}
.content-section.dark{color:#fff;background:#052f2e}
.feature-detail-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:44px;display:grid}
.feature-detail{border:1px solid var(--line);background:#ffffff7a;border-radius:24px;min-height:280px;padding:32px;transition:transform .28s,border-color .28s,box-shadow .28s}
.feature-detail:hover{border-color:#169a8b38;transform:translateY(-4px);box-shadow:0 20px 48px #0e474012}
.feature-detail span{color:#159b8a;place-items:center;display:inline-grid}
.feature-detail h2{margin:54px 0 10px;font:400 28px Georgia,serif}
.feature-detail p{color:#677a77;max-width:460px;margin:0;font-size:13px;line-height:1.7}
.feature-detail.wide{grid-column:span 2;grid-template-columns:.8fr 1.2fr;align-items:end;display:grid}
.feature-detail.wide h2{margin:18px 0 0}
.feature-detail.wide p{justify-self:end}
.mobile-menu-panel a.active:not(.button){color:#f2fffc;background:linear-gradient(90deg,#08b08f2e,#08b08f0f);border-color:#69ead724;transform:none;box-shadow:inset 0 1px #ffffff09}
.mobile-menu-panel a.active:not(.button):before{content:none;display:none}
body.joyti-menu-open{overscroll-behavior:none;overflow:hidden}
body.joyti-menu-open .site-header{z-index:120}
body.joyti-menu-open .mobile-menu-trigger{z-index:130;background:#14e6c524;border-color:#7ef5e275;position:relative;box-shadow:0 0 0 1px #7ef5e20a,0 8px 28px #0000002e}
.pricing-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px;display:grid}
.pricing-card{border:1px solid var(--line);background:#f7f9f5;border-radius:26px;flex-direction:column;min-height:430px;padding:34px;display:flex}
.pricing-card.featured{color:#fff;background:linear-gradient(145deg,#073b38,#07504c);border-color:#0000;transform:translateY(-10px);box-shadow:0 28px 65px #06423d29}
.pricing-card .plan{color:#2f857b;letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:700}
.pricing-card.featured .plan{color:#6fe1d0}
.price{letter-spacing:-.04em;margin:27px 0 9px;font:400 48px Georgia,serif}
.price small{letter-spacing:0;opacity:.55;font:400 13px Inter,sans-serif}
.pricing-card>p{color:#6e7e7c;font-size:12px;line-height:1.6}
.pricing-card.featured>p{color:#e7f7f39c}
.price-features{gap:12px;margin:28px 0 32px;padding:0;font-size:12px;list-style:none;display:grid}
.price-features li{align-items:center;gap:9px;display:flex}
.price-features li svg{color:#19b19e;flex:none}
.pricing-card .button{margin-top:auto}
.pricing-card:not(.featured) .button{border:1px solid #bdd0cb}
.pricing-note{text-align:center;color:#70817e;margin-top:28px;font-size:11px}
.article-list{border-top:1px solid var(--line);gap:1px;display:grid}
.article-row{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr 180px;align-items:center;gap:30px;padding:36px 6px;transition:all .2s;display:grid}
.article-row:hover{padding-left:16px}
.article-num{color:#3c8e85;font:18px Georgia,serif}
.article-row h2{letter-spacing:-.025em;margin:0 0 8px;font:400 30px Georgia,serif}
.article-row p{color:#70817f;margin:0;font-size:12px}
.article-meta{text-align:right;color:#7b8d8a;letter-spacing:.07em;text-transform:uppercase;font-size:10px}
.article-meta,.article-aside a{align-items:center;gap:6px}
.article-layout{grid-template-columns:220px minmax(0,720px);justify-content:center;gap:80px;padding-top:80px;padding-bottom:100px;display:grid}
.article-aside{color:#78908c;text-transform:uppercase;letter-spacing:.08em;font-size:10px;line-height:1.7}
.article-aside div{position:sticky;top:32px}
.article-aside a{color:#2d7c73;text-transform:none;letter-spacing:0;width:max-content;margin-top:14px;font-size:11px;display:flex}
.prose{color:#324d4a;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.82}
.prose h2{color:var(--ink);letter-spacing:-.03em;margin:58px 0 18px;font:400 36px/1.12 Georgia,serif}
.prose h3{color:var(--ink);margin:36px 0 13px;font:400 25px Georgia,serif}
.prose p{margin:0 0 22px}
.prose ul{padding-left:20px}
.prose li{margin-bottom:10px}
.prose .article-callout{background:#e8efea;border-left:2px solid #22b8a5;margin:40px 0;padding:28px 30px;font-size:16px}
.legal-wrap{color:#405854;max-width:850px;margin:0 auto;padding:80px 28px 110px}
.legal-meta{color:#7c908c;margin-bottom:45px;font-size:11px}
.legal-wrap h2{color:var(--ink);margin:44px 0 13px;font:400 28px Georgia,serif}
.legal-wrap h3{color:var(--ink);margin:30px 0 10px;font-size:15px}
.legal-wrap p,.legal-wrap li{font-size:13px;line-height:1.8}
.legal-wrap a{color:#147d71;text-underline-offset:3px;text-decoration:underline}
.legal-wrap ul{padding-left:20px}
.contact-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:42px;display:grid}
.contact-card{border:1px solid var(--line);background:#f7f9f5;border-radius:24px;flex-direction:column;min-height:250px;padding:30px;transition:transform .28s,border-color .28s,box-shadow .28s;display:flex}
.contact-card:hover{border-color:#169a8b38;transform:translateY(-4px);box-shadow:0 20px 48px #0e474012}
.contact-card .contact-icon{color:#16a08f;font-size:20px}
.contact-card h2{margin:55px 0 8px;font:400 25px Georgia,serif}
.contact-card p{color:#70817f;margin:0 0 24px;font-size:12px;line-height:1.6}
.contact-card .text-link{margin-top:auto}
.not-found{isolation:isolate;text-align:center;color:#fff;background:radial-gradient(circle at 50% 55%,#13dabf2e,#0000 28%),linear-gradient(145deg,#031b1b 0%,#063a37 70%,#07504b 100%);place-items:center;min-height:780px;padding:150px 28px 100px;display:grid;position:relative;overflow:hidden}
.not-found:before{content:"";z-index:-2;opacity:.26;background-image:radial-gradient(circle,#7cf5e28c 0 1px,#0000 1.5px);background-size:71px 71px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}
.not-found-content{z-index:2;width:min(760px,100%);position:relative}
.not-found .eyebrow{color:#6fd5c5;margin-bottom:10px}
.error-code{letter-spacing:-.08em;color:#0000;-webkit-text-stroke:1px #7bf4e233;-webkit-user-select:none;user-select:none;margin-bottom:-33px;font:400 clamp(104px,18vw,210px)/.9 Georgia,serif}
.not-found h1{letter-spacing:-.05em;margin:0;font:400 clamp(48px,7vw,78px)/.98 Georgia,serif}
.not-found h1 em{color:var(--teal-soft);font-weight:400}
.not-found-lead{color:#e2f4efab;max-width:600px;margin:25px auto 30px;font-size:14px;line-height:1.75}
.not-found-actions{flex-wrap:wrap;justify-content:center;gap:11px;display:flex}
.not-found-links{flex-wrap:wrap;justify-content:center;gap:22px;margin-top:30px;display:flex}
.not-found-links a{color:#e1f4f094;align-items:center;gap:7px;font-size:11px;transition:color .2s;display:inline-flex}
.not-found-links a:hover{color:#fff}
.not-found-orbits{z-index:0;pointer-events:none;width:620px;height:620px;position:absolute;top:50%;left:50%;transform:translate(-50%,-47%)}
.not-found-orbits span{border:1px solid #73efdc1a;border-radius:50%;animation:32s linear infinite orbitSpin;position:absolute;inset:0}
.not-found-orbits span:nth-child(2){border-radius:0;animation:24s linear infinite orbitReverse;inset:78px;transform:rotate(45deg)}
.not-found-orbits span:nth-child(3){animation-duration:18s;inset:165px}
@keyframes orbitReverse{0%{transform:rotate(45deg)}
to{transform:rotate(-315deg)}
}
/* Individual translate preserves each card's existing hover transform. */
html .site-shell .scroll-reveal{opacity:0;translate:0 24px;transition:opacity .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),translate .75s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),box-shadow .28s ease,border-color .28s ease;will-change:auto}
html .site-shell .scroll-reveal.is-revealed{opacity:1;translate:0 0}
@media(max-width:600px){html .site-shell .scroll-reveal:not(.is-revealed){translate:0 16px}}
@media(prefers-reduced-motion:reduce){html .site-shell .scroll-reveal{opacity:1;translate:none;transition:none}}
@media (width<=900px){.desktop-nav,.desktop-cta{display:none}
.mobile-menu{display:block}
.hero{grid-template-columns:1fr;gap:20px;min-height:auto;padding-top:150px}
.hero-copy{text-align:center}
.hero h1,.hero-lead{margin-left:auto;margin-right:auto}
.hero-actions,.hero-proof{justify-content:center}
.hero-visual{height:676px;padding-block:42px}
.hero-cosmos{width:590px;height:590px}
.intro{grid-template-columns:1fr;gap:24px;padding-top:74px;padding-bottom:82px}
.intro-heading{padding-top:0}
.intro-portrait{width:248px;margin:-4px auto -22px}
.intro-copy{z-index:2;position:relative}
.chart-start{grid-template-columns:1fr;gap:46px;padding-top:92px;padding-bottom:96px}
.chart-start-copy{text-align:center}
.chart-start-copy h2,.chart-start-copy>p:not(.eyebrow),.chart-start-trust{margin-left:auto;margin-right:auto}
.chart-start-trust{text-align:left}
.cosmic-fingerprint{grid-template-columns:1fr;gap:58px;padding-top:92px;padding-bottom:96px}
.fingerprint-copy{text-align:center}
.fingerprint-copy h2,.fingerprint-copy>p:not(.eyebrow),.fingerprint-note{margin-left:auto;margin-right:auto}
.fingerprint-note{text-align:left}
.blueprint-wrap{min-height:520px}
.feature-grid,.article-grid,.price-row,.pricing-grid{grid-template-columns:1fr}
.feature-card{min-height:240px}
.feature-icon{margin-bottom:42px}
.screens{grid-template-columns:1fr}
.screens-copy{padding:80px 28px}
.footer-main{grid-template-columns:1fr;gap:52px}
.feature-detail-grid{grid-template-columns:1fr}
.feature-detail.wide{grid-column:span 1;grid-template-columns:1fr}
.feature-detail.wide p{justify-self:start;margin-top:24px}
.pricing-card.featured{transform:none}
.article-layout{grid-template-columns:1fr;gap:25px;padding-left:28px;padding-right:28px}
.article-aside div{position:static}
.article-row{grid-template-columns:70px 1fr}
.article-meta{display:none}
.faq-heading{grid-template-columns:1fr;gap:24px}
}
@media (width<=620px){.site-header{padding:0 10px;top:10px}
.nav-wrap{border-radius:19px;height:64px;padding:0 10px 0 16px}
.mobile-menu-trigger{width:42px;height:42px}
.mobile-menu-panel{width:calc(100vw - 20px);top:84px;right:10px}
.brand{font-size:28px}
.section-pad{padding-left:20px;padding-right:20px}
.hero{padding-top:126px;padding-bottom:56px}
.hero:after{width:330px;height:330px;top:490px;left:51%}
.hero h1{font-size:51px}
.hero-lead{margin-top:23px;font-size:14px}
.hero-actions{flex-direction:column;align-items:stretch;padding:0 12px}
.hero-proof{font-size:10px}
.faq-section{padding-top:78px;padding-bottom:80px}
.faq-heading{margin-bottom:36px}
.faq-item summary{grid-template-columns:34px minmax(0,1fr) 34px;gap:10px;min-height:80px}
.faq-question{font-size:20px}
.faq-toggle{width:30px;height:30px}
.faq-answer{grid-template-columns:44px minmax(0,1fr)}
.faq-answer p{grid-column:2;padding-bottom:26px;padding-right:4px}
.faq-foot{flex-wrap:wrap;justify-content:flex-start}
.hero-visual{height:620px;padding-block:44px}
.hero-cosmos{width:520px;height:520px}
.phone-shell{border-radius:0;width:360px;max-width:calc(100vw - 24px);height:auto;padding:0}
.phone-shell img{border-radius:inherit}
.hero-screen{width:100%!important;height:100%!important}
.hero-halo{width:330px;height:330px}
.intro,.features-preview,.pricing-teaser,.journal-preview{padding-top:74px;padding-bottom:78px}
.chart-start{gap:34px;padding-top:78px;padding-bottom:82px}
.chart-start-copy h2{font-size:43px}
.chart-start-copy>p:not(.eyebrow){font-size:13px}
.birth-form{border-radius:23px;padding:19px}
.birth-form-head strong{font-size:20px}
.birth-fields{grid-template-columns:1fr}
.birth-place{grid-column:auto}
.birth-submit-row{flex-direction:column;align-items:stretch}
.birth-submit{justify-content:center;width:100%}
.birth-form-calculating,.birth-form-ready{min-height:490px}
.chart-calculation{text-align:center;grid-template-columns:1fr;justify-items:center;padding:28px 0 0}
.calc-orbit{width:132px;height:132px;margin-bottom:24px}
.calc-orbit>i:nth-child(2){inset:34px}
.calc-orbit:after{top:10px;left:60px}
.calc-copy strong{min-height:auto;font-size:23px}
.calc-progress,.calc-steps{width:100%}
.calc-steps{text-align:left;grid-template-columns:1fr;gap:7px}
.chart-ready{padding:29px 0 0}
.chart-ready h3{font-size:27px}
.ready-chips{flex-wrap:wrap;justify-content:center}
.ready-submit{width:100%}
.cosmic-fingerprint{gap:44px;padding-top:82px;padding-bottom:84px}
.fingerprint-copy h2{font-size:43px}
.fingerprint-copy>p:not(.eyebrow){font-size:13px}
.blueprint-wrap{min-height:435px}
.blueprint-orbits{width:420px;height:420px}
.blueprint-card{border-radius:23px;padding:18px}
.blueprint-title{padding:20px 0 18px}
.blueprint-title strong{font-size:24px}
.blueprint-grid>div{min-height:112px;padding:15px}
.blueprint-icon{margin-bottom:11px}
.blueprint-period{padding:15px}
.period-status{display:none}
.intro h2,.section-heading h2{font-size:41px}
.section-heading{display:block}
.section-heading>p{margin-top:20px}
.feature-card{padding:24px}
.screens-copy{padding:74px 20px 54px}
.screens-copy h2{font-size:43px}
.screens-visual{min-height:510px}
.screen-shot{border-width:5px;border-radius:22px;width:205px;top:45px;left:8%}
.screen-shot.two{width:205px;top:96px;left:42%}
.product-cta{min-height:470px}
.product-cta h2{font-size:51px}
.platforms{justify-content:center;gap:6px}
.platforms>span{padding:7px 9px}
.cta-orbit{width:350px;height:350px}
.footer-main{padding-bottom:45px}
.footer-links{grid-template-columns:1fr 1fr;row-gap:36px}
.footer-bottom{flex-direction:column}
.page-hero{min-height:470px;padding-top:154px}
.page-hero h1{max-width:320px;font-size:50px}
.page-hero:after{width:76px;height:76px;bottom:68px}
.content-section{padding-top:70px;padding-bottom:75px}
.pricing-grid{gap:12px}
.article-row{grid-template-columns:42px 1fr;gap:15px;padding:28px 0}
.article-row h2{font-size:26px}
.contact-grid{grid-template-columns:1fr}
.prose{font-size:17px}
.prose h2{font-size:31px}
.not-found{min-height:720px;padding:118px 20px 80px}
.error-code{margin-bottom:-20px;font-size:112px}
.not-found h1{font-size:49px}
.not-found-actions{flex-direction:column;padding:0 18px}
.not-found-orbits{width:430px;height:430px}
}
.big-three{z-index:2;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:27px;display:grid;position:relative}
.big-three>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff85;border:1px solid #6f58322b;border-radius:19px;grid-template-rows:1fr 1fr;grid-template-columns:32px 1fr;align-items:end;column-gap:8px;min-height:108px;padding:18px;display:grid}
.big-three .astro-icon{border-radius:50%;grid-row:1/3;align-self:center;place-items:center;width:31px;height:31px;display:grid}
.astro-icon.sun{color:#cb8d28;background:#faedcf}
.astro-icon.moon{color:#6c72b8;background:#ece9f7}
.astro-icon.asc{color:#bd6067;background:#f8e6e3;transform:rotate(-90deg)}
.big-three small{color:#a3947c;letter-spacing:.12em;align-self:end;font-size:8px;font-weight:750}
.big-three strong{align-self:start;margin-top:3px;font:400 19px Georgia,serif}
.natal-entry{min-height:158px;color:inherit;cursor:pointer;text-align:left;background:#fbfcf8;border:1px solid #0e444021;border-radius:24px;grid-template-columns:50px 1fr 20px;align-items:center;gap:14px;padding:22px;transition:all .25s;display:grid}
.natal-entry:hover{border-color:#19938542;transform:translateY(-3px);box-shadow:0 18px 45px #15443e12}
.entry-icon{color:#bd8b3d;background:#fcf7ed;border:1px solid #ad803a47;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}
.natal-entry small{color:#b1813e;letter-spacing:.15em;margin-bottom:7px;font-size:8px;font-weight:800;display:block}
.natal-entry strong{font:400 22px Georgia,serif;display:block}
.natal-entry>svg{color:#9fa7a3}
.ask-card{background:#fff9;border:1px solid #0e44401f;border-radius:24px;margin-top:14px;padding:27px}
.ask-card h3{margin:5px 0 0;font:400 29px Georgia,serif}
.ask-card{color:#fff;background:linear-gradient(135deg,#07504b,#073b38);border:0;justify-content:space-between;align-items:center;gap:30px;display:flex}
.ask-card p{color:#e8f5f199;max-width:550px;margin:8px 0 0;font-size:10px;line-height:1.55}
.ask-card button{color:#073b38;cursor:pointer;background:#68e4d1;border:0;border-radius:999px;flex:none;align-items:center;gap:9px;min-height:45px;padding:0 20px;font-size:10px;font-weight:750;display:flex}
.calendar-head h1{letter-spacing:-.045em;margin:7px 0 0;font:400 50px/.98 Georgia,serif}
.calendar-head h1 em{color:#168f82;font-weight:400}
.conversation{max-width:750px;margin:34px auto 0}
.joyti-message{grid-template-columns:34px 1fr;gap:14px;padding:19px 0;display:grid}
.message-mark{color:#188f81;background:#e4eeea;border:1px solid #13897c2e;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}
.joyti-message small{color:#398b82;letter-spacing:.15em;font-size:7px;font-weight:800}
.joyti-message p{color:#263f3d;margin:7px 0 0;font:400 15px/1.65 Georgia,serif}
.prompt-row{flex-wrap:wrap;gap:7px;margin:4px 0 27px 48px;display:flex}
.prompt-row button{color:#5e716e;cursor:pointer;text-align:left;background:#fbfcf8;border:1px solid #135b531f;border-radius:12px;align-items:center;gap:7px;max-width:220px;padding:9px 11px;font-size:8px;line-height:1.4;display:flex}
.sample-user-message{color:#203c39;background:#fff;border-radius:20px 20px 6px;width:min(78%,500px);margin:0 0 22px auto;padding:17px 19px;font-size:12px;line-height:1.55;box-shadow:0 10px 30px #1c413c0d}
.sample-user-message.fresh{animation:.25s ease-out both messageIn}
@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}
.joyti-message.compact{padding-top:0}
.composer-menu,.composer-send{cursor:pointer;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}
.composer-menu{color:#2c887e;background:#edf1ea}
.composer-send{color:#052c29;background:#5fe0cd}
.composer-send:disabled{color:#a7b2af;cursor:default;background:#edf0ec}
.calendar-view{max-width:1040px}
.calendar-head{justify-content:space-between;align-items:end;gap:25px;display:flex}
.month-control{background:#fff;border:1px solid #0e45401f;border-radius:13px;align-items:center;gap:4px;padding:4px;display:flex}
.month-control button{color:#48827a;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}
.month-control span{color:#617572;padding:0 8px;font-size:9px}
.week-strip{grid-template-columns:repeat(7,1fr);gap:7px;margin-top:35px;display:grid}
.week-strip button{color:#72827f;cursor:pointer;background:#fbfcf8;border:1px solid #0d48421a;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:105px;transition:all .2s;display:flex}
.week-strip button:hover{transform:translateY(-2px)}
.week-strip small{letter-spacing:.11em;font-size:7px;font-weight:750}
.week-strip strong{margin:7px 0 11px;font:400 25px Georgia,serif}
.week-strip i{background:#cbd4d0;border-radius:50%;width:6px;height:6px}
.week-strip .money i{background:#d7a442}
.week-strip .love i{background:#d97988}
.week-strip .career i{background:#6c83c2}
.week-strip .best{color:#fff;background:#0c776c;border-color:#0d766c}
.week-strip .best i{background:#f0c46f}
.week-strip .selected{box-shadow:0 12px 30px #0c776c2b}
.calendar-legend{color:#768783;justify-content:flex-end;gap:15px;margin:12px 2px 0;font-size:8px;display:flex}
.calendar-legend span{align-items:center;gap:5px;display:flex}
.calendar-legend i{border-radius:50%;width:6px;height:6px}
.calendar-legend .best{background:#0c776c}
.calendar-legend .love{background:#d97988}
.calendar-legend .money{background:#d7a442}
.calendar-legend .career{background:#6c83c2}
.day-focus{background:#fbfcf8;border:1px solid #0d49431f;border-radius:26px;margin-top:30px;padding:30px}
.day-score{grid-template-columns:44px 1fr auto;align-items:center;gap:13px;display:grid}
.day-score>span{color:#c69440;background:#f6ead1;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}
.day-score small{color:#849490;letter-spacing:.12em;font-size:7px;font-weight:750}
.day-score h2{margin:4px 0 0;font:400 26px Georgia,serif}
.day-score>strong{color:#147d71;font:400 37px Georgia,serif}
.day-score>strong small{letter-spacing:0;font:400 11px Inter,sans-serif}
.day-intro{color:#6c7e7a;max-width:700px;margin:19px 0 22px;font-size:11px;line-height:1.65}
.day-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}
.day-grid article{background:#edf2ec;border-radius:17px;padding:17px}
.day-grid article>span{color:#228d80;background:#daeae3;border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:15px;display:grid}
.day-grid small{color:#788c88;letter-spacing:.12em;font-size:7px;font-weight:750}
.day-grid strong{margin:5px 0;font:400 17px Georgia,serif;display:block}
.day-grid p{color:#7a8986;margin:0;font-size:8px;line-height:1.5}
.day-chat{color:#fff;cursor:pointer;background:#0a6f66;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:45px;margin-top:14px;font-size:9px;font-weight:750;display:flex}
@media (width<=620px){
.big-three{gap:7px;margin-top:21px}
.big-three>div{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:104px;padding:12px 6px;display:flex}
.big-three .astro-icon{width:27px;height:27px;margin-bottom:8px}
.big-three small{font-size:6px}
.big-three strong{margin-top:5px;font-size:15px}
.natal-entry{min-height:112px}
.ask-card{padding:21px}
.ask-card h3{font-size:25px}
.ask-card{flex-direction:column;align-items:flex-start;gap:17px}
.ask-card button{justify-content:center;width:100%}
.calendar-head h1{font-size:41px}
.conversation{margin-top:22px}
.joyti-message{grid-template-columns:30px 1fr;gap:11px}
.message-mark{width:30px;height:30px}
.joyti-message p{font-size:14px}
.prompt-row{scrollbar-width:none;flex-wrap:nowrap;margin-left:41px;padding:0 18px 7px 0;overflow-x:auto}
.prompt-row button{min-width:190px}
.sample-user-message{width:86%;font-size:11px}
.calendar-head{flex-direction:column;align-items:flex-start}
.month-control{justify-content:space-between;align-self:stretch}
.week-strip{gap:4px;margin-top:24px}
.week-strip button{border-radius:14px;min-height:80px}
.week-strip small{font-size:6px}
.week-strip strong{margin:5px 0 8px;font-size:20px}
.calendar-legend{flex-wrap:wrap;justify-content:flex-start}
.day-focus{border-radius:22px;padding:20px}
.day-score{grid-template-columns:38px 1fr auto;gap:9px}
.day-score>span{width:38px;height:38px}
.day-score h2{font-size:20px}
.day-score>strong{font-size:30px}
.day-grid{grid-template-columns:1fr}
.day-grid article{min-height:128px}
.day-intro{font-size:10px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
.phone-shell{transform:none}
.hero-screen{opacity:1!important;transform:none!important}
.screen-shot.one{transform:rotate(-4deg)}
.screen-shot.two{transform:rotate(5deg)}
}
.natal-entry,.ask-card,.day-focus{box-shadow:0 18px 52px #15443e0e}
.day-focus{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8}
.message-mark{box-shadow:0 7px 20px #167a6f12}
.prompt-row button:hover{color:#176f66;background:#fff;border-color:#169a8b47;transform:translateY(-1px)}
.week-strip button{box-shadow:0 7px 22px #14423c09}
@media (width<=620px){
.week-strip{scrollbar-width:none;grid-template-columns:repeat(7,64px);margin-right:-16px;padding-bottom:5px;overflow-x:auto}
.week-strip::-webkit-scrollbar{display:none}
.day-score{grid-template-columns:38px minmax(0,1fr) auto}
}
.big-three{gap:9px;margin:0}
.big-three>div{background:#ffffff8c;border-color:#75582b24;border-radius:21px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:150px;padding:21px;display:flex;box-shadow:inset 0 1px #ffffffb8}
.big-three .astro-icon{width:34px;height:34px;margin:0 0 auto}
.big-three small{color:#9a8b73;margin-top:18px;font-size:7px}
.big-three strong{margin-top:5px;font-size:20px}
.natal-entry{background:#ffffffba;border-color:#105b531c;border-radius:25px;grid-template-columns:56px minmax(0,1fr) 34px;gap:16px;min-height:176px;padding:27px;box-shadow:0 17px 48px #15443e0b}
.natal-entry:hover{border-color:#19938540;box-shadow:0 22px 50px #15443e14}
.entry-icon{color:#b37f31;background:#fbf3e2;border-color:#ba8b4240;width:56px;height:56px}
.natal-entry small{margin-bottom:8px}
.natal-entry strong{font-size:25px}
.natal-entry span>i{color:#80908d;margin-top:7px;font-size:8px;font-style:normal;line-height:1.5;display:block}
.entry-arrow{color:#248c80;background:#edf5f0;border:1px solid #157c711f;border-radius:50%;justify-self:end;place-items:center;width:34px;height:34px;transition:transform .22s,background .22s;display:grid}
.natal-entry:hover .entry-arrow{background:#def1e9;transform:translate(2px)}
.ask-card{isolation:isolate;background:radial-gradient(circle at 76% 40%,#3fdec71c,#0000 28%),linear-gradient(135deg,#084843,#062f2e 67%,#052827);border:1px solid #61e4d01f;border-radius:26px;margin-top:12px;padding:30px;position:relative;overflow:hidden;box-shadow:0 22px 58px #04312e21}
.ask-card>div{z-index:2;position:relative}
.ask-card h3{margin-top:7px;font-size:31px}
.ask-card p{color:#e3f4ef94;max-width:580px;margin-top:7px}
.ask-card button{z-index:2;color:#063b37;background:linear-gradient(135deg,#7af0de,#59d7c4);min-height:48px;padding:0 22px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 12px 28px #24c3ac21}
.ask-card button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #24c3ac33}
.ask-orbit{z-index:0;border:1px solid #68ebd71a;border-radius:50%;width:270px;height:270px;position:absolute;top:-96px;right:120px}
.ask-orbit i{border:1px solid #68ebd716;border-radius:50%;position:absolute;inset:42px}
.ask-orbit i:last-child{inset:88px}
@media (width<=900px){
.big-three{grid-template-columns:repeat(3,1fr)}
.big-three>div{min-height:125px}
}
@media (width<=620px){
.big-three{gap:6px;margin-top:2px}
.big-three>div{text-align:center;border-radius:17px;justify-content:center;align-items:center;min-height:112px;padding:12px 6px}
.big-three .astro-icon{width:30px;height:30px;margin:0 0 9px}
.big-three small{margin:0;font-size:6px}
.big-three strong{max-width:100%;margin-top:5px;font-size:14px}
.natal-entry{border-radius:21px;grid-template-columns:48px minmax(0,1fr) 30px;gap:12px;min-height:118px;padding:19px}
.entry-icon{width:48px;height:48px}
.natal-entry strong{font-size:20px}
.natal-entry span>i{display:none}
.entry-arrow{width:30px;height:30px}
.ask-card{border-radius:22px;align-items:flex-start;gap:18px;margin-top:10px;padding:22px 20px}
.ask-card h3{font-size:25px}
.ask-card p{font-size:9px}
.ask-card button{justify-content:center;width:100%;min-height:46px}
.ask-orbit{top:-75px;right:-110px}
}
@media (width<=380px){
.big-three strong{font-size:13px}
}
.chart-action-card{isolation:isolate;color:#0b3733;cursor:pointer;text-align:left;background:#ffffffbd;border:1px solid #0f554e1c;border-radius:25px;grid-template-columns:58px minmax(0,1fr) 36px;align-items:center;gap:17px;min-height:165px;padding:26px 28px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #15443e0d}
.chart-action-card:hover{border-color:#148e8040;transform:translateY(-2px);box-shadow:0 23px 55px #15443e17}
.chart-action-icon{color:#a9772c;background:#fbf2df;border:1px solid #b1803333;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}
.chart-action-copy{z-index:2;display:block;position:relative}
.chart-action-copy small{color:#a47c3d;letter-spacing:.15em;font-size:7px;font-weight:800;display:block}
.chart-action-copy strong{margin-top:8px;font:400 25px/1.05 Georgia,serif;display:block}
.chart-action-copy i{color:#7c8e8a;margin-top:7px;font-size:8px;font-style:normal;display:block}
.chart-action-arrow{color:#21887c;background:#edf5ef;border:1px solid #157c7121;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}
.chart-action-orbit{z-index:0;border:1px solid #178d8014;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-125px;right:-105px;box-shadow:0 0 0 38px #178d8006,0 0 0 76px #178d8004}
.credit-card-v2{color:#fff;background:radial-gradient(circle at 90% 2%,#5ee4cf1c,transparent 31%),linear-gradient(145deg,var(--cta-dark),#073532 68%,#052b2a);border:1px solid #68e3d024;border-radius:25px;flex-direction:column;min-height:165px;padding:23px 25px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 21px 52px #052b2926,inset 0 1px #ffffff0b}
.credit-card-v2:after{content:"";border:1px solid #6be5d31c;border-radius:50%;width:176px;height:176px;position:absolute;top:-101px;right:-104px;box-shadow:0 0 0 38px #6be5d306}
.credit-card-v2-head{justify-content:space-between;align-items:center;gap:12px;display:flex}
.credit-card-v2-head span{z-index:2;color:#e2f6f1b8;letter-spacing:.14em;align-items:center;gap:7px;font-size:7px;font-weight:780;display:flex;position:relative}
.credit-card-v2-head span svg{color:#74dccc}
.credit-card-v2-head>small{z-index:2;color:#daf3ed7a;letter-spacing:.12em;align-items:center;gap:6px;font-size:6px;display:flex;position:relative}
.credit-card-v2-head>small i{background:#62ddc9;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #62ddc91a}
.credit-card-v2-value{z-index:2;align-items:center;gap:13px;margin:11px 0 12px;display:flex;position:relative}
.credit-card-v2-value>strong{color:#fff;font:400 43px/.9 Georgia,serif}
.credit-card-v2-value>div{gap:3px;display:grid}
.credit-card-v2-value small{color:#79dccc;letter-spacing:.12em;font-size:6px;font-weight:800}
.credit-card-v2-value span{color:#e2f3ef8a;font-size:7px;line-height:1.4}
.credit-card-v2>button{z-index:2;color:#fff;background:var(--cta-bright);cursor:pointer;border:1px solid #ffffff14;border-radius:13px;justify-content:space-between;align-items:center;gap:8px;min-height:42px;margin-top:auto;padding:0 14px 0 16px;font-size:8px;font-weight:800;transition:opacity .2s,background-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 11px 26px #0bb89f29}
.credit-card-v2>button:hover{opacity:.88;background:var(--cta-bright-hover);box-shadow:0 13px 28px #0bb89f33}
.credit-card-v2-note{z-index:2;color:#daf0eb6b;align-items:center;gap:6px;margin:9px 1px 0;font-size:6px;line-height:1.4;display:flex;position:relative}
.credit-card-v2-note svg{color:#d9bc84}
.question-shop{color:#123b37;background:radial-gradient(circle at 94% 4%,#d9bc8424,#0000 27%),#f7f8f3;border:1px solid #1d736824;border-radius:29px;width:min(100%,610px);max-height:min(760px,100dvh - 32px);padding:28px;animation:.3s cubic-bezier(.22,1,.36,1) both shopRise;overflow:auto;box-shadow:0 34px 100px #01191747,inset 0 1px #fff}
@keyframes shopFadeIn{0%{opacity:0}
to{opacity:1}
}
@keyframes shopRise{0%{opacity:0;transform:translateY(16px)scale(.985)}
to{opacity:1;transform:none}
}
.sky-card-v2{background:#ffffffba;border:1px solid #0d4e471a;border-radius:27px;margin-top:20px;padding:29px;box-shadow:0 19px 54px #15443e0d}
.sky-card-v2-head{justify-content:space-between;align-items:center;gap:20px;display:flex}
.sky-date{color:#258d81;letter-spacing:.17em;align-items:center;gap:8px;font-size:8px;font-weight:800;display:flex}
.sky-date i{background:#2cb4a1;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #2cb4a117}
.sky-card-v2-head h3{letter-spacing:-.03em;margin:7px 0 0;font:400 33px Georgia,serif}
.sky-card-v2-head p{color:#84938f;margin:6px 0 0;font-size:8px}
.sky-card-v2-head button{color:#278b80;cursor:pointer;background:#f2f7f2;border:1px solid #1270661f;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 8px 0 13px;font-size:8px;display:flex}
@media (width<=620px){
.chart-action-card{border-radius:20px;grid-template-columns:48px minmax(0,1fr) 30px;gap:12px;min-height:115px;padding:18px}
.chart-action-icon{width:48px;height:48px}
.chart-action-copy strong{font-size:20px}
.chart-action-copy i{display:none}
.chart-action-arrow{width:30px;height:30px}
.credit-card-v2{border-radius:20px;min-height:168px;padding:18px}
.credit-card-v2-value>strong{font-size:40px}
.credit-card-v2>button{min-height:46px;font-size:9px}
.credit-card-v2-note{margin-top:8px}
.sky-card-v2{border-radius:21px;margin-top:16px;padding:20px 17px}
.sky-card-v2-head{align-items:flex-start}
.sky-card-v2-head h3{font-size:27px}
.sky-card-v2-head p{display:none}
.sky-card-v2-head button{white-space:nowrap;min-height:32px}
}
@media (width<=620px){
.question-shop{width:100%;max-height:calc(100dvh - 28px);padding:23px 16px max(19px,env(safe-area-inset-bottom));border-radius:26px 26px 0 0;animation:.32s cubic-bezier(.22,1,.36,1) both shopSheetUp}
.question-shop:before{content:"";background:#d4ddda;border-radius:99px;width:36px;height:4px;margin:-11px auto 16px;display:block}
}
@keyframes shopSheetUp{0%{opacity:0;transform:translateY(100%)}
to{opacity:1;transform:none}
}

/* Today / Home profile refresh */.sky-mini-icon{border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font:400 23px/1 Georgia,serif;display:grid}.sky-mini-icon.warm{color:#af7828;background:#fdf2db}.sky-mini-icon.violet{color:#676cc2;background:#efedfa}.details-essence[aria-busy="true"] p{opacity:.62}
@media (width<=460px){.sky-mini-icon{width:40px;height:40px;font-size:20px}}.details-screen{width:min(100%,800px);padding:42px 40px 120px}.details-hero>span{color:#8ce9d8;letter-spacing:.16em;font-size:8px;font-weight:800}.joyti-chat-form{z-index:20;background:#fffefa;border:1px solid #104b4424;border-radius:20px;grid-template-columns:35px 1fr 38px;align-items:center;gap:5px;margin-top:20px;padding:5px;display:grid;box-shadow:0 13px 36px #143c3520}.joyti-chat-form input{color:#203f3b;background:transparent;border:0;outline:0;min-width:0;font-size:10px}.joyti-chat-form input::placeholder{color:#9ba9a5}
.details-mobile-head{color:#173b37;background:#fffffddd}.details-mobile-head strong{font-size:12px}.details-mobile-head button{color:#236e65;background:transparent;border-color:#124c4217}.details-back{color:#325c56;font-size:25px}.details-hero{isolation:isolate;color:#fff;background:linear-gradient(90deg,#063735e7,#06413baa),url("../screens/joyti-cosmic-portrait-aug17.png") 100% 36%/auto 150% no-repeat;border-radius:27px 27px 0 0;min-height:206px;padding:29px 30px;position:relative;overflow:hidden}.details-hero:after{content:"";background:radial-gradient(circle at 100% 100%,#e2b76e2b,transparent 28%);position:absolute;inset:0}.details-hero>*{z-index:1;position:relative}.details-hero h1{letter-spacing:-.03em;margin:10px 0 11px;font:400 38px/.96 Georgia,serif}.details-hero p{color:#e3f2eed0;max-width:350px;margin:0;font-size:10px;line-height:1.55}.details-hero i{color:#e6bd75;position:absolute;right:26px;bottom:19px;font:400 42px Georgia,serif}.details-tabs{background:#fffefa;border-bottom:1px solid #123d3511;justify-content:space-between;gap:16px;padding:0 22px;display:flex;overflow:auto}.details-tabs a{color:#77847f;white-space:nowrap;border-bottom:2px solid transparent;padding:16px 0 13px;font-size:9px;font-weight:700}.details-tabs a.active{color:#138b7d;border-color:#19a797}.details-essence{background:#fffefa;border-radius:0 0 25px 25px;padding:26px 29px 25px;box-shadow:0 15px 35px #163a330d}.details-essence h2{margin:0;font:400 23px Georgia,serif}.details-essence p{color:#617572;margin:13px 0 17px;font-size:11px;line-height:1.55}.details-essence div{flex-wrap:wrap;gap:7px;display:flex}.details-essence span{color:#457372;background:#ebf3ef;border-radius:999px;padding:7px 11px;font-size:8px;font-weight:700}.details-essence span:nth-child(2),.details-essence span:nth-child(3){color:#6267aa;background:#eeeeff}.details-life-theme{background:linear-gradient(105deg,#fff4d9,#fffdf5);border:1px solid #e3b56721;border-radius:21px;align-items:center;gap:15px;margin-top:17px;padding:18px;display:flex}.details-life-theme>span{color:#a8752d;background:#ffe8bb;border-radius:50%;place-items:center;width:48px;height:48px;font:400 25px Georgia,serif;display:grid}.details-life-theme small{color:#a6814c;letter-spacing:.12em;font-size:7px;font-weight:800}.details-life-theme h2{margin:3px 0;font:400 19px Georgia,serif}.details-life-theme p{color:#876f50;margin:0;font-size:8px}.details-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px;display:grid}.details-grid article{background:#f6f8f4;border:1px solid #0e483f0d;border-radius:17px;padding:16px}.details-grid small{color:#25887d;font-size:7px;font-weight:800}.details-grid strong{margin:8px 0 5px;font:400 18px/1 Georgia,serif;display:block}.details-grid p{color:#7a8b87;margin:0;font-size:8px}.details-ask-link{color:#fff;background:#07534c;border-radius:16px;justify-content:space-between;align-items:center;margin-top:17px;padding:15px 18px;font-size:10px;font-weight:700;display:flex}.details-ask-link b{font-size:17px}
@media (width<=900px){.details-screen{padding:20px 16px 105px}}
@media (width<=500px){.joyti-chat-form{border-radius:18px;margin-top:14px}.details-screen{padding:0 14px 105px}.details-hero{border-radius:0 0 24px 24px;margin:0 -14px;padding:25px 22px}.details-hero h1{font-size:33px}.details-tabs{margin:0 -14px;padding:0 18px}.details-essence{margin:0 -4px;padding:23px 20px}.details-grid{grid-template-columns:1fr;gap:7px}.details-grid article{padding:14px}}

/* Joyti polish — compact navigation, pinned composer and overlays */.details-hero{background:linear-gradient(90deg,#063735e7,#06413baa),url("../screens/joyti-cosmic-portrait-aug17.png") 64% 42%/cover no-repeat}.joyti-chat-form{position:fixed;z-index:60;left:calc(50% + 115px);bottom:27px;transform:translateX(-50%);grid-template-columns:auto minmax(0,1fr) 40px;width:min(760px,calc(100vw - 320px));margin:0;padding:5px 6px;border-radius:999px;box-shadow:0 16px 38px #082e2926}@keyframes joytiPulse{50%{opacity:.45;transform:scale(.82)}}.joyti-menu-close{color:#315954;cursor:pointer;background:#ffffffd9;border:1px solid #0c4b4219;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;z-index:2;top:14px;right:14px}.joyti-menu-items{border-top:1px solid #12463d26}.joyti-menu-items button{color:#174a44;cursor:pointer;text-align:left;background:transparent;border:0;border-bottom:1px solid #12463d26;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:0 2px;font-size:11px;display:flex}.joyti-menu-items .menu-pro{color:#097d70}.joyti-menu-back{color:#174a44;cursor:pointer;background:transparent;border:0;align-items:center;gap:8px;margin:2px 0 8px;padding:0;font-size:10px;display:flex}
@media (width<=900px){.joyti-chat-form{left:14px;right:14px;bottom:84px;transform:none;width:auto}}.joyti-menu-label{align-items:center;gap:10px;display:flex}.joyti-menu-items .menu-pro{justify-content:space-between}.joyti-menu-items .menu-pro .joyti-menu-label{color:#09877a}.sky-mini-icon .hgi-stroke{font-size:23px}.details-hero>i.hgi-stroke{font-size:42px}.details-life-theme>span .hgi-stroke{font-size:25px}.details-ask-link b .hgi-stroke{font-size:19px}.joyti-menu-close .hgi-stroke{font-size:18px}.joyti-menu-items button>.hgi-stroke{color:#147f73;font-size:19px}.joyti-menu-label .hgi-stroke{font-size:20px}.joyti-menu-back .hgi-stroke{font-size:18px}

/* Local Hugeicons SVG assets: no external icon font or CDN dependency */

/* SVGs are used as masks so they inherit every context colour instead of their source black stroke. */

/* Vedic placements */

/* Downloaded Hugeicons used by the planetary cards. */
.details-natal-portrait{color:#173e39;background:linear-gradient(108deg,#e8f8f3,#d5f0e8);border:1px solid #119d8a25;border-radius:21px;align-items:center;gap:15px;margin-top:17px;padding:18px;display:flex;box-shadow:0 15px 34px #0d786614;transition:transform .2s ease,box-shadow .2s ease}.details-natal-portrait:hover{transform:translateY(-2px);box-shadow:0 19px 38px #0d786622}.details-natal-portrait>span{color:#087f72;background:#fffefa;border-radius:50%;place-items:center;flex:none;width:49px;height:49px;display:grid}.details-natal-portrait>span .hgi-stroke{font-size:25px}.details-natal-portrait>div{min-width:0}.details-natal-portrait small{color:#198a7e;letter-spacing:.12em;font-size:7px;font-weight:800}.details-natal-portrait h2{letter-spacing:-.02em;margin:3px 0;font:400 20px Georgia,serif}.details-natal-portrait p{color:#567872;margin:0;font-size:8px}.details-natal-portrait b{color:#088779;background:#ffffff8c;border-radius:50%;place-items:center;flex:none;width:32px;height:32px;margin-left:auto;display:grid}.details-natal-portrait b .hgi-stroke{font-size:17px}
@media (width<=500px){.details-natal-portrait{border-radius:20px;gap:12px;padding:15px}.details-natal-portrait>span{width:45px;height:45px}.details-natal-portrait h2{font-size:18px}.details-natal-portrait p{font-size:8px}.details-natal-portrait b{width:29px;height:29px}}
.hgi-stroke{font-style:normal;line-height:1;vertical-align:middle;display:inline-flex;background-color:currentColor!important;background-image:none!important;width:1em;height:1em;min-width:1em;min-height:1em;-webkit-mask:var(--joyti-icon) center/contain no-repeat;mask:var(--joyti-icon) center/contain no-repeat}.hgi-stroke:before{content:none!important}.hgi-sun{--joyti-icon:url("icons/sun-03.svg")}.hgi-moon-02{--joyti-icon:url("icons/moon-02.svg")}.hgi-arrow-up-right-01{--joyti-icon:url("icons/arrow-up-right-01.svg")}.hgi-sparkles{--joyti-icon:url("icons/sparkles.svg")}.hgi-home-01{--joyti-icon:url("icons/home-01.svg")}.hgi-comment-01{--joyti-icon:url("icons/comment-01.svg")}.hgi-favourite{--joyti-icon:url("icons/favourite.svg")}.hgi-briefcase-01{--joyti-icon:url("icons/briefcase-01.svg")}.hgi-dollar-circle{--joyti-icon:url("icons/dollar-circle.svg")}.hgi-clock-01{--joyti-icon:url("icons/clock-01.svg")}.hgi-checkmark-circle-02{--joyti-icon:url("icons/checkmark-circle-02.svg")}.hgi-cancel-01{--joyti-icon:url("icons/cancel-01.svg")}.hgi-arrow-right-01{--joyti-icon:url("icons/arrow-right-01.svg")}.hgi-arrow-left-01{--joyti-icon:url("icons/arrow-left-01.svg")}.hgi-compass-01{--joyti-icon:url("icons/compass-01.svg")}.hgi-orbit-02{--joyti-icon:url("icons/orbit-02.svg")}.hgi-circle-arrow-down-01{--joyti-icon:url("icons/circle-arrow-down-01.svg")}.hgi-female-symbol{--joyti-icon:url("icons/female-symbol.svg")}.hgi-solar-system-01{--joyti-icon:url("icons/solar-system-01.svg")}.hgi-saturn-01{--joyti-icon:url("icons/saturn-01.svg")}.hgi-male-symbol{--joyti-icon:url("icons/male-symbol.svg")}.hgi-jupiter{--joyti-icon:url("icons/jupiter.svg")}.hgi-stars{--joyti-icon:url("icons/stars.svg")}.hgi-calendar-03{--joyti-icon:url("icons/calendar-03.svg")}.hgi-location-01{--joyti-icon:url("icons/location-01.svg")}.hgi-settings-02{--joyti-icon:url("icons/settings-02.svg")}.hgi-user-account{--joyti-icon:url("icons/user-account.svg")}.hgi-mail-01{--joyti-icon:url("icons/mail-01.svg")}.hgi-lock-password{--joyti-icon:url("icons/lock-password.svg")}.details-head-spacer{width:34px;height:34px}.details-natal-portrait b{margin-right:-7px}

@keyframes joytiLayerIn{from{opacity:0}to{opacity:1}}@keyframes joytiSheetIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes joytiItemIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.joyti-menu-items button{animation:joytiItemIn .3s ease-out both}.joyti-menu-items button:nth-child(2){animation-delay:.04s}.joyti-menu-items button:nth-child(3){animation-delay:.08s}.joyti-menu-items button:nth-child(4){animation-delay:.12s}
.hgi-menu-01{--joyti-icon:url("icons/menu-01.svg")}
@media (width<=900px){.details-mobile-head{color:#e9f7f3;background:linear-gradient(105deg,#073f3b,#042c2b);border-bottom:0;box-shadow:none}.details-mobile-head strong{color:#fff}.details-mobile-head .details-back{color:#e9f7f3}.details-mobile-head .details-head-spacer{width:34px;height:34px}}
.user-message-wrap{width:min(78%,620px);margin:0 0 30px auto;padding-right:31px;position:relative}
.message-more{color:#70837f;cursor:pointer;background:#dfe6e1d1;border:0;border-radius:50%;place-items:center;width:25px;height:25px;padding:0;transition:all .2s;display:grid;position:absolute;bottom:4px;right:0}
.message-more:hover,.message-more[aria-expanded=true]{color:#0b766c;background:#d9ebe5}
.message-actions{z-index:15;background:#fffffffa;border:1px solid #0b433e1a;border-radius:18px;width:200px;padding:6px;animation:.18s both messageMenuIn;position:absolute;top:calc(100% + 8px);right:8px;overflow:hidden;box-shadow:0 22px 60px #082a272b}
.message-actions button{color:#294a47;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 12px;font-size:9px;display:flex}
.message-actions button:hover{background:#f0f4ef}
.message-actions button.delete{color:#e3454d}
.message-actions button.delete:hover{background:#fff1f1}
.joyti-message.fresh{animation:.3s ease-out both messageIn}
.joyti-thinking{background:#e7eeea;border-radius:999px;align-items:center;gap:5px;width:max-content;margin:5px 0 20px 60px;padding:12px 16px;display:flex}
.joyti-thinking span{background:#42998f;border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite thinkingDot}
.joyti-thinking span:nth-child(2){animation-delay:.14s}
.joyti-thinking span:nth-child(3){animation-delay:.28s}
@keyframes messageMenuIn{0%{opacity:0;transform:translateY(-5px)scale(.98)}
to{opacity:1;transform:none}
}
@keyframes thinkingDot{0%,60%,to{opacity:.25;transform:translateY(0)}
30%{opacity:1;transform:translateY(-3px)}
}
@media (width<=620px){
.user-message-wrap{width:92%;margin-bottom:26px;padding-right:27px}
.message-more{width:24px;height:24px;right:-1px}
.message-actions{z-index:125;top:auto;left:50%;right:auto;bottom:max(102px,calc(env(safe-area-inset-bottom) + 94px));border-radius:21px;width:calc(100vw - 34px);padding:7px;animation:.22s both mobileMessageMenuIn;position:fixed;transform:translate(-50%)}
.message-actions button{min-height:47px;font-size:11px}
.joyti-thinking{margin-left:48px}
}
@keyframes mobileMessageMenuIn{0%{opacity:0;transform:translate(-50%,10px)}
to{opacity:1;transform:translate(-50%)}
}
.capabilities-page{background:#f4f6f1}
.capabilities-page h1,.capabilities-page h2,.capabilities-page h3{text-wrap:balance}
.cap-hero{isolation:isolate;color:#fff;background:radial-gradient(circle at 72% 58%,#1fd4bb2e,#0000 32%),linear-gradient(132deg,#021b1b 0%,#052f2d 55%,#07524d 100%);grid-template-columns:minmax(0,1.02fr) minmax(390px,.78fr);align-items:center;gap:80px;min-height:860px;padding-top:132px;padding-bottom:92px;display:grid;position:relative}
.cap-hero:before{content:"";z-index:-1;opacity:.34;pointer-events:none;background-image:radial-gradient(circle,#7ef5e280 0 1px,#0000 1.4px);background-size:78px 78px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}
.cap-hero:after{content:"";z-index:-1;border:1px solid #7ef5e21a;border-radius:50%;width:540px;height:540px;position:absolute;bottom:-210px;right:-210px;box-shadow:0 0 0 90px #7ef5e206,0 0 0 180px #7ef5e205}
.cap-hero-copy{z-index:3;max-width:710px;position:relative}
.cap-hero .eyebrow{color:#72d7c8}
.cap-hero h1{letter-spacing:-.058em;max-width:760px;margin:0;font:400 clamp(61px,6.4vw,92px)/.94 Georgia,Times New Roman,serif}
.cap-hero h1 em{color:#84f2e1;font-weight:400}
.cap-hero-lead{color:#e1f4efb3;max-width:620px;margin:29px 0 32px;font-size:16px;line-height:1.72}
.cap-hero-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}
.cap-text-link{color:#effbf7cc;align-items:center;gap:9px;font-size:12px;font-weight:650;display:inline-flex}
.cap-text-link svg{transition:transform .2s}
.cap-text-link:hover svg{transform:translate(3px)}
.cap-trust-row{flex-wrap:wrap;gap:9px;margin-top:34px;display:flex}
.cap-trust-row span{color:#e3f5f094;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:9px;display:inline-flex}
.cap-trust-row svg{color:#6fe4d2}
.cap-hero-visual{place-items:center;min-height:650px;display:grid;position:relative}
.cap-image-frame{background:#062c2a;border:1px solid #ffffff2b;position:relative;overflow:hidden;box-shadow:0 42px 90px #0000005c}
.cap-image-frame-main{z-index:2;aspect-ratio:.72;border-radius:210px 210px 30px 30px;width:min(100%,430px)}
.cap-image-frame img{object-fit:cover;width:100%;height:100%}
.cap-image-frame-main img{object-position:center;filter:saturate(.82)contrast(1.02)}
.cap-image-frame-main:after{content:"";pointer-events:none;background:linear-gradient(#041f1e05 50%,#03191880);position:absolute;inset:0}
.cap-orbit-lines{z-index:1;border:1px solid #6aead72e;border-radius:50%;width:590px;height:590px;animation:40s linear infinite orbitSpin;position:absolute}
.cap-orbit-lines i{border:1px solid #6aead71c;border-radius:50%;position:absolute;inset:78px}
.cap-orbit-lines i:nth-child(2){border-radius:0;inset:150px;transform:rotate(45deg)}
.cap-orbit-lines span{color:#a2fff0;position:absolute;top:34%;right:9px}
.cap-float-card{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#042321d6;border:1px solid #ffffff29;position:absolute;box-shadow:0 18px 55px #0000003d}
.cap-float-card-top{border-radius:18px;width:220px;padding:18px 20px;top:100px;right:-24px}
.cap-float-card-top span,.cap-float-card-bottom span{color:#73d9ca;letter-spacing:.16em;margin-bottom:7px;font-size:8px;font-weight:750;display:block}
.cap-float-card-top strong{font:400 21px Georgia,serif;display:block}
.cap-float-card-top small{color:#e3f4ef7a;margin-top:6px;font-size:8px;line-height:1.5;display:block}
.cap-float-card-bottom{border-radius:18px;align-items:center;gap:13px;width:278px;padding:17px;display:flex;bottom:86px;left:-50px}
.cap-float-card-bottom>svg{color:#75ead8;flex:none}
.cap-float-card-bottom strong{font-size:11px;font-weight:550;display:block}
.cap-section-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f6f1e0;border-bottom:1px solid #083f3b1a;justify-content:center;align-items:center;gap:8px;min-height:72px;display:flex;position:sticky;top:100px}
.cap-section-nav a{color:#58706c;border-radius:999px;padding:10px 15px;font-size:10px;transition:all .2s}
.cap-section-nav a:hover{color:#0a5e56;background:#e4eee8}
.cap-intro{grid-template-columns:.78fr 1.22fr;gap:110px;padding-top:120px;padding-bottom:126px;display:grid}
.cap-section-heading h2{letter-spacing:-.05em;margin:0;font:400 clamp(48px,5.5vw,76px)/.98 Georgia,Times New Roman,serif}
.cap-section-heading h2 em,.cap-summary-title h2 em{color:#168f82;font-weight:400}
.cap-intro-copy>p{color:#506965;max-width:690px;margin:3px 0 44px;font:400 19px/1.7 Georgia,Times New Roman,serif}
.cap-journey{border-top:1px solid #0b3f3b21}
.cap-journey article{border-bottom:1px solid #0b3f3b21;grid-template-columns:48px 1fr;gap:20px;padding:26px 0;display:grid}
.cap-journey article>span{color:#218e82;font:400 16px Georgia,serif}
.cap-journey h3{letter-spacing:-.02em;margin:0 0 7px;font:400 25px Georgia,serif}
.cap-journey p{color:#6d7f7b;max-width:600px;margin:0;font-size:12px;line-height:1.68}
.cap-feature-story{grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr);align-items:center;gap:90px;padding-top:105px;padding-bottom:105px;display:grid}
.cap-story-dark{color:#fff;background:linear-gradient(145deg,#031f1e,#07423e)}
.cap-story-light{background:#e8eeea;grid-template-columns:minmax(0,1.05fr) minmax(340px,.8fr)}
.cap-story-image{background:#0b3431;border-radius:32px;min-height:760px;position:relative;overflow:hidden;box-shadow:0 30px 74px #0000002e}
.cap-story-image>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
.cap-story-dark .cap-story-image>img{object-position:center;filter:saturate(.75)contrast(1.03)}
.cap-image-caption{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#031c1bb8;border:1px solid #ffffff2b;border-radius:17px;grid-template-columns:38px 1fr;align-items:center;gap:14px;padding:17px 19px;display:grid;position:absolute;bottom:22px;left:22px;right:22px}
.cap-image-caption span{color:#79e5d4;font:17px Georgia,serif}
.cap-image-caption p{color:#edf9f6bf;margin:0;font-size:10px;line-height:1.55}
.cap-story-copy{max-width:690px}
.cap-story-copy h2{letter-spacing:-.05em;margin:0;font:400 clamp(48px,5.2vw,73px)/.98 Georgia,serif}
.cap-story-lead{color:#667b77;max-width:650px;margin:25px 0 34px;font-size:14px;line-height:1.75}
.cap-story-dark .eyebrow{color:#6bd2c2}
.cap-story-dark .cap-story-lead{color:#e4f5f09e}
.cap-tool-list{border-top:1px solid #ffffff1f}
.cap-tool-list article{border-bottom:1px solid #ffffff1f;grid-template-columns:36px 1fr;gap:15px;padding:20px 0;display:grid}
.cap-tool-list article>span{color:#72ddcc;border:1px solid #6fe5d338;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}
.cap-tool-list h3{margin:1px 0 5px;font:400 20px Georgia,serif}
.cap-tool-list p{color:#e3f4ef82;margin:0;font-size:10px;line-height:1.6}
.cap-questions{padding-top:120px;padding-bottom:126px}
.cap-section-heading-wide{grid-template-columns:1.1fr .7fr;align-items:end;gap:90px;margin-bottom:55px;display:grid}
.cap-section-heading-wide>p{color:#607672;max-width:520px;margin:0 0 6px;font-size:14px;line-height:1.75}
.cap-question-layout{grid-template-columns:minmax(0,1.16fr) minmax(340px,.64fr);align-items:stretch;gap:18px;display:grid}
.cap-topic-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}
.cap-topic-grid article{background:#ffffff87;border:1px solid #0b3f3b1f;border-radius:23px;min-height:210px;padding:25px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}
.cap-topic-grid article:hover{border-color:#0f91823d;transform:translateY(-4px);box-shadow:0 18px 48px #0c484112}
.cap-topic-grid article>svg:first-child{color:#169889}
.cap-topic-grid h3{margin:43px 0 7px;font:400 25px Georgia,serif}
.cap-topic-grid p{color:#6b7e7a;max-width:280px;margin:0;font-size:11px;line-height:1.6}
.cap-topic-arrow{color:#94aaa5;transition:transform .2s;position:absolute;top:24px;right:23px}
.cap-topic-grid article:hover .cap-topic-arrow{color:#168f82;transform:translate(3px)}
.cap-conversation-card{color:#fff;background:linear-gradient(155deg,#052f2d,#073f3b);border-radius:28px;flex-direction:column;min-height:100%;padding:28px;display:flex;box-shadow:0 26px 65px #05353124}
.cap-conversation-head{border-bottom:1px solid #ffffff1a;align-items:center;gap:11px;padding-bottom:22px;display:flex}
.cap-avatar{color:#06322f;background:#e6c887;border-radius:50%;place-items:center;width:39px;height:39px;font:400 20px Georgia,serif;display:grid}
.cap-conversation-head div{gap:2px;display:grid}
.cap-conversation-head strong{font:400 18px Georgia,serif}
.cap-conversation-head small{color:#e8f7f375;font-size:8px}
.cap-bubble{border-radius:17px;max-width:92%;margin-top:23px;padding:15px 17px;font-size:11px;line-height:1.6}
.cap-bubble-user{color:#153d39;background:#f3efe4;border-radius:17px 17px 5px;align-self:flex-end}
.cap-bubble-joyti{color:#edf9f6ba;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:17px 17px 17px 5px}
.cap-context-chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}
.cap-context-chips span{color:#76daca;border:1px solid #6fe5d32b;border-radius:999px;padding:7px 9px;font-size:7px}
.cap-chat-action{color:#0b3431;background:#7ce5d5;border-radius:15px;justify-content:space-between;align-items:center;min-height:49px;margin-top:auto;padding:0 17px;font-size:11px;font-weight:700;display:flex}
.cap-timing-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:33px;display:grid}
.cap-timing-grid article{background:#ffffff80;border:1px solid #0b3f3b1f;border-radius:22px;min-height:230px;padding:24px}
.cap-timing-grid svg{color:#15998a}
.cap-timing-grid span{color:#37877e;letter-spacing:.15em;margin:39px 0 8px;font-size:8px;font-weight:750;display:block}
.cap-timing-grid strong{font:400 22px Georgia,serif;display:block}
.cap-timing-grid p{color:#6e807c;margin:9px 0 0;font-size:10px;line-height:1.6}
.cap-ethics-note{color:#71827f;align-items:flex-start;gap:9px;margin:20px 0 0;font-size:9px;line-height:1.5;display:flex}
.cap-ethics-note svg{color:#168f82;flex:none}
.cap-story-image-portrait{min-height:700px}
.cap-story-image-portrait>img{filter:saturate(.72)}
.cap-date-card{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#2d28209e;border:1px solid #ffffff38;border-radius:19px;padding:20px;position:absolute;bottom:22px;left:22px;right:22px}
.cap-date-card span{color:#f1d598;letter-spacing:.16em;font-size:8px;font-weight:750}
.cap-date-card strong{margin:8px 0 4px;font:400 24px Georgia,serif;display:block}
.cap-date-card p{color:#ffffff9e;margin:0;font-size:9px}
.cap-compatibility{color:#fff;background:#082e2c;grid-template-columns:minmax(0,.88fr) minmax(390px,1.12fr);align-items:center;gap:100px;padding-top:120px;padding-bottom:120px;display:grid}
.cap-compat-copy{max-width:600px}
.cap-compat-copy .eyebrow{color:#6bd1c2}
.cap-compat-copy h2{letter-spacing:-.05em;margin:0;font:400 clamp(48px,5vw,70px)/.98 Georgia,serif}
.cap-compat-copy>p:not(.eyebrow){color:#e4f4f09c;margin:26px 0 34px;font-size:14px;line-height:1.75}
.cap-compat-copy ul{grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none;display:grid}
.cap-compat-copy li{color:#eef9f6bf;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;min-height:47px;padding:0 13px;font-size:9px;display:flex}
.cap-compat-copy li svg{color:#71ddcc}
.cap-compat-visual{background:#403421;border-radius:34px;min-height:690px;position:relative;overflow:hidden;box-shadow:0 35px 80px #0000003d}
.cap-compat-visual>img{object-fit:cover;object-position:center;filter:saturate(.72)contrast(1.02);width:100%;height:100%;position:absolute;inset:0}
.cap-match-card{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#2b231aa8;border:1px solid #fff3;border-radius:20px;padding:21px;position:absolute;bottom:22px;left:22px;right:22px}
.cap-match-card>span{color:#f1d08e;letter-spacing:.15em;font-size:8px;font-weight:750}
.cap-match-card>strong{margin:8px 0 15px;font:400 25px Georgia,serif;display:block}
.cap-match-card div{flex-wrap:wrap;gap:6px;display:flex}
.cap-match-card i,.cap-match-card b,.cap-match-card em{color:#ffffffb8;border:1px solid #ffffff24;border-radius:999px;padding:8px 10px;font:400 8px Inter,sans-serif}
.cap-visuals{background:#ece9df;grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);align-items:center;gap:105px;padding-top:125px;padding-bottom:125px;display:grid}
.cap-visuals-image{border-radius:260px 260px 32px 32px;min-height:720px;overflow:hidden;box-shadow:0 30px 75px #3a32242b}
.cap-visuals-image img{object-fit:cover;filter:saturate(.72);width:100%;height:100%}
.cap-visuals-copy{max-width:680px}
.cap-visuals-copy h2{letter-spacing:-.05em;margin:0;font:400 clamp(48px,5.1vw,72px)/.98 Georgia,serif}
.cap-visuals-copy>p:not(.eyebrow){color:#657570;margin:25px 0 32px;font-size:14px;line-height:1.75}
.cap-visual-options{border-top:1px solid #0b3f3b21}
.cap-visual-options article{border-bottom:1px solid #0b3f3b21;grid-template-columns:37px 1fr;gap:14px;padding:21px 0;display:grid}
.cap-visual-options article>svg{color:#168f82;margin-top:3px}
.cap-visual-options h3{margin:0 0 5px;font:400 21px Georgia,serif}
.cap-visual-options p{color:#71817e;margin:0;font-size:10px;line-height:1.6}
.cap-visuals-copy>small{color:#87938f;margin-top:18px;font-size:8px;display:block}
.cap-summary{background:#f7f8f3;padding-top:118px;padding-bottom:126px}
.cap-summary-title{grid-template-columns:1fr 1.2fr;align-items:end;gap:70px;margin-bottom:55px;display:grid}
.cap-summary-title .eyebrow{align-self:start}
.cap-summary-title h2{letter-spacing:-.05em;margin:0;font:400 clamp(49px,5.2vw,73px)/.98 Georgia,serif}
.cap-summary-grid{border-top:1px solid #0b3f3b21;border-bottom:1px solid #0b3f3b21;grid-template-columns:repeat(4,1fr);display:grid}
.cap-summary-grid article{border-right:1px solid #0b3f3b21;min-height:240px;padding:27px}
.cap-summary-grid article:last-child{border-right:0}
.cap-summary-grid span{color:#258e83;font:400 15px Georgia,serif}
.cap-summary-grid h3{margin:70px 0 8px;font:400 24px Georgia,serif}
.cap-summary-grid p{color:#6d7d7a;margin:0;font-size:10px;line-height:1.65}
@media (width<=1050px){.cap-hero{grid-template-columns:1fr .78fr;gap:42px}
.cap-float-card-top{right:-10px}
.cap-float-card-bottom{left:-24px}
.cap-intro,.cap-feature-story,.cap-compatibility,.cap-visuals{gap:55px}
.cap-summary-grid{grid-template-columns:1fr 1fr}
.cap-summary-grid article:nth-child(2){border-right:0}
.cap-summary-grid article:nth-child(-n+2){border-bottom:1px solid #0b3f3b21}
}
@media (width<=900px){.cap-hero{grid-template-columns:1fr;gap:50px;min-height:auto;padding-top:150px}
.cap-hero-copy{max-width:760px}
.cap-hero-visual{width:min(100%,620px);min-height:620px;margin:0 auto}
.cap-section-nav{scrollbar-width:none;justify-content:flex-start;top:90px;overflow-x:auto}
.cap-section-nav::-webkit-scrollbar{display:none}
.cap-section-nav a{white-space:nowrap}
.cap-intro{grid-template-columns:1fr;gap:48px}
.cap-feature-story,.cap-story-light,.cap-compatibility,.cap-visuals{grid-template-columns:1fr;gap:58px}
.cap-story-light .cap-story-copy{order:2}
.cap-story-light .cap-story-image{order:1}
.cap-story-image,.cap-story-image-portrait,.cap-compat-visual,.cap-visuals-image{min-height:680px}
.cap-section-heading-wide{grid-template-columns:1fr;gap:24px}
.cap-question-layout{grid-template-columns:1fr}
.cap-conversation-card{min-height:570px}
.cap-compat-copy,.cap-visuals-copy{max-width:760px}
.cap-visuals-image{justify-self:center;width:min(100%,620px)}
.cap-summary-title{grid-template-columns:1fr;gap:16px}
}
@media (width<=620px){.cap-hero{gap:40px;padding-top:132px;padding-bottom:65px}
.cap-hero h1{font-size:52px}
.cap-hero-lead{font-size:14px}
.cap-hero-actions{flex-direction:column;align-items:stretch;gap:15px}
.cap-text-link{justify-content:center;min-height:42px}
.cap-trust-row{gap:6px}
.cap-trust-row span{font-size:8px}
.cap-hero-visual{min-height:520px}
.cap-image-frame-main{width:82%;max-width:350px}
.cap-orbit-lines{width:470px;height:470px}
.cap-float-card-top{width:178px;padding:14px;top:62px;right:0}
.cap-float-card-top strong{font-size:17px}
.cap-float-card-bottom{width:220px;padding:14px;bottom:40px;left:0}
.cap-section-nav{min-height:62px;padding-left:12px;padding-right:12px;top:82px}
.cap-section-nav a{padding:9px 12px}
.cap-intro,.cap-questions,.cap-summary{padding-top:78px;padding-bottom:82px}
.cap-intro{gap:36px}
.cap-section-heading h2,.cap-story-copy h2,.cap-compat-copy h2,.cap-visuals-copy h2,.cap-summary-title h2{font-size:43px}
.cap-intro-copy>p{font-size:17px}
.cap-journey article{grid-template-columns:35px 1fr;gap:10px}
.cap-journey h3{font-size:22px}
.cap-feature-story,.cap-compatibility,.cap-visuals{gap:38px;padding-top:76px;padding-bottom:78px}
.cap-story-image,.cap-story-image-portrait,.cap-compat-visual,.cap-visuals-image{border-radius:25px;min-height:510px}
.cap-visuals-image{border-radius:180px 180px 25px 25px;width:100%}
.cap-story-lead,.cap-compat-copy>p:not(.eyebrow),.cap-visuals-copy>p:not(.eyebrow){font-size:13px}
.cap-tool-list article{grid-template-columns:34px 1fr;gap:11px;padding:18px 0}
.cap-section-heading-wide{margin-bottom:37px}
.cap-topic-grid{grid-template-columns:1fr}
.cap-topic-grid article{min-height:175px}
.cap-topic-grid h3{margin-top:34px}
.cap-conversation-card{border-radius:23px;min-height:530px;padding:22px}
.cap-timing-grid{grid-template-columns:1fr}
.cap-timing-grid article{min-height:205px}
.cap-compat-copy ul{grid-template-columns:1fr}
.cap-match-card,.cap-date-card,.cap-image-caption{bottom:14px;left:14px;right:14px}
.cap-summary-grid{grid-template-columns:1fr}
.cap-summary-grid article,.cap-summary-grid article:nth-child(2){border-bottom:1px solid #0b3f3b21;border-right:0;min-height:180px}
.cap-summary-grid article:last-child{border-bottom:0}
.cap-summary-grid h3{margin-top:45px}
}
@media (prefers-reduced-motion:reduce){.cap-orbit-lines{animation:none}
}
.login-dialog{z-index:200;position:fixed;inset:0}
.login-dialog[hidden]{display:none}
.login-dialog__backdrop{background:#011c1ab8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);position:absolute;inset:0}
.login-dialog__panel{color:var(--ink);background:var(--cream);border:1px solid #bff4eb73;border-radius:26px;width:min(92vw,480px);padding:36px;position:absolute;top:50%;left:50%;box-shadow:0 30px 80px #0018167a;transform:translate(-50%,-50%)}
.login-dialog__panel .eyebrow{margin-bottom:13px}
.login-dialog__panel h2{letter-spacing:-.04em;margin:0;font:400 38px/1 Georgia,Times New Roman,serif}
.login-dialog__panel>p:not(.eyebrow){color:#617470;margin:17px 0 24px;font-size:14px;line-height:1.6}
.login-dialog__form{gap:15px;display:grid}
.login-dialog__form label{color:#3d6560;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:700}
.login-dialog__form input{color:var(--ink);background:#fff;border:1px solid #0b3f3b25;border-radius:13px;width:100%;margin-top:8px;padding:14px 15px;font-size:15px;outline:none}
.login-dialog__form input:focus{border-color:#13ae9d;box-shadow:0 0 0 3px #14e6c523}
.login-dialog__form .button{justify-self:start;border:0;cursor:pointer;margin-top:4px}
.login-dialog__panel>small{color:#81918d;margin-top:20px;font-size:9px;line-height:1.5;display:block}
.login-dialog__close{color:#49706b;cursor:pointer;background:transparent;border:0;font-size:29px;line-height:1;padding:4px;position:absolute;top:17px;right:18px}
.login-dialog__close:hover{color:var(--ink)}
@media (width<=620px){.login-dialog__panel{border-radius:22px;padding:29px 24px}.login-dialog__panel h2{font-size:33px}}
.cap-simple{color:#123c38;background:#f4f6f1}
.cap-simple h1,.cap-simple h2,.cap-simple h3{text-wrap:balance}
.cap-simple-hero{color:#fff;background:radial-gradient(circle at 81% 54%,#1a8c7b38,#0000 28%),linear-gradient(135deg,#031e1d 0%,#063b37 100%);grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);align-items:center;gap:72px;min-height:750px;padding-top:142px;padding-bottom:62px;display:grid;position:relative;overflow:hidden}
.cap-simple-hero-copy{max-width:720px}
.cap-simple-hero .eyebrow{color:#73d8c9}
.cap-simple-hero h1{letter-spacing:-.055em;margin:0;font:400 clamp(60px,6vw,88px)/.95 Georgia,Times New Roman,serif}
.cap-simple-hero h1 em,.cap-simple-core h2 em,.cap-simple-example h2 em{color:#82eadb;font-weight:400}
.cap-simple-lead{color:#e8f7f3b3;max-width:610px;margin:28px 0 32px;font-size:16px;line-height:1.72}
.cap-simple-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}
.cap-simple-link{color:#f0faf7cc;align-items:center;gap:9px;min-height:44px;font-size:11px;font-weight:650;display:inline-flex}
.cap-simple-link svg{transition:transform .2s}
.cap-simple-link:hover svg{transform:translate(3px)}
.cap-simple-proof{color:#e3f4f08c;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:9px;display:flex}
.cap-simple-proof span{align-items:center;gap:7px;display:flex}
.cap-simple-proof svg{color:#71dfcf}
.cap-simple-hero-image{isolation:isolate;pointer-events:none;align-self:stretch;min-height:660px;position:relative;overflow:visible}
.cap-simple-hero-image>img,.cap-simple-hero-image>.optimized-picture>img{z-index:2;filter:drop-shadow(0 18px 28px #00000014);width:min(650px,108%);max-width:none;position:absolute;bottom:-118px;right:-3%}
.cap-simple-hero-aura{z-index:0;filter:blur(16px);background:radial-gradient(circle,#f6ca7c2e,#77ecd713 44%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:100px;right:0}
.cap-simple-hero-orbit{display:none}
.cap-simple-definition{background:#f7f8f4;grid-template-columns:1fr 1fr;align-items:start;gap:100px;padding-top:112px;padding-bottom:112px;display:grid}
.cap-simple-definition h2,.cap-simple-heading h2,.cap-simple-example h2{letter-spacing:-.045em;margin:0;font:400 clamp(45px,4.8vw,68px)/1 Georgia,Times New Roman,serif}
.cap-simple-definition h2 em{color:#158d80;font-weight:400}
.cap-simple-definition-copy{padding-top:23px}
.cap-simple-definition-copy p{color:#5d716d;max-width:610px;margin:0;font-size:14px;line-height:1.78}
.cap-simple-definition-copy p+p{margin-top:20px}
.cap-simple-how{background:#e8eeea;grid-template-columns:.72fr 1.28fr;align-items:start;gap:80px;padding-top:96px;padding-bottom:100px;display:grid}
.cap-simple-heading>p:last-child{color:#647873;max-width:560px;margin:20px 0 0;font-size:13px;line-height:1.7}
.cap-simple-steps{border-top:1px solid #0a423d24}
.cap-simple-steps article{border-bottom:1px solid #0a423d24;grid-template-columns:44px minmax(150px,.65fr) 1fr;align-items:start;gap:18px;padding:25px 0;display:grid}
.cap-simple-steps article>span{color:#168e82;font:400 17px Georgia,serif}
.cap-simple-steps h3{margin:0;font:400 22px/1.15 Georgia,serif}
.cap-simple-steps p{color:#687b77;margin:1px 0 0;font-size:11px;line-height:1.65}
.cap-simple-core{background:#f4f6f1;padding-top:112px;padding-bottom:118px}
.cap-simple-heading-center{text-align:center;max-width:850px;margin:0 auto 54px}
.cap-simple-heading-center h2 em{color:#168f82}
.cap-simple-heading-center>p:last-child{margin:20px auto 0}
.cap-simple-grid{grid-template-columns:1fr 1fr;gap:14px;max-width:1180px;margin:0 auto;display:grid}
.cap-simple-grid article{background:#ffffff94;border:1px solid #0a423d21;border-radius:27px;flex-direction:column;min-height:286px;padding:34px 38px 30px;transition:transform .24s,border-color .24s,box-shadow .24s;display:flex}
.cap-simple-grid article:hover{border-color:#10908238;transform:translateY(-3px);box-shadow:0 17px 45px #0848410f}
.cap-simple-card-top{justify-content:space-between;align-items:center;display:flex}
.cap-simple-card-top small{color:#20978a;letter-spacing:.16em;font-size:9px;font-weight:800}
.cap-simple-card-icon{color:#168f82;background:#14e6c50e;border:1px solid #159c8b38;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .28s,background .28s,border-color .28s;display:grid}
.cap-simple-grid article:hover .cap-simple-card-icon{background:#14e6c51f;border-color:#159c8b66;transform:rotate(-6deg)scale(1.06)}
.cap-simple-grid h3{letter-spacing:-.028em;margin:68px 0 12px;font:400 31px/1.05 Georgia,serif}
.cap-simple-grid article>p{color:#657974;max-width:490px;margin:0;font-size:13px;line-height:1.66}
.cap-simple-details{color:#2e7e75;letter-spacing:.08em;text-transform:uppercase;margin-top:auto;padding-top:23px;font-size:8px;font-weight:700}
.cap-simple-example{color:#fff;background:#062d2b;grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;padding-top:112px;padding-bottom:112px;display:grid}
.cap-simple-example .eyebrow{color:#70d6c7}
.cap-simple-example-copy>p:not(.eyebrow){color:#e6f5f19e;max-width:560px;margin:25px 0 28px;font-size:14px;line-height:1.75}
.cap-simple-topics{flex-wrap:wrap;gap:8px;display:flex}
.cap-simple-topics span{color:#eff9f6b3;background:#ffffff08;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:8px;display:flex}
.cap-simple-topics svg{color:#72dacb}
.cap-simple-chat{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:28px;justify-self:end;width:100%;max-width:590px;padding:28px;box-shadow:0 30px 70px #0000002e}
.cap-simple-chat-head{border-bottom:1px solid #ffffff1a;align-items:center;gap:11px;padding-bottom:19px;display:flex}
.cap-simple-chat-head>span{color:#062d2b;background:#dfc488;border-radius:50%;place-items:center;width:38px;height:38px;font:400 19px Georgia,serif;display:grid}
.cap-simple-chat-head div{gap:2px;display:grid}
.cap-simple-chat-head strong{font:400 17px Georgia,serif}
.cap-simple-chat-head small{color:#e6f6f173;font-size:8px}
.cap-simple-user{color:#153c38;background:#f1ede2;border-radius:17px 17px 5px;max-width:80%;margin:22px 0 17px auto;padding:15px 17px;font-size:11px;line-height:1.6}
.cap-simple-answer{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:17px 17px 17px 5px;grid-template-columns:24px 1fr;gap:10px;padding:17px;display:grid}
.cap-simple-answer svg{color:#71dacb;margin-top:2px}
.cap-simple-answer p{color:#eff9f6b3;margin:0;font-size:11px;line-height:1.68}
.cap-simple-context{flex-wrap:wrap;gap:6px;margin:12px 0 22px 34px;display:flex}
.cap-simple-context span{color:#73d6c8;border:1px solid #71dacb29;border-radius:999px;padding:7px 9px;font-size:7px}
.cap-simple-chat-action{color:#07312e;background:#79e2d2;border-radius:15px;justify-content:space-between;align-items:center;min-height:49px;padding:0 17px;font-size:11px;font-weight:700;display:flex}
.cap-simple-note{background:#e8eeea;border-bottom:1px solid #0a423d1a;justify-content:center;align-items:flex-start;gap:13px;padding-top:38px;padding-bottom:38px;display:flex}
.cap-simple-note>svg{color:#168f82;flex:none;margin-top:1px}
.cap-simple-note strong{font:400 17px Georgia,serif}
.cap-simple-note p{color:#6a7d79;max-width:720px;margin:5px 0 0;font-size:9px;line-height:1.6}
@media (width<=900px){.cap-simple-hero{grid-template-columns:1fr;gap:28px;padding-top:118px;padding-bottom:0}
.cap-simple-hero-copy{max-width:760px}
.cap-simple-hero-image{width:min(100%,620px);min-height:610px;margin:0 auto;overflow:hidden}
.cap-simple-hero-image>img,.cap-simple-hero-image>.optimized-picture>img{width:min(430px,76vw);bottom:-16px;right:50%;transform:translate(50%)}
.cap-simple-hero-aura{bottom:70px;right:50%;transform:translate(50%)}
.cap-simple-definition,.cap-simple-how,.cap-simple-example{grid-template-columns:1fr;gap:48px}
.cap-simple-definition-copy{padding-top:0}
.cap-simple-steps article{grid-template-columns:44px minmax(180px,.7fr) 1fr}
.cap-simple-example-copy{max-width:720px}
.cap-simple-chat{justify-self:start}
}
@media (width<=620px){.cap-simple-hero{gap:26px;min-height:auto;padding-top:108px;padding-bottom:0}
.cap-simple-hero h1{font-size:50px}
.cap-simple-lead{margin:22px 0 26px;font-size:14px}
.cap-simple-actions{flex-direction:column;align-items:stretch;gap:12px}
.cap-simple-link{justify-content:center}
.cap-simple-proof{gap:14px;margin-top:24px}
.cap-simple-hero-image{width:calc(100% + 20px);min-height:555px;margin-left:-10px;overflow:hidden}
.cap-simple-hero-image>img,.cap-simple-hero-image>.optimized-picture>img{width:min(390px,112vw);bottom:-14px}
.cap-simple-hero-aura{width:360px;height:360px;bottom:70px}
.cap-simple-definition,.cap-simple-how,.cap-simple-example{gap:34px;padding-top:76px;padding-bottom:78px}
.cap-simple-core{gap:34px;padding-top:54px;padding-bottom:78px}
.cap-simple-definition h2,.cap-simple-heading h2,.cap-simple-example h2{font-size:41px}
.cap-simple-definition-copy p{font-size:13px}
.cap-simple-steps article{grid-template-columns:31px 1fr;gap:8px 10px;padding:21px 0}
.cap-simple-steps h3{font-size:20px}
.cap-simple-steps p{grid-column:2}
.cap-simple-heading-center{text-align:left;margin-bottom:36px}
.cap-simple-heading-center>p:last-child{margin-left:0}
.cap-simple-grid{grid-template-columns:1fr}
.cap-simple-grid article{border-radius:21px;min-height:250px;padding:25px}
.cap-simple-grid h3{margin-top:52px;font-size:27px}
.cap-simple-chat{border-radius:23px;padding:20px}
.cap-simple-user{max-width:88%}
.cap-simple-context{margin-left:0}
.cap-simple-topics span{flex:calc(50% - 8px);justify-content:center}
.cap-simple-note{justify-content:flex-start;padding-top:30px;padding-bottom:30px}
}

/* August portrait update: one consistent Joyti illustration across the home and Vedic profile heroes. */
.details-menu-button{color:#eef8f5;cursor:pointer;background:#0b4b45;border:1px solid #8ae7d54a;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid;box-shadow:0 8px 22px #021c1b30;transition:transform .2s ease,background .2s ease}
.details-menu-button:hover{background:#106158;transform:translateY(-1px)}
.details-menu-button .hgi-stroke{width:21px;height:21px;font-size:21px}
@media (width<=900px){.details-menu-button{width:42px;height:42px}.details-mobile-head .details-menu-button{color:#eef8f5;background:#0a4a44;border-color:#8ae7d54a}}
.details-menu-button{color:#eef8f5;cursor:pointer;background:#07443f;border:1px solid #a7e9de47;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid;box-shadow:inset 0 1px #ffffff0d,0 8px 22px #021c1b22;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.details-menu-button:hover{background:#0b5a52;border-color:#baf8ed7a;transform:translateY(-1px)}
.details-menu-button .hgi-stroke{width:21px;height:21px;font-size:21px}
@media (width<=900px){.details-menu-button{width:42px;height:42px}.details-mobile-head .details-menu-button{color:#eef8f5;background:#07443f;border-color:#a7e9de47}}.joyti-menu-back+h2{margin:0 0 16px}
.details-menu-button{color:#17413b;background:#dfb55f;border-color:#f3d88d80;box-shadow:0 7px 16px #031d1a26}
.details-menu-button:hover{color:#123c36;background:#edc873;border-color:#ffe8aa;transform:translateY(-1px)}
@media (width<=900px){.details-mobile-head .details-menu-button{color:#17413b;background:#dfb55f;border-color:#f3d88d80}}
.details-menu-button{
  color:#eaf7f4!important;
  background:#0c4c46!important;
  border:1px solid #a5d8cf61!important;
  border-radius:50%!important;
  place-items:center;
  width:52px;
  height:52px;
  padding:0;
  display:grid;
  box-shadow:inset 0 1px 0 #ffffff12,0 9px 22px #021e1b2e!important;
}
.details-menu-button:hover{
  color:#fff!important;
  background:#105b53!important;
  border-color:#c9eee77a!important;
}
.details-menu-button .hgi-stroke{
  width:22px;
  height:22px;
  font-size:22px;
}
@media (width<=900px){
  .details-menu-button{width:50px;height:50px}
  .details-mobile-head .details-menu-button{color:#eaf7f4!important;background:#0c4c46!important;border-color:#a5d8cf61!important}
}

/* Settings uses the page background without a separate filled hero card. */

/* Vedic profile: personal birth data and a calmer compact planetary map. */
.birth-profile-card{z-index:2;color:#173e39;background:#fffefa;border:1px solid #17483d0c;border-radius:28px;margin:-38px 0 17px;padding:24px 27px 22px;position:relative;box-shadow:0 18px 46px #0b38331a}
.birth-profile-top{grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;display:grid}.birth-profile-avatar{color:#087f73;background:#e0f3ed;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.birth-profile-avatar .hgi-stroke{font-size:30px}.birth-profile-top>div{min-width:0}.birth-profile-top small{color:#178a7d;letter-spacing:.14em;font-size:8px;font-weight:800}.birth-profile-top h2{letter-spacing:-.025em;margin:4px 0;font:400 29px/1 Georgia,serif}.birth-profile-top p{color:#72827f;margin:0;font-size:9px}.birth-profile-top button{color:#0a796e;cursor:pointer;background:#fffefa;border:1px solid #0e73671c;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:10px;font-weight:800;display:flex}.birth-profile-top button .hgi-stroke{font-size:16px}.birth-profile-facts{border-top:1px solid #123f3610;grid-template-columns:repeat(3,1fr);margin:22px 0 0;padding-top:18px;display:grid}.birth-profile-facts>div{min-width:0;padding:0 18px;border-right:1px solid #123f3610}.birth-profile-facts>div:first-child{padding-left:0}.birth-profile-facts>div:last-child{border-right:0;padding-right:0}.birth-profile-facts dt{color:#667a76;align-items:center;gap:8px;font-size:9px;display:flex}.birth-profile-facts dt .hgi-stroke{color:#0a8276;font-size:20px}.birth-profile-facts dd{color:#183c38;letter-spacing:-.02em;margin:11px 0 0;font:400 17px/1.28 Georgia,serif}
@media (width<=500px){.birth-profile-card{border-radius:25px;margin:-29px 2px 16px;padding:20px 18px 18px}.birth-profile-top{grid-template-columns:50px minmax(0,1fr) auto;gap:11px}.birth-profile-avatar{width:50px;height:50px}.birth-profile-avatar .hgi-stroke{font-size:26px}.birth-profile-top small{font-size:7px}.birth-profile-top h2{font-size:25px}.birth-profile-top p{font-size:8px}.birth-profile-top button{gap:6px;min-height:38px;padding:0 12px;font-size:9px}.birth-profile-facts{margin-top:18px;padding-top:16px}.birth-profile-facts>div{padding:0 10px}.birth-profile-facts dt{align-items:flex-start;gap:5px;font-size:7px;line-height:1.25}.birth-profile-facts dt .hgi-stroke{flex:none;font-size:17px}.birth-profile-facts dd{margin-top:9px;font-size:14px;line-height:1.27}}

/* Settings list — designed as calm grouped cards, matching the mobile reference. */

/* Final proportions for Settings and Today profile order. */

/* Today: tighter hero rhythm and a clean Vedic profile card. */

/* One combined Today card: birth facts, core placements and profile link. */

/* Compact editable birth details within the combined Today card. */

/* Today stays focused on the daily snapshot; birth data lives in Profile only. */

/* Vedic Profile — birth data is calm, legible and aligned as one row. */
.birth-profile-top{grid-template-columns:minmax(0,1fr) auto}
.birth-profile-facts{align-items:start}
.birth-profile-facts>div{display:flex;flex-direction:column;align-items:flex-start}
.birth-profile-facts dt{font-size:11px;line-height:1.2;white-space:nowrap}
.birth-profile-facts dd{box-sizing:border-box;width:100%;max-width:100%;margin-top:10px;font-size:18px;line-height:1.22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (width<=500px){.birth-profile-top{grid-template-columns:minmax(0,1fr) auto}.birth-profile-facts dt{font-size:8px}.birth-profile-facts dd{font-size:15px}}

/* Compact planetary list — the placement overview matches the requested reference. */

/* Every placement keeps its facts in a stable row on phones and tablets. */

/* Birth fact labels share one optical baseline with their icons. */
.birth-profile-facts dt{align-items:center}
.birth-profile-facts dt span{position:static!important;top:auto!important;transform:none!important;line-height:1.2}

/* Optimized raster sources: WebP first with losslessly optimized PNG fallback. */
.optimized-picture{display:contents}
.birth-city-results{z-index:2;background:#fffefa;border:1px solid #14524720;border-radius:14px;max-height:190px;margin:-10px 0 10px;overflow:auto;box-shadow:0 14px 32px #123f3820}.birth-city-results button{color:#244c46;cursor:pointer;text-align:left;background:transparent;border:0;border-bottom:1px solid #14524712;width:100%;padding:11px 13px;font-size:10px;line-height:1.35}.birth-city-results button:last-child{border-bottom:0}.birth-city-results button:hover,.birth-city-results button:focus{background:#e8f6f1;outline:0}.birth-city-credit{color:#7a8e89!important;letter-spacing:0!important;font-size:7px!important;font-weight:500!important}
.birth-profile-timezone{color:#71847f!important;letter-spacing:0!important;margin-top:4px;font-size:7px!important;font-weight:500!important;display:block}

/* Accessible city autocomplete for the birth profile. */
.birth-city-search-status{color:#718681;align-items:center;gap:7px;min-height:18px;margin:0 2px 7px;font:500 8px/1.35 Inter,Arial,sans-serif;display:flex}
.birth-city-search-status.loading:before{content:"";border:2px solid #15988930;border-top-color:#159889;border-radius:50%;width:10px;height:10px;animation:birthCitySpin .7s linear infinite}
@keyframes birthCitySpin{to{transform:rotate(360deg)}}
.birth-city-results{background:#fffefa;border:1px solid #168f7d30;border-radius:16px;max-height:218px;margin:0 0 10px;overflow:auto;overscroll-behavior:contain;box-shadow:0 17px 38px #123f3821;scrollbar-width:thin;scrollbar-color:#80bcb1 transparent}
.birth-city-results button{color:#244c46;cursor:pointer;text-align:left;background:transparent;border:0;border-bottom:1px solid #14524712;grid-template-columns:24px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;width:100%;padding:11px 13px;display:grid}
.birth-city-results button:before{content:"";background:#e1f4ee url("icons/location-01.svg") center/13px no-repeat;border-radius:9px;grid-row:1/3;width:24px;height:24px}
.birth-city-results button strong{color:#173f39;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font:600 10px/1.3 Inter,Arial,sans-serif}
.birth-city-results button span{color:#70837f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font:500 8px/1.35 Inter,Arial,sans-serif}
.birth-city-results button small{color:#16877a;letter-spacing:0;white-space:nowrap;grid-area:1/3/3/4;font:700 7px/1.2 Inter,Arial,sans-serif}
.birth-city-results button:last-child{border-bottom:0}
.birth-city-results button:hover,.birth-city-results button:focus,.birth-city-results button.active{background:#eaf7f3;outline:0}
.birth-city-results button.active{box-shadow:inset 3px 0 #17aa96}
.birth-city-credit{color:#7a8e89!important;letter-spacing:0!important;font-size:7px!important;font-weight:500!important}
@media (width<=500px){.birth-city-results{max-height:190px}.birth-city-results button{grid-template-columns:22px minmax(0,1fr);padding:10px}.birth-city-results button:before{width:22px;height:22px}.birth-city-results button small{grid-area:auto;grid-column:2;margin-top:2px}}[data-chat-starter].is-dismissed{display:none}

/* Personal AI thinking state */
.ai-thinking-orbit{color:#087c70;background:#e1f3ed;border:1px solid #1b99853b;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:inset 0 0 0 5px #fffefa99,0 8px 22px #1875651d}
.ai-thinking-orbit:before{content:"";border:2px solid transparent;border-top-color:#15ae99;border-right-color:#77dcca;border-radius:50%;position:absolute;inset:-4px;animation:aiOrbit 1.65s linear infinite}
.ai-thinking-orbit:after{content:"";background:#e1b766;border:2px solid #fffefa;border-radius:50%;width:7px;height:7px;position:absolute;top:0;right:2px;box-shadow:0 0 11px #dcae50}
.ai-thinking-orbit .hgi-stroke{z-index:1;font-size:27px;transition:opacity .25s,transform .35s}
.ai-thinking-copy{z-index:1;min-width:0;position:relative}.ai-thinking-copy small{color:#16877a;letter-spacing:.14em;font-size:7px;font-weight:800;display:block}.ai-thinking-copy p{color:#5e716d;min-height:30px;margin:6px 0 0;font-size:10px;line-height:1.45;transition:opacity .24s ease,transform .24s ease,filter .24s ease}.ai-thinking-copy p.is-changing{opacity:0;filter:blur(3px);transform:translateY(6px)}
.ai-thinking-dots{align-items:center;gap:4px;height:7px;margin-top:7px;display:flex}.ai-thinking-dots i{background:#159b8a;border-radius:50%;width:4px;height:4px;animation:aiDot 1.15s ease-in-out infinite}.ai-thinking-dots i:nth-child(2){animation-delay:.16s}.ai-thinking-dots i:nth-child(3){animation-delay:.32s}
@keyframes aiOrbit{to{transform:rotate(360deg)}}@keyframes aiGlow{50%{opacity:.45;transform:scale(.82)}}@keyframes aiDot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media (width<=500px){.ai-thinking-orbit{width:46px;height:46px}.ai-thinking-orbit .hgi-stroke{font-size:23px}.ai-thinking-copy p{font-size:9px}}
@media (prefers-reduced-motion:reduce){.ai-thinking-orbit:before,.ai-thinking-dots i{animation:none}.ai-thinking-copy p{transition:none}}

/* Light horizontal planetary cards */

/* Unified modal sheet header */
.modal-sheet-grip{z-index:3;background:#b9bcb7;border-radius:99px;width:38px;height:5px;position:absolute;top:8px;left:50%;transform:translateX(-50%)}
.modal-sheet-header{border-bottom:0;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:58px;margin:0 0 20px;padding:8px 0 9px;display:grid;position:relative}
.modal-sheet-header h2{color:#183b37;letter-spacing:-.02em;text-align:center;grid-column:2;white-space:normal;margin:0!important;padding:0!important;font:500 18px/1.2 Inter,Arial,sans-serif!important}
.modal-sheet-spacer{width:48px;height:44px;display:block}
.modal-sheet-close,.joyti-menu-close.modal-sheet-close{color:#173d38;cursor:pointer;background:#eeece2;border:0;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;z-index:5;top:28px;right:17px}
.modal-sheet-close:hover{background:#e5e2d6}.modal-sheet-close .hgi-stroke{font-size:19px!important}
.modal-sheet-back,.joyti-menu-back.modal-sheet-back{color:#244d47;cursor:pointer;background:transparent;border:0;border-radius:0;grid-column:1;align-items:center;gap:8px;width:max-content;min-height:42px;margin:0;padding:0;font:500 10px/1 Inter,Arial,sans-serif;display:flex;position:relative}.modal-sheet-back .hgi-stroke{background:#efede3;border-radius:50%;place-items:center;width:42px;height:42px;font-size:17px!important;display:grid}.modal-sheet-back:hover .hgi-stroke{background:#e5e2d6}
@media (width<=900px){.modal-sheet-header{min-height:62px;margin-bottom:17px}.modal-sheet-header h2{font-size:17px!important}.modal-sheet-close,.joyti-menu-close.modal-sheet-close{top:18px;right:17px}}

/* Questions exhausted — Joyti PRO */

/* Remaining AI questions beside the mobile menu. */
.site-question-balance{height:32px;min-width:43px;padding-inline:7px 10px}
@media (width<=900px){.mobile-menu{align-items:center;gap:9px;display:flex}}@keyframes joytiBalanceFloat{0%,100%{opacity:.45;transform:translateY(0) scale(.8)}50%{opacity:1;transform:translateY(-7px) scale(1)}}

/* Keep every planetary detail inside the two-column desktop cards. */

/* Safe Markdown formatting for current and saved AI answers. */

[data-ai-insight-status][role=button]{cursor:pointer;text-decoration:underline;text-decoration-color:#16877a55;text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
[data-ai-insight-status][role=button]:hover,[data-ai-insight-status][role=button]:focus-visible{color:#087d70;text-decoration-color:#087d70;outline:0}

/* Modal controls: centered titles and icon-only circular navigation. */
.modal-sheet-header{border-bottom:0!important;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:58px;margin:0 0 20px!important;padding:8px 0 9px;display:grid;position:relative}
.modal-sheet-header h2{align-self:center;justify-self:center;width:100%;font-size:19px!important}
.modal-sheet-close,.joyti-menu-close.modal-sheet-close{background:#eeece2;width:48px;height:48px;top:28px}
.modal-sheet-close .hgi-stroke{font-size:21px!important}
.modal-sheet-back,.joyti-menu-back.modal-sheet-back{color:#173d38;background:#ebe7dc;border:0;border-radius:50%;place-items:center;width:48px;height:48px;min-height:48px;margin:0;padding:0;display:grid}
.modal-sheet-back .hgi-stroke{background:transparent;border-radius:0;place-items:center;width:22px;height:22px;font-size:22px!important;display:grid}
.modal-sheet-back:hover{background:#e1ddd0}.modal-sheet-back:hover .hgi-stroke{background:transparent}
.joyti-menu-items button{padding-left:7px;padding-right:7px}.joyti-menu-label{gap:14px}
@media (width<=900px){.modal-sheet-header{min-height:58px}.modal-sheet-header h2{font-size:18px!important}.modal-sheet-close,.joyti-menu-close.modal-sheet-close{width:48px;height:48px;top:10px}.modal-sheet-back,.joyti-menu-back.modal-sheet-back{width:48px;height:48px}}

/* Quiet inline AI thinking state. */
.ai-thinking-line{align-items:flex-start;justify-content:flex-start;gap:7px;width:max-content;max-width:100%;display:flex}
.ai-thinking-line>.hgi-stroke{color:#7b8984;flex:none;width:17px;height:17px;margin:3px 0 0;font-size:15px;opacity:.8}
.ai-thinking-line p{color:#7b8580;margin:0;font:400 14px/1.55 Inter,Arial,sans-serif;transition:opacity .18s ease}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .ai-thinking-line p{background-image:linear-gradient(100deg,#7b8580 0%,#7b8580 40%,#a5afa9 46%,#e5ebe7 50%,#a5afa9 54%,#7b8580 60%,#7b8580 100%);background-repeat:no-repeat;background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:aiThinkingText 2.8s linear infinite}
}
.ai-thinking-line p.is-changing{opacity:0}
@keyframes aiThinkingText{0%{background-position:100% 0}80%,100%{background-position:0% 0}}
@media (width<=500px){.ai-thinking-line{gap:6px}.ai-thinking-line p{font-size:13px}.ai-thinking-line>.hgi-stroke{width:16px;height:16px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.ai-thinking-line p{animation:none;transition:none;color:#7b8580;background:none;-webkit-text-fill-color:currentColor}.ai-thinking-line p.is-changing{opacity:1}}
/* Raised balance number: keep it centered in its own visual ring. */

/* Bottom mobile navigation was removed; reclaim its reserved space. */
@media (width<=900px){
  .details-screen{padding-bottom:38px}
  .joyti-chat-form{bottom:max(14px,env(safe-area-inset-bottom))}
}

/* Birth questionnaire: keep each step caption beside its icon. */

.birth-profile-facts dd{box-sizing:border-box;width:100%;max-width:100%;margin-top:10px;font-size:15px;line-height:1.22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Personal planet placement sheet. */

/* Light planet placement sheet. */
.hgi-logout-01{--joyti-icon:url("icons/logout-01.svg")}

/* Shared open/close motion for modal sheets. */