.how{--h-bg:linear-gradient(180deg, #eef6f2 0, #fff 30%, #fbfaf3 65%, #f2f7f4 100%);--h-ink:#0e1528;--h-text:#334055;--h-muted:#667085;--h-faint:#98a2b3;--h-line:#0e15281a;--h-line-2:#0e152833;--h-accent:#c76a12;--h-accent-soft:#e8913a24;--h-panel:#0e152808;--h-chip:#0e15280f;--h-glyph:#0e1528;--h-sun:#d97706;--h-moon:#3867f5;--h-fire:#d9532a;--h-earth:#2f8a4f;--h-air:#3867f5;--h-water:#0e8fb0;--h-above:#3867f50d;--h-tip-bg:#0e1528;--h-tip-ink:#fff;--h-thumb-ring:#0e15281f}body.night .how{--h-bg:linear-gradient(180deg, #070b24 0, #0b1033 40%, #0d1240 70%, #0a0e30 100%);--h-ink:#fff;--h-text:#c3c7e6;--h-muted:#9ea4d0;--h-faint:#6f76a8;--h-line:#ffffff1a;--h-line-2:#fff3;--h-accent:#ffc58e;--h-accent-soft:#ffc58e24;--h-panel:#ffffff08;--h-chip:#ffffff12;--h-glyph:#fff;--h-sun:#ffd27a;--h-moon:#e8ecff;--h-fire:#ffb48a;--h-earth:#a8e0b5;--h-air:#c9d4ff;--h-water:#9dd7f5;--h-above:#8fb0ff0f;--h-tip-bg:#fff;--h-tip-ink:#0e1528;--h-thumb-ring:#ffffff26}body.night:has(.how){background:#070b24}.how{isolation:isolate;background:var(--h-bg);color:var(--h-text);transition:background .8s;position:relative;overflow-x:clip}.sky-bg{z-index:-1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .8s;position:fixed;inset:0}body.night .sky-bg{opacity:1}.sky-bg .star,.how-hero .star{animation:starTw var(--tw,4s) ease-in-out infinite;animation-delay:var(--dl,0s)}.art-source{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}[data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(20px)}[data-reveal].is-in{opacity:1;transform:none}body.night .how .how-btn{color:var(--ink);background:#fff}body.night .how .how-btn:hover{background:#eef0fa}.how a:not(.btn){color:var(--h-ink);text-decoration:underline;text-decoration-color:var(--h-line-2);text-underline-offset:4px}.how a:not(.btn):hover{text-decoration-color:var(--h-ink)}.how h2{letter-spacing:-.04em;color:var(--h-ink);margin:0;font-size:clamp(32px,4vw,50px);font-weight:700;line-height:1.08}.how p{color:var(--h-text)}.how-hero{align-items:center;min-height:92svh;padding-bottom:120px;display:grid}.how-hero .scene{height:100%;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.how-hero .sky-switch{top:auto;bottom:64px}.how-hero__in{text-align:center;position:relative}.how-hero h1{letter-spacing:-.045em;max-width:14ch;color:var(--h-ink);margin:0 auto;font-size:clamp(38px,4.8vw,66px);line-height:1.04}.how-hero__lede{max-width:60ch;margin:24px auto 0;font-size:18.5px;line-height:1.6}.how-hero.is-night h1{color:#fff}.how .how-hero.is-night .how-hero__lede{color:#c3c7e6}.how .how-hero:not(.is-night) .how-hero__lede{color:#4f5d57}.how-hero__cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;margin-top:36px;display:flex}.block{padding:110px 0}.block__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:72px;display:grid}.block__copy p,.block__intro p{margin:20px 0 0;font-size:17.5px;line-height:1.65}.block__intro{max-width:760px;margin-bottom:56px}.how .block__aside{max-width:760px;color:var(--h-muted);margin:40px 0 0;font-size:16px;line-height:1.6}.readout{border-top:1px solid var(--h-line);margin-top:36px;padding-top:24px}.zodiac{gap:22px;display:flex}.zodiac button{letter-spacing:.02em;color:var(--h-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 6px;font-size:14px;font-weight:600;transition:color .2s,border-color .2s}.zodiac button[aria-selected=true]{color:var(--h-ink);border-bottom-color:var(--h-accent)}.readout dl{grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 40px;margin:22px 0 0;display:grid}.readout dt{color:var(--h-muted);font-size:13px}.readout dd{letter-spacing:-.02em;color:var(--h-ink);font-variant-numeric:tabular-nums;white-space:nowrap;margin:4px 0 0;font-size:22px;font-weight:600}.readout dd small{letter-spacing:0;color:var(--h-muted);margin-top:2px;font-size:13px;font-weight:500;display:block}.live{margin:0;position:relative}.live__wheel{user-select:none;width:min(540px,100%);height:auto;margin:0 auto;display:block;overflow:visible}.live__wheel .ring{fill:none;stroke:var(--h-line-2)}.live__wheel .sign-line,.live__wheel .tick{stroke:var(--h-line-2)}.live__wheel .sign{text-anchor:middle;dominant-baseline:central;font-size:18px}.live__wheel .sign.fire{fill:var(--h-fire)}.live__wheel .sign.earth{fill:var(--h-earth)}.live__wheel .sign.air{fill:var(--h-air)}.live__wheel .sign.water{fill:var(--h-water)}.live__wheel .above{fill:var(--h-above)}.live__wheel .horizon{stroke:var(--h-accent);stroke-width:1.4px}.live__wheel .horizon-label{fill:var(--h-accent);letter-spacing:.12em;font-size:11px;font-weight:700}.live__wheel .horizon-label--in{display:none}.live__wheel .asc-marker{fill:var(--h-accent)}.live__wheel .body text{fill:var(--h-glyph);text-anchor:middle;dominant-baseline:central;font-size:19px}.live__wheel .body .tick-in{stroke:var(--h-line-2)}.live__wheel .body.sun text{fill:var(--h-sun)}.live__wheel .body.moon text{fill:var(--h-moon)}.live__wheel .body:hover text,.live__wheel .body:focus text{fill:var(--h-accent)}.live__wheel .body:focus{outline:none}.live__tip{z-index:2;background:var(--h-tip-bg);color:var(--h-tip-ink);white-space:nowrap;pointer-events:none;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 10px 30px -10px #0e152880}.live__tip[hidden]{display:none}.time{width:min(540px,100%);margin:26px auto 0}.time__now{text-align:center;color:var(--h-muted);margin-bottom:14px;font-size:14px;display:block}.time__now span{color:var(--h-ink);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.time input{-webkit-appearance:none;appearance:none;cursor:grab;background:0 0;width:100%;height:34px;margin:0}.time input:active{cursor:grabbing}.time input::-webkit-slider-runnable-track{height:6px;box-shadow:inset 0 0 0 1px var(--h-line);background:linear-gradient(90deg,#1b2152 0% 22%,#f2a65a 27%,#8fc3ff 40% 62%,#f2a65a 72%,#1b2152 78% 100%);border-radius:6px}.time input::-moz-range-track{background:linear-gradient(90deg,#1b2152 0% 22%,#f2a65a 27%,#8fc3ff 40% 62%,#f2a65a 72%,#1b2152 78% 100%);border-radius:6px;height:6px}.time input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;box-shadow:0 0 0 5px var(--h-thumb-ring), 0 4px 14px #0e152859;background:#fff;border-radius:50%;margin-top:-8px}.time input::-moz-range-thumb{width:22px;height:22px;box-shadow:0 0 0 5px var(--h-thumb-ring);background:#fff;border:0;border-radius:50%}.time input:focus-visible{outline:none}.time input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #8fb0ff88}.time__ticks{color:var(--h-faint);justify-content:space-between;margin-top:4px;font-size:11.5px;display:flex}.reading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:64px;display:grid}.kundli{width:100%;max-width:480px;height:auto;overflow:visible}.house polygon{fill:var(--h-panel);stroke:var(--h-line-2);stroke-width:1.2px;transition:fill .5s var(--ease), stroke .5s var(--ease)}.house.is-lit polygon{fill:var(--h-accent-soft);stroke:var(--h-accent)}.house__sign{fill:var(--h-faint);text-anchor:middle;dominant-baseline:central;font-size:12px;font-weight:700}.house__grahas{fill:var(--h-ink);text-anchor:middle;dominant-baseline:central;letter-spacing:.02em;font-size:15px;font-weight:600}.house.is-lit .house__sign,.kundli .arrowhead{fill:var(--h-accent)}.kundli .link{fill:none;stroke:var(--h-accent);stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:1px;animation:linkDraw 1s var(--ease) forwards}@keyframes linkDraw{to{stroke-dashoffset:0}}.layers__list{border-top:1px solid var(--h-line);margin:0;padding:0;list-style:none}.step{border:0;border-bottom:1px solid var(--h-line);text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;padding:16px 0 16px 22px;display:grid;position:relative}.step:before{content:"";background:var(--h-line-2);border-radius:50%;width:8px;height:8px;transition:background .3s;position:absolute;top:23px;left:0}.step[aria-pressed=true]:before{background:var(--h-accent);box-shadow:0 0 0 4px var(--h-accent-soft)}.step__t{color:var(--h-text);font-size:17px;font-weight:600;transition:color .3s}.step[aria-pressed=true] .step__t,.step:hover .step__t{color:var(--h-ink)}.step__d{max-height:0;color:var(--h-muted);opacity:0;transition:max-height .5s var(--ease), opacity .4s, margin .5s var(--ease);font-size:14.5px;line-height:1.55;display:block;overflow:hidden}.step[aria-pressed=true] .step__d{opacity:1;max-height:120px;margin-top:6px}.step__bar{background:var(--h-accent);transform-origin:0;height:1px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.step.is-timing .step__bar{animation:stepTime var(--dur,7s) linear forwards}@keyframes stepTime{to{transform:scaleX(1)}}.step:focus-visible{outline-offset:4px;outline:2px solid #8fb0ff}.line{min-height:130px;margin:36px 0 0}.how .line p{font-family:var(--serif);color:var(--h-ink);margin:0;font-size:clamp(24px,2.3vw,30px);line-height:1.32}.line p:after{content:"";vertical-align:-.12em;background:var(--h-accent);width:2px;height:1em;margin-left:3px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.line footer{color:var(--h-faint);margin-top:12px;font-size:13px}.dasha{margin-top:80px}.dasha__track{background:var(--h-panel);height:54px;box-shadow:inset 0 0 0 1px var(--h-line);border-radius:12px;position:relative}.dasha__bar{background:var(--h-chip);white-space:nowrap;color:var(--h-text);box-shadow:inset 0 0 0 1px var(--h-line);border-radius:8px;align-items:center;padding:0 10px;font-size:13px;font-weight:600;transition:background .4s,color .4s;display:flex;position:absolute;top:6px;bottom:6px;overflow:hidden}.dasha__bar.is-now{background:var(--h-accent-soft);color:var(--h-ink);box-shadow:inset 0 0 0 1px var(--h-accent)}.dasha.is-lit .dasha__bar.is-now{background:color-mix(in srgb, var(--h-accent) 30%, transparent)}.dasha__now{background:var(--h-ink);width:2px;margin-left:-1px;position:absolute;top:-10px;bottom:-10px}.dasha__now span{letter-spacing:.08em;text-transform:uppercase;color:var(--h-ink);font-size:11.5px;font-weight:700;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.dasha__now i{font-style:normal;display:none}.dasha__years{height:22px;margin-top:10px;position:relative}.dasha__years span{color:var(--h-faint);font-variant-numeric:tabular-nums;font-size:12px;position:absolute;transform:translate(-50%)}.how .dasha__note{color:var(--h-muted);margin:16px 0 0;font-size:14px}.studio{background:#060820;border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px #ffffff17,0 50px 100px -40px #0e1528aa}.studio__screen{background:radial-gradient(600px 240px at 50% 40%,#1d2260,#05071c 70%);place-items:center;height:380px;padding:20px 0 70px;display:grid;position:relative}.studio__frame{aspect-ratio:16/9;background:#000;border-radius:12px;max-width:calc(100% - 40px);height:100%;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000,0 0 0 1px #ffffff1a}.studio__frame svg{width:100%;height:100%}.studio__frame svg.is-in{animation:frameIn 1s var(--ease)}@keyframes frameIn{0%{filter:brightness(.55);transform:scale(1.06)}}.how .studio__caption{text-align:center;color:#ffffff59;width:min(720px,100% - 40px);margin:0;font-size:17px;font-weight:600;line-height:1.45;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.studio__caption span{transition:color .15s}.studio__caption span.is-said{color:#fff}.studio__tracks{gap:10px;padding:20px 22px 22px;display:grid;position:relative}.track{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;display:grid}.track__l{color:#e8eaf8;font-size:13px;font-weight:700}.track__l em{color:#6f76a8;font-size:12px;font-style:normal;font-weight:500;display:block}.track__lane{gap:3px;min-width:0;height:32px;display:flex;position:relative}.track__lane--script i,.track__lane--scenes i{flex:var(--len) 1 0;white-space:nowrap;text-overflow:ellipsis;color:#fff;border-radius:7px;align-items:center;min-width:0;padding:0 10px;font-size:12px;font-style:normal;font-weight:600;display:flex;overflow:hidden}.track__lane--script i{color:#c3c7e6;background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff17}.track__lane--script i.is-on{color:#fff;background:#ffffff24}.track__lane--scenes i{background:var(--c);opacity:.5;transition:opacity .3s}.track__lane--scenes i.is-on{opacity:1}.track__lane--wave{align-items:center;gap:2px}.track__lane--wave b{min-width:0;height:var(--h);opacity:.3;background:#8fb0ff;border-radius:2px;flex:1;transition:opacity .2s}.track__lane--wave b.is-past{opacity:.9;background:#c7a6ff}.track__lane--wave b.is-live{opacity:1;background:#ffc58e}.track__lane--words{align-items:center;gap:3px}.track__lane--words b{flex:var(--len) 1 0;background:#ffffff14;border-radius:5px;min-width:0;height:18px;transition:background .15s}.track__lane--words b.is-said{background:#ffffff59}.studio__head{pointer-events:none;background:#ffc58e;border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:12px;bottom:12px;box-shadow:0 0 14px #ffc58e}.faq{grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);align-items:start;gap:56px;display:grid}.faq__list{border-top:1px solid var(--h-line-2)}.faq__item{border-bottom:1px solid var(--h-line-2)}.faq__item summary{color:var(--h-ink);cursor:pointer;padding:22px 40px 22px 0;font-size:18px;font-weight:600;list-style:none;position:relative}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"";border-right:2px solid var(--h-muted);border-bottom:2px solid var(--h-muted);width:10px;height:10px;transition:transform .3s var(--ease);margin-top:-7px;position:absolute;top:50%;right:6px;transform:rotate(45deg)}.faq__item[open] summary:after{margin-top:-2px;transform:rotate(-135deg)}.faq__item p{max-width:70ch;margin:0;padding:0 0 24px;font-size:16px;line-height:1.65}.faq__item[open] p{animation:pop .35s var(--ease)}@media (width<=1000px){.block__grid,.reading,.faq{grid-template-columns:1fr}.block__grid{gap:48px}.kundli{margin:0 auto;display:block}}@media (width<=640px){.block{padding:80px 0}.how-hero{align-content:center;min-height:84svh;padding-bottom:72px}.how-hero .sky-switch{justify-self:center;margin-top:36px;position:static}.readout dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 20px}.readout dd{font-size:19px}.readout dd small{white-space:normal}.live__wheel{width:100%}.live__wheel .horizon-label{display:none}.live__wheel .horizon-label--in{font-size:17px;display:inline}.studio__screen{height:240px;padding-bottom:66px}.how .studio__caption{font-size:14px}.track{grid-template-columns:70px minmax(0,1fr);gap:10px}.track__lane--wave{gap:1px}.dasha__bar span{display:none}.dasha__now span{white-space:nowrap}.dasha__now i{display:inline}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}.kundli .link{stroke-dashoffset:0;animation:none}.line p:after{animation:none}}.block--promo{padding-bottom:0}.block--promo .promo__frame{width:100%}body.night .promo__frame{background:#0b1033;box-shadow:0 0 0 1px #ffffff1f,0 40px 90px -30px #000c}.how-link--film{align-items:center;gap:10px;display:inline-flex}.how .how-link--film{text-decoration:none}.how-link__play{background:var(--h-ink);width:30px;height:30px;color:var(--h-bg-solid,#fff);border-radius:50%;place-items:center;display:grid}.how-hero.is-night .how-link__play{color:#0e1528;background:#fff}.how-hero:not(.is-night) .how-link__play{color:#fff}.how-link__play svg{width:12px;height:12px;margin-left:2px}