:root{color-scheme:dark;--bg:#07111d;--ink:#edf6ef;--muted:#b9cdd1;--accent:#9deae0;--second:#d5b7eb;font:16px/1.7 system-ui,sans-serif;scroll-behavior:smooth;scrollbar-color:#83cfc7 #07111d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 88% 5%,#20314988,transparent 38%),radial-gradient(ellipse at 10% 45%,#172e3444,transparent 35%),var(--bg);color:var(--ink)}a{color:var(--accent);text-underline-offset:5px}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f9dab0;outline-offset:5px}a.button,button,.small-enter{min-height:44px}.skip-link{position:fixed;top:8px;left:8px;padding:12px;background:var(--ink);color:var(--bg);z-index:10;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{max-width:1440px;margin:auto;padding:28px 5vw;display:flex;justify-content:space-between;gap:24px;align-items:center}.wordmark{font:30px/1 Georgia,serif;text-decoration:none;color:var(--ink);letter-spacing:-.04em}.wordmark>span{display:block;font:9px/1.5 system-ui;letter-spacing:.15em;text-transform:uppercase;margin-top:9px;color:var(--accent)}.site-header nav{display:flex;gap:24px;align-items:center}.site-header nav a{font-size:12px;text-decoration:none;padding:10px 0}.site-header .small-enter{padding:10px 16px;border:1px solid #9deae066;border-radius:30px}.site-hero{padding:70px 7vw 80px;max-width:1100px}.eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:.16em;line-height:1.6;color:var(--accent)}h1,h2,h3{font-weight:400;font-family:Georgia,serif;line-height:1.09;letter-spacing:-.045em}h1{font-size:clamp(48px,7vw,96px);margin:26px 0}h1 em{font-weight:400;color:var(--second)}h2{font-size:clamp(34px,4vw,58px);margin:22px 0}h3{font-size:24px;letter-spacing:-.02em;margin:12px 0}p{max-width:66ch;color:var(--muted)}.value-line{font-size:21px;line-height:1.55;max-width:32ch;color:var(--ink)}.hero-support{max-width:39ch;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #9deae066;border-radius:30px;padding:12px 22px;font-size:13px;font-weight:600;min-height:48px}.button.primary{background:var(--accent);color:#07111d;border-color:var(--accent)}.privacy-line{font-size:12px;color:var(--accent)}.text-link{display:inline-block;padding:10px 0;font-size:13px;margin-right:24px;text-decoration:none}.text-link:hover,.site-header a:hover{text-decoration:underline}.tiny{font-size:12px;line-height:1.6}.demo-section{max-width:1280px;margin:auto;padding:64px 7vw 90px;scroll-margin-top:24px}.demo-intro{max-width:740px}.demo-intro h2{margin:14px 0}.demo-intro>p{margin:10px 0}.public-field{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);align-items:center;gap:40px;margin:35px 0 20px;--feeling:#9deae0}.public-field svg{width:100%;height:auto;overflow:visible}.field-orbits{stroke:var(--feeling);stroke-width:.8;fill:none;opacity:.3;transform-origin:350px 195px;animation:fieldOrbit 45s linear infinite}.field-links{stroke:var(--feeling);stroke-width:1;fill:none;opacity:.55;stroke-dasharray:6 7;animation:fieldFlow 15s linear infinite}.field-nodes{fill:var(--feeling);filter:drop-shadow(0 0 7px var(--feeling))}.field-core{fill:var(--feeling);filter:drop-shadow(0 0 18px var(--feeling));transform-origin:350px 195px;animation:fieldBreathe 5s ease-in-out infinite}.public-field text{fill:var(--ink);font:16px Georgia,serif}.public-field .svg-note{fill:var(--muted);font:10px system-ui}.demo-controls fieldset{border:0;padding:0;margin:0}.demo-controls legend{font-size:12px;margin-bottom:10px}.feeling-choices{display:flex;flex-wrap:wrap;gap:7px}.feeling-choices button,#demoLater{border:1px solid #9deae05c;background:#0c1b28;color:var(--ink);border-radius:30px;padding:10px 15px;font-size:12px;min-height:44px}.feeling-choices [aria-pressed=true]{background:var(--feeling);color:#07111d;border-color:var(--feeling)}#demoPerspective{margin-top:24px;padding:18px 0 4px;border-top:1px solid #9deae044;min-height:175px}#demoPerspective h3{font-size:24px}#demoPerspective p,#demoReflection{font-size:14px;line-height:1.6}.field-promise{font-family:Georgia,serif;font-size:23px;color:var(--ink)}.public-home main>section:not(.site-hero):not(.demo-section){padding:80px 12vw;border-top:1px solid #9deae027;max-width:1400px;margin:auto}.statement{background:linear-gradient(120deg,#9deae008,#d5b7eb09)}.statement p{font-size:18px}.perspective-pair{display:grid;grid-template-columns:1fr 80px 1fr;gap:20px;align-items:center;max-width:850px;margin:40px 0}.perspective-pair article{padding:25px;border:1px solid #9deae033;border-radius:50% 50% 20px 20px;background:radial-gradient(ellipse at top,#9deae01a,transparent);text-align:center}.perspective-pair span{display:block;font-family:Georgia;font-size:24px;margin:8px}.perspective-pair strong{color:var(--accent);font-size:12px;font-weight:400}.perspective-pair i{font:54px Georgia;color:var(--second);text-align:center}.perspective-pair p{font-size:13px;line-height:1.6}.save-example{padding:20px;border-left:2px solid var(--accent);background:#9deae009;font-size:13px;color:var(--ink)}.site-footer{max-width:1400px;padding:60px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:auto;border-top:1px solid #9deae033}.site-footer p{font-size:11px;margin-top:25px}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px;align-content:flex-start}.site-footer nav a{font-size:12px;min-height:32px}.public-motion{font-size:11px;display:flex;align-items:center;gap:15px}.public-motion select{padding:9px;border:1px solid #9deae066;border-radius:12px;background:#0c1b28;color:var(--ink);min-height:44px}.public-story{max-width:880px;margin:auto;padding:70px 28px 100px}.public-story h1{font-size:clamp(42px,7vw,80px)}.public-story h2{font-size:29px}.public-story>.lead{font-size:20px;line-height:1.7;color:var(--ink);margin-bottom:50px}.public-story>section{margin:36px 0}.public-story .night-walk{border-top:1px solid #9deae033;padding-top:50px;margin-top:50px}.public-story .demo-section{padding:30px 0}.public-story .public-field{grid-template-columns:1fr}.public-story .public-field svg{max-height:300px}.public-motion-none *,.public-motion-reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.public-field[data-feeling=Joy] .field-core{animation-duration:2.7s}.public-field[data-feeling=Anxiety] .field-links{animation-duration:6s}.public-field[data-feeling=Calm] .field-orbits{animation-duration:70s}.public-field[data-feeling=Love] .field-core{animation-duration:3s}.public-field[data-feeling=Loneliness] .field-nodes{opacity:.45}.public-field[data-feeling=Wonder] .field-core{filter:drop-shadow(0 0 25px var(--feeling))}@keyframes fieldOrbit{to{transform:rotate(360deg)}}@keyframes fieldFlow{to{stroke-dashoffset:-130}}@keyframes fieldBreathe{50%{transform:scale(1.1);opacity:.7}}
@media(min-width:1050px){.homepage-intro{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto;align-items:start}.homepage-intro .site-hero{padding:80px 20px 60px 7vw}.homepage-intro .demo-section{padding:60px 5vw 55px 15px;min-width:0}.homepage-intro h1{font-size:clamp(64px,6vw,88px)}.homepage-intro .demo-intro h2{font-size:34px}.homepage-intro .public-field{display:flex;flex-direction:column;gap:0;margin:0}.homepage-intro .public-field svg{max-height:270px}.homepage-intro .demo-controls{width:100%}.homepage-intro #demoPerspective{min-height:125px;margin-top:16px}.homepage-intro .field-promise{font-size:20px}.homepage-intro .text-link{font-size:12px}}
@media(max-width:760px){.site-header{padding:20px 20px 10px;display:block}.site-header nav{gap:16px;margin-top:16px;overflow-x:auto;white-space:nowrap;padding:4px 0 8px;scrollbar-width:thin}.site-header nav a{font-size:11px;flex-shrink:0}.wordmark{font-size:28px}.site-header .small-enter{padding:8px 12px}.site-hero{padding:38px 24px 50px}.site-hero h1{font-size:clamp(48px,12vw,72px)}.value-line{font-size:18px}.hero-support{font-size:14px}.hero-actions{gap:8px}.button{font-size:12px;padding:12px 16px}.demo-section{padding:44px 24px 55px;scroll-margin-top:14px}.demo-intro h2{font-size:34px}.public-field{grid-template-columns:1fr;gap:0;margin-top:10px}.public-field svg{max-height:240px}.feeling-choices button{flex:1 1 28%;padding:10px}#demoPerspective{min-height:160px;margin-top:18px;padding-top:18px}.public-home main>section:not(.site-hero):not(.demo-section){padding:55px 24px}h2{font-size:36px}.statement p{font-size:16px}.perspective-pair{gap:8px;grid-template-columns:1fr 24px 1fr;margin:28px 0}.perspective-pair article{padding:12px 10px}.perspective-pair span{font-size:21px}.perspective-pair strong{font-size:11px}.perspective-pair i{font-size:30px}.site-footer{grid-template-columns:1fr;padding:45px 24px}.public-story{padding:45px 24px 70px}.public-story>.lead{font-size:18px}.public-story h2{font-size:27px}.eyebrow{font-size:9px}.field-promise{font-size:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.field-orbits,.field-links,.field-core{animation:none}}

.public-faq details{border-bottom:1px solid #9deae044;padding:14px 0}.public-faq summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--ink)}

.button+.text-link{margin-left:16px}@media(max-width:760px){.button+.text-link{display:block;margin:8px 0 0}}

.public-meaning-branch{opacity:0;transition:opacity 1s}.public-meaning-branch path{fill:none;stroke:var(--later-color,#d5b7eb);stroke-width:1.8;stroke-dasharray:4 8}.public-meaning-branch circle{fill:var(--later-color,#d5b7eb);filter:drop-shadow(0 0 13px var(--later-color))}.public-field[data-period=later] .public-meaning-branch{opacity:1}.public-field[data-period=later] .public-meaning-branch path{animation:fieldFlow 16s linear infinite}.public-field[data-period=later] .field-core{animation:none}.hero-actions>.text-link{align-self:center}.feeling-choices [data-demo-moment]{border-radius:12px;text-align:left;flex:1 1 25%;line-height:1.45}.demo-controls #demoPerspective{min-height:160px}.demo-controls #demoPerspective h3{font-size:23px;line-height:1.3}.demo-controls #demoReflection{padding:16px 0 0 16px;border-left:2px solid var(--later-color);margin-bottom:0;color:var(--ink)}.public-field[data-period=later]{border-bottom:1px solid #d5b7eb33;padding-bottom:14px}.field-promise{font-size:20px}.homepage-intro .demo-section>.text-link{display:block;margin:4px 0}.homepage-intro .hero-support{max-width:35ch}@media(max-width:760px){.feeling-choices [data-demo-moment]{flex:1 1 100%;padding:12px 16px}.site-hero{padding-bottom:26px}.demo-section{padding-top:24px}.homepage-intro .demo-intro h2{font-size:32px}.homepage-intro .public-field svg{max-height:200px}.hero-actions>.text-link{margin:0}}

html[data-motion=reduced],html[data-motion=none]{scroll-behavior:auto}html[data-motion=full] .field-orbits{animation:fieldOrbit 45s linear infinite}html[data-motion=full] .field-links{animation:fieldFlow 15s linear infinite}html[data-motion=full] .field-core{animation:fieldBreathe 5s ease-in-out infinite}
