/* Reconstructed, reformatted from the recovered public stylesheet. */
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.upload:focus-within .button.secondary { outline: 3px solid #2369d8; outline-offset: 3px; }
@media (max-width: 900px) { .site-header { height: auto; min-height: 72px; } .nav { flex-wrap: wrap; padding-block: 12px; gap: 10px; } .nav-links { display: flex !important; flex-wrap: wrap; gap: 8px 18px; } }
:root {
  --ink:#071a3d;
  --muted:#52627a;
  --coral:#ef493d;
  --coral-dark:#d9352b;
  --blue:#f1f7ff;
  --line:#dce5f1;
  --white:#fff;
  --max:1180px
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  background:#fff;
  line-height:1.6
}

a {
  color:inherit;
  text-decoration:none
}

button,input {
  font:inherit
}

button {
  cursor:pointer
}

.container {
  width:min(var(--max),calc(100% - 32px));
  margin-inline:auto
}

.skip {
  position:absolute;
  left:-999px
}

.skip:focus {
  left:16px;
  top:16px;
  z-index:99;
  background:#fff;
  padding:10px;
  border:2px solid var(--coral)
}

.site-header {
  height:72px;
  border-bottom:1px solid var(--line);
  background:#fff
}

.nav,.site-header {
  display:flex;
  align-items:center
}

.nav {
  justify-content:space-between
}

.brand {
  font-size:25px;
  font-weight:800;
  letter-spacing:-1px
}

.brand span {
  color:var(--coral)
}

.nav-links {
  display:flex;
  gap:28px;
  font-weight:700;
  font-size:14px
}

.hero {
  text-align:center;
  padding:68px 0 46px
}

.hero h1,.tool-hero h1 {
  font-size:clamp(38px,6vw,68px);
  line-height:1.05;
  letter-spacing:-3px;
  margin:0 0 16px
}

.hero p,.tool-hero p {
  font-size:19px;
  color:var(--muted);
  margin:0 auto;
  max-width:680px
}

.hero-actions {
  display:flex;
  gap:12px;
  margin-top:28px
}

.button,.hero-actions {
  justify-content:center
}

.button {
  border:0;
  border-radius:8px;
  padding:13px 20px;
  font-weight:800;
  background:var(--coral);
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:8px
}

.button:hover {
  background:var(--coral-dark)
}

.button.secondary {
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line)
}

.button:focus-visible,a:focus-visible,input:focus-visible {
  outline:3px solid #2369d8;
  outline-offset:3px
}

.band {
  background:var(--blue);
  border-block:1px solid #e8f0fa;
  padding:46px 0
}

.content-grid,.footer,.section {
  content-visibility:auto;
  contain-intrinsic-size:auto 600px
}

.section {
  padding:64px 0
}

.section h2 {
  font-size:clamp(27px,4vw,40px);
  letter-spacing:-1.5px;
  line-height:1.15;
  margin:0 0 24px
}

.section-intro {
  color:var(--muted);
  max-width:700px
}

.tool-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-gap:1px;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line)
}

.tool-card {
  background:#fff;
  padding:24px;
  min-height:150px;
  transition:.2s
}

.tool-card:hover {
  background:#fbfdff;
  transform:translateY(-2px)
}

.tool-card svg {
  color:var(--coral);
  margin-bottom:16px
}

.tool-card h3 {
  margin:0 0 5px;
  font-size:17px
}

.tool-card p {
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.45
}

.trust {
  display:grid;
  grid-template-columns:1.2fr repeat(3,1fr);
  grid-gap:28px;
  gap:28px;
  align-items:start
}

.trust h2 {
  margin:0
}

.trust-item {
  border-left:1px solid var(--line);
  padding-left:24px
}

.trust-item h3 {
  margin:0 0 6px;
  font-size:16px
}

.trust-item p {
  margin:0;
  color:var(--muted);
  font-size:14px
}

.breadcrumbs {
  font-size:13px;
  color:var(--muted);
  padding-top:24px
}

.breadcrumbs ol {
  display:flex;
  gap:9px;
  list-style:none;
  padding:0;
  margin:0
}

.tool-hero {
  text-align:center;
  padding:46px 0 24px
}

.tool-hero h1 {
  font-size:clamp(36px,5vw,58px)
}

.upload {
  max-width:860px;
  margin:24px auto 54px;
  border:2px dashed var(--coral);
  border-radius:14px;
  padding:42px 24px;
  text-align:center;
  background:#fff
}

.upload.drag {
  background:#fff7f6
}

.upload-icon {
  color:var(--coral);
  margin-bottom:12px
}

.upload h2 {
  font-size:22px;
  margin:0 0 6px
}

.upload p {
  margin:0 0 20px;
  color:var(--muted)
}

.file-list {
  display:grid;
  grid-gap:8px;
  gap:8px;
  margin:18px auto;
  max-width:600px;
  text-align:left
}

.file-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  background:var(--blue);
  border-radius:6px;
  font-size:14px
}

.file-row span:first-child {
  overflow-wrap:anywhere;
  min-width:0
}

.order-actions {
  display:flex;
  gap:6px;
  flex-shrink:0
}

.order-button {
  padding:6px 9px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#fff;
  color:var(--ink);
  cursor:pointer
}

.order-button:disabled {
  opacity:.45;
  cursor:not-allowed
}

.order-button:focus-visible,select:focus-visible {
  outline:3px solid #2369d8;
  outline-offset:2px
}

.image-layout {
  border:1px solid var(--line);
  border-radius:8px;
  margin:20px auto;
  max-width:600px;
  padding:10px 18px;
  text-align:left
}

.image-layout legend {
  font-weight:700;
  padding:0 6px
}

.image-layout p {
  margin:10px 0 4px;
  font-size:14px
}

.status {
  margin-top:15px;
  font-weight:700
}

.status.error {
  color:#b42318
}

.status.success {
  color:#087443
}

.control {
  margin:16px auto;
  max-width:420px;
  text-align:left
}

.control label {
  display:block;
  font-weight:700;
  margin-bottom:6px
}

.control input,.control select {
  width:100%;
  padding:10px;
  border:1px solid var(--line);
  border-radius:6px
}

.actions {
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px
}

.content-grid {
  display:grid;
  grid-template-columns:1.7fr .8fr;
  grid-gap:64px;
  gap:64px
}

.prose h2 {
  margin:48px 0 14px;
  font-size:30px;
  letter-spacing:-1px;
  line-height:1.2
}

.prose h3 {
  font-size:19px;
  margin:26px 0 8px
}

.prose li,.prose p {
  color:#34445c
}

.prose a {
  color:#1f57a5;
  text-decoration:underline;
  text-underline-offset:3px
}

.answer-box {
  padding:22px 24px;
  background:#eef7ff;
  border-left:4px solid #2369d8;
  margin-bottom:12px
}

.answer-box strong {
  font-size:18px
}

.answer-box p {
  margin:6px 0 0;
  color:var(--ink)
}

.reviewed {
  font-size:13px;
  color:var(--muted)!important
}

.comparison {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-gap:16px;
  gap:16px;
  margin:20px 0
}

.comparison>div {
  padding:20px;
  border:1px solid var(--line);
  background:#fff
}

.comparison h3 {
  margin-top:0
}

.comparison ul {
  padding-left:20px;
  margin-bottom:0
}

.steps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-gap:16px;
  gap:16px;
  counter-reset:step;
  padding:0;
  list-style:none
}

.steps li {
  padding:20px;
  border-top:3px solid var(--coral);
  background:var(--blue)
}

.steps li:before {
  counter-increment:step;
  content:counter(step);
  display:block;
  color:var(--coral);
  font-size:27px;
  font-weight:800
}

.side-links {
  position:-webkit-sticky;
  position:sticky;
  top:24px
}

.link-list {
  display:grid;
  grid-gap:10px;
  gap:10px
}

.link-list a {
  padding:12px 0;
  color:#1f57a5;
  font-weight:700
}

.faq details,.link-list a {
  border-bottom:1px solid var(--line)
}

.faq details {
  padding:16px 0
}

.faq summary {
  font-weight:800;
  cursor:pointer
}

.faq p {
  margin-bottom:0
}

.footer {
  border-top:1px solid var(--line);
  padding:38px 0;
  margin-top:40px
}

.footer-row {
  display:flex;
  justify-content:space-between;
  gap:24px
}

.footer-links {
  gap:20px;
  color:var(--muted);
  font-size:14px
}

.footer-links,.popular {
  display:flex;
  flex-wrap:wrap
}

.popular {
  gap:10px
}

.popular a {
  border:1px solid #a9c5ec;
  padding:10px 15px;
  border-radius:7px;
  color:#1756aa;
  font-weight:700
}

.notice {
  padding:18px;
  background:#fff8e8;
  border-left:4px solid #e4a11b
}

.not-found {
  text-align:center;
  padding:120px 0
}

@media(max-width:900px) {
  .tool-grid {
  grid-template-columns:repeat(2,1fr)
}

.content-grid,.trust {
  grid-template-columns:1fr
}

.trust-item {
  border-left:0;
  border-top:1px solid var(--line);
  padding:18px 0 0
}

.side-links {
  position:static
}

.steps {
  grid-template-columns:1fr
}

.nav-links {
  display:none
}


}

@media(max-width:650px) {
  .comparison {
  grid-template-columns:1fr
}


}

@media(max-width:560px) {
  .tool-grid {
  grid-template-columns:1fr
}

.hero {
  padding-top:44px
}

.hero h1,.tool-hero h1 {
  letter-spacing:-2px
}

.upload {
  padding:30px 16px
}

.file-row {
  align-items:flex-start;
  flex-direction:column
}

.footer-row {
  display:block
}

.footer-links {
  margin-top:20px
}


}