.kern-ai{position:relative;isolation:isolate;margin:0;padding:70px 24px 66px;text-align:center;background:var(--cream,#f5f3eb);color:var(--forest,#173e34);scroll-margin-top:80px}
.kern-ai::before{content:"";position:absolute;inset:25px 0;z-index:-1;pointer-events:none;background-image:radial-gradient(#173e3426 .75px,transparent .75px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,#000 8%,transparent 32%,transparent 68%,#000 92%,transparent);opacity:.5}
.kern-ai .kern-ai-inner{max-width:780px;margin:auto}
.kern-ai h2{margin:0;font:500 clamp(24px,2.5vw,34px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.045em;color:inherit}
.kern-ai .kern-ai-intro{margin:12px 0 24px;font:400 14px/1.6 Manrope,Arial,sans-serif;color:#637366}
.kern-ai .kern-ai-actions{display:flex;justify-content:center;align-items:flex-start;gap:24px}
.kern-ai .kern-ai-action{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:62px;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:400 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;text-decoration:none;cursor:pointer}
.kern-ai .kern-ai-action[hidden]{display:none}
.kern-ai .kern-ai-icon{display:grid;place-items:center;width:51px;height:51px;border:0;border-radius:13px;background:#fffdf8;box-shadow:0 4px 15px #173e3408;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.kern-ai .kern-ai-icon svg{display:block;width:25px;height:25px;overflow:visible}
.kern-ai .kern-ai-action:hover .kern-ai-icon{transform:translateY(-3px);background:#fff;box-shadow:0 8px 20px #173e3412}
.kern-ai .kern-ai-action:focus-visible{outline:2px solid #173e34;outline-offset:7px;border-radius:5px}
.kern-ai .kern-ai-action:focus-visible .kern-ai-icon{background:#fff;transform:translateY(-3px)}
.kern-ai .kern-ai-action.is-copied .kern-ai-icon{background:#d8fa70}
.kern-ai .kern-ai-action:disabled{cursor:wait}
.kern-ai .kern-ai-status{min-height:18px;margin:19px 0 0;font:400 12px/1.5 Manrope,Arial,sans-serif;color:#46694e}
.kern-ai .kern-ai-fallback{max-width:640px;margin:20px auto 0;text-align:left}
.kern-ai .kern-ai-fallback[hidden]{display:none}
.kern-ai .kern-ai-fallback label{display:block;margin:0 0 9px;font:500 13px/1.5 Manrope,Arial,sans-serif}
.kern-ai .kern-ai-fallback textarea{box-sizing:border-box;display:block;width:100%;min-height:200px;resize:vertical;padding:16px;border:0;border-radius:8px;background:#fffdf8;color:#173e34;font:400 13px/1.7 Manrope,Arial,sans-serif}
.kern-ai .kern-ai-fallback textarea:focus-visible{outline:2px solid #173e34;outline-offset:3px}
@media(max-width:760px){.kern-ai{padding:48px 20px 42px}.kern-ai h2{max-width:350px;margin:auto;font-size:27px;line-height:1.28}.kern-ai .kern-ai-intro{margin:12px 0 22px;font-size:13px}.kern-ai .kern-ai-actions{gap:22px}.kern-ai::before{background-size:16px 16px;opacity:.3;mask-image:linear-gradient(90deg,#000,transparent 18%,transparent 82%,#000)}}
@media(max-width:360px){.kern-ai h2{font-size:25px}.kern-ai .kern-ai-actions{gap:16px}}
@media(prefers-reduced-motion:reduce){.kern-ai .kern-ai-icon{transition:none}.kern-ai .kern-ai-action:hover .kern-ai-icon,.kern-ai .kern-ai-action:focus-visible .kern-ai-icon{transform:none}}