/* Approved comparison hero, shared with its standalone preview. */
.hero-preview { --gutter:clamp(24px,3.2vw,48px); }
.hero-preview .site-header { position:relative; }
.comparison-hero {
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(32px,4.4vw,66px);
  padding-block:clamp(48px,5.3vw,78px) 56px;
}
.comparison-hero>* { min-width:0; }
.comparison-hero .hero-eyebrow { display:flex;align-items:center;gap:12px;font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;margin-bottom:34px; }
.hero-eyebrow>span { width:8px;height:8px;background:var(--yellow);flex-shrink:0; }
.hero-copy h1 { font-size:clamp(46px,4.55vw,65px);line-height:1.06;letter-spacing:-.055em;text-wrap:initial; }
.headline-line { display:block; }
.highlight { text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:6px;text-underline-offset:8px;text-decoration-skip-ink:none; }
.comparison-hero .hero-description { max-width:37rem;font-size:clamp(15px,1.25vw,18px);line-height:1.65;margin-top:30px;text-wrap:pretty; }
.hero-cta { display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:16px 22px;margin-top:30px;background:var(--navy);color:var(--paper);border:1px solid var(--navy);font-size:13px;transition:background .2s; }
.hero-cta:hover { background:#284355; }
.hero-cta .icon { width:22px;height:22px; }
.hero-facts { display:grid;grid-template-columns:max-content max-content max-content;gap:clamp(32px,4.2vw,64px);border-top:1px solid var(--line);padding-top:25px;margin:38px 0 0; }
.hero-facts dt { font-size:20px;font-weight:400;letter-spacing:-.02em; }
.hero-facts dd { font-size:11px;color:var(--muted);margin:9px 0 0; }
.work-comparison { margin:0;color:var(--navy); }
.comparison-heading { display:flex;align-items:baseline;justify-content:space-between;gap:12px; }
.comparison-heading h2 { font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;text-wrap:initial; }
.comparison-heading>span { font-size:11px;color:var(--muted);white-space:nowrap; }
.comparison-legend { list-style:none;padding:0;margin:22px 0 25px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:9px; }
.comparison-legend li { display:flex;align-items:center;gap:9px;min-width:0;font-size:11px;line-height:1.4;color:var(--muted); }
.legend-swatch { width:11px;height:11px;flex-shrink:0; }
.work-comparison .materials { background:#b4b7ae; }
.work-comparison .writing { background:#c9ccc3; }
.work-comparison .corrections { background:#e0e2da; }
.work-comparison .ai-draft { background:var(--navy); }
.work-comparison .review { background:var(--paper);box-shadow:inset 0 0 0 1px #778189; }
.work-comparison .freed-time { background:repeating-linear-gradient(135deg,var(--yellow) 0,var(--yellow) 4px,#fff3bb 4px,#fff3bb 8px); }
.task-comparison { padding:19px 0 18px;border-top:1px solid var(--line); }
.task-heading { display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px; }
.task-heading h3 { font-size:14px;font-weight:500;line-height:1.35;letter-spacing:-.015em;text-wrap:initial; }
.task-heading>span { font-size:10px;color:var(--muted);text-align:right;flex-shrink:0; }
.time-row { display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px; }
.time-row+.time-row { margin-top:7px; }
.time-label { font-size:9px;letter-spacing:.1em;text-transform:uppercase; }
.time-bar { display:flex;gap:2px;height:20px;min-width:0; }
.time-bar>span { min-width:0; }
.comparison-note { border-top:1px solid var(--line);padding-top:14px;font-size:10px;line-height:1.5;color:var(--muted); }
@media(min-width:1440px) {
  .hero-copy h1 { font-size:68px; }
}
@media(max-width:1100px) and (min-width:901px) {
  .comparison-hero { gap:32px;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr); }
  .hero-copy h1 { font-size:4.65vw; }
  .comparison-hero .hero-eyebrow { margin-bottom:28px; }
  .comparison-heading { align-items:flex-start;flex-direction:column;gap:5px; }
  .task-heading h3 { font-size:12px; }
  .task-heading>span { font-size:9px; }
  .hero-facts { gap:34px; }
}
@media(max-width:900px) {
  .comparison-hero { grid-template-columns:1fr;gap:48px;padding-top:42px;max-width:760px; }
  .hero-copy h1 { font-size:clamp(42px,7.9vw,64px); }
  .comparison-hero .hero-description { max-width:36rem;font-size:17px; }
  .hero-facts { grid-template-columns:1fr 1.6fr 1fr;gap:16px; }
  .work-comparison { width:100%; }
  .comparison-heading h2 { font-size:11px; }
  .task-heading h3 { font-size:15px; }
  .task-heading>span { font-size:11px; }
  .time-bar { height:22px; }
}
@media(max-width:480px) {
  .hero-preview { --gutter:20px; }
  .comparison-hero { padding-top:32px;padding-bottom:36px;gap:40px; }
  .hero-copy h1 { font-size:9.2vw;line-height:1.08; }
  .comparison-hero .hero-eyebrow { margin-bottom:25px;font-size:9px;gap:9px; }
  .comparison-hero .hero-description { font-size:15px;margin-top:24px; }
  .highlight { text-decoration-thickness:4px;text-underline-offset:5px; }
  .hero-cta { width:100%;padding-inline:18px;font-size:12px;margin-top:24px; }
  .hero-facts { margin-top:28px;padding-top:22px; }
  .hero-facts dt { font-size:18px; }
  .hero-facts dd { font-size:10px; }
  .comparison-heading { flex-direction:column;gap:5px; }
  .comparison-heading h2 { font-size:10px; }
  .comparison-legend { column-gap:10px;row-gap:10px;margin-block:20px 22px; }
  .comparison-legend li { font-size:10px;gap:7px; }
  .task-heading { flex-wrap:wrap;gap:4px 12px;margin-bottom:12px; }
  .task-heading h3 { font-size:13px; }
  .task-heading>span { font-size:10px; }
  .time-row { grid-template-columns:28px minmax(0,1fr);gap:8px; }
  .time-bar { height:20px; }
}