.feedback-hero{color:#f6f7f4;background:#1b1e23;padding:84px 0 72px;position:relative;overflow:hidden}.feedback-hero:before{content:"";background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;mask-image:linear-gradient(90deg,#000,#0000 82%)}.feedback-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:end;gap:64px;display:grid;position:relative}.feedback-hero .overline{color:#b9c0c8;letter-spacing:.11em;justify-content:space-between;gap:20px;margin:0 0 28px;font:500 11px/1.2 IBM Plex Mono,monospace;display:flex}.feedback-hero .overline span:before{content:"";vertical-align:middle;background:#f2c200;width:26px;height:3px;margin-right:10px;display:inline-block}.feedback-hero .overline i{color:#f2c200;font-style:normal}.feedback-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(48px,6.6vw,84px);line-height:.94}.feedback-hero h1 em{color:#f2c200;font-style:normal}.feedback-hero__copy{gap:22px;display:grid}.feedback-hero__copy p{color:#c8cdd3;max-width:620px;margin:0;font-size:16px;line-height:1.75}.feedback-tags{flex-wrap:wrap;gap:8px;display:flex}.feedback-tags span{letter-spacing:.07em;border:1px solid #ffffff2e;padding:8px 10px;font:500 9px/1 IBM Plex Mono,monospace}.feedback-section{padding-top:54px;padding-bottom:92px}.feedback-notice{background:#fbf3d3;border-left:4px solid #f2c200;grid-template-columns:auto 1fr;gap:18px;margin-bottom:26px;padding:18px 20px;display:grid}.feedback-notice strong{white-space:nowrap;font:600 10px/1.4 IBM Plex Mono,monospace}.feedback-notice p{color:#5b4b00;margin:0;font-size:13px;line-height:1.65}.feedback-layout{grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);align-items:start;gap:22px;display:grid}.feedback-stack{gap:18px;display:grid}.feedback-card{background:#fbfbf9;border:1px solid #d7dad4;padding:24px}.feedback-card__head{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.feedback-card__head>span{color:#2447c2;font:600 10px/1.2 IBM Plex Mono,monospace}.feedback-card__head p{color:#58606a;letter-spacing:.1em;margin:0 0 4px;font:500 10px/1.2 IBM Plex Mono,monospace}.feedback-card__head h2{margin:0;font-size:23px;line-height:1.15}.feedback-hint{color:#58606a;margin:0 0 18px;font-size:13px;line-height:1.65}.feedback-rating{gap:10px;display:flex}.feedback-rating button,.feedback-button{color:#1b1e23;cursor:pointer;background:#fff;border:1px solid #bfc5c3;min-height:44px;padding:11px 15px;font-weight:650}.feedback-rating button:hover,.feedback-rating button:focus-visible,.feedback-button:hover,.feedback-button:focus-visible{outline-offset:2px;outline:2px solid #2447c2}.feedback-rating button.is-selected{color:#fff;background:#1b1e23;border-color:#1b1e23}.feedback-fields{gap:14px;display:grid}.feedback-fields--two{grid-template-columns:1fr 1fr}.feedback-card form{gap:15px;display:grid}.feedback-card label{color:#58606a;gap:7px;font-size:12px;font-weight:650;display:grid}.feedback-card label span{justify-content:space-between;gap:12px;display:flex}.feedback-card label b{color:#9a3d2c;text-transform:uppercase;font:500 9px/1.2 IBM Plex Mono,monospace}.feedback-card input,.feedback-card select,.feedback-card textarea{color:#1b1e23;background:#fff;border:1px solid #bcc2c1;width:100%;padding:11px 12px;font:400 13px/1.55 IBM Plex Mono,monospace}.feedback-card textarea{resize:vertical}.feedback-card input:focus,.feedback-card select:focus,.feedback-card textarea:focus{outline-offset:1px;outline:2px solid #2447c2}.feedback-actions{flex-wrap:wrap;gap:9px;padding-top:3px;display:flex}.feedback-button--primary{background:#f2c200;border-color:#f2c200}.feedback-preview{color:#fff;background:#1b1e23;border:1px solid #d7dad4;position:sticky;top:96px;overflow:hidden}.feedback-preview__top{border-top:5px solid #f2c200;padding:22px}.feedback-preview__top span{color:#aeb5bd;letter-spacing:.1em;font:500 9px/1.2 IBM Plex Mono,monospace;display:block}.feedback-preview__top strong{color:#f2c200;margin-top:8px;font-size:28px;line-height:1.08;display:block}.feedback-preview__top p{color:#b8bec6;margin:6px 0 0;font-size:13px}.feedback-preview pre{color:#dce1e5;white-space:pre-wrap;overflow-wrap:anywhere;background:#20242a;min-height:390px;max-height:620px;margin:0;padding:20px;font:400 11px/1.65 IBM Plex Mono,monospace;overflow:auto}.feedback-status{color:#f2c200;border-top:1px solid #3b414a;min-height:46px;margin:0;padding:14px 20px;font:500 11px/1.55 IBM Plex Mono,monospace}@media (width<=960px){.feedback-hero__grid,.feedback-layout{grid-template-columns:1fr}.feedback-hero__grid{gap:34px}.feedback-preview{position:static}.feedback-preview pre{min-height:260px}}@media (width<=640px){.feedback-hero{padding:58px 0 52px}.feedback-hero .overline{display:grid}.feedback-hero h1{font-size:48px}.feedback-section{padding-top:34px}.feedback-notice{grid-template-columns:1fr}.feedback-notice strong{white-space:normal}.feedback-fields--two{grid-template-columns:1fr}.feedback-rating,.feedback-actions{grid-template-columns:1fr;display:grid}.feedback-card{padding:19px}}
