/* Homepage trial key. Reuses the existing homepage layout and key artwork. */
#cw599-home-keyer-playground{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px 24px;align-items:center;padding:0 0 22px;margin:0;border-bottom:1px solid #ffffff30}
.cw599-home-keyer-main{display:contents}
.cw599-home-keyer-copy{grid-column:1;grid-row:1}
#cw599-home-keyer-key{grid-column:2;grid-row:1/3}
#cw599-home-keyer-title{font-size:clamp(29px,2.6vw,38px);line-height:1.13;margin:0 0 13px;letter-spacing:-.02em}
#cw599-home-keyer-playground #cw599-home-keyer-title{font-size:26px;white-space:nowrap}
#cw599-home-keyer-playground .cw599-home-keyer-instruction{color:#eee9df!important;font-size:15px;line-height:1.55;margin:0}
#cw599-home-keyer-playground .cw599-home-keyer-input{margin:10px 0 0!important;color:#b8bcb9!important;font-size:11px;line-height:1.7}
.cw599-home-keyer-input kbd{font:10px/1.3 ui-monospace,monospace;padding:2px 5px;border:1px solid #87908c;border-radius:3px;white-space:nowrap}
.cw599-home-keyer-touch{display:none}
#cw599-home-keyer-key{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:210px;height:190px;box-sizing:border-box;padding:16px 10px 13px;border:1px solid #9e75473d;border-radius:14px;background:radial-gradient(ellipse at 50% 55%,#c5811e13,transparent 75%),linear-gradient(150deg,#18201ed9,#070e10e6);box-shadow:inset 0 1px #ffffff08,0 10px 30px #0003;color:#d0d5cc;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:border-color .1s,background .1s;font:inherit}
#cw599-home-keyer-key:hover{border-color:#b48a52}#cw599-home-keyer-key:focus-visible{outline:2px solid #ffb13d;outline-offset:5px}
.cw599-home-keyer-key-label{font:600 10px/1.2 system-ui,sans-serif;letter-spacing:.14em;color:#bead8f}
#cw599-home-keyer-key .cw599-home-hero-key-shell{width:174px;height:114px;overflow:visible;display:block;pointer-events:none}
#cw599-home-keyer-key .cw599-home-hero-key{top:34px;transform:scale(.58);transform-origin:left top}
#cw599-home-keyer-key .cw599-home-hero-key__handle{transition:transform .045s ease-out;animation:none}
#cw599-home-keyer-key .cw599-home-hero-key__glow{opacity:.12;transition:opacity .05s}
#cw599-home-keyer-key.is-keying{border-color:#e6a94c;background:radial-gradient(ellipse at 50% 50%,#b98b2d24,transparent 75%),#111b17;box-shadow:inset 0 0 28px #e1a9550a,0 0 22px #fbbd4910}
#cw599-home-keyer-key.is-keying .cw599-home-hero-key__handle{transform:translateY(13px)}
#cw599-home-keyer-key.is-keying .cw599-home-hero-key__glow{opacity:1}
.cw599-home-keyer-key-bottom{display:flex;gap:7px;align-items:center;font:10px/1.2 ui-monospace,monospace;letter-spacing:.03em;color:#a9b3aa}
#cw599-home-keyer-light{width:5px;height:5px;border-radius:50%;background:#64746a}
#cw599-home-keyer-key.is-keying #cw599-home-keyer-light{background:#81ecaf;box-shadow:0 0 9px #65e49f}
.cw599-home-keyer-feedback{grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;min-width:0}
#cw599-home-keyer-status{font-size:12px!important;line-height:1.4!important;color:#c0cec6!important;margin:0!important;min-height:4.2em}
#cw599-home-keyer-mute{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;width:96px;max-width:100%;box-sizing:border-box;min-height:34px;padding:5px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#bfc8c1;cursor:pointer;font:inherit;font-size:12px;line-height:1.3}
#cw599-home-keyer-mute svg{flex-shrink:0}
#cw599-home-keyer-mute:hover{background:#ffffff0a;color:#fff}#cw599-home-keyer-mute:focus-visible{outline:2px solid #ffb13d;outline-offset:2px}
.cw599-home-keyer-sound-off{display:none}#cw599-home-keyer-mute[aria-pressed=true] .cw599-home-keyer-sound-off{display:block}#cw599-home-keyer-mute[aria-pressed=true] .cw599-home-keyer-sound-waves{display:none}
.cw599-home-keyer-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:start;gap:12px;padding-top:12px;border-top:1px solid #ffffff12}
#cw599-home-keyer-playground>noscript{grid-column:1/-1}
#cw599-home-keyer-playground #cw599-home-keyer-disclosure{margin:0!important;color:#a4aaa6!important;font-size:10px;line-height:1.5;max-width:260px}
.cw599-home-keyer-footer a{color:#d9bc87;text-decoration:none;font-size:11px;line-height:1.5;white-space:nowrap}.cw599-home-keyer-footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:680px){#cw599-home-keyer-playground{grid-template-columns:minmax(0,1fr) 145px;gap:12px}#cw599-home-keyer-title{font-size:29px}#cw599-home-keyer-playground .cw599-home-keyer-instruction{font-size:12px}#cw599-home-keyer-key{width:145px;height:176px;padding:14px 5px 12px}#cw599-home-keyer-key .cw599-home-hero-key-shell{width:132px;height:100px}#cw599-home-keyer-key .cw599-home-hero-key{top:30px;transform:scale(.44)}.cw599-home-keyer-key-label{font-size:9px}.cw599-home-keyer-key-bottom{font-size:9px;gap:4px}.cw599-home-keyer-desktop{display:none}.cw599-home-keyer-touch{display:inline}.cw599-home-keyer-footer{gap:8px}#cw599-home-keyer-playground #cw599-home-keyer-disclosure{font-size:10px;max-width:205px}.cw599-home-keyer-footer a{font-size:10px}}
@media(pointer:coarse){.cw599-home-keyer-desktop{display:none}.cw599-home-keyer-touch{display:inline}}
@media(max-width:680px){#cw599-home-keyer-playground .cw599-home-keyer-copy{display:contents}#cw599-home-keyer-playground .cw599-home-hero__kicker,#cw599-home-keyer-playground #cw599-home-keyer-title{grid-column:1/-1;margin:0}#cw599-home-keyer-playground #cw599-home-keyer-title{font-size:22px}#cw599-home-keyer-playground .cw599-home-keyer-instruction{grid-column:1;align-self:end}#cw599-home-keyer-playground .cw599-home-keyer-input{grid-column:1;align-self:start}#cw599-home-keyer-playground #cw599-home-keyer-key{grid-column:2;grid-row:3/6}}
@media(max-width:680px){.cw599-home-keyer-feedback{grid-row:5;align-self:start}}
@media(prefers-reduced-motion:reduce){#cw599-home-keyer-key,#cw599-home-keyer-key .cw599-home-hero-key__handle,#cw599-home-keyer-key .cw599-home-hero-key__glow{transition:none}}