body{font-family:var(--hk-font-body);color:var(--hk-ink);overflow-wrap:anywhere}.fp-product-window{width:100%;background:var(--hk-surface);border:1px solid var(--hk-line);border-radius:var(--hk-r2);overflow:hidden}.fp-window-top{display:flex;align-items:center;justify-content:space-between;gap:var(--hk-s2);padding:var(--hk-s2) var(--hk-s3);border-bottom:1px solid var(--hk-line)}.fp-window-brand{font-weight:700;color:var(--hk-brand-text)}.fp-window-pill,.fp-demo-tag{padding:var(--hk-s1) var(--hk-s2);border-radius:var(--hk-r1);background:var(--hk-surface-alt);color:var(--hk-ink);font-size:.8em}.fp-window-body{display:grid;grid-template-columns:6rem minmax(0,1fr)}.fp-window-sidebar{display:flex;flex-direction:column;gap:var(--hk-s2);padding:var(--hk-s3) var(--hk-s2);border-inline-end:1px solid var(--hk-line);background:var(--hk-surface-alt);color:var(--hk-muted);font-size:.8em}.fp-side-active{color:var(--hk-ink);font-weight:700}.fp-window-content{min-width:0;padding:var(--hk-s3)}.fp-window-kicker{margin:0;font-size:.75em;color:var(--hk-muted)}.fp-window-client{margin:var(--hk-s1) 0;font-family:var(--hk-font-display);font-size:1.35em;font-weight:700}.fp-preview-status{display:flex;align-items:center;gap:var(--hk-s1);color:var(--hk-muted);font-size:.8em}.fp-status-dot{width:.5em;height:.5em;border-radius:50%;background:var(--hk-primary)}.fp-preview-card{margin-block:var(--hk-s2);padding:var(--hk-s2);border:1px solid var(--hk-line);border-radius:var(--hk-r1)}.fp-preview-card strong{color:var(--hk-brand-text);font-size:.82em}.fp-preview-card p{margin:var(--hk-s1) 0 0;font-size:.82em}.fp-preview-copy{display:inline-block;padding:var(--hk-s2);border-radius:var(--hk-r1);background:var(--hk-primary);color:var(--hk-on-primary);font-size:.8em}.fp-demo-wrap,.fp-contact-aside{background:var(--hk-surface-alt);border:1px solid var(--hk-line);border-radius:var(--hk-r2)}.fp-demo-layout,.fp-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(min(100%,16rem),1fr));gap:var(--hk-s4);align-items:start}.fp-demo-intro,.fp-contact-aside{padding:var(--hk-s4)}.fp-demo-notice{padding:var(--hk-s2);border-inline-start:3px solid var(--hk-primary);background:var(--hk-surface);border-radius:var(--hk-r1)}.fp-draft-editor,.fp-contact-card{padding:var(--hk-s4);background:var(--hk-surface);border:1px solid var(--hk-line);border-radius:var(--hk-r2)}.fp-draft-editor{margin:var(--hk-s3)}.fp-editor-top,.fp-editor-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--hk-s2)}.fp-field{display:grid;gap:var(--hk-s1);margin-block:var(--hk-s2)}.fp-field label{font-weight:700}.fp-field :is(input,select,textarea){width:100%;min-width:0;padding:var(--hk-s2);border:1px solid var(--hk-line);border-radius:var(--hk-r1);background:var(--hk-bg);color:var(--hk-ink);font:inherit}.fp-field textarea{min-height:6rem;resize:vertical}.fp-field :is(input,select,textarea):focus-visible{outline:2px solid var(--hk-primary);outline-offset:2px}.fp-field :is(input,textarea):not(:focus):invalid:not(:placeholder-shown){border-color:var(--hk-accent)}.fp-draft-feedback,.fp-fine-print,.fp-form-help{color:var(--hk-muted)}.fp-sent-note{display:none;padding:var(--hk-s2);margin-block:var(--hk-s2);background:var(--hk-surface-alt);border:1px solid var(--hk-line);border-radius:var(--hk-r1)}.fp-sent-note.is-visible{display:block}.fp-faq-list{max-width:var(--hk-max);margin-inline:auto}.fp-faq-list details{padding:var(--hk-s2);border-bottom:1px solid var(--hk-line)}.fp-faq-list summary{cursor:pointer;font-weight:700}.fp-faq-list summary:focus-visible{outline:2px solid var(--hk-primary)}.fp-faq-list p{color:var(--hk-muted)}.hk-footer__grid nav{display:flex;flex-direction:column;gap:var(--hk-s2)}@media(max-width:680px){.fp-demo-layout,.fp-contact-grid{grid-template-columns:minmax(min(100%,16rem),1fr)}.fp-draft-editor{margin:0 var(--hk-s2) var(--hk-s2)}.fp-window-body{grid-template-columns:minmax(0,1fr)}.fp-window-sidebar{display:none}}html,body{overflow-x:hidden;max-width:100%}.hk-skip{position:absolute;inset-inline-start:var(--hk-s2);top:-10rem;z-index:9999;padding:var(--hk-s2) var(--hk-s3);background:var(--hk-ink);color:var(--hk-bg);border-radius:var(--hk-r1)}.hk-skip:focus{top:var(--hk-s2)}