@font-face{font-family:Nunito;src:url('/fonts/nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--blue:#2d4434;--blue-ink:#1e3025;--accent:#ac5436;--apricot:#dda16f;--bg:#f4eee3;--bg-2:#ebe3d4;--surface:#fcf8ef;--t1:#293d30;--t2:#526050;--t3:#6b705f;--bd:#d9d0bf;--ibd:#8a9880;--shadow:0 18px 40px #4b3b2217;--radius:10px;--nav-h:88px;--font:Nunito,'Trebuchet MS',sans-serif;--mono:ui-monospace,Menlo,monospace}
[data-theme="dark"]{--blue:#9eba9e;--blue-ink:#bed0b5;--accent:#e8a27b;--apricot:#dda16f;--bg:#1d2921;--bg-2:#26362b;--surface:#2c3b30;--t1:#f4eee3;--t2:#ced5c5;--t3:#b3bea9;--bd:#4d5b49;--ibd:#91a17e;--shadow:0 18px 40px #101b1744}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { overflow-x: clip; }
body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--t1);
  min-height: 100dvh;
  line-height: 1.5;
  font-size: 16px;
}
a { color: inherit; }
img { max-width: 100%; display: block; }
button, input { font: inherit; }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.skip-link {
  position: absolute;
  left: 12px;
  top: -48px;
  z-index: 80;
  background: var(--blue);
  color: #fff;
  padding: 8px 12px;
  border-radius: 8px;
  text-decoration: none;
}
.skip-link:focus, .skip-link:focus-visible { top: 8px; }

.wrap { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
.nav {
  height: var(--nav-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  max-width: 100%;
  position: sticky;
  top: 0;
  z-index: 40;
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--bd);
  padding: 0 16px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.mark {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--blue);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 800;
}
.nav-links { display: flex; align-items: center; gap: 22px; }
.nav-links a {
  text-decoration: none;
  color: var(--t2);
  font-size: 14px;
  font-weight: 500;
}
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--t1); }
.nav-cta { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
#stats { max-width: 100%; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid transparent;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}
.btn:active { transform: scale(0.98); }
.btn-primary { background: var(--blue); color: #fff; }
.btn-primary:hover { background: var(--blue-ink); }
.btn-ghost { background: transparent; color: var(--t1); border-color: var(--bd); }
.btn-ghost:hover { border-color: var(--ibd); }
.icon-btn {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid var(--bd);
  background: var(--surface);
  color: var(--t2);
  cursor: pointer;
}
.nav-toggle { display: none; }

.hero {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 48px;
  align-items: center;
  padding: 56px 0 72px;
}
.hero h1 {
  font-size: clamp(36px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 750;
  max-width: 14ch;
}
.hero p {
  margin-top: 16px;
  color: var(--t2);
  max-width: 42ch;
}
.hero-actions { display: flex; gap: 10px; margin-top: 28px; flex-wrap: wrap; }
.note { margin-top: 14px; color: var(--t3); font-size: 13px; }

.preview {
  background: var(--surface);
  border: 1px solid var(--bd);
  border-radius: 16px;
  box-shadow: var(--shadow);
  overflow: auto;
  max-width: 100%;
}
.preview-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--bd);
  font-size: 12px;
  color: var(--t3);
}
.dotrow { display: flex; gap: 6px; }
.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--bd); }
.preview table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.preview th, .preview td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid var(--bd);
  white-space: nowrap;
}
.preview th { color: var(--t3); font-weight: 600; }
.preview td { color: var(--t1); }
.badge {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(16, 112, 240, 0.1);
  color: var(--blue);
  font-weight: 600;
  font-size: 11px;
}

.section { padding: 72px 0; }
.section h2 {
  font-size: clamp(26px, 3vw, 36px);
  letter-spacing: -0.03em;
  line-height: 1.15;
  max-width: 18ch;
}
.lede { margin-top: 10px; color: var(--t2); max-width: 56ch; }

.steps {
  margin-top: 36px;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--bd);
}
.step {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 20px;
  padding: 22px 0;
  border-bottom: 1px solid var(--bd);
}
.step b { font-family: var(--mono); color: var(--blue); font-size: 13px; }
.step h3 { font-size: 18px; letter-spacing: -0.02em; }
.step p { color: var(--t2); margin-top: 4px; max-width: 62ch; }

.diff {
  margin-top: 36px;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 28px;
}
.diff-list { display: grid; gap: 18px; }
.diff-item h3 { font-size: 16px; }
.diff-item p { color: var(--t2); font-size: 14px; margin-top: 4px; }
.aside {
  background: var(--surface);
  border: 1px solid var(--bd);
  border-radius: var(--radius);
  padding: 22px;
  height: fit-content;
}
.aside strong { display: block; margin-bottom: 8px; }
.aside p { color: var(--t2); font-size: 14px; }

.tpl-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
}
.tpl {
  display: block;
  text-decoration: none;
  background: var(--surface);
  border: 1px solid var(--bd);
  border-radius: var(--radius);
  padding: 20px;
  min-height: 44px;
}
.tpl:hover { border-color: var(--ibd); }
.tpl small { color: var(--t3); font-size: 12px; }
.tpl h3 { margin-top: 8px; font-size: 20px; }
.tpl p { margin-top: 8px; color: var(--t2); font-size: 14px; }
.tpl-stack { display: grid; gap: 12px; }
.price-row {
  margin-top: 36px;
  display: grid;
  grid-template-columns: 1fr 1.15fr 1fr;
  gap: 14px;
}
.plan {
  background: var(--surface);
  border: 1px solid var(--bd);
  border-radius: 16px;
  padding: 22px;
}
.plan.featured { border-color: var(--blue); box-shadow: var(--shadow); }
.plan h3 { font-size: 16px; }
.plan .amt { font-size: 36px; letter-spacing: -0.04em; margin: 10px 0 4px; }
.plan .amt span { font-size: 14px; color: var(--t2); font-weight: 500; }
.plan ul { margin: 16px 0 20px; padding-left: 16px; color: var(--t2); font-size: 14px; }
.plan li + li { margin-top: 6px; }

.faq { margin-top: 28px; display: grid; gap: 0; border-top: 1px solid var(--bd); }
.faq details { border-bottom: 1px solid var(--bd); }
.faq summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 0;
  font-weight: 600;
  min-height: 44px;
}
.faq summary::-webkit-details-marker { display: none; }
.faq p { color: var(--t2); padding-bottom: 16px; max-width: 70ch; }

.footer {
  border-top: 1px solid var(--bd);
  padding: 28px 0 40px;
  color: var(--t3);
  font-size: 13px;
}
.footer-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.footer-row > * { min-width: 0; }
.operator-logo { display: inline-block; width: 48px; height: auto; vertical-align: middle; margin-left: 14px; }
.footer-row p { overflow-wrap: anywhere; }
.footer nav { display: flex; gap: 16px; flex-wrap: wrap; }
.footer a { text-decoration: none; color: var(--t2); }
.footer-note { display: flex; align-items: center; justify-content: space-between; gap: 8px 20px; flex-wrap: wrap; margin-top: 12px; }
.footer .producer-signature { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; color: #082c47; font-size: 10px; line-height: 1.4; white-space: nowrap; }
.producer-wordmark { position: relative; display: block; width: 120px; height: 25px; overflow: hidden; flex-shrink: 0; }
/* Approved original canvas, scaled uniformly and framed at its visible ink bounds. */
.producer-wordmark img { position: absolute; max-width: none; width: 142.4px; height: 71.2px; left: -11.4px; top: -23.28px; }
[data-theme="dark"] .producer-signature { background: #f4eee3; padding-inline: 8px; border-radius: 4px; }

/* Project social links stay separate from the parent-brand contact link. */
.social-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.social-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%; color: var(--t2); font-size: 14px; text-decoration: none; }
.social-link svg { width: 20px; height: 20px; flex: 0 0 20px; fill: currentColor; }
.social-link span { overflow-wrap: anywhere; }
.social-link:hover span { text-decoration: underline; text-underline-offset: 4px; }

.auth {
  min-height: calc(100dvh - var(--nav-h));
  display: grid;
  grid-template-columns: 1fr 420px;
}
.auth-copy { padding: 72px 8vw 48px; }
.auth-copy h1 { font-size: 40px; letter-spacing: -0.03em; max-width: 12ch; }
.auth-copy p { margin-top: 14px; color: var(--t2); max-width: 36ch; }
.auth-card {
  background: var(--surface);
  border-left: 1px solid var(--bd);
  padding: 48px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
input[type="email"], input[type="password"] {
  width: 100%;
  height: 44px;
  border: 1.5px solid var(--bd);
  border-radius: 10px;
  padding: 0 12px;
  background: var(--bg);
  color: var(--t1);
  margin-bottom: 14px;
}
.field-error { color: #dc2626; font-size: 13px; margin: -8px 0 12px; }
.check { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; color: var(--t2); margin: 4px 0 16px; }
.check input { margin-top: 3px; }
.split { display: flex; align-items: center; gap: 12px; color: var(--t3); font-size: 12px; margin: 16px 0; }
.split::before, .split::after { content: ""; flex: 1; height: 1px; background: var(--bd); }
.oauth { display: grid; gap: 8px; }
.hint { margin-top: 16px; font-size: 13px; color: var(--t3); }

@media (max-width: 900px) {
  .hero, .diff, .tpl-grid, .price-row, .auth { grid-template-columns: 1fr; }
  .auth-card { border-left: 0; border-top: 1px solid var(--bd); }
  .js .nav-links { display: none; }
  .js .nav-toggle { display: inline-flex; }
  html:not(.js) .nav { position: static; height: auto; flex-wrap: wrap; gap: 16px; padding-block: 16px; }
  html:not(.js) .nav-links { flex-wrap: wrap; width: 100%; order: 3; }
  .nav-cta > .btn-ghost { display: none; }
  .nav { padding-inline: 12px; }
  .auth-copy { padding: 32px 20px 24px; }
  .nav.open .nav-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: var(--nav-h);
    left: 0;
    right: 0;
    background: var(--surface);
    border-bottom: 1px solid var(--bd);
    padding: 16px 20px 20px;
  }
  .hero { padding-top: 32px; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

.drop {
  margin-top: 24px;
  border: 1.5px dashed var(--ibd);
  border-radius: var(--radius);
  background: var(--surface);
  min-height: 180px;
  padding: 28px 20px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--t2);
  cursor: pointer;
}
.drop.is-hot { border-color: var(--blue); background: var(--bg-2); }
.file-list { margin-top: 16px; display: grid; gap: 8px; }
.file-list li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--bd);
  border-radius: 10px;
  background: var(--surface);
  font-size: 14px;
}
.wb-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; align-items: center; }
select.pp-select {
  height: 44px;
  border: 1.5px solid var(--bd);
  border-radius: 10px;
  padding: 0 12px;
  background: var(--bg);
  color: var(--t1);
}
.status { margin-top: 14px; color: var(--t2); font-size: 14px; }
.result-table { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 13px; }
.result-table th, .result-table td {
  text-align: left;
  padding: 10px 8px;
  border-bottom: 1px solid var(--bd);
  vertical-align: top;
}
.opts { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 16px 0 0; color: var(--t2); font-size: 14px; }
.opts label { display: flex; gap: 8px; align-items: center; cursor: pointer; }
.ai-panel { margin-top: 28px; display: grid; gap: 16px; }
.ai-card { border: 1px solid var(--bd); border-radius: 12px; padding: 16px; background: var(--surface); }
.ai-card h3 { font-size: 14px; margin-bottom: 8px; }
.ai-card p { color: var(--t2); white-space: pre-wrap; }
.stat-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 24px; }
.stat {
  background: var(--surface);
  border: 1px solid var(--bd);
  border-radius: var(--radius);
  padding: 16px;
}
.stat b { display: block; font-size: 22px; letter-spacing: -0.03em; }
.stat span { color: var(--t2); font-size: 12px; }
input[type=file] { width: 100%; max-width: 100%; min-width: 0; }
@media (max-width: 900px) {
  .stat-row { grid-template-columns: 1fr 1fr; }
}
.timeline-nodes, .findings-list { margin: 12px 0 0; padding-left: 20px; color: var(--t2); font-size: 14px; }
#attachment-status { overflow-wrap: anywhere; }
.table-wrap { overflow-x: auto; }

/* Celrow brand system: warm materials, clear operational surfaces. */
html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-weight:500}h1,h2,h3{font-weight:850;text-wrap:balance}h1{font-size:clamp(36px,5vw,66px);line-height:1.05;letter-spacing:-.055em}h2{letter-spacing:-.04em}p{text-wrap:pretty}button,select,input{font-family:inherit}button:disabled{cursor:not-allowed;opacity:.55}a[aria-disabled=true]{pointer-events:none;opacity:.45}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 112px))}.nav{padding-inline:max(40px,calc((100% - 1320px)/2));border:0;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 94%,transparent)}.brand{font-size:36px;font-weight:950;letter-spacing:-.07em;gap:10px;line-height:1}.mark{display:flex;flex-direction:column;width:35px;height:34px;gap:3px;background:none;border-radius:0;flex-shrink:0}.mark i{display:block;height:9px;border-radius:3px 4px 2px 3px;transform:rotate(2deg);background:var(--apricot)}.mark i:nth-child(2){background:#b36342;transform:rotate(-3deg)}.mark i:nth-child(3){background:var(--blue);transform:rotate(1deg)}.nav-links a{font-size:15px;color:var(--t1)}.btn{border-radius:7px;min-height:48px;padding:0 24px;gap:14px;font-size:15px;font-weight:750}.btn-primary{color:var(--bg)}.btn:hover{transform:translateY(-2px)}.btn:disabled:hover{transform:none}.icon-btn{background:none;border:0;font-size:21px}.nav-toggle{font-size:13px;width:48px}.nav-cta>.btn-ghost{border:0}.text-link{text-underline-offset:5px;font-weight:700}.eyebrow{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.section{padding:90px 0}.section h2{font-size:clamp(30px,4vw,52px);max-width:22ch}.section>h1+.lede{margin-top:20px}.lede{line-height:1.7;font-size:18px}.section>p{margin-bottom:18px}.section>h2:not(:first-child){margin-top:44px}.home-hero{padding:46px 0 0;position:relative}.home-hero h1{font-size:clamp(74px,9.9vw,146px);line-height:.94;letter-spacing:-.065em;font-weight:1000;margin:0 0 26px;max-width:none}.home-hero h1 em{font-style:normal;color:var(--accent)}.hero-lede{font-size:clamp(18px,2vw,24px);max-width:760px;color:var(--t1);line-height:1.5}.hero-actions{align-items:center;gap:30px;margin-top:24px}.hero-actions .btn{min-height:54px;font-size:17px}.home-hero .note{margin-top:8px}.paper-stage{position:relative;display:grid;grid-template-columns:1.12fr 1fr;gap:35px;align-items:center;margin:44px -12px 40px;min-height:300px}.mail-pile{display:flex;padding:20px 0 8px}.mail-paper{background:var(--surface);box-shadow:8px 16px 22px #4d3b2423,inset 0 0 0 1px #fff4;border-radius:5px;padding:28px 20px 18px;width:38%;flex-shrink:0;min-height:244px;position:relative;transform:rotate(-7deg);font-size:11px;line-height:1.6}.mail-paper:nth-child(2){margin-left:-9%;transform:rotate(2deg);z-index:1}.mail-paper:nth-child(3){margin-left:-9%;transform:rotate(8deg);z-index:2}.mail-paper p{margin:14px 0}.mail-paper .mail-head{border-bottom:1px solid var(--bd);padding-bottom:12px;overflow-wrap:anywhere}.paper-tab{position:absolute;left:24px;top:-15px;background:#e8b487;color:#30271e;transform:rotate(-2deg);padding:5px 18px;font:800 13px var(--font);clip-path:polygon(3% 0,96% 3%,100% 93%,2% 100%,0 8%)}.mail-paper:nth-child(2) .paper-tab{background:#d7a77f}.mail-paper:nth-child(3) .paper-tab{background:#c58768}.attachment{border:1px solid var(--bd);padding:8px;display:flex;gap:8px;align-items:center;border-radius:4px}.attachment b{color:var(--accent);font-size:21px}.sheet-paper{background:var(--surface);box-shadow:10px 22px 30px #4d3b2426;border-radius:6px;padding:28px;transform:rotate(-3deg);position:relative;z-index:3}.sheet-paper h3{font-size:22px;letter-spacing:-.03em;max-width:300px}.sheet-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:22px}.file-tag{background:var(--blue);color:var(--bg);font:800 10px var(--mono);padding:15px 9px;border-radius:2px}.sheet-caption{font:10px var(--mono);letter-spacing:.13em;color:var(--t3);margin:12px 0}.sheet-paper table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.sheet-paper th,.sheet-paper td{padding:11px 8px;border:1px solid var(--bd);text-align:left;white-space:nowrap}.sheet-paper th{background:var(--bg-2)}.scribble{position:absolute;top:-24px;left:46%;z-index:4;color:var(--accent);font:italic 23px Georgia,serif;transform:rotate(-9deg)}.proof-strip{display:flex;justify-content:space-between;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:23px 0;gap:24px;font-size:13px}.proof-strip span{display:flex;gap:15px;align-items:center}.proof-strip b{font-size:22px;color:var(--accent)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}.section-head .lede{max-width:390px}.workflow-list{border-top:1px solid var(--bd)}.workflow-row{display:grid;grid-template-columns:55px 1fr 1fr 35px;gap:25px;align-items:center;padding:28px 0;border-bottom:1px solid var(--bd);text-decoration:none;transition:padding .2s}.workflow-row:hover{padding-inline:15px;background:var(--bg-2)}.workflow-row>span:first-child{font:12px var(--mono);color:var(--accent)}.workflow-row h3{font-size:25px;letter-spacing:-.03em}.workflow-row p{color:var(--t2);font-size:15px}.workflow-row .arrow{font-size:25px}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.feature-split h2{margin-bottom:25px}.feature-split .steps{margin-top:0}.step{grid-template-columns:40px 1fr;padding:26px 0}.step p{font-size:15px}.privacy-note{padding:38px;background:var(--bg-2);border-radius:8px}.privacy-note p{margin:14px 0;color:var(--t2);font-size:16px}.close-cta{padding:65px 0 90px;text-align:center;border-top:1px solid var(--bd)}.close-cta h2{font-size:clamp(40px,6vw,76px);margin:0 auto 28px;letter-spacing:-.055em}.close-cta p{margin-bottom:24px;color:var(--t2)}.footer{padding-top:35px}.page-kicker{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-kicker .eyebrow{margin:0}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;margin-top:36px;align-items:start}.work-panel{background:var(--surface);padding:30px;border:1px solid var(--bd);border-radius:10px;min-width:0}.work-panel h2{font-size:23px;max-width:none;margin:0 0 15px}.workspace-aside{padding:26px 0}.workspace-aside h3{font-size:20px;margin-bottom:12px}.workspace-aside p{font-size:14px;color:var(--t2);margin-bottom:18px}.workspace-aside ul{padding-left:18px;color:var(--t2);font-size:14px;line-height:2}.drop{background:var(--bg);min-height:230px;border-radius:7px;margin-top:24px;gap:10px}.drop strong{font-size:25px;letter-spacing:-.03em;color:var(--t1)}.drop .upload-icon{font-size:35px;font-weight:400;color:var(--accent)}.drop p{max-width:42ch;font-size:14px}.drop.is-hot{outline:3px solid var(--accent)}select.pp-select{width:100%;background:var(--surface);font-size:15px}.opts{gap:14px}.opts label{padding:10px 13px;background:var(--bg);border-radius:5px;margin:0}.opts input{accent-color:var(--blue)}.schema-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.schema-chips span{font:11px var(--mono);border-bottom:1px solid var(--bd);padding:4px 6px;color:var(--t2)}.file-list li{align-items:center;border:0;border-bottom:1px solid var(--bd);border-radius:0;padding:12px 0;overflow-wrap:anywhere}.file-list li>span:first-child{flex:1;min-width:0}.file-list .remove-file{background:none;border:0;color:var(--accent);cursor:pointer;min-height:36px;padding:0 10px}.file-list li>small{white-space:nowrap;color:var(--t3)}.status{min-height:21px}.field-error{color:var(--accent);margin:12px 0}.result-table{font-variant-numeric:tabular-nums;font-size:13px}.result-table th{background:var(--bg-2);white-space:nowrap;font-weight:800}.result-table td{min-width:130px;max-width:300px;overflow-wrap:anywhere;white-space:pre-wrap}.result-table tr:hover{background:var(--bg-2)}.table-wrap{max-width:100%;border:1px solid var(--bd);border-radius:8px;margin-top:25px}.table-wrap .result-table{margin:0}.review-banner{padding:24px 28px;background:var(--bg-2);border-left:4px solid var(--accent);margin-top:30px}.review-banner h2{font-size:24px;max-width:none;margin-bottom:10px}.review-banner li{margin:14px 0;list-style:none}.review-banner .review-source{font:11px var(--mono);display:block;color:var(--t3);margin-top:5px}.review-banner .badge{border-radius:3px;margin-right:8px}.review-filter{display:flex;gap:15px;align-items:center;margin-top:25px}.review-filter input{accent-color:var(--accent)}.auth{width:min(1180px,calc(100% - 80px));margin:35px auto 70px;min-height:650px;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.auth-copy{padding:40px 0}.auth-copy h1{font-size:clamp(44px,5.6vw,78px);max-width:11ch;font-weight:1000}.auth-copy h1 em{color:var(--accent);font-style:normal}.auth-copy p{font-size:18px;max-width:35ch}.auth-card{padding:36px;border:1px solid var(--bd);border-radius:12px;box-shadow:var(--shadow)}.auth-card h2{font-size:28px;margin-bottom:8px}.auth-card>p{margin-bottom:23px;color:var(--t2)}input[type=text],input[type=email],input[type=password],input[type=search]{border:1px solid var(--bd);border-radius:6px;background:var(--surface);color:var(--t1);min-height:46px;padding:10px 12px;font:inherit;max-width:100%}.plan{display:flex;flex-direction:column;padding:30px;border-radius:8px}.plan.featured{background:var(--bg-2);border-color:var(--ibd)}.plan h3{font-size:24px}.plan .amt{font-size:46px;font-weight:850}.plan .amt span{display:block;letter-spacing:0;min-height:42px}.plan ul{flex:1;line-height:1.8}.price-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tpl{padding:28px;border-radius:7px;transition:transform .2s,background .2s}.tpl:hover{transform:translateY(-3px);background:var(--bg-2)}.tpl.featured{background:var(--bg-2);grid-column:1/-1}.tpl .eyebrow{margin-bottom:12px}.tpl h3{font-size:27px}.template-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;margin:30px 0}.template-fields li{padding:15px 0;border-bottom:1px solid var(--bd);font:13px var(--mono)}.account-section{margin:26px 0;padding:28px;background:var(--surface);border:1px solid var(--bd);border-radius:8px}.account-section h2{font-size:25px;margin-bottom:18px}.account-section .btn{margin:8px 6px 8px 0}.account-section input{margin:8px 10px 8px 0}.stat{background:var(--bg-2);border:0;padding:25px}.stat b{font-size:34px}.badge{color:var(--t1);background:var(--bg-2);border-radius:4px}.doc-layout{max-width:850px;margin-inline:auto}.doc-layout>p{margin-top:18px;line-height:1.8}.home-hero{animation:enter .65s ease both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.home-hero{padding-top:60px}.paper-stage{margin-top:55px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav{padding-inline:32px}.nav-links{gap:18px}.nav-cta{gap:4px}.brand{font-size:30px}.paper-stage{gap:20px}.mail-paper{padding:24px 12px 14px;font-size:10px}.sheet-paper{padding:20px}.sheet-paper table{font-size:10px}.sheet-paper th,.sheet-paper td{padding:8px 5px}.sheet-paper h3{font-size:18px}.workspace-grid{grid-template-columns:minmax(0,1fr) 260px}.auth{gap:35px}.feature-split{gap:45px}}
@media(max-width:760px){:root{--nav-h:74px}.wrap{width:calc(100% - 40px)}.nav{padding-inline:20px}.brand{font-size:30px}.mark{width:29px;height:29px;gap:3px}.mark i{height:7px}.nav-cta .icon-btn[data-theme-toggle]{display:none}.nav-cta .btn{min-height:42px;padding:0 15px;font-size:13px}.home-hero{padding-top:34px}.home-hero h1{font-size:clamp(58px,11.8vw,87px);letter-spacing:-.065em;line-height:1}.hero-lede{font-size:18px;max-width:30ch}.hero-actions{gap:20px;margin-top:23px}.hero-actions .btn{padding:0 20px;min-height:49px;font-size:15px}.hero-actions .text-link{font-size:13px}.paper-stage{display:block;margin:35px 0 28px;min-height:0}.mail-pile{padding:15px 0 0;margin-inline:4px}.mail-paper{width:38%;min-height:175px;font-size:8px;padding:20px 10px 12px}.mail-paper p{margin:10px 0}.mail-paper .mail-head{padding-bottom:8px}.paper-tab{font-size:11px;left:13px;padding:4px 12px}.attachment{padding:4px;gap:5px;font-size:8px}.sheet-paper{margin:10px 5px 0;transform:rotate(-2deg);padding:22px;z-index:4}.sheet-paper table{font-size:11px}.sheet-paper h3{font-size:20px}.sheet-title{margin-bottom:13px}.scribble{top:auto;bottom:205px;left:70%;font-size:17px}.proof-strip{flex-wrap:wrap;gap:12px;padding:20px 0;font-size:11px}.proof-strip span{gap:8px}.proof-strip b{font-size:18px}.section{padding:60px 0}.section-head{display:block;margin-bottom:26px}.section-head .lede{margin-top:20px}.workflow-row{grid-template-columns:28px 1fr 22px;gap:12px;padding:22px 0}.workflow-row h3{font-size:21px}.workflow-row p{grid-column:2;grid-row:2;font-size:14px}.workflow-row .arrow{grid-column:3;grid-row:1}.feature-split,.workspace-grid,.auth,.tpl-grid,.price-row{grid-template-columns:1fr}.feature-split{gap:40px}.workspace-grid{gap:10px;margin-top:25px}.work-panel{padding:22px 18px}.workspace-aside{padding:20px 4px}.auth{width:calc(100% - 40px);margin-top:5px;gap:10px;min-height:0}.auth-copy{padding:30px 0}.auth-copy h1{font-size:52px}.auth-card{padding:26px 22px}.template-fields{grid-template-columns:1fr 1fr}.page-kicker{gap:10px}.page-kicker .eyebrow{font-size:9px}.account-section{padding:22px}.close-cta{padding:50px 0 65px}.close-cta h2{font-size:46px}.footer-row{gap:24px}.stat-row{gap:10px}.stat{padding:19px}.section h2{max-width:none}.review-banner{padding:20px}.result-table td{min-width:120px}.price-row{gap:18px}.plan .amt span{min-height:0}.privacy-note{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:360px){.nav{padding-inline:12px}.nav-cta .btn{padding-inline:10px;gap:8px}.sheet-paper{padding:18px 12px}.sheet-paper table{table-layout:fixed;font-size:10px}.sheet-paper th,.sheet-paper td{white-space:normal;overflow-wrap:anywhere;padding:8px 4px}}
.mark i{width:100%}body{background-image:url('/paper-grain.svg')}.close-cta h2{line-height:1.08}.auth-card .hint{margin-bottom:0}.nav-cta .nav-toggle{align-items:center;justify-content:center}

/* Brand endorsement and readable trust information. */
.footer-brand span{display:block;margin-top:6px;font-size:12px;color:var(--t2)}
.footer-brand a{text-decoration:underline;text-underline-offset:3px}
.doc-layout h2{margin-top:38px;font-size:28px;max-width:none}
.trust-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0}
.trust-facts article{padding:22px;background:var(--bg-2);border-top:3px solid var(--accent)}
.trust-facts strong{font-size:25px;letter-spacing:-.03em}
.trust-facts p{font-size:14px;line-height:1.7;margin-top:12px}
.trust-steps{padding-left:22px;margin-top:20px;line-height:1.8}
.trust-steps li{padding:8px 0}
.retention-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65}
.retention-table th,.retention-table td{text-align:left;padding:16px;border-bottom:1px solid var(--bd);vertical-align:top}
.retention-table th{background:var(--bg-2)}
.retention-table td:first-child{width:38%;font-weight:700}
.doc-layout a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(max-width:760px){.trust-facts{grid-template-columns:1fr}.retention-table th,.retention-table td{padding:12px}.doc-layout h1{font-size:44px}}