:root { --feedback-ink:#101820; --feedback-muted:#5f6d75; --feedback-line:#d8dfe3; --feedback-soft:#edf5f2; --feedback-accent:#168d81; }
.feedback-main { min-height: calc(100svh - 68px); color: var(--feedback-ink); background: #fff; }
.feedback-intro { padding: 86px max(24px,calc((100% - 1120px) / 2)) 58px; background: var(--feedback-soft); }
.feedback-intro h1 { max-width: 880px; margin: 0; font-size: 5.4rem; line-height: 1; letter-spacing: 0; }
.feedback-intro > p:not(.eyebrow) { max-width: 720px; margin: 24px 0 0; color: var(--feedback-muted); font-size: 1.08rem; line-height: 1.7; }
.feedback-principles { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 30px; font-size: .82rem; font-weight: 800; }
.feedback-principles span::before { content: "✓"; margin-right: 7px; color: var(--feedback-accent); }
.feedback-workspace { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); gap: 74px; align-items: start; padding: 86px max(24px,calc((100% - 1120px) / 2)); }
.feedback-context { position: sticky; top: 104px; }
.feedback-context h2 { margin: 0; font-size: 3.4rem; line-height: 1.05; }
.feedback-context > p:last-child { color: var(--feedback-muted); line-height: 1.7; }
.feedback-form { display: grid; gap: 22px; padding: 34px; border: 1px solid var(--feedback-line); border-top: 5px solid var(--feedback-accent); border-radius: 6px; background: #fff; }
.feedback-form label { display: grid; gap: 8px; color: #27343b; font-size: .86rem; font-weight: 800; }
.feedback-form input:not([type="checkbox"]), .feedback-form select, .feedback-form textarea { width: 100%; padding: 12px 13px; color: var(--feedback-ink); border: 1px solid #bfc8cd; border-radius: 4px; background: #fff; font: inherit; font-weight: 500; }
.feedback-form input:not([type="checkbox"]), .feedback-form select { min-height: 48px; }
.feedback-form textarea { resize: vertical; line-height: 1.55; }
.feedback-form input:focus, .feedback-form select:focus, .feedback-form textarea:focus { outline: 3px solid rgba(22,141,129,.18); border-color: var(--feedback-accent); }
.feedback-grid { display: grid; gap: 16px; }
.feedback-grid.two-columns { grid-template-columns: 1fr 1fr; }
.feedback-check { grid-template-columns: 20px 1fr !important; align-items: start; gap: 10px !important; color: var(--feedback-muted) !important; font-size: .78rem !important; font-weight: 600 !important; line-height: 1.55; }
.feedback-check input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--feedback-accent); }
.feedback-check a { color: var(--feedback-accent); }
.feedback-submit { display: flex; align-items: center; gap: 18px; }
.feedback-submit p { margin: 0; color: var(--feedback-muted); font-size: .75rem; line-height: 1.5; }
.feedback-form .form-status { min-height: 24px; margin: -4px 0 0; font-weight: 800; }
.feedback-form .form-status[data-mode="success"] { color: #116957; }
.feedback-form .form-status[data-mode="error"] { color: #a42e38; }
@media (max-width: 820px) { .feedback-intro h1 { font-size: 4rem; } .feedback-workspace { grid-template-columns: 1fr; gap: 42px; } .feedback-context { position: static; } .feedback-context h2 { font-size: 2.8rem; } }
@media (max-width: 600px) { .feedback-intro { padding: 70px 18px 48px; } .feedback-intro h1 { font-size: 3rem; } .feedback-workspace { padding: 64px 18px; } .feedback-form { padding: 25px 18px; } .feedback-grid.two-columns { grid-template-columns: 1fr; } .feedback-submit { align-items: stretch; flex-direction: column; } .feedback-submit .sales-button { width: 100%; } }