#kappa-color{
  --kc-bg:light-dark(#f7f8f3,#171c1a);
  --kc-text:light-dark(#273a32,#e4eee7);
  --kc-muted:light-dark(#56695f,#b1c3b7);
  --kc-line:light-dark(#9eafa3,#617469);
  --kc-focus:light-dark(#247d80,#9ee2df);
  --kc-brand:light-dark(#247d80,#d9fcf4);
  --kc-mint:light-dark(#bfeae7,#24595c);
  --kc-warm:light-dark(#f0cfaa,#69503a);
  --kc-blue:light-dark(#c4d9e4,#2d4658);
  position:relative;isolation:isolate;background:var(--kc-bg);color:var(--kc-text);
  font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;padding:clamp(64px,14%,156px) 28px clamp(64px,12%,132px);container-type:inline-size;overflow:hidden;
}
#kappa-color *{box-sizing:border-box}
#kappa-color .color-wash,#kappa-color .color-trail{position:absolute;inset:0;z-index:-1;pointer-events:none}
#kappa-color .color-wash{background:radial-gradient(ellipse 400px 290px at var(--kc-x,85%) var(--kc-y,83%),var(--kc-mint),transparent 100%),radial-gradient(ellipse 350px 270px at var(--kc-wx,7%) var(--kc-wy,20%),var(--kc-warm),transparent 100%);opacity:.85}
#kappa-color .color-trail{background:radial-gradient(ellipse 340px 240px at var(--kc-tx,20%) var(--kc-ty,105%),var(--kc-blue),transparent 100%);opacity:.7}
#kappa-color main{position:relative;width:100%;max-width:408px;min-width:0;margin:0 auto}
#kappa-color h1{font-size:36px;letter-spacing:-1.4px;line-height:1.2;font-weight:400;margin:0 0 18px}
#kappa-color p{font-size:15px;line-height:1.7;color:var(--kc-muted);margin:0;max-width:100%}
#kappa-color .read-more{display:inline-block;margin-top:8px;font:15px/1.7 Arial,Helvetica,sans-serif;color:var(--kc-text);text-decoration:underline;text-decoration-color:var(--kc-line);text-underline-offset:3px;white-space:nowrap;transition:text-decoration-color .2s}
#kappa-color .read-more:hover,#kappa-color .read-more:focus-visible{text-decoration-color:var(--kc-focus)}
@supports (background-clip:text){
  #kappa-color .read-more:hover,#kappa-color .read-more:focus-visible{
    background-image:linear-gradient(110deg,light-dark(#26634f,#a1e0ca) 0%,light-dark(#305c95,#b4caf5) 25%,light-dark(#934c39,#efb7a2) 50%,light-dark(#305c95,#b4caf5) 75%,light-dark(#26634f,#a1e0ca) 100%);
    background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;
    animation:kc-link-flow 2.6s ease-in-out infinite alternate;
  }
}
@keyframes kc-link-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
#kappa-color .details{margin-top:14px}
#kappa-color form{margin-top:28px}
#kappa-color .signup{position:relative;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--kc-line);transition:border-color .2s}
#kappa-color .signup::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--kc-text);transform:scaleX(0);transform-origin:left;pointer-events:none}
#kappa-color .signup.is-confirming::after{animation:kc-line-complete 900ms ease-out both}
#kappa-color .signup:focus-within,#kappa-color .signup:hover{border-color:var(--kc-text)}
#kappa-color .signup:has(input:focus){border-color:var(--kc-focus);box-shadow:0 1px 0 var(--kc-focus)}
#kappa-color input{width:100%;min-width:0;flex:1;border:0;border-radius:0;background:transparent;padding:15px 0;font:16px Arial,Helvetica,sans-serif;color:var(--kc-text)}
#kappa-color input:focus{outline:none;box-shadow:none}
#kappa-color input::placeholder{color:var(--kc-muted);opacity:1}
#kappa-color button{position:relative;display:grid;place-items:center;flex-shrink:0;min-width:108px;min-height:44px;margin:2px 0;border:0;border-radius:7px;background:transparent;color:var(--kc-text);font:16px Arial,Helvetica,sans-serif;padding:10px 9px;white-space:nowrap;cursor:pointer;transition:background .18s,box-shadow .18s}
#kappa-color button:hover{background:color-mix(in srgb,var(--kc-mint) 28%,transparent)}
#kappa-color button .button-label{display:block;font:inherit;line-height:1.3}
#kappa-color button.is-complete{background:transparent;box-shadow:none}
#kappa-color button.is-complete .button-label{font-size:21px;line-height:1}
#kappa-color button:disabled{cursor:default}
#kappa-color .feedback{display:block;min-height:18px;margin-top:12px;color:var(--kc-muted);font:12px/1.5 Arial,Helvetica,sans-serif}
@container(max-width:350px){#kappa-color h1{font-size:32px}#kappa-color .signup{gap:8px}#kappa-color input,#kappa-color button{font-size:16px}}
@keyframes kc-line-complete{0%{transform:scaleX(0);opacity:1}65%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@media(prefers-reduced-motion:reduce){#kappa-color .signup,#kappa-color button,#kappa-color .read-more{transition:none}#kappa-color .signup.is-confirming::after,#kappa-color .read-more:hover,#kappa-color .read-more:focus-visible{animation:none}}