@font-face {
  font-family: Satoshi;
  src: url("/redesign/assets/satoshi-400.woff2");
}
@font-face {
  font-family: Satoshi;
  src: url("/redesign/assets/satoshi-500.woff2");
  font-weight: 500;
}
@font-face {
  font-family: Satoshi;
  src: url("/redesign/assets/satoshi-700.woff2");
  font-weight: 700;
}
@font-face {
  font-family: Satoshi;
  src: url("/redesign/assets/satoshi-900.woff2");
  font-weight: 900;
}
:root {
  --purple: #7137e8;
  --purple-dark: #5c25ce;
  --ink: #111;
  --muted: #555;
  --line: #dedde4;
  --soft: #f5f1fc;
  --green: #17843b;
  font-family: Satoshi, Arial, sans-serif;
  color: var(--ink);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: #fff;
  font-size: 16px;
}
button,
input,
textarea,
select {
  font: inherit;
}
.menu-toggle {
  display: none;
}
.workspace-disclosure {
  color: #666;
  font-size: 14px;
  margin-top: -16px;
  margin-bottom: 18px;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
a {
  color: inherit;
}
.skip-link {
  position: absolute;
  left: -10000px;
}
.skip-link:focus {
  left: 1rem;
  top: 1rem;
  z-index: 30;
  padding: 1rem;
  background: white;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
:focus-visible {
  outline: 3px solid #a780ff;
  outline-offset: 3px;
}
.site-header {
  height: 76px;
  padding: 0 4.2%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo {
  font-size: 34px;
  line-height: 1;
  color: var(--purple);
  font-weight: 900;
  text-decoration: none;
  letter-spacing: -1.8px;
}
.site-header nav {
  display: flex;
  align-items: center;
  gap: clamp(24px, 4vw, 62px);
  font-size: 19px;
  font-weight: 700;
}
.site-header nav > a {
  text-decoration: none;
}
.button {
  border-radius: 11px;
  padding: 12px 22px;
  font-weight: 700;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease;
}
.button:hover {
  transform: translateY(-1px);
}
.button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}
.primary {
  color: #fff;
  border: 1px solid var(--purple);
  background: linear-gradient(110deg, #742be8, #5f20d6);
  box-shadow: 0 5px 14px #7137e822;
}
.primary:hover {
  background: var(--purple-dark);
}
.outline {
  background: #fff;
  color: var(--purple);
  border: 1.5px solid var(--purple);
}
.secondary {
  background: white;
  color: #111;
  border: 1px solid #d9d7df;
}
.block {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 50px;
}
.home-hero {
  padding: 27px 3.5% 48px;
  min-height: 650px;
  display: grid;
  grid-template-columns: minmax(360px, 0.96fr) minmax(590px, 1.54fr);
  gap: clamp(25px, 3vw, 46px);
  align-items: center;
}
.hero-text {
  max-width: 540px;
}
.hero-text h1 {
  font-weight: 900;
  letter-spacing: -3.4px;
  font-size: clamp(54px, 5.45vw, 82px);
  line-height: 0.98;
  margin: 0 0 27px;
}
.hero-text > p:not(.no-commit) {
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.4;
  margin: 0 0 30px;
  max-width: 520px;
}
.url-form {
  display: flex;
  max-width: 575px;
  min-height: 57px;
}
.url-form input {
  border: 1.5px solid #bbb;
  border-radius: 12px 0 0 12px;
  padding: 0 20px;
  min-width: 0;
  flex: 1;
  font-size: 17px;
}
.url-form input::placeholder {
  color: #777;
}
.url-form .button {
  border-radius: 0 12px 12px 0;
  white-space: nowrap;
  font-size: 17px;
  padding: 0 19px;
}
.no-commit {
  color: #555;
  font-size: 17px;
  margin: 17px 0;
}
.form-error {
  color: #a51d32;
  font-weight: 500;
  min-height: 0;
  margin-top: 6px;
}
.hero-compare {
  min-width: 0;
}
.browser-bar {
  height: 37px;
  border: 1px solid #e4e4e7;
  border-radius: 15px 15px 0 0;
  background: #fafafa;
  display: flex;
  align-items: center;
  padding: 0 14px;
  gap: 7px;
  box-shadow: 0 3px 12px #0000000a;
}
.browser-bar i {
  width: 10px;
  height: 10px;
  background: #c4c3c6;
  border-radius: 50%;
}
.browser-bar span {
  margin: auto;
  font-size: 11px;
  color: #999;
}
.sample-compare {
  height: clamp(360px, 39vw, 545px);
  display: flex;
  position: relative;
  overflow: hidden;
  border: 1px solid #e3e3e6;
  border-top: 0;
  border-radius: 0 0 15px 15px;
  box-shadow: 0 12px 28px #00000020;
  --split: 40%;
}
.sample-before {
  position: absolute;
  inset: 0;
  width: 100%;
  overflow: hidden;
  background: #fff;
  z-index: 1;
  padding: 14px 16px;
  clip-path: inset(0 calc(100% - var(--split)) 0 0);
}
.tag {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 5;
  background: #fff;
  border-radius: 8px;
  padding: 5px 12px;
  box-shadow: 0 2px 8px #0002;
  font-size: 13px;
}
.sample-before .tag {
  right: auto;
  left: 14px;
}
.old-nav {
  padding: 38px 2px 15px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
}
.old-nav span {
  display: block;
  font-size: 8px;
  font-weight: 500;
  margin-top: 16px;
  white-space: nowrap;
}
.old-copy {
  padding: 21px 4px;
}
.old-copy h3 {
  font-size: clamp(19px, 2.2vw, 29px);
  line-height: 1.1;
  margin: 0 0 8px;
}
.old-copy p {
  font-size: 12px;
  line-height: 1.4;
}
.old-copy img {
  width: 100%;
  height: clamp(95px, 11vw, 145px);
  object-fit: cover;
}
.sample-after {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #a7c4e4;
}
.sample-after > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.93);
}
.sample-after:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #0006, transparent 80%);
}
.sample-after .tag {
  right: 14px;
}
.hero-copy {
  position: absolute;
  z-index: 2;
  top: 15%;
  left: 7%;
  color: white;
}
.hero-copy span {
  font-size: 9px;
  letter-spacing: 1px;
}
.hero-copy h2 {
  font-size: clamp(23px, 3vw, 43px);
  line-height: 1.05;
  letter-spacing: -1.4px;
}
.hero-copy button,
.concept-nav button,
.concept-hero button {
  background: white;
  border: 0;
  border-radius: 5px;
  padding: 10px 14px;
  font-weight: 700;
}
.sample-compare:before {
  content: "";
  position: absolute;
  z-index: 4;
  left: var(--split);
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--purple);
}
.range-input {
  position: absolute;
  z-index: 6;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: ew-resize;
  margin: 0;
}
.range-handle {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  width: 43px;
  height: 43px;
  background: #fff;
  color: var(--purple);
  border-radius: 50%;
  box-shadow: 0 4px 12px #0003;
  text-align: center;
  line-height: 42px;
  font-size: 24px;
  font-weight: 900;
  pointer-events: none;
}
.compare-hint {
  text-align: center;
  color: #555;
  margin: 10px;
}
.process {
  background: linear-gradient(115deg, #7028e6, #5120cc);
  color: white;
  padding: 42px 3.6% 54px;
  display: grid;
  grid-template-columns: 2.3fr 1fr 1fr 1fr;
  gap: 30px;
  align-items: start;
}
.process h2 {
  font-size: clamp(34px, 3.75vw, 54px);
  line-height: 1.02;
  letter-spacing: -2px;
  margin: 31px 0 0;
  font-weight: 900;
}
.process > div {
  padding-top: 14px;
}
.process > div > b {
  display: grid;
  place-items: center;
  border-radius: 50%;
  width: 43px;
  height: 43px;
  background: #fff;
  color: var(--purple);
  font-size: 22px;
}
.process h3 {
  font-size: 24px;
  line-height: 1.05;
  margin: 14px 0 9px;
}
.process p {
  font-size: 17px;
  line-height: 1.35;
  margin: 0;
}
.lower-info {
  max-width: 1200px;
  margin: 80px auto;
  padding: 0 32px;
}
.lower-info > h2,
.faq > h2 {
  font-size: 42px;
  letter-spacing: -1.4px;
  margin: 0 0 10px;
}
.lower-info > p {
  color: var(--muted);
  font-size: 18px;
}
.info-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 34px 0 70px;
}
.info-cards article,
.next-options article {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 26px;
}
.info-cards h3 {
  font-size: 23px;
  margin: 0 0 8px;
}
.info-cards p {
  color: var(--muted);
  line-height: 1.5;
  margin: 0;
}
.faq {
  max-width: 850px;
}
.faq details {
  border-bottom: 1px solid var(--line);
  padding: 18px 0;
}
.faq summary {
  font-size: 19px;
  font-weight: 700;
  cursor: pointer;
}
.faq p {
  line-height: 1.5;
  color: var(--muted);
}
.site-footer {
  border-top: 1px solid var(--line);
  padding: 26px 4%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 20px;
  align-items: center;
}
.site-footer .logo {
  font-size: 27px;
}
.site-footer > div {
  display: flex;
  gap: 24px;
}
.site-footer small {
  grid-column: 1/-1;
  color: #666;
}
.workspace {
  padding: 0 3.2%;
  min-height: 100vh;
}
.work-header {
  height: 72px;
  display: flex;
  gap: 24px;
  align-items: center;
}
.work-header .logo {
  font-size: 31px;
}
.domain-pill {
  background: #f2eafd;
  padding: 8px 18px;
  border-radius: 10px;
  font-weight: 700;
}
.work-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 25px;
}
.work-actions button,
.stage-footer button,
.next-aside button {
  border: 0;
  background: none;
  font-weight: 700;
  cursor: pointer;
}
.work-tabs {
  display: flex;
  border-bottom: 1px solid var(--line);
  gap: 34px;
}
.work-tabs button {
  background: none;
  border: 0;
  padding: 16px 8px 14px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  border-bottom: 4px solid transparent;
}
.work-tabs button.active {
  color: var(--purple);
  border-color: var(--purple);
}
.work-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 26px;
  padding: 30px 0;
}
.preview-main h1,
.report-main h1,
.next-layout h1 {
  font-size: clamp(37px, 4vw, 58px);
  letter-spacing: -2px;
  line-height: 1.02;
  margin: 8px 0;
}
.subhead {
  font-size: 20px;
  margin: 10px 0 28px;
}
.preview-tools {
  background: #f4effb;
  border-radius: 12px 12px 0 0;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.segmented {
  display: flex;
  border: 1px solid #d8d4df;
  border-radius: 10px;
  background: white;
  padding: 3px;
}
.segmented button {
  border: 0;
  background: transparent;
  padding: 10px 17px;
  border-radius: 7px;
  font-weight: 700;
  cursor: pointer;
}
.segmented button.selected {
  background: var(--purple);
  color: #fff;
}
.tool-spacer {
  flex: 1;
}
.version-select {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.version-select select,
.report-layout select {
  border: 1px solid #d7d4df;
  border-radius: 8px;
  padding: 9px;
  background: white;
}
.preview-stage {
  height: min(64vw, 620px);
  min-height: 400px;
  position: relative;
  overflow: hidden;
  border: 1px solid #dedde4;
  border-radius: 0 0 12px 12px;
  background: #fafafa;
  box-shadow: 0 4px 12px #00000015;
  --split: 50%;
}
.preview-stage > iframe,
.preview-stage > .no-before,
.preview-stage > .concept-page {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.preview-stage .no-before {
  width: 50%;
  background: #f6f6f7;
  padding: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.no-before span {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 5px 10px;
  margin-bottom: 25px;
}
.no-before strong {
  font-size: 24px;
}
.no-before p {
  color: #555;
  max-width: 340px;
}
.preview-stage > iframe {
  z-index: 2;
  clip-path: inset(0 0 0 var(--split));
}
.preview-stage > .concept-page {
  z-index: 2;
  width: 100%;
  clip-path: inset(0 0 0 var(--split));
  background: #fff;
}
.preview-stage.before > iframe,
.preview-stage.before > .concept-page {
  clip-path: inset(0 100% 0 0);
}
.preview-stage.after > .no-before,
.preview-stage.after > iframe:not(:last-of-type) {
  clip-path: inset(0 100% 0 0);
}
.preview-stage.before > .no-before {
  width: 100%;
}
.preview-stage.before > .concept-page,
.preview-stage.before > iframe {
  display: none;
}
.preview-stage.before > .no-before {
  width: 100%;
  clip-path: inset(0);
}
.preview-stage.before > .demo-before {
  clip-path: inset(0);
}
.preview-stage.after > .concept-page,
.preview-stage.after > iframe:last-of-type {
  clip-path: inset(0);
}
.preview-stage:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: var(--split);
  width: 3px;
  background: var(--purple);
  pointer-events: none;
}
.preview-stage.before:before,
.preview-stage.after:before {
  display: none;
}
.preview-stage .range-handle {
  left: var(--split);
}
.preview-stage.before .range-input,
.preview-stage.after .range-input {
  display: none;
}
.preview-stage.mobile {
  width: 390px;
  max-width: 100%;
  height: 740px;
  min-height: 620px;
  margin: 20px auto;
}
.concept-page {
  font-size: clamp(12px, 1vw, 16px);
}
.demo-before {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 50%;
  overflow: hidden;
  background: #fff;
  padding: 22px 25px;
  clip-path: inset(0 calc(100% - var(--split)) 0 0);
}
.demo-site-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0 18px;
  border-bottom: 1px solid #ddd;
  font-size: clamp(11px, 1vw, 15px);
}
.demo-before h2 {
  font-size: clamp(25px, 3vw, 40px);
  line-height: 1.1;
  color: #1e487c;
}
.demo-before p {
  font-size: clamp(12px, 1.2vw, 16px);
}
.demo-before img {
  width: 85%;
  height: 38%;
  object-fit: cover;
}
.demo-before h3 {
  color: #1e487c;
}
.concept-nav {
  height: 13%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: 1px solid #ddd;
  font-size: clamp(10px, 1vw, 15px);
}
.concept-nav strong {
  font-size: 1.3em;
}
.concept-nav button,
.concept-hero button {
  background: var(--purple);
  color: white;
}
.concept-hero {
  height: 66%;
  background-image: linear-gradient(90deg, #171d12bb, transparent), var(--hero);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  padding: 8%;
  color: white;
}
.concept-hero > div {
  max-width: 440px;
}
.concept-hero h2 {
  font-size: clamp(35px, 5vw, 65px);
  line-height: 0.98;
  letter-spacing: -1.8px;
  margin: 14px 0;
}
.concept-hero p {
  font-size: 1.2em;
  max-width: 360px;
}
.concept-services {
  height: 21%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: clamp(10px, 1vw, 15px);
}
.concept-services b {
  font-size: 1.3em;
}
.stage-footer {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  color: #555;
  font-size: 14px;
}
.conversion {
  border-left: 1px solid var(--line);
  padding: 14px 0 20px 25px;
}
.conversion h2 {
  font-size: 34px;
  line-height: 1.02;
  letter-spacing: -1.1px;
  margin: 0 0 12px;
}
.conversion > p {
  font-size: 17px;
  line-height: 1.35;
  margin: 0 0 20px;
}
.conversion .button {
  margin: 10px 0;
}
.revisions {
  text-align: center;
  font-size: 14px !important;
  margin: 2px 0 15px !important;
}
.side-link {
  display: block;
  background: none;
  border: 0;
  color: var(--purple);
  font-weight: 700;
  font-size: 17px;
  margin: 15px auto;
  cursor: pointer;
}
.conversion hr,
.report-card hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 25px 0;
}
.conversion h3 {
  font-size: 24px;
  margin: 0 0 16px;
}
.mini-step {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.mini-step > b {
  flex: none;
  background: #f1eafd;
  color: var(--purple);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
}
.mini-step p {
  line-height: 1.4;
  margin: 0 0 18px;
}
.report-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
  gap: 34px;
  padding: 30px 0 50px;
}
.report-meta {
  display: flex;
  gap: 20px;
  align-items: center;
}
.report-counts {
  display: flex;
  align-items: center;
  gap: 35px;
  font-size: 27px;
  margin: 28px 0;
}
.report-counts span {
  height: 40px;
  border-left: 1px solid var(--line);
}
.report-main h2 {
  margin: 30px 0 14px;
  font-size: 26px;
}
.priority,
.check-row {
  border: 1px solid #d7d5dc;
  border-radius: 11px;
  padding: 14px 18px;
  margin: 12px 0;
}
.priority[open] {
  background: #f5f0fc;
  border-color: #eee4ff;
}
.priority summary,
.check-row summary {
  font-weight: 700;
  font-size: 19px;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 14px;
}
.priority summary em {
  font-style: normal;
  color: var(--purple);
  background: #eee5fa;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 14px;
}
.priority p,
.check-row p {
  line-height: 1.5;
}
.priority a {
  color: var(--purple);
}
.green {
  color: var(--green);
}
.report-card {
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 24px;
  height: max-content;
}
.report-card h2,
.next-aside h2 {
  font-size: 29px;
  line-height: 1.05;
  margin: 0 0 20px;
}
.report-card li {
  margin: 12px 0;
  line-height: 1.4;
}
.report-card .smallprint {
  font-size: 14px;
  color: #555;
}
.next-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 36px;
  padding: 36px 0;
}
.next-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin: 30px 0;
}
.next-options h2 {
  font-size: 22px;
  line-height: 1.08;
}
.next-options p {
  color: #555;
  line-height: 1.5;
  min-height: 100px;
}
.next-aside {
  padding: 28px;
  background: #f5f1fb;
  border-radius: 16px;
  height: max-content;
}
.next-aside p {
  line-height: 1.5;
}
.progress-page {
  min-height: calc(100vh - 76px);
  display: grid;
  place-items: center;
  padding: 24px;
}
.progress-card {
  width: min(540px, 100%);
  text-align: center;
}
.progress-card h1 {
  font-size: 38px;
  margin: 10px 0;
}
.progress-card > p {
  color: #555;
}
.orb {
  width: 68px;
  height: 68px;
  border-radius: 22px;
  background: #f1eafd;
  color: var(--purple);
  display: grid;
  place-items: center;
  margin: auto;
  font-size: 32px;
}
.progress-track {
  height: 7px;
  background: #eee;
  border-radius: 10px;
  margin: 26px 0;
}
.progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--purple);
  transition: width 0.4s;
}
.progress-card ol {
  padding: 0;
  list-style: none;
  text-align: left;
}
.progress-card li {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 9px 10px;
  color: #777;
}
.progress-card li span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #ddd;
  display: grid;
  place-items: center;
}
.progress-card li.done {
  color: var(--ink);
  font-weight: 700;
}
.progress-card li.done span {
  background: var(--purple);
  color: #fff;
  border-color: var(--purple);
}
.notice {
  padding: 14px;
  border-radius: 9px;
  background: #f5f1fc;
}
.error {
  background: #fff0f1;
  color: #9d2233;
}
dialog {
  border: 0;
  border-radius: 18px;
  padding: 30px;
  width: min(530px, calc(100% - 28px));
  max-height: 90vh;
  overflow: auto;
  box-shadow: 0 15px 60px #0003;
}
dialog::backdrop {
  background: #17102066;
  backdrop-filter: blur(3px);
}
dialog h2 {
  font-size: 30px;
  margin: 0 35px 14px 0;
  letter-spacing: -0.8px;
}
dialog p {
  line-height: 1.5;
  color: #444;
}
.dialog-close {
  position: absolute;
  right: 17px;
  top: 14px;
  border: 0;
  background: none;
  font-size: 28px;
  cursor: pointer;
}
dialog label {
  display: block;
  font-weight: 700;
  margin: 14px 0;
}
dialog input,
dialog textarea,
dialog select {
  display: block;
  width: 100%;
  margin-top: 6px;
  border: 1px solid #c9c7ce;
  border-radius: 8px;
  padding: 11px;
}
dialog textarea {
  resize: vertical;
}
.success-mark {
  background: #e7f5eb;
  color: #17843b;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 28px;
  margin: 16px auto;
}
.next-confirm {
  padding: 16px;
  background: #f5f1fc;
  border-radius: 10px;
  margin: 20px 0;
}
.next-confirm h3 {
  margin: 0 0 6px;
}
.next-confirm p {
  margin: 0;
}
.slot-button {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 6px;
  cursor: pointer;
}
.slot-button.selected {
  border-color: var(--purple);
  background: #f1eafd;
  color: var(--purple);
}
fieldset {
  border: 0;
  padding: 8px 0;
}
legend {
  font-weight: 700;
}
.mode-toggle {
  position: fixed;
  bottom: 14px;
  right: 14px;
  background: #222;
  color: white;
  border: 0;
  border-radius: 20px;
  padding: 7px 13px;
  font-size: 12px;
  z-index: 8;
  opacity: 0.65;
}
#toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 20px;
  background: #222;
  color: #fff;
  border-radius: 8px;
  z-index: 20;
}
@media (max-width: 1100px) {
  .home-hero {
    grid-template-columns: minmax(280px, 0.8fr) minmax(420px, 1.2fr);
    padding-left: 3%;
    padding-right: 3%;
  }
  .hero-text h1 {
    font-size: clamp(44px, 5.6vw, 58px);
  }
  .process {
    grid-template-columns: 1.9fr 1fr 1fr 1fr;
    gap: 18px;
  }
  .process h2 {
    font-size: clamp(26px, 3.4vw, 36px);
  }
  .work-body {
    grid-template-columns: minmax(0, 1fr) 280px;
  }
  .report-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
  .preview-tools {
    gap: 8px;
  }
  .segmented button {
    padding: 9px 12px;
  }
}
@media (max-width: 780px) {
  .site-header {
    height: 65px;
    padding: 0 20px;
  }
  .logo {
    font-size: 29px;
  }
  .site-header nav {
    display: none;
  }
  .site-header nav.open {
    display: flex;
    position: absolute;
    z-index: 10;
    top: 62px;
    right: 12px;
    background: white;
    box-shadow: 0 8px 24px #0002;
    padding: 18px;
    border-radius: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .menu-toggle {
    display: block;
  }
  .home-hero {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 28px 20px 34px;
    gap: 28px;
  }
  .hero-text {
    max-width: 600px;
  }
  .hero-text h1 {
    font-size: clamp(48px, 11vw, 68px);
    letter-spacing: -2.6px;
    margin-bottom: 18px;
  }
  .hero-text > p:not(.no-commit) {
    font-size: 18px;
  }
  .url-form {
    max-width: 100%;
  }
  .url-form .button {
    font-size: 14px;
    padding: 0 11px;
  }
  .url-form input {
    font-size: 14px;
    padding: 0 12px;
  }
  .sample-compare {
    height: 370px;
  }
  .old-copy h3 {
    font-size: 19px;
  }
  .sample-after {
    left: 40%;
  }
  .process {
    grid-template-columns: 1fr 1fr;
    padding: 30px 22px;
    gap: 22px;
  }
  .process h2 {
    grid-column: 1/-1;
    font-size: 40px;
    margin: 0;
  }
  .process h3 {
    font-size: 20px;
  }
  .process p {
    font-size: 15px;
  }
  .lower-info {
    margin: 50px auto;
    padding: 0 20px;
  }
  .lower-info > h2,
  .faq > h2 {
    font-size: 32px;
  }
  .info-cards {
    grid-template-columns: 1fr;
    margin: 24px 0 50px;
    gap: 12px;
  }
  .site-footer {
    grid-template-columns: 1fr auto;
    padding: 24px 20px;
  }
  .site-footer > span {
    grid-column: 1/-1;
    grid-row: 2;
  }
  .site-footer > div {
    grid-column: 1/-1;
    grid-row: 3;
  }
  .site-footer small {
    grid-row: 4;
  }
  .workspace {
    padding: 0 16px;
  }
  .work-header {
    height: 64px;
    gap: 10px;
  }
  .work-header .logo {
    font-size: 25px;
  }
  .domain-pill {
    font-size: 12px;
    padding: 7px 9px;
    max-width: 44vw;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .work-actions {
    display: none;
  }
  .work-actions.open {
    display: flex;
    position: absolute;
    right: 12px;
    top: 62px;
    z-index: 10;
    flex-direction: column;
    align-items: stretch;
    background: white;
    padding: 14px;
    box-shadow: 0 8px 24px #0002;
    border-radius: 12px;
  }
  .work-tabs {
    gap: 12px;
    overflow: auto;
  }
  .work-tabs button {
    font-size: 15px;
    white-space: nowrap;
    padding: 13px 5px 11px;
  }
  .work-body,
  .report-layout,
  .next-layout {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
  }
  .preview-main h1,
  .report-main h1,
  .next-layout h1 {
    font-size: 38px;
  }
  .subhead {
    font-size: 17px;
  }
  .preview-tools {
    padding: 10px;
    gap: 9px;
  }
  .tool-spacer {
    display: none;
  }
  .preview-tools .segmented {
    flex: 1;
  }
  .segmented button {
    padding: 9px;
    font-size: 13px;
  }
  .version-select {
    font-size: 12px;
  }
  .version-select select {
    padding: 7px;
  }
  .preview-stage {
    height: 520px;
    min-height: 400px;
  }
  .preview-stage.mobile {
    height: 690px;
  }
  .conversion {
    border: 1px solid var(--line);
    padding: 22px;
    border-radius: 12px;
  }
  .conversion h2 {
    font-size: 31px;
  }
  .report-counts {
    font-size: 20px;
    gap: 16px;
  }
  .report-card {
    order: -1;
  }
  .next-options {
    grid-template-columns: 1fr;
  }
  .next-options p {
    min-height: 0;
  }
  .next-aside {
    order: -1;
  }
  .report-meta {
    flex-wrap: wrap;
  }
  .progress-card h1 {
    font-size: 31px;
  }
}
@media (max-width: 430px) {
  .sample-compare {
    height: 310px;
  }
  .sample-before {
    padding: 10px;
  }
  .old-nav {
    font-size: 11px;
  }
  .old-nav span {
    font-size: 6px;
  }
  .old-copy {
    padding: 15px 2px;
  }
  .old-copy h3 {
    font-size: 17px;
  }
  .old-copy p {
    font-size: 10px;
  }
  .hero-copy h2 {
    font-size: 21px;
  }
  .hero-copy span {
    font-size: 7px;
  }
  .tag {
    font-size: 11px;
  }
  .url-form .button {
    max-width: 164px;
    white-space: normal;
    line-height: 1.1;
  }
  .process {
    gap: 18px 12px;
  }
  .process h2 {
    font-size: 34px;
  }
  .process h3 {
    font-size: 18px;
  }
  .preview-tools {
    display: grid;
    grid-template-columns: 1fr auto;
  }
  .preview-tools .segmented:first-child {
    grid-column: 1/-1;
  }
  .devices {
    grid-column: 1;
  }
  .version-select {
    grid-column: 2;
  }
  .preview-stage {
    height: 430px;
  }
  .work-tabs {
    gap: 8px;
  }
  .work-tabs button {
    font-size: 14px;
  }
  .report-counts {
    font-size: 17px;
  }
  .report-counts span {
    height: 30px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* Fidelity and responsive refinements. The reveal never reflows its contents. */
:root{--purple:#7137e8}
.menu-toggle{display:none}
.sample-before .old-nav,.sample-before .old-copy{width:35%;min-width:0}
.sample-after{clip-path:inset(0 0 0 var(--split))}
.hero-copy{left:44%;right:5%;top:17%;text-shadow:0 2px 20px #0005}
.hero-copy span{font-size:13px;letter-spacing:0;font-weight:700}
.hero-copy h2{font-size:clamp(22px,2.65vw,40px)}
.workspace-disclosure:empty{display:none}
.demo-note{font-size:12px;color:#68636e;text-align:center;padding:18px 30px;margin:0}
.preview-stage{height:520px;min-height:350px;container-type:inline-size}
.preview-stage>.demo-before{width:100%;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.demo-before>*{max-width:43%}
.demo-before img{width:43%;height:30%;object-fit:contain;object-position:left}
.demo-before h2{font-size:3.2cqw;max-width:40%}
.demo-before p{font-size:1.5cqw}
.demo-site-nav span{display:none}
.concept-hero{position:relative;height:68%;padding:5%;color:#18141d;background:#f6f4f0;background-image:none;overflow:hidden}
.concept-hero:before{content:'';position:absolute;inset:0 0 0 42%;background-image:var(--hero);background-size:contain;background-repeat:no-repeat;background-position:center;}
.concept-hero>div{position:relative;max-width:43%;z-index:1}
.concept-hero h2{font-size:4.2cqw;letter-spacing:-.035em}
.concept-hero p{font-size:1.55cqw;line-height:1.5}
.concept-nav{padding:0 3%;justify-content:space-between}
.concept-nav strong{max-width:25%;line-height:1.05}
.concept-services{height:19%;font-size:1.3cqw;padding:0 3%;gap:12px}
.preview-stage.mobile .concept-hero{height:69%;align-items:flex-start;padding:7%}
.preview-stage.mobile .concept-hero:before{inset:48% 0 0;background-position:center}
.preview-stage.mobile .concept-hero>div{max-width:100%}
.preview-stage.mobile .concept-hero h2{font-size:8cqw;margin:0 0 12px}
.preview-stage.mobile .concept-hero p{font-size:3.7cqw;margin:0 0 12px}
.preview-stage.mobile .concept-nav span{display:none}
.preview-stage.mobile .concept-nav strong{max-width:45%;font-size:4cqw}
.preview-stage.mobile .concept-nav{height:11%}
.preview-stage.mobile .concept-services{height:20%;flex-wrap:wrap;font-size:3.3cqw}
.preview-stage.mobile .demo-before h2{font-size:5cqw}
.preview-stage.mobile .demo-before p{font-size:3cqw}
.preview-stage:fullscreen{width:100vw!important;height:100vh!important;max-width:none;background:white}
.preview-stage.before .range-handle,.preview-stage.after .range-handle{display:none}
.preview-stage.before>.concept-page,.preview-stage.before>iframe{clip-path:inset(0 100% 0 0)}
.preview-stage.after>.demo-before{visibility:hidden}
.security-dialog{border:1px solid #dedbe5;border-radius:20px;padding:30px;max-width:calc(100vw - 30px)}
.security-dialog::backdrop{background:#15101d66;backdrop-filter:blur(5px)}
.security-dialog h2{font-size:25px;letter-spacing:-1px}
.security-dialog button{margin-top:20px}
@media(max-width:800px){.menu-toggle{display:block;border:0;background:none;font-size:22px}.preview-stage{height:440px}.hero-copy{left:44%;top:22%}.hero-copy h2{font-size:22px}.hero-copy span{font-size:10px}.sample-after{left:0}.concept-services b{font-size:1em}.work-body{gap:24px}}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.optional{font-size:12px;color:#736b7f;font-weight:400}.form-footnote{font-size:13px;color:#69616f;text-align:center;line-height:1.5}
#modal.revision-drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:510px;max-width:100vw;border-radius:0;padding:48px 36px;border:0;border-left:1px solid #e4dfeb}
#modal.revision-drawer h2{font-size:38px;line-height:1.06;letter-spacing:-1.5px;max-width:350px}
#modal .demo-note{padding:10px 0}
@media(max-width:600px){.form-pair{grid-template-columns:1fr}#modal.revision-drawer{padding:48px 24px}}
/* Launch Automation ad landing page pricing, approved by Corey. */
.logo{font-size:26px;letter-spacing:-1.2px;white-space:nowrap}.logo span{color:#16111d;margin-left:4px}
.price-note{margin:24px 0 0;padding-top:20px;border-top:1px solid #e6e1ee}.price-note p{margin:0;font-size:16px;line-height:1.5}.price-note strong{font-weight:900;white-space:nowrap}.price-note .price-detail{font-size:14px;color:#655e6e;margin:3px 0 12px}.price-note .pricing-link{font-size:14px;padding:10px 15px;display:inline-flex;gap:12px;text-decoration:none;min-height:42px}.conversion .price-note{margin:18px 0 24px}.next-options .price-note{margin:16px 0 22px}.text-pricing{color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:4px}#modal>.pricing-link{display:inline-flex;margin:0 0 20px;text-decoration:none}
@media(max-width:800px){.logo{font-size:22px}.work-header{flex-wrap:wrap}.work-header .domain-pill{font-size:10px;max-width:170px}.hero-text .price-note{margin-top:20px}.price-note p{font-size:15px}}
@media(max-width:420px){.work-header .logo{font-size:18px}.work-header .domain-pill{max-width:148px;font-size:9px}}
.pricing-section{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;padding:52px;margin:64px -24px;background:#f5f1fc;border-radius:18px;align-items:start}.pricing-section h2{font-size:48px;line-height:1.04;letter-spacing:-2px;margin:0 0 28px}.pricing-section .starting-price{font-size:18px;line-height:1.6;margin:0 0 24px}.starting-price strong{font-size:56px;letter-spacing:-2px;line-height:1.3}.starting-price strong span{font-size:22px;letter-spacing:-.5px}.pricing-section .button{display:inline-flex;text-decoration:none;gap:18px}.pricing-explanation h3{font-size:27px;letter-spacing:-.8px;margin:0 0 16px}.pricing-explanation p{font-size:16px;line-height:1.7;color:#554d61;margin:0 0 18px}.pricing-explanation .value-promise{font-weight:900;font-size:23px;line-height:1.35;color:#21122e;letter-spacing:-.5px;padding-top:20px;border-top:1px solid #ddd3ef}.pricing-explanation .price-detail{font-size:14px;margin-bottom:0}
@media(max-width:800px){.pricing-section{grid-template-columns:1fr;gap:32px;padding:28px;margin:40px 0}.pricing-section h2{font-size:38px}.starting-price strong{font-size:48px}.pricing-explanation h3{font-size:24px}}
.logo{display:inline-flex;align-items:center;flex-shrink:0}.logo img{display:block;width:180px;height:90px;object-fit:contain}.site-header{padding-top:6px;padding-bottom:6px}.work-header .logo img{width:156px;height:78px}.site-footer .logo img{width:140px;height:70px}@media(max-width:800px){.logo img{width:144px;height:72px}.work-header .logo img{width:126px;height:63px}.site-header{padding-top:4px;padding-bottom:4px}}
.site-header{gap:28px}.site-header nav{margin-left:auto}.all-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;min-height:44px;background:#f5f1fc;border:1px solid #e1d7f1;border-radius:10px;color:#231832;font-weight:700;cursor:pointer;flex-shrink:0}.all-menu-button:hover{background:#eae0fb}#modal.all-navigation{width:1040px;max-width:calc(100vw - 32px);padding:42px}.all-menu-primary{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 30px;padding-bottom:24px;border-bottom:1px solid #e6dfed}.all-menu-primary a{color:#7137e8;text-decoration:none;padding:9px 13px;background:#f5f1fc;border-radius:8px;font-weight:700}.all-menu-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.all-menu-columns h2,.all-menu-columns h4{font-size:20px;margin:0 0 15px;letter-spacing:-.5px}.all-menu-columns a{display:flex;align-items:center;gap:10px;font-size:15px;color:#4b4057;text-decoration:none;padding:9px 0}.all-menu-columns a:hover{text-decoration:underline;color:#7137e8}.all-menu-columns i{width:18px;color:#7137e8}.all-menu-columns a:focus-visible{outline:2px solid #7137e8;outline-offset:4px}@media(max-width:800px){.site-header{flex-direction:row!important;align-items:center!important;justify-content:space-between}.site-header nav{display:none!important}.all-menu-columns{grid-template-columns:1fr}.all-menu-primary{gap:6px}#modal.all-navigation{padding:34px 24px}.all-menu-button{margin-left:auto}}
.workspace-menu-actions{display:flex;gap:12px;margin:18px 0}.work-header .all-menu-button{margin-left:12px}@media(max-width:800px){.work-header .all-menu-button{margin-left:auto}.work-header .work-actions{display:none!important}.work-header{gap:8px}.work-header .domain-pill{max-width:132px}.work-header .all-menu-button{padding:8px;gap:5px}.work-header .all-menu-button svg{width:18px}}
/* Launch integration: a design version shown as a mockup image. */
.preview-stage>.mock-shot{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:auto;background:#fff}
.preview-stage>.mock-shot img{display:block;width:100%;height:auto}
.preview-stage>.shot-before{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:hidden;background:#fff}
.preview-stage>.shot-before img{display:block;width:100%;height:auto}
.preview-stage.compare>.mock-shot{overflow:hidden;clip-path:inset(0 0 0 var(--split))}
.preview-stage.before>.mock-shot{display:none}
.preview-stage.before>.shot-before{overflow:auto}
.preview-stage.after>.shot-before{display:none}
/* Launch integration: the opt-in box of "Email me this report". */
#modal label.consent{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:13px;line-height:1.45;color:#554d61;font-weight:400;margin:14px 0 4px}
#modal label.consent input{width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:var(--purple)}
/* Launch integration: Before and After labels on the real pictures, and the Order now button. */
.preview-stage>.stage-tag{position:absolute;top:12px;z-index:4;background:#fff;color:#16111d;font-weight:700;font-size:13px;padding:6px 12px;border-radius:8px;box-shadow:0 2px 8px #0000002e;pointer-events:none}
.preview-stage>.stage-tag.before-tag{left:12px}
.preview-stage>.stage-tag.after-tag{right:12px;background:var(--purple);color:#fff}
.preview-stage.before>.stage-tag.after-tag,.preview-stage.after>.stage-tag.before-tag{display:none}
.conversion .offer{margin:4px 0 14px}
.conversion .offer-price{font-size:17px;margin:0 0 10px}.conversion .offer-price strong{font-weight:900;font-size:22px}
.conversion .offer-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px;font-size:15px}
.conversion .offer-list li{padding-left:24px;position:relative}.conversion .offer-list li:before{content:"✓";position:absolute;left:0;color:var(--purple);font-weight:900}
.conversion a.order-now{text-decoration:none;display:flex;justify-content:center;text-align:center}
.conversion .offer .button{margin-bottom:10px}
.conversion .offer-more{font-size:14px;line-height:1.5;color:#554d61;margin:6px 0 12px}
/* Launch integration: the phone mockup. */
.preview-stage.mobile>.mock-shot.mobile-wait{display:grid;place-items:center;padding:24px;text-align:center;color:#554d61;font-size:15px}
.preview-stage.mobile>.stage-tag,.preview-stage.mobile>.shot-before{display:none}
body.no-mobile-view .segmented.devices{display:none}
/* Launch integration: the gamified progress page. */
.lp{max-width:1180px;margin:0 auto;padding:28px 24px 64px;text-align:center}
.lp-head{font-weight:900;font-size:clamp(30px,4.4vw,56px);line-height:1.04;letter-spacing:-2px;margin:10px 0 12px}
.lp-sub{font-size:clamp(16px,1.5vw,20px);color:#554d61;margin:0 0 30px}
.lp-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:stretch;text-align:left}
.lp-shot{border:1px solid #dedde4;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 50px #7137e826,0 2px 8px #00000014;display:flex;flex-direction:column}
.lp-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f5f1fc;border-bottom:1px solid #e6e1ee;font-size:13px;color:#554d61}
.lp-bar i{width:9px;height:9px;border-radius:50%;background:#cfc6e3}.lp-bar span{margin-left:8px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-bar b{background:#16111d;color:#fff;font-size:11px;padding:4px 9px;border-radius:6px}
.lp-shot-body{position:relative;aspect-ratio:3/2;overflow:hidden;background:#faf9fc}
.lp-shot-body img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.lp-scan{position:absolute;left:0;right:0;height:26%;top:-26%;background:linear-gradient(180deg,#7137e800,#7137e84d 70%,#a987ff);border-bottom:2px solid #a987ff;animation:lp-scan 2.6s linear infinite}
@keyframes lp-scan{to{top:100%}}
.lp-shot-wait{position:absolute;inset:0;display:grid;place-content:center;gap:14px;justify-items:center;color:#655e6e;font-size:15px}
.lp-pulse{width:46px;height:46px;border-radius:50%;border:4px solid #e6defa;border-top-color:var(--purple);animation:lp-spin .9s linear infinite}
@keyframes lp-spin{to{transform:rotate(360deg)}}
.lp-soon{margin:0;padding:12px 16px;font-weight:700;font-size:15px;background:linear-gradient(115deg,#7028e6,#5120cc);color:#fff;text-align:center}
.lp-work{display:flex;flex-direction:column;gap:16px;min-width:0}
.lp-meter-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.lp-meter-top strong{font-size:18px;font-weight:900}.lp-meter-top span{font-weight:900;font-size:22px;color:var(--purple)}
.lp-track{height:16px;border-radius:99px;background:#ece7f7;overflow:hidden}
.lp-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5120cc,#7137e8,#a987ff,#7137e8);background-size:200% 100%;animation:lp-shine 1.6s linear infinite;transition:width .7s cubic-bezier(.2,.8,.2,1)}
@keyframes lp-shine{to{background-position:-200% 0}}
.lp-levels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.lp-levels li{display:grid;justify-items:center;gap:6px;font-size:12px;line-height:1.25;text-align:center;color:#8a8496}
.lp-levels li span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid #dcd5ec;font-weight:900;font-size:14px;background:#fff;color:#8a8496}
.lp-levels li.done{color:#16111d}.lp-levels li.done span{background:var(--purple);border-color:var(--purple);color:#fff;animation:lp-pop .45s ease}
.lp-levels li.now{color:#16111d;font-weight:700}.lp-levels li.now span{border-color:var(--purple);color:var(--purple);box-shadow:0 0 0 5px #7137e826;animation:lp-beat 1.1s ease-in-out infinite}
@keyframes lp-pop{0%{transform:scale(.4)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes lp-beat{50%{box-shadow:0 0 0 9px #7137e814}}
.lp-terminal{flex:1;min-height:210px;border-radius:12px;background:#120d1c;color:#d9d2ea;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 30px #16111d33}
.lp-terminal-top{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#1d1630;font:12px ui-monospace,Menlo,Consolas,monospace;color:#9d93b8}
.lp-terminal-top i{width:9px;height:9px;border-radius:50%;background:#4a3d6b}.lp-terminal-top span{margin-left:8px}
.lp-terminal-body{flex:1;max-height:240px;overflow:hidden auto;padding:12px 14px;font:13px/1.65 ui-monospace,Menlo,Consolas,monospace;scrollbar-width:none}
.lp-line{white-space:pre-wrap;animation:lp-in .25s ease}.lp-line.cmd{color:#fff;font-weight:700}.lp-line.ok{color:#7ef0a8}.lp-line.bad{color:#ff8a8a}.lp-line.dim{color:#6f6590}
.lp-line:last-child:after{content:"▋";margin-left:4px;color:#a987ff;animation:lp-blink 1s steps(2) infinite}
@keyframes lp-in{from{opacity:0;transform:translateY(4px)}}@keyframes lp-blink{50%{opacity:0}}
.lp-error{display:grid;gap:12px;justify-items:center;max-width:520px;margin:0 auto}
.lp-fireworks{position:fixed;inset:0;width:100%;height:100%;z-index:60;pointer-events:none}
@media(max-width:860px){.lp{padding:18px 16px 48px}.lp-grid{grid-template-columns:1fr;gap:20px}.lp-levels li{font-size:10.5px}.lp-levels li span{width:30px;height:30px}.lp-terminal-body{max-height:180px}.lp-head br{display:none}}
/* Launch integration: the site name sits in the preview toolbar, not in the header (Corey, 2026-11-15). */
.work-header>.domain-pill{display:none}
.preview-tools .tool-spacer{display:flex;justify-content:center;align-items:center;min-width:0;flex:1}
.preview-tools .stage-domain{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
/* Launch integration (Corey, 2026-11-15): show the whole picture, no inner scroll, no empty space, no Expand button. */
.preview-stage.desktop:has(>.mock-shot){height:auto;min-height:0;aspect-ratio:3/2}
.preview-stage.desktop>.mock-shot,.preview-stage.before>.shot-before{overflow:hidden}
.preview-stage.mobile:has(>.mock-shot){height:auto;min-height:0;max-height:none;aspect-ratio:2/3}
.preview-stage.mobile>.mock-shot{overflow:hidden}
.preview-stage>.mock-shot img,.preview-stage>.shot-before img{height:100%;object-fit:cover;object-position:top}
.stage-footer button[data-action=fullscreen]{display:none}
.preview-tools{flex-wrap:wrap;row-gap:10px}.preview-tools .tool-spacer{min-width:120px}
/* Launch integration: the version menu (Corey, 2026-11-15: "this dropdown looks really bad"). Hidden while there is one version only. */
.version-select:has(option:only-child){display:none}
.version-select{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:#554d61}
.version-select select{appearance:none;-webkit-appearance:none;font:inherit;font-weight:700;color:#16111d;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237137e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid #dcd5ec;border-radius:10px;padding:11px 40px 11px 16px;min-height:44px;cursor:pointer;box-shadow:0 1px 2px #16111d0f}
.version-select select:hover{border-color:var(--purple)}
.version-select select:focus-visible{outline:3px solid #7137e84d;outline-offset:2px;border-color:var(--purple)}
.preview-stage.mobile>.mock-shot.mobile-wait{align-content:center;justify-items:center;gap:16px}
.conversion .order-note{font-size:13px;color:#655e6e;margin:-4px 0 12px;text-align:center}

/* SEO workspace: score, evidence and included foundations. */
.seo-dashboard{max-width:1480px;margin:auto;padding:32px 0 80px}.seo-dashboard h1{margin-bottom:12px}.seo-demo-note{font-size:13px;color:#716a80;margin:12px 0 24px}.seo-overview{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:24px;margin:30px 0 48px;align-items:stretch}.seo-score-card{display:flex;align-items:center;border:1px solid #e3dfeb;border-radius:22px;padding:30px;gap:26px;background:linear-gradient(145deg,#fff,#faf8ff)}.seo-gauge{position:relative;flex:0 0 255px;align-self:center}.seo-gauge svg{width:100%;display:block}.seo-gauge>strong{position:absolute;bottom:25px;left:0;right:0;text-align:center;font-size:23px}.gauge-value{font:700 66px Satoshi,sans-serif;fill:#16121e;letter-spacing:-3px}.gauge-total{font:500 15px Satoshi,sans-serif;fill:#777180}.seo-score-copy{flex:1;min-width:0}.seo-score-copy h2{font-size:29px;letter-spacing:-1px;margin:0 0 12px}.seo-score-copy>p{color:#696273;line-height:1.6}.seo-stats{display:flex;gap:26px;margin:28px 0}.seo-stats div{display:flex;flex-direction:column;gap:5px}.seo-stats strong{font-size:31px;line-height:1}.seo-stats span{font-size:13px;color:#756e80}.seo-stats div:first-child strong{color:#288365}.seo-stats div:nth-child(2) strong{color:#a36c15}.seo-scale{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:11px;color:#665e72}.seo-scale span{display:flex;align-items:center;gap:5px}.seo-scale i{width:7px;height:7px;border-radius:50%}.seo-method{font-size:12px;margin-top:22px;color:#756d81}.seo-method summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.seo-method p{line-height:1.6}.seo-action-card{border-radius:22px;padding:30px;background:#f3edff;border:1px solid #e5d8ff}.seo-action-card h2{font-size:29px;letter-spacing:-.8px;margin:0 0 14px}.seo-action-card p{font-size:15px;line-height:1.6;color:#584b70}.seo-action-card ul{padding-left:20px;font-size:14px;line-height:1.9;margin:20px 0}.seo-action-card li::marker{color:#7737ec}.seo-action-card a{display:block;text-align:center;font-size:12px;margin:16px 0;color:#632ac8}.seo-action-card small{display:block;font-size:11px;line-height:1.5;color:#726382}.seo-action-card button{font-size:14px}.seo-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.seo-section-heading h2{font-size:30px;margin:0 0 8px;letter-spacing:-1px}.seo-section-heading p{color:#756d80;font-size:14px;margin:0}.seo-section-heading button{white-space:nowrap}.seo-check-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.seo-group{border:1px solid #e4dfeb;border-radius:18px;padding:8px 22px;background:#fff}.seo-group:first-child{grid-row:span 2}.seo-group h3{font-size:19px;padding:12px 0;margin:0}.seo-finding{border-top:1px solid #eeeaf2}.seo-finding summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:20px 0;list-style:none;font-size:15px;font-weight:700}.seo-finding summary::-webkit-details-marker{display:none}.seo-status-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;flex-shrink:0}.seo-status-icon.pass{background:#e8f5ef;color:#288365}.seo-status-icon.review,.seo-status-icon.attention{background:#fff2d8;color:#9b6714}.seo-status-icon.unknown{background:#f0edf5;color:#82788f}.seo-status{margin-left:auto;font-size:11px;font-weight:500;white-space:nowrap}.seo-status.pass{color:#288365}.seo-status.review,.seo-status.attention{color:#986511}.seo-status.unknown{color:#847a90}.seo-expand{color:#998ba9;font-weight:400;font-size:20px}.seo-finding[open] .seo-expand{transform:rotate(45deg)}.seo-finding-body{padding:0 0 20px 37px;font-size:14px;color:#665e72;line-height:1.6}.seo-finding-body h4{font-size:12px;color:#21192d;margin:14px 0 5px}.seo-finding-body p{margin:0}.seo-included{background:#f5f0ff;padding:14px 16px;border-radius:10px;margin-top:18px}.seo-included h4{color:#7031d2;margin-top:0}.seo-bottom-note{border-top:1px solid #e4dfeb;margin-top:35px;padding-top:26px;max-width:850px}.seo-bottom-note h3{font-size:22px;margin:0 0 8px}.seo-bottom-note p{font-size:15px;line-height:1.7;color:#72697e}
@media(max-width:1150px){.seo-score-card{flex-direction:column;align-items:stretch}.seo-gauge{width:235px;flex-basis:auto}.seo-score-copy h2{text-align:center}.seo-score-copy>p{text-align:center}.seo-stats,.seo-scale{justify-content:center}}
@media(max-width:760px){.seo-dashboard{padding-top:20px}.seo-overview,.seo-check-groups{grid-template-columns:1fr}.seo-score-card{padding:24px}.seo-score-copy h2{font-size:26px}.seo-section-heading{align-items:flex-start;flex-direction:column}.seo-section-heading h2{font-size:26px}.seo-finding summary{font-size:14px;gap:8px}.seo-group{padding:8px 15px}.seo-status{font-size:10px}.seo-action-card{padding:25px}.seo-finding-body{padding-left:0}.seo-gauge>strong{bottom:20px}}
.seo-dashboard h1{font-size:clamp(36px,4vw,58px);letter-spacing:-2px;line-height:1.08}.seo-action-card button,.seo-section-heading button{border-radius:11px;padding:15px 20px;font-family:inherit;font-weight:700;cursor:pointer;border:1px solid #7939ef}.seo-action-card button{color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.seo-section-heading button{background:white;color:#7132df;font-size:14px}.seo-action-card button:focus-visible,.seo-section-heading button:focus-visible,.seo-finding summary:focus-visible{outline:3px solid #a77cef;outline-offset:4px}
/* Hawthorne uses the same finished page in the comparison and full preview. */
.sample-after.hawthorne-after{background:white}.sample-after.hawthorne-after:after{display:none}.hawthorne-after iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}.compare-hint{display:flex;align-items:center;justify-content:space-between;gap:14px}.compare-hint a{color:#6724d9;text-decoration:none;font-size:12px;font-weight:700}.compare-hint a:hover{text-decoration:underline}.sample-compare{height:clamp(400px,43vw,610px)}
@media(max-width:520px){.compare-hint{font-size:11px}.compare-hint a{font-size:11px}}
.sample-before.hawthorne-before{padding:0;background:#f4f3f7}.hawthorne-before iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}.hawthorne-before .tag{position:absolute;top:14px;left:14px;z-index:2}.hawthorne-after .tag{position:absolute;top:14px;right:14px;z-index:2}
.report-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;background:#f5f1fc;border:1px solid #e3dcf5;border-radius:16px;padding:18px 22px;margin:24px 0 0}.report-cta p{margin:0;font-size:16px;line-height:1.45}
/* Launch integration: the result in a laptop and a phone, drawn with CSS. Geometry follows ChatGPT's hawthorne-devices.css. */
.dv-stage{position:relative;width:100%;aspect-ratio:1.72;margin:6px 0 0;background:radial-gradient(ellipse at 50% 72%,#e4e0ec,transparent 64%);isolation:isolate;border-radius:0 0 12px 12px}
.dv-stage:after{content:"";position:absolute;left:6%;right:4%;bottom:7%;height:7%;border-radius:50%;background:#37313c2e;filter:blur(18px);z-index:-1}
.dv-laptop{position:absolute;width:76%;left:1.5%;bottom:11%}
.dv-lid{width:90%;margin:auto;background:linear-gradient(135deg,#656468,#1b1b20 4%,#08080b 96%,#737379);border:1px solid #77777d;border-radius:16px 16px 4px 4px;padding:2.2% 1.3% 1.6%;box-shadow:inset 0 0 0 2px #343439,0 10px 24px #18131f22;position:relative}
.dv-cam{position:absolute;top:1%;left:50%;width:4px;height:4px;background:#202b3c;box-shadow:0 0 0 1px #08080a;border-radius:50%}
.dv-screen{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#fff;border:1px solid #09090b;--split:50%}
.dv-screen img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.dv-screen .dv-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.dv-before-mode,.dv-stage.dv-before .dv-screen .dv-before{clip-path:none}
.dv-stage.dv-after .dv-screen .dv-before,.dv-stage.dv-after .dv-divider,.dv-stage.dv-after .dv-range,.dv-stage.dv-after .dv-tag-before{display:none}
.dv-stage.dv-before .dv-divider,.dv-stage.dv-before .dv-range,.dv-stage.dv-before .dv-tag-after{display:none}
.dv-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5;margin:0;cursor:ew-resize}
.dv-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--purple);z-index:3;pointer-events:none}
.dv-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--purple);font-weight:900;font-size:18px;box-shadow:0 3px 14px #00000038;white-space:nowrap}
.dv-screen:focus-within{outline:3px solid #7137e8;outline-offset:-3px}
.dv-tag{position:absolute;top:3%;z-index:4;background:#fff;color:#16111d;font-weight:700;font-size:12px;padding:5px 10px;border-radius:7px;box-shadow:0 2px 8px #0000002e;pointer-events:none}
.dv-tag-before{left:2.5%}.dv-tag-after{right:2.5%;background:var(--purple);color:#fff}
.dv-base{height:12px;background:linear-gradient(#d4d4d8,#99999f 70%,#737379);border:1px solid #a9a9ae;border-radius:1px 1px 50% 50%/1px 1px 90% 90%;position:relative;box-shadow:0 4px 4px #2e293b25}
.dv-base>span{position:absolute;top:-1px;left:42%;width:16%;height:5px;background:linear-gradient(#828289,#b9b9be);border-radius:0 0 6px 6px}
.dv-foot{height:3px;width:80%;background:#6b6a70;margin:auto;border-radius:0 0 50% 50%}
.dv-phone{position:absolute;right:1.5%;bottom:9%;width:19.5%;aspect-ratio:.49;border-radius:15%/7.2%;background:linear-gradient(110deg,#b6b4b0,#656461 15%,#c5c1bb 48%,#777671 85%,#c4c1bb);padding:1.2%;box-shadow:8px 12px 24px #241e3135,inset 0 0 0 1px #d1cfcc}
.dv-glass{position:relative;width:100%;height:100%;border-radius:13.5%/6.6%;overflow:hidden;background:#0b0b0e;border:3px solid #0b0b0e}
.dv-island{position:absolute;top:1.6%;left:50%;transform:translateX(-50%);width:32%;height:3.4%;border-radius:99px;background:#060608;z-index:3}
.dv-phone-screen{position:absolute;inset:0;background:#fff;overflow:hidden}
.dv-phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.dv-home{position:absolute;bottom:1.3%;left:50%;transform:translateX(-50%);width:36%;height:.7%;min-height:2px;border-radius:99px;background:#16111d;z-index:3}
.dv-wait{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:10px;padding:8%;text-align:center;color:#655e6e;font-size:clamp(9px,1vw,13px);line-height:1.3}
.dv-wait .lp-pulse{width:26px;height:26px;border-width:3px}
.stage-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:780px){.dv-stage{aspect-ratio:1.5}.dv-lid{border-radius:8px 8px 2px 2px}.dv-base{height:7px}.dv-divider span{width:30px;height:30px;font-size:13px}.dv-tag{font-size:9px;padding:3px 6px}.dv-glass{border-width:2px}}
body.no-save-email [data-action=save]{display:none}
/* Purchase-first next steps. */
.launch-next{padding:30px 0 65px}.next-heading{margin-bottom:30px}.next-heading h1{font-size:clamp(38px,4.3vw,62px);letter-spacing:-2.7px;margin:0 0 10px;line-height:1.05}.next-heading>p{font-size:19px;color:#72697d;margin:0}.next-decision{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);gap:36px;align-items:start}.next-showcase{border-radius:22px;overflow:hidden;border:1px solid #e9e1f3;background:#f6f2fc}.next-device-scene{aspect-ratio:1.65;position:relative;background:radial-gradient(ellipse at 50% 70%,#d8c9ec80,transparent 65%);isolation:isolate}.next-device-scene:after{content:'';position:absolute;left:8%;right:6%;height:8%;bottom:12%;background:#33264233;border-radius:50%;filter:blur(15px);z-index:-1}.next-laptop{position:absolute;left:5%;width:73%;bottom:16%;background:#17151c;padding:12px 7px 9px;border-radius:12px 12px 3px 3px;box-shadow:inset 0 0 0 2px #6d6873,0 8px 20px #32263b20}.next-desktop-screen{width:100%;aspect-ratio:1.6;overflow:hidden;background:#fff}.next-desktop-screen iframe{width:1100px;height:688px;border:0;transform:scale(var(--screen-scale));transform-origin:top left;pointer-events:none;display:block}.next-laptop-base{position:absolute;left:-5%;right:-5%;bottom:-7px;height:9px;background:linear-gradient(#dedbe3,#93909a);border-radius:0 0 50% 50%}.next-phone{position:absolute;width:20%;right:4%;bottom:13%;padding:6px 4px;background:#15131a;border:2px solid #97919d;border-radius:25px;box-shadow:4px 8px 14px #30223930;overflow:hidden}.next-phone>i{position:absolute;top:8px;left:34%;width:32%;height:9px;background:#15131a;border-radius:8px;z-index:2}.next-phone-screen{width:100%;aspect-ratio:390/820;overflow:hidden;background:white;border-radius:18px}.next-phone-screen iframe{width:390px;height:820px;border:0;transform:scale(var(--screen-scale));transform-origin:top left;pointer-events:none;display:block}.next-preview-caption{padding:0 25px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px}.next-preview-caption>span{font-size:14px;font-weight:700;overflow-wrap:anywhere}.next-preview-caption small{display:block;font-size:11px;color:#85758e;font-weight:400;margin-top:6px}.next-preview-caption button{border:0;background:transparent;color:#7435da;font-size:12px;font-weight:700;cursor:pointer}.next-included{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #e3d8ee;background:#fff;padding:20px 25px;font-size:11px;color:#685873}.next-order{padding:3px 3px 0}.next-order h2{font-size:33px;line-height:1.12;letter-spacing:-1px;margin:0 0 16px}.next-order>p{font-size:14px;line-height:1.65;color:#716779;max-width:400px}.next-price{display:flex;align-items:center;gap:8px;margin:24px 0 20px}.next-price strong{font-size:60px;letter-spacing:-3px;line-height:1;font-weight:900}.next-price>span{font-size:21px;font-weight:700}.next-price small{display:block;font-size:11px;font-weight:400;color:#817487;margin-top:5px}.next-order-cta{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:17px!important;padding:18px 22px!important;border-radius:12px!important;box-shadow:0 8px 20px #7522e72b}.next-order .next-order-note{font-size:11px;color:#8a7c92;margin:12px 0 23px;line-height:1.6}.next-quote-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:22px;border-top:1px solid #e6dfeb}.next-quote-options h3{grid-column:1/-1;font-size:15px;margin:0 0 4px}.next-quote-options .button{font-size:12px;padding:12px 9px;white-space:nowrap;justify-content:center;border-color:#d7c7e8;color:#6c32c8}.next-quote-options p{grid-column:1/-1;font-size:11px;color:#8a7c92;line-height:1.6;margin:0}.next-support{display:flex;gap:34px;align-items:center;margin-top:40px;padding:26px 0;border-top:1px solid #e6dfeb}.next-support>div{margin-right:auto}.next-support h3{font-size:18px;margin:0 0 6px}.next-support p{font-size:13px;color:#84778d;margin:0}.next-support button{border:0;background:none;color:#6d2dcd;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:10px 0}.next-support button span{display:block;font-size:10px;color:#8a7e94;font-weight:400;margin-top:5px}.launch-next button:focus-visible{outline:3px solid #9b64e5;outline-offset:4px}
@media(max-width:850px){.next-decision{grid-template-columns:1fr;gap:28px}.next-order{max-width:none}.next-order h2 br{display:none}.next-order h2{font-size:29px}.next-order>p{max-width:none}.next-price{margin-top:18px}.next-support{gap:20px;flex-wrap:wrap}.next-support>div{width:100%}.next-heading h1{letter-spacing:-1.5px}.next-included{gap:10px;flex-wrap:wrap;font-size:10px;padding:17px}.next-preview-caption{padding:0 17px 20px}.next-preview-caption>span{font-size:12px}.next-phone{border-radius:18px;padding:4px 3px}.next-phone-screen{border-radius:12px}.next-phone>i{height:5px;top:6px}.next-laptop{padding:8px 5px 6px}.next-preview-caption button{font-size:10px}}
.launch-next a.button{text-decoration:none}.next-quote-options a.button{display:flex;align-items:center;justify-content:center;gap:8px}
/* Launch integration: real pictures inside ChatGPT's Next steps devices. */
.next-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.launch-next a.next-yearly{display:flex;justify-content:center;margin-top:10px}

/* Launch integration: real-looking iPhone on the redesign tab, overlapping the laptop (Corey 2026-11-15) */
.dv-stage{aspect-ratio:1.62}
.dv-laptop{width:80%;left:2%;bottom:10%}
.dv-phone{right:7%;bottom:6%;width:18.5%;aspect-ratio:.487;z-index:6;padding:.95%;border-radius:17.5%/8.5%;background:linear-gradient(145deg,#2c2c31,#0a0a0d 22%,#0a0a0d 78%,#26262b);box-shadow:0 0 0 1px #5d5d64,0 0 0 2.5px #1a1a1e,0 0 0 3.5px #8a8a92,14px 22px 34px #1b142638,2px 4px 8px #1b142630}
.dv-phone:before{content:"";position:absolute;left:-5px;top:19%;width:2px;height:6%;border-radius:2px 0 0 2px;background:#6f6f77;box-shadow:0 260% 0 #6f6f77,0 420% 0 #6f6f77}
.dv-phone:after{content:"";position:absolute;right:-5px;top:27%;width:2px;height:11%;border-radius:0 2px 2px 0;background:#6f6f77}
.dv-glass{border:0;border-radius:14.5%/7%;background:#000}
.dv-island{top:1.9%;width:29%;height:3%;background:#000;box-shadow:inset 0 0 0 1px #15151a}
.dv-island:after{content:"";position:absolute;right:14%;top:50%;width:16%;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:radial-gradient(#27304a,#0a0c14 70%)}
.dv-home{bottom:1.1%;width:34%;height:.55%;background:#0d0d10;opacity:.85}
@media(max-width:780px){.dv-stage{aspect-ratio:1.5}.dv-phone{box-shadow:0 0 0 1px #5d5d64,0 0 0 2px #8a8a92,6px 10px 16px #1b142638}.dv-phone:before,.dv-phone:after{display:none}}

/* Launch integration: fonts match launchautomation.ai (Oswald headlines, Lato body), larger logo with space above, FAQ search (Corey 2026-11-15) */
:root{font-family:'Lato',system-ui,Arial,sans-serif}
h1,h2,h3,h4,.button,.site-header nav>a,.work-tabs button,.all-menu-button,.next-order-cta,.next-yearly,.faq-more,.next-price strong,.price-figure,.dv-tag,.lp-level{font-family:'Oswald','Lato',Arial,sans-serif;letter-spacing:.005em}
h1,h2,h3,h4{font-weight:700;line-height:1.12}
.hero-text h1,.next-heading h1,.seo-dashboard h1,.progress-card h1,.next-layout h1,.lower-info>h2,.faq>h2{letter-spacing:.002em}
.button,.site-header nav>a,.all-menu-button,.next-order-cta,.next-yearly,.faq-more{font-weight:600;letter-spacing:.03em}
.site-header{height:auto;min-height:76px;padding-top:16px;padding-bottom:8px}
.logo img{width:224px;height:112px}
.work-header .logo img{width:176px;height:88px}
@media(max-width:800px){.site-header{min-height:65px;padding-top:12px;padding-bottom:6px}.logo img{width:164px;height:82px}.work-header .logo img{width:140px;height:70px}}
.faq-search{position:relative;margin:18px 0 8px}
.faq-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6f6880;font-size:15px;pointer-events:none}
.faq-search input{width:100%;min-height:50px;padding:12px 16px 12px 44px;border:1px solid #cfc9dc;border-radius:12px;background:#fff;color:var(--ink);font-size:17px}
.faq-search input:focus{outline:3px solid #7137e855;border-color:var(--purple)}
.faq details[hidden]{display:none}
.faq summary{font-family:'Lato',system-ui,Arial,sans-serif}
.faq-empty{color:var(--muted);margin:18px 0}
.faq-more{display:inline-flex;align-items:center;justify-content:center;margin-top:24px;min-height:48px;padding:12px 26px;border-radius:11px;border:1px solid var(--purple);background:#fff;color:var(--purple);font-size:17px;cursor:pointer}
.faq-more:hover{background:var(--soft)}
.faq-more[hidden]{display:none}
h1,h2,h3{text-wrap:balance}
.faq p a{color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:2px}

/* Launch integration: home compare has no browser frame; pills sit over the laptop; handwritten drag note (Corey 2026-11-15) */
.hero-compare .sample-compare{border:0;border-radius:0;box-shadow:none;background:#fff;overflow:visible}
.sample-before.hawthorne-before{background:#fff}
.hero-compare .sample-compare:before{top:9%;bottom:6%;border-radius:3px}
.hawthorne-before .tag{top:9%;left:7%}
.hawthorne-after .tag{top:9%;right:27%;background:var(--purple);color:#fff}
.hero-compare .tag{font-family:'Oswald','Lato',Arial,sans-serif;font-weight:600;letter-spacing:.04em;font-size:14px;padding:5px 13px}
.drag-note{position:absolute;z-index:5;top:-3%;left:calc(var(--split) + 30px);font-family:'Caveat','Segoe Script',cursive;font-weight:700;font-size:34px;line-height:1;color:var(--purple);transform:rotate(-4deg);transform-origin:left bottom;white-space:nowrap;pointer-events:none;transition:opacity .35s}
.drag-note svg{position:absolute;left:-30px;top:78%;display:block}
.sample-compare.dragged .drag-note{opacity:0}
@media(max-width:780px){.drag-note{font-size:25px;left:calc(var(--split) + 22px);top:-2%}.drag-note svg{width:44px;height:33px;left:-22px}.hero-compare .tag{font-size:11px;padding:3px 9px}.hawthorne-after .tag{right:25%}}
.hero-compare .sample-compare{--lid:12.1%;--base:78.4%}
.hawthorne-before .tag,.hawthorne-after .tag{top:calc(var(--lid) - 7px);transform:translateY(-100%)}
.hawthorne-before .tag{left:5.7%}
.hawthorne-after .tag{right:25%}
.hero-compare .sample-compare:before{top:calc(var(--lid) - 48px);bottom:calc(100% - var(--base) - 26px)}
.drag-note{top:calc(var(--lid) - 104px)}
.hawthorne-before .tag{left:var(--lid-l,5.7%)}
.hawthorne-after .tag{right:var(--lid-r,25%)}
@media(max-width:780px){.hero-compare{margin-top:30px}.hero-compare .sample-compare{height:330px}.hawthorne-before .tag,.hawthorne-after .tag{top:calc(var(--lid) - 5px)}.hero-compare .sample-compare:before{top:calc(var(--lid) - 36px);bottom:calc(100% - var(--base) - 16px)}.drag-note{top:calc(var(--lid) - 80px)}}
@media(max-width:430px){.hero-compare .sample-compare{height:300px}}
/* Launch polish 2026-11-15: phone layout and tap targets. */
.faq details{padding:0}
.faq summary{padding:18px 0;min-height:44px;box-sizing:border-box}
.faq details p{margin:0 0 18px}
.text-pricing{display:inline-block;padding:10px 0}
@media(max-width:560px){
.url-form{flex-direction:column;gap:10px;min-height:0}
.url-form input{border-radius:12px;min-height:54px;font-size:16px;padding:0 16px}
.url-form .button{border-radius:12px;min-height:54px;max-width:none;white-space:nowrap;font-size:17px}
.process{grid-template-columns:1fr}
.process>div{display:grid;grid-template-columns:43px 1fr;column-gap:14px;padding-top:0}
.process>div>b{grid-row:1/3}
.process h3{margin:8px 0 6px}
.process p{grid-column:2}
}