/* A concise bridge from the landing page to the interactive Life Score. */
.hc-flow{max-width:none;padding-top:130px;padding-bottom:72px}
.hc-flow .section-top{margin-bottom:20px}.hc-flow .hc-detail-hero{grid-template-columns:minmax(0,1fr) 210px;gap:8%;max-width:1080px;margin:auto}.hc-flow .hc-detail-intro{max-width:760px}.hc-flow .hc-detail-intro h1{margin-top:27px}.hc-flow .hc-detail-original{width:190px}.hc-flow .hc-detail-intro>p{max-width:620px}
.hc-flow .hc-wealth{margin:48px auto 0;padding-top:30px;max-width:1160px}.hc-flow .hc-wealth-label,.hc-flow .hc-dynamics-label{color:#a7b8c7;font-size:9px;letter-spacing:1.5px}.hc-flow .hc-wealth>h3,.hc-flow .hc-pairs-title{font-size:25px;line-height:1.35;font-weight:600;letter-spacing:-.7px}.hc-flow .hc-wealth-grid{gap:18px;margin-top:26px}.hc-flow .hc-wealth-grid article{padding:22px 24px 24px;border:1px solid #52617088;border-top:3px solid #76afea;border-radius:17px;background:linear-gradient(120deg,#25272e,#1d222b)}.hc-flow .hc-wealth-grid article.inner{border-top-color:#ffd520}.hc-flow .hc-wealth-grid article>span{font-size:9px;line-height:1.6;letter-spacing:1.3px}.hc-flow .hc-wealth-grid h4{font-size:19px;line-height:1.5;margin:12px 0 10px}.hc-flow .hc-wealth-grid p{font-size:14px;line-height:1.7;color:#c8d0d4}
.hc-flow .hc-principle{max-width:900px;margin:26px auto 0;padding:18px 0 0;border:0}.hc-flow .hc-principle>p{font-size:19px;line-height:1.5;letter-spacing:-.3px;color:#f1f0e9;margin:0 0 8px}.hc-flow .hc-principle>small{display:block;font-size:14px;line-height:1.7;color:#c8d0d4;max-width:720px;margin:auto}
.hc-flow .hc-pairs-heading{max-width:1160px;margin:44px auto 0;padding-top:30px;border-top:1px solid #52617088}.hc-flow .hc-pairs-title{margin-bottom:14px}.hc-flow>.hc-wheel-hint{font-size:13px;line-height:1.7;color:#c8d0d4;max-width:680px;margin:0 auto 24px}.hc-flow .hc-explorer{max-width:1160px;margin:0 auto;gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hc-flow .hc-wheel-wrap{max-width:500px;padding:20px 14px;border:1px solid #52617088;border-radius:28px;background:radial-gradient(ellipse at 50% 50%,#18375655,transparent 65%),linear-gradient(145deg,#25272e,#1d222b);box-shadow:0 28px 70px #0004}.hc-flow .hc-explorer .hc-interactions{min-height:260px;padding:25px 27px;border:1px solid #52617088;border-left:3px solid #ffd520;border-radius:17px;background:linear-gradient(120deg,#25272e,#1d222b)}.hc-flow .hc-interaction>div>span{font-size:9px;line-height:1.7;letter-spacing:1px}.hc-flow .hc-explorer .hc-interaction p{font-size:14px;line-height:1.7;color:#c8d0d4}.hc-flow .hc-sector path{transition:fill-opacity .2s,stroke .2s}.hc-flow .hc-sector:focus-visible path{stroke:#e4c58e;stroke-width:4}
.hc-flow .hc-detail-action{max-width:1160px;margin:46px auto 0;padding:30px 28px;text-align:center;border:1px solid #52617088;border-radius:22px;background:radial-gradient(ellipse at 50% 100%,#18375655,transparent 70%),#ffffff03;display:block}.hc-flow .hc-detail-action .eyebrow{font-size:9px;color:#a7b8c7;letter-spacing:1.5px;margin:0 0 14px;max-width:none}.hc-flow .hc-detail-action h3{font-size:24px;line-height:1.25;letter-spacing:-.7px;color:#f1f0e9;margin:0 0 15px}.hc-flow .hc-detail-action .hc-next-copy{font-size:14px;line-height:1.7;color:#c8d0d4;max-width:730px;margin:0 auto 22px}.hc-flow .hc-detail-action .hc-button{border-radius:12px;background:#ffd520;border-color:#ffd520;color:#22282f;font-size:13px;min-height:48px;padding:13px 22px;gap:26px;margin:0;transition:transform .2s,box-shadow .2s}.hc-flow .hc-detail-action .hc-button:hover{transform:translateY(-2px);box-shadow:0 6px 22px #0004}.hc-flow .hc-detail-action .hc-next-note{font-size:12px;line-height:1.6;color:#a7b8c7;margin:15px auto 0;max-width:none}
@media(max-width:800px){.hc-flow .hc-detail-hero{grid-template-columns:minmax(0,1fr) 150px;gap:24px}.hc-flow .hc-detail-original{width:145px}.hc-flow .hc-explorer{grid-template-columns:1fr;gap:22px}.hc-flow .hc-explorer .hc-interactions{min-height:0}.hc-flow .hc-wheel-wrap{max-width:480px}}
@media(max-width:600px){.hc-flow{padding-top:104px;padding-bottom:44px}.hc-flow .section-top{margin-bottom:14px}.hc-flow .hc-detail-hero{grid-template-columns:1fr}.hc-flow .hc-detail-original{display:none}.hc-flow .hc-detail-intro h1{margin-top:25px}.hc-flow .hc-wealth{margin-top:32px;padding-top:25px}.hc-flow .hc-wealth-grid{grid-template-columns:1fr;gap:14px;margin-top:20px}.hc-flow .hc-wealth-grid article{padding:19px 20px 21px}.hc-flow .hc-wealth>h3,.hc-flow .hc-pairs-title{font-size:24px}.hc-flow .hc-principle{margin-top:23px;padding-top:0}.hc-flow .hc-pairs-heading{margin-top:32px;padding-top:26px}.hc-flow>.hc-wheel-hint{max-width:36ch;font-size:13px}.hc-flow .hc-wheel-wrap{padding:16px 10px;border-radius:22px}.hc-flow .hc-explorer .hc-interactions{padding:21px 20px}.hc-flow .hc-detail-action{margin-top:32px;padding:25px 19px}.hc-flow .hc-detail-action h3{font-size:21px}.hc-flow .hc-detail-action .hc-button{width:100%;max-width:360px;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.hc-flow *{transition:none!important;animation:none!important}}

/* The brand mark appears on the landing page; the model page focuses on the explanation. */
.hc-flow .hc-detail-hero{grid-template-columns:minmax(0,1fr)}
.hc-flow .hc-detail-intro{max-width:800px}