html{scroll-behavior:smooth}.kin-landing{--edge:clamp(20px, 5vw, 72px);--maxw:1180px;--_sec-edge:inset 0 0 0 1.5px var(--border-strong);--_sec-edge-hover:inset 0 0 0 1.5px var(--text-strong);--_knob:36px;--_cta-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");background:var(--surface-canvas);color:var(--text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}.kin-landing .wrap{max-width:var(--maxw);padding-inline:var(--edge);margin:0 auto}.kin-landing ::selection{background:var(--kin-tint);color:var(--text-strong)}.kin-landing.motion-ready .reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);will-change:opacity, transform;transform:translateY(20px)}.kin-landing.motion-ready .reveal.is-in{opacity:1;transform:none}.kin-landing header.bar{z-index:80;-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb, var(--surface-canvas) 84%, transparent);transition:border-color var(--dur-base) var(--ease-out);border-bottom:1px solid #0000;position:sticky;top:0}.kin-landing header.bar.is-scrolled{border-bottom-color:var(--border-subtle)}.kin-landing .bar__in{align-items:center;gap:var(--space-8);height:66px;display:flex}.kin-landing .brand{align-items:center;gap:var(--space-2);color:var(--text-strong);display:flex}.kin-landing .brand b{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.02em;font-size:1.3125rem;font-weight:800}.kin-landing nav.links{align-items:center;gap:var(--space-1);margin-left:var(--space-2);display:flex}.kin-landing nav.links a{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--text-body);transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);align-items:center;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.kin-landing nav.links a:hover{color:var(--text-strong);background:var(--surface-sunk)}.kin-landing .bar__cta{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.kin-landing .bar__cta a.login{color:var(--text-strong);font-size:.9375rem;font-weight:700;text-decoration:none}.kin-landing .bar__cta a.login:hover{text-underline-offset:4px;text-decoration:underline}.kin-landing .mmenu{display:none;position:relative}.kin-landing .btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:0;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.kin-landing .btn:active{transform:translateY(.5px)}.kin-landing .btn--primary{background:var(--kin-fill);color:var(--kin-on-fill);box-shadow:inset 0 0 0 var(--frame-w) var(--frame-on-fill)}.kin-landing .btn--primary:hover{background:var(--kin-fill-hover)}.kin-landing .btn--primary:focus-visible{box-shadow:inset 0 0 0 var(--frame-w) var(--frame-on-fill), var(--shadow-focus)}.kin-landing header.bar .btn--primary{background:var(--surface);color:var(--text-strong);box-shadow:var(--_sec-edge)}.kin-landing header.bar .btn--primary:hover{background:var(--surface-alt);box-shadow:var(--_sec-edge-hover)}.kin-landing header.bar .btn--primary:focus-visible{box-shadow:var(--_sec-edge), var(--shadow-focus)}.kin-landing .btn--secondary{background:var(--surface);color:var(--text-strong);box-shadow:var(--_sec-edge)}.kin-landing .btn--secondary:after{content:"";width:16px;height:16px;-webkit-mask:var(--_cta-arrow) center / contain no-repeat;-webkit-mask:var(--_cta-arrow) center / contain no-repeat;mask:var(--_cta-arrow) center / contain no-repeat;background:currentColor;flex:none}.kin-landing .btn--secondary:hover{background:var(--surface-alt);box-shadow:var(--_sec-edge-hover)}.kin-landing .btn--secondary:focus-visible{box-shadow:var(--_sec-edge), var(--shadow-focus)}.kin-landing .btn--sm{min-height:40px;padding:0 var(--space-5);font-size:.9375rem}.kin-landing .btn--lg{min-height:52px;padding:0 var(--space-6);font-size:1rem}.kin-landing .btn svg{width:1.1em;height:1.1em}.kin-landing .hero{isolation:isolate;padding-top:clamp(48px,8vw,104px);padding-bottom:clamp(60px,9vw,120px);position:relative}.kin-landing .hero:before{content:"";z-index:-1;width:100vw;opacity:calc(.4 * var(--art-dim,1));filter:var(--art-filter);mix-blend-mode:var(--art-blend);pointer-events:none;background-image:url(/brand/landing/hero-kinagenda.webp);background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;top:-66px;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 82%,#0000 100%)}.kin-landing .eyebrow{align-items:center;gap:var(--space-2);font-family:var(--font-sans);letter-spacing:0;text-transform:none;color:var(--text-muted);font-size:.9375rem;font-weight:700;display:inline-flex}.kin-landing .closing{margin:0 var(--edge) clamp(28px, 4vw, 48px);border-radius:var(--radius-xl);background:var(--kin-block);color:var(--kin-block-fg);box-shadow:inset 0 0 0 1px var(--kin-block-edge);text-align:center;padding:clamp(48px,7vw,88px) clamp(28px,5vw,72px);position:relative;overflow:hidden}.kin-landing .closing__in{z-index:2;position:relative}.kin-landing .closing h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--kin-block-fg);text-wrap:balance;margin:0;font-size:clamp(1.875rem,4vw,3.0625rem);font-weight:800}.kin-landing .closing p{color:var(--kin-block-muted);margin:var(--space-4) 0 var(--space-8);font-size:1.0625rem}.kin-landing .btn--cream{background:var(--kin-block-fg);color:var(--kin-block)}.kin-landing .btn--cream:hover{background:color-mix(in srgb, var(--kin-block-fg) 88%, var(--kin-block))}.kin-landing footer.site{border-top:1px solid var(--border-subtle)}.kin-landing .foot__in{justify-content:space-between;align-items:center;gap:var(--space-5);padding-block:var(--space-8);flex-wrap:wrap;display:flex}.kin-landing .foot__in .l{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.875rem;display:flex}.kin-landing .foot__links{gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.kin-landing .foot__links a{color:var(--text-muted);font-size:.875rem;font-weight:600;text-decoration:none}.kin-landing .foot__links a:hover{color:var(--text-strong);text-underline-offset:4px;text-decoration:underline}@media (max-width:56.25em){.kin-landing nav.links{display:none}.kin-landing .mmenu{display:block}.kin-landing .mmenu__btn{width:44px;height:44px;margin-block:calc(var(--space-1) * -1);background:var(--surface-sunk);cursor:pointer;color:var(--text-strong);border-radius:var(--radius-pill);border:none;justify-content:center;align-items:center;display:inline-flex}.kin-landing .mmenu__panel{z-index:90;min-width:224px;padding:var(--space-2);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);border:0;flex-direction:column;display:flex;position:absolute;top:calc(100% + 12px);right:0}.kin-landing .mmenu__panel[hidden]{display:none}.kin-landing .mmenu__panel a{min-height:44px;padding:0 var(--space-4);color:var(--text-body);border-radius:var(--radius-pill);align-items:center;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.kin-landing .mmenu__panel a:hover{color:var(--text-strong);background:var(--surface-sunk)}.kin-landing .bar__in{gap:var(--space-4)}.kin-landing .bar__cta{gap:var(--space-3)}.kin-landing .bar__cta a.login{padding:var(--space-3) var(--space-2);margin:calc(var(--space-3) * -1) calc(var(--space-2) * -1);white-space:nowrap}.kin-landing .bar__cta .btn--sm{white-space:nowrap;min-height:44px}.kin-landing .foot__links a{padding:var(--space-3) var(--space-2);margin:calc(var(--space-3) * -1) calc(var(--space-2) * -1);align-items:center;display:inline-flex}}@media (max-width:40em){.kin-landing .hero{padding-top:32px}}@media (max-width:30em){.kin-landing .brand{gap:var(--space-2)}.kin-landing .brand b{white-space:nowrap;font-size:1.125rem}.kin-landing .bar__cta{gap:var(--space-2)}.kin-landing .bar__cta a.login{font-size:.875rem}.kin-landing .bar__cta .btn--sm{padding:0 var(--space-3);font-size:.875rem}}@media (max-width:26.25em){.kin-landing .bar__cta a.login{display:none}}@media (max-width:21.8125em){.kin-landing .brand b{display:none}}
