/* it-t10-cleaner.css: generated by tools/trades10/cleaner.py from the owner's v2 design.
   Sizes are the design's own pixels (808 wide = 1440 in the browser): calc(12*var(--u)) = 12 x --u. */
main.t-cleaner{container-type:inline-size;--u:calc(min(100cqw,1600px)/808);--ink:#0B1419;--slate:#323B45;--or:#F26207;
  --cream:#FAF6F2;--rule:#E3E8EA;--muted:#66727A;--tx:#4C5760;
  font-family:Inter,'Inter Fallback',system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
.t-cleaner .v-in{width:calc(808*var(--u));margin:0 auto;padding-inline:calc(31*var(--u));position:relative}
.t-cleaner .v-eye{font-size:max(7.5px,calc(7.5*var(--u)));font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--or)}
.t-cleaner .v-h2{margin-top:calc(8*var(--u))!important;font-size:max(8.5px,calc(18*var(--u)));line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#101C28}
.t-cleaner .v-sub{margin-top:calc(7*var(--u))!important;font-size:max(8.5px,calc(9.5*var(--u)));line-height:1.5;color:var(--muted)}
.t-cleaner .v-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(9*var(--u));height:calc(32*var(--u));padding:0 calc(20*var(--u));border-radius:calc(4*var(--u));
  background:var(--cta);color:#fff;font-size:max(8.5px,calc(11*var(--u)));font-weight:700;box-shadow:0 calc(6*var(--u)) calc(12*var(--u)) rgba(242,98,7,.18);transition:background .18s ease-out}
.t-cleaner .v-btn:hover{background:var(--cta-h)}
.t-cleaner .v-btn svg{width:calc(10*var(--u));height:calc(10*var(--u));stroke-width:2.4}
.t-cleaner .v-note{margin-top:calc(12*var(--u))!important;font-size:max(7.5px,calc(7.5*var(--u)));color:var(--muted)}
.cs-hand{position:absolute;display:block;overflow:visible}

/* hero: one picture, the words on its light side, the invoice card over the photo */
.cs-hero{position:relative;height:calc(345*var(--u));background:#FCFBFA}
.cs-hero-img{position:absolute;inset:0;overflow:hidden}
.cs-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 50%}
.cs-hero .v-in{height:100%}
.cs-hero-copy{position:absolute;left:calc(31*var(--u));top:calc(70*var(--u));width:calc(430*var(--u))}
.cs-hero h1{margin:0}
.cs-k{display:block;font-size:max(7.5px,calc(7.5*var(--u)));font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3C4854}
.cs-big{display:block;margin-top:calc(14*var(--u));font-size:max(8.5px,calc(34*var(--u)));line-height:1.06;font-weight:800;letter-spacing:-.025em;color:#101C28}
.cs-big em{display:block;font-style:normal;color:var(--or)}
.cs-lede{margin-top:calc(16*var(--u))!important;font-size:max(8.5px,calc(12.5*var(--u)));line-height:1.6;color:var(--tx);width:calc(352*var(--u))}
.cs-hero .v-btn{margin-top:calc(18*var(--u));height:calc(34*var(--u))}
.cs-note1{position:absolute;left:calc(700*var(--u));top:calc(52*var(--u));width:calc(100*var(--u))}
.cs-note2{position:absolute;left:calc(676*var(--u));top:calc(318*var(--u));width:calc(86*var(--u))}

/* the invoice card over the photo */
.cs-card{position:absolute;left:calc(628*var(--u));top:calc(143*var(--u));width:calc(152*var(--u));padding:calc(13*var(--u)) calc(14*var(--u)) calc(14*var(--u));background:#fff;border-radius:calc(5*var(--u));box-shadow:0 calc(14*var(--u)) calc(30*var(--u)) rgba(11,20,25,.16)}
.cs-mark{font-size:max(8.5px,calc(11*var(--u)));font-weight:800;letter-spacing:-.02em}
.cs-mark i{font-style:normal;color:var(--or)}
.cs-card .doc{margin-top:calc(5*var(--u))!important;font-size:max(6.0px,calc(6*var(--u)));font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5E6970}
.cs-card .meta{display:grid;grid-template-columns:auto 1fr;column-gap:calc(12*var(--u));row-gap:calc(3*var(--u));margin-top:calc(10*var(--u));font-size:max(6.6px,calc(6.6*var(--u)));color:#46525B}
.cs-card .meta b{font-weight:400;color:#78838B}
.cs-card .lines{margin-top:calc(9*var(--u));padding-top:calc(9*var(--u));border-top:calc(1*var(--u)) solid #EAEEF0;font-size:max(6.6px,calc(6.6*var(--u)));color:#46525B}
.cs-card .lines div{display:flex;justify-content:space-between;padding:calc(2.5*var(--u)) 0}
.cs-card .tot{display:flex;justify-content:space-between;margin-top:calc(8*var(--u));padding-top:calc(8*var(--u));border-top:calc(1*var(--u)) solid #EAEEF0;font-size:max(8.5px,calc(9*var(--u)));font-weight:800;color:var(--ink)}

/* the five steps */
.cs-path{padding:calc(16*var(--u)) 0 calc(22*var(--u))}
.cs-steps{display:grid;grid-template-columns:repeat(5,1fr);text-align:center}
.cs-steps li{position:relative}
.cs-steps li+li::before{content:"";position:absolute;left:calc(-50% + calc(30*var(--u)));right:calc(50% + calc(30*var(--u)));top:calc(27*var(--u));height:calc(1*var(--u));background:#E3E8EA}
.cs-steps .ic{display:inline-grid;place-items:center;width:calc(55*var(--u));height:calc(55*var(--u));border-radius:50%;background:#fff;box-shadow:0 0 0 calc(1*var(--u)) #EDF1F3,0 calc(6*var(--u)) calc(14*var(--u)) rgba(11,20,25,.06)}
.cs-steps .ic svg{width:calc(26*var(--u));height:calc(26*var(--u));color:var(--or)}
.cs-steps h3{margin-top:calc(10*var(--u))!important;font-size:max(8.5px,calc(11*var(--u)));font-weight:700}
.cs-steps p{margin-top:calc(5*var(--u))!important;font-size:max(8.5px,calc(8.5*var(--u)));color:var(--muted)}

/* the room checklist */
.cs-list{padding:calc(10*var(--u)) 0 calc(20*var(--u))}
.cs-tbl{width:100%;margin-top:calc(14*var(--u));border-collapse:collapse;font-size:max(8.5px,calc(8.6*var(--u)));color:#46525B;border:calc(1*var(--u)) solid #EAEEF0}
.cs-tbl th{padding:calc(8*var(--u)) calc(10*var(--u));background:#F7F9FA;font-size:max(8.5px,calc(9*var(--u)));font-weight:700;color:var(--ink);text-align:center;border-bottom:calc(1*var(--u)) solid #EAEEF0}
.cs-tbl th:first-child,.cs-tbl td:first-child,.cs-tbl th:last-child,.cs-tbl td:last-child{text-align:left}
.cs-tbl td{padding:calc(6.5*var(--u)) calc(10*var(--u));text-align:center;border-bottom:calc(1*var(--u)) solid #F0F3F4}
.cs-tbl tbody tr:last-child td{border-bottom:calc(1*var(--u)) solid #EAEEF0}
.cs-tbl .yes{color:#1E8E3E;font-weight:700}
.cs-tbl .no{color:#8B949A}
.cs-tbl tfoot td{background:#F4F7F8;font-weight:700;color:var(--ink);border-bottom:0}

/* tools */
.cs-tools{padding:calc(10*var(--u)) 0 calc(20*var(--u))}
.cs-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(20*var(--u));margin-top:calc(14*var(--u))!important}
.cs-cards li{display:flex}
.cs-card2{display:flex;flex-direction:column;width:100%;padding:calc(20*var(--u));border:calc(1*var(--u)) solid #E7EBED;border-radius:calc(5*var(--u));background:#fff;text-decoration:none!important;transition:box-shadow .18s ease-out}
.cs-card2:hover{box-shadow:0 calc(10*var(--u)) calc(22*var(--u)) rgba(11,20,25,.08)}
.cs-card2 svg.ic{width:calc(30*var(--u));height:calc(30*var(--u));color:var(--or)}
.cs-card2 h3{margin-top:calc(18*var(--u))!important;font-size:max(8.5px,calc(12*var(--u)));font-weight:700}
.cs-card2 .d{display:block;margin-top:calc(9*var(--u));font-size:max(8.5px,calc(9*var(--u)));line-height:1.55;color:var(--muted)}
.cs-card2 .sp{display:block;height:calc(18*var(--u))}
.cs-btn2{display:flex;align-items:center;justify-content:center;height:calc(27*var(--u));margin-top:auto;background:var(--cta);color:#fff;border-radius:calc(3*var(--u));font-size:max(8.5px,calc(9.5*var(--u)));font-weight:700}

/* templates */
.cs-tpl{padding:calc(10*var(--u)) 0 calc(24*var(--u))}
.cs-tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(22*var(--u));margin-top:calc(14*var(--u))!important}
.cs-tcard h3{font-size:max(8.5px,calc(11*var(--u)));font-weight:700;text-align:center}
.cs-tcard .t10-tp{display:block;margin-top:calc(12*var(--u));border:calc(1*var(--u)) solid #EAEEF0;border-radius:calc(3*var(--u));box-shadow:0 calc(6*var(--u)) calc(14*var(--u)) rgba(11,20,25,.08)}
.cs-tcard .t10-tp img{aspect-ratio:217/110;object-fit:cover;object-position:top}
.cs-tcard .t10-edit{bottom:10%;padding:calc(6*var(--u)) calc(9*var(--u));border-radius:calc(3*var(--u));font-size:max(7.5px,calc(7.5*var(--u)));font-weight:700;gap:calc(5*var(--u))}
.cs-tcard .t10-edit svg{width:calc(8*var(--u));height:calc(8*var(--u))}
.cs-use{display:flex;align-items:center;justify-content:center;height:calc(30*var(--u));margin-top:calc(12*var(--u));border:calc(1*var(--u)) solid var(--cta);border-radius:calc(3*var(--u));
  font-size:max(8.5px,calc(9.5*var(--u)));font-weight:700;color:var(--cta)!important;text-decoration:none!important;transition:background .18s ease-out}
.cs-use:hover{background:#FDF1E9}
.cs-tpl .t10-strip{margin-top:calc(30*var(--u))}

/* slate band */
.cs-pay{background:var(--slate);color:#fff}
.cs-pay .v-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:calc(130*var(--u))}
.cs-pay .v-eye{color:var(--or)}
.cs-pay h2{margin-top:calc(9*var(--u));font-size:max(8.5px,calc(19*var(--u)));line-height:1.2;font-weight:800;letter-spacing:-.02em;color:#fff}
.cs-pay .p{margin-top:calc(11*var(--u))!important;font-size:max(8.5px,calc(9.5*var(--u)));line-height:1.6;color:#DCE1E6;width:calc(300*var(--u))}
.cs-qr{width:calc(96*var(--u));padding:calc(6*var(--u));background:#fff;border-radius:calc(6*var(--u))}
.cs-pay .cs-hand{position:relative;justify-self:end;width:calc(150*var(--u))}

/* FAQ */
.cs-faq{padding:calc(18*var(--u)) 0 calc(24*var(--u))}
.cs-faq .t10-faq{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(24*var(--u));margin-top:calc(16*var(--u))}
.t-cleaner .cs-faq details{border-bottom:calc(1*var(--u)) solid #EAEEF0}
.cs-faq summary{padding:calc(10*var(--u)) calc(4*var(--u));font-size:max(8.5px,calc(9.5*var(--u)));color:#22303A}
.cs-faq summary::after{content:"";width:calc(9*var(--u));height:calc(9*var(--u));border:solid #5B666D;border-width:0 calc(1.6*var(--u)) calc(1.6*var(--u)) 0;transform:translateY(calc(-2*var(--u))) rotate(45deg);transition:transform .18s ease-out}
.cs-faq details[open] summary::after{content:"";transform:translateY(calc(1*var(--u))) rotate(-135deg)}
.cs-faq .a{padding:0 calc(20*var(--u)) calc(10*var(--u)) calc(4*var(--u))}
.cs-faq .a p{font-size:max(8.5px,calc(9*var(--u)));line-height:1.55;color:var(--muted)}
.cs-faq .a a{color:var(--cta)}

/* closing band: one picture with the copy on it */
.cs-end{position:relative;height:calc(228*var(--u));overflow:hidden;background:var(--cream)}
.cs-end-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.cs-end .v-in{height:100%}
.cs-end-copy{position:absolute;left:calc(31*var(--u));top:calc(30*var(--u));width:calc(400*var(--u))}
.cs-end h2{font-size:max(8.5px,calc(20*var(--u)));line-height:1.25;font-weight:800;letter-spacing:-.02em;color:#101C28}
.cs-end h2 em{display:block;font-style:normal;color:var(--or)}
.cs-end .p{margin-top:calc(12*var(--u))!important;font-size:max(8.5px,calc(9.5*var(--u)));color:var(--tx)}
.cs-end .v-btn{margin-top:calc(16*var(--u))}
.cs-note3{position:absolute;left:calc(666*var(--u));top:calc(22*var(--u));width:calc(110*var(--u))}

@media (max-width:1023px){
  main.t-cleaner{--u:1.55px}
  .t-cleaner .v-in{width:auto;padding-inline:20px}
  .cs-hero{height:auto;min-height:64vw}
  .cs-hero-img{position:absolute;inset:0}
  .cs-hero-img img{object-position:66% 50%}
  .cs-hero-img::after{content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(252,251,250,.94) 0%,rgba(252,251,250,.86) 46%,rgba(252,251,250,.5) 74%,rgba(252,251,250,0) 100%)}
  .cs-hero .v-in{height:auto}
  .cs-hero-copy{position:relative;left:auto;top:auto;width:auto;padding:26px 0 26px}
  .cs-big{font-size:clamp(30px,8vw,44px)}
  .cs-lede{width:auto;max-width:430px}
  .cs-card{position:relative;left:auto;top:auto;width:230px;max-width:100%;margin:0 0 28px;padding:16px 16px 18px}
  .cs-note1,.cs-note2{position:relative;left:auto;top:auto;margin:0 0 10px auto}
  .cs-note2{margin-bottom:18px}
  .cs-steps{grid-template-columns:1fr 1fr;row-gap:24px}
  .cs-steps li+li::before{display:none}
  .cs-tblwrap{overflow-x:auto}
  .cs-tbl{min-width:640px}
  .cs-cards,.cs-tcards{grid-template-columns:1fr}
  .cs-pay .v-in{grid-template-columns:1fr;height:auto;padding-block:30px;row-gap:22px}
  .cs-pay .p{width:auto}
  .cs-pay .cs-hand{justify-self:start}
  .cs-faq .t10-faq{grid-template-columns:1fr}
  .cs-end{height:auto}
  .cs-end-img{position:relative;height:46vw}
  .cs-end-img img{object-position:62% 50%}
  .cs-end .v-in{height:auto}
  .cs-end-copy{position:relative;left:auto;top:auto;width:auto;padding:26px 0 30px}
  .cs-note3{position:relative;left:auto;top:auto;margin:0 0 6px auto}
}
@media (max-width:600px){
  .cs-steps{grid-template-columns:1fr}
  .cs-card{width:100%}
}
@media (prefers-reduced-motion:reduce){.t-cleaner .v-btn,.cs-card2,.cs-use,.cs-faq summary::after{transition:none}}