// Hi-fi science direction — editorial/swiss, data-forward // Theme-aware palette via CSS custom properties. const SCI_BRAND_VARIANT = typeof document !== "undefined" ? (document.documentElement.getAttribute("data-brand-variant") || "classic") : "classic"; const SCI_IS_SENSEI = SCI_BRAND_VARIANT === "sensei"; const SCI_IS_WANDERER = SCI_BRAND_VARIANT === "wanderer"; const SCI_IS_AMARA = SCI_BRAND_VARIANT === "amara"; const SCI_COPY_AMARA = { brandName: "Amara", navMethod: "How It Works", navInstruments: "The Atlas", navSample: "Love & Union", navPricing: "Pricing", heroKicker: "§ 01 · A reading across worlds", heroTitle: "Eight traditions read\nyour life. One atlas,\nwritten by hand.", heroBody: "Give us your birth date, time, and place — plus a few minutes for a personality quiz. We run your data through Western astrology, Vedic Jyotish, Chinese Ba Zi, Numerology, Astrocartography, Human Design, Tarot birth cards, and the Mayan Tzolk'in. Where multiple traditions say the same thing about you, that becomes a chapter in your atlas. You get a personalized report — PDF and audio — delivered within 7 days.", heroPrimaryCta: "Your Atlas · $79", heroSecondaryCta: "Love & Union · $39", disclaimer: "For self-reflection only. Not medical, legal, or mental-health advice. Pay once, keep your reading forever — no subscription required.", footerTagline: "8 TRADITIONS · 38 READINGS · WRITTEN BY HAND", }; const SCI_COPY_V2 = { brandName: "Amara", navMethod: "Method", navInstruments: "Archetypes", navSample: "Instant Downloads", navPricing: "Full Reading", heroKicker: "§ 01 · Reading", heroTitle: "Read the signs.\nProtect your peace.", heroBody: "Thirteen traditions — astrology, Human Design, Big Five, Enneagram, Gene Keys, I Ching — each reading you on their own. We show you what they all agree on. That's the part no single reading could ever tell you.", heroPrimaryCta: "Start Free", heroSecondaryCta: "Instant Download", disclaimer: "Guidance for reflection only. Not medical, legal, or mental-health advice.", footerTagline: "DISCIPLINE. RHYTHM. CLARITY.", }; const SCI_COPY_CLASSIC = { brandName: "Amara", navMethod: "How It Works", navInstruments: (SCI_IS_AMARA ? "The Atlas" : "Twelve Ways In"), navSample: "Sample report", navPricing: "Pricing", heroKicker: "§ 01 · Thesis", heroTitle: "You've read yourself in pieces. Here's all of you at once.", heroBody: "Thirteen traditions — astrology, Human Design, Big Five, Enneagram, Gene Keys, I Ching — each reading you on their own. We show you what they all agree on. That's the part no single reading could ever tell you.", heroPrimaryCta: "Read My Chart", heroSecondaryCta: "Start Free", disclaimer: "Not another app. Not another daily horoscope. An 8,000-word letter about your mind, your work, your relationships, your karmic lines, and your blind spots — written when every chart in your life finally tells the same story.", footerTagline: "THE ANCIENTS READ THE STARS. WE READ YOU.", }; const SCI_COPY_V3 = { brandName: "Amara", navMethod: "How It Works", navInstruments: "World Systems", navSample: "Instant Downloads", navPricing: "Full Reading", heroKicker: "§ 01 · The Global Reading", heroTitle: "Every culture studied\nthe human soul.\nHere's what they found.", heroBody: "Thirteen traditions — Western astrology, Vedic, Human Design, Big Five, Enneagram, I Ching, Mayan, and more — each reading you on their own. We show you what they all agree on. That's the part no single tradition could ever tell you.", heroPrimaryCta: "Start Free", heroSecondaryCta: "Instant Download", disclaimer: "Guidance for reflection only. Not medical, legal, or mental-health advice.", footerTagline: "EVERY CULTURE STUDIED YOU. WE SYNTHESIZED WHAT THEY FOUND.", }; const SCI_COPY = SCI_IS_AMARA ? SCI_COPY_AMARA : SCI_IS_SENSEI ? SCI_COPY_V2 : SCI_IS_WANDERER ? SCI_COPY_V3 : SCI_COPY_CLASSIC; const SCI_THEME_V2 = { paper: "#ffffff", ink: "#0a0a0a", ink2: "#2a2a2a", ink3: "#6b6b6b", tint: "#f2f2f0", tint2: "#f7f7f6", rule: "#0a0a0a", border: "#0a0a0a", accent: "#b8202a", accentDeep: "#7a1a1f", display: '"Shippori Mincho","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif', body: '"Noto Sans JP","Inter",system-ui,sans-serif', mono: '"JetBrains Mono","IBM Plex Mono",monospace', }; if (typeof document !== "undefined") { document.documentElement.dataset.brandVariant = SCI_BRAND_VARIANT; } if (typeof window !== "undefined") { window.TAMASHI_VARIANT = SCI_BRAND_VARIANT; window.SCI_IS_AMARA = SCI_IS_AMARA; window.SCI_IS_SENSEI = SCI_IS_SENSEI; window.SCI_IS_WANDERER= SCI_IS_WANDERER; window.SCI_COPY = SCI_COPY; } // V2-only: inject Shippori Mincho font (never loads on V1 / classic) if (SCI_IS_SENSEI && typeof document !== "undefined" && !document.getElementById("sci-shippori-font")) { const link = document.createElement("link"); link.id = "sci-shippori-font"; link.href = "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&display=swap"; link.rel = "stylesheet"; document.head.appendChild(link); } // V3-only: inject Cormorant Garamond — old-world scholarly, no single culture if (SCI_IS_WANDERER && typeof document !== "undefined" && !document.getElementById("sci-cormorant-font")) { const link = document.createElement("link"); link.id = "sci-cormorant-font"; link.href = "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Inter:wght@300;400;500&display=swap"; link.rel = "stylesheet"; document.head.appendChild(link); } const SCI = { paper: "var(--sci-paper)", ink: "var(--sci-ink)", ink2: "var(--sci-ink2)", ink3: "var(--sci-ink3)", tint: "var(--sci-tint)", tint2: "var(--sci-tint2)", rule: "var(--sci-rule)", border: "var(--sci-border)", orange: "var(--sci-orange)", forest: "var(--sci-forest)", sand: "var(--sci-sand)", display: SCI_IS_SENSEI ? '"Shippori Mincho","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif' : SCI_IS_WANDERER ? '"Cormorant Garamond","Palatino Linotype","Book Antiqua",Palatino,serif' : '"Cormorant Garamond","GT Sectra",Canela,serif', body: SCI_IS_SENSEI ? '"Noto Sans JP","Inter",system-ui,sans-serif' : '"Inter",system-ui,sans-serif', mono: '"JetBrains Mono","IBM Plex Mono",monospace', }; // —— Theme engine —————————————————————————————— const SCI_THEME_KEY = "tamashi-theme"; const SCI_THEMES = ["system", "light", "dark"]; function sciGetEffective(pref) { if (pref === "light") return "light"; if (pref === "dark") return "dark"; return (typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light"; } function sciApplyTheme(pref) { if (typeof document === "undefined") return; document.documentElement.dataset.sciTheme = sciGetEffective(pref); } // init on load (before first paint) if (typeof localStorage !== "undefined") { sciApplyTheme(localStorage.getItem(SCI_THEME_KEY) || "system"); } if ( typeof document !== "undefined" && !document.getElementById("sci-live-styles") ) { const style = document.createElement("style"); style.id = "sci-live-styles"; style.textContent = [ ":root,[data-sci-theme='light']{" + "--sci-paper:#f3efe4;--sci-ink:#111111;--sci-ink2:#3a3a36;--sci-ink3:#6e6a60;" + "--sci-tint:#e4dfcf;--sci-tint2:#eae4d2;--sci-rule:#1c1c1c;" + "--sci-orange:#c65a2a;--sci-forest:#2b4a3a;--sci-sand:#bfa76a;" + "--sci-orange-rgb:198,90,42;" + "--sci-paper-rgb:243,239,228;--sci-ink-rgb:17,17,17;--sci-border:#1c1c1c;" + "}", "[data-sci-theme='dark']{" + "--sci-paper:#1a1714;--sci-ink:#ede8db;--sci-ink2:#afa99c;--sci-ink3:#706a5e;" + "--sci-tint:#252119;--sci-tint2:#201d18;--sci-rule:#e0dbd0;" + "--sci-orange:#d4673a;--sci-forest:#3a6050;--sci-sand:#c9965a;" + "--sci-orange-rgb:212,103,58;" + "--sci-paper-rgb:26,23,20;--sci-ink-rgb:237,232,219;--sci-border:#3a3530;" + "}", // —— Amara palette — Woven Linen + Midnight Indigo + Desert Rose + Earth Ochre + Sage Green // From the Amara Brand Guide. Maps to existing CSS variable names so the // rest of the template renders unchanged. The "orange" slot is now Desert Rose. —— ":root[data-brand-variant='amara'],[data-brand-variant='amara'][data-sci-theme='light']{" + "--sci-paper:#f5f0e6;--sci-ink:#191970;--sci-ink2:#3d3560;--sci-ink3:#7a6f8a;" + "--sci-tint:#ebe4d4;--sci-tint2:#f0eadc;--sci-rule:#191970;" + "--sci-orange:#cd5c5c;--sci-forest:#8fbc8f;--sci-sand:#b8860b;" + "--sci-orange-rgb:205,92,92;" + "--sci-paper-rgb:245,240,230;--sci-ink-rgb:25,25,112;--sci-border:#191970;" + "--sci-indigo:#191970;--sci-ochre:#b8860b;--sci-rose:#cd5c5c;--sci-linen:#f5f0e6;--sci-sage:#8fbc8f;" + "}", "[data-brand-variant='amara'][data-sci-theme='dark']{" + "--sci-paper:#0f0d2c;--sci-ink:#f5f0e6;--sci-ink2:#cdc7d6;--sci-ink3:#8a82a0;" + "--sci-tint:#1a1740;--sci-tint2:#15122e;--sci-rule:#dcd5c4;" + "--sci-orange:#e07878;--sci-forest:#a8d4a8;--sci-sand:#d4a82e;" + "--sci-orange-rgb:224,120,120;" + "--sci-paper-rgb:15,13,44;--sci-ink-rgb:245,240,230;--sci-border:#3a3760;" + "--sci-indigo:#3a3a90;--sci-ochre:#d4a82e;--sci-rose:#e07878;--sci-linen:#f5f0e6;--sci-sage:#a8d4a8;" + "}", // —— Sensei V2 palette (ONLY these override defaults on /sensei) —— ":root[data-brand-variant='sensei'],[data-brand-variant='sensei'][data-sci-theme='light']{" + "--sci-paper:#ffffff;--sci-ink:#0a0a0a;--sci-ink2:#2a2a2a;--sci-ink3:#6b6b6b;" + "--sci-tint:#f2f2f0;--sci-tint2:#f7f7f6;--sci-rule:#0a0a0a;" + "--sci-orange:#b8202a;--sci-forest:#1a1a1a;--sci-sand:#f2f2f0;" + "--sci-orange-rgb:184,32,42;" + "--sci-paper-rgb:255,255,255;--sci-ink-rgb:10,10,10;--sci-border:#0a0a0a;" + "}", "[data-brand-variant='sensei'][data-sci-theme='dark']{" + "--sci-paper:#0a0a0a;--sci-ink:#f5f4f2;--sci-ink2:#d2cfcb;--sci-ink3:#9f9a96;" + "--sci-tint:#191818;--sci-tint2:#121112;--sci-rule:#e9e8e5;" + "--sci-orange:#d11a2a;--sci-forest:#c9c7c3;--sci-sand:#b5aca1;" + "--sci-orange-rgb:209,26,42;" + "--sci-paper-rgb:10,10,10;--sci-ink-rgb:245,244,242;--sci-border:#3a3530;" + "}", // —— Wanderer V3 palette — global synthesis: midnight + aged gold + warm parchment —— ":root[data-brand-variant='wanderer'],[data-brand-variant='wanderer'][data-sci-theme='light']{" + "--sci-paper:#f5f0e8;--sci-ink:#1a1520;--sci-ink2:#3d3548;--sci-ink3:#7a6e8a;" + "--sci-tint:#ede7d9;--sci-tint2:#f0ebe0;--sci-rule:#1a1520;" + "--sci-orange:#c9a84c;--sci-forest:#3a7a8f;--sci-sand:#5c4a8a;" + "--sci-orange-rgb:201,168,76;" + "--sci-paper-rgb:245,240,232;--sci-ink-rgb:26,21,32;--sci-border:#1a1520;" + "}", "[data-brand-variant='wanderer'][data-sci-theme='dark']{" + "--sci-paper:#0d0b1e;--sci-ink:#e8e4d8;--sci-ink2:#b8b0c8;--sci-ink3:#7a7088;" + "--sci-tint:#151225;--sci-tint2:#110f1e;--sci-rule:#e8e4d8;" + "--sci-orange:#c9a84c;--sci-forest:#3a7a8f;--sci-sand:#7b5ea7;" + "--sci-orange-rgb:201,168,76;" + "--sci-paper-rgb:13,11,30;--sci-ink-rgb:232,228,216;--sci-border:#3a3050;" + "}", // — body background follows theme — "body{background:var(--sci-paper);color:var(--sci-ink);transition:background .25s ease,color .25s ease}", // —— keyframes —— "@keyframes sci-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}", "@keyframes sci-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}", "@keyframes sci-spin-slow{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}", "@keyframes sci-spin-rev{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}", "@keyframes sci-pulse-ring{0%,100%{r:22}50%{r:23.5}}", "@keyframes sci-card-in{0%{transform:translateY(14px)}100%{transform:translateY(0)}}", "@keyframes sci-grow{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}", "@keyframes sci-shimmer{0%{transform:translateX(-120%)}100%{transform:translateX(200%)}}", "@keyframes sci-pulse{0%,100%{opacity:1}50%{opacity:.6}}", "@keyframes sci-draw{0%{stroke-dashoffset:140}100%{stroke-dashoffset:0}}", "@keyframes sci-dash{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-16}}", "@keyframes sci-fade-up{0%{opacity:.001;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}", "@keyframes sci-bar-breathe{0%,100%{transform:scaleX(1)}50%{transform:scaleX(0.45)}}", "@keyframes sci-col-wave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(0.12)}}", "@keyframes sci-ping{0%,100%{transform:scale(1);opacity:1}7%{transform:scale(2.8);opacity:0.6}15%,100%{transform:scale(1);opacity:1}}", "@keyframes sci-signal{0%,100%{stroke-opacity:0.2;stroke-width:1}50%{stroke-opacity:1;stroke-width:2}}", "@keyframes sci-num-appear{0%,100%{opacity:0.08}12%,20%{opacity:1}}", "@keyframes sci-carto-draw{0%{stroke-dashoffset:52}100%{stroke-dashoffset:0}}", "@keyframes sci-iching-flip{0%,100%{opacity:1}40%,60%{opacity:0.1}}", "@keyframes sci-genes-glow{0%,100%{opacity:0}12%{opacity:1}}", "@keyframes sci-heartbeat{0%{transform:scale(1)}6%{transform:scale(1.18)}12%{transform:scale(1)}18%{transform:scale(1.08)}24%,100%{transform:scale(1)}}", "@keyframes sci-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.7)}}", "@keyframes sci-taiji{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}", "@keyframes sci-yin-ping{0%,100%{r:2;opacity:0.4}50%{r:3.5;opacity:1}}", "@keyframes sci-yang-ping{0%,100%{r:3.5;opacity:1}50%{r:2;opacity:0.4}}", "@keyframes sci-pulse-fade{0%,100%{opacity:0.55}50%{opacity:1}}", "@keyframes sci-marquee-amara{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}", /* Amara accent strip + Sage Green secondary highlight */ "[data-brand-variant='amara'] .amara-announcement{background:#b8860b;color:#f5f0e6;padding:10px 24px;text-align:center;font-family:" + "'JetBrains Mono','IBM Plex Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #191970;overflow:hidden;white-space:nowrap}", "[data-brand-variant='amara'] .amara-announcement-track{display:inline-block;animation:sci-marquee-amara 38s linear infinite}", "[data-brand-variant='amara'] .amara-announcement-track > span{padding:0 28px}", "[data-brand-variant='amara'] .amara-announcement-track > span > em{color:#f5f0e6;font-style:normal;border-bottom:1px solid #f5f0e6}", ".sci-marquee{overflow:hidden;position:relative}", ".sci-marquee-track{display:flex;align-items:center;gap:44px;width:max-content;animation:sci-marquee 26s linear infinite;will-change:transform}", ".sci-card-hover{transition:transform .24s ease,box-shadow .24s ease}", ".sci-card-hover:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.08)}", ".sci-btn{transition:transform .14s ease,box-shadow .18s ease,opacity .18s ease}", ".sci-btn:hover{transform:translateY(-1px)}", ".sci-btn:active{transform:translateY(0)}", ".sci-btn:focus-visible{outline:2px solid var(--sci-ink);outline-offset:2px}", ".sci-link-btn{border:none;background:none;padding:0;text-align:left;cursor:pointer;color:inherit}", ".sci-link-btn:hover{text-decoration:underline}", ".sci-link-btn:focus-visible{outline:2px solid var(--sci-ink);outline-offset:2px}", '[data-sci-motion="1"]{will-change:transform}', ".sci-reveal{animation:sci-fade-up .55s cubic-bezier(.18,.84,.34,1) both}", ".sci-sparkline-line{stroke-dasharray:140;stroke-dashoffset:140;animation:sci-draw 1.8s ease forwards}", '@media (prefers-reduced-motion: reduce){.sci-marquee-track,.sci-card-hover,.sci-reveal,.sci-sparkline-line,[data-sci-motion="1"]{animation:none!important;transition:none!important}}', ].join("\n"); document.head.appendChild(style); } // —— Theme toggle component ——————————————————— function SciThemeToggle() { const [pref, setPref] = React.useState( () => (typeof localStorage !== "undefined" ? localStorage.getItem(SCI_THEME_KEY) || "system" : "system") ); React.useEffect(() => { if (pref !== "system") return; const mq = window.matchMedia("(prefers-color-scheme: dark)"); const handler = () => sciApplyTheme("system"); mq.addEventListener("change", handler); return () => mq.removeEventListener("change", handler); }, [pref]); const cycle = () => { const next = SCI_THEMES[(SCI_THEMES.indexOf(pref) + 1) % SCI_THEMES.length]; setPref(next); localStorage.setItem(SCI_THEME_KEY, next); sciApplyTheme(next); }; const icons = { system: "◑", light: "○", dark: "●" }; const labels = { system: "System", light: "Light", dark: "Dark" }; return ( ); } // —— tiny UI atoms ———————————————————————————— function Rule({ style, v }) { return (
); } function MonoLabel({ children, style, size = 10 }) { return ( {children} ); } function SciBtn({ children, primary, style, w, size = "md", icon, onClick, disabled, type = "button", title, }) { const sizes = { sm: { h: 34, fs: 12, px: 14 }, md: { h: 44, fs: 13, px: 20 }, lg: { h: 52, fs: 14, px: 26 }, }; const s = sizes[size]; return ( ); } function Pill({ children, dark, style }) { return ( {children} ); } // —— Big Five horizontal bars ———————————————— function BigFiveBars({ values, animated = true }) { const traits = [ { l: "Openness", s: "O", v: values[0] }, { l: "Conscientiousness", s: "C", v: values[1] }, { l: "Extraversion", s: "E", v: values[2] }, { l: "Agreeableness", s: "A", v: values[3] }, { l: "Neuroticism", s: "N", v: values[4] }, ]; return (
{traits.map((t, i) => (
{t.s}
{animated && (
)} {/* percentile ticks */} {[25, 50, 75].map((p) => (
))}
{t.v} %
))}
); } // —— MBTI cognitive stack ——————————————————— function MBTIStack({ animated = true }) { const fns = [ { fn: "Ni", pos: "Dominant", w: 96 }, { fn: "Te", pos: "Auxiliary", w: 74 }, { fn: "Fi", pos: "Tertiary", w: 48 }, { fn: "Se", pos: "Inferior", w: 28 }, ]; return (
{fns.map((f, i) => (
{f.fn}
{f.pos}
))}
); } // —— Enneagram radar (9-pointed) ——————————————— function EnneaRadar({ values, animated = true }) { // values: array of 9 numbers 0..1, index 0 = type 1 at top const cx = 100, cy = 100, R = 78; const pts = values.map((v, i) => { const a = -Math.PI / 2 + (i * 2 * Math.PI) / 9; return [cx + Math.cos(a) * R * v, cy + Math.sin(a) * R * v]; }); const poly = pts.map((p) => p.join(",")).join(" "); const axes = values.map((_, i) => { const a = -Math.PI / 2 + (i * 2 * Math.PI) / 9; return [cx + Math.cos(a) * R, cy + Math.sin(a) * R]; }); return ( {[0.25, 0.5, 0.75, 1].map((r, i) => ( { const a = -Math.PI / 2 + (j * 2 * Math.PI) / 9; return `${cx + Math.cos(a) * R * r},${cy + Math.sin(a) * R * r}`; }) .join(" ")} /> ))} {axes.map(([x, y], i) => ( ))} {pts.map(([x, y], i) => ( {(() => { const a = -Math.PI / 2 + (i * 2 * Math.PI) / 9; const lx = cx + Math.cos(a) * (R + 12); const ly = cy + Math.sin(a) * (R + 12); return ( {i + 1} ); })()} ))} ); } // —— Sparkline trend ———————————————————————— function Sparkline({ data, color = SCI.ink, height = 34, animated = true }) { const max = Math.max(...data), min = Math.min(...data); const pts = data .map((v, i) => { const x = (i / (data.length - 1)) * 100; const y = 100 - ((v - min) / (max - min || 1)) * 100; return `${x},${y}`; }) .join(" "); return ( ); } // —— Correlation heat strip —————————————————— function HeatStrip({ cells = 12, animated = true }) { const vals = [0.2, 0.8, 0.5, 0.9, 0.3, 0.6, 0.7, 0.2, 0.95, 0.4, 0.55, 0.75]; return (
{Array.from({ length: cells }).map((_, i) => (
))}
); } // —— Header / Nav ——————————————————————————— function SciNav({ compact, onBegin, onInstantDownload, onSignIn, onSignUp, onNavigateSection, onNavigatePage, activeSection = "Methodology", user, }) { const navItems = [ { label: SCI_COPY.navMethod, sectionId: "section-methodology" }, { label: SCI_COPY.navInstruments, sectionId: "section-instruments" }, SCI_IS_SENSEI ? { label: SCI_COPY.navSample, route: "/scrolls" } : { label: SCI_COPY.navSample, sectionId: "section-sample" }, { label: SCI_COPY.navPricing, sectionId: "section-pricing" }, ]; return (
{/* 魂 hanko seal */}
{SCI_IS_AMARA ? "·" : "魂"}
{SCI_COPY.brandName}
{navItems.map((item) => ( ))}
{user ? ( ) : ( )} {!user && ( Create Account )} {SCI_IS_SENSEI ? "Start Free" : user ? "My Reading" : "Start Free"}
); } // —— Animated metric strip ——————————————————— function MetricStrip() { const metrics = [ { k: "Confidence", target: 0.91, fmt: (v) => v.toFixed(2), sub: "cross-system agreement" }, { k: "Convergent", target: 7, fmt: (v) => `${Math.round(v)} / 10`, sub: "readings aligned" }, { k: "Shadow", target: null, display: "Type 1", sub: "growth direction" }, { k: "Stress", target: null, display: "→ 5", sub: "integration path" }, ]; const [vals, setVals] = React.useState([0, 0, null, null]); const [started, setStarted] = React.useState(false); const ref = React.useRef(null); React.useEffect(() => { if (!ref.current) return; const obs = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting && !started) setStarted(true); }, { threshold: 0.3 } ); obs.observe(ref.current); return () => obs.disconnect(); }, [started]); React.useEffect(() => { if (!started) return; const duration = 1400; const start = performance.now(); function tick(now) { const t = Math.min((now - start) / duration, 1); const ease = 1 - Math.pow(1 - t, 3); setVals([0.91 * ease, 7 * ease, null, null]); if (t < 1) requestAnimationFrame(tick); } requestAnimationFrame(tick); }, [started]); return (
{metrics.map((m, i) => { const display = m.target !== null ? m.fmt(vals[i] || 0) : m.display; const pct = m.target !== null ? (vals[i] || 0) / m.target : 1; return (
{m.k}
{display}
{m.sub}
); })}
); } // —— SECTION: Hero —————————————————————————— function SciHero({ onBegin, onInstantDownload, dobValue = "", onDobChange, onEnterDob, }) { const [sampleTab, setSampleTab] = React.useState("enneagram"); return (
{/* top meta strip */}
{SCI_IS_AMARA ? "AMARA · ATLASES" : (SCI_IS_SENSEI ? "魂 · AMARA · GUIDANCE" : "魂 · AMARA · SOUL")} EST. 2026 · N = 184,212 READINGS · {SCI_COPY.brandName} {(() => { const d = new Date(); const mo = ["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"][d.getMonth()]; return `${String(d.getDate()).padStart(2,"0")}.${mo}.${d.getFullYear()}`; })()}
{/* Left: headline */}
{SCI_COPY.heroKicker}

{SCI_COPY.heroTitle}

{SCI_COPY.heroBody}
DOB onDobChange && onDobChange(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter" && onEnterDob) onEnterDob(); }} placeholder="Your Birthday · MM / DD / YYYY" style={{ border: "none", background: "none", outline: "none", flex: 1, fontFamily: SCI.mono, fontSize: 14, color: SCI.ink, }} />
{SCI_COPY.heroPrimaryCta} {SCI_IS_SENSEI ? ( {SCI_COPY.heroSecondaryCta} ) : null}
— FREE PREVIEW — NO SIGNUP — {SCI_IS_AMARA ? "$129" : "$49"} ONCE · YOURS FOREVER
{SCI_COPY.disclaimer}
{/* Right: live data panel */}
{/* Top strip */}
Live: sample subject · J.D. · ♀ · 1994
{[ { key: "bigfive", label: "Big Five" }, { key: "mbti", label: "MBTI" }, { key: "enneagram", label: "Enneagram" }, ].map((t) => ( ))}
{/* Main viz — tab-switched */}
{sampleTab === "enneagram" && (
Enneagram profile
Type 8.
8w7 · Sp/Sx · Triad: Gut
Big Five · percentile
MBTI cognitive stack
)} {sampleTab === "bigfive" && (
Big Five (OCEAN) · percentile scores
High O · High C
{[ { trait: "Openness", pct: 88, note: "Highly creative, curious, intellectually driven" }, { trait: "Conscientiousness", pct: 72, note: "Organized and goal-directed" }, { trait: "Extraversion", pct: 41, note: "Moderate — selective social energy" }, { trait: "Agreeableness", pct: 63, note: "Warm but direct" }, { trait: "Neuroticism", pct: 22, note: "Emotionally stable under pressure" }, ].map((r) => (
{r.trait} · {r.pct}th pct {r.note}
))}
)} {sampleTab === "mbti" && (
MBTI cognitive stack
INTJ.
Ni · Te · Fi · Se · The Architect
{[ { fn: "Ni", label: "Introverted Intuition", role: "Dominant", note: "Long-range pattern recognition; sees the inevitable outcome." }, { fn: "Te", label: "Extraverted Thinking", role: "Auxiliary", note: "Externalizes structure; builds efficient, logical systems." }, { fn: "Fi", label: "Introverted Feeling", role: "Tertiary", note: "Deep personal values; quiet moral compass." }, { fn: "Se", label: "Extraverted Sensing", role: "Inferior", note: "Present-moment data; often underdeveloped." }, ].map((r) => (
{r.fn} · {r.role} {r.label} {r.note}
))}
)}
{/* Bottom metric strip — animated on mount */}
); } // —— SECTION: Credibility strip ————————————— function SciLogoStrip() { const logos = [ { n: "WIRED", f: SCI.display, s: 22 }, { n: "The Atlantic", f: SCI.display, s: 20, italic: true }, { n: "NYT", f: SCI.display, s: 26, bold: true }, { n: "Nautilus", f: SCI.body, s: 20 }, { n: "VOX", f: SCI.body, s: 24, bold: true }, { n: "Scientific American", f: SCI.display, s: 16 }, ]; const loop = [...logos, ...logos]; return (
As featured in —
{loop.map((l, i) => ( {l.n} ))}
); } function SciInstantDownloads({ onInstantDownload }) { const products = [ { title: "Daily Archetype Forecast", format: "PDF + Mobile Cards", desc: "A ready-to-use daily guidance deck with no onboarding required — guidance for every day.", price: "$19", }, { title: "30-Day Ritual Calendar", format: "Print + Wallpaper", desc: "A done-for-you monthly rhythm system for focus, recovery, and momentum.", price: "$24", }, { title: "Relationship Energy", format: "Quick Reference PDF", desc: "Fast read on attachment patterns, conflict rhythm, and repair language.", price: "$17", }, ]; return (
§ 02 · Instant Downloads

Download now. Use today.

{products.map((product, index) => (
{product.format}
{product.title}
{product.desc}
{product.price} Buy now
))}
Guidance Not Medical: all products are reflective tools and educational material.
); } // —— SECTION: Methodology (3 steps) ————————— function SciMethod() { const steps = [ { n: "01", title: "Tell Us About You", kicker: "Your birthday, your name, your place", body: "Your birth date, time, and city. Then a short personality read — the same kind psychologists use, not a quiz. Takes about twenty minutes.", meta: [ ["Questions", "120"], ["Time", "~20 min"], ["Accuracy", "IRT-scaled"], ], }, { n: "02", title: (SCI_IS_AMARA ? "The Atlas" : "Twelve Ways In"), kicker: "The ancient and the modern", body: "Each of the eight traditions reads you on its own. Then we find where they all say the same thing. That's where it gets interesting.", meta: [ ["Systems", "10"], ["Cross-checks", "48"], ["Agreement score", "0–1.0"], ], }, { n: "03", title: "You Get Your Chart", kicker: "Written for you, not about you", body: "Not bullet points. Not a horoscope. A long read — your personality, your career, your energy, your edges — written like a letter from someone who knows you.", meta: [ ["Sections", "12"], ["Length", "~8,000 words"], ["Audio", "38 min"], ], }, ]; return (
§ 02 · Method

How it{" "} works.

No single system tells the whole story. Astrology knows your sky. Psychology knows your patterns. Together, they get close — and where they agree on you is where it gets interesting.
{steps.map((s, i) => (
{s.n}
{s.kicker}
{s.title}
{s.body}
{s.meta.map(([k, v], j) => (
{k} {v}
))}
))}
); } // —— SECTION: Instruments grid —————————————— function InstrumentIcon({ kind }) { const s = { width: "100%", aspectRatio: "1/1" }; /* ── BIG FIVE — bars breathe independently, each a different rhythm ── */ if (kind === "bigfive") { const widths = [0.88, 0.72, 0.41, 0.63, 0.22]; const durations = [2.1, 2.7, 3.3, 2.4, 3.8]; const delays = [0, 0.6, 1.3, 0.3, 1.8]; return ( {[0, 1, 2, 3, 4].map((i) => ( ))} ); } /* ── MBTI — 4 columns fill up from the bottom in a rolling wave ── */ if (kind === "mbti") { const letters = ["I", "N", "T", "J"]; const heights = [38, 28, 34, 20]; return ( {letters.map((c, i) => { const x = 6 + i * 13; const h = heights[i]; return ( {c} ); })} ); } /* ── ENNEAGRAM — 9 points ping clockwise in sequence ── */ if (kind === "ennea") { const pts = Array.from({ length: 9 }, (_, i) => { const a = -Math.PI / 2 + (i * 2 * Math.PI) / 9; return { x: 30 + Math.cos(a) * 21, y: 30 + Math.sin(a) * 21, a }; }); /* inner enneagram lines: triangle 0-3-6 and hexagon 1-2-4-5-7-8 */ const tri = [0, 3, 6].map(i => pts[i]); const hex = [1, 2, 4, 5, 7, 8].map(i => pts[i]); return ( `${p.x},${p.y}`).join(" ")} fill="none" stroke={SCI.ink2} strokeWidth="0.6" /> `${p.x},${p.y}`).join(" ")} fill="none" stroke={SCI.ink2} strokeWidth="0.6" /> {pts.map((p, i) => ( ))} ); } /* ── HUMAN DESIGN — energy pulses down through the body-graph channels ── */ if (kind === "hd") { const nodes = [[30,10],[30,28],[30,46],[14,28],[46,28]]; const lines = [ [0,1],[1,2],[1,3],[1,4], ]; return ( {lines.map(([a, b], i) => ( ))} {nodes.map(([cx, cy], i) => ( ))} ); } /* ── WESTERN ASTROLOGY — three planets orbit at different speeds ── */ if (kind === "astro") { const planets = [ { r: 21, speed: "20s", size: 2.2, color: SCI.orange, phase: 0 }, { r: 15, speed: "13s", size: 1.6, color: SCI.ink, phase: 2.1 }, { r: 9, speed: "7s", size: 1.2, color: SCI.ink2, phase: 4.4 }, ]; return ( {/* Zodiac wheel: outer ring with 12 tick marks */} {Array.from({ length: 12 }, (_, i) => { const a = (i * Math.PI) / 6; return ( ); })} {/* Orbital rings */} {planets.map((p, i) => ( ))} {/* Orbiting planet dots */} {planets.map((p, i) => ( ))} ); } /* ── NUMEROLOGY — satellite master numbers appear in sequence like a sum ── */ if (kind === "num") { const satellites = [ { x: 10, y: 18, n: "3", delay: 0 }, { x: 48, y: 18, n: "11", delay: 1.4 }, { x: 10, y: 52, n: "22", delay: 2.8 }, { x: 48, y: 52, n: "7", delay: 4.2 }, ]; return ( 7 {satellites.map((sat, i) => ( {sat.n} ))} {/* connecting lines */} {[[10,18],[48,18],[10,50],[48,50]].map(([x,y], i) => ( ))} ); } /* ── ASTROCARTOGRAPHY — meridian line draws itself over the map ── */ if (kind === "carto") { return ( {/* latitude curves */} {[22, 30, 38].map((cy, i) => ( ))} {/* ghost meridian */} {/* animated orange meridian draws itself */} {/* location pin pulsing */} ); } /* ── I CHING — lines flip between broken and solid like coin tosses ── */ if (kind === "iching") { /* two hexagrams: original + transformed */ const brokenA = [true, false, true, false, false, true]; const brokenB = [false, true, false, true, true, false]; return ( {[0, 1, 2, 3, 4, 5].map((i) => { const y = 9 + i * 7; const delay = i * 0.45; return ( {/* state A */} {brokenA[i] ? ( <> ) : ( )} {/* state B (inverted opacity) */} {brokenB[i] ? ( <> ) : ( )} ); })} ); } /* ── GENE KEYS — 8 squares orbit; the light travels between them ── */ if (kind === "genes") { return ( {Array.from({ length: 8 }, (_, i) => { const cx = 30 + Math.cos((i * Math.PI) / 4) * 14 - 4; const cy = 30 + Math.sin((i * Math.PI) / 4) * 14 - 4; return ( ); })} ); } /* ── CHINESE ASTROLOGY — yin-yang spins; dots pulse opposite-phase ── */ if (kind === "chinese") { return ( ); } /* ── LIFE PATH — number beats like a heart; wave path undulates ── */ if (kind === "lifepath") { return ( 3 ); } /* ── VEDIC ASTROLOGY — outer square rotates, inner counter-rotates, center breathes ── */ if (kind === "vedic") { return ( {/* outer square rotates */} {/* inner square counter-rotates */} {/* center dot breathes */} ); } // ── Amara-only icons (added for the 7 traditions the original 12 didn't cover) ── if (kind === "egpt") { return ( {/* Egyptian decans — horizontal stripes with one accent (the "ascendant face") */} {[14, 22, 30, 38, 46].map((y, i) => ( ))} ); } if (kind === "ifa") { return ( {/* Yoruba Ifá — 8 cowrie shells in 2 rows of 4 */} {Array.from({ length: 8 }).map((_, i) => { const x = 12 + (i % 4) * 12; const y = 18 + Math.floor(i / 4) * 16; const open = [1, 3, 4, 6].includes(i); return ( ); })} ); } if (kind === "maya") { return ( {/* Mayan Tzolkin — bar/dot numerals */} {[0, 1, 2].map(i => ( ))} ); } if (kind === "tibet") { return ( {/* Tibetan elemental — five concentric rings (earth, water, fire, wind, space) */} {[ { y: 50, r: 18, c: SCI.ink }, { y: 42, r: 14, c: SCI.ink }, { y: 34, r: 11, c: SCI.orange }, { y: 26, r: 8, c: SCI.ink }, { y: 18, r: 5, c: SCI.ink }, ].map((e, i) => ( ))} ); } if (kind === "norse") { return ( {/* Norse runes — three Elder Futhark glyphs in a 3-rune cast */} {/* Fehu */} {/* Ansuz (centre — accent) */} {/* Laguz */} ); } if (kind === "celt") { return ( {/* Celtic ogham — vertical staff with ticks */} {[14, 20, 26, 32, 38, 44].map((y, i) => { const left = i % 2 === 0; return ( ); })} ); } if (kind === "wheel") { return ( {/* Native medicine wheel — four-quadrant circle */} {/* East quadrant gets the accent (Amara: where you face) */} ); } return null; } function SciInstruments() { const [filter, setFilter] = React.useState("all"); const [revealed, setRevealed] = React.useState(false); const gridRef = React.useRef(null); React.useEffect(() => { if (!gridRef.current) return; const obs = new IntersectionObserver( ([e]) => { if (e.isIntersecting) { setRevealed(true); obs.disconnect(); } }, { threshold: 0.1 } ); obs.observe(gridRef.current); return () => obs.disconnect(); }, []); const FILTERS = [ { label: (SCI_IS_AMARA ? "All 8" : "All 12"), value: "all" }, { label: "Psychometric", value: "Psychometric" }, { label: "Typological", value: "Typological" }, { label: "Synthetic", value: "Synthetic" }, { label: "Archetypal", value: "Archetypal" }, ]; const items = SCI_IS_AMARA ? [ { n: "Modern psychology", k: "bigfive", cat: "Empirical", note: "Big Five · MBTI · Enneagram", learn: "The traits at the 90th percentile, and what they cost you", status: "3 readings" }, { n: "Western astrology", k: "astro", cat: "Archetypal", note: "Natal · houses · transits", learn: "What your rising says about how strangers read you", status: "5 readings" }, { n: "Vedic Jyotish", k: "vedic", cat: "Archetypal", note: "Dasha · nakshatra · D-charts", learn: "The karmic line and the gift on its other side", status: "5 readings" }, { n: "Chinese systems", k: "chinese", cat: "Calendrical", note: "Four pillars · zodiac · I Ching", learn: "How you operate in groups and under pressure", status: "4 readings" }, { n: "Mayan Tzolkin", k: "maya", cat: "Calendrical", note: "Day-sign · galactic tone", learn: "The 260-day rhythm your life keeps falling into", status: "3 readings" }, { n: "Tibetan elemental", k: "tibet", cat: "Esoteric", note: "Element · animal · life-force", learn: "Where wind, fire, water, or earth doubles in you", status: "3 readings" }, { n: "Celtic tree", k: "celt", cat: "Lunar", note: "Ogham · lunar tree calendar", learn: "The tree of your birth-moon and what it shelters", status: "3 readings" }, { n: "Norse runes", k: "norse", cat: "Oracular", note: "Elder Futhark · 3-rune cast", learn: "The cast that keeps coming up for the question you carry", status: "3 readings" }, { n: "Egyptian decans", k: "egpt", cat: "Calendrical", note: "36 decans · ascendant face", learn: "The face that rules the ten degrees of your rising", status: "2 readings" }, { n: "Yoruba Ifá", k: "ifa", cat: "Oral", note: "Odu · 256 paths", learn: "The Odu that names your road and its proverb", status: "3 readings" }, { n: "Native medicine wheel", k: "wheel", cat: "Oral", note: "Direction · element · animal", learn: "The direction you face and the totem that walks it", status: "2 readings" }, { n: "Kabbalah", k: "kabb", cat: "Esoteric", note: "Tree of life · sephirot", learn: "The sephira your year is teaching you to receive", status: "1 reading" }, { n: "European folk", k: "folk", cat: "Oracular", note: "Hex · birth-flower · saint", learn: "The folk-saint and flower of the day you arrived", status: "1 reading" }, ] : [ { n: "Big Five (OCEAN)", k: "bigfive", cat: "Psychometric", note: "who you become under pressure", learn: "The 2 traits you're in the 90th percentile on — and what they cost you", status: "Primary", }, { n: "MBTI / 16-Type", k: "mbti", cat: "Typological", note: "how your mind moves", learn: "Why certain kinds of work drain you and others don't", status: "Primary", }, { n: "Enneagram", k: "ennea", cat: "Typological", note: "the fear that shapes you", learn: "The pattern you repeat in every relationship", status: "Primary", }, { n: "Life Path", k: "lifepath", cat: "Archetypal", note: "the number you walk", learn: "The tension between what you're built for and what you keep choosing", status: "Primary", }, { n: "Human Design", k: "hd", cat: "Synthetic", note: "the energy you're meant to run", learn: "Whether you're built to initiate — or wait and respond", status: "Included", }, { n: "Numerology", k: "num", cat: "Archetypal", note: "the patterns in your name and date", learn: "The number that keeps showing up in how your life moves", status: "Included", }, { n: "Western Astrology", k: "astro", cat: "Archetypal", note: "the sky you were born under", learn: "What your rising says about how strangers read you", status: "Included", }, { n: "Vedic Astrology", k: "vedic", cat: "Archetypal", note: "the karma you carried in", learn: "The wound that keeps opening, and the gift on the other side of it", status: "Included", }, { n: "Astrocartography", k: "carto", cat: "Archetypal", note: "where on earth you bloom", learn: "The city or region where your energy actually works with you", status: "Included", }, { n: "Gene Keys", k: "genes", cat: "Archetypal", note: "the gift hiding in your shadow", learn: "What you keep calling a flaw that is actually your edge", status: "Included", }, { n: "I Ching", k: "iching", cat: "Archetypal", note: "an old answer for a new question", learn: "The hexagram that describes where you are right now", status: "Included", }, { n: "Chinese Astrology", k: "chinese", cat: "Archetypal", note: "the animal year that still moves you", learn: "Why you operate the way you do in groups and under pressure", status: "Included", }, ]; return (
§ 04 · {SCI_IS_AMARA ? "The Atlas" : "Twelve Ways In"}

8 traditions, ~38 readings. One answer.

Each of these reads you on its own. The report only highlights what 7+ of them agree on. That's your signal. Everything else is noise.

{FILTERS.map((f) => ( ))}
{items.map((it, i) => { const visible = filter === "all" || it.cat === filter; return (
№ {String(i + 1).padStart(2, "0")} {it.status}
{it.n}
{it.cat}
{it.note}
{it.learn && (
{it.learn}
)}
); })}
); } // —— SECTION: Sample report / convergence —————— function SciSample({ onReadSample }) { return (
§ 02 · Sample output

A peek at what's
waiting for you.

When eight different traditions look at the same person and point to the same things — that's not coincidence. That's you.
{/* LEFT — convergence matrix */}
Convergence matrix · sample subject Agreement scale 0.0 – 1.0
Legend: {[0.2, 0.45, 0.7, 0.9].map((v) => ( {v.toFixed(1)} ))}
{/* RIGHT — excerpt card */}
Excerpt · §7 · Work & vocation 7 of 12 readings agree
A builder who resents being managed.
Your Big Five profile (high Openness, low Agreeableness) and Enneagram 8 both describe someone who trusts their own calibration over hierarchy. MBTI Ni-Te confirms it: you orient by internal model, not instruction.{" "} Three archetypal readings independently flag leadership lines — a convergence our engine rates 0.91 .
The pattern holds across time. Your astrology chart places Saturn in the 10th house — the house of authority and public life. Your Gene Key 63 shadow is doubt, its gift is inquiry. Together they describe someone who questions the structure before they'll build inside it. That's not resistance. That's discernment. The chart sees the difference.
Trend · this trait over last 3 reports
Read full report
); } function ConvergenceMatrix() { const axes = [ "Big 5", "MBTI", "Enn", "HD", "Astro", "Num", "Carto", "IChing", "Genes", "Chin", ]; // deterministic-ish sample values const cells = axes.map((_, i) => axes.map((_, j) => { if (i === j) return 1; const seed = ((i * 7 + j * 3) % 10) / 10; return Math.min(0.95, 0.22 + seed * 0.75); }), ); return (
{/* header row */}
{axes.map((a, i) => (
{a}
))}
{cells.map((row, i) => (
{axes[i]}
{row.map((v, j) => (
0.55 || i === j ? SCI.paper : SCI.ink2, animation: i === j ? "none" : `sci-pulse 2.8s ease-in-out ${((i + j) % 7) * 90}ms infinite`, }} > {i === j ? "—" : v.toFixed(2).replace("0.", ".")}
))}
))}
); } // —— SECTION: Pricing —————————————————————— function SciPricing({ onSelectTier }) { const tiers = SCI_IS_AMARA ? [ { t: "The Daily Sign", jp: null, key: "daily_sign", p: "$19", per: "per month", kicker: "Morning reading", body: "A daily horoscope, tarot card, and rune pull — three readings delivered to your inbox every morning. Rotates through traditions. Pause anytime, cancel in a click.", features: [ "Daily horoscope · personalized", "Daily tarot card draw", "Daily rune pull", "Sent at 06:30 local", "Cancel anytime", ], cta: "Begin Daily Sign", dark: false, }, { t: "Love & Union", jp: null, key: "love_union", p: "$39", per: "once", kicker: "Relationship reading", body: "Two charts, one reading. Synastry, composite chart, love languages, compatibility score, and relationship timing — for you and someone you care about.", features: [ "Synastry chart · two people", "Composite midpoint chart", "Love language analysis", "Compatibility score", "Relationship timing forecast", "PDF + audio", ], cta: "Begin Love & Union", dark: false, }, { t: "The Atlas", jp: null, key: "atlas", p: "$79", per: "once · keep forever", kicker: "Full birth reading", body: "Eight traditions read against your specific life: Western astrology, Vedic Jyotish, Chinese Ba Zi, Numerology, Astrocartography, Human Design, Tarot birth cards, and the Mayan Tzolk'in. A convergence atlas where the traditions agree.", features: [ "8 traditions · ~38 readings", "Convergence matrix · 8 × 8", "8 chapters · ~8,000 words", "Audio · 38 minutes · my voice", "Lifetime PDF + free updates", "Chat with your atlas", ], cta: "Begin Atlas", dark: true, recommended: true, }, { t: "The Whole World", jp: null, key: "whole_world", p: "$129", per: "once · lifetime access", kicker: "Everything bundle", body: "The Atlas + Love & Union + Wellness + Career + Year of personalized horoscopes. Every reading we offer, against your life, in one purchase.", features: [ "Everything in The Atlas", "Love & Union · 2-person reading", "Wellness score + moon calendar", "Career + vocational analysis", "Year of daily horoscopes", "Lifetime access · all future updates", ], cta: "Get Whole World", dark: false, }, ] : [ { t: SCI_IS_SENSEI ? "Shoden" : "Starter Reading", jp: SCI_IS_SENSEI ? "初伝" : null, key: "Glimpse", p: "$0", per: "forever", kicker: SCI_IS_SENSEI ? "Free preview · First transmission" : "Your starter read", body: SCI_IS_SENSEI ? "Big Five and MBTI. The first door. Enough to know this is real. No time limit." : "Big Five and MBTI. Enough to feel this is real. No time limit.", features: [ "Big Five Summary", "MBTI Type", "Share Link", ], cta: SCI_IS_SENSEI ? "Enter Shoden" : "Start Free", dark: false, }, { t: SCI_IS_SENSEI ? "Chuden" : "Full Reading", jp: SCI_IS_SENSEI ? "中伝" : null, key: "Becoming", p: "$49", per: SCI_IS_SENSEI ? "傳承 — once, lifetime" : "once", kicker: SCI_IS_SENSEI ? "The 8,000-word blueprint · Middle transmission" : "The full chart", body: SCI_IS_SENSEI ? "All twelve readings. 8,000-word personalized report. 38-min narrated audio. Pay once, keep forever. No subscription — this is the whole transmission." : "All twelve readings. 8,000-word report. 38-min narrated audio. Pay once, keep it forever. No subscription, no upsell — this is the whole thing.", features: [ SCI_IS_AMARA ? "All 8 traditions · ~38 readings" : "All 12 Readings", "Long-form Report", "Audio (38 Min)", "Export PDF", SCI_IS_SENSEI ? "Relationship Add-on (En)" : "Relationship Read Add-on", "Chat With Your Chart", ], cta: SCI_IS_SENSEI ? "Receive Chuden" : "Get Full Reading", dark: true, recommended: true, }, ]; return (
§ 05 · Pricing

Choose your chapter.

Prices in USD · tax at checkout
{tiers.map((t, i) => (
{t.recommended && (
Most chosen
)}
Tier {String(i + 1).padStart(2, "0")} {t.kicker}
{t.jp ? ( {t.t} {t.jp} ) : t.t}
{t.p} / {t.per}
{t.body}
{t.features.map((f, j) => (
{String(j + 1).padStart(2, "0")} {f}
))}
onSelectTier && onSelectTier(t.key)} style={ t.dark ? { background: SCI.paper, color: SCI.ink, border: `1px solid ${SCI.paper}`, } : {} } > {t.cta}
))}
); } // —— SECTION: Testimonials / stats ————————— function SciTestimonials() { return (
{/* Left: stats */}
§ 06 · Adoption
{[ { k: "Charts read", v: "184,212", s: "since Q2·2024" }, { k: "Full charts issued", v: "92,408", s: "blueprint tier" }, { k: "Average length", v: "8,214w", s: "per chart" }, { k: "Still here · 90d", v: "71%", s: "inner circle" }, ].map((m, i) => (
{m.k}
{m.v}
{m.s}
))}
Weekly charts · 2026
{/* Right: editorial pullquote */}
Subject № 41,208
{'\u201c'}It's the first time a reading told me something I didn't already know{" "} and{" "} that turned out to be true.{'\u201d'}
MW
M. WALCOTT
researcher · BERLIN · BLUEPRINT TIER
{[ ['\u201cBetter than three years of therapy, honestly.\u201d', "— R.K."], ['\u201cI\u2019ve never seen myself this clearly on a page.\u201d', "— A.M."], ].map(([q, a], i) => (
{q}
{a}
))}
); } // —— SECTION: FAQ (editorial) ———————————————— function SciFAQ() { const qs = [ [ "Is this astrology or psychology?", "Both, honestly. The psychology (Big Five, MBTI, Enneagram) carries actual statistical weight. The astrology is real too — just a different kind of real. We show you where they agree on you. That's the whole point.", ], [ "Does my birth time really matter?", "For two of the ten readings — your Rising sign and your Human Design type — birth time shifts the result significantly. Down to the minute matters. If you don't have it, we'll tell you exactly what's affected and what isn't. You won't be left with gaps, just honest context.", ], [ "How long does it take?", "About twenty minutes to enter your details and answer the questions. The chart itself generates in under two minutes. Most people say they lose an hour reading it.", ], [ "Is this a subscription?", "No. Full Reading is a one-time purchase of $49. You pay once, you keep it forever. No recurring charges, no hidden fees, no cancellation needed.", ], [ "Is my data private?", "Yes. Your birth data and answers are never sold, never shared, and deleted the moment you ask. One button, under Settings.", ], ]; const [openIndex, setOpenIndex] = React.useState(0); return (
§ 07 · Frequently asked

What people ask before they begin.

{qs.map(([q, a], i) => { const open = openIndex === i; return ( ); })}
); } // —— SECTION: CTA + Footer ———————————————— function SciCTA({ onBegin, dobValue = "", onDobChange, onEnterDob }) { return (
→ Begin

Twenty minutes.
{SCI_IS_SENSEI ? "Or skip to instant downloads." : "A lifetime of reference."}

DOB onDobChange && onDobChange(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter" && onEnterDob) onEnterDob(); }} placeholder="Your Birthday · MM / DD / YYYY" style={{ flex: 1, background: "none", border: "none", outline: "none", color: SCI.paper, fontFamily: SCI.mono, fontSize: 14, }} />
{SCI_IS_SENSEI ? "Get Full Personal Reading" : "Begin"}
FREE PREVIEW · NO SIGNUP · {SCI_IS_AMARA ? "$129" : "$49"} ONCE FOR THE FULL REPORT
); } function SciFooter({ onNavigatePage, onNavigateSection }) { const cols = SCI_IS_SENSEI ? [ { h: "Product", items: [ { label: SCI_COPY.navMethod, sectionId: "section-methodology" }, { label: SCI_COPY.navInstruments, sectionId: "section-instruments" }, { label: SCI_COPY.navSample, route: "/scrolls" }, { label: SCI_COPY.navPricing, sectionId: "section-pricing" }, { label: "Research", route: "/research" }, ], }, { h: "Company", items: [ { label: "About", route: "/about" }, { label: "Contact", route: "/contact" }, ], }, { h: "Legal", items: [ { label: "Privacy", route: "/privacy" }, { label: "Terms", route: "/terms" }, { label: "Data deletion", route: "/data-deletion" }, ], }, ] : [ { h: "Product", items: [ { label: SCI_COPY.navMethod, sectionId: "section-methodology" }, { label: SCI_COPY.navInstruments, sectionId: "section-instruments" }, { label: SCI_COPY.navSample, sectionId: "section-sample" }, { label: SCI_COPY.navPricing, sectionId: "section-pricing" }, { label: "Research", route: "/research" }, ], }, { h: "Company", items: [ { label: "About", route: "/about" }, { label: "Press", route: "/press" }, { label: "Careers", route: "/careers" }, { label: "Contact", route: "/contact" }, ], }, { h: "Legal", items: [ { label: "Privacy", route: "/privacy" }, { label: "Terms", route: "/terms" }, { label: "Data deletion", route: "/data-deletion" }, { label: "Cookies", route: "/cookies" }, ], }, { h: "Follow", items: [ { label: "Newsletter", route: "/newsletter" }, { label: "Substack", route: "/substack" }, { label: "RSS", route: "/rss" }, ], }, ]; return (
{SCI_COPY.brandName}. {SCI_IS_AMARA ? "" : "魂"}
{SCI_IS_AMARA ? "" : "魂 · "}{SCI_COPY.footerTagline} · 2026
Twelve ways of reading a soul. Ancient, modern, and everything in between — treated with the statistical weight each of them actually earns.
{cols.map((c, i) => (
{c.h}
{c.items.map((it, j) => ( ))}
))}
© 2026 {SCI_COPY.brandName}{SCI_IS_AMARA ? " · ALL RIGHTS RESERVED" : " 魂 · ALL RIGHTS RESERVED"} {SCI_COPY.footerTagline} {SCI_IS_AMARA ? "FIG. END" : "魂 / END"}
); } // ——— Composite desktop page ———————————————— function HomeScienceHiFiDesktop({ onBegin, onInstantDownload, onSignIn, onSignUp, onNavigateSection, onNavigatePage, activeSection, dobValue, onDobChange, onEnterDob, onReadSample, onSelectTier, user, }) { return (
{SCI_IS_AMARA && (
One soul · A thousand traditions · Your universal truth 8 traditions · ~38 readings · $79 once · yours forever Free preview · No signup · Read it before you pay Hand-synthesized by Amara · Delivered in 7 days One soul · A thousand traditions · Your universal truth 8 traditions · ~38 readings · $79 once · yours forever Free preview · No signup · Read it before you pay Hand-synthesized by Amara · Delivered in 7 days
)} {SCI_IS_SENSEI ? : null}
); } // ——— Mobile version ———————————————— function HomeScienceHiFiMobile({ onBegin, onInstantDownload, onSignIn, onSignUp, dobValue = "", onDobChange, onEnterDob, onNavigatePage, user, }) { const faq = [ [ "Is this science or divination?", "Both, honestly. The psychology (Big Five, MBTI, Enneagram) has real statistical weight. The astrology is real too — just a different kind of real. We show you where they agree on you.", ], [ "What does the assessment cover?", "Big Five, MBTI, Enneagram, and birth-data-driven archetypal systems, combined into one convergence report.", ], [ "Can I delete my data?", "Yes. Data deletion remains available and is handled from account settings and support workflows.", ], ]; const [openFaq, setOpenFaq] = React.useState(0); return (
{/* nav */}
{SCI_IS_AMARA ? "" : "魂"}
{SCI_COPY.brandName}
{!user && ( )} {user ? "Full Reading" : "Start Free"}
{/* meta */}
FIG. 01 N = 184,212
{/* hero */}
{SCI_COPY.heroKicker}

{SCI_COPY.heroTitle}

{SCI_COPY.heroBody}
DOB onDobChange && onDobChange(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter" && onEnterDob) onEnterDob(); }} placeholder="MM / DD / YYYY" style={{ border: "none", background: "none", outline: "none", flex: 1, fontFamily: SCI.mono, fontSize: 13, color: SCI.ink, }} />
{SCI_COPY.heroPrimaryCta} {SCI_IS_SENSEI ? ( {SCI_COPY.heroSecondaryCta} ) : null}
{SCI_IS_SENSEI ? (
§ 02 · Instant Downloads
{[ "Daily Archetype Forecast · PDF + cards · $19", "30-Day Ritual Calendar · print + wallpaper · $24", "Relationship Energy · quick reference · $17", ].map((line) => (
{line}
))}
Instant Download
) : null} {/* live viz */}
Live sample · J.D. Enneagram
Type 8.
Big Five
{/* logo strip */}
As featured in —
WIRED The Atlantic NYT Nautilus
{/* method */}
§ 02 · Method

How it works.

{["Tell Us About You", (SCI_IS_AMARA ? "The Atlas" : "Twelve Ways In"), "You Get Your Chart"].map((t, i) => (
0{i + 1} {["~20 min", "12 readings", "yours forever"][i]}
{t}
))}
{/* instruments */}
§ 03 · Instruments

Ten.

{[ ["Big Five", "bigfive"], ["MBTI", "mbti"], ["Enneagram", "ennea"], ["Human Design", "hd"], ["Astrology", "astro"], ["Numerology", "num"], ["Astrocarto.", "carto"], ["I Ching", "iching"], ["Gene Keys", "genes"], ["Chinese", "chinese"], ].map(([n, k], i) => (
{n}
))}
{/* sample quote */}
§ 04 · Sample
A builder who resents being managed.
Big Five (high O, low A) + Enneagram 8 + MBTI Ni-Te all describe the same person. Convergence: 0.91.
{/* pricing */}
§ 05 · Pricing

Choose your chapter.

{[ { t: "Starter Reading", p: "$0", per: "forever" }, { t: "Full Reading", p: "$49", per: "once", dark: true, badge: "Most Chosen" }, ].map((t, i) => (
{t.badge && (
{t.badge}
)}
{t.t}
{t.p} / {t.per}
))}
{/* testimonial */}
Subject № 41,208
{'\u201c'}The first reading that told me something I didn't know{" "} and{" "} that turned out to be true.{'\u201d'}
— M. WALCOTT · BERLIN
{/* mobile FAQ accordion */}
§ 06 · FAQ
{faq.map(([q, a], i) => { const open = openFaq === i; return ( ); })}
{/* CTA */}

Twenty minutes.{" "} A lifetime of reference.

Begin assessment
{/* footer */}
© 2026 {SCI_COPY.brandName}
); } // —— Shared input field primitive used by extras ———————— function FieldDesktop({ label, value, mono, placeholder }) { return (
{label}
{value || placeholder || "—"}
); } Object.assign(window, { SCI, SCI_COPY, SCI_COPY_V2, SCI_THEME_V2, SCI_IS_SENSEI, MonoLabel, Pill, SciBtn, Rule, BigFiveBars, EnneaRadar, MBTIStack, Sparkline, HeatStrip, FieldDesktop, SciNav, SciFooter, SciHero, SciThemeToggle, HomeScienceHiFiDesktop, HomeScienceHiFiMobile, });