.feedback-tool-page{--ink:var(--app-color-ink);--muted:var(--app-color-muted);--line:#e4e7ec;background-color:#f8f6f1;background-image:radial-gradient(rgba(120,90,60,.09) .9px,transparent 0);background-size:18px 18px;color:var(--ink);padding:6.75rem var(--app-gutter) 3.5rem}.feedback-tool-page__inner{margin-inline:auto;width:min(100%,var(--app-container-content))}.feedback-tool-page .back-link{align-items:center;color:var(--muted);display:inline-flex;font-size:.875rem;font-weight:650;gap:.4rem;margin-bottom:.9rem}.feedback-tool-page .back-link:hover{color:var(--ink)}.feedback-tool-page h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:0}.feedback-tool-page h1 span{color:var(--app-color-brand)}.feedback-tool-page .lead{color:var(--muted);font-size:1.0625rem;line-height:1.55;margin:.6rem 0 0}.feedback-tool-layout{align-items:start;display:grid;gap:clamp(2rem,5vw,4.5rem);grid-template-columns:minmax(0,1fr) var(--feedback-tool-preview-width);margin-top:1.75rem}.feedback-tool-page .controls{display:grid;gap:.85rem;min-width:0}.feedback-tool-page .preview{align-items:center;display:flex;flex-direction:column;position:sticky;top:6.25rem}.feedback-tool-page .preview__label{color:var(--muted);font-size:.8125rem;font-style:italic;margin:0 0 var(--feedback-tool-preview-label-gap,.75rem)}.feedback-tool-page .cta{align-items:center;background:#081827;border-radius:1.25rem;color:#fff;display:flex;gap:1rem;justify-content:space-between;margin-top:.5rem;padding:1.35rem 1.4rem}.feedback-tool-page .cta h2{font-size:1.25rem;font-weight:800;margin:0}.feedback-tool-page .cta p{color:#ffffffbf;font-size:.9375rem;margin:.3rem 0 0}.feedback-tool-page .button{align-items:center;border-radius:999px;display:inline-flex;flex:none;font-size:1rem;font-weight:750;gap:.55rem;justify-content:center;min-height:3rem;padding:.75rem 1.4rem}.feedback-tool-page .button--primary{background:var(--app-color-brand);box-shadow:0 10px 20px -8px #ff650c8c;color:#fff}.feedback-tool-page .button--primary:hover:not(:disabled){background:var(--app-color-brand-hover)}.feedback-tool-page .button--primary:disabled{background:#ffffff1f;box-shadow:none}.feedback-tool-page .fine-print{color:var(--muted);font-size:.8125rem;margin:.5rem 0 0}.feedback-tool-page .link-button{color:var(--ink);font-size:.8125rem;font-weight:700;margin-left:.35rem;text-decoration:underline;text-underline-offset:3px}.feedback-tool-page :is(button,a):focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (max-width:1023px){.feedback-tool-layout{gap:.85rem;grid-template-columns:minmax(0,1fr);margin:1.25rem auto 0;max-width:40rem}.feedback-tool-page .preview{background:#f8f6f1;box-shadow:0 12px 16px -14px #0f172a59;margin-inline:calc(var(--app-gutter)*-1);order:-1;padding:.5rem 0 .75rem;top:5.6rem;z-index:5}.feedback-tool-page .preview.is-pinned:before{background:#f8f6f1;bottom:100%;content:"";height:5.6rem;left:0;position:absolute;right:0}.feedback-tool-page .preview__label{display:none}}@media (max-width:640px){.feedback-tool-page .back-link{display:none}.feedback-tool-page .lead{font-size:1rem}.feedback-tool-page .cta{align-items:stretch;flex-direction:column}}