@property --hg-fill{syntax:"<percentage>";inherits:true;initial-value:0}.hg{position:relative;isolation:isolate;overflow-x:clip;transition:--hg-fill 1.4s cubic-bezier(.3,.8,.3,1)}.hg-hero{padding-top:clamp(28px,4.5vh,72px);padding-bottom:clamp(64px,9vh,104px)}.hg-hero .hero-headline{font-size:clamp(52px,min(11vw,14.5vh),156px)}.hg-hero .hero-intro{max-width:640px;margin-top:clamp(16px,2.6vh,30px)}.hg-hero .hero-actions{margin-top:clamp(20px,3.4vh,34px)}.hg-headline strong{margin:0 -.12em -.24em -.04em;padding:0 .12em .24em .04em;background:linear-gradient(90deg,transparent calc(var(--hg-fill) * 1.2 - 20%),var(--green) calc(var(--hg-fill) * 1.2)) 0 0 /100% 100%,linear-gradient(90deg,#3a74a3,#7c6cf2 22%,#e05fbf 44%,#f08a3c 60%,#7c6cf2 80%,#3a74a3) 0 0 /200% 100%;background-clip:text;color:transparent;animation:hg-shimmer 9s linear infinite;-webkit-background-clip:text}.hg-glows{position:absolute;inset:0 -10% 4%;z-index:-1;pointer-events:none;mask-image:radial-gradient(ellipse 58% 62% at 50% 46%,#000 40%,transparent 82%)}.hg-glows span{position:absolute;inset:0;background-position:50%;background-size:cover;filter:blur(90px) saturate(1.15);opacity:0;transform:scale(1.02);transition:opacity 1.4s ease}.hg-glows span.is-on{opacity:.9;animation:hg-breathe 6s ease-in-out infinite}.hg-preview{padding-bottom:24px}.hg-frame{position:relative;height:clamp(380px,calc(100svh - 420px),600px);overflow:hidden;border-radius:16px;box-shadow:0 35px 90px rgba(48,55,74,.2)}.hg-frame:after{position:absolute;right:0;bottom:0;left:0;z-index:1;height:150px;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.92) 70%);content:"";pointer-events:none}.hg-app{min-height:100%;border-radius:16px;box-shadow:none}.hg-app .preview-path,.hg-app .profile-card-labels,.hg-app .profile-row>div>p:not(.preview-kicker){display:none}.hg-app .profile-card{padding-top:14px;padding-bottom:14px}.hg-preview .tag-left{top:46%;bottom:auto}.hg-preview .tag-right{top:-20px}.hg-nav{transition:background .35s ease,color .35s ease}.hg-sprout{transform:scale(var(--s));transition:transform .9s cubic-bezier(.3,1.4,.4,1)}.hg-count{display:inline-block;animation:hg-pop .5s ease both}.hg-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr);gap:16px;padding-top:15px}.hg-chart{padding-bottom:12px}.hg-live{gap:6px;background:#e7f7f2;color:#0f7a67}.hg-live i{width:6px;height:6px;border-radius:50%;background:#13a38a;animation:hg-blink 1.6s ease infinite}.hg-svg{display:block;width:100%;height:auto;overflow:visible}.hg-gridline{stroke:#eceef2;stroke-dasharray:4 6}.hg-reach{transform-box:view-box;transform-origin:0 0;transition:transform 1.1s cubic-bezier(.3,.8,.3,1)}.hg-dot{--tone:#3a74a3}.hg-dot circle{opacity:0;transition:opacity .2s ease}.hg-dot.is-on circle{opacity:1;transition:opacity .4s ease .5s}.hg-dot-core{fill:#fff;stroke:var(--tone);stroke-width:3.5}.hg-dot-halo{fill:var(--tone);fill-opacity:0}.hg-dot.is-current .hg-dot-halo{fill-opacity:.18;transform-box:fill-box;transform-origin:center;animation:hg-halo 1.8s ease-out infinite}.hg-dot.is-current .hg-dot-core{fill:var(--tone)}.hg-tone-blue{--tone:#3a74a3}.hg-tone-violet{--tone:#7c6cf2}.hg-tone-sky{--tone:#4f9bd9}.hg-tone-amber{--tone:#e39a1a}.hg-tone-green{--tone:#13a38a}.hg-tone-pink{--tone:#e05fbf}.hg-moment{position:relative;overflow:hidden;animation:hg-in .55s cubic-bezier(.2,.9,.3,1.1) both}.hg-moment:before{position:absolute;top:0;right:0;left:0;height:4px;background:var(--tone);content:""}.hg-type{display:inline-flex;align-items:center;gap:7px;margin:10px 0 12px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--tone) 12%,#fff);color:color-mix(in srgb,var(--tone) 80%,#111);font-size:10.5px;font-weight:700}.hg-type i{width:6px;height:6px;border-radius:50%;background:var(--tone)}.hg-moment h4{font-size:17px;line-height:1.2}.hg-moment>p:not(.panel-label){margin:10px 0 18px;color:#70756c;font-size:12px;line-height:1.55}.hg-who{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #ecece8}.hg-who small{color:#868b82;font-size:10.5px;font-weight:600}.hg-tag{animation:hg-in .5s cubic-bezier(.2,.9,.3,1.2) both}.hg-tag .tag-dot{background:var(--tone)}.hg-scrubber{position:absolute;bottom:18px;left:50%;z-index:2;width:min(780px,calc(100% - 40px));padding:9px 30px;border:1px solid rgba(23,25,22,.1);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 18px 50px rgba(21,23,18,.14);transform:translateX(-50%);backdrop-filter:blur(14px)}.hg-track{position:relative;height:40px;padding:0 14px}.hg-rail{position:absolute;top:12px;right:14px;left:14px;height:4px;border-radius:999px;background:#eceef2}.hg-rail i{display:block;width:var(--hg-at);transition:width .9s cubic-bezier(.3,.8,.3,1);height:100%;border-radius:inherit;background:linear-gradient(90deg,#3a74a3,#7c6cf2,#e05fbf,#13a38a)}.hg-stops{position:relative;height:100%;margin:0;padding:0;list-style:none}.hg-stops li{position:absolute;top:0;left:var(--x);display:grid;justify-items:center;gap:2px;transform:translateX(-50%);white-space:nowrap}.hg-stops b{width:14px;height:14px;margin:7px 0 6px;border:3px solid #fff;border-radius:50%;background:#d1d5db;box-shadow:0 0 0 1px #e5e7eb;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.hg-stops li.is-on b{background:var(--tone);box-shadow:0 0 0 1px color-mix(in srgb,var(--tone) 40%,#fff)}.hg-stops li.is-current b{transform:scale(1.35);box-shadow:0 0 0 5px color-mix(in srgb,var(--tone) 22%,transparent)}.hg-stops small{display:none;color:#9ca3af;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hg-stops span{color:#9ca3af;font-size:12px;font-weight:600;transition:color .3s ease}.hg-stops li.is-on span{color:var(--ink)}.hg-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:grab}.hg-track input:active{cursor:grabbing}.hg-track:has(input:focus-visible){border-radius:12px;outline:2px solid var(--green);outline-offset:4px}.hg-track input::-webkit-slider-thumb{width:28px;height:40px;appearance:none}.hg-track input::-moz-range-thumb{width:28px;height:40px;border:0}@keyframes hg-shimmer{to{background-position:0 0,-200% 0}}@keyframes hg-breathe{50%{transform:scale(1.08)}}@keyframes hg-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}@keyframes hg-pop{0%{opacity:.2;transform:translateY(6px)}}@keyframes hg-blink{50%{opacity:.3}}@keyframes hg-halo{0%{transform:scale(.6);fill-opacity:.35}to{transform:scale(1.6);fill-opacity:0}}@media (max-height:960px) and (min-width:901px){.hg-app .profile-card{display:none}}@media (max-width:900px){.hg-grid{grid-template-columns:1fr}.hg-scrubber{border-radius:28px}.hg-frame{height:clamp(480px,72vh,640px)}.hg-stops span{display:none}}@media (max-width:760px){.hg-hero .hero-intro{margin-top:14px;font-size:16px}.hg-hero .hero-actions{flex-direction:row;margin-top:20px}.hg-hero .hero-actions .button{width:auto;flex:1;min-height:48px;padding:0 16px}.hg-frame{height:clamp(360px,calc(100svh - 390px),560px)}.hg-frame:after{height:80px}.hg-app .preview-sidebar,.hg-app .profile-card{display:none}.hg-moment.attention-panel{display:block}.hg-chart .panel-heading p,.hg-moment .hg-who,.hg-moment>p:not(.panel-label){display:none}.hg-track{height:30px}}@media (max-width:640px){.hg-scrubber{bottom:12px;width:calc(100% - 24px);padding:10px 18px}}@media (prefers-reduced-motion:reduce){.hg,.hg *{animation:none!important;transition:none!important}}