/*
Theme Name: Horoscope Today — Celestial Atlas
Theme URI: https://horoscopetoday.co
Author: Horoscope Today
Description: An immersive interactive astrology experience designed for Horoscope Today.
Version: 0.27.1
Requires at least: 6.7
Requires PHP: 8.2
Text Domain: horoscope-today
*/

:root {
  --ht-night: #05090d;
  --ht-night-2: #09131a;
  --ht-ink: #101820;
  --ht-paper: #eee9df;
  --ht-white: #f7f4ec;
  --ht-light: #f7f4ec;
  --ht-blue: #a9dcff;
  --ht-gold: #e8c38e;
  --ht-coral: #ff7456;
  --ht-accent: #a9dcff;
  --ht-line: rgba(247,244,236,.16);
  --ht-dark-line: rgba(16,24,32,.15);
  --ht-max: 1360px;
  --ht-serif: Georgia, "Times New Roman", serif;
  --ht-sans: "Segoe UI", Arial, sans-serif;
}

/* Zodiac sign knowledge hub — v0.26.0 */
.ht-zodiac { background: var(--ht-night); color: var(--ht-white); overflow: hidden; }
.ht-zodiac a { color: inherit; }
.ht-zodiac-index-hero,.ht-sign-hero { position: relative; padding: clamp(128px,14vw,210px) 0 clamp(76px,9vw,132px); background: radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--ht-accent,#a9dcff) 24%,transparent),transparent 30%),linear-gradient(145deg,#07131b 0%,#05090d 66%); }
.ht-zodiac-index-hero .ht-shell,.ht-sign-hero .ht-shell { position: relative; z-index: 1; }
.ht-zodiac-orbit { position: absolute; width: min(64vw,900px); aspect-ratio: 1; right: -22vw; top: -24vw; opacity: .32; pointer-events: none; }
.ht-zodiac-orbit i { position: absolute; inset: 0; border: 1px solid color-mix(in srgb,var(--ht-accent,#a9dcff) 52%,transparent); border-radius: 50%; }
.ht-zodiac-orbit i:nth-child(2) { inset: 15%; transform: rotate(18deg); }
.ht-zodiac-orbit i:nth-child(3) { inset: 31%; transform: rotate(-14deg); }
.ht-zodiac-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: clamp(40px,6vw,76px); color: rgba(247,244,236,.62); font: 600 11px/1.3 system-ui,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.ht-zodiac-breadcrumbs a { text-decoration: none; border-bottom: 1px solid rgba(247,244,236,.24); }
.ht-zodiac-breadcrumbs i { color: var(--ht-accent,#a9dcff); font-style: normal; }
.ht-zodiac-eyebrow { margin: 0 0 24px; color: var(--ht-accent,#a9dcff); font: 700 11px/1.4 system-ui,sans-serif; letter-spacing: .24em; text-transform: uppercase; }
.ht-zodiac-index-hero h1,.ht-sign-hero h1 { max-width: 1040px; margin: 0; font: 400 clamp(54px,7.4vw,118px)/.91 Georgia,serif; letter-spacing: -.055em; }
.ht-zodiac-index-hero h1 em,.ht-sign-hero h1 em { display: block; color: var(--ht-coral); font-weight: 400; }
.ht-zodiac-lead { max-width: 780px; margin: 38px 0 0; color: rgba(247,244,236,.72); font: 400 clamp(18px,1.7vw,25px)/1.58 Georgia,serif; }
.ht-zodiac-directory { padding: clamp(72px,9vw,132px) 0; background: #eee9df; color: var(--ht-ink); }
.ht-zodiac-section-heading { display: grid; grid-template-columns: minmax(190px,.42fr) 1fr; gap: 22px clamp(28px,6vw,100px); align-items: end; margin-bottom: 52px; }
.ht-zodiac-section-heading>p { align-self: start; margin: 9px 0 0; color: var(--ht-accent,#23677f); font: 700 10px/1.5 system-ui,sans-serif; letter-spacing: .22em; }
.ht-zodiac-section-heading h2 { margin: 0; font: 400 clamp(38px,5vw,76px)/.98 Georgia,serif; letter-spacing: -.045em; }
.ht-zodiac-section-heading h2 em { color: var(--ht-coral); font-weight: 400; }
.ht-zodiac-section-heading>span { grid-column: 2; max-width: 740px; color: #5e6568; font: 400 17px/1.65 Georgia,serif; }
.ht-zodiac-directory__grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(16,24,32,.17); border-left: 1px solid rgba(16,24,32,.17); }
.ht-zodiac-card { position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 24px; min-height: 190px; padding: 30px; align-items: center; border-right: 1px solid rgba(16,24,32,.17); border-bottom: 1px solid rgba(16,24,32,.17); text-decoration: none; transition: background .25s,color .25s,transform .25s; }
.ht-zodiac-card:hover,.ht-zodiac-card:focus-visible { background: var(--card-accent); color: #081018; transform: translateY(-2px); }
.ht-zodiac-card>span { color: var(--card-accent); font-size: 58px; line-height: 1; transition: color .25s; }
.ht-zodiac-card:hover>span,.ht-zodiac-card:focus-visible>span { color: #081018; }
.ht-zodiac-card small { color: #687176; font: 700 9px/1.4 system-ui,sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.ht-zodiac-card h2 { margin: 8px 0 7px; font: 400 31px/1 Georgia,serif; }
.ht-zodiac-card p { margin: 0; color: #5d6569; font: 500 12px/1.5 system-ui,sans-serif; }
.ht-zodiac-card>i { font: 400 18px/1 Georgia,serif; }
.ht-zodiac-primer { padding: clamp(76px,10vw,148px) 0; }
.ht-zodiac-primer__grid { display: grid; grid-template-columns: .72fr 1fr; gap: clamp(50px,9vw,145px); }
.ht-zodiac-primer h2 { margin: 0; font: 400 clamp(42px,5vw,78px)/.98 Georgia,serif; letter-spacing: -.045em; }
.ht-zodiac-primer__copy { display: grid; grid-template-columns: 1fr 1fr; gap: 38px 46px; }
.ht-zodiac-primer__copy h3 { margin: 0 0 12px; color: var(--ht-coral); font: 400 25px/1.1 Georgia,serif; }
.ht-zodiac-primer__copy p { margin: 0; color: rgba(247,244,236,.68); font: 400 16px/1.7 Georgia,serif; }
.ht-zodiac-primer__copy h3:last-of-type,.ht-zodiac-primer__copy h3:last-of-type+p { grid-column: 1 / -1; }

.ht-sign-hero__grid { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(330px,.62fr); gap: clamp(48px,8vw,126px); align-items: end; }
.ht-sign-hero__copy>p:not(.ht-zodiac-eyebrow) { max-width: 760px; margin: 36px 0 0; color: rgba(247,244,236,.73); font: 400 clamp(18px,1.65vw,24px)/1.6 Georgia,serif; }
.ht-sign-hero__actions { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin-top: 38px; }
.ht-zodiac .ht-button--light { color: var(--ht-night); background: var(--ht-white); }
.ht-zodiac .ht-button--light:visited { color: var(--ht-night); }
.ht-sign-hero__actions>a:last-child { color: rgba(247,244,236,.74); font: 600 12px/1.4 system-ui,sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.ht-sign-identity { border: 1px solid rgba(247,244,236,.16); background: rgba(5,9,13,.58); backdrop-filter: blur(14px); }
.ht-sign-identity__glyph { display: grid; place-items: center; min-height: 210px; color: var(--ht-accent); font-size: clamp(92px,10vw,154px); border-bottom: 1px solid rgba(247,244,236,.16); }
.ht-sign-identity dl { margin: 0; }
.ht-sign-identity dl div { display: grid; grid-template-columns: 110px 1fr; gap: 14px; padding: 16px 20px; border-bottom: 1px solid rgba(247,244,236,.11); }
.ht-sign-identity dl div:last-child { border: 0; }
.ht-sign-identity dt { color: rgba(247,244,236,.46); font: 700 9px/1.5 system-ui,sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.ht-sign-identity dd { margin: 0; font: 400 15px/1.45 Georgia,serif; }
.ht-sign-jump { position: sticky; top: 0; z-index: 9; background: #0b171f; border-top: 1px solid rgba(247,244,236,.12); border-bottom: 1px solid rgba(247,244,236,.12); }
.admin-bar .ht-sign-jump { top: 32px; }
.ht-sign-jump .ht-shell { display: flex; gap: 26px; min-height: 58px; align-items: center; overflow-x: auto; scrollbar-width: none; }
.ht-sign-jump .ht-shell::-webkit-scrollbar { display: none; }
.ht-sign-jump span { flex: 0 0 auto; color: var(--ht-accent); font: 700 9px/1 system-ui,sans-serif; letter-spacing: .18em; }
.ht-sign-jump a { flex: 0 0 auto; color: rgba(247,244,236,.7); font: 600 11px/1 system-ui,sans-serif; letter-spacing: .05em; text-decoration: none; }
.ht-sign-section { padding: clamp(78px,10vw,150px) 0; scroll-margin-top: 72px; }
.ht-sign-section--paper { background: #eee9df; color: var(--ht-ink); }
.ht-sign-section--night { background: #07121a; color: var(--ht-white); }
.ht-sign-section--soft { background: #dfe6e5; color: var(--ht-ink); }
.ht-sign-editorial { display: grid; grid-template-columns: minmax(180px,.38fr) 1fr; gap: clamp(38px,8vw,130px); }
.ht-sign-section__label { display: flex; gap: 18px; align-items: flex-start; }
.ht-sign-section__label span { color: var(--ht-coral); font: 400 50px/1 Georgia,serif; }
.ht-sign-section__label p { margin: 9px 0 0; color: #657077; font: 700 10px/1.5 system-ui,sans-serif; letter-spacing: .16em; }
.ht-sign-editorial h2,.ht-sign-two-column h2,.ht-sign-faq h2 { margin: 0 0 34px; font: 400 clamp(43px,5.4vw,82px)/.96 Georgia,serif; letter-spacing: -.05em; }
.ht-sign-editorial h2 em { color: var(--ht-coral); font-weight: 400; }
.ht-sign-editorial>div:last-child>p:not(.ht-sign-large-copy) { max-width: 780px; color: #596167; font: 400 17px/1.7 Georgia,serif; }
.ht-sign-large-copy { max-width: 920px; margin: 0 0 28px; font: 400 clamp(21px,2vw,29px)/1.57 Georgia,serif; }
.ht-sign-strengths { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(247,244,236,.15); }
.ht-sign-strengths article { min-height: 250px; padding: 28px; border-right: 1px solid rgba(247,244,236,.15); }
.ht-sign-strengths article:last-child { border: 0; }
.ht-sign-strengths span { color: var(--ht-accent); font: 700 10px/1 system-ui,sans-serif; letter-spacing: .16em; }
.ht-sign-strengths h3 { margin: 65px 0 16px; font: 400 30px/1 Georgia,serif; }
.ht-sign-strengths p { margin: 0; color: rgba(247,244,236,.65); font: 400 15px/1.65 Georgia,serif; }
.ht-sign-growth { display: grid; grid-template-columns: .25fr 1fr; gap: 40px; margin-top: 50px; padding-top: 42px; border-top: 1px solid rgba(247,244,236,.15); }
.ht-sign-growth small,.ht-sign-gender-grid small,.ht-sign-two-column aside small { color: var(--ht-accent); font: 700 9px/1.4 system-ui,sans-serif; letter-spacing: .18em; }
.ht-sign-growth p { max-width: 900px; margin: 0; font: 400 clamp(22px,2.3vw,34px)/1.48 Georgia,serif; }
.ht-sign-two-column { display: grid; grid-template-columns: 1fr .58fr; gap: clamp(50px,9vw,150px); align-items: center; }
.ht-sign-two-column aside { padding: 38px; border: 1px solid rgba(16,24,32,.17); background: rgba(255,255,255,.28); }
.ht-sign-two-column aside h3 { margin: 24px 0 18px; font: 400 30px/1.1 Georgia,serif; }
.ht-sign-two-column aside p { margin: 0; color: #5d6569; font: 400 16px/1.7 Georgia,serif; }
.ht-sign-compatibility-copy { max-width: 940px; margin: 0 0 44px auto; font: 400 clamp(20px,2vw,28px)/1.58 Georgia,serif; }
.ht-sign-compatibility-links { display: grid; grid-template-columns: repeat(3,1fr); }
.ht-sign-compatibility-links a { display: grid; min-height: 280px; padding: 28px; text-decoration: none; border: 1px solid rgba(16,24,32,.15); border-right: 0; transition: background .2s,color .2s; }
.ht-sign-compatibility-links a:last-child { border-right: 1px solid rgba(16,24,32,.15); }
.ht-sign-compatibility-links a:hover { background: #07121a; color: var(--ht-white); }
.ht-sign-compatibility-links span { color: var(--ht-coral); font-size: 60px; line-height: 1; }
.ht-sign-compatibility-links small { margin-top: 34px; color: #697176; font: 700 9px/1.4 system-ui,sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.ht-sign-compatibility-links strong { margin-top: 10px; font: 400 27px/1.15 Georgia,serif; }
.ht-sign-compatibility-links i { align-self: end; margin-top: 24px; font: 600 11px/1.4 system-ui,sans-serif; font-style: normal; text-transform: uppercase; }
.ht-sign-gender-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(247,244,236,.15); }
.ht-sign-gender-grid article { padding: clamp(32px,5vw,72px); }
.ht-sign-gender-grid article+article { border-left: 1px solid rgba(247,244,236,.15); }
.ht-sign-gender-grid p { margin: 28px 0 0; color: rgba(247,244,236,.76); font: 400 clamp(19px,1.7vw,25px)/1.62 Georgia,serif; }
.ht-sign-faq { display: grid; grid-template-columns: .65fr 1fr; gap: clamp(50px,8vw,130px); }
.ht-sign-faq details { border-top: 1px solid rgba(16,24,32,.17); }
.ht-sign-faq details:last-child { border-bottom: 1px solid rgba(16,24,32,.17); }
.ht-sign-faq summary { display: flex; justify-content: space-between; gap: 20px; padding: 24px 0; cursor: pointer; font: 600 18px/1.4 Georgia,serif; list-style: none; }
.ht-sign-faq summary::-webkit-details-marker { display: none; }
.ht-sign-faq summary span { color: var(--ht-coral); font-size: 24px; }
.ht-sign-faq details[open] summary span { transform: rotate(45deg); }
.ht-sign-faq details p { margin: 0; padding: 0 40px 26px 0; color: #596167; font: 400 16px/1.7 Georgia,serif; }
.ht-sign-cta { padding: clamp(65px,8vw,110px) 0; background: var(--ht-coral); color: #081018; }
.ht-sign-cta__grid { display: grid; grid-template-columns: 1fr .75fr; gap: 50px; align-items: center; }
.ht-sign-cta p { margin: 0 0 15px; font: 700 10px/1.4 system-ui,sans-serif; letter-spacing: .19em; }
.ht-sign-cta h2 { max-width: 760px; margin: 0; font: 400 clamp(37px,4.2vw,65px)/1 Georgia,serif; letter-spacing: -.04em; }
.ht-sign-cta__grid>div:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.ht-sign-cta .ht-button--light { background: #f7f4ec; }
.ht-sign-cta__grid>div:last-child>a:last-child { color: #081018; font: 600 12px/1.5 system-ui,sans-serif; }
.ht-sign-all { padding: 70px 0; background: #eee9df; color: var(--ht-ink); }
.ht-sign-all p { color: #667077; font: 700 10px/1.4 system-ui,sans-serif; letter-spacing: .2em; }
.ht-sign-all .ht-shell>div { display: grid; grid-template-columns: repeat(12,1fr); margin-top: 24px; border-top: 1px solid rgba(16,24,32,.16); border-left: 1px solid rgba(16,24,32,.16); }
.ht-sign-all a { display: grid; min-height: 112px; place-items: center; gap: 8px; padding: 16px 6px; border-right: 1px solid rgba(16,24,32,.16); border-bottom: 1px solid rgba(16,24,32,.16); text-decoration: none; }
.ht-sign-all a.is-active { background: color-mix(in srgb,var(--ht-accent) 38%,#eee9df); }
.ht-sign-all a span { font-size: 31px; }
.ht-sign-all a b { font: 600 10px/1 system-ui,sans-serif; }

/* Zodiac compatibility hubs — v0.27.0 */
.ht-compat-hero { position: relative; padding: clamp(128px,13vw,196px) 0 clamp(72px,8vw,118px); overflow: hidden; background: radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--ht-accent) 25%,transparent),transparent 29%),linear-gradient(145deg,#07131b,#05090d 68%); }
.ht-compat-hero .ht-shell { position: relative; z-index: 1; }
.ht-compat-hero__grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(310px,.58fr); gap: clamp(46px,8vw,124px); align-items: end; }
.ht-compat-hero h1 { max-width: 940px; margin: 0; font: 400 clamp(52px,6.9vw,108px)/.93 Georgia,serif; letter-spacing: -.055em; }
.ht-compat-hero h1 em { display: block; color: var(--ht-coral); font-weight: 400; }
.ht-compat-hero__lead { max-width: 760px; margin: 34px 0 0; color: rgba(247,244,236,.75); font: 400 clamp(18px,1.65vw,24px)/1.6 Georgia,serif; }
.ht-compat-identity { border: 1px solid rgba(247,244,236,.17); background: rgba(5,9,13,.6); backdrop-filter: blur(14px); }
.ht-compat-identity>span { display: grid; min-height: 180px; place-items: center; color: var(--ht-accent); font-size: clamp(84px,9vw,138px); border-bottom: 1px solid rgba(247,244,236,.14); }
.ht-compat-identity dl { margin: 0; }
.ht-compat-identity dl div { display: grid; grid-template-columns: 105px 1fr; gap: 16px; padding: 15px 20px; border-bottom: 1px solid rgba(247,244,236,.11); }
.ht-compat-identity dt { color: rgba(247,244,236,.46); font: 700 9px/1.5 system-ui,sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.ht-compat-identity dd { margin: 0; font: 400 15px/1.45 Georgia,serif; }
.ht-compat-identity>p { margin: 0; padding: 22px; color: rgba(247,244,236,.64); font: 400 14px/1.62 Georgia,serif; }
.ht-compat-identity>p strong { display: block; margin-bottom: 5px; color: var(--ht-white); font-weight: 400; }
.ht-compat-section { padding: clamp(74px,9vw,132px) 0; scroll-margin-top: 70px; }
.ht-compat-section--paper { background: var(--ht-paper); color: var(--ht-ink); }
.ht-compat-section--soft { background: #dfe6e5; color: var(--ht-ink); }
.ht-compat-section--night { background: #07121a; color: var(--ht-white); }
.ht-compat-section--ink { background: #101820; color: var(--ht-white); }
.ht-compat-section--coral { background: var(--ht-coral); color: #09131a; }
.ht-compat-dynamics { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(247,244,236,.16); }
.ht-compat-dynamics article { padding: clamp(28px,4vw,54px); }
.ht-compat-dynamics article+article { border-left: 1px solid rgba(247,244,236,.16); }
.ht-compat-dynamics small,.ht-compat-story-grid small,.ht-compat-editorial-pair small { color: var(--ht-accent); font: 700 9px/1.4 system-ui,sans-serif; letter-spacing: .18em; }
.ht-compat-dynamics__signs { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0; }
.ht-compat-dynamics__signs a { display: inline-flex; align-items: center; gap: 9px; padding: 10px 14px; border: 1px solid rgba(247,244,236,.17); text-decoration: none; font: 600 12px/1 system-ui,sans-serif; transition: background .2s,color .2s; }
.ht-compat-dynamics__signs a:hover { background: var(--ht-accent); color: #07121a; }
.ht-compat-dynamics__signs span { font-size: 22px; }
.ht-compat-dynamics article>p { max-width: 660px; margin: 0; color: rgba(247,244,236,.68); font: 400 17px/1.68 Georgia,serif; }
.ht-compat-match-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(16,24,32,.17); border-left: 1px solid rgba(16,24,32,.17); }
.ht-compat-match-grid article { display: flex; flex-direction: column; min-height: 340px; padding: 28px; border-right: 1px solid rgba(16,24,32,.17); border-bottom: 1px solid rgba(16,24,32,.17); }
.ht-compat-match__head { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.ht-compat-match__head span { color: var(--match-accent); font-size: 55px; line-height: 1; }
.ht-compat-match__head small { color: #687176; font: 700 9px/1.4 system-ui,sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.ht-compat-match-grid h3 { margin: 29px 0 15px; font: 400 27px/1.14 Georgia,serif; }
.ht-compat-match-grid p { margin: 0 0 26px; color: #566066; font: 400 15px/1.65 Georgia,serif; }
.ht-compat-match-grid a { margin-top: auto; font: 700 10px/1.4 system-ui,sans-serif; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.ht-compat-story-grid { display: grid; grid-template-columns: 1fr .55fr; gap: clamp(50px,9vw,145px); align-items: center; }
.ht-compat-story-grid h2 { margin: 0 0 34px; font: 400 clamp(43px,5.4vw,82px)/.96 Georgia,serif; letter-spacing: -.05em; }
.ht-compat-story-grid aside { padding: 38px; border: 1px solid rgba(16,24,32,.17); background: rgba(255,255,255,.25); }
.ht-compat-story-grid aside h3 { margin: 23px 0 17px; font: 400 29px/1.13 Georgia,serif; }
.ht-compat-story-grid aside p { margin: 0; color: #596167; font: 400 16px/1.68 Georgia,serif; }
.ht-compat-editorial-pair { display: grid; grid-template-columns: .68fr 1fr; gap: clamp(45px,9vw,150px); align-items: start; }
.ht-compat-editorial-pair h2 { max-width: 650px; margin: 24px 0 0; font: 400 clamp(39px,4.8vw,72px)/.98 Georgia,serif; letter-spacing: -.045em; }
.ht-compat-editorial-pair>p { max-width: 820px; margin: 0; font: 400 clamp(21px,2vw,29px)/1.6 Georgia,serif; }
.ht-compat-section--coral .ht-compat-editorial-pair small { color: #09131a; }
.ht-compat-factors { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(247,244,236,.15); }
.ht-compat-factors article { min-height: 210px; padding: 27px; border-right: 1px solid rgba(247,244,236,.15); border-bottom: 1px solid rgba(247,244,236,.15); }
.ht-compat-factors article:nth-child(3n) { border-right: 0; }
.ht-compat-factors article:nth-child(n+4) { border-bottom: 0; }
.ht-compat-factors span { color: var(--ht-accent); font-size: 37px; }
.ht-compat-factors h3 { margin: 28px 0 10px; font: 400 27px/1.1 Georgia,serif; }
.ht-compat-factors p { margin: 0; color: rgba(247,244,236,.64); font: 400 15px/1.6 Georgia,serif; }
.ht-compat-reality { max-width: 910px; margin: 46px 0 0 auto; padding-top: 34px; border-top: 1px solid rgba(247,244,236,.15); color: rgba(247,244,236,.72); font: 400 clamp(19px,1.8vw,26px)/1.58 Georgia,serif; }

@media (max-width: 1050px) {
  .ht-zodiac-directory__grid { grid-template-columns: repeat(2,1fr); }
  .ht-sign-hero__grid,.ht-zodiac-primer__grid { grid-template-columns: 1fr; }
  .ht-sign-identity { max-width: 620px; }
  .ht-sign-strengths { grid-template-columns: repeat(2,1fr); }
  .ht-sign-strengths article:nth-child(2) { border-right: 0; }
  .ht-sign-strengths article:nth-child(-n+2) { border-bottom: 1px solid rgba(247,244,236,.15); }
  .ht-sign-faq,.ht-sign-two-column,.ht-sign-cta__grid { grid-template-columns: 1fr; }
  .ht-sign-all .ht-shell>div { grid-template-columns: repeat(6,1fr); }
  .ht-compat-hero__grid,.ht-compat-story-grid { grid-template-columns: 1fr; }
  .ht-compat-identity { max-width: 620px; }
  .ht-compat-match-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 782px) {
  .admin-bar .ht-sign-jump { top: 46px; }
}
@media (max-width: 680px) {
  .ht-zodiac-index-hero,.ht-sign-hero,.ht-compat-hero { padding: 112px 0 68px; }
  .ht-zodiac-index-hero h1,.ht-sign-hero h1,.ht-compat-hero h1 { font-size: clamp(47px,14vw,68px); }
  .ht-zodiac-breadcrumbs { margin-bottom: 38px; }
  .ht-zodiac-directory__grid { grid-template-columns: 1fr; }
  .ht-zodiac-card { min-height: 140px; padding: 22px 18px; }
  .ht-zodiac-card>span { font-size: 48px; }
  .ht-zodiac-primer__copy { grid-template-columns: 1fr; }
  .ht-zodiac-primer__copy h3:last-of-type,.ht-zodiac-primer__copy h3:last-of-type+p { grid-column: auto; }
  .ht-zodiac-section-heading,.ht-sign-editorial { grid-template-columns: 1fr; }
  .ht-zodiac-section-heading>span { grid-column: auto; }
  .ht-sign-identity__glyph { min-height: 155px; font-size: 98px; }
  .ht-sign-jump .ht-shell { gap: 22px; }
  .ht-sign-strengths { grid-template-columns: 1fr; }
  .ht-sign-strengths article,.ht-sign-strengths article:nth-child(2) { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(247,244,236,.15); }
  .ht-sign-strengths article:last-child { border-bottom: 0; }
  .ht-sign-strengths h3 { margin-top: 34px; }
  .ht-sign-growth { grid-template-columns: 1fr; gap: 20px; }
  .ht-sign-compatibility-copy { margin-left: 0; }
  .ht-sign-compatibility-links,.ht-sign-gender-grid { grid-template-columns: 1fr; }
  .ht-sign-compatibility-links a,.ht-sign-compatibility-links a:last-child { min-height: 225px; border-right: 1px solid rgba(16,24,32,.15); border-bottom: 0; }
  .ht-sign-compatibility-links a:last-child { border-bottom: 1px solid rgba(16,24,32,.15); }
  .ht-sign-gender-grid article+article { border-left: 0; border-top: 1px solid rgba(247,244,236,.15); }
  .ht-sign-all .ht-shell>div { grid-template-columns: repeat(3,1fr); }
  .ht-sign-all a { min-height: 96px; }
  .ht-compat-identity>span { min-height: 145px; font-size: 90px; }
  .ht-compat-dynamics,.ht-compat-match-grid,.ht-compat-factors { grid-template-columns: 1fr; }
  .ht-compat-dynamics article+article { border-left: 0; border-top: 1px solid rgba(247,244,236,.16); }
  .ht-compat-match-grid article { min-height: 290px; }
  .ht-compat-editorial-pair { grid-template-columns: 1fr; gap: 34px; }
  .ht-compat-factors article,.ht-compat-factors article:nth-child(3n),.ht-compat-factors article:nth-child(n+4) { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(247,244,236,.15); }
  .ht-compat-factors article:last-child { border-bottom: 0; }
}

/* Editorial field guide */
.ht-guide { background: var(--ht-light); color: var(--ht-ink); }
.ht-guide__hero { position: relative; min-height: 570px; display: flex; align-items: flex-end; overflow: hidden; padding: 145px 0 58px; background: var(--ht-ink); color: var(--ht-light); }
.ht-guide__hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 76% 22%, rgba(255,112,86,.16), transparent 33%), linear-gradient(135deg, rgba(255,255,255,.035), transparent 46%); pointer-events: none; }
.ht-guide__orbit { position: absolute; width: min(62vw,820px); aspect-ratio: 1; right: -17vw; top: -24vw; border: 1px solid rgba(247,244,236,.12); border-radius: 50%; transform: rotate(-18deg); }
.ht-guide__orbit i { position: absolute; inset: 12%; border: 1px solid rgba(247,244,236,.08); border-radius: 50%; }
.ht-guide__orbit i:nth-child(2) { inset: 27%; border-color: rgba(255,112,86,.22); }
.ht-guide__orbit i:nth-child(3) { inset: 43%; background: var(--ht-coral); border: 0; box-shadow: 0 0 70px rgba(255,112,86,.38); }
.ht-guide__hero-inner { position: relative; z-index: 1; }
.ht-guide__eyebrow { margin: 0 0 28px; color: var(--ht-coral); font-size: .66rem; font-weight: 700; letter-spacing: .2em; }
.ht-guide__title { max-width: 980px; margin: 0; color: var(--ht-light); font-family: var(--ht-serif); font-size: clamp(3.3rem,5vw,5.3rem); font-weight: 400; line-height: .96; letter-spacing: -.05em; text-wrap: balance; }
.ht-guide__dek { max-width: 760px; margin: 34px 0 0; color: rgba(247,244,236,.68); font-family: var(--ht-serif); font-size: clamp(1.2rem,2vw,1.55rem); line-height: 1.55; }
.ht-guide__dek p { margin: 0; }
.ht-guide__meta { gap: 14px 24px; margin-top: 38px; color: rgba(247,244,236,.48); font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ht-guide__meta > *:not(:last-child)::after { content: "·"; margin-left: 24px; color: var(--ht-coral); }
.ht-guide__layout { display: grid; grid-template-columns: minmax(0,760px) minmax(280px,360px); align-items: start; gap: clamp(70px,8vw,140px); padding-block: 110px 140px; }
.ht-guide__content { font-family: var(--ht-serif); font-size: 1.16rem; line-height: 1.82; }
.ht-guide__content > * { max-width: 760px; }
.ht-guide__content > p:first-child { margin-top: 0; font-size: 1.48rem; line-height: 1.6; }
.ht-guide__content h2 { margin: 90px 0 24px; font-family: var(--ht-serif); font-size: clamp(2.7rem,5vw,4.6rem); font-weight: 400; line-height: .98; letter-spacing: -.055em; }
.ht-guide__content h3 { margin: 48px 0 14px; font-family: var(--ht-sans); font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; }
.ht-guide__content p { margin: 0 0 24px; }
.ht-guide__content a { color: inherit; text-decoration-color: var(--ht-coral); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.ht-guide__content strong { font-weight: 700; }
.ht-guide__content ul, .ht-guide__content ol { margin: 20px 0 34px; padding-left: 1.35em; }
.ht-guide__content li { margin: 0 0 14px; padding-left: .35em; }
.ht-guide__note { margin: 52px 0; padding: 30px 34px; border-left: 3px solid var(--ht-coral); background: rgba(16,24,32,.045); font-family: var(--ht-sans); font-size: .88rem; line-height: 1.7; }
.ht-guide__compare { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin: 48px 0 64px; background: rgba(16,24,32,.12); border: 1px solid rgba(16,24,32,.12); }
.ht-guide__compare > div { min-height: 230px; padding: 28px; background: var(--ht-light); }
.ht-guide__compare small { display: block; margin-bottom: 54px; color: var(--ht-coral); font-family: var(--ht-sans); font-size: .58rem; font-weight: 700; letter-spacing: .15em; }
.ht-guide__compare h3 { margin: 0 0 15px; font-family: var(--ht-serif); font-size: 1.55rem; line-height: 1.05; letter-spacing: -.03em; text-transform: none; }
.ht-guide__compare p { margin: 0; font-family: var(--ht-sans); font-size: .78rem; line-height: 1.65; }
.ht-guide__signs { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; margin: 34px 0 66px; background: rgba(16,24,32,.12); border: 1px solid rgba(16,24,32,.12); }
.ht-guide__signs a { display: flex; min-height: 94px; align-items: center; justify-content: space-between; padding: 18px 20px; background: var(--ht-light); font-family: var(--ht-sans); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; transition: background .25s,color .25s; }
.ht-guide__signs a span { font-family: var(--ht-serif); font-size: 1.65rem; font-weight: 400; }
.ht-guide__signs a:hover { background: var(--ht-ink); color: var(--ht-light); }
.ht-guide__aside { position: sticky; top: 118px; padding: 34px; background: var(--ht-ink); color: var(--ht-light); box-shadow: 0 24px 80px rgba(16,24,32,.14); }
.ht-guide__aside::before { content: ""; display: block; width: 74px; height: 74px; margin: 0 0 76px auto; border: 1px solid rgba(247,244,236,.25); border-radius: 50%; box-shadow: 0 0 0 15px rgba(247,244,236,.035),0 0 0 30px rgba(247,244,236,.025); }
.ht-guide__aside-kicker { margin: 0 0 16px; color: var(--ht-coral); font-size: .58rem; font-weight: 700; letter-spacing: .17em; }
.ht-guide__aside h2 { margin: 0; font-family: var(--ht-serif); font-size: 2.45rem; font-weight: 400; line-height: 1.02; letter-spacing: -.04em; }
.ht-guide__aside > p:not(.ht-guide__aside-kicker) { margin: 24px 0 30px; color: rgba(247,244,236,.62); font-family: var(--ht-serif); line-height: 1.6; }
.ht-guide__cta .wp-block-button__link { width: 100%; padding: 17px 20px; border-radius: 0; background: var(--ht-coral); color: var(--ht-ink); font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

@media (max-width: 980px) {
  .ht-guide__hero { min-height: 560px; }
  .ht-guide__layout { grid-template-columns: 1fr; }
  .ht-guide__aside { position: relative; top: 0; max-width: 760px; }
}

@media (max-width: 680px) {
  .ht-guide__hero { min-height: 520px; padding: 138px 0 54px; }
  .ht-guide__title { font-size: clamp(2.75rem,12vw,4rem); }
  .ht-guide__dek { margin-top: 24px; font-size: 1.05rem; }
  .ht-guide__meta { align-items: flex-start; flex-direction: column; gap: 9px; }
  .ht-guide__meta > *::after { display: none; }
  .ht-guide__layout { padding-block: 70px 90px; }
  .ht-guide__content { font-size: 1.04rem; line-height: 1.72; }
  .ht-guide__content > p:first-child { font-size: 1.24rem; }
  .ht-guide__content h2 { margin-top: 68px; font-size: 2.75rem; }
  .ht-guide__compare { grid-template-columns: 1fr; }
  .ht-guide__compare > div { min-height: 190px; }
  .ht-guide__signs { grid-template-columns: repeat(2,1fr); }
  .ht-guide__aside { padding: 28px; }
  .ht-guide__aside::before { margin-bottom: 60px; }
}

/* 0.21 — trust-first commercial homepage */
.ht-hero--product { min-height: min(920px,100svh); }
.ht-hero--product .ht-hero__inner { min-height: min(920px,100svh); grid-template-columns: minmax(0,1.2fr) minmax(330px,.62fr); gap: 7vw; }
.ht-hero.ht-hero--product h1 { max-width: 900px; font-size: clamp(4rem,6.7vw,7.4rem); line-height: .87; }
.ht-hero--product .ht-hero__lede { max-width: 650px; margin: 30px 0 28px; font-size: clamp(1.05rem,1.35vw,1.25rem); }
.ht-actions--purchase { gap: 24px; }
.ht-actions--purchase .ht-button { min-width: 280px; }
.ht-hero__assurance { display: grid; gap: 7px; margin: 20px 0 0; color: rgba(247,244,236,.48); font-size: .62rem; line-height: 1.45; letter-spacing: .06em; }
.ht-hero__assurance strong { color: rgba(247,244,236,.82); font-weight: 650; }
.ht-hero__assurance span { max-width: 620px; }
.ht-hero__product-card { position: relative; align-self: center; padding: 34px; color: var(--ht-white); background: rgba(5,9,13,.64); border: 1px solid rgba(247,244,236,.19); border-radius: 26px; box-shadow: 0 35px 100px rgba(0,0,0,.3); backdrop-filter: blur(20px); }
.ht-hero__product-card::before { content: ""; position: absolute; inset: 12px; pointer-events: none; border: 1px solid rgba(169,220,255,.09); border-radius: 18px; }
.ht-hero__product-card > div { display: flex; justify-content: space-between; align-items: center; padding-bottom: 24px; border-bottom: 1px solid rgba(247,244,236,.13); }
.ht-hero__product-card small { color: var(--ht-coral); font-size: .55rem; letter-spacing: .18em; }
.ht-hero__product-card strong { color: var(--ht-blue); font-family: var(--ht-serif); font-size: 2.1rem; font-weight: 400; }
.ht-hero__product-card ul { display: grid; gap: 15px; margin: 27px 0; padding: 0; list-style: none; }
.ht-hero__product-card li { position: relative; padding-left: 21px; color: rgba(247,244,236,.74); font-family: var(--ht-serif); }
.ht-hero__product-card li::before { content: "✦"; position: absolute; left: 0; color: var(--ht-coral); font-size: .65rem; }
.ht-hero__product-card > span { display: block; padding-top: 20px; color: rgba(247,244,236,.48); border-top: 1px solid rgba(247,244,236,.13); font-size: .63rem; letter-spacing: .08em; }
.ht-hero__product-card > span b { color: var(--ht-white); font-family: var(--ht-serif); font-size: 1.35rem; font-weight: 400; }

@media (min-width: 1051px) {
  .ht-hero--product,
  .ht-hero--product .ht-hero__inner { min-height: 100svh; }
  .ht-hero--product .ht-hero__inner { padding-block: 88px 38px; }
  .ht-hero.ht-hero--product h1 { max-width: 850px; font-size: clamp(3.35rem,3.8vw,4.55rem); line-height: .92; }
  .ht-hero--product .ht-kicker { margin-bottom: 16px; }
  .ht-hero--product .ht-hero__lede { margin: 14px 0; font-size: clamp(.98rem,1.08vw,1.08rem); line-height: 1.48; }
  .ht-hero--product .ht-hero__product-card { padding: 28px; }
  .ht-hero--product .ht-hero__product-card ul { gap: 12px; margin: 22px 0; }
  .ht-hero--product .ht-hero__assurance { margin-top: 14px; }
}

@media (min-width: 1051px) and (max-height: 760px) {
  .ht-hero--product .ht-hero__inner { padding-block: 72px 24px; }
  .ht-hero.ht-hero--product h1 { max-width: 860px; font-size: clamp(3rem,3.25vw,4rem); line-height: .93; }
  .ht-hero--product .ht-kicker { margin-bottom: 12px; }
  .ht-hero--product .ht-hero__lede { max-width: 610px; margin: 11px 0; font-size: .98rem; line-height: 1.42; }
  .ht-hero--product .ht-hero__assurance { gap: 4px; margin-top: 9px; }
  .ht-hero--product .ht-hero__product-card { padding: 22px 26px; }
  .ht-hero--product .ht-hero__product-card > div { padding-bottom: 18px; }
  .ht-hero--product .ht-hero__product-card ul { gap: 9px; margin: 16px 0; }
  .ht-hero--product .ht-hero__product-card > span { padding-top: 14px; }
}

.ht-proof-bar { color: var(--ht-white); background: #0a151c; border-top: 1px solid rgba(247,244,236,.09); border-bottom: 1px solid rgba(247,244,236,.09); }
.ht-proof-bar .ht-shell { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.ht-proof-bar span { min-height: 92px; display: grid; align-content: center; gap: 7px; padding: 20px 24px; color: rgba(247,244,236,.53); border-right: 1px solid rgba(247,244,236,.09); font-family: var(--ht-serif); font-size: .85rem; }
.ht-proof-bar span:first-child { border-left: 1px solid rgba(247,244,236,.09); }
.ht-proof-bar b { color: var(--ht-blue); font-family: var(--ht-sans); font-size: .5rem; letter-spacing: .16em; }

.ht-signal { padding-block: 112px 125px; }
.ht-signal__intro { padding-block: 62px 44px; }
.ht-reading__coord { letter-spacing: .11em; }
.ht-week-map { padding-block: 112px 120px; }
.ht-week-map__intro { margin-block: 58px 48px; }
.ht-demo-link { width: fit-content; display: flex; gap: 16px; margin: 26px auto 0; padding: 13px 18px; color: rgba(247,244,236,.62); border-bottom: 1px solid rgba(247,244,236,.2); text-decoration: none; font-size: .62rem; font-weight: 750; text-transform: uppercase; letter-spacing: .1em; }
.ht-demo-link:hover { color: var(--ht-blue); }

.ht-method { position: relative; overflow: hidden; padding: 130px 0 110px; color: var(--ht-ink); background: #f3efe7; }
.ht-method::before { content: "HOW"; position: absolute; right: -2vw; top: 2%; color: rgba(16,24,32,.025); font-family: var(--ht-serif); font-size: clamp(12rem,28vw,31rem); line-height: .8; }
.ht-method__intro { position: relative; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(260px,.65fr); gap: 7vw; align-items: end; margin: 70px 0 55px; }
.ht-method__intro h2 { margin: 0; font-family: var(--ht-serif); font-size: clamp(3.2rem,5.6vw,6.4rem); font-weight: 400; line-height: .94; letter-spacing: -.055em; }
.ht-method__intro h2 em { color: var(--ht-coral); font-weight: 400; }
.ht-method__intro p { margin: 0 0 8px; color: rgba(16,24,32,.62); font-family: var(--ht-serif); font-size: 1.08rem; line-height: 1.7; }
.ht-method__steps { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.ht-method__steps article { min-height: 340px; display: flex; flex-direction: column; padding: 32px; background: rgba(255,255,255,.58); border: 1px solid rgba(16,24,32,.1); border-radius: 22px; }
.ht-method__steps article > span { color: var(--ht-coral); font-size: .58rem; letter-spacing: .16em; }
.ht-method__steps h3 { margin: auto 0 18px; font-family: var(--ht-serif); font-size: clamp(2rem,2.7vw,3.15rem); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.ht-method__steps p { margin: 0; color: rgba(16,24,32,.62); font-family: var(--ht-serif); line-height: 1.62; }
.ht-method__facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 20px; background: rgba(16,24,32,.11); border: 1px solid rgba(16,24,32,.11); }
.ht-method__facts span { min-height: 72px; display: flex; align-items: center; padding: 17px; color: rgba(16,24,32,.65); background: #f8f5ef; font-size: .62rem; font-weight: 700; line-height: 1.45; letter-spacing: .04em; }

.ht-offer { padding: 125px 0 0; color: var(--ht-white); background: #061018; }
.ht-offer__layout { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(360px,.72fr); gap: 8vw; align-items: center; }
.ht-offer__copy h2 { margin: 26px 0 28px; font-family: var(--ht-serif); font-size: clamp(3.5rem,6vw,7rem); font-weight: 400; line-height: .91; letter-spacing: -.06em; }
.ht-offer__copy h2 em { color: var(--ht-blue); font-weight: 400; }
.ht-offer__copy > p:not(.ht-kicker) { max-width: 650px; color: rgba(247,244,236,.6); font-family: var(--ht-serif); font-size: 1.1rem; line-height: 1.7; }
.ht-offer__copy ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 30px; max-width: 720px; margin: 35px 0 0; padding: 0; list-style: none; }
.ht-offer__copy li { position: relative; padding-left: 22px; color: rgba(247,244,236,.68); font-size: .75rem; line-height: 1.5; }
.ht-offer__copy li::before { content: "✓"; position: absolute; left: 0; color: var(--ht-coral); }
.ht-offer__card { display: grid; padding: 38px; background: var(--ht-white); color: var(--ht-ink); border-radius: 26px; box-shadow: 0 45px 120px rgba(0,0,0,.28); }
.ht-offer__card > small { color: rgba(16,24,32,.52); font-size: .54rem; letter-spacing: .17em; }
.ht-offer__card > strong { margin: 20px 0 4px; color: var(--ht-coral); font-family: var(--ht-serif); font-size: 5rem; font-weight: 400; line-height: 1; letter-spacing: -.06em; }
.ht-offer__card > strong sup { font-size: 1.4rem; vertical-align: top; }
.ht-offer__card > strong em { color: rgba(16,24,32,.45); font-family: var(--ht-sans); font-size: .55rem; font-style: normal; letter-spacing: .12em; }
.ht-offer__card > p { margin: 0 0 28px; color: rgba(16,24,32,.58); font-family: var(--ht-serif); }
.ht-offer__card .ht-button { width: 100%; color: var(--ht-white); background: var(--ht-night); }
.ht-offer__card > a:not(.ht-button) { justify-self: center; margin-top: 19px; color: rgba(16,24,32,.65); font-size: .62rem; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.ht-offer__card > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin-top: 28px; padding-top: 20px; border-top: 1px solid rgba(16,24,32,.12); }
.ht-offer__card > div span { color: rgba(16,24,32,.48); font-size: .49rem; line-height: 1.4; text-align: center; letter-spacing: .04em; }
.ht-coming-next { display: grid; grid-template-columns: auto 1fr 1fr; align-items: center; gap: 32px; margin-top: 95px; padding-block: 25px; border-top: 1px solid rgba(247,244,236,.1); }
.ht-coming-next > span { color: var(--ht-coral); font-size: .52rem; letter-spacing: .17em; }
.ht-coming-next p { margin: 0; color: rgba(247,244,236,.42); font-family: var(--ht-serif); }
.ht-coming-next b { color: rgba(247,244,236,.72); font-weight: 400; }

.ht-lens { min-height: auto; padding-block: 120px; }
.ht-profile-form--simple { max-width: 610px; }
.ht-profile-form--simple fieldset > small { margin: -8px 0 22px; }
.ht-profile-form--simple fieldset > button { width: 100%; }
.ht-profile-result__offers { grid-template-columns: 1fr; }

.ht-faq { padding: 125px 0; color: var(--ht-ink); background: var(--ht-white); }
.ht-faq__layout { display: grid; grid-template-columns: minmax(0,.78fr) minmax(420px,1.22fr); gap: 9vw; margin-top: 75px; }
.ht-faq__layout h2 { margin: 0; font-family: var(--ht-serif); font-size: clamp(3.2rem,5vw,5.8rem); font-weight: 400; line-height: .94; letter-spacing: -.055em; }
.ht-faq__layout h2 em { color: var(--ht-coral); font-weight: 400; }
.ht-faq__layout > div:first-child p { max-width: 470px; color: rgba(16,24,32,.58); font-family: var(--ht-serif); font-size: 1.05rem; line-height: 1.7; }
.ht-faq__list { border-top: 1px solid rgba(16,24,32,.16); }
.ht-faq details { border-bottom: 1px solid rgba(16,24,32,.16); }
.ht-faq summary { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-family: var(--ht-serif); font-size: 1.35rem; list-style: none; }
.ht-faq summary::-webkit-details-marker { display: none; }
.ht-faq summary::after { content: "+"; color: var(--ht-coral); font-family: var(--ht-sans); }
.ht-faq details[open] summary::after { content: "−"; }
.ht-faq details p { max-width: 720px; margin: 0; padding: 0 45px 27px 0; color: rgba(16,24,32,.62); font-family: var(--ht-serif); line-height: 1.7; }
.ht-faq details a { color: var(--ht-ink); font-weight: 700; }
.ht-mobile-buy { display: none; }

@media (max-width: 1050px) {
  .ht-hero--product, .ht-hero--product .ht-hero__inner { min-height: auto; }
  .ht-hero--product .ht-hero__inner { grid-template-columns: minmax(0,1fr) minmax(290px,.58fr); padding-block: 135px 95px; }
  .ht-hero.ht-hero--product h1 { font-size: clamp(3.8rem,7.7vw,5.6rem); }
  .ht-proof-bar .ht-shell { grid-template-columns: repeat(2,1fr); }
  .ht-proof-bar span:nth-child(3) { border-left: 1px solid rgba(247,244,236,.09); }
  .ht-method__steps { grid-template-columns: 1fr; }
  .ht-method__steps article { min-height: 230px; }
  .ht-method__facts { grid-template-columns: repeat(2,1fr); }
  .ht-offer__layout { grid-template-columns: 1fr .72fr; gap: 5vw; }
  .ht-faq__layout { gap: 5vw; }
}

@media (max-width: 680px) {
  .ht-hero--product .ht-hero__inner { display: block; padding-block: 112px 54px; }
  .ht-hero.ht-hero--product h1 { max-width: 360px; font-size: clamp(3rem,14vw,4.05rem); line-height: .9; }
  .ht-hero--product .ht-hero__lede { margin: 21px 0 20px; font-size: 1rem; line-height: 1.5; }
  .ht-actions--purchase { gap: 16px; }
  .ht-actions--purchase .ht-text-action { width: 100%; justify-content: center; }
  .ht-hero__assurance { margin-top: 16px; line-height: 1.6; }
  .ht-hero__product-card { margin-top: 31px; padding: 24px; border-radius: 20px; }
  .ht-hero__product-card ul { gap: 11px; margin: 20px 0; }
  .ht-hero__product-card > div { padding-bottom: 17px; }
  .ht-hero__product-card strong { font-size: 1.65rem; }
  .ht-hero--product .ht-hero__footer { display: none; }
  .ht-proof-bar .ht-shell { grid-template-columns: 1fr; }
  .ht-proof-bar span { min-height: 70px; border: 0!important; border-bottom: 1px solid rgba(247,244,236,.09)!important; }
  .ht-signal, .ht-week-map { padding-block: 76px; }
  .ht-signal__intro { padding-block: 45px 34px; }
  .ht-week-map__intro { margin-block: 45px 35px; }
  .ht-method { padding-block: 78px 72px; }
  .ht-method__intro { grid-template-columns: 1fr; gap: 23px; margin: 48px 0 35px; }
  .ht-method__intro h2 { font-size: clamp(3rem,13vw,4rem); }
  .ht-method__steps { gap: 10px; }
  .ht-method__steps article { min-height: 245px; padding: 25px; }
  .ht-method__steps h3 { font-size: 2.35rem; }
  .ht-method__facts { grid-template-columns: 1fr; }
  .ht-method__facts span { min-height: 59px; }
  .ht-offer { padding-top: 78px; }
  .ht-offer__layout { grid-template-columns: 1fr; gap: 42px; }
  .ht-offer__copy h2 { font-size: clamp(3.2rem,14vw,4.35rem); }
  .ht-offer__copy ul { grid-template-columns: 1fr; }
  .ht-offer__card { padding: 26px 22px; border-radius: 21px; }
  .ht-offer__card > strong { font-size: 4.4rem; }
  .ht-coming-next { grid-template-columns: 1fr; gap: 12px; margin-top: 64px; padding-block: 24px 30px; }
  .ht-coming-next p { padding-top: 12px; border-top: 1px solid rgba(247,244,236,.08); }
  .ht-lens { padding-block: 76px; }
  .ht-profile-form--simple legend { font-size: 1.9rem; }
  .ht-profile-result { grid-template-columns: 1fr; gap: 22px; padding: 24px; }
  .ht-profile-result > span { width: 92px; height: 92px; font-size: 3.25rem; }
  .ht-faq { padding-block: 78px; }
  .ht-faq__layout { grid-template-columns: 1fr; gap: 40px; margin-top: 48px; }
  .ht-faq__layout h2 { font-size: clamp(3rem,13vw,4rem); }
  .ht-faq summary { min-height: 68px; font-size: 1.14rem; }
  .ht-faq details p { padding-right: 18px; }
  .ht-checkin { padding-bottom: 110px!important; }
  .ht-mobile-buy { position: fixed; z-index: 9998; left: 12px; right: 12px; bottom: 12px; min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 18px; color: var(--ht-night); background: var(--ht-white); border: 1px solid rgba(16,24,32,.14); border-radius: 16px; box-shadow: 0 15px 55px rgba(0,0,0,.35); text-decoration: none; font-size: .62rem; letter-spacing: .08em; opacity: 0; visibility: hidden; transform: translateY(85px); transition: opacity .25s, transform .3s, visibility .25s; }
  .ht-mobile-buy b { color: var(--ht-coral); font-size: .72rem; }
  .ht-mobile-buy.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
}

/* 7-Day Timing Map checkout */
.ht-checkout-page { background: var(--ht-night); color: var(--ht-white); }
.ht-checkout { min-height: 100vh; background: var(--ht-night); }
.ht-checkout__intro { position: relative; overflow: hidden; padding: 150px 0 72px; border-bottom: 1px solid var(--ht-line); background: radial-gradient(circle at 82% 12%,rgba(255,116,86,.18),transparent 30%),radial-gradient(circle at 15% 80%,rgba(169,220,255,.12),transparent 30%),#05090d; }
.ht-checkout__stars,.ht-success__stars { position: absolute; inset: 0; opacity: .45; pointer-events: none; background-image: radial-gradient(circle,rgba(247,244,236,.7) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(169,220,255,.55) 0 1px,transparent 1.5px); background-position: 0 0,57px 83px; background-size: 113px 113px,167px 167px; mask-image: linear-gradient(to bottom,black,transparent 90%); }
.ht-checkout__intro .ht-shell,.ht-success .ht-shell { position: relative; z-index: 1; }
.ht-checkout__heading { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 50px; margin-top: 55px; }
.ht-checkout__heading p,.ht-checkout__summary > small,.ht-checkout__coming > small,.ht-success__card > small { color: var(--ht-blue); font-size: .7rem; font-weight: 700; letter-spacing: .25em; }
.ht-checkout__heading h1 { max-width: 920px; margin: 20px 0 0; font-family: var(--ht-serif); font-size: clamp(4.7rem,7.3vw,7.8rem); font-weight: 400; line-height: .88; letter-spacing: -.055em; }
.ht-checkout__heading h1 em,.ht-checkout__summary h2 em,.ht-success__card h1 em { color: var(--ht-coral); font-weight: 400; }
.ht-checkout__price { min-width: 210px; padding: 28px 0 5px 32px; border-left: 1px solid var(--ht-line); }
.ht-checkout__price span { display: block; color: var(--ht-coral); font-family: var(--ht-serif); font-size: 3.1rem; }
.ht-checkout__price small { color: #91a0a9; font-size: .62rem; letter-spacing: .15em; }
.ht-checkout__lead { max-width: 720px; margin: 40px 0 0; color: #aebac1; font-family: var(--ht-serif); font-size: 1.25rem; line-height: 1.65; }
.ht-checkout__assurance { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 32px; color: rgba(247,244,236,.48); font-size: .55rem; letter-spacing: .13em; }
.ht-checkout__assurance span { display: inline-flex; align-items: center; gap: 9px; }
.ht-checkout__assurance span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--ht-blue); box-shadow: 0 0 14px rgba(169,220,255,.55); }
.ht-checkout__preview { color: var(--ht-ink); background: var(--ht-white); border-bottom: 1px solid var(--ht-dark-line); }
.ht-checkout__preview .ht-shell { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 60px; padding-block: 48px; }
.ht-checkout__preview small,.ht-checkout__faq-intro > small { color: #5f869d; font-size: .58rem; font-weight: 800; letter-spacing: .18em; }
.ht-checkout__preview h2 { max-width: 760px; margin: 9px 0 7px; font-family: var(--ht-serif); font-size: clamp(1.8rem,3vw,3rem); font-weight: 400; letter-spacing: -.035em; line-height: 1.02; }
.ht-checkout__preview p { max-width: 720px; margin: 0; color: rgba(16,24,32,.58); font-family: var(--ht-serif); }
.ht-checkout__preview a { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 290px; padding: 18px 22px; background: var(--ht-ink); color: var(--ht-white); font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.ht-checkout__preview a i { color: var(--ht-coral); font-size: 1.1rem; font-style: normal; }
.ht-checkout__body { padding: 75px 0 110px; background: linear-gradient(90deg,#081219 0 67%,#eee9df 67%); }
.ht-checkout__layout { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(310px,.8fr); gap: 90px; }
.ht-checkout__form-wrap { max-width: 820px; }
.ht-checkout__notice { margin-bottom: 24px; padding: 17px 20px; border: 1px solid rgba(169,220,255,.35); background: rgba(169,220,255,.08); color: var(--ht-blue); }
.ht-checkout__notice--error { border-color: rgba(255,116,86,.45); background: rgba(255,116,86,.09); color: #ffb09d; }
.ht-checkout__form fieldset { margin: 0 0 22px; padding: 30px; border: 1px solid var(--ht-line); background: rgba(255,255,255,.018); }
.ht-checkout__form legend { display: flex; align-items: center; gap: 16px; padding: 0 12px 0 0; }
.ht-checkout__form legend > span { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(169,220,255,.38); border-radius: 50%; color: var(--ht-blue); font-size: .7rem; }
.ht-checkout__form legend div { display: grid; gap: 4px; }
.ht-checkout__form legend small { color: var(--ht-coral); font-size: .62rem; letter-spacing: .2em; }
.ht-checkout__form legend strong { font-family: var(--ht-serif); font-size: 1.25rem; font-weight: 400; }
.ht-checkout__form label:not(.ht-checkout__consent):not(.ht-checkout__honeypot) { display: block; margin: 21px 0 8px; color: #9eadb5; font-size: .7rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.ht-checkout__form input:not([type="checkbox"]),.ht-checkout__form select { width: 100%; min-height: 56px; padding: 0 16px; border: 1px solid rgba(247,244,236,.19); border-radius: 0; outline: 0; background: #071018; color: var(--ht-white); font: inherit; color-scheme: dark; }
.ht-checkout__form input:focus,.ht-checkout__form select:focus { border-color: var(--ht-blue); box-shadow: 0 0 0 2px rgba(169,220,255,.1); }
.ht-checkout__form input[aria-invalid="true"] { border-color: var(--ht-coral); }
.ht-checkout__form fieldset > small,.ht-checkout__form .ht-checkout__row small { display: block; margin-top: 9px; color: #71838e; font-size: .72rem; line-height: 1.5; }
.ht-checkout__row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.ht-place-search { display: grid; grid-template-columns: 1fr auto; }
.ht-place-search button { min-width: 130px; border: 0; background: var(--ht-blue); color: var(--ht-ink); font-weight: 800; letter-spacing: .05em; cursor: pointer; }
.ht-place-search button:disabled { opacity: .55; cursor: wait; }
.ht-place-results { display: grid; gap: 1px; margin-top: 6px; color: #9babb4; font-size: .82rem; }
.ht-place-results button { padding: 13px 15px; border: 0; border-left: 2px solid transparent; background: #101d25; color: var(--ht-white); text-align: left; cursor: pointer; }
.ht-place-results button:hover,.ht-place-results button:focus { border-left-color: var(--ht-coral); background: #15252f; }
.ht-place-confirm { margin: 12px 0 0; padding: 13px 15px; border-left: 2px solid var(--ht-blue); background: rgba(169,220,255,.07); color: var(--ht-blue); font-size: .82rem; line-height: 1.5; }
.ht-checkout__honeypot { position: absolute!important; left: -9999px!important; }
.ht-checkout__consent { display: grid; grid-template-columns: 20px 1fr; gap: 12px; margin: 28px 0; color: #a8b6be; font-size: .79rem; line-height: 1.6; }
.ht-checkout__consent input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--ht-coral); }
.ht-checkout__submit button,.ht-checkout__coming a,.ht-success__card a,.ht-success__card button { display: inline-flex; align-items: center; justify-content: space-between; gap: 35px; min-width: 330px; padding: 20px 24px; border: 0; background: var(--ht-white); color: var(--ht-ink); font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; cursor: pointer; }
.ht-checkout__submit button i,.ht-checkout__coming a i,.ht-success__card a i,.ht-success__card button i { color: var(--ht-coral); font-size: 1.2rem; font-style: normal; }
.ht-checkout__submit button:disabled { opacity: .6; cursor: wait; }
.ht-checkout__submit p { margin: 13px 0 0; color: #6f818c; font-size: .68rem; letter-spacing: .06em; }
.ht-checkout__summary { padding: 36px 0 0; color: var(--ht-ink); }
.ht-checkout__summary > small { color: #506875; }
.ht-checkout__summary h2 { margin: 22px 0 35px; font-family: var(--ht-serif); font-size: 2.75rem; font-weight: 400; line-height: 1; letter-spacing: -.04em; }
.ht-checkout__summary ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ht-dark-line); }
.ht-checkout__summary li { display: grid; grid-template-columns: 38px 1fr; gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--ht-dark-line); font-size: .9rem; line-height: 1.4; }
.ht-checkout__summary li span { color: #6f8793; font-size: .62rem; letter-spacing: .1em; }
.ht-checkout__summary > div { margin-top: 38px; padding: 22px; background: #dcd6ca; }
.ht-checkout__summary > div strong { font-family: var(--ht-serif); font-size: 1.15rem; }
.ht-checkout__summary > div p { margin: 9px 0 0; color: #52616a; font-size: .75rem; line-height: 1.55; }
.ht-checkout__summary > div a { display: inline-block; margin-top: 15px; color: var(--ht-ink); font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-underline-offset: 4px; text-transform: uppercase; }
.ht-checkout__coming { padding: 48px; border: 1px solid var(--ht-line); }
.ht-checkout__coming h2 { margin: 20px 0; font-family: var(--ht-serif); font-size: 3.5rem; font-weight: 400; }
.ht-checkout__coming p { max-width: 580px; margin-bottom: 30px; color: #9babb4; font-size: 1rem; line-height: 1.7; }
.ht-checkout__faq { padding: 110px 0 125px; color: var(--ht-ink); background: var(--ht-white); }
.ht-checkout__faq .ht-shell { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); gap: clamp(60px,9vw,150px); align-items: start; }
.ht-checkout__faq-intro { position: sticky; top: 110px; }
.ht-checkout__faq-intro h2 { margin: 20px 0 25px; font-family: var(--ht-serif); font-size: clamp(3rem,5vw,5.4rem); font-weight: 400; line-height: .92; letter-spacing: -.05em; }
.ht-checkout__faq-intro h2 em { color: #5f869d; font-weight: 400; }
.ht-checkout__faq-intro p { max-width: 470px; color: rgba(16,24,32,.58); font-family: var(--ht-serif); line-height: 1.7; }
.ht-checkout__faq-list { border-top: 1px solid var(--ht-dark-line); }
.ht-checkout__faq-list details { border-bottom: 1px solid var(--ht-dark-line); }
.ht-checkout__faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 28px 0; font-family: var(--ht-serif); font-size: 1.25rem; cursor: pointer; list-style: none; }
.ht-checkout__faq-list summary::-webkit-details-marker { display: none; }
.ht-checkout__faq-list summary i { color: var(--ht-coral); font-family: var(--ht-sans); font-style: normal; transition: transform .2s ease; }
.ht-checkout__faq-list details[open] summary i { transform: rotate(45deg); }
.ht-checkout__faq-list p { max-width: 720px; margin: -4px 0 28px; color: rgba(16,24,32,.62); font-family: var(--ht-serif); line-height: 1.75; }
.ht-checkout__faq-list a { text-decoration-color: var(--ht-coral); text-underline-offset: 4px; }
.ht-success { position: relative; display: grid; min-height: 100vh; place-items: center; overflow: hidden; padding: 150px 20px 80px; background: radial-gradient(circle at 70% 20%,rgba(255,116,86,.18),transparent 32%),radial-gradient(circle at 20% 80%,rgba(169,220,255,.12),transparent 30%),#05090d; }
.ht-success__card { max-width: 860px; padding: 70px; border: 1px solid var(--ht-line); background: rgba(6,14,19,.88); text-align: center; }
.ht-success__card h1 { margin: 26px 0; font-family: var(--ht-serif); font-size: clamp(3.5rem,6vw,6rem); font-weight: 400; line-height: .95; letter-spacing: -.05em; }
.ht-success__card p { max-width: 620px; margin: 0 auto 35px; color: #a9b6bd; font-family: var(--ht-serif); font-size: 1.15rem; line-height: 1.7; }
.ht-success__card a,.ht-success__card button { margin-inline: auto; }

@media (max-width: 900px) {
  .ht-checkout__intro { padding: 120px 0 55px; }
  .ht-checkout__heading { grid-template-columns: 1fr; gap: 30px; margin-top: 40px; }
  .ht-checkout__heading h1 { font-size: clamp(3.6rem,13vw,5.8rem); }
  .ht-checkout__price { padding: 20px 0 0; border-top: 1px solid var(--ht-line); border-left: 0; }
  .ht-checkout__body { padding: 45px 0 75px; background: #081219; }
  .ht-checkout__layout { grid-template-columns: 1fr; gap: 55px; }
  .ht-checkout__summary { margin-inline: -15px; padding: 40px 25px; background: var(--ht-paper); }
  .ht-checkout__preview .ht-shell,.ht-checkout__faq .ht-shell { grid-template-columns: 1fr; gap: 38px; }
  .ht-checkout__faq-intro { position: static; }
}

@media (max-width: 600px) {
  .ht-checkout__heading h1 { font-size: 3.55rem; }
  .ht-checkout__lead { font-size: 1.05rem; }
  .ht-checkout__form fieldset { padding: 22px 17px; }
  .ht-checkout__form legend strong { font-size: 1.05rem; }
  .ht-checkout__row { grid-template-columns: 1fr; gap: 0; }
  .ht-place-search { grid-template-columns: 1fr; gap: 7px; }
  .ht-place-search button { min-height: 48px; }
  .ht-checkout__submit button,.ht-checkout__coming a,.ht-success__card a,.ht-success__card button { width: 100%; min-width: 0; }
  .ht-checkout__coming { padding: 32px 22px; }
  .ht-checkout__coming h2 { font-size: 2.65rem; }
  .ht-checkout__summary h2 { font-size: 2.45rem; }
  .ht-checkout__preview .ht-shell { padding-block: 40px; }
  .ht-checkout__preview a { width: 100%; min-width: 0; }
  .ht-checkout__assurance { display: grid; }
  .ht-checkout__faq { padding-block: 75px 85px; }
  .ht-checkout__faq-intro h2 { font-size: 3.25rem; }
  .ht-checkout__faq-list summary { font-size: 1.05rem; }
  .ht-success { padding-inline: 15px; }
  .ht-success__card { padding: 45px 20px; }
  .ht-success__card h1 { font-size: 3.35rem; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ht-night); }

.ht-source-note { display:flex; align-items:center; gap:.7rem; margin-top:1.4rem; color:rgba(247,244,236,.72); font-size:.86rem; letter-spacing:.035em; }
.ht-source-note span { display:grid; place-items:center; width:1.45rem; height:1.45rem; border:1px solid color-mix(in srgb,var(--ht-accent) 60%,transparent); border-radius:50%; color:var(--ht-accent); }
.ht-methodology { margin-top:1.4rem; border-top:1px solid var(--ht-dark-line); border-bottom:1px solid var(--ht-dark-line); }
.ht-methodology summary { display:flex; justify-content:space-between; gap:1rem; padding:1rem 0; cursor:pointer; font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; list-style:none; }
.ht-methodology summary::-webkit-details-marker { display:none; }
.ht-methodology summary span { font-size:1.1rem; transition:transform .2s ease; }
.ht-methodology[open] summary span { transform:rotate(45deg); }
.ht-methodology div { max-width:820px; padding:0 0 1.2rem; }
.ht-methodology p { margin:0; color:rgba(16,24,32,.68); font-size:.9rem; line-height:1.75; }
body { margin: 0; color: var(--ht-ink); background: var(--ht-night); font-family: var(--ht-sans); font-size: 16px; line-height: 1.55; text-rendering: optimizeLegibility; }
body.admin-bar .ht-header { top: 32px; }
a { color: inherit; }
button, input { font: inherit; }
button { cursor: pointer; }
::selection { color: var(--ht-night); background: var(--ht-blue); }
.ht-shell { width: min(calc(100% - 64px), var(--ht-max)); margin-inline: auto; }
.ht-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.ht-header { position: fixed; inset: 0 0 auto; z-index: 90; color: var(--ht-white); background: linear-gradient(to bottom, rgba(5,9,13,.84), transparent); transition: background .35s ease, border .35s ease; }
.ht-header.is-scrolled { background: rgba(5,9,13,.82); border-bottom: 1px solid var(--ht-line); backdrop-filter: blur(24px); }
.ht-header__inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.ht-brand { display: inline-flex; align-items: center; gap: 13px; text-decoration: none; }
.ht-brand__mark { width: 34px; height: 34px; position: relative; display: grid; place-items: center; border: 1px solid rgba(247,244,236,.55); border-radius: 50%; }
.ht-brand__mark::before { content: ""; width: 5px; height: 5px; background: var(--ht-coral); border-radius: 50%; box-shadow: 9px -8px 0 -1px var(--ht-blue); }
.ht-brand__mark::after { content: ""; position: absolute; width: 42px; height: 13px; border: 1px solid rgba(247,244,236,.28); border-radius: 50%; transform: rotate(-25deg); }
.ht-brand__word { font-family: var(--ht-serif); font-size: 1.18rem; letter-spacing: -.025em; }
.ht-brand__word em { color: var(--ht-coral); font-style: normal; }
.ht-nav { display: flex; align-items: center; gap: 30px; font-size: .73rem; text-transform: uppercase; letter-spacing: .12em; }
.ht-nav a { color: rgba(247,244,236,.65); text-decoration: none; transition: color .25s ease; }
.ht-nav a:hover { color: var(--ht-white); }
.ht-nav__cta { padding: 12px 18px; border: 1px solid rgba(247,244,236,.33); border-radius: 999px; color: var(--ht-white)!important; }
.ht-menu-button { display: none; border: 0; color: var(--ht-white); background: transparent; padding: 10px; }

.ht-scroll-progress { position: fixed; top: 0; right: 0; width: 3px; height: 100vh; z-index: 100; background: rgba(255,255,255,.05); }
.ht-scroll-progress span { display: block; width: 100%; height: var(--progress, 0%); background: linear-gradient(var(--ht-blue), var(--ht-coral)); box-shadow: 0 0 16px var(--ht-blue); }
.ht-cursor-glow { position: fixed; z-index: 4; width: 420px; height: 420px; border-radius: 50%; pointer-events: none; left: calc(var(--cursor-x, 50vw) - 210px); top: calc(var(--cursor-y, 50vh) - 210px); background: radial-gradient(circle, rgba(169,220,255,.08), transparent 65%); mix-blend-mode: screen; transition: opacity .3s; }

.ht-hero { position: relative; min-height: 100svh; overflow: hidden; color: var(--ht-white); background: var(--ht-night); isolation: isolate; }
.ht-hero::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, #000, transparent 90%); }
#ht-sky-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; opacity: .7; }
.ht-hero__art { position: absolute; inset: 0; z-index: 0; background: url('assets/images/celestial-sphere-v2.png') center/cover no-repeat; transform: scale(1.035) translate3d(calc(var(--mx, 0) * 16px), calc(var(--my, 0) * 12px), 0); transition: transform .12s linear; }
.ht-hero__veil { position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg, rgba(5,9,13,.94) 0%, rgba(5,9,13,.72) 37%, rgba(5,9,13,.14) 68%, rgba(5,9,13,.28) 100%), linear-gradient(to top, rgba(5,9,13,.86), transparent 35%); }
.ht-hero__inner { position: relative; z-index: 4; min-height: 100svh; display: grid; grid-template-columns: 1fr .92fr; align-items: center; gap: 40px; padding-block: 150px 110px; }
.ht-hero__copy { position: relative; z-index: 2; max-width: 780px; }
.ht-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 30px; color: rgba(247,244,236,.7); font-size: .67rem; font-weight: 600; text-transform: uppercase; letter-spacing: .19em; }
.ht-kicker span { width: 7px; height: 7px; border-radius: 50%; background: var(--ht-coral); box-shadow: 0 0 16px var(--ht-coral); }
.ht-kicker b { color: var(--ht-blue); font-weight: 600; }
.ht-hero h1 { margin: 0; font-family: var(--ht-serif); font-weight: 400; font-size: clamp(4.5rem, 8.4vw, 8.8rem); line-height: .82; letter-spacing: -.065em; text-wrap: balance; }
.ht-hero h1 em { display: block; color: var(--ht-blue); font-weight: 400; }
.ht-hero__lede { max-width: 570px; margin: 38px 0; color: rgba(247,244,236,.67); font-family: var(--ht-serif); font-size: clamp(1.05rem, 1.5vw, 1.32rem); line-height: 1.6; }
.ht-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; }
.ht-button { min-height: 58px; display: inline-flex; align-items: center; justify-content: space-between; gap: 38px; padding: 8px 10px 8px 24px; border-radius: 999px; text-decoration: none; font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; transition: transform .25s ease, background .25s ease, color .25s ease; }
.ht-button i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; font-style: normal; transition: transform .25s ease; }
.ht-button:hover i { transform: rotate(45deg); }
.ht-button--light { background: var(--ht-white); color: var(--ht-night); }
.ht-button--light i { background: var(--ht-coral); }
.ht-button--outline { color: var(--ht-white); border: 1px solid rgba(247,244,236,.28); }
.ht-button--outline i { background: rgba(247,244,236,.12); }
.ht-text-action { color: rgba(247,244,236,.7); font-size: .78rem; text-decoration: none; }
.ht-text-action span { display: inline-block; margin-left: 12px; color: var(--ht-blue); animation: ht-bob 1.6s ease-in-out infinite; }
.ht-hero__instrument { position: relative; width: min(42vw, 590px); aspect-ratio: 1; justify-self: end; transform: translate3d(calc(var(--mx, 0) * -20px), calc(var(--my, 0) * -16px), 0); transition: transform .13s linear; }
.ht-instrument__cross { position: absolute; inset: 10%; border: 1px solid rgba(247,244,236,.1); border-radius: 50%; }
.ht-instrument__cross::before, .ht-instrument__cross::after { content: ""; position: absolute; background: rgba(247,244,236,.12); }
.ht-instrument__cross::before { width: 120%; height: 1px; top: 50%; left: -10%; }
.ht-instrument__cross::after { width: 1px; height: 120%; top: -10%; left: 50%; }
.ht-instrument__core { position: absolute; inset: 39%; display: grid; place-items: center; align-content: center; background: rgba(5,9,13,.64); border: 1px solid rgba(247,244,236,.3); border-radius: 50%; backdrop-filter: blur(9px); box-shadow: 0 0 50px rgba(169,220,255,.12); }
.ht-instrument__core span { color: var(--ht-coral); font-size: .55rem; letter-spacing: .22em; }
.ht-instrument__core b { margin-top: 4px; font-family: var(--ht-serif); font-size: 1.1rem; font-weight: 400; }
.ht-instrument__orbit { position: absolute; border: 1px solid rgba(247,244,236,.21); border-radius: 50%; animation: ht-spin 28s linear infinite; }
.ht-instrument__orbit::before { content: ""; position: absolute; top: 48%; left: -4px; width: 8px; height: 8px; background: var(--ht-blue); border-radius: 50%; box-shadow: 0 0 20px var(--ht-blue); }
.ht-instrument__orbit--a { inset: 18%; transform: rotate(18deg); }
.ht-instrument__orbit--b { inset: 29%; animation-direction: reverse; animation-duration: 19s; }
.ht-instrument__orbit--b::before { background: var(--ht-coral); box-shadow: 0 0 20px var(--ht-coral); }
.ht-instrument__data { position: absolute; padding: 10px 13px; border-left: 1px solid rgba(247,244,236,.25); color: rgba(247,244,236,.65); font-size: .58rem; text-transform: uppercase; letter-spacing: .13em; }
.ht-instrument__data small, .ht-instrument__data strong { display: block; }
.ht-instrument__data strong { margin-top: 4px; color: var(--ht-white); font-weight: 500; }
.ht-instrument__data--top { top: 13%; left: 42%; }
.ht-instrument__data--side { right: 4%; bottom: 28%; }
.ht-hero__footer { position: absolute; z-index: 4; inset: auto 0 25px; display: flex; justify-content: space-between; color: rgba(247,244,236,.42); font-size: .58rem; text-transform: uppercase; letter-spacing: .18em; }

.ht-profile-bar { color: var(--ht-white); background: var(--ht-coral); }
.ht-profile-bar[hidden] { display: none; }
.ht-profile-bar > div { min-height: 92px; display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 22px; }
.ht-profile-bar__glyph { width: 54px; height: 54px; display: grid; place-items: center; color: var(--ht-night); background: var(--ht-white); border-radius: 50%; font-family: var(--ht-serif); font-size: 1.7rem; }
.ht-profile-bar p { margin: 0; display: grid; }
.ht-profile-bar small { font-size: .55rem; letter-spacing: .17em; }
.ht-profile-bar strong { font-family: var(--ht-serif); font-size: 1.2rem; font-weight: 400; }
.ht-profile-bar a { color: var(--ht-night); font-size: .65rem; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; }
.ht-profile-bar button { color: rgba(5,9,13,.65); background: transparent; border: 0; font-size: .6rem; text-transform: uppercase; letter-spacing: .1em; }

.ht-section-label { display: flex; align-items: center; gap: 18px; color: rgba(16,24,32,.6); font-size: .65rem; text-transform: uppercase; letter-spacing: .18em; }
.ht-section-label span { font-family: var(--ht-serif); font-size: .95rem; }
.ht-section-label p { margin: 0; }
.ht-section-label i { height: 1px; flex: 1; background: currentColor; opacity: .25; }
.ht-section-label small { font-size: inherit; }
.ht-signal { --ht-accent: #a9dcff; position: relative; overflow: hidden; padding: 115px 0 150px; background: var(--ht-paper); transition: background .7s ease; }
.ht-signal__ambient { position: absolute; width: 760px; height: 760px; right: -260px; top: 15%; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ht-accent) 36%, transparent), transparent 68%); filter: blur(20px); opacity: .7; transition: background .7s ease; }
.ht-signal__intro { display: grid; grid-template-columns: .45fr 1.55fr; align-items: end; gap: 50px; padding: 100px 0 70px; }
.ht-signal__intro p { margin: 0 0 15px; color: rgba(16,24,32,.55); font-size: .72rem; text-transform: uppercase; letter-spacing: .18em; }
.ht-signal h2, .ht-story h2, .ht-checkin h2, .ht-lens h2, .ht-newsletter h2 { margin: 0; font-family: var(--ht-serif); font-size: clamp(3.4rem, 7.2vw, 7rem); font-weight: 400; line-height: .95; letter-spacing: -.055em; }
.ht-signal h2 em, .ht-story h2 em, .ht-checkin h2 em, .ht-lens h2 em, .ht-newsletter h2 em { color: color-mix(in srgb, var(--ht-accent) 85%, #355); font-weight: 400; }
.ht-zodiac-rail { display: flex; overflow-x: auto; padding: 0 0 22px; border-top: 1px solid var(--ht-dark-line); scrollbar-width: thin; scrollbar-color: var(--ht-ink) transparent; }
.ht-sign { flex: 0 0 154px; min-height: 168px; display: grid; align-content: space-between; justify-items: start; padding: 24px 18px; color: var(--ht-ink); background: transparent; border: 0; border-right: 1px solid var(--ht-dark-line); text-align: left; transition: color .3s, background .3s, transform .3s; }
.ht-sign:hover { transform: translateY(-5px); }
.ht-sign[aria-pressed="true"] { color: var(--ht-white); background: var(--ht-ink); }
.ht-sign span { font-family: var(--ht-serif); font-size: 2.15rem; }
.ht-sign b { font-family: var(--ht-serif); font-size: 1.15rem; font-weight: 400; }
.ht-sign small { font-size: .56rem; letter-spacing: .15em; opacity: .55; }
.ht-reading { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; min-height: 680px; margin-top: 72px; overflow: hidden; color: var(--ht-white); background: var(--ht-ink); border-radius: 4px; box-shadow: 0 35px 90px rgba(16,24,32,.18); }
.ht-reading::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 28% 50%, color-mix(in srgb, var(--ht-accent) 18%, transparent), transparent 33%), linear-gradient(120deg, transparent 60%, rgba(255,255,255,.04)); transition: background .7s; }
.ht-reading__visual { position: relative; display: grid; place-items: center; min-height: 620px; border-right: 1px solid rgba(247,244,236,.12); }
.ht-reading__visual svg { width: min(80%, 470px); overflow: visible; fill: none; stroke: rgba(247,244,236,.16); stroke-width: .6; animation: ht-spin 65s linear infinite; }
.ht-reading__halo { position: absolute; width: 64%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ht-accent) 34%, transparent), transparent 67%); filter: blur(20px); transition: background .6s; }
.ht-reading__glyph { position: absolute; z-index: 2; font-family: var(--ht-serif); font-size: clamp(5rem, 10vw, 8rem); color: var(--ht-accent); text-shadow: 0 0 50px color-mix(in srgb, var(--ht-accent) 55%, transparent); transition: color .6s, transform .45s; }
.ht-reading__glyph.is-changing { transform: scale(.65) rotate(-18deg); }
.ht-reading__coord { position: absolute; bottom: 35px; left: 35px; color: rgba(247,244,236,.45); font-size: .55rem; letter-spacing: .16em; }
.ht-reading__content { position: relative; z-index: 2; padding: clamp(45px, 7vw, 100px); display: flex; flex-direction: column; justify-content: center; }
.ht-reading__eyebrow { display: flex; align-items: center; gap: 14px; color: var(--ht-accent); font-size: .62rem; letter-spacing: .18em; text-transform: uppercase; }
.ht-reading__eyebrow i { width: 45px; height: 1px; background: currentColor; }
.ht-reading__eyebrow time { color: rgba(247,244,236,.48); }
.ht-reading h3 { margin: 32px 0 28px; font-family: var(--ht-serif); font-size: clamp(2.8rem, 4.25vw, 4.7rem); font-weight: 400; line-height: .98; letter-spacing: -.045em; }
.ht-reading__content > p { max-width: 570px; color: rgba(247,244,236,.65); font-family: var(--ht-serif); font-size: 1.1rem; line-height: 1.65; }
.ht-energy { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 32px 0 42px; background: rgba(247,244,236,.12); border: 1px solid rgba(247,244,236,.12); }
.ht-energy div { padding: 18px; background: var(--ht-ink); }
.ht-energy span { display: block; color: rgba(247,244,236,.42); font-size: .56rem; text-transform: uppercase; letter-spacing: .14em; }
.ht-energy b { display: block; margin-top: 6px; font-family: var(--ht-serif); font-size: 1.8rem; font-weight: 400; color: var(--ht-accent); transition: color .6s; }
.ht-reading .ht-button { align-self: flex-start; }

.ht-story { color: var(--ht-white); background: #081016; padding: 150px 0; }
.ht-story__layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 10vw; align-items: start; }
.ht-story__sticky { position: sticky; top: 150px; }
.ht-story .ht-section-label { color: rgba(247,244,236,.48); margin-bottom: 70px; }
.ht-story h2 em { color: var(--ht-blue); }
.ht-story__sticky > p { max-width: 500px; color: rgba(247,244,236,.58); font-family: var(--ht-serif); font-size: 1.1rem; }
.ht-story__clock { margin-top: 70px; display: flex; align-items: baseline; gap: 16px; }
.ht-story__clock span { font-family: var(--ht-serif); font-size: clamp(4rem, 7vw, 7rem); color: var(--ht-coral); letter-spacing: -.05em; }
.ht-story__clock small { color: rgba(247,244,236,.4); font-size: .55rem; letter-spacing: .17em; }
.ht-timeline { border-left: 1px solid rgba(247,244,236,.13); }
.ht-moment { position: relative; min-height: 76vh; display: grid; grid-template-columns: 100px 1fr auto; gap: 35px; align-content: center; padding: 90px 0 90px 45px; opacity: .28; transition: opacity .55s, transform .55s; }
.ht-moment.is-active { opacity: 1; transform: translateX(12px); }
.ht-moment::before { content: ""; position: absolute; top: 50%; left: -5px; width: 9px; height: 9px; border-radius: 50%; background: var(--ht-blue); box-shadow: 0 0 20px var(--ht-blue); }
.ht-moment > span { font-family: var(--ht-serif); font-size: 1.2rem; color: var(--ht-blue); }
.ht-moment small { color: rgba(247,244,236,.45); font-size: .58rem; letter-spacing: .16em; }
.ht-moment h3 { max-width: 580px; margin: 20px 0; font-family: var(--ht-serif); font-size: clamp(2.4rem, 4vw, 4.7rem); font-weight: 400; line-height: 1; letter-spacing: -.04em; }
.ht-moment p { max-width: 500px; color: rgba(247,244,236,.55); font-family: var(--ht-serif); }
.ht-moment > i { color: rgba(247,244,236,.15); font-family: var(--ht-serif); font-size: 3rem; font-style: normal; }

.ht-checkin { --ht-accent: #a9dcff; padding: 150px 0; background: var(--ht-paper); }
.ht-checkin__layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; align-items: start; }
.ht-checkin .ht-section-label { margin-bottom: 70px; }
.ht-checkin h2 em { color: var(--ht-coral); }
.ht-checkin__copy > p { max-width: 520px; color: rgba(16,24,32,.6); font-family: var(--ht-serif); font-size: 1.08rem; }
.ht-streak { display: flex; align-items: center; gap: 16px; margin-top: 65px; padding-top: 28px; border-top: 1px solid var(--ht-dark-line); }
.ht-streak strong { font-family: var(--ht-serif); font-size: 4rem; font-weight: 400; color: var(--ht-coral); line-height: 1; }
.ht-streak span { max-width: 90px; color: rgba(16,24,32,.5); font-size: .62rem; text-transform: uppercase; letter-spacing: .12em; }
.ht-checkin__panel { padding: 36px; background: var(--ht-white); border: 1px solid var(--ht-dark-line); box-shadow: 0 30px 80px rgba(16,24,32,.08); }
.ht-checkin__panel > p { margin: 0 0 28px; color: rgba(16,24,32,.55); font-size: .65rem; text-transform: uppercase; letter-spacing: .14em; }
.ht-mood-grid { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--ht-dark-line); border-left: 1px solid var(--ht-dark-line); }
.ht-mood-grid button { min-height: 142px; display: grid; place-items: center; align-content: center; gap: 10px; color: var(--ht-ink); background: transparent; border: 0; border-right: 1px solid var(--ht-dark-line); border-bottom: 1px solid var(--ht-dark-line); transition: background .25s, color .25s, transform .25s; }
.ht-mood-grid button:hover { transform: translateY(-4px); }
.ht-mood-grid button.is-selected { color: var(--ht-white); background: var(--ht-ink); }
.ht-mood-grid span { font-family: var(--ht-serif); font-size: 1.8rem; }
.ht-mood-grid b { font-family: var(--ht-serif); font-size: .92rem; font-weight: 400; }
.ht-checkin__result { margin-top: 35px; padding: 30px; color: var(--ht-white); background: var(--ht-ink); }
.ht-checkin__result[hidden] { display: none; }
.ht-checkin__result small { color: var(--ht-coral); font-size: .56rem; letter-spacing: .17em; }
.ht-checkin__result h3 { margin: 16px 0 10px; font-family: var(--ht-serif); font-size: 2rem; font-weight: 400; }
.ht-checkin__result p { color: rgba(247,244,236,.62); font-family: var(--ht-serif); }
.ht-checkin__result > span { color: rgba(247,244,236,.35); font-size: .56rem; text-transform: uppercase; letter-spacing: .12em; }

.ht-lens { position: relative; min-height: 100svh; overflow: hidden; display: grid; align-items: center; color: var(--ht-white); background: #06131a; padding: 160px 0; isolation: isolate; }
.ht-lens::before { content: ""; position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 70% 50%, rgba(169,220,255,.14), transparent 33%), linear-gradient(120deg, #06131a, #0a1c25); }
.ht-lens__rings { position: absolute; z-index: -1; width: min(72vw, 980px); aspect-ratio: 1; right: -15vw; top: 50%; transform: translateY(-50%); }
.ht-lens__rings i { position: absolute; border: 1px solid rgba(247,244,236,.14); border-radius: 50%; animation: ht-spin 40s linear infinite; }
.ht-lens__rings i:nth-child(1) { inset: 0; }
.ht-lens__rings i:nth-child(2) { inset: 14%; animation-direction: reverse; }
.ht-lens__rings i:nth-child(3) { inset: 30%; animation-duration: 20s; }
.ht-lens__rings b { position: absolute; inset: 43%; border-radius: 50%; background: var(--ht-coral); box-shadow: 0 0 120px 50px rgba(255,116,86,.17); }
.ht-lens__inner { position: relative; }
.ht-lens h2 { max-width: 1000px; }
.ht-lens h2 em { color: var(--ht-blue); }
.ht-lens__inner > p:not(.ht-kicker) { max-width: 600px; margin: 35px 0 55px; color: rgba(247,244,236,.6); font-family: var(--ht-serif); font-size: 1.1rem; }
.ht-lens__steps { width: min(650px, 100%); display: grid; gap: 1px; margin-bottom: 46px; background: rgba(247,244,236,.15); border: 1px solid rgba(247,244,236,.15); }
.ht-lens__steps button { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 15px; padding: 19px 22px; color: rgba(247,244,236,.55); background: rgba(5,9,13,.76); border: 0; text-align: left; transition: color .3s, background .3s; }
.ht-lens__steps button.is-active { color: var(--ht-white); background: rgba(169,220,255,.1); }
.ht-lens__steps small { color: var(--ht-coral); }
.ht-lens__steps span { font-family: var(--ht-serif); font-size: 1.1rem; }
.ht-lens__steps b { font-size: .57rem; font-weight: 500; text-transform: uppercase; letter-spacing: .15em; }
.ht-profile-form { width: min(680px,100%); padding: 34px; background: rgba(5,9,13,.72); border: 1px solid rgba(247,244,236,.16); backdrop-filter: blur(18px); }
.ht-profile-form[hidden] { display: none; }
.ht-profile-form__progress { display: flex; align-items: center; margin-bottom: 38px; color: rgba(247,244,236,.35); }
.ht-profile-form__progress span { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(247,244,236,.2); border-radius: 50%; font-size: .58rem; transition: color .3s, background .3s; }
.ht-profile-form__progress span.is-active { color: var(--ht-night); background: var(--ht-blue); border-color: var(--ht-blue); }
.ht-profile-form__progress i { flex: 1; height: 1px; background: rgba(247,244,236,.15); }
.ht-profile-form fieldset { display: none; margin: 0; padding: 0; border: 0; }
.ht-profile-form fieldset.is-active { display: grid; }
.ht-profile-form legend { margin-bottom: 30px; font-family: var(--ht-serif); font-size: clamp(2rem,4vw,3.3rem); line-height: 1; }
.ht-profile-form label { margin-bottom: 8px; color: rgba(247,244,236,.55); font-size: .58rem; text-transform: uppercase; letter-spacing: .15em; }
.ht-profile-form input[type="date"], .ht-profile-form input[type="time"], .ht-profile-form input[type="text"] { min-height: 62px; width: 100%; margin-bottom: 22px; padding: 0 16px; color: var(--ht-white); color-scheme: dark; background: rgba(247,244,236,.05); border: 1px solid rgba(247,244,236,.18); border-radius: 0; outline: none; }
.ht-profile-form input:focus { border-color: var(--ht-blue); box-shadow: 0 0 0 3px rgba(169,220,255,.09); }
.ht-profile-form fieldset > button, .ht-profile-form fieldset > div button, .ht-profile-result button { min-height: 52px; padding: 0 22px; color: var(--ht-night); background: var(--ht-white); border: 0; font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.ht-profile-form fieldset > button { justify-self: start; }
.ht-profile-form fieldset > div { display: flex; justify-content: space-between; gap: 12px; }
.ht-profile-form fieldset > div button:first-child { color: var(--ht-white); background: transparent; border: 1px solid rgba(247,244,236,.2); }
.ht-profile-form__unknown { display: flex!important; align-items: center; gap: 9px; margin: -7px 0 26px!important; text-transform: none!important; letter-spacing: 0!important; }
.ht-profile-form fieldset > small { margin: -10px 0 24px; color: rgba(247,244,236,.4); font-size: .65rem; }
.ht-profile-result { width: min(760px,100%); display: grid; grid-template-columns: 150px 1fr; gap: 35px; align-items: center; padding: 38px; background: rgba(5,9,13,.76); border: 1px solid rgba(247,244,236,.18); backdrop-filter: blur(18px); }
.ht-profile-result[hidden] { display: none; }
.ht-profile-result > span { width: 150px; height: 150px; display: grid; place-items: center; color: var(--ht-blue); border: 1px solid rgba(247,244,236,.2); border-radius: 50%; font-family: var(--ht-serif); font-size: 4.5rem; }
.ht-profile-result small { color: var(--ht-coral); font-size: .56rem; letter-spacing: .17em; }
.ht-profile-result h3 { margin: 12px 0; font-family: var(--ht-serif); font-size: 2.4rem; font-weight: 400; }
.ht-profile-result p { color: rgba(247,244,236,.6); font-family: var(--ht-serif); }
.ht-profile-result__offers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 24px 0 18px; }
.ht-profile-result__offers a { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; padding: 16px; color: var(--ht-white); text-decoration: none; border: 1px solid rgba(247,244,236,.14); border-radius: 14px; background: rgba(247,244,236,.04); transition: border-color .25s, background .25s, transform .25s; }
.ht-profile-result__offers a:hover { border-color: var(--ht-blue); background: rgba(169,220,255,.08); transform: translateY(-3px); }
.ht-profile-result__offers small { color: rgba(247,244,236,.48); }
.ht-profile-result__offers strong { grid-row: 1 / span 2; grid-column: 2; align-self: center; color: var(--ht-blue); font-family: var(--ht-serif); font-size: 1.45rem; font-weight: 400; }
.ht-profile-result__offers span { font-size: .62rem; letter-spacing: .05em; }

.ht-premium { position: relative; overflow: hidden; padding: 140px 0 120px; color: var(--ht-white); background: #04080c; }
.ht-premium::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 84% 6%, rgba(169,220,255,.14), transparent 30%), radial-gradient(circle at 13% 88%, rgba(255,116,86,.11), transparent 28%), linear-gradient(135deg, transparent 0 48%, rgba(247,244,236,.025) 48% 48.1%, transparent 48.1%); }
.ht-premium__orbit { position: absolute; width: 720px; height: 720px; right: -330px; top: -300px; border: 1px solid rgba(169,220,255,.12); border-radius: 50%; box-shadow: 0 0 0 90px rgba(169,220,255,.025), 0 0 0 180px rgba(169,220,255,.018); }
.ht-premium .ht-section-label { position: relative; color: rgba(247,244,236,.5); }
.ht-premium__intro { position: relative; display: grid; grid-template-columns: minmax(0,1.55fr) minmax(260px,.65fr); gap: 80px; align-items: end; margin: 72px 0 70px; }
.ht-premium__intro > div > p { margin: 0 0 18px; color: var(--ht-coral); font-size: .58rem; letter-spacing: .2em; }
.ht-premium__intro h2 { margin: 0; font-family: var(--ht-serif); font-size: clamp(3.3rem,6vw,7rem); font-weight: 400; line-height: .92; letter-spacing: -.055em; }
.ht-premium__intro h2 em { color: var(--ht-blue); font-weight: 400; }
.ht-premium__intro > p { margin: 0 0 8px; color: rgba(247,244,236,.55); font-family: var(--ht-serif); font-size: 1.14rem; line-height: 1.7; }
.ht-pricing-grid { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; padding: 1px; background: rgba(247,244,236,.13); }
.ht-price-card { position: relative; min-height: 610px; display: flex; flex-direction: column; padding: 28px; background: #071017; }
.ht-price-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; background: linear-gradient(150deg, rgba(169,220,255,.09), transparent 45%); transition: opacity .3s; }
.ht-price-card:hover::after { opacity: 1; }
.ht-price-card--featured { z-index: 2; background: linear-gradient(165deg, #102633, #071017 62%); box-shadow: 0 0 70px rgba(169,220,255,.08); }
.ht-price-card__badge { position: absolute; top: 0; right: 0; padding: 8px 12px; color: var(--ht-night); background: var(--ht-coral); font-size: .5rem; font-weight: 800; letter-spacing: .15em; }
.ht-price-card__top { display: flex; justify-content: space-between; align-items: center; min-height: 34px; color: rgba(247,244,236,.38); font-size: .52rem; letter-spacing: .16em; }
.ht-price-card__top span { font-family: var(--ht-serif); font-size: .85rem; }
.ht-price-card h3 { min-height: 76px; margin: 34px 0 12px; font-family: var(--ht-serif); font-size: 2rem; font-weight: 400; line-height: 1.1; }
.ht-price { margin: 0 0 22px!important; color: var(--ht-white)!important; font-family: var(--ht-serif)!important; font-size: 3.4rem!important; line-height: 1!important; }
.ht-price sup { position: relative; top: -.8em; margin-right: 3px; color: var(--ht-coral); font-family: var(--ht-sans); font-size: .7rem; }
.ht-price small { margin-left: 6px; color: rgba(247,244,236,.45); font-family: var(--ht-sans); font-size: .58rem; letter-spacing: .08em; }
.ht-price-card__future, .ht-price-card__annual { min-height: 18px; margin: -13px 0 18px!important; color: rgba(247,244,236,.42)!important; font-family: var(--ht-sans)!important; font-size: .58rem!important; text-transform: uppercase; letter-spacing: .1em; }
.ht-price-card__annual strong { color: var(--ht-blue); font-weight: 600; }
.ht-price-card > p:not(.ht-price):not(.ht-price-card__future):not(.ht-price-card__annual) { min-height: 90px; margin: 0; color: rgba(247,244,236,.56); font-family: var(--ht-serif); line-height: 1.6; }
.ht-price-card ul { min-height: 128px; margin: 25px 0 30px; padding: 22px 0 0; list-style: none; border-top: 1px solid rgba(247,244,236,.11); }
.ht-price-card li { position: relative; margin: 0 0 12px; padding-left: 16px; color: rgba(247,244,236,.64); font-size: .67rem; line-height: 1.45; }
.ht-price-card li::before { content: "·"; position: absolute; left: 0; color: var(--ht-coral); }
.ht-price-card > a { position: relative; z-index: 3; min-height: 52px; display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding: 0 17px; color: var(--ht-white); border: 1px solid rgba(247,244,236,.2); border-radius: 999px; text-decoration: none; font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; transition: color .25s, background .25s, border-color .25s; }
.ht-price-card > a:hover, .ht-price-card--featured > a { color: var(--ht-night); background: var(--ht-white); border-color: var(--ht-white); }
.ht-premium__note { position: relative; margin: 28px auto 0; color: rgba(247,244,236,.4); font-size: .62rem; line-height: 1.7; text-align: center; letter-spacing: .04em; }

.ht-week-map { position: relative; overflow: hidden; padding: 130px 0 145px; color: var(--ht-white); background: #071017; }
.ht-week-map::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 12% 28%, rgba(255,116,86,.14), transparent 26%), radial-gradient(circle at 88% 62%, rgba(169,220,255,.13), transparent 30%), linear-gradient(90deg, transparent 49.95%, rgba(247,244,236,.035) 50%, transparent 50.05%); }
.ht-week-map__stars { position: absolute; inset: 0; opacity: .32; background-image: radial-gradient(circle, rgba(247,244,236,.6) 0 1px, transparent 1.5px); background-size: 73px 73px; mask-image: linear-gradient(to bottom,transparent,#000 24%,#000 75%,transparent); }
.ht-week-map .ht-section-label { position: relative; color: rgba(247,244,236,.5); }
.ht-week-map__intro { position: relative; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(260px,.65fr); gap: 80px; align-items: end; margin: 70px 0 58px; }
.ht-week-map__intro > div > p { margin: 0 0 18px; color: var(--ht-coral); font-size: .58rem; letter-spacing: .2em; }
.ht-week-map__intro h2 { margin: 0; font-family: var(--ht-serif); font-size: clamp(3.3rem,6vw,6.6rem); font-weight: 400; line-height: .92; letter-spacing: -.055em; }
.ht-week-map__intro h2 em { color: var(--ht-blue); font-weight: 400; }
.ht-week-map__intro > p { margin: 0 0 7px; color: rgba(247,244,236,.55); font-family: var(--ht-serif); font-size: 1.08rem; line-height: 1.7; }
.ht-week-map__product { position: relative; display: grid; grid-template-columns: 280px minmax(0,1fr); border: 1px solid rgba(247,244,236,.16); background: rgba(3,8,12,.74); box-shadow: 0 50px 120px rgba(0,0,0,.32); backdrop-filter: blur(18px); }
.ht-week-map__rail { min-width: 0; border-right: 1px solid rgba(247,244,236,.13); background: rgba(247,244,236,.025); }
.ht-week-map__identity { min-height: 126px; display: flex; align-items: center; gap: 15px; padding: 24px; border-bottom: 1px solid rgba(247,244,236,.13); }
.ht-week-map__identity > span { width: 68px; height: 68px; display: grid; flex: 0 0 auto; place-items: center; color: var(--ht-coral); background: rgba(255,116,86,.08); border: 1px solid rgba(255,116,86,.26); border-radius: 50%; font-family: var(--ht-serif); font-size: 2.6rem; }
.ht-week-map__identity div { display: grid; gap: 7px; }
.ht-week-map__identity small { color: rgba(247,244,236,.38); font-size: .49rem; letter-spacing: .18em; }
.ht-week-map__identity strong { font-family: var(--ht-serif); font-size: 1.55rem; font-weight: 400; letter-spacing: -.02em; }
.ht-week-map__days { display: grid; padding: 10px; }
.ht-week-map__days button { position: relative; min-height: 76px; display: grid; grid-template-columns: 54px 1fr 10px; align-items: center; gap: 10px; padding: 0 14px; color: rgba(247,244,236,.55); background: transparent; border: 0; border-bottom: 1px solid rgba(247,244,236,.08); text-align: left; cursor: pointer; transition: color .25s, background .25s, transform .25s; }
.ht-week-map__days button::before { content: ""; position: absolute; inset: 8px 5px; opacity: 0; background: linear-gradient(90deg,rgba(169,220,255,.1),transparent); border-left: 2px solid var(--ht-blue); transition: opacity .25s; }
.ht-week-map__days button:hover { color: var(--ht-white); transform: translateX(3px); }
.ht-week-map__days button[aria-pressed="true"] { color: var(--ht-white); }
.ht-week-map__days button[aria-pressed="true"]::before { opacity: 1; }
.ht-week-map__days small, .ht-week-map__days strong, .ht-week-map__days span { position: relative; }
.ht-week-map__days small { color: rgba(247,244,236,.32); font-size: .46rem; letter-spacing: .14em; }
.ht-week-map__days strong { font-family: var(--ht-serif); font-size: 1rem; font-weight: 400; }
.ht-week-map__days span { width: 7px; height: 7px; background: rgba(247,244,236,.2); border-radius: 50%; }
.ht-week-map__days button[aria-pressed="true"] span { background: var(--ht-coral); box-shadow: 0 0 18px var(--ht-coral); }
.ht-week-map__reading { min-width: 0; padding: 34px 42px 38px; }
.ht-week-map__reading > header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 28px; border-bottom: 1px solid rgba(247,244,236,.12); }
.ht-week-map__reading > header > div:first-child { display: grid; gap: 7px; }
.ht-week-map__reading > header small, .ht-week-map__reading > header span { font-size: .52rem; letter-spacing: .17em; }
.ht-week-map__reading > header div:first-child small { color: var(--ht-coral); }
.ht-week-map__reading > header div:first-child span { color: rgba(247,244,236,.38); }
.ht-week-map__score { display: grid; grid-template-columns: auto auto; align-items: center; gap: 0 10px; }
.ht-week-map__score > span { grid-row: 1 / span 2; color: var(--ht-blue); font-family: var(--ht-serif); font-size: 2.5rem!important; letter-spacing: -.04em!important; }
.ht-week-map__score small { color: rgba(247,244,236,.38); }
.ht-week-map__headline { display: grid; grid-template-columns: 74px 1fr; gap: 28px; padding: 44px 0 38px; }
.ht-week-map__headline > span { color: rgba(169,220,255,.22); font-family: var(--ht-serif); font-size: 4.5rem; line-height: 1; }
.ht-week-map__headline h3 { max-width: 720px; margin: 0 0 15px; font-family: var(--ht-serif); font-size: clamp(2.4rem,4vw,4.8rem); font-weight: 400; line-height: .96; letter-spacing: -.045em; }
.ht-week-map__headline p { max-width: 650px; margin: 0; color: rgba(247,244,236,.58); font-family: var(--ht-serif); line-height: 1.65; }
.ht-week-map__windows { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid rgba(247,244,236,.12); }
.ht-week-map__windows > div { min-width: 0; min-height: 128px; display: grid; grid-template-columns: auto 1fr; gap: 16px; align-content: center; padding: 21px; border-right: 1px solid rgba(247,244,236,.12); }
.ht-week-map__windows > div:last-child { border-right: 0; }
.ht-week-map__windows time { color: var(--ht-blue); font-family: var(--ht-serif); font-size: 1.65rem; }
.ht-week-map__windows span { display: grid; gap: 7px; }
.ht-week-map__windows small { color: var(--ht-coral); font-size: .46rem; letter-spacing: .16em; }
.ht-week-map__windows strong { overflow: hidden; color: rgba(247,244,236,.74); font-family: var(--ht-serif); font-size: .9rem; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.ht-week-map__windows b { grid-column: 1 / -1; color: rgba(247,244,236,.28); font-size: .46rem; font-weight: 500; letter-spacing: .18em; }
.ht-week-map__guidance { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 16px 0; background: rgba(247,244,236,.12); }
.ht-week-map__guidance section { min-height: 142px; padding: 23px; background: #08131b; }
.ht-week-map__guidance small { color: var(--ht-coral); font-size: .48rem; letter-spacing: .18em; }
.ht-week-map__guidance p { margin: 25px 0 0; color: rgba(247,244,236,.68); font-family: var(--ht-serif); line-height: 1.45; }
.ht-week-map__reading > footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-top: 19px; }
.ht-week-map__reading > footer p { max-width: 530px; display: flex; align-items: flex-start; gap: 9px; margin: 0; color: rgba(247,244,236,.3); font-size: .46rem; line-height: 1.55; letter-spacing: .1em; }
.ht-week-map__reading > footer p span { width: 6px; height: 6px; flex: 0 0 auto; margin-top: 3px; background: var(--ht-blue); border-radius: 50%; box-shadow: 0 0 12px var(--ht-blue); }
.ht-week-map__reading > footer a { min-height: 48px; display: inline-flex; flex: 0 0 auto; align-items: center; gap: 28px; padding: 0 20px; color: var(--ht-night); background: var(--ht-white); border-radius: 999px; text-decoration: none; font-size: .56rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; transition: transform .25s, background .25s; }
.ht-week-map__reading > footer a:hover { background: var(--ht-blue); transform: translateY(-2px); }

.ht-timing-page { color: var(--ht-white); background: #050b10; }
.ht-timing-result { min-height: 100vh; }
.ht-timing-result__hero { position: relative; overflow: hidden; padding: 138px 0 56px; background: radial-gradient(circle at 82% 25%,rgba(169,220,255,.14),transparent 30%),radial-gradient(circle at 12% 75%,rgba(255,116,86,.13),transparent 28%),#071017; }
.ht-timing-result__stars { position: absolute; inset: 0; opacity: .28; background-image: radial-gradient(circle,rgba(247,244,236,.65) 0 1px,transparent 1.5px); background-size: 69px 69px; mask-image: linear-gradient(to bottom,#000,transparent); }
.ht-timing-result__hero .ht-shell { position: relative; }
.ht-timing-result__hero .ht-daily-breadcrumbs { margin-bottom: 42px; color: rgba(247,244,236,.38); }
.ht-timing-result__hero .ht-daily-breadcrumbs a { color: inherit; }
.ht-timing-result__identity { display: grid; grid-template-columns: 140px 1fr; gap: 36px; align-items: center; }
.ht-timing-result__identity > span { width: 140px; height: 140px; display: grid; place-items: center; color: var(--ht-coral); background: rgba(255,116,86,.06); border: 1px solid rgba(255,116,86,.25); border-radius: 50%; box-shadow: 0 0 0 22px rgba(255,116,86,.018),0 0 70px rgba(255,116,86,.08); font-family: var(--ht-serif); font-size: 5rem; }
.ht-timing-result__identity small { color: var(--ht-coral); font-size: .54rem; letter-spacing: .2em; }
.ht-timing-result__identity h1 { margin: 14px 0 16px; font-family: var(--ht-serif); font-size: clamp(3.5rem,6vw,6.5rem); font-weight: 400; line-height: .86; letter-spacing: -.055em; }
.ht-timing-result__identity h1 em { color: var(--ht-blue); font-weight: 400; }
.ht-timing-result__identity p { margin: 0; color: rgba(247,244,236,.45); font-family: var(--ht-serif); }
.ht-timing-result__week { display: flex; align-items: center; justify-content: space-between; margin-top: 44px; padding-top: 21px; border-top: 1px solid rgba(247,244,236,.14); }
.ht-timing-result__week small { color: rgba(247,244,236,.36); font-size: .52rem; letter-spacing: .18em; }
.ht-timing-result__week strong { color: var(--ht-blue); font-family: var(--ht-serif); font-size: 1.15rem; font-weight: 400; }
.ht-timing-result__body { padding: 58px 0 105px; background: #050b10; }
.ht-timing-result__layout { display: grid; grid-template-columns: 235px minmax(0,1fr); gap: 20px; align-items: start; }
.ht-timing-result__days { position: sticky; top: 110px; display: grid; padding: 8px; border: 1px solid rgba(247,244,236,.13); background: #08131b; }
.ht-timing-result__days button { min-height: 86px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 6px 12px; padding: 13px 15px; color: rgba(247,244,236,.5); background: transparent; border: 0; border-bottom: 1px solid rgba(247,244,236,.08); text-align: left; cursor: pointer; transition: color .25s,background .25s; }
.ht-timing-result__days button:last-child { border-bottom: 0; }
.ht-timing-result__days button[aria-pressed="true"] { color: var(--ht-white); background: linear-gradient(90deg,rgba(169,220,255,.1),transparent); box-shadow: inset 2px 0 var(--ht-blue); }
.ht-timing-result__days small { color: var(--ht-coral); font-size: .43rem; letter-spacing: .16em; }
.ht-timing-result__days strong { grid-column: 1; font-family: var(--ht-serif); font-size: 1rem; font-weight: 400; }
.ht-timing-result__days span { grid-column: 2; grid-row: 2; color: rgba(247,244,236,.3); font-size: .5rem; letter-spacing: .08em; }
.ht-timing-result__days i { width: 6px; height: 6px; grid-column: 2; grid-row: 1; align-self: center; background: rgba(247,244,236,.16); border-radius: 50%; }
.ht-timing-result__days button[aria-pressed="true"] i { background: var(--ht-coral); box-shadow: 0 0 15px var(--ht-coral); }
.ht-timing-result__readings { min-width: 0; }
.ht-timing-result__day { padding: 38px; border: 1px solid rgba(247,244,236,.13); background: rgba(8,19,27,.78); box-shadow: 0 35px 100px rgba(0,0,0,.22); }
.ht-timing-result__day[hidden] { display: none; }
.ht-timing-result__day > header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 27px; border-bottom: 1px solid rgba(247,244,236,.12); }
.ht-timing-result__day > header > div { display: grid; gap: 7px; }
.ht-timing-result__day > header > div:last-child { grid-template-columns: auto auto; align-items: center; gap: 10px; }
.ht-timing-result__day > header small,.ht-timing-result__day > header span { font-size: .5rem; letter-spacing: .17em; }
.ht-timing-result__day > header div:first-child small { color: var(--ht-coral); }
.ht-timing-result__day > header div:first-child span { color: rgba(247,244,236,.35); }
.ht-timing-result__day > header div:last-child strong { grid-row: 1 / span 2; color: var(--ht-blue); font-family: var(--ht-serif); font-size: 2.7rem; font-weight: 400; }
.ht-timing-result__day > header div:last-child small { color: rgba(247,244,236,.35); }
.ht-timing-result__lead { display: grid; grid-template-columns: 75px 1fr; gap: 30px; padding: 48px 0 42px; }
.ht-timing-result__lead > span { color: rgba(169,220,255,.18); font-family: var(--ht-serif); font-size: 4.8rem; line-height: 1; }
.ht-timing-result__lead h2 { max-width: 760px; margin: 0 0 19px; font-family: var(--ht-serif); font-size: clamp(2.25rem,3.7vw,4.25rem); font-weight: 400; line-height: .97; letter-spacing: -.045em; }
.ht-timing-result__lead p { max-width: 760px; margin: 0; color: rgba(247,244,236,.58); font-family: var(--ht-serif); font-size: 1.03rem; line-height: 1.68; }
.ht-timing-result__windows { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid rgba(247,244,236,.12); }
.ht-timing-result__windows section { min-height: 142px; display: grid; grid-template-columns: auto 1fr; gap: 17px; align-content: center; padding: 22px; border-right: 1px solid rgba(247,244,236,.12); }
.ht-timing-result__windows section:last-child { border-right: 0; }
.ht-timing-result__windows time { color: var(--ht-blue); font-family: var(--ht-serif); font-size: clamp(1.15rem,1.7vw,1.65rem); letter-spacing: -.03em; white-space: nowrap; }
.ht-timing-result__windows div { min-width: 0; display: grid; gap: 7px; }
.ht-timing-result__windows small { color: var(--ht-coral); font-size: .45rem; letter-spacing: .16em; }
.ht-timing-result__windows strong { color: rgba(247,244,236,.68); font-family: var(--ht-serif); font-size: .82rem; font-weight: 400; line-height: 1.35; overflow-wrap: anywhere; }
.ht-timing-result__windows b { grid-column: 1 / -1; color: rgba(247,244,236,.28); font-size: .44rem; letter-spacing: .17em; }
.ht-timing-result__guidance { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 16px 0; background: rgba(247,244,236,.12); }
.ht-timing-result__guidance section { min-height: 220px; padding: 25px; background: #071017; }
.ht-timing-result__guidance small { color: var(--ht-coral); font-size: .46rem; letter-spacing: .16em; }
.ht-timing-result__guidance p { margin: 28px 0 0; color: rgba(247,244,236,.64); font-family: var(--ht-serif); line-height: 1.58; }
.ht-timing-result__evidence { border: 1px solid rgba(247,244,236,.11); }
.ht-timing-result__evidence summary { display: flex; justify-content: space-between; padding: 18px 20px; color: rgba(247,244,236,.55); font-size: .54rem; letter-spacing: .11em; cursor: pointer; list-style: none; }
.ht-timing-result__evidence summary::-webkit-details-marker { display: none; }
.ht-timing-result__evidence[open] summary i { transform: rotate(45deg); }
.ht-timing-result__evidence > div { padding: 20px; color: rgba(247,244,236,.46); border-top: 1px solid rgba(247,244,236,.1); font-size: .67rem; }
.ht-timing-result__evidence p { margin: 6px 0; }
.ht-timing-result__method { padding: 120px 0; color: var(--ht-night); background: var(--ht-white); }
.ht-timing-result__method > div > p { color: var(--ht-coral); font-size: .56rem; letter-spacing: .2em; }
.ht-timing-result__method h2 { margin: 24px 0 65px; font-family: var(--ht-serif); font-size: clamp(3.4rem,6vw,6.7rem); font-weight: 400; line-height: .92; letter-spacing: -.055em; }
.ht-timing-result__method h2 em { color: #5f869d; font-weight: 400; }
.ht-timing-result__method > div > div { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--ht-dark-line); border-left: 1px solid var(--ht-dark-line); }
.ht-timing-result__method article { min-height: 300px; padding: 28px; border-right: 1px solid var(--ht-dark-line); border-bottom: 1px solid var(--ht-dark-line); }
.ht-timing-result__method article span { color: var(--ht-coral); font-size: .55rem; }
.ht-timing-result__method h3 { margin: 80px 0 20px; font-family: var(--ht-serif); font-size: 2.1rem; font-weight: 400; }
.ht-timing-result__method article p { color: rgba(16,24,32,.58); font-family: var(--ht-serif); line-height: 1.6; }
.ht-timing-result__method > div > small { display: block; margin-top: 25px; color: rgba(16,24,32,.4); font-size: .56rem; }
.ht-demo-ribbon { position: relative; z-index: 8; padding-top: 94px; color: var(--ht-white); background: #030608; border-bottom: 1px solid rgba(247,244,236,.12); }
.ht-demo-ribbon .ht-shell { min-height: 52px; display: flex; align-items: center; gap: 18px; }
.ht-demo-ribbon strong { color: var(--ht-coral); font-size: .57rem; letter-spacing: .18em; }
.ht-demo-ribbon span { color: rgba(247,244,236,.48); font-size: .62rem; letter-spacing: .06em; }
.ht-demo-ribbon a { margin-left: auto; color: var(--ht-blue); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.ht-timing-demo-page .ht-timing-result__hero { padding-top: 70px; }
.ht-timing-demo-page .ht-timing-result__days span { text-transform: uppercase; }
.ht-demo-final { position: relative; overflow: hidden; padding: 115px 0 125px; color: var(--ht-white); background: radial-gradient(circle at 76% 16%,rgba(255,116,86,.18),transparent 33%),#05090d; text-align: center; }
.ht-demo-final::before { content: ""; position: absolute; width: 560px; height: 560px; right: -210px; top: -250px; border: 1px solid rgba(247,244,236,.1); border-radius: 50%; box-shadow: 0 0 0 70px rgba(247,244,236,.025),0 0 0 140px rgba(247,244,236,.018); }
.ht-demo-final .ht-shell { position: relative; z-index: 1; }
.ht-demo-final p { margin: 0; color: var(--ht-coral); font-size: .58rem; font-weight: 800; letter-spacing: .2em; }
.ht-demo-final h2 { margin: 25px auto 38px; font-family: var(--ht-serif); font-size: clamp(3.2rem,6vw,6.7rem); font-weight: 400; line-height: .92; letter-spacing: -.055em; }
.ht-demo-final h2 em { color: var(--ht-blue); font-weight: 400; }
.ht-demo-final a { display: inline-flex; align-items: center; justify-content: space-between; gap: 42px; min-width: 350px; padding: 20px 24px; background: var(--ht-white); color: var(--ht-ink); font-size: .67rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.ht-demo-final a i { color: var(--ht-coral); font-size: 1.2rem; font-style: normal; }
.ht-demo-final small { display: block; margin-top: 17px; color: rgba(247,244,236,.38); font-size: .55rem; letter-spacing: .08em; }

@media (max-width: 680px) {
  .ht-demo-ribbon { padding-top: 72px; }
  .ht-demo-ribbon .ht-shell { align-items: flex-start; flex-direction: column; gap: 5px; padding-block: 15px; }
  .ht-demo-ribbon a { margin: 7px 0 0; }
  .ht-timing-demo-page .ht-timing-result__hero { padding-top: 48px; }
  .ht-demo-final { padding-block: 80px 90px; }
  .ht-demo-final h2 { font-size: 3.35rem; }
  .ht-demo-final a { width: 100%; min-width: 0; }
}

.ht-trust { padding: 130px 0 150px; background: var(--ht-white); }
.ht-trust__grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 90px; border-top: 1px solid var(--ht-dark-line); border-left: 1px solid var(--ht-dark-line); }
.ht-trust article { min-height: 390px; display: flex; flex-direction: column; padding: 34px; border-right: 1px solid var(--ht-dark-line); border-bottom: 1px solid var(--ht-dark-line); }
.ht-trust article > span { color: rgba(16,24,32,.4); font-size: .62rem; letter-spacing: .15em; }
.ht-trust h3 { margin: auto 0 25px; font-family: var(--ht-serif); font-size: clamp(2.2rem, 3vw, 3.7rem); font-weight: 400; letter-spacing: -.04em; }
.ht-trust p { max-width: 360px; color: rgba(16,24,32,.58); font-family: var(--ht-serif); }

.ht-newsletter { position: relative; overflow: hidden; min-height: 0; display: grid; align-items: center; color: var(--ht-white); background: #05090d; padding: 100px 0 105px; text-align: center; }
.ht-newsletter__glow { position: absolute; width: 70vw; height: 70vw; left: 50%; top: 50%; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(169,220,255,.16), transparent 62%); }
.ht-newsletter__inner { position: relative; z-index: 2; max-width: 1000px; }
.ht-newsletter__inner > p { color: var(--ht-coral); font-size: .62rem; letter-spacing: .2em; }
.ht-newsletter h2 { font-size: clamp(3.2rem, 6vw, 5.8rem); }
.ht-newsletter h2 em { color: var(--ht-blue); }
.ht-newsletter__inner > span { display: block; max-width: 650px; margin: 24px auto 28px; color: rgba(247,244,236,.63); font-family: var(--ht-serif); }
.ht-newsletter__selection { width: fit-content; display: flex; align-items: center; gap: 13px; margin: 0 auto 22px; padding: 10px 16px 10px 11px; color: var(--ht-white); background: rgba(169,220,255,.07); border: 1px solid rgba(169,220,255,.22); border-radius: 999px; text-align: left; }
.ht-newsletter__selection > span { width: 38px; height: 38px; display: grid; place-items: center; color: var(--ht-coral); background: rgba(255,116,86,.1); border-radius: 50%; font-family: var(--ht-serif); font-size: 1.45rem; }
.ht-newsletter__selection div { display: grid; gap: 3px; }
.ht-newsletter__selection small { color: rgba(247,244,236,.42); font-size: .5rem; letter-spacing: .17em; }
.ht-newsletter__selection strong { font-size: .62rem; font-weight: 600; letter-spacing: .13em; }
.ht-form { max-width: 650px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto; gap: 0; padding: 6px; background: rgba(247,244,236,.08); border: 1px solid rgba(247,244,236,.18); border-radius: 999px; }
.ht-form[hidden] { display: none; }
.ht-form input { min-width: 0; padding: 0 20px; color: var(--ht-white); background: transparent; border: 0; outline: 0; }
.ht-form button { min-height: 54px; padding: 0 24px; color: var(--ht-night); background: var(--ht-white); border: 0; border-radius: 999px; font-size: .67rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.ht-form__consent { grid-column: 1/-1; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 15px 5px; color: rgba(247,244,236,.46); font-size: .58rem; line-height: 1.35; }
.ht-form__consent input { flex: 0 0 auto; width: 14px; min-width: 14px; height: 14px; padding: 0; accent-color: var(--ht-blue); }
.ht-home-form-status { max-width: 650px; display: grid; gap: 8px; margin: 0 auto 18px; padding: 20px 22px; background: rgba(247,244,236,.045); border: 1px solid rgba(247,244,236,.16); border-radius: 4px; font-size: .72rem; line-height: 1.55; }
.ht-home-form-status strong { color: var(--ht-white); font-family: var(--ht-serif); font-size: 1.35rem; font-weight: 400; }
.ht-home-form-status span { color: rgba(247,244,236,.58); }
.ht-home-form-status.is-success { border-color: rgba(189,230,182,.32); }
.ht-home-form-status.is-error { border-color: rgba(255,173,155,.35); }
.ht-newsletter__note { max-width: 620px; margin: 16px auto 0!important; color: rgba(247,244,236,.34)!important; font-size: .54rem!important; line-height: 1.5; letter-spacing: .08em!important; }

.ht-footer { color: var(--ht-white); background: #030608; padding: 80px 0 30px; }
.ht-footer__top { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; padding-bottom: 60px; }
.ht-footer__statement { max-width: 650px; font-family: var(--ht-serif); font-size: clamp(2.3rem, 4vw, 4rem); line-height: 1.02; letter-spacing: -.04em; }
.ht-footer__links { display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; }
.ht-footer__links strong { display: block; margin-bottom: 15px; color: var(--ht-blue); font-size: .58rem; text-transform: uppercase; letter-spacing: .18em; }
.ht-footer__links a { display: block; margin: 9px 0; color: rgba(247,244,236,.55); text-decoration: none; }
.ht-footer__bottom { display: flex; justify-content: space-between; gap: 25px; padding-top: 24px; border-top: 1px solid var(--ht-line); color: rgba(247,244,236,.35); font-size: .65rem; }

.ht-content, .ht-index { width: min(calc(100% - 40px), 920px); margin: 0 auto; padding: 150px 0 120px; background: var(--ht-white); }
.ht-content h1, .ht-archive-title { font-family: var(--ht-serif); font-size: clamp(3rem,7vw,6rem); font-weight: 400; }
.ht-experience { overflow: clip; }
.ht-reveal { opacity: 0; transform: translateY(35px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.ht-reveal.is-visible { opacity: 1; transform: none; }

@keyframes ht-spin { to { transform: rotate(360deg); } }
@keyframes ht-bob { 50% { transform: translateY(6px); } }
@keyframes ht-cue { 50% { transform: translateY(5px); opacity: .45; } }
@keyframes ht-cue-flash { 50% { color: var(--ht-white); transform: scale(1.035); } }
@keyframes ht-reading-pulse { 35% { border-color: color-mix(in srgb, var(--ht-accent) 72%, transparent); box-shadow: 0 55px 130px rgba(0,0,0,.42), 0 0 0 5px color-mix(in srgb, var(--ht-accent) 9%, transparent); } }

@media (max-width: 1050px) {
  .ht-nav { display: none; position: absolute; top: 78px; left: 0; right: 0; padding: 28px 32px; background: rgba(5,9,13,.97); flex-direction: column; align-items: flex-start; border-bottom: 1px solid var(--ht-line); }
  .ht-nav.is-open { display: flex; }
  .ht-menu-button { display: inline-flex; }
  .ht-hero__inner { grid-template-columns: 1fr; }
  .ht-hero__copy { padding-top: 40px; }
  .ht-hero__instrument { position: absolute; right: -15vw; bottom: 2vh; width: 65vw; opacity: .72; }
  .ht-signal__intro { grid-template-columns: 1fr; }
  .ht-reading { grid-template-columns: 1fr; }
  .ht-reading__visual { min-height: 470px; border-right: 0; border-bottom: 1px solid rgba(247,244,236,.12); }
  .ht-story__layout { grid-template-columns: 1fr; }
  .ht-story__sticky { position: relative; top: auto; }
  .ht-moment { min-height: 60vh; }
  .ht-checkin__layout { grid-template-columns: 1fr; }
  .ht-trust__grid { grid-template-columns: 1fr; }
  .ht-trust article { min-height: 300px; }
}

@media (max-width: 680px) {
  .ht-shell { width: min(calc(100% - 30px), var(--ht-max)); }
  body.admin-bar .ht-header { top: 46px; }
  .ht-header__inner { min-height: 72px; }
  .ht-brand__word { font-size: 1rem; }
  .ht-scroll-progress, .ht-cursor-glow { display: none; }
  .ht-hero__inner { min-height: 100svh; padding-block: 125px 110px; align-items: start; }
  .ht-hero__art { background-position: 63% center; opacity: .68; }
  .ht-hero__veil { background: linear-gradient(to bottom, rgba(5,9,13,.65), rgba(5,9,13,.88) 68%, #05090d); }
  .ht-hero h1 { font-size: clamp(4.1rem, 20vw, 6rem); }
  .ht-hero__lede { max-width: 92%; font-size: 1rem; }
  .ht-actions { align-items: flex-start; flex-direction: column; }
  .ht-hero__instrument { width: 95vw; right: -43vw; bottom: 8vh; opacity: .42; }
  .ht-hero__footer { display: none; }
  .ht-signal { padding-block: 85px; }
  .ht-section-label small { display: none; }
  .ht-signal__intro { padding: 70px 0 48px; }
  .ht-signal h2, .ht-story h2, .ht-checkin h2, .ht-lens h2, .ht-newsletter h2 { font-size: clamp(3rem, 15vw, 4.6rem); }
  .ht-sign { flex-basis: 125px; min-height: 145px; }
  .ht-reading { min-height: auto; margin-top: 45px; }
  .ht-reading__visual { min-height: 390px; }
  .ht-reading__content { padding: 40px 25px 50px; }
  .ht-reading h3 { font-size: 3.1rem; }
  .ht-energy { grid-template-columns: 1fr; }
  .ht-story { padding-block: 90px; }
  .ht-story .ht-section-label { margin-bottom: 45px; }
  .ht-story__clock { margin-top: 45px; }
  .ht-timeline { margin-top: 65px; }
  .ht-moment { min-height: 72vh; grid-template-columns: 1fr; padding: 70px 15px 70px 30px; }
  .ht-moment > i { display: none; }
  .ht-profile-bar > div { grid-template-columns: auto 1fr auto; min-height: 82px; gap: 13px; }
  .ht-profile-bar a { display: none; }
  .ht-profile-bar button { grid-column: 3; grid-row: 1; }
  .ht-profile-bar__glyph { width: 46px; height: 46px; }
  .ht-checkin { padding-block: 90px; }
  .ht-checkin .ht-section-label { margin-bottom: 45px; }
  .ht-checkin__panel { padding: 18px; }
  .ht-mood-grid { grid-template-columns: repeat(2,1fr); }
  .ht-mood-grid button { min-height: 110px; }
  .ht-lens { padding-block: 110px; }
  .ht-lens__rings { width: 130vw; right: -75vw; opacity: .65; }
  .ht-lens__steps button { grid-template-columns: 35px 1fr; }
  .ht-lens__steps b { display: none; }
  .ht-profile-form { padding: 24px 18px; }
  .ht-profile-result { grid-template-columns: 1fr; padding: 26px; }
  .ht-profile-result > span { width: 100px; height: 100px; font-size: 3rem; }
  .ht-trust { padding-block: 90px; }
  .ht-trust__grid { margin-top: 60px; }
  .ht-trust article { min-height: 280px; padding: 26px; }
  .ht-newsletter { min-height: 0; padding-block: 78px 84px; }
  .ht-newsletter h2 { font-size: clamp(2.9rem, 14vw, 4.1rem); }
  .ht-newsletter__inner > span { margin-block: 20px 24px; }
  .ht-newsletter__selection { margin-bottom: 18px; }
  .ht-form { grid-template-columns: 1fr; border-radius: 20px; }
  .ht-form input { min-height: 54px; }
  .ht-footer__top { grid-template-columns: 1fr; }
  .ht-footer__links { grid-template-columns: 1fr; }
  .ht-footer__bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
  .ht-reveal { opacity: 1; transform: none; }
}

/* 0.6 — Daily Horoscope Engine */
.ht-daily-page { color: var(--ht-white); background: #071016; }
.ht-daily { overflow: hidden; }
.ht-daily-hero { position: relative; isolation: isolate; min-height: 750px; padding: 170px 0 70px; background: #071016; }
.ht-daily-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--ht-accent) 18%,transparent),transparent 32%),linear-gradient(115deg,rgba(255,255,255,.035),transparent 45%); }
.ht-daily-hero::after { content: "TODAY"; position: absolute; z-index: -2; right: -2vw; bottom: 0; color: rgba(247,244,236,.025); font-family: var(--ht-serif); font-size: clamp(9rem,24vw,25rem); line-height: .65; letter-spacing: -.08em; }
.ht-daily-hero__glow { position: absolute; z-index: -1; width: 540px; height: 540px; right: 7vw; top: 80px; border: 1px solid rgba(247,244,236,.08); border-radius: 50%; box-shadow: inset 0 0 90px color-mix(in srgb,var(--ht-accent) 9%,transparent),0 0 120px color-mix(in srgb,var(--ht-accent) 10%,transparent); }
.ht-daily-hero__glow::before,.ht-daily-hero__glow::after { content: ""; position: absolute; border: 1px solid rgba(247,244,236,.08); border-radius: 50%; }
.ht-daily-hero__glow::before { inset: 15%; border-style: dashed; animation: ht-spin 70s linear infinite; }
.ht-daily-hero__glow::after { inset: 34%; background: radial-gradient(circle,color-mix(in srgb,var(--ht-accent) 22%,transparent),transparent 70%); }
.ht-daily-breadcrumbs { display: flex; align-items: center; gap: 12px; color: rgba(247,244,236,.42); font-size: .6rem; text-transform: uppercase; letter-spacing: .16em; }
.ht-daily-breadcrumbs a { color: var(--ht-accent); text-decoration: none; }
.ht-daily-breadcrumbs i { font-style: normal; opacity: .45; }
.ht-daily-hero__grid { position: relative; display: grid; grid-template-columns: 1.25fr .75fr; gap: 60px; align-items: end; min-height: 390px; }
.ht-daily-identity { display: flex; align-items: center; gap: clamp(28px,4vw,70px); }
.ht-daily-glyph { flex: 0 0 auto; color: var(--ht-accent); font-family: "Times New Roman",Georgia,serif; font-size: clamp(7rem,13vw,13rem); line-height: 1; text-shadow: 0 0 80px color-mix(in srgb,var(--ht-accent) 36%,transparent); }
.ht-daily-identity small { display: block; margin-bottom: 24px; color: var(--ht-accent); font-size: .62rem; text-transform: uppercase; letter-spacing: .18em; }
.ht-daily-identity h1 { margin: 0; font-family: var(--ht-serif); font-size: clamp(4.5rem,8vw,8.4rem); font-weight: 400; line-height: .78; letter-spacing: -.06em; }
.ht-daily-identity h1 em { display: block; margin-top: 22px; color: rgba(247,244,236,.54); font-size: .28em; font-weight: 400; line-height: 1; letter-spacing: .01em; }
.ht-daily-date { align-self: center; padding: 32px; border-left: 1px solid rgba(247,244,236,.14); }
.ht-daily-date small { display: block; margin-bottom: 12px; color: rgba(247,244,236,.38); font-size: .58rem; text-transform: uppercase; letter-spacing: .16em; }
.ht-daily-date time { font-family: var(--ht-serif); font-size: clamp(1.45rem,2vw,2rem); }
.ht-day-switcher { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 35px; border-top: 1px solid rgba(247,244,236,.12); border-bottom: 1px solid rgba(247,244,236,.12); }
.ht-day-switcher a { position: relative; display: flex; justify-content: space-between; padding: 20px 24px; color: rgba(247,244,236,.45); border-right: 1px solid rgba(247,244,236,.1); text-decoration: none; transition: color .3s,background .3s; }
.ht-day-switcher a:last-child { border-right: 0; }
.ht-day-switcher a:hover,.ht-day-switcher a.is-active { color: var(--ht-white); background: rgba(247,244,236,.045); }
.ht-day-switcher a.is-active::before { content: ""; position: absolute; inset: auto 22px -1px; height: 2px; background: var(--ht-accent); box-shadow: 0 0 16px var(--ht-accent); }
.ht-day-switcher span { font-size: .62rem; text-transform: uppercase; letter-spacing: .15em; }
.ht-day-switcher small { color: var(--ht-accent); }

.ht-daily-reading { position: relative; color: var(--ht-ink); background: #ede8dd; padding: 150px 0; }
.ht-daily-reading::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent 49.95%,rgba(16,24,32,.06) 50%,transparent 50.05%); }
.ht-daily-reading__grid { position: relative; display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(60px,8vw,130px); align-items: center; }
.ht-daily-label { display: flex; align-items: center; gap: 12px; margin: 0 0 35px; color: rgba(16,24,32,.48); font-size: .62rem; text-transform: uppercase; letter-spacing: .18em; }
.ht-daily-label span { width: 7px; height: 7px; border-radius: 50%; background: var(--ht-accent); box-shadow: 0 0 14px var(--ht-accent); }
.ht-daily-main h2 { max-width: 820px; margin: 0; font-family: var(--ht-serif); font-size: clamp(3.3rem,6vw,6.5rem); font-weight: 400; line-height: .96; letter-spacing: -.055em; }
.ht-daily-opening { max-width: 760px; margin: 45px 0 0; color: rgba(16,24,32,.68); font-family: var(--ht-serif); font-size: clamp(1.2rem,1.8vw,1.55rem); line-height: 1.65; }
.ht-daily-scores { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 60px; }
.ht-daily-scores div { position: relative; overflow: hidden; padding: 20px; border: 1px solid rgba(16,24,32,.13); background: rgba(255,255,255,.28); }
.ht-daily-scores span { display: block; color: rgba(16,24,32,.48); font-size: .56rem; text-transform: uppercase; letter-spacing: .14em; }
.ht-daily-scores b { display: block; margin-top: 7px; color: color-mix(in srgb,var(--ht-accent) 62%,#15212a); font-family: var(--ht-serif); font-size: 2.1rem; font-weight: 400; }
.ht-daily-scores i { position: absolute; inset: auto 0 0; width: var(--score); height: 3px; background: var(--ht-accent); }
.ht-daily-orbit { position: relative; min-height: 560px; display: grid; place-items: center; }
.ht-daily-orbit > span { position: relative; z-index: 2; color: color-mix(in srgb,var(--ht-accent) 75%,#17242c); font-family: "Times New Roman",Georgia,serif; font-size: 9rem; filter: drop-shadow(0 0 45px color-mix(in srgb,var(--ht-accent) 45%,transparent)); }
.ht-daily-orbit__rings,.ht-daily-orbit__rings i { position: absolute; border: 1px solid rgba(16,24,32,.15); border-radius: 50%; }
.ht-daily-orbit__rings { width: min(100%,520px); aspect-ratio: 1; }
.ht-daily-orbit__rings i:first-child { inset: 13%; border-style: dashed; animation: ht-spin 55s linear infinite; }
.ht-daily-orbit__rings i:nth-child(2) { inset: 30%; }
.ht-daily-orbit__rings i:nth-child(3) { width: 8px; height: 8px; left: 5%; top: 50%; background: var(--ht-coral); border: 0; box-shadow: 0 0 20px var(--ht-coral); }
.ht-daily-orbit ul { position: absolute; z-index: 3; inset: auto 0 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin: 0; padding: 0; list-style: none; }
.ht-daily-orbit li { padding: 16px; text-align: center; background: rgba(237,232,221,.88); border: 1px solid rgba(16,24,32,.12); backdrop-filter: blur(12px); }
.ht-daily-orbit li small { display: block; color: rgba(16,24,32,.45); font-size: .48rem; text-transform: uppercase; letter-spacing: .12em; }
.ht-daily-orbit li strong { display: block; margin-top: 7px; font-family: var(--ht-serif); font-size: 1rem; font-weight: 400; }

.ht-daily-life { color: var(--ht-white); background: #091118; padding: 160px 0; }
.ht-daily-life__heading { display: grid; grid-template-columns: .38fr 1.62fr; gap: 40px; align-items: start; margin-bottom: 90px; }
.ht-daily-life__heading > p { margin: 10px 0 0; color: var(--ht-accent); font-size: .62rem; text-transform: uppercase; letter-spacing: .18em; }
.ht-daily-life h2,.ht-moon-note h2,.ht-share-copy h2,.ht-daily-brief h2 { margin: 0; font-family: var(--ht-serif); font-size: clamp(3.2rem,5.6vw,5.8rem); font-weight: 400; line-height: .96; letter-spacing: -.05em; }
.ht-daily-life h2 em,.ht-share-copy h2 em,.ht-daily-brief h2 em { color: var(--ht-accent); font-weight: 400; }
.ht-daily-life__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.ht-daily-life article { position: relative; min-height: 430px; padding: 38px; overflow: hidden; background: rgba(247,244,236,.035); border: 1px solid rgba(247,244,236,.1); transition: transform .4s,background .4s; }
.ht-daily-life article:hover { transform: translateY(-9px); background: rgba(247,244,236,.065); }
.ht-daily-life article > span { position: absolute; right: 20px; top: 6px; color: rgba(247,244,236,.04); font-family: var(--ht-serif); font-size: 8rem; line-height: 1; }
.ht-daily-life article small { color: var(--ht-accent); font-size: .58rem; text-transform: uppercase; letter-spacing: .17em; }
.ht-daily-life article h3 { margin: 130px 0 28px; font-family: var(--ht-serif); font-size: 2.35rem; font-weight: 400; line-height: 1; letter-spacing: -.04em; }
.ht-daily-life article p { color: rgba(247,244,236,.57); font-family: var(--ht-serif); line-height: 1.7; }

.ht-moon-note { color: var(--ht-ink); background: #dfe7e6; padding: 150px 0; }
.ht-moon-note__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 10vw; align-items: center; }
.ht-moon-note__visual { position: relative; min-height: 520px; display: grid; place-items: center; }
.ht-moon-note__visual span { width: 300px; aspect-ratio: 1; border-radius: 50%; background: linear-gradient(90deg,#10202a 50%,#eef4ef 50%); box-shadow: 0 25px 80px rgba(16,24,32,.18),inset -25px 0 45px rgba(138,215,232,.28); }
.ht-moon-note__visual i { position: absolute; width: 480px; aspect-ratio: 1; border: 1px dashed rgba(16,24,32,.22); border-radius: 50%; animation: ht-spin 70s linear infinite; }
.ht-moon-note h2 { font-size: clamp(3.5rem,5.8vw,6rem); }
.ht-moon-note__grid > div:last-child > p:last-child { max-width: 650px; color: rgba(16,24,32,.65); font-family: var(--ht-serif); font-size: 1.3rem; line-height: 1.7; }

.ht-share-reading { background: #071016; padding: 150px 0; }
.ht-share-reading__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 10vw; align-items: center; }
.ht-share-card { aspect-ratio: 4/5; max-width: 500px; display: flex; flex-direction: column; padding: 42px; background: radial-gradient(circle at 75% 24%,color-mix(in srgb,var(--ht-accent) 36%,transparent),transparent 35%),linear-gradient(145deg,#14242d,#070d12 70%); border: 1px solid rgba(247,244,236,.15); box-shadow: 0 45px 110px rgba(0,0,0,.4); }
.ht-share-card small { color: rgba(247,244,236,.5); font-size: .54rem; letter-spacing: .15em; }
.ht-share-card > span { margin: auto 0 15px; color: var(--ht-accent); font-family: "Times New Roman",Georgia,serif; font-size: 7rem; line-height: 1; }
.ht-share-card h2 { margin: 0; font-family: var(--ht-serif); font-size: 3.8rem; font-weight: 400; }
.ht-share-card p { color: rgba(247,244,236,.65); font-family: var(--ht-serif); font-size: 1.35rem; line-height: 1.35; }
.ht-share-card footer { display: flex; gap: 15px; padding-top: 25px; border-top: 1px solid rgba(247,244,236,.13); }
.ht-share-card footer b { color: rgba(247,244,236,.45); font-size: .47rem; letter-spacing: .1em; }
.ht-share-copy > p { color: var(--ht-coral); font-size: .6rem; text-transform: uppercase; letter-spacing: .18em; }
.ht-share-copy > span { display: block; max-width: 570px; margin: 30px 0 38px; color: rgba(247,244,236,.55); font-family: var(--ht-serif); font-size: 1.15rem; line-height: 1.6; }
.ht-share-copy > div { display: flex; align-items: center; gap: 28px; }
.ht-share-copy button { cursor: pointer; }
.ht-share-copy .ht-button--light { border: 1px solid rgba(247,244,236,.35); box-shadow: 0 12px 34px rgba(0,0,0,.18); }
.ht-share-copy .ht-button--light i { width: 46px; height: 46px; color: #05090d; background: var(--ht-coral); border: 1px solid rgba(5,9,13,.15); font-family: Arial,sans-serif; font-size: 1rem; font-weight: 800; line-height: 1; box-shadow: 0 0 0 5px rgba(255,116,86,.08),0 8px 22px rgba(255,116,86,.22); }
.ht-text-action { min-height: 44px; padding: 0 2px; color: rgba(247,244,236,.78); background: transparent; border: 0; border-bottom: 1px solid rgba(247,244,236,.38); font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; transition: color .2s,border-color .2s; }
.ht-text-action:hover,.ht-text-action:focus-visible { color: var(--ht-white); border-color: var(--ht-coral); }

.ht-daily-life .ht-methodology { border-color: rgba(247,244,236,.16); }
.ht-daily-life .ht-methodology summary { color: var(--ht-white); }
.ht-daily-life .ht-methodology summary span { color: var(--ht-coral); }
.ht-daily-life .ht-methodology p { color: rgba(247,244,236,.68); }

.ht-sign-switcher { color: var(--ht-ink); background: #ede8dd; padding: 90px 0; }
.ht-sign-switcher p { margin: 0 0 30px; font-size: .62rem; text-transform: uppercase; letter-spacing: .18em; }
.ht-sign-switcher .ht-shell > div { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 5px; }
.ht-sign-switcher a { min-width: 0; display: grid; place-items: center; gap: 8px; min-height: 105px; padding: 12px 4px; color: rgba(16,24,32,.55); border: 1px solid rgba(16,24,32,.1); text-align: center; text-decoration: none; transition: color .3s,background .3s,transform .3s; }
.ht-sign-switcher a:hover,.ht-sign-switcher a.is-active { color: var(--ht-ink); background: color-mix(in srgb,var(--ht-accent) 42%,white); transform: translateY(-5px); }
.ht-sign-switcher a span { font-family: "Times New Roman",Georgia,serif; font-size: 2rem; }
.ht-sign-switcher a b { max-width: 100%; font-family: var(--ht-serif); font-size: .78rem; font-weight: 400; overflow-wrap: anywhere; }

.ht-daily-brief { position: relative; isolation: isolate; min-height: 850px; display: grid; align-items: center; overflow: hidden; background: #05090d; padding: 130px 0; text-align: center; }
.ht-daily-brief__glow { position: absolute; z-index: -1; width: 70vw; height: 70vw; left: 50%; top: 50%; transform: translate(-50%,-50%); background: radial-gradient(circle,color-mix(in srgb,var(--ht-accent) 19%,transparent),transparent 62%); }
.ht-daily-brief__inner { max-width: 950px; }
.ht-daily-brief__inner > p { color: var(--ht-coral); font-size: .62rem; text-transform: uppercase; letter-spacing: .2em; }
.ht-daily-brief__inner > span { display: block; max-width: 640px; margin: 30px auto 42px; color: rgba(247,244,236,.55); font-family: var(--ht-serif); font-size: 1.12rem; line-height: 1.6; }
.ht-daily-form { max-width: 760px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 10px; margin: 0 auto; text-align: left; }
.ht-daily-form label > span { display: block; margin: 0 0 8px 3px; color: rgba(247,244,236,.48); font-size: .52rem; text-transform: uppercase; letter-spacing: .14em; }
.ht-daily-form input,.ht-daily-form select { width: 100%; min-height: 58px; padding: 0 18px; color: var(--ht-white); background: rgba(247,244,236,.05); border: 1px solid rgba(247,244,236,.16); border-radius: 0; font: inherit; }
.ht-daily-form option { color: var(--ht-ink); }
.ht-daily-form__consent { grid-column: 1/-1; display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; margin-top: 8px; }
.ht-daily-form__consent input { width: 16px; min-height: 16px; margin-top: 1px; accent-color: var(--ht-accent); }
.ht-daily-form__consent span { margin: 0!important; text-transform: none!important; line-height: 1.5; letter-spacing: .04em!important; }
.ht-daily-form button { grid-column: 1/-1; min-height: 62px; margin-top: 10px; color: var(--ht-night); background: var(--ht-white); border: 0; font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; cursor: pointer; }
.ht-daily-form button i { margin-left: 10px; font-style: normal; }
.ht-honeypot { position: absolute!important; left: -9999px!important; }
.ht-form-status { max-width: 760px; margin: 0 auto 20px; padding: 14px; border: 1px solid rgba(247,244,236,.15); font-size: .8rem; }
.ht-form-status.is-success { color: #bde6b6; }
.ht-form-status.is-error { color: #ffad9b; }

@media (max-width: 1050px) {
  .ht-daily-hero__grid,.ht-daily-reading__grid,.ht-moon-note__grid,.ht-share-reading__grid { grid-template-columns: 1fr; }
  .ht-daily-hero { min-height: auto; }
  .ht-daily-date { padding: 20px 0; border-left: 0; border-top: 1px solid rgba(247,244,236,.12); }
  .ht-daily-reading__grid { gap: 75px; }
  .ht-daily-life__heading { grid-template-columns: 1fr; }
  .ht-daily-life__grid { grid-template-columns: 1fr; }
  .ht-daily-life article { min-height: 330px; }
  .ht-daily-life article h3 { margin-top: 90px; }
  .ht-share-card { width: min(100%,500px); margin-inline: auto; }
  .ht-sign-switcher .ht-shell > div { grid-template-columns: repeat(6,1fr); }
}

@media (max-width: 680px) {
  .ht-daily-hero { padding: 125px 0 45px; }
  .ht-daily-hero__glow { width: 300px; height: 300px; right: -40%; top: 100px; }
  .ht-daily-hero__grid { min-height: auto; padding-top: 60px; }
  .ht-daily-identity { display: block; }
  .ht-daily-glyph { display: block; margin-bottom: 25px; font-size: 6.2rem; }
  .ht-daily-identity h1 { font-size: 4.2rem; line-height: .83; }
  .ht-daily-identity h1 em { margin-top: 18px; font-size: .3em; }
  .ht-daily-date { margin-top: 34px; }
  .ht-day-switcher a { display: block; padding: 16px 9px; text-align: center; }
  .ht-day-switcher small { display: block; margin-top: 5px; }
  .ht-daily-reading,.ht-daily-life,.ht-moon-note,.ht-share-reading { padding: 95px 0; }
  .ht-daily-main h2 { font-size: 3.25rem; }
  .ht-daily-opening { margin-top: 30px; font-size: 1.1rem; }
  .ht-daily-scores { gap: 5px; margin-top: 42px; }
  .ht-daily-scores div { padding: 14px 9px; }
  .ht-daily-scores b { font-size: 1.6rem; }
  .ht-daily-orbit { min-height: 410px; }
  .ht-daily-orbit > span { font-size: 7rem; }
  .ht-daily-orbit ul { grid-template-columns: 1fr; position: relative; align-self: end; width: 100%; }
  .ht-daily-life__heading { margin-bottom: 55px; }
  .ht-daily-life h2,.ht-moon-note h2,.ht-share-copy h2,.ht-daily-brief h2 { font-size: 3.25rem; }
  .ht-daily-life article { min-height: 355px; padding: 28px; }
  .ht-moon-note__visual { min-height: 390px; }
  .ht-moon-note__visual span { width: 210px; }
  .ht-moon-note__visual i { width: 330px; }
  .ht-share-card { padding: 28px; }
  .ht-share-card > span { font-size: 5.5rem; }
  .ht-share-card h2 { font-size: 3rem; }
  .ht-share-card p { font-size: 1.05rem; }
  .ht-share-copy > div { align-items: flex-start; flex-direction: column; }
  .ht-sign-switcher { padding: 70px 0; }
  .ht-sign-switcher .ht-shell > div { display: flex; overflow-x: auto; gap: 7px; padding-bottom: 15px; scroll-snap-type: x mandatory; }
  .ht-sign-switcher a { flex: 0 0 100px; scroll-snap-align: center; }
  .ht-daily-brief { min-height: auto; padding: 100px 0; }
  .ht-daily-form { grid-template-columns: 1fr; }
  .ht-daily-form__consent,.ht-daily-form button { grid-column: 1; }
}

/* 0.6.5 — compact daily reading rhythm */
@media (min-width: 1051px) {
  .ht-daily-hero { min-height: 590px; padding: 120px 0 38px; }
  .ht-daily-hero__glow { width: 410px; height: 410px; right: 9vw; top: 72px; }
  .ht-daily-hero__grid { min-height: 300px; gap: 40px; }
  .ht-daily-identity { gap: clamp(24px,3vw,46px); }
  .ht-daily-glyph { font-size: clamp(5.4rem,9vw,9rem); }
  .ht-daily-identity small { margin-bottom: 15px; }
  .ht-daily-identity h1 { font-size: clamp(3.7rem,6vw,6.2rem); line-height: .82; }
  .ht-daily-identity h1 em { margin-top: 14px; }
  .ht-daily-date { padding: 24px 28px; }
  .ht-daily-date time { font-size: clamp(1.3rem,1.7vw,1.7rem); }
  .ht-day-switcher { margin-top: 24px; }
  .ht-day-switcher a { padding: 15px 20px; }

  .ht-daily-reading { padding: 92px 0; }
  .ht-daily-reading__grid { gap: clamp(42px,6vw,88px); }
  .ht-daily-label { margin-bottom: 22px; }
  .ht-daily-main h2 { font-size: clamp(2.7rem,4.2vw,4.6rem); }
  .ht-daily-opening { margin-top: 28px; font-size: clamp(1.05rem,1.35vw,1.3rem); line-height: 1.55; }
  .ht-daily-scores { margin-top: 36px; }
  .ht-daily-scores div { padding: 15px 17px; }
  .ht-daily-scores b { font-size: 1.75rem; }
  .ht-daily-orbit { min-height: 400px; }
  .ht-daily-orbit > span { font-size: 7rem; }
  .ht-daily-orbit__rings { width: min(100%,380px); }
  .ht-daily-orbit li { padding: 12px; }

  .ht-daily-life { padding: 98px 0; }
  .ht-daily-life__heading { margin-bottom: 54px; }
  .ht-daily-life h2,.ht-moon-note h2,.ht-share-copy h2,.ht-daily-brief h2 { font-size: clamp(2.8rem,4.25vw,4.4rem); }
  .ht-daily-life article { min-height: 315px; padding: 28px; }
  .ht-daily-life article > span { font-size: 6rem; }
  .ht-daily-life article h3 { margin: 82px 0 20px; font-size: 2rem; }
  .ht-daily-life article p { line-height: 1.55; }

  .ht-moon-note { padding: 90px 0; }
  .ht-moon-note__grid { gap: 7vw; }
  .ht-moon-note__visual { min-height: 360px; }
  .ht-moon-note__visual span { width: 215px; }
  .ht-moon-note__visual i { width: 340px; }
  .ht-moon-note__grid > div:last-child > p:last-child { font-size: 1.12rem; line-height: 1.55; }

  .ht-share-reading { padding: 92px 0; }
  .ht-share-reading__grid { gap: 7vw; }
  .ht-share-card { max-width: 380px; padding: 30px; }
  .ht-share-card > span { font-size: 5.4rem; }
  .ht-share-card h2 { font-size: 2.9rem; }
  .ht-share-card p { font-size: 1.08rem; }
  .ht-share-copy > span { margin: 22px 0 28px; }

  .ht-sign-switcher { padding: 58px 0; }
  .ht-sign-switcher p { margin-bottom: 20px; }
  .ht-sign-switcher a { min-height: 88px; }
  .ht-sign-switcher a span { font-size: 1.7rem; }

  .ht-daily-brief { min-height: 620px; padding: 85px 0; }
  .ht-daily-brief__inner > span { margin: 22px auto 30px; }
}

@media (min-width: 681px) and (max-width: 1050px) {
  .ht-daily-hero { padding: 125px 0 45px; }
  .ht-daily-hero__grid { padding-top: 35px; }
  .ht-daily-glyph { font-size: 7rem; }
  .ht-daily-identity h1 { font-size: 5.4rem; }
  .ht-daily-reading,.ht-daily-life,.ht-moon-note,.ht-share-reading { padding: 82px 0; }
  .ht-daily-main h2,.ht-daily-life h2,.ht-moon-note h2,.ht-share-copy h2,.ht-daily-brief h2 { font-size: 3.7rem; }
  .ht-daily-orbit { min-height: 390px; }
  .ht-daily-orbit__rings { width: min(100%,370px); }
  .ht-daily-life__grid { grid-template-columns: repeat(3,1fr); }
  .ht-daily-life article { min-height: 300px; padding: 24px; }
  .ht-daily-life article h3 { margin-top: 72px; font-size: 1.8rem; }
  .ht-moon-note__visual { min-height: 340px; }
  .ht-moon-note__visual span { width: 200px; }
  .ht-moon-note__visual i { width: 320px; }
  .ht-share-card { max-width: 370px; }
  .ht-daily-brief { min-height: auto; padding: 85px 0; }
}

@media (max-width: 680px) {
  .ht-daily-hero { padding: 104px 0 28px; }
  .ht-daily-hero__glow { width: 230px; height: 230px; top: 85px; }
  .ht-daily-hero__grid { padding-top: 30px; }
  .ht-daily-identity { display: grid; grid-template-columns: 74px 1fr; gap: 18px; align-items: center; }
  .ht-daily-glyph { margin: 0; font-size: 4.5rem; }
  .ht-daily-identity small { margin-bottom: 10px; font-size: .54rem; }
  .ht-daily-identity h1 { font-size: clamp(2.65rem,13vw,3.25rem); line-height: .86; }
  .ht-daily-identity h1 em { margin-top: 10px; }
  .ht-daily-date { margin-top: 22px; padding: 16px 0; }
  .ht-daily-date time { font-size: 1.25rem; }
  .ht-day-switcher { margin-top: 18px; }
  .ht-day-switcher a { padding: 12px 5px; }

  .ht-daily-reading,.ht-daily-life,.ht-moon-note,.ht-share-reading { padding: 62px 0; }
  .ht-daily-reading__grid { gap: 42px; }
  .ht-daily-label { margin-bottom: 18px; }
  .ht-daily-main h2 { font-size: 2.45rem; }
  .ht-daily-opening { margin-top: 22px; font-size: 1rem; line-height: 1.55; }
  .ht-daily-scores { margin-top: 28px; }
  .ht-daily-orbit { min-height: 315px; }
  .ht-daily-orbit > span { font-size: 5.3rem; }
  .ht-daily-orbit__rings { width: 270px; }
  .ht-daily-orbit ul { position: absolute; grid-template-columns: repeat(3,1fr); }
  .ht-daily-orbit li { padding: 9px 5px; }
  .ht-daily-orbit li strong { font-size: .82rem; }

  .ht-daily-life__heading { gap: 14px; margin-bottom: 34px; }
  .ht-daily-life h2,.ht-moon-note h2,.ht-share-copy h2,.ht-daily-brief h2 { font-size: 2.5rem; }
  .ht-daily-life article { min-height: 235px; padding: 22px; }
  .ht-daily-life article > span { font-size: 5rem; }
  .ht-daily-life article h3 { margin: 62px 0 15px; font-size: 1.8rem; }
  .ht-daily-life article p { font-size: .95rem; line-height: 1.55; }

  .ht-moon-note__grid { gap: 32px; }
  .ht-moon-note__visual { min-height: 265px; }
  .ht-moon-note__visual span { width: 145px; }
  .ht-moon-note__visual i { width: 230px; }
  .ht-moon-note__grid > div:last-child > p:last-child { font-size: 1.05rem; line-height: 1.55; }

  .ht-share-reading__grid { gap: 42px; }
  .ht-share-card { max-width: 315px; padding: 23px; }
  .ht-share-card > span { font-size: 4.3rem; }
  .ht-share-card h2 { font-size: 2.4rem; }
  .ht-share-card p { font-size: .95rem; }
  .ht-share-copy > span { margin: 18px 0 24px; }

  .ht-sign-switcher { padding: 48px 0; }
  .ht-sign-switcher a { min-height: 88px; }
  .ht-daily-brief { padding: 68px 0; }
  .ht-daily-brief__inner > span { margin: 20px auto 28px; }
}

/* 0.4 — immersive visual system below the hero */
.ht-signal { color: var(--ht-white); background: #071016; padding-block: 140px 170px; isolation: isolate; }
.ht-signal::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 15% 15%, rgba(169,220,255,.08), transparent 26%), linear-gradient(135deg, rgba(255,255,255,.025), transparent 40%); }
.ht-signal::after { content: "02"; position: absolute; z-index: -1; right: -2vw; top: 4%; color: rgba(247,244,236,.025); font-family: var(--ht-serif); font-size: clamp(14rem,32vw,36rem); line-height: .7; letter-spacing: -.09em; }
.ht-signal__ambient { right: -16%; top: 16%; opacity: .48; mix-blend-mode: screen; }
.ht-signal .ht-section-label { color: rgba(247,244,236,.48); }
.ht-signal__intro { grid-template-columns: .32fr 1.4fr; padding-block: 90px 58px; }
.ht-signal__intro p { align-self: start; color: var(--ht-accent); }
.ht-signal h2 { max-width: 760px; font-size: clamp(3.35rem,4.35vw,4.75rem); line-height: .98; }
.ht-signal h2 em { color: var(--ht-accent); text-shadow: 0 0 60px color-mix(in srgb, var(--ht-accent) 16%, transparent); }
.ht-zodiac-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 17px; color: rgba(247,244,236,.4); font-size: .57rem; text-transform: uppercase; letter-spacing: .17em; }
.ht-zodiac-meta b { color: rgba(247,244,236,.68); font-weight: 500; }
.ht-zodiac-rail { gap: 12px; padding: 12px 3px 34px; border: 0; scroll-snap-type: x mandatory; scrollbar-width: none; touch-action: pan-x; -webkit-overflow-scrolling: touch; }
.ht-zodiac-rail::-webkit-scrollbar { display: none; }
.ht-sign { position: relative; flex: 0 0 170px; min-height: 205px; overflow: hidden; align-content: space-between; justify-items: center; padding: 25px 22px; color: rgba(247,244,236,.7); background: rgba(247,244,236,.035); border: 1px solid rgba(247,244,236,.11); border-radius: 90px 90px 16px 16px; scroll-snap-align: center; isolation: isolate; text-align: center; transform: translateY(0); transition: transform .45s cubic-bezier(.2,.75,.2,1), color .4s, background .4s, border .4s, box-shadow .4s; }
.ht-sign::before { content: ""; position: absolute; z-index: -1; width: 150px; height: 150px; left: 50%; top: 8px; transform: translateX(-50%) scale(.65); border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ht-accent) 32%, transparent), transparent 68%); opacity: 0; transition: opacity .4s, transform .5s; }
.ht-sign::after { content: ""; position: absolute; z-index: -1; inset: 11px; border: 1px solid rgba(247,244,236,.08); border-radius: 80px 80px 10px 10px; }
.ht-sign:hover { transform: translateY(-10px); color: var(--ht-white); border-color: rgba(247,244,236,.3); }
.ht-sign[aria-pressed="true"] { color: var(--ht-night); background: var(--ht-accent); border-color: var(--ht-accent); box-shadow: 0 24px 55px color-mix(in srgb, var(--ht-accent) 17%, transparent); transform: translateY(-8px); }
.ht-sign[aria-pressed="true"]::before { opacity: .7; transform: translateX(-50%) scale(1); }
.ht-sign[aria-pressed="true"]::after { border-color: rgba(5,9,13,.12); }
.ht-sign span { font-size: 2.75rem; line-height: 1; filter: drop-shadow(0 0 16px currentColor); }
.ht-sign span, .ht-reading__glyph, .ht-profile-bar__glyph, .ht-profile-result > span { font-family: "Times New Roman", Georgia, serif; font-variant-emoji: text; }
.ht-sign b { font-size: 1.28rem; }
.ht-sign small { max-width: 100%; line-height: 1.45; letter-spacing: .11em; text-wrap: balance; }
.ht-reading-cue { display: flex; align-items: center; justify-content: center; gap: 13px; min-height: 48px; margin-top: 12px; color: rgba(247,244,236,.55); font-size: .62rem; text-transform: uppercase; letter-spacing: .18em; }
.ht-reading-cue b { color: var(--ht-accent); font-weight: 600; transition: color .4s; }
.ht-reading-cue i { color: var(--ht-accent); font-size: 1rem; font-style: normal; animation: ht-cue 1.7s ease-in-out infinite; }
.ht-reading-cue.is-changing span { animation: ht-cue-flash .55s ease; }
.ht-reading { min-height: 680px; margin-top: 18px; overflow: visible; scroll-margin-top: 105px; background: rgba(10,23,31,.78); border: 1px solid rgba(247,244,236,.13); border-radius: 34px; box-shadow: 0 55px 130px rgba(0,0,0,.42); backdrop-filter: blur(22px); }
.ht-reading.is-updating { animation: ht-reading-pulse .7s ease; }
.ht-reading::before { inset: -1px; border-radius: inherit; background: radial-gradient(circle at 22% 48%, color-mix(in srgb, var(--ht-accent) 24%, transparent), transparent 30%), linear-gradient(115deg, rgba(255,255,255,.06), transparent 34%, rgba(169,220,255,.035)); }
.ht-reading::after { content: ""; position: absolute; inset: -55px -40px; z-index: -1; border: 1px solid rgba(247,244,236,.06); border-radius: 50%; transform: rotate(-4deg); pointer-events: none; }
.ht-reading__visual { min-height: 640px; border-right-color: rgba(247,244,236,.1); }
.ht-reading__visual::before, .ht-reading__visual::after { content: ""; position: absolute; border: 1px solid rgba(247,244,236,.08); border-radius: 50%; }
.ht-reading__visual::before { width: 77%; aspect-ratio: 1; }
.ht-reading__visual::after { width: 54%; aspect-ratio: 1; border-style: dashed; animation: ht-spin 38s linear infinite reverse; }
.ht-reading__stars { position: absolute; inset: 0; opacity: .65; background-image: radial-gradient(circle at 18% 22%, #fff 0 1px, transparent 1.5px), radial-gradient(circle at 74% 18%, var(--ht-accent) 0 1px, transparent 1.5px), radial-gradient(circle at 84% 76%, #fff 0 1px, transparent 1.5px), radial-gradient(circle at 29% 83%, #fff 0 1px, transparent 1.5px); background-size: 110px 120px, 170px 140px, 130px 190px, 210px 160px; }
.ht-reading__live { position: absolute; top: 32px; left: 34px; z-index: 3; padding: 9px 12px; border: 1px solid rgba(247,244,236,.18); border-radius: 999px; color: var(--ht-accent); font-size: .52rem; letter-spacing: .18em; }
.ht-reading__live::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 8px; border-radius: 50%; background: var(--ht-coral); box-shadow: 0 0 10px var(--ht-coral); }
.ht-reading__glyph { font-size: clamp(7rem,13vw,12rem); }
.ht-reading__content { padding-inline: clamp(50px,7vw,105px); }
.ht-energy { gap: 10px; background: transparent; border: 0; }
.ht-energy div { position: relative; overflow: hidden; padding: 19px; background: rgba(247,244,236,.045); border: 1px solid rgba(247,244,236,.1); border-radius: 12px; }
.ht-energy div::after { content: ""; position: absolute; inset: auto 0 0; height: 3px; width: var(--energy, 70%); background: var(--ht-accent); opacity: .65; }
.ht-energy div:nth-child(1) { --energy: 82%; }
.ht-energy div:nth-child(2) { --energy: 64%; }
.ht-energy div:nth-child(3) { --energy: 48%; }

.ht-story { position: relative; overflow: hidden; color: var(--ht-ink); background: #e9e4da; padding-block: 180px; isolation: isolate; }
.ht-story::before { content: ""; position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, transparent 49.95%, rgba(16,24,32,.055) 50%, transparent 50.05%), linear-gradient(rgba(16,24,32,.04) 1px, transparent 1px); background-size: 100% 100%, 100% 80px; }
.ht-story__orbit { position: absolute; z-index: -1; width: min(72vw,980px); aspect-ratio: 1; left: -32vw; top: 45%; transform: translateY(-50%); opacity: .55; }
.ht-story__orbit i { position: absolute; border: 1px solid rgba(16,24,32,.13); border-radius: 50%; }
.ht-story__orbit i:first-child { inset: 0; }
.ht-story__orbit i:nth-child(2) { inset: 19%; border-style: dashed; animation: ht-spin 55s linear infinite; }
.ht-story__orbit b { position: absolute; inset: 43%; border-radius: 50%; background: var(--ht-coral); box-shadow: 0 0 90px 30px rgba(255,116,86,.2); }
.ht-story .ht-section-label { color: rgba(16,24,32,.55); }
.ht-story h2 em { color: #547e98; }
.ht-story__sticky > p { color: rgba(16,24,32,.62); }
.ht-story__clock { width: min(380px,80vw); aspect-ratio: 1; display: grid; place-items: center; align-content: center; gap: 4px; margin-top: 65px; border: 1px solid rgba(16,24,32,.13); border-radius: 50%; background: rgba(247,244,236,.4); backdrop-filter: blur(8px); }
.ht-story__clock::before { content: ""; position: absolute; width: 72%; aspect-ratio: 1; border: 1px dashed rgba(16,24,32,.12); border-radius: 50%; animation: ht-spin 36s linear infinite; }
.ht-story__clock span { position: relative; z-index: 1; font-size: clamp(4rem,7vw,6.5rem); }
.ht-story__clock small { position: relative; z-index: 1; color: rgba(16,24,32,.45); }
.ht-timeline { display: grid; gap: 38vh; padding-block: 18vh; border-left: 0; }
.ht-moment { min-height: 420px; grid-template-columns: 86px 1fr auto; align-content: center; padding: 55px; opacity: .35; background: rgba(247,244,236,.54); border: 1px solid rgba(16,24,32,.11); border-radius: 26px; box-shadow: 0 25px 80px rgba(16,24,32,.05); backdrop-filter: blur(10px); transform: scale(.94); }
.ht-moment.is-active { opacity: 1; transform: scale(1) translateX(0); box-shadow: 0 38px 100px rgba(16,24,32,.13); }
.ht-moment::before { left: -23px; top: 50%; background: var(--ht-coral); box-shadow: 0 0 0 12px #e9e4da, 0 0 25px var(--ht-coral); }
.ht-moment > span { color: #547e98; }
.ht-moment small { color: rgba(16,24,32,.5); }
.ht-moment p { color: rgba(16,24,32,.58); }
.ht-moment > i { color: rgba(16,24,32,.08); }

.ht-checkin { position: relative; overflow: hidden; color: var(--ht-white); background: #061018; padding-block: 170px; isolation: isolate; }
.ht-checkin::before { content: ""; position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 74% 48%, rgba(92,154,190,.2), transparent 30%), radial-gradient(circle at 20% 80%, rgba(255,116,86,.1), transparent 26%); }
.ht-checkin::after { content: ""; position: absolute; z-index: -1; width: 65vw; aspect-ratio: 1; right: -26vw; top: -15%; border: 1px solid rgba(247,244,236,.08); border-radius: 50%; box-shadow: inset 0 0 90px rgba(169,220,255,.04); }
.ht-checkin .ht-section-label { color: rgba(247,244,236,.48); }
.ht-checkin h2 em { color: var(--ht-blue); }
.ht-checkin__copy > p { color: rgba(247,244,236,.58); }
.ht-streak { border-color: rgba(247,244,236,.14); }
.ht-streak strong { color: var(--ht-coral); }
.ht-streak span { color: rgba(247,244,236,.45); }
.ht-checkin__panel { position: relative; overflow: hidden; padding: 48px; background: rgba(247,244,236,.045); border-color: rgba(247,244,236,.13); border-radius: 32px; box-shadow: 0 45px 120px rgba(0,0,0,.25); backdrop-filter: blur(20px); }
.ht-checkin__panel > p { position: relative; z-index: 2; color: rgba(247,244,236,.5); }
.ht-checkin__constellation { position: absolute; inset: 0; opacity: .25; pointer-events: none; }
.ht-checkin__constellation::before { content: ""; position: absolute; width: 60%; height: 1px; top: 34%; right: -5%; background: linear-gradient(90deg, transparent, var(--ht-blue), transparent); transform: rotate(-24deg); }
.ht-checkin__constellation i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--ht-blue); box-shadow: 0 0 16px var(--ht-blue); }
.ht-checkin__constellation i:nth-child(1){top:18%;right:16%}.ht-checkin__constellation i:nth-child(2){top:31%;right:38%}.ht-checkin__constellation i:nth-child(3){top:45%;right:23%}.ht-checkin__constellation i:nth-child(4){top:23%;right:56%}
.ht-mood-grid { position: relative; z-index: 2; gap: 12px; border: 0; }
.ht-mood-grid button { min-height: 155px; color: rgba(247,244,236,.7); background: rgba(247,244,236,.035); border: 1px solid rgba(247,244,236,.1); border-radius: 80px 80px 14px 14px; }
.ht-mood-grid button:hover { color: var(--ht-white); background: rgba(169,220,255,.08); border-color: rgba(169,220,255,.3); }
.ht-mood-grid button.is-selected { color: var(--ht-night); background: var(--ht-blue); border-color: var(--ht-blue); box-shadow: 0 18px 45px rgba(169,220,255,.14); }
.ht-mood-grid span { font-size: 2.3rem; }
.ht-checkin__result { position: relative; z-index: 2; border: 1px solid rgba(247,244,236,.12); border-radius: 18px; background: rgba(5,9,13,.72); }

.ht-lens { background: #07141b; }
.ht-lens::before { background: radial-gradient(circle at 74% 46%, rgba(169,220,255,.18), transparent 28%), radial-gradient(circle at 68% 55%, rgba(255,116,86,.08), transparent 17%), linear-gradient(120deg, #061018, #0a202a); }
.ht-profile-form, .ht-profile-result { border-radius: 24px; box-shadow: 0 35px 100px rgba(0,0,0,.28); }
.ht-profile-form input[type="date"], .ht-profile-form input[type="time"], .ht-profile-form input[type="text"] { border-radius: 12px; }
.ht-profile-form fieldset > button, .ht-profile-form fieldset > div button, .ht-profile-result button { border-radius: 999px; }

.ht-trust { position: relative; overflow: hidden; padding-block: 160px; background: #f4f0e8; }
.ht-trust::before { content: "TRUST"; position: absolute; right: -3vw; top: 4%; color: rgba(16,24,32,.025); font-family: var(--ht-serif); font-size: clamp(10rem,25vw,28rem); line-height: .8; letter-spacing: -.08em; }
.ht-trust__grid { position: relative; z-index: 2; gap: 18px; border: 0; }
.ht-trust article { position: relative; overflow: hidden; min-height: 440px; padding: 40px; background: rgba(255,255,255,.5); border: 1px solid rgba(16,24,32,.1); border-radius: 24px; transition: transform .4s, box-shadow .4s, background .4s; }
.ht-trust article::before { content: ""; position: absolute; width: 220px; height: 220px; right: -100px; top: -100px; border: 1px solid rgba(16,24,32,.1); border-radius: 50%; box-shadow: 0 0 0 30px rgba(16,24,32,.02), 0 0 0 60px rgba(16,24,32,.018); }
.ht-trust article:hover { transform: translateY(-10px); background: #fff; box-shadow: 0 30px 80px rgba(16,24,32,.09); }
.ht-trust article > span { color: var(--ht-coral); }

@media (min-width: 1051px) {
  .ht-zodiac-rail { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 7px; overflow: visible; padding: 10px 0 24px; }
  .ht-sign { min-width: 0; min-height: 184px; align-content: center; row-gap: 13px; padding: 20px 4px 18px; border-radius: 58px 58px 13px 13px; }
  .ht-sign::before { width: 112px; height: 112px; }
  .ht-sign::after { inset: 7px; border-radius: 52px 52px 9px 9px; }
  .ht-sign span { font-size: 3rem; }
  .ht-sign b { max-width: 100%; font-size: clamp(.82rem,.88vw,1.08rem); line-height: 1.08; overflow-wrap: anywhere; }
  .ht-sign small { font-size: clamp(.39rem,.42vw,.5rem); letter-spacing: .055em; }
}

@media (max-width: 1050px) {
  .ht-signal__intro { grid-template-columns: 1fr; }
  .ht-reading { overflow: hidden; }
  .ht-reading::after { display: none; }
  .ht-story__orbit { left: -55vw; }
  .ht-timeline { gap: 16vh; }
  .ht-checkin__panel { padding: 34px; }
  .ht-premium__intro { grid-template-columns: 1fr; gap: 34px; }
  .ht-premium__intro > p { max-width: 620px; }
  .ht-pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; }
  .ht-price-card { min-height: 560px; }
  .ht-week-map__intro { grid-template-columns: 1fr; gap: 32px; }
  .ht-week-map__intro > p { max-width: 650px; }
  .ht-week-map__product { grid-template-columns: 220px minmax(0,1fr); }
  .ht-week-map__reading { padding-inline: 30px; }
  .ht-week-map__windows { grid-template-columns: 1fr; }
  .ht-week-map__windows > div { min-height: 92px; grid-template-columns: 90px 1fr auto; border-right: 0; border-bottom: 1px solid rgba(247,244,236,.12); }
  .ht-week-map__windows > div:last-child { border-bottom: 0; }
  .ht-week-map__windows b { grid-column: auto; align-self: center; }
  .ht-timing-result__layout { grid-template-columns: 190px minmax(0,1fr); }
  .ht-timing-result__day { padding: 30px; }
  .ht-timing-result__windows { grid-template-columns: 1fr; }
  .ht-timing-result__windows section { min-height: 92px; grid-template-columns: 90px 1fr auto; border-right: 0; border-bottom: 1px solid rgba(247,244,236,.12); }
  .ht-timing-result__windows section:last-child { border-bottom: 0; }
  .ht-timing-result__windows b { grid-column: auto; align-self: center; }
}

@media (max-width: 680px) {
  .ht-signal { padding-block: 92px 110px; }
  .ht-signal::after { top: 2%; right: -18vw; font-size: 18rem; }
  .ht-signal__intro { padding-block: 64px 42px; }
  .ht-signal h2 { max-width: 350px; font-size: clamp(2.7rem,11.5vw,3.35rem); line-height: 1; }
  .ht-zodiac-meta { margin-top: 5px; }
  .ht-zodiac-meta b { display: none; }
  .ht-zodiac-rail { width: calc(100% + 30px); margin-left: -15px; padding: 16px 15px 38px; gap: 10px; scroll-padding-inline: 15px; }
  .ht-sign { flex-basis: 148px; min-height: 190px; padding: 23px 18px; border-radius: 74px 74px 14px 14px; }
  .ht-sign[aria-pressed="true"] { transform: translateY(-5px); }
  .ht-sign span { font-size: 3rem; }
  .ht-sign b { font-size: 1.18rem; }
  .ht-reading { margin-top: 44px; border-radius: 24px; }
  .ht-reading__visual { min-height: 420px; }
  .ht-reading__live { top: 22px; left: 22px; }
  .ht-reading__visual::before { width: 85%; }
  .ht-reading__visual::after { width: 60%; }
  .ht-reading__glyph { font-size: 8rem; }
  .ht-reading__content { padding: 46px 24px 52px; }
  .ht-reading h3 { font-size: 2.7rem; line-height: 1; }
  .ht-energy { grid-template-columns: repeat(3,1fr); gap: 6px; }
  .ht-energy div { padding: 14px 10px; }
  .ht-energy b { font-size: 1.45rem; }
  .ht-story { padding-block: 105px; }
  .ht-story__orbit { width: 150vw; left: -100vw; top: 26%; opacity: .36; }
  .ht-story__clock { width: 250px; margin-top: 42px; }
  .ht-timeline { gap: 85px; padding-block: 90px 0; }
  .ht-moment { min-height: 450px; padding: 40px 25px; border-radius: 20px; }
  .ht-moment::before { display: none; }
  .ht-checkin { padding-block: 105px; }
  .ht-checkin__panel { padding: 20px; border-radius: 24px; }
  .ht-mood-grid { grid-template-columns: repeat(2,1fr); gap: 9px; }
  .ht-mood-grid button { min-height: 130px; border-radius: 65px 65px 12px 12px; }
  .ht-mood-grid button:last-child { grid-column: 1 / -1; border-radius: 14px; min-height: 95px; }
  .ht-lens { min-height: auto; }
  .ht-profile-result__offers { grid-template-columns: 1fr; }
  .ht-premium { padding: 100px 0 84px; }
  .ht-premium__orbit { width: 430px; height: 430px; right: -260px; top: -190px; }
  .ht-premium__intro { margin: 56px 0 48px; }
  .ht-premium__intro h2 { font-size: clamp(3rem,14vw,4.25rem); }
  .ht-premium__intro > p { font-size: 1rem; }
  .ht-pricing-grid { grid-template-columns: 1fr; background: transparent; gap: 12px; padding: 0; }
  .ht-price-card { min-height: 0; padding: 25px 22px; border: 1px solid rgba(247,244,236,.13); border-radius: 22px; }
  .ht-price-card h3 { min-height: 0; margin-top: 28px; }
  .ht-price-card > p:not(.ht-price):not(.ht-price-card__future):not(.ht-price-card__annual), .ht-price-card ul { min-height: 0; }
  .ht-price-card__badge { border-radius: 0 22px 0 12px; }
  .ht-week-map { padding-block: 100px 88px; }
  .ht-week-map__intro { margin: 55px 0 42px; }
  .ht-week-map__intro h2 { font-size: clamp(3rem,14vw,4.25rem); }
  .ht-week-map__intro > p { font-size: 1rem; }
  .ht-week-map__product { display: block; border-radius: 22px; overflow: hidden; }
  .ht-week-map__rail { border-right: 0; border-bottom: 1px solid rgba(247,244,236,.13); }
  .ht-week-map__identity { min-height: 100px; padding: 18px; }
  .ht-week-map__identity > span { width: 58px; height: 58px; font-size: 2.2rem; }
  .ht-week-map__days { display: flex; gap: 8px; overflow-x: auto; padding: 10px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .ht-week-map__days::-webkit-scrollbar { display: none; }
  .ht-week-map__days button { min-width: 116px; min-height: 84px; display: grid; grid-template-columns: 1fr 8px; gap: 5px; padding: 12px; border: 1px solid rgba(247,244,236,.09); border-radius: 13px; scroll-snap-align: start; }
  .ht-week-map__days button::before { inset: 0; border: 0; border-bottom: 2px solid var(--ht-blue); border-radius: 13px; }
  .ht-week-map__days small { grid-column: 1 / -1; }
  .ht-week-map__days strong { font-size: .9rem; }
  .ht-week-map__reading { padding: 25px 18px 27px; }
  .ht-week-map__reading > header { padding-bottom: 20px; }
  .ht-week-map__headline { grid-template-columns: 1fr; gap: 12px; padding-block: 30px; }
  .ht-week-map__headline > span { font-size: 2.7rem; }
  .ht-week-map__headline h3 { font-size: 2.5rem; }
  .ht-week-map__windows > div { grid-template-columns: 76px 1fr auto; gap: 10px; padding: 16px 14px; }
  .ht-week-map__windows time { font-size: 1.35rem; }
  .ht-week-map__guidance { grid-template-columns: 1fr; }
  .ht-week-map__guidance section { min-height: 0; }
  .ht-week-map__guidance p { margin-top: 14px; }
  .ht-week-map__reading > footer { align-items: stretch; flex-direction: column; }
  .ht-week-map__reading > footer a { justify-content: space-between; }
  .ht-timing-result__hero { padding: 112px 0 42px; }
  .ht-timing-result__hero .ht-daily-breadcrumbs { margin-bottom: 32px; }
  .ht-timing-result__identity { grid-template-columns: 1fr; gap: 30px; }
  .ht-timing-result__identity > span { width: 96px; height: 96px; font-size: 3.6rem; }
  .ht-timing-result__identity h1 { font-size: clamp(3rem,14vw,4.45rem); }
  .ht-timing-result__week { align-items: flex-start; flex-direction: column; gap: 9px; margin-top: 45px; }
  .ht-timing-result__body { padding-block: 42px 80px; }
  .ht-timing-result__layout { display: block; }
  .ht-timing-result__days { position: static; display: flex; gap: 8px; overflow-x: auto; margin-bottom: 12px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .ht-timing-result__days::-webkit-scrollbar { display: none; }
  .ht-timing-result__days button { min-width: 120px; min-height: 83px; border: 1px solid rgba(247,244,236,.08); border-radius: 12px; scroll-snap-align: start; }
  .ht-timing-result__day { padding: 24px 18px; border-radius: 18px; }
  .ht-timing-result__day > header { padding-bottom: 20px; }
  .ht-timing-result__lead { grid-template-columns: 1fr; gap: 12px; padding-block: 31px; }
  .ht-timing-result__lead > span { font-size: 2.7rem; }
  .ht-timing-result__lead h2 { font-size: 2.75rem; }
  .ht-timing-result__windows section { grid-template-columns: minmax(0,1fr) auto; gap: 12px 10px; padding: 17px 14px; }
  .ht-timing-result__windows time { grid-column: 1 / -1; font-size: 1.3rem; }
  .ht-timing-result__windows div { grid-column: 1; }
  .ht-timing-result__windows b { grid-column: 2; grid-row: 2; align-self: end; max-width: 82px; text-align: right; line-height: 1.45; }
  .ht-timing-result__guidance { grid-template-columns: 1fr; }
  .ht-timing-result__guidance section { min-height: 0; }
  .ht-timing-result__guidance p { margin-top: 16px; }
  .ht-timing-result__method { padding-block: 90px; }
  .ht-timing-result__method h2 { font-size: clamp(3.1rem,14vw,4.3rem); }
  .ht-timing-result__method > div > div { grid-template-columns: 1fr; }
  .ht-timing-result__method article { min-height: 240px; }
  .ht-timing-result__method h3 { margin-top: 55px; }
  .ht-trust { padding-block: 105px; }
  .ht-trust__grid { gap: 12px; }
  .ht-trust article { min-height: 330px; border-radius: 20px; }
}

/* 0.20 — compact, tactile mobile experience */
.ht-menu-button { width: 52px; height: 46px; align-items: center; justify-content: center; flex-direction: column; gap: 6px; border: 1px solid rgba(247,244,236,.16); border-radius: 50%; }
.ht-menu-button > span:not(.ht-sr-only) { display: block; height: 1px; background: var(--ht-white); transform-origin: center; transition: width .25s ease, transform .25s ease, opacity .2s ease; }
.ht-menu-button > span:nth-child(1) { width: 27px; transform: translateX(-2px); }
.ht-menu-button > span:nth-child(2) { width: 18px; transform: translateX(4px); }
.ht-menu-button > span:nth-child(3) { width: 23px; transform: translateX(-4px); }
.ht-menu-button[aria-expanded="true"] > span:nth-child(1) { width: 25px; transform: translateY(7px) rotate(45deg); }
.ht-menu-button[aria-expanded="true"] > span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.ht-menu-button[aria-expanded="true"] > span:nth-child(3) { width: 25px; transform: translateY(-7px) rotate(-45deg); }
.ht-menu-button:focus-visible, .ht-nav a:focus-visible, .ht-footer a:focus-visible { outline: 2px solid var(--ht-blue); outline-offset: 4px; }

.ht-button { font-size: .82rem; font-weight: 800; }
.ht-profile-form fieldset > button, .ht-profile-form fieldset > div button, .ht-profile-result button { font-size: .72rem; font-weight: 800; }
.ht-price-card > a { font-size: .68rem; font-weight: 800; }
.ht-week-map__reading > footer a, .ht-form button { font-size: .72rem; font-weight: 800; }

.ht-footer__cta { width: min(520px,100%); min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 34px; padding: 18px 20px 18px 24px; color: var(--ht-night); background: var(--ht-white); border-radius: 18px; text-decoration: none; transition: background .25s ease, transform .25s ease; }
.ht-footer__cta:hover { background: var(--ht-blue); transform: translateY(-3px); }
.ht-footer__cta span { display: grid; gap: 5px; }
.ht-footer__cta small { color: rgba(16,24,32,.52); font-size: .52rem; font-weight: 800; letter-spacing: .14em; }
.ht-footer__cta strong { font-family: var(--ht-serif); font-size: 1.35rem; font-weight: 400; }
.ht-footer__cta i { width: 48px; height: 48px; display: grid; flex: 0 0 auto; place-items: center; color: var(--ht-white); background: var(--ht-coral); border-radius: 50%; font-style: normal; font-size: 1.25rem; }

@media (max-width: 1050px) {
  body.ht-menu-open { overflow: hidden; }
  .ht-header { background: rgba(5,9,13,.94); border-bottom: 1px solid rgba(247,244,236,.1); backdrop-filter: blur(20px); }
  .ht-header__inner { min-height: 82px; }
  .ht-brand { gap: 15px; }
  .ht-brand__mark { width: 42px; height: 42px; }
  .ht-brand__mark::before { width: 6px; height: 6px; box-shadow: 11px -9px 0 -1px var(--ht-blue); }
  .ht-brand__mark::after { width: 51px; height: 16px; }
  .ht-brand__word { font-size: 1.24rem; }
  .ht-nav { top: 100%; gap: 0; max-height: calc(100svh - 82px); overflow-y: auto; padding: 14px 28px 28px; background: rgba(3,6,8,.985); box-shadow: 0 30px 70px rgba(0,0,0,.35); }
  .ht-nav a { width: 100%; padding: 18px 4px; color: rgba(247,244,236,.78); border-bottom: 1px solid rgba(247,244,236,.1); font-size: .78rem; font-weight: 750; }
  .ht-nav__cta { justify-content: center; margin-top: 14px; padding: 17px 20px!important; color: var(--ht-night)!important; background: var(--ht-white); border: 0; text-align: center; }

  .ht-story { padding-block: 96px; }
  .ht-story__layout { gap: 42px; }
  .ht-story__sticky { display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,300px); column-gap: 48px; align-items: end; }
  .ht-story .ht-section-label { grid-column: 1 / -1; margin-bottom: 38px; }
  .ht-story__sticky h2 { grid-column: 1; }
  .ht-story__sticky > p { grid-column: 1; margin: 24px 0 0; }
  .ht-story__clock { grid-column: 2; grid-row: 2 / span 2; width: min(30vw,290px); margin: 0; }
  .ht-timeline { gap: 18px; margin-top: 12px; padding-block: 0; }
  .ht-moment { min-height: 250px; grid-template-columns: 76px 1fr auto; gap: 24px; padding: 32px; opacity: .78; transform: none; }
  .ht-moment.is-active { opacity: 1; transform: none; }
  .ht-moment h3 { margin: 14px 0; font-size: clamp(2.15rem,5.4vw,3.4rem); }

  .ht-checkin, .ht-premium, .ht-week-map, .ht-trust { padding-block: 96px; }
  .ht-lens { min-height: 0; align-items: start; padding-block: 96px; }
  .ht-lens__inner > p:not(.ht-kicker) { margin: 28px 0 34px; }
  .ht-profile-form { padding: 28px; }

  .ht-footer { padding: 70px 0 28px; }
  .ht-footer__top { grid-template-columns: 1fr; gap: 48px; padding-bottom: 48px; }
  .ht-footer__statement { max-width: 700px; margin-bottom: 0; }
  .ht-footer__links { gap: 14px; }
  .ht-footer__links > div { padding: 24px; background: rgba(247,244,236,.035); border: 1px solid rgba(247,244,236,.1); border-radius: 20px; }
  .ht-footer__links strong { margin-bottom: 20px; }
  .ht-footer__links a { min-height: 44px; display: flex; align-items: center; margin: 0; padding: 8px 0; border-bottom: 1px solid rgba(247,244,236,.08); color: rgba(247,244,236,.7); font-size: .9rem; }
  .ht-footer__links a:last-child { border-bottom: 0; }
}

@media (max-width: 680px) {
  .ht-header__inner { min-height: 76px; }
  .ht-brand { gap: 12px; }
  .ht-brand__mark { width: 40px; height: 40px; }
  .ht-brand__mark::after { width: 49px; }
  .ht-brand__word { font-size: 1.16rem; }
  .ht-menu-button { width: 48px; height: 44px; }
  .ht-nav { max-height: calc(100svh - 76px); padding: 10px 20px 24px; }
  .ht-nav a { padding-block: 17px; font-size: .75rem; }

  .ht-button { width: 100%; min-height: 60px; padding-left: 22px; font-size: .76rem; letter-spacing: .065em; }
  .ht-button i { width: 42px; height: 42px; }
  .ht-profile-form fieldset > button, .ht-profile-form fieldset > div button, .ht-profile-result button, .ht-price-card > a, .ht-week-map__reading > footer a, .ht-form button { min-height: 56px; font-size: .74rem; letter-spacing: .065em; }

  .ht-story { padding-block: 72px; }
  .ht-story__layout { gap: 32px; }
  .ht-story__sticky { display: block; }
  .ht-story .ht-section-label { margin-bottom: 30px; }
  .ht-story__sticky > p { margin-top: 20px; font-size: 1rem; line-height: 1.55; }
  .ht-story__clock { width: 100%; min-height: 122px; aspect-ratio: auto; grid-template-columns: auto auto; justify-content: center; column-gap: 14px; margin-top: 28px; border-radius: 24px; }
  .ht-story__clock::before { width: 105px; }
  .ht-story__clock span { font-size: 3.2rem; }
  .ht-timeline { gap: 14px; margin-top: 0; padding: 0; }
  .ht-moment, .ht-moment.is-active { min-height: 0; grid-template-columns: 1fr; gap: 10px; padding: 25px 21px; opacity: 1; border-left: 3px solid var(--ht-coral); border-radius: 16px; transform: none; }
  .ht-moment > span { font-size: 1.05rem; }
  .ht-moment h3 { margin: 10px 0 12px; font-size: 2.15rem; line-height: 1.03; }
  .ht-moment p { margin-bottom: 0; font-size: .98rem; line-height: 1.55; }

  .ht-checkin, .ht-premium, .ht-week-map, .ht-trust { padding-block: 76px; }
  .ht-lens { padding-block: 76px; }
  .ht-lens__rings { opacity: .28; }
  .ht-lens h2 { font-size: clamp(2.85rem,13vw,3.75rem); }
  .ht-lens__inner > p:not(.ht-kicker) { margin: 22px 0 28px; font-size: 1rem; line-height: 1.55; }
  .ht-profile-form { padding: 22px 18px; }
  .ht-profile-form__progress { margin-bottom: 26px; }
  .ht-profile-form legend { margin-bottom: 22px; font-size: 2.05rem; }
  .ht-profile-form input[type="date"], .ht-profile-form input[type="time"], .ht-profile-form input[type="text"] { min-height: 57px; margin-bottom: 18px; }

  .ht-footer { padding: 58px 0 24px; }
  .ht-footer__top { gap: 34px; padding-bottom: 34px; }
  .ht-footer__statement { margin: 24px 0 0; font-size: 2.35rem; line-height: .98; }
  .ht-footer__cta { min-height: 82px; margin-top: 28px; padding: 15px 15px 15px 18px; border-radius: 17px; }
  .ht-footer__cta strong { font-size: 1.18rem; }
  .ht-footer__cta i { width: 46px; height: 46px; }
  .ht-footer__links { grid-template-columns: 1fr; gap: 12px; }
  .ht-footer__links > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; padding: 20px; border-radius: 17px; }
  .ht-footer__links strong { grid-column: 1 / -1; }
  .ht-footer__links a { min-height: 48px; font-size: .82rem; line-height: 1.3; }
  .ht-footer__bottom { gap: 10px; padding-top: 20px; font-size: .68rem; line-height: 1.5; }
}

/* Daily discovery: a compact, crawlable entry point with no paid gate. */
.ht-hero.ht-hero--daily { min-height: 0; }
.ht-hero--daily .ht-hero__inner { min-height: 0; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(32px,5vw,88px); padding-block: 150px 64px; }
.ht-hero--daily .ht-hero__copy { padding-top: 0; }
.ht-hero.ht-hero--daily h1 { margin: 0; font-size: clamp(3.4rem,6.1vw,6.4rem); line-height: .96; }
.ht-hero--daily .ht-hero__lede { max-width: 510px; margin: 24px 0 18px; font-size: 1.08rem; line-height: 1.65; color: #dddcd7; }
.ht-hero--daily .ht-kicker { flex-wrap: wrap; gap: 9px; line-height: 1.7; }
.ht-hero--daily .ht-kicker .ht-home-date { display: inline; width: auto; height: auto; border: 0; border-radius: 0; background: none; box-shadow: none; }
.ht-daily-assurance { margin: 0 0 22px; color: #c7d8df; font-size: .78rem; line-height: 1.6; }
.ht-home-zodiac { padding: 24px; background: rgba(5,12,18,.76); border: 1px solid rgba(169,220,255,.2); border-radius: 22px; backdrop-filter: blur(12px); }
.ht-home-zodiac > p { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 18px; color: #f7f4ec; font-size: .65rem; font-weight: 700; letter-spacing: .09em; }
.ht-home-zodiac > p span { color: #a9dcff; }
.ht-home-signs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.ht-home-signs a { min-width: 0; min-height: 106px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 12px 4px; color: #f7f4ec; background: rgba(247,244,236,.025); border: 1px solid rgba(247,244,236,.13); border-radius: 12px; text-decoration: none; transition: background .2s,transform .2s,border-color .2s; }
.ht-home-signs a:hover { transform: translateY(-3px); border-color: var(--sign-color); background: rgba(247,244,236,.085); }
.ht-home-signs a:focus-visible { outline: 2px solid var(--sign-color); outline-offset: 3px; }
.ht-home-signs a > span { color: var(--sign-color); font-family: "Times New Roman",Georgia,serif; font-size: 2.4rem; line-height: 1; }
.ht-home-signs strong { font-size: .8rem; font-weight: 600; }
.ht-home-signs small { color: #bac3ca; font-size: .56rem; white-space: nowrap; }
.ht-reading__content > .ht-reading-disclosure { margin-block: 16px 24px; color: #b8c8d1; font-family: var(--ht-sans); font-size: .8rem; line-height: 1.55; }
.ht-reading-upgrade { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 30px; padding: 24px 28px; border: 1px solid rgba(16,24,32,.15); border-radius: 14px; color: var(--ht-ink); background: rgba(255,255,255,.28); }
.ht-reading-upgrade strong { font-size: 1rem; }
.ht-reading-upgrade p { margin: 8px 0 0; font-size: .9rem; line-height: 1.5; }
.ht-reading-upgrade .ht-text-action { flex-shrink: 0; color: var(--ht-ink); }
.ht-signal .ht-reveal { opacity: 1; transform: none; }
.ht-method-evidence h3 { color: #f7f4ec; font-size: 1.35rem; margin-top: 24px; }
.ht-method-evidence dl { margin: 20px 0; border: 1px solid rgba(247,244,236,.16); border-radius: 12px; overflow: hidden; }
.ht-method-evidence dl > div { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 12px; padding: 12px 16px; }
.ht-method-evidence dl > div + div { border-top: 1px solid rgba(247,244,236,.1); }
.ht-method-evidence dt { color: #a9dcff; font-weight: 600; }
.ht-method-evidence dd { margin: 0; color: #f7f4ec; }
@media (max-width: 480px) { .ht-method-evidence dl > div { grid-template-columns: 1fr; gap: 4px; } }
@media (max-width:1050px) {
  .ht-hero--daily .ht-hero__inner { grid-template-columns: 1fr 1.1fr; gap: 24px; padding-block: 122px 44px; }
  .ht-home-zodiac { padding: 16px; }
  .ht-home-signs a { min-height: 94px; }
  .ht-home-signs small { display: none; }
  .ht-home-zodiac > p span { display: none; }
}
@media (max-width:680px) {
  .ht-hero--daily .ht-hero__inner { display: grid; grid-template-columns: 1fr; gap: 24px; padding-block: 112px 32px; }
  .ht-hero.ht-hero--daily h1 { font-size: clamp(2.6rem,11vw,3.8rem); letter-spacing: -.05em; }
  .ht-hero.ht-hero--daily h1 em { display: inline; }
  .ht-hero--daily .ht-kicker { margin-bottom: 14px; font-size: .55rem; letter-spacing: .08em; }
  .ht-hero--daily .ht-hero__lede { margin-block: 15px 12px; font-size: .98rem; line-height: 1.55; }
  .ht-daily-assurance { margin-bottom: 14px; font-size: .72rem; }
  .ht-home-zodiac { padding: 14px; border-radius: 16px; }
  .ht-home-zodiac > p { font-size: .6rem; margin-bottom: 12px; }
  .ht-home-signs { gap: 6px; }
  .ht-home-signs a { min-height: 79px; gap: 7px; padding: 10px 2px; border-radius: 9px; }
  .ht-home-signs a > span { font-size: 2.1rem; }
  .ht-home-signs strong { font-size: .65rem; }
  .ht-reading-upgrade { display: block; margin-top: 22px; padding: 20px; }
  .ht-reading-upgrade .ht-text-action { display: inline-flex; margin-top: 18px; }
}

/* Final cascade for the homepage composition. */
.ht-signal { padding-block: 112px 125px; }
.ht-signal__intro { padding-block: 62px 44px; }
.ht-week-map { padding-block: 112px 120px; }
.ht-week-map__intro { margin-block: 58px 48px; }
.ht-lens { min-height: auto; padding-block: 120px; }

@media (max-width: 1050px) {
  .ht-lens { min-height: 0; padding-block: 96px; }
}

@media (max-width: 680px) {
  .ht-signal, .ht-week-map { padding-block: 76px; }
  .ht-signal__intro { padding-block: 45px 34px; }
  .ht-week-map__intro { margin-block: 45px 35px; }
  .ht-lens { padding-block: 76px; }
  .ht-profile-result { grid-template-columns: 1fr; gap: 22px; padding: 24px; }
  .ht-profile-result > span { width: 92px; height: 92px; font-size: 3.25rem; }
}