.hk-app-page{--hk-bg:#010102;--hk-bg-2:#030405;--hk-bg-3:#060709;--hk-fg:#eff2f5;--hk-muted:#82878c;--hk-muted-2:#494e52;--hk-line:#191b1d99;--hk-line-strong:#27292be6;--hk-primary:#e93954;--hk-primary-2:#ff7b76;--hk-accent:#3ca2e0;--hk-accent-2:#72d1fe;--hk-radius:14px;--hk-font-display:var(--font-display), "Space Grotesk", sans-serif;--hk-font-sans:var(--font-heading), system-ui, sans-serif;--hk-font-mono:var(--font-geist-mono), ui-monospace, monospace;color:var(--hk-fg);font-family:var(--hk-font-sans);letter-spacing:-.005em;background:var(--hk-bg);font-size:15px;line-height:1.55;position:relative}@supports (color:lab(0% 0 0)){.hk-app-page{--hk-bg:lab(.379955% -.0598431 -.256836);--hk-bg-2:lab(1.04386% -.125147 -.49133);--hk-bg-3:lab(1.98204% -.197582 -.744355);--hk-fg:lab(95.3562% -.55331 -1.78927);--hk-muted:lab(55.9108% -1.07518 -3.56119);--hk-muted-2:lab(32.7096% -1.05289 -3.5496);--hk-line:lab(9.51488% -.528023 -1.7756/.6);--hk-line-strong:lab(16.4752% -.535086 -1.77927/.9);--hk-primary:lab(53.6437% 67.6537 28.8111);--hk-primary-2:lab(67.9385% 59.9698 33.3995);--hk-accent:lab(62.7598% -14.4271 -40.714);--hk-accent-2:lab(79.4095% -20.2973 -30.9628)}}.hk-app-page ::selection{background:color-mix(in oklab, var(--hk-primary) 40%, transparent)}.hk-app-page h1,.hk-app-page h2,.hk-app-page h3{letter-spacing:-.02em;color:var(--hk-fg);margin:0;font-weight:700}.hk-app-page h1{font-family:var(--hk-font-display);letter-spacing:-.01em;font-weight:400;line-height:.94}.hk-app-page h2.display{font-family:var(--hk-font-display);letter-spacing:-.005em;font-weight:400;line-height:.96}.hk-app-page p{margin:0}.hk-app-page p:not([class]){color:var(--hk-muted)}.hk-app-page a{color:inherit;text-decoration:none}.hk-app-page a.underline{text-decoration:underline}.hk-app-page .bg-grain{pointer-events:none;z-index:0;background:radial-gradient(ellipse 1100px 560px at 15% -8%, color-mix(in oklab, var(--hk-primary) 18%, transparent), transparent 60%), radial-gradient(ellipse 900px 520px at 88% 6%, color-mix(in oklab, var(--hk-accent) 13%, transparent), transparent 60%);opacity:.7;position:absolute;inset:0}.hk-app-page .bg-grain:after{content:"";background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-image:linear-gradient(90deg,lab(100% 0 0/.025) 1px,#0000 1px),linear-gradient(lab(100% 0 0/.025) 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 25%,#000,#0000 80%);mask-image:radial-gradient(80% 60% at 50% 25%,#000,#0000 80%)}.hk-app-page section{z-index:2;position:relative}.hk-app-page .wrap{max-width:1240px;margin:0 auto;padding:0 24px}.hk-app-page .eyebrow{font-family:var(--hk-font-mono);text-transform:uppercase;letter-spacing:.24em;color:var(--hk-primary);align-items:center;gap:8px;font-size:11px;display:inline-flex}.hk-app-page .eyebrow:before{content:"";background:var(--hk-primary);width:22px;height:1px}.hk-app-page .btn{letter-spacing:.02em;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:600;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.hk-app-page .btn:hover{transform:translateY(-1px)}.hk-app-page .btn:active{transform:translateY(0)}.hk-app-page .btn.primary{background:linear-gradient(180deg, var(--hk-primary-2), var(--hk-primary));color:#fff;box-shadow:0 1px 0 #ffffff26 inset, 0 10px 28px -10px color-mix(in oklab, var(--hk-primary) 70%, black)}.hk-app-page .btn.ghost{border-color:var(--hk-line-strong);color:var(--hk-fg);background:#ffffff0a;background:lab(100% 0 0/.04)}.hk-app-page .btn.ghost:hover{background:#ffffff12;background:lab(100% 0 0/.07);border-color:#fff3;border-color:lab(100% 0 0/.2)}.hk-app-page .btn svg{width:14px;height:14px}.hk-app-page .app-hero{padding:64px 0 96px;overflow:hidden}.hk-app-page .app-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:72px;display:grid}@media (max-width:980px){.hk-app-page .app-hero-grid{grid-template-columns:1fr;gap:44px}}.hk-app-page .app-hero h1{margin-top:20px;font-size:clamp(46px,8vw,84px)}.hk-app-page .app-hero h1 .accent{color:var(--hk-primary);display:block}.hk-app-page .app-hero .sub{max-width:46ch;color:var(--hk-muted);margin-top:22px;font-size:16px;line-height:1.7}.hk-app-page .app-hero-form{max-width:480px;margin-top:30px}.hk-app-page .app-hero-stage{--hk-device-w:320px;position:relative}.hk-app-page .app-hero-stage:before{content:"";background:radial-gradient(ellipse at 50% 40%, color-mix(in oklab, var(--hk-primary) 22%, transparent), transparent 65%);filter:blur(30px);pointer-events:none;position:absolute;inset:-12% -6%}.hk-app-page .band{border-top:1px solid var(--hk-line);padding:84px 0}@media (max-width:760px){.hk-app-page .band{padding:56px 0}}.hk-app-page .band-head{max-width:640px;margin-bottom:48px}.hk-app-page .band-head h2{margin-top:14px;font-size:clamp(30px,4.4vw,48px)}.hk-app-page .band-head p{margin-top:16px;font-size:15.5px;line-height:1.7}.hk-app-page .shot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}@media (max-width:900px){.hk-app-page .shot-grid{grid-template-columns:1fr;gap:34px;max-width:400px;margin-inline:auto}}.hk-app-page .shot-panel{border:1px solid var(--hk-line);background:radial-gradient(ellipse 90% 60% at 50% 0%, color-mix(in oklab, var(--hk-primary) 10%, transparent), transparent 70%), var(--hk-bg-2);border-radius:22px;justify-content:center;align-items:flex-end;padding:34px 34px 0;transition:border-color .25s,transform .25s;display:flex;overflow:hidden}.hk-app-page .shot-item:hover .shot-panel{border-color:#ffffff2e;border-color:lab(100% 0 0/.18);transform:translateY(-3px)}.hk-app-page .shot-panel .hk-device{--hk-device-w:208px;margin-bottom:-56px}@media (max-width:900px){.hk-app-page .shot-panel .hk-device{--hk-device-w:224px;margin-bottom:-60px}}.hk-app-page .shot-caption{text-align:center;margin-top:20px}.hk-app-page .shot-caption h3{font-size:17px;font-weight:700}.hk-app-page .shot-caption p{margin-top:6px;font-size:13px;line-height:1.6}.hk-app-page .cap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:900px){.hk-app-page .cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.hk-app-page .cap-grid{grid-template-columns:1fr}}.hk-app-page .cap{border:1px solid var(--hk-line);background:var(--hk-bg-2);border-radius:16px;padding:22px;transition:border-color .2s,background .2s}.hk-app-page .cap:hover{background:var(--hk-bg-3);border-color:#ffffff29;border-color:lab(100% 0 0/.16)}.hk-app-page .cap-icon{background:color-mix(in oklab, var(--hk-primary) 14%, transparent);width:36px;height:36px;box-shadow:0 0 0 1px color-mix(in oklab, var(--hk-primary) 26%, transparent);color:var(--hk-primary);border-radius:999px;place-items:center;display:grid}.hk-app-page .cap-icon svg{width:16px;height:16px}.hk-app-page .cap h3{margin-top:16px;font-size:15px;font-weight:700}.hk-app-page .cap p{margin-top:7px;font-size:13px;line-height:1.65}.hk-app-page .faq-list{gap:12px;max-width:860px;display:grid}.hk-app-page .faq-item{border:1px solid var(--hk-line);background:var(--hk-bg-2);border-radius:14px;overflow:hidden}.hk-app-page .faq-item summary{cursor:pointer;color:var(--hk-fg);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:14.5px;font-weight:600;list-style:none;display:flex}.hk-app-page .faq-item summary::-webkit-details-marker{display:none}.hk-app-page .faq-item summary:after{content:"+";font-family:var(--hk-font-mono);color:var(--hk-primary);flex-shrink:0;font-size:18px;transition:transform .2s}.hk-app-page .faq-item[open] summary:after{transform:rotate(45deg)}.hk-app-page .faq-item summary:focus-visible{outline:2px solid var(--hk-primary);outline-offset:-2px}.hk-app-page .faq-answer{color:var(--hk-muted);padding:0 22px 20px;font-size:14px;line-height:1.7}.hk-app-page .app-cta{border-top:1px solid var(--hk-line);text-align:center;padding:84px 0 96px}.hk-app-page .app-cta h2{margin-top:16px;font-size:clamp(30px,5vw,54px)}.hk-app-page .app-cta p{max-width:48ch;margin:16px auto 0;line-height:1.7}.hk-app-page .app-cta .app-hero-form{text-align:left;margin-inline:auto}.hk-app-page .app-cta .app-hero-form fieldset>div,.hk-app-page .app-cta .store-chips{justify-content:center}@media (prefers-reduced-motion:reduce){.hk-app-page *,.hk-app-page :before,.hk-app-page :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hk-app-page .shot-item:hover .shot-panel,.hk-app-page .btn:hover{transform:none}}
