*{box-sizing:border-box}
:root{
  --ink:#111;
  --muted:#666;
  --line:#d0d0d0;
  --blue:#153b5c;
  --page:900px;
}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.5;
}
.page{
  width:min(calc(100% - 32px),var(--page));
  margin:0 auto;
}
header{
  border-bottom:1px solid var(--line);
}
.header-row{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.company{
  font-weight:700;
  font-size:18px;
}
.sub{
  font-size:12px;
  color:var(--muted);
  margin-top:2px;
}
nav{
  display:flex;
  gap:20px;
}
nav a{
  font-size:13px;
  color:#222;
}
.intro{
  padding:56px 0 44px;
}
h1{
  margin:0 0 12px;
  max-width:650px;
  font-size:38px;
  line-height:1.15;
  font-weight:700;
}
.intro p{
  margin:0 0 24px;
  color:#555;
  font-size:17px;
}
.button{
  display:inline-block;
  border:0;
  border-radius:0;
  background:var(--blue);
  color:#fff;
  padding:10px 15px;
  font:inherit;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
}
.section{
  padding:42px 0;
  border-top:1px solid var(--line);
}
h2{
  margin:0 0 18px;
  font-size:22px;
}
.services{
  width:100%;
  border-collapse:collapse;
}
.services td{
  padding:13px 0;
  border-top:1px solid var(--line);
  vertical-align:top;
  font-size:14px;
}
.services tr:last-child td{
  border-bottom:1px solid var(--line);
}
.services td:first-child{
  width:250px;
  padding-right:30px;
  font-weight:700;
}
.services td:last-child{
  color:#555;
}
.plain-list{
  margin:0;
  padding-left:20px;
  font-size:14px;
}
.plain-list li{
  margin:7px 0;
}
.muted{
  color:var(--muted);
  font-size:13px;
}
form{
  max-width:760px;
}
.grid2,.grid3{
  display:grid;
  gap:16px;
  margin-bottom:16px;
}
.grid2{grid-template-columns:1fr 1fr}
.grid3{grid-template-columns:1.3fr .7fr .8fr}
label{
  display:block;
  font-size:13px;
  font-weight:700;
}
input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
select{
  width:100%;
  height:40px;
  margin-top:5px;
  padding:0 8px;
  border:1px solid #999;
  border-radius:0;
  background:#fff;
  font:inherit;
}
form>label{
  margin-bottom:16px;
}
.check{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-weight:400;
}
.check input{
  margin-top:3px;
}
.warning{
  border-left:3px solid #b66d22;
  padding-left:10px;
  color:#6f451f;
  font-size:12px;
}
.actions{
  margin-top:18px;
  display:flex;
  align-items:center;
  gap:14px;
}
#formMessage{
  font-size:12px;
  color:#8c2e26;
}
.pricing-area{
  margin-top:36px;
  padding-top:28px;
  border-top:2px solid #222;
  max-width:760px;
}
.pricing-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}
.link-button{
  border:0;
  background:none;
  padding:0;
  text-decoration:underline;
  color:var(--blue);
  font:inherit;
  font-size:12px;
  cursor:pointer;
}
.addons{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:10px 0;
  margin:8px 0 16px;
}
.addons .check{
  margin:6px 0;
  font-size:13px;
}
.quote{
  width:100%;
  border-collapse:collapse;
}
.quote td{
  padding:10px 0;
  border-bottom:1px solid var(--line);
  font-size:13px;
}
.quote td:last-child{
  text-align:right;
  font-weight:700;
}
.quote tfoot td{
  border-top:2px solid #222;
  border-bottom:0;
  font-size:16px;
}
.small{font-size:11px}
.checkout{
  margin-top:8px;
  width:100%;
  height:40px;
  border:0;
  border-radius:0;
  background:#ccc;
  color:#555;
  font-weight:700;
}
footer{
  border-top:1px solid var(--line);
  padding:24px 0;
  color:#777;
  font-size:12px;
}
[hidden]{display:none!important}
@media(max-width:650px){
  nav{display:none}
  .grid2,.grid3{grid-template-columns:1fr}
  .services tr{display:block;padding:10px 0;border-top:1px solid var(--line)}
  .services td{
    display:block;
    border:0!important;
    width:auto!important;
    padding:2px 0!important;
  }
  .services tr:last-child{border-bottom:1px solid var(--line)}
  h1{font-size:32px}
}

.turnaround{
  margin:14px 0 0!important;
  font-size:12px!important;
  color:#666!important;
}
.after-order{
  max-width:760px;
  margin:20px 0 0;
  padding-top:16px;
  border-top:1px solid var(--line);
  color:#555;
  font-size:12px;
}
.fine-print{
  margin:9px 0 0;
  color:#777;
  font-size:11px;
}

.form-section-title{
  margin:24px 0 14px;
  font-size:16px;
  border-bottom:1px solid var(--line);
  padding-bottom:7px;
}
.customer-title{margin-top:34px}
.conditional{
  margin:4px 0 14px;
  padding-left:14px;
  border-left:3px solid #ddd;
}
.final-check{
  margin-top:18px;
}
.after-pay{
  margin:10px 0 0;
  font-size:11px;
  color:#666;
}

.form-section-title{margin:24px 0 14px;font-size:16px;border-bottom:1px solid var(--line);padding-bottom:7px}
.customer-title{margin-top:34px}
.conditional{margin:4px 0 14px;padding-left:14px;border-left:3px solid #ddd}
.final-check{margin-top:18px}
.submit-order{margin-top:14px}
.after-pay{margin:10px 0 0;font-size:11px;color:#666;max-width:700px}
.submitted-area{margin-top:36px;padding-top:24px;border-top:2px solid #222;max-width:760px}
.submitted-area h2{margin-bottom:10px}

textarea{
  width:100%;
  margin-top:5px;
  padding:9px;
  border:1px solid #999;
  border-radius:0;
  background:#fff;
  font:inherit;
  color:#111;
  resize:vertical;
  min-height:110px;
}
