.how-keplerium-works{--hkw-ivory:#faf6ee;--hkw-muted:#faf6eead;--hkw-gold:var(--gold-glow,#f0d078);--hkw-gold-soft:var(--gold-soft,#c9a84c);--hkw-gold-pale:var(--gold-pale,#f8e8b8);--how-header-height:44px;--how-sticky-cta-height:96px;width:100%;height:var(--app-vh,100dvh);max-height:var(--app-vh,100dvh);color:var(--hkw-ivory);padding-top:env(safe-area-inset-top,0px);background:#050504;flex-direction:column;display:flex;position:relative;overflow:hidden}.how-keplerium-works__stars{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.how-keplerium-works__star-dot{background:#f4efe6;border-radius:50%;animation:3.8s ease-in-out infinite alternate hkw-twinkle;position:absolute;transform:translate(-50%,-50%)}.how-keplerium-works__star-dot.is-soft{animation-duration:5.5s;opacity:.22!important}@keyframes hkw-twinkle{0%{opacity:.28}to{opacity:.85}}.how-keplerium-works__header{z-index:2;background:linear-gradient(#050504 70%,#05050400);flex:none;grid-template-columns:2rem 1fr 2rem;align-items:center;min-height:44px;padding:.55rem clamp(1rem,4.5vw,1.35rem) .2rem;display:grid;position:relative}.how-keplerium-works__back{color:#faf6eec7;grid-column:1;justify-self:start;padding:.2rem;font-size:1.05rem;text-decoration:none}.how-keplerium-works__back:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #f0d078b3}.how-keplerium-works__eyebrow{text-align:center;font-family:var(--font-ui);letter-spacing:.16em;color:#f0d078d1;grid-column:2;margin:0;font-size:.62rem;font-weight:650}.how-it-works-scenes{z-index:1;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-gutter:auto;scrollbar-width:none;-ms-overflow-style:none;flex:auto;min-height:0;position:relative;overflow:hidden auto}.how-it-works-scenes::-webkit-scrollbar{width:0;height:0;display:none}.how-it-works-scenes::-webkit-scrollbar-track{background:0 0;border:0}.how-it-works-scenes::-webkit-scrollbar-thumb{background:0 0;border:0}.how-it-works-scene{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;height:100%;min-height:100%;scroll-margin-top:0;overflow:hidden}.how-it-works-scene__inner{box-sizing:border-box;height:100%;min-height:100%;padding:10px clamp(1rem, 4.5vw, 1.35rem) calc(var(--how-sticky-cta-height) + env(safe-area-inset-bottom,0px) + 8px);gap:8px;display:grid}.how-it-works-scene--free .how-it-works-scene__inner,.how-it-works-scene--premium .how-it-works-scene__inner{grid-template-rows:auto minmax(190px,1fr) auto}.scene-heading{text-align:left;min-width:0}.scene-heading__label{letter-spacing:.12em;color:#f0d078e0;margin:0 0 .4rem;font-size:.68rem;font-weight:700}.scene-heading__title{font-family:var(--font-playfair), Georgia, serif;letter-spacing:-.02em;color:#faf6ee;word-break:keep-all;text-wrap:balance;flex-direction:column;gap:.12em;margin:0 0 .7rem;font-size:clamp(26px,6.6vw,34px);font-weight:650;line-height:1.32;display:flex}.scene-heading__line{display:block}.scene-heading__line.is-animate{opacity:0;animation:.48s cubic-bezier(.22,.61,.36,1) forwards hkw-headline-in;animation-delay:calc(var(--line-i,0) * .14s);transform:translateY(10px)}.scene-heading__line.is-static{opacity:1;transform:none}@keyframes hkw-headline-in{to{opacity:1;transform:translateY(0)}}.scene-heading__gold{color:var(--hkw-gold,#f0d078);font-weight:700}.scene-heading__gold.is-glow{animation:.95s ease-out .35s hkw-gold-glow}@keyframes hkw-gold-glow{0%{text-shadow:0 0 #0000}45%{text-shadow:0 0 12px #f0d07866}to{text-shadow:0 0 #0000}}.scene-heading__support{color:#c8bea3;word-break:keep-all;margin:0;font-size:clamp(13px,3.4vw,15px);font-weight:450;line-height:1.62}.scene-heading__support.is-enter{opacity:0;animation:.5s cubic-bezier(.22,.61,.36,1) .48s forwards hkw-support-in;transform:translateY(8px)}@keyframes hkw-support-in{to{opacity:1;transform:translateY(0)}}.scene-stage{grid-template-rows:minmax(0,1fr) auto;align-content:center;gap:.35rem;min-height:0;margin-top:-2px;display:grid;overflow:hidden}.scene-visual{place-items:center;min-height:0;display:grid;overflow:hidden}.scene-focus-caption{text-align:center;place-items:center;min-height:3.4rem;display:grid;position:relative;overflow:hidden}.scene-focus-caption__inner{justify-items:center;gap:.45rem;width:100%;display:grid}.scene-focus-caption__rule{transform-origin:50%;opacity:0;background:linear-gradient(90deg,#0000 0%,#f0d0786b 50%,#0000 100%);width:48%;max-width:7.5rem;height:1px;display:block}.scene-focus-caption__text{color:#faf6ee;word-break:keep-all;text-align:center;max-width:100%;margin:0;font-size:clamp(18px,4.8vw,22px);font-weight:650;line-height:1.35}.scene-focus-caption__inner.is-in .scene-focus-caption__rule{animation:.28s forwards hkw-rule-in}.scene-focus-caption__inner.is-in .scene-focus-caption__text{animation:.82s cubic-bezier(.22,1,.36,1) .12s both hkw-focus-in}.scene-focus-caption__inner.is-out .scene-focus-caption__rule,.scene-focus-caption__inner.is-out .scene-focus-caption__text{animation:.28s forwards hkw-focus-out}.scene-focus-caption__inner.is-static .scene-focus-caption__rule,.scene-focus-caption__inner.is-static .scene-focus-caption__text{opacity:1;filter:none;transform:none}@keyframes hkw-rule-in{0%{opacity:0;transform:scaleX(.2)}to{opacity:.9;transform:scaleX(1)}}@keyframes hkw-focus-in{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes hkw-focus-out{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(4px);transform:translateY(-6px)}}.journey-star{align-content:center;place-items:center;width:min(100%,280px);height:min(100%,240px);max-height:72%;display:grid;position:relative}.journey-star__halo{opacity:0;background:radial-gradient(circle,#f8e8b847 0%,#f0d0781f 42%,#0000 70%);border-radius:50%;width:min(9.6rem,44%);height:min(9.6rem,44%);transition:opacity .7s,transform .7s;position:absolute;transform:scale(.7)}.journey-star__orbit{opacity:0;border:1px dashed #f0d07859;border-radius:50%;width:min(10.2rem,48%);height:min(10.2rem,48%);transition:opacity .8s,transform 1.1s;position:absolute;transform:scale(.85)rotate(-20deg)}.journey-star__shape{z-index:1;opacity:.35;filter:drop-shadow(0 0 10px #f0d07826);width:clamp(5.2rem,22vw,7rem);height:clamp(5.2rem,22vw,7rem);transition:opacity .55s,transform .55s,filter .55s;position:relative;transform:scale(.86)}.journey-star__path{opacity:.55;transition:opacity .5s}.journey-star__core{fill:#fff8e4;opacity:0;transform-origin:50%;filter:drop-shadow(0 0 8px #fff0b4b3);transition:opacity .5s}.journey-star[data-state=shape] .journey-star__shape,.journey-star[data-state=core] .journey-star__shape,.journey-star[data-state=birthLight] .journey-star__shape,.journey-star[data-state=orbit] .journey-star__shape,.journey-star[data-state=complete] .journey-star__shape{opacity:1;transform:scale(1)}.journey-star[data-state=shape] .journey-star__path,.journey-star[data-state=core] .journey-star__path,.journey-star[data-state=birthLight] .journey-star__path,.journey-star[data-state=orbit] .journey-star__path,.journey-star[data-state=complete] .journey-star__path,.journey-star[data-state=core] .journey-star__core,.journey-star[data-state=birthLight] .journey-star__core,.journey-star[data-state=orbit] .journey-star__core,.journey-star[data-state=complete] .journey-star__core{opacity:1}.journey-star[data-state=birthLight] .journey-star__halo,.journey-star[data-state=orbit] .journey-star__halo,.journey-star[data-state=complete] .journey-star__halo{opacity:1;transform:scale(1)}.journey-star[data-state=orbit] .journey-star__orbit,.journey-star[data-state=complete] .journey-star__orbit{opacity:1;transform:scale(1)rotate(0)}.journey-star[data-state=complete] .journey-star__shape{filter:drop-shadow(0 0 16px #f0d0786b)}.journey-star__pills{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex;position:absolute;bottom:0;left:0;right:0}.journey-star__pills span{letter-spacing:.08em;color:#faf6eeeb;background:#0c101cb8;border:1px solid #f0d0787a;border-radius:999px;padding:.24rem .5rem;font-size:.56rem;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene-footer{text-align:center;gap:.35rem;min-width:0;display:grid}.scene-footer__scroll-hint{color:#f0d078d1;justify-content:center;align-items:center;gap:.25rem;margin:0;font-size:.72rem;font-weight:600;animation:1.8s ease-in-out infinite hkw-hint;display:inline-flex}.scene-footer__chevron{font-size:.9rem;line-height:1;display:inline-block}@keyframes hkw-hint{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.journey-atlas{--orbit-r:clamp(72px, 22vw, 102px);--label-gap:18px;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:.55rem;width:min(100%,300px);max-height:100%;display:grid}.journey-atlas__stage{width:min(100%, calc(var(--orbit-r) * 2 + 5.5rem));aspect-ratio:1;max-height:100%;position:relative}.journey-atlas__orbit-ring{width:calc(var(--orbit-r) * 2);height:calc(var(--orbit-r) * 2);opacity:.85;border:1px solid #f0d07861;border-radius:50%;transition:border-color .6s,box-shadow .6s,opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 16px #f0d07812}.journey-atlas.is-complete .journey-atlas__orbit-ring{opacity:1;border-color:#f0d0788c;box-shadow:inset 0 0 18px #f0d07814,0 0 18px #f0d0781a}.journey-atlas__core-glow{pointer-events:none;background:radial-gradient(circle,#f0d07842 0%,#0000 72%);border-radius:50%;width:2.35rem;height:2.35rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.journey-atlas__core{background:linear-gradient(160deg,#f5e6c0 0%,#e8c878 42%,#c9a050 100%);border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .5s,box-shadow .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #f0d07866}.journey-atlas.is-complete .journey-atlas__core{transform:translate(-50%,-50%)scale(1.12);box-shadow:0 0 20px #f0d07885}.journey-atlas__nodes{margin:0;padding:0;list-style:none;position:absolute;inset:0}.journey-atlas__node{--orbit-angle:0deg;width:0;height:0;position:absolute;top:50%;left:50%}.journey-atlas__dot-mark{width:.5rem;height:.5rem;transform:rotate(var(--orbit-angle)) translateX(var(--orbit-r)) rotate(calc(-1 * var(--orbit-angle))) translate(-50%, -50%);background:#f0d0782e;border:1px solid #f0d07873;border-radius:50%;transition:background .45s,box-shadow .45s,border-color .45s;position:absolute;top:0;left:0}.journey-atlas__node.is-on .journey-atlas__dot-mark{background:linear-gradient(160deg,#f5e6c0 0%,#e8c878 42%,#c9a050 100%);border-color:#f0d078d1;box-shadow:0 0 9px #f0d0786b}.journey-atlas__dot-label{letter-spacing:-.01em;color:#faf6eead;white-space:nowrap;transform:rotate(var(--orbit-angle)) translateX(calc(var(--orbit-r) + var(--label-gap))) rotate(calc(-1 * var(--orbit-angle))) translate(-50%, -50%);font-size:.64rem;font-weight:650;position:absolute;top:0;left:0}.journey-atlas__node.is-on .journey-atlas__dot-label{color:#f8e8b8fa}.journey-atlas__node.is-top .journey-atlas__dot-label,.journey-atlas__node.is-bottom .journey-atlas__dot-label{text-align:center}.journey-atlas__node.is-left .journey-atlas__dot-label{text-align:right}.journey-atlas__node.is-right .journey-atlas__dot-label{text-align:left}.journey-atlas__ranks{opacity:0;pointer-events:none;grid-template-columns:1fr 1fr;gap:.4rem;width:min(100%,15.5rem);transition:opacity .55s,transform .55s;display:grid;transform:translateY(6px)}.journey-atlas__ranks.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.journey-atlas__rank{text-align:center;background:radial-gradient(120% 90% at 50% 0,#f0d0781a,#0000 60%),#0c101cd9;border:1px solid #c9a84c73;border-radius:.85rem;padding:.48rem .4rem}.journey-atlas__rank--2{transition-delay:.18s}.journey-atlas__rank strong{color:#faf6ee;font-size:.86rem;font-weight:800;display:block}.journey-atlas__rank span{color:#c8bea3e6;margin-top:.1rem;font-size:.66rem;display:block}.journey-atlas__rank--1{border-color:#f0d0788c;box-shadow:0 0 12px #f0d0781f}.journey-atlas__rank--1 strong{color:#f0d078}.how-keplerium-works__cta-dock{z-index:20;width:min(100%,430px);padding:.5rem clamp(.9rem, 4vw, 1.15rem) calc(.5rem + env(safe-area-inset-bottom,0px));background:linear-gradient(#05050400 0%,#050504e0 28%,#050504 100%);border-top:1px solid #f0d0781f;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.how-keplerium-works__trust{text-align:center;color:#c8bea3;word-break:keep-all;white-space:pre-line;margin:0 0 .4rem;font-size:.74rem;line-height:1.4}.how-keplerium-works__cta.btn-gold.hero-fit-cta-btn{border-radius:999px;width:100%;min-height:50px}.how-keplerium-works__cta.btn-gold.hero-fit-cta-btn:before{opacity:.28}.how-keplerium-works__cta:focus-visible{outline-offset:3px;outline:2px solid #f0d078cc}.how-keplerium-works__micro{text-align:center;color:#faf6ee8c;margin:.35rem 0 0;font-size:.7rem}@media (max-height:699px){.how-it-works-scene__inner{gap:8px;padding-top:10px}.scene-heading__label{margin-bottom:.3rem;font-size:.62rem}.scene-heading__title{margin-bottom:.4rem;font-size:clamp(22px,6.2vw,28px);line-height:1.22}.scene-heading__support{font-size:12.5px;line-height:1.5}.how-it-works-scene--free .how-it-works-scene__inner,.how-it-works-scene--premium .how-it-works-scene__inner{grid-template-rows:auto minmax(140px,1fr) auto}.scene-stage{gap:.4rem}.scene-focus-caption{min-height:3rem}.scene-focus-caption__text{font-size:clamp(16px,4.4vw,19px)}.journey-atlas{--orbit-r:clamp(64px, 20vw, 88px);--label-gap:16px}.journey-star__pills span{padding:.16rem .38rem;font-size:.5rem}.journey-atlas__rank{padding:.38rem .3rem}.journey-atlas__rank strong{font-size:.78rem}.journey-atlas__rank span{font-size:.62rem}}@media (max-height:568px){.journey-star__pills span:nth-child(2){display:none}.scene-footer__scroll-hint{font-size:.66rem}.journey-atlas__dot-label{font-size:.52rem}}@media (max-width:359px){.scene-heading__title{font-size:clamp(22px,7vw,28px)}.journey-atlas__dot-label{font-size:.52rem}}@media (prefers-reduced-motion:reduce){.how-keplerium-works__star-dot,.scene-footer__scroll-hint,.scene-heading__gold.is-glow,.scene-heading__line.is-animate,.scene-heading__support.is-enter,.scene-focus-caption__inner.is-in .scene-focus-caption__rule,.scene-focus-caption__inner.is-in .scene-focus-caption__text,.scene-focus-caption__inner.is-out .scene-focus-caption__rule,.scene-focus-caption__inner.is-out .scene-focus-caption__text,.how-keplerium-works__cta.btn-gold.hero-fit-cta-btn,.how-keplerium-works__cta.btn-gold.hero-fit-cta-btn:before,.hero-fit-cta-label{animation:none!important}.scene-heading__line.is-animate,.scene-heading__support.is-enter,.scene-focus-caption__rule,.scene-focus-caption__text{opacity:1;filter:none;transform:none}.scene-heading__gold{text-shadow:none!important}.journey-star__halo,.journey-star__orbit,.journey-star__shape,.journey-star__path,.journey-star__core,.journey-atlas__dot-mark,.journey-atlas__ranks,.journey-atlas__core{transition:none!important}.journey-star[data-state] .journey-star__halo,.journey-star[data-state] .journey-star__orbit,.journey-star[data-state] .journey-star__shape,.journey-star[data-state] .journey-star__core{opacity:1;transform:none}.journey-atlas__ranks{opacity:1;transform:translate(-50%)translateY(0)}.how-it-works-scenes{scroll-snap-type:y proximity}}@media (min-width:480px){.app-frame--fit:has(.how-keplerium-works){height:min(100dvh,932px)}.how-keplerium-works{height:100%;min-height:0;max-height:100%;overflow:hidden}}
