._shell_11yet_1 {
  --red: #1456a0;
  --red-dark: #0d3f78;
  --ink: #172436;
  --muted: #687587;
  --line: #d7dee8;
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 8%, rgba(61, 151, 217, 0.1), transparent 28%),
    #f7f9fc;
  color: var(--ink);
}

._shell_11yet_1 button,
._shell_11yet_1 input,
._shell_11yet_1 textarea {
  font: inherit;
}

._shell_11yet_1 button {
  cursor: pointer;
}

._topbar_11yet_25 {
  width: min(1380px, calc(100% - 48px));
  height: 72px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e2ddd3;
}

._brand_11yet_35 {
  display: flex;
  align-items: center;
  gap: 11px;
  color: inherit;
  text-decoration: none;
}

._brand_11yet_35 > span {
  width: 58px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: var(--red);
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.06em;
}

._brand_11yet_35 div {
  display: grid;
  gap: 1px;
}

._brand_11yet_35 strong,
._brand_11yet_35 small {
  display: block;
}

._brand_11yet_35 strong {
  font-size: 15px;
}

._brand_11yet_35 small {
  color: var(--muted);
  font-size: 8px;
}

._topActions_11yet_76 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._topActions_11yet_76 > span {
  font-size: 10px;
}

._codeReady_11yet_86 {
  color: #308664;
}

._codeMissing_11yet_90 {
  color: #b66b20;
}

._topActions_11yet_76 button {
  padding: 9px 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: #655f58;
  font-size: 11px;
}

._settings_11yet_103 {
  width: min(940px, calc(100% - 48px));
  margin: 14px auto 0;
  padding: 15px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  border: 1px solid #e2d9ca;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(73, 61, 42, 0.08);
}

._settings_11yet_103 strong {
  font-size: 13px;
}

._settings_11yet_103 p {
  margin: 4px 0 0;
  color: #8a837a;
  font-size: 10px;
}

._settingsInput_11yet_127 {
  display: flex;
  gap: 8px;
}

._settingsInput_11yet_127 input {
  width: 210px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 11px;
  outline: 0;
}

._settingsInput_11yet_127 button {
  padding: 0 15px;
  border: 0;
  border-radius: 8px;
  background: var(--ink);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

._clearHistory_11yet_150 {
  padding: 8px 10px;
  border: 0;
  background: transparent;
  color: #9a6f58;
  font-size: 9px;
  text-decoration: underline;
}

._hero_11yet_159 {
  padding: 58px 20px 24px;
  text-align: center;
}

._eyebrow_11yet_164 {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 999px;
  background: #dceeff;
  color: #174f8f;
  font-size: 10px;
  font-weight: 900;
}

._hero_11yet_159 h1 {
  margin: 16px 0 12px;
  font-size: clamp(38px, 4.5vw, 62px);
  line-height: 1.12;
  letter-spacing: -0.055em;
}

._hero_11yet_159 p {
  max-width: 760px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.8;
}

._brandFacts_11yet_189 {
  width: min(940px, calc(100% - 32px));
  margin: 24px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 12px 34px rgba(38, 75, 115, 0.07);
}

._brandFacts_11yet_189 span {
  min-height: 70px;
  padding: 14px 12px;
  display: grid;
  place-content: center;
  gap: 4px;
  color: #748195;
  font-size: 8px;
}

._brandFacts_11yet_189 span:not(:last-child) {
  border-right: 1px solid #e3e9f1;
}

._brandFacts_11yet_189 b {
  color: var(--ink);
  font-size: 12px;
}

._steps_11yet_220 {
  width: min(820px, calc(100% - 48px));
  margin: 28px auto 36px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
}

._steps_11yet_220 li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  color: #aaa39b;
}

._steps_11yet_220 li:not(:last-child)::after {
  content: "";
  width: 34%;
  height: 1px;
  position: absolute;
  top: 18px;
  right: -17%;
  background: #d9d4cc;
}

._steps_11yet_220 li > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e9e4dc;
  font-size: 12px;
  font-weight: 900;
}

._steps_11yet_220 strong,
._steps_11yet_220 small {
  display: block;
}

._steps_11yet_220 strong {
  font-size: 12px;
}

._steps_11yet_220 small {
  margin-top: 3px;
  font-size: 9px;
}

._steps_11yet_220 ._stepDone_11yet_273,
._steps_11yet_220 ._stepActive_11yet_274,
._steps_11yet_220 ._stepReady_11yet_275 {
  color: var(--ink);
}

._steps_11yet_220 ._stepDone_11yet_273 > span {
  background: #37342f;
  color: #fff;
}

._steps_11yet_220 ._stepActive_11yet_274 > span {
  background: var(--red);
  color: #fff;
}

._steps_11yet_220 ._stepReady_11yet_275 > span {
  background: #f5b74d;
  color: #2f2a23;
}

._layout_11yet_294 {
  width: min(1380px, calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, 0.72fr);
  align-items: start;
  gap: 22px;
}

._formCard_11yet_303,
._resultCard_11yet_304 {
  border: 1px solid var(--line);
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 14px 42px rgba(71, 62, 48, 0.08);
}

._formCard_11yet_303 {
  padding: 28px;
}

._cardHeading_11yet_315,
._sectionHeading_11yet_316,
._submitArea_11yet_317,
._resultHead_11yet_318 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

._cardHeading_11yet_315 small,
._sectionHeading_11yet_316 small {
  color: var(--red);
  font-size: 9px;
  font-weight: 900;
}

._cardHeading_11yet_315 h2,
._sectionHeading_11yet_316 h2 {
  margin: 4px 0 0;
  font-size: 22px;
}

._cardHeading_11yet_315 > span {
  color: #99928a;
  font-size: 10px;
}

._toolChoices_11yet_343 {
  margin: 20px 0 28px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

._toolChoices_11yet_343 button {
  min-height: 96px;
  padding: 14px 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fffdf9;
  color: var(--ink);
}

._toolChoices_11yet_343 span,
._toolChoices_11yet_343 strong,
._toolChoices_11yet_343 small {
  display: block;
}

._toolChoices_11yet_343 span {
  font-size: 22px;
}

._toolChoices_11yet_343 strong {
  margin-top: 7px;
  font-size: 13px;
}

._toolChoices_11yet_343 small {
  margin-top: 3px;
  color: #9b958c;
  font-size: 9px;
}

._toolChoices_11yet_343 ._toolActive_11yet_380 {
  border-color: var(--red);
  background: #fff2ef;
  box-shadow: inset 0 0 0 1px var(--red);
}

._variationBox_11yet_386 {
  margin: 0 0 26px;
  padding: 16px;
  border: 1px solid #d9e5f1;
  border-radius: 12px;
  background: #f4f9ff;
}

._variationHead_11yet_394 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

._variationHead_11yet_394 small,
._variationHead_11yet_394 strong {
  display: block;
}

._variationHead_11yet_394 small {
  color: var(--red);
  font-size: 8px;
  font-weight: 900;
}

._variationHead_11yet_394 strong {
  margin-top: 3px;
  font-size: 12px;
}

._variationHead_11yet_394 > span {
  color: #8b6c5b;
  font-size: 9px;
}

._variationChoices_11yet_422 {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
}

._variationChoices_11yet_422 button {
  padding: 9px 7px;
  border: 1px solid #e4d9cf;
  border-radius: 8px;
  background: #fff;
  color: #6f655d;
}

._variationChoices_11yet_422 strong,
._variationChoices_11yet_422 small {
  display: block;
}

._variationChoices_11yet_422 strong {
  font-size: 9px;
}

._variationChoices_11yet_422 small {
  margin-top: 3px;
  color: #a49a91;
  font-size: 7px;
}

._variationChoices_11yet_422 ._variationActive_11yet_452 {
  border-color: var(--red);
  background: #fff0ed;
  color: #c83a32;
  box-shadow: inset 0 0 0 1px var(--red);
}

._variationBox_11yet_386 > p {
  margin: 10px 0 0;
  color: #9b9188;
  font-size: 8px;
}

._sectionHeading_11yet_316 {
  padding-top: 24px;
  border-top: 1px solid #eee9e2;
}

._completion_11yet_470 {
  width: 130px;
}

._completion_11yet_470 > span {
  display: block;
  color: #7b746c;
  font-size: 10px;
  font-weight: 800;
  text-align: right;
}

._completion_11yet_470 > i {
  height: 5px;
  margin-top: 5px;
  display: block;
  overflow: hidden;
  border-radius: 999px;
  background: #eee9e2;
}

._completion_11yet_470 b {
  height: 100%;
  display: block;
  border-radius: inherit;
  background: var(--red);
  transition: width 180ms ease;
}

._fields_11yet_499 {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

._fieldGroup_11yet_506 {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid #e1e7ef;
  border-radius: 13px;
  background: #fbfcfe;
}

._freshGroup_11yet_514 {
  border-color: #bed9f1;
  background: #f3f8fd;
  box-shadow: inset 3px 0 0 var(--red);
}

._fieldGroupTitle_11yet_520 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
}

._fieldGroupTitle_11yet_520 span {
  color: var(--red-dark);
  font-size: 11px;
  font-weight: 900;
}

._fieldGroupTitle_11yet_520 p {
  margin: 0;
  color: #7d8999;
  font-size: 8px;
  text-align: right;
}

._fieldGroup_11yet_506 ._fields_11yet_499 {
  margin-top: 13px;
}

._fields_11yet_499 label {
  display: block;
}

._fields_11yet_499 label > span {
  display: block;
  margin-bottom: 7px;
  font-size: 11px;
  font-weight: 800;
}

._fields_11yet_499 label > span b {
  color: var(--red);
  font-size: 8px;
}

._fields_11yet_499 label > span i {
  color: #718198;
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
}

._fields_11yet_499 input,
._fields_11yet_499 textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 11px 12px;
  outline: 0;
  background: #fff;
  color: #37332f;
  font-size: 12px;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

._fields_11yet_499 input:focus,
._fields_11yet_499 textarea:focus {
  border-color: var(--red);
  box-shadow: 0 0 0 3px rgba(20, 86, 160, 0.1);
}

._fields_11yet_499 textarea {
  min-height: 72px;
  resize: vertical;
}

._fields_11yet_499 label > small {
  margin-top: 5px;
  display: block;
  color: #958f87;
  font-size: 9px;
  line-height: 1.5;
}

._wide_11yet_599 {
  grid-column: 1 / -1;
}

._materialCheck_11yet_603 {
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid;
  border-radius: 12px;
}

._materialCheck_11yet_603 > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

._materialCheck_11yet_603 > div span {
  display: grid;
  width: 21px;
  height: 21px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}

._materialCheck_11yet_603 strong {
  font-size: 10px;
}

._materialCheck_11yet_603 p {
  margin: 8px 0 0 29px;
  font-size: 9px;
  line-height: 1.65;
}

._materialCheck_11yet_603 ul {
  margin: 8px 0 0 45px;
  padding: 0;
  font-size: 8px;
  line-height: 1.8;
}

._materialReady_11yet_644 {
  border-color: #cfe4d7;
  background: #f3faf5;
  color: #397352;
}

._materialReady_11yet_644 > div span {
  background: #3b9561;
}

._materialWarn_11yet_654 {
  border-color: #efd2ae;
  background: #fff8ee;
  color: #8a5a20;
}

._materialWarn_11yet_654 > div span {
  background: #d9872c;
}

._error_11yet_664 {
  margin-top: 16px;
  padding: 11px 13px;
  border: 1px solid #f0c4bd;
  border-radius: 9px;
  background: #fff2ef;
  color: #ae352d;
  font-size: 11px;
}

._error_11yet_664 strong {
  display: block;
}

._error_11yet_664 ul {
  margin: 8px 0 0 18px;
  padding: 0;
  color: #8f4d42;
  font-size: 9px;
  line-height: 1.7;
}

._submitArea_11yet_317 {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #eeeae3;
}

._submitArea_11yet_317 p {
  margin: 0 0 4px;
  color: #8d6f4b;
  font-size: 10px;
}

._submitArea_11yet_317 ._ready_11yet_698 {
  color: #318161;
}

._submitArea_11yet_317 small {
  color: #958f87;
  font-size: 9px;
}

._submitArea_11yet_317 > button {
  min-width: 220px;
  padding: 13px 16px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  border: 0;
  border-radius: 10px;
  background: var(--red);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 9px 24px rgba(20, 86, 160, 0.22);
}

._submitArea_11yet_317 > button:disabled {
  cursor: not-allowed;
  background: #c9c3bb;
  box-shadow: none;
}

._resultCard_11yet_304 {
  min-width: 0;
  overflow: hidden;
  scroll-margin-top: 18px;
}

._resultHead_11yet_318 {
  padding: 16px 18px;
  border-bottom: 1px solid #eeeae3;
  font-size: 11px;
  font-weight: 900;
}

._resultHead_11yet_318 > div {
  display: flex;
  align-items: center;
}

._resultActions_11yet_746 {
  display: flex;
  gap: 8px;
}

._resultActions_11yet_746 button:first-child {
  border-color: #cbd8e6;
  background: #f4f8fc;
  color: #315a86;
}

._resultHead_11yet_318 i {
  width: 7px;
  height: 7px;
  margin-right: 7px;
  display: inline-block;
  border-radius: 50%;
  background: #41b883;
}

._resultHead_11yet_318 button {
  padding: 8px 11px;
  border: 0;
  border-radius: 7px;
  background: var(--red);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
}

._empty_11yet_776,
._loading_11yet_777 {
  min-height: 620px;
  padding: 48px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

._empty_11yet_776 > span {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff1ee;
  color: var(--red);
  font-size: 22px;
}

._empty_11yet_776 h2,
._loading_11yet_777 strong {
  margin: 17px 0 8px;
  font-size: 18px;
}

._empty_11yet_776 > p,
._loading_11yet_777 p {
  max-width: 340px;
  margin: 0;
  color: #858078;
  font-size: 11px;
  line-height: 1.75;
}

._empty_11yet_776 > div {
  margin-top: 26px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

._empty_11yet_776 > div span {
  padding: 8px 10px;
  border-radius: 7px;
  background: #f7f4ee;
  color: #746e66;
  font-size: 9px;
}

._loading_11yet_777 > div {
  width: 190px;
  display: grid;
  gap: 8px;
}

._loading_11yet_777 i {
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(90deg, #eee9e2, #fbd4ce, #eee9e2);
  background-size: 200% 100%;
  animation: _pulse_11yet_1 1.1s linear infinite;
}

._loading_11yet_777 i:nth-child(2) {
  width: 78%;
}

._loading_11yet_777 i:nth-child(3) {
  width: 90%;
}

@keyframes _pulse_11yet_1 {
  to { background-position: -200% 0; }
}

._result_11yet_304 {
  max-height: 760px;
  overflow: auto;
  padding: 24px;
}

._demo_11yet_860 {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 4px 7px;
  border-radius: 999px;
  background: #fff3d9;
  color: #9a671a;
  font-size: 8px;
  font-weight: 900;
}

._modeGuide_11yet_871,
._outputSummary_11yet_872 {
  padding: 14px 16px;
  border: 1px solid #d8e5f2;
  border-radius: 11px;
  background: #f4f8fd;
}

._modeGuide_11yet_871 {
  margin-bottom: 26px;
}

._modeGuide_11yet_871 strong,
._outputSummary_11yet_872 strong {
  display: block;
  color: #174d87;
  font-size: 10px;
}

._modeGuide_11yet_871 p,
._outputSummary_11yet_872 span {
  margin: 5px 0 0;
  color: #6d7d90;
  font-size: 9px;
  line-height: 1.7;
}

._outputSummary_11yet_872 {
  margin-bottom: 18px;
  background: linear-gradient(135deg, #f3f8fd, #f7fbf7);
}

._topicList_11yet_903 {
  display: grid;
  gap: 11px;
}

._topicItem_11yet_908 {
  padding: 14px;
  border: 1px solid #e1e8ef;
  border-radius: 11px;
  background: #fff;
}

._topicItem_11yet_908 > div {
  display: flex;
  align-items: center;
  gap: 7px;
}

._topicItem_11yet_908 > div b {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 7px;
  background: var(--ink);
  color: #fff;
  font-size: 8px;
}

._topicItem_11yet_908 > div span {
  padding: 4px 7px;
  border-radius: 999px;
  background: #edf5fd;
  color: #24649f;
  font-size: 8px;
  font-weight: 900;
}

._topicItem_11yet_908 h3 {
  margin: 10px 0 9px;
  color: #2c2925;
  font-size: 13px;
  line-height: 1.5;
}

._topicItem_11yet_908 p,
._shotItem_11yet_949 p {
  margin: 5px 0 0;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 7px;
  color: #706a63;
  font-size: 9px;
  line-height: 1.65;
}

._topicItem_11yet_908 p strong,
._shotItem_11yet_949 p strong {
  color: #9a8b7e;
  font-size: 8px;
}

._firstScreen_11yet_965 {
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 9px;
  background: #f5f8fc;
}

._firstScreen_11yet_965 span {
  color: #7b8794;
  font-size: 8px;
  font-weight: 900;
}

._firstScreen_11yet_965 p {
  margin: 5px 0 0;
  color: #164b82;
  font-size: 12px;
  font-weight: 900;
}

._hookText_11yet_985 {
  margin: 0;
  padding: 15px;
  border-left: 3px solid var(--blue);
  background: #f2f7fd;
  color: #173f6c;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.7;
}

._shotList_11yet_996 {
  display: grid;
  gap: 10px;
}

._shotItem_11yet_949 {
  padding: 12px;
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 4px 8px;
  border: 1px solid #e1e7ed;
  border-radius: 10px;
  background: #fafbfd;
}

._shotItem_11yet_949 > b {
  grid-row: 1 / 4;
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 50%;
  background: #fff0ed;
  color: var(--red);
  font-size: 8px;
}

._shotItem_11yet_949 > span {
  color: #315c89;
  font-size: 9px;
  font-weight: 900;
}

._shotItem_11yet_949 p {
  grid-column: 2;
}

._materialList_11yet_1033 {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 7px;
  list-style: none;
}

._materialList_11yet_1033 li {
  padding: 9px 11px;
  border-radius: 8px;
  background: #f7f4ee;
  color: #655f58;
  font-size: 9px;
  line-height: 1.5;
}

._materialList_11yet_1033 li::before {
  content: "✓";
  margin-right: 7px;
  color: #3a8b5a;
  font-weight: 900;
}

._qualityAudit_11yet_1057 {
  margin: 0 0 22px;
  padding: 14px;
  border: 1px solid #d9e5f3;
  border-radius: 12px;
  background: #f7faff;
}

._qualityScore_11yet_1065 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
}

._qualityScore_11yet_1065 > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  background: var(--blue);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

._qualityScore_11yet_1065 > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._qualityScore_11yet_1065 strong {
  color: #163b68;
  font-size: 10px;
}

._qualityScore_11yet_1065 small {
  color: #718197;
  font-size: 8px;
}

._qualityScore_11yet_1065 > b {
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 8px;
}

._qualityPassed_11yet_1106 {
  background: #e6f7eb;
  color: #2c7a49;
}

._qualityReview_11yet_1111 {
  background: #fff0db;
  color: #9a671a;
}

._qualityDimensions_11yet_1116 {
  margin-top: 13px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

._qualityDimensions_11yet_1116 > div {
  min-width: 0;
}

._qualityDimensions_11yet_1116 span {
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
  color: #5c6f86;
  font-size: 8px;
}

._qualityDimensions_11yet_1116 em {
  font-style: normal;
}

._qualityDimensions_11yet_1116 i {
  display: block;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: #dfe8f4;
}

._qualityDimensions_11yet_1116 i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #185da8, #3da477);
}

._qualityIssue_11yet_1154,
._qualityStrength_11yet_1155 {
  margin: 12px 0 0;
  padding-top: 10px;
  border-top: 1px solid #e0e8f2;
  font-size: 8px;
  line-height: 1.7;
}

._qualityIssue_11yet_1154 {
  color: #946124;
}

._qualityStrength_11yet_1155 {
  color: #397352;
}

._copySection_11yet_1171 + ._copySection_11yet_1171 {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px dashed #e1ddd6;
}

._copySectionLabel_11yet_1177 {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

._copySectionLabel_11yet_1177 > span {
  min-width: 25px;
  padding: 4px 5px;
  border-radius: 6px;
  background: var(--ink);
  color: #fff;
  font-size: 8px;
  font-weight: 900;
  text-align: center;
}

._copySectionLabel_11yet_1177 strong {
  color: #37322d;
  font-size: 10px;
}

._copySectionLabel_11yet_1177 small {
  margin-left: auto;
  color: #918a82;
  font-size: 8px;
}

._result_11yet_304 h2 {
  margin: 0;
  padding: 14px 15px;
  border: 1px solid #eadbd8;
  border-radius: 10px;
  background: #fff7f5;
  font-size: 18px;
  line-height: 1.5;
}

._result_11yet_304 pre {
  margin: 0;
  white-space: pre-wrap;
  color: #4e4943;
  font: inherit;
  font-size: 11px;
  line-height: 1.9;
}

._copyPart_11yet_1225 {
  margin-top: 18px;
}

._copyPart_11yet_1225 > span {
  display: inline-flex;
  margin-bottom: 6px;
  color: #8b8178;
  font-size: 8px;
  font-weight: 900;
}

._actionText_11yet_1237 {
  margin: 0;
  padding: 13px;
  border-left: 3px solid var(--red);
  background: #fff7f4;
  color: #6c554c;
  font-size: 10px;
  line-height: 1.7;
}

._hashtags_11yet_1247 {
  margin: 0;
  color: #24649f;
  font-size: 10px;
  line-height: 1.8;
}

._diversity_11yet_1254 {
  margin-top: 15px;
  padding: 11px 12px;
  display: grid;
  gap: 5px;
  border: 1px solid #d6e5f2;
  border-radius: 9px;
  background: #f2f8fd;
  color: #58728e;
  font-size: 8px;
  line-height: 1.5;
}

._quality_11yet_1057 {
  margin-top: 22px;
  padding-top: 16px;
  display: grid;
  gap: 7px;
  border-top: 1px solid #eeeae3;
}

._quality_11yet_1057 strong {
  margin-bottom: 2px;
  font-size: 10px;
}

._quality_11yet_1057 span {
  color: #5f7b69;
  font-size: 9px;
  line-height: 1.5;
}

._mobileCopy_11yet_1286 {
  width: 100%;
  margin-top: 20px;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  background: var(--ink);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}

._footer_11yet_1298 {
  width: min(1380px, calc(100% - 48px));
  margin: 22px auto 0;
  padding: 22px 0 40px;
  display: flex;
  align-items: baseline;
  gap: 14px;
  border-top: 1px solid #ddd8cf;
  color: #8b857d;
  font-size: 9px;
}

._footer_11yet_1298 strong {
  color: #615b54;
}

._footer_11yet_1298 p {
  margin: 0;
}

@media (max-width: 960px) {
  ._layout_11yet_294 {
    grid-template-columns: 1fr;
  }

  ._resultCard_11yet_304 {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
  }

  ._empty_11yet_776,
  ._loading_11yet_777 {
    min-height: 380px;
  }
}

@media (max-width: 680px) {
  ._topbar_11yet_25,
  ._layout_11yet_294,
  ._footer_11yet_1298 {
    width: min(100% - 24px, 1380px);
  }

  ._topbar_11yet_25 {
    height: 64px;
  }

  ._topActions_11yet_76 > span {
    display: none;
  }

  ._settings_11yet_103 {
    width: calc(100% - 24px);
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  ._clearHistory_11yet_150 {
    align-self: flex-start;
  }

  ._settingsInput_11yet_127 input {
    min-width: 0;
    flex: 1;
  }

  ._hero_11yet_159 {
    padding: 40px 16px 18px;
  }

  ._hero_11yet_159 h1 {
    font-size: 36px;
  }

  ._hero_11yet_159 p {
    max-width: 330px;
    margin: 0 auto;
    font-size: 11px;
    line-height: 1.7;
  }

  ._steps_11yet_220 {
    width: calc(100% - 24px);
    margin: 25px auto;
  }

  ._steps_11yet_220 li {
    display: block;
    text-align: center;
  }

  ._steps_11yet_220 li > span {
    margin: 0 auto 6px;
  }

  ._steps_11yet_220 li:not(:last-child)::after {
    width: 24%;
    right: -12%;
  }

  ._steps_11yet_220 small {
    display: none;
  }

  ._formCard_11yet_303 {
    padding: 19px;
  }

  ._cardHeading_11yet_315 > span,
  ._completion_11yet_470 {
    display: none;
  }

  ._toolChoices_11yet_343 {
    grid-template-columns: 1fr;
  }

  ._variationHead_11yet_394 {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  ._variationChoices_11yet_422 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._toolChoices_11yet_343 button {
    min-height: 62px;
    display: grid;
    grid-template-columns: 38px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    text-align: left;
  }

  ._toolChoices_11yet_343 button > span {
    grid-row: 1 / 3;
  }

  ._toolChoices_11yet_343 strong {
    margin-top: 0;
  }

  ._fields_11yet_499 {
    grid-template-columns: 1fr;
  }

  ._wide_11yet_599 {
    grid-column: auto;
  }

  ._submitArea_11yet_317 {
    align-items: stretch;
    flex-direction: column;
  }

  ._submitArea_11yet_317 > button {
    width: 100%;
    justify-content: center;
  }

  ._empty_11yet_776 > div {
    grid-template-columns: 1fr;
  }

  ._result_11yet_304 {
    max-height: none;
    padding: 20px;
  }

  ._qualityDimensions_11yet_1116 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._qualityScore_11yet_1065 {
    grid-template-columns: auto 1fr;
  }

  ._qualityScore_11yet_1065 > b {
    grid-column: 2;
    justify-self: start;
  }

  ._copySectionLabel_11yet_1177 {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  ._copySectionLabel_11yet_1177 small {
    width: 100%;
    margin-left: 33px;
  }

  ._footer_11yet_1298 {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  ._brandFacts_11yet_189 {
    grid-template-columns: repeat(2, 1fr);
  }

  ._brandFacts_11yet_189 span:nth-child(2) {
    border-right: 0;
  }

  ._brandFacts_11yet_189 span:nth-child(-n + 2) {
    border-bottom: 1px solid #e3e9f1;
  }

  ._fieldGroupTitle_11yet_520 {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  ._fieldGroupTitle_11yet_520 p {
    text-align: left;
  }
}