@font-face{font-family:'Inter Tight Fallback';font-weight:100 449;src:local('Arial'),local('Helvetica'),local('Liberation Sans');size-adjust:97.83%;ascent-override:88.19%;descent-override:22.05%;line-gap-override:0%}
@font-face{font-family:'Inter Tight Fallback';font-weight:450 549;src:local('Arial'),local('Helvetica'),local('Liberation Sans');size-adjust:97.83%;ascent-override:88.19%;descent-override:22.05%;line-gap-override:0%}
@font-face{font-family:'Inter Tight Fallback';font-weight:550 649;src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Liberation Sans Bold');size-adjust:93.67%;ascent-override:95.07%;descent-override:23.77%;line-gap-override:0%}
@font-face{font-family:'Inter Tight Fallback';font-weight:650 749;src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Liberation Sans Bold');size-adjust:95.77%;ascent-override:92.79%;descent-override:23.20%;line-gap-override:0%}
@font-face{font-family:'Inter Tight Fallback';font-weight:750 849;src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Liberation Sans Bold');size-adjust:84.21%;ascent-override:91.43%;descent-override:22.86%;line-gap-override:0%}
@font-face{font-family:'Inter Tight Fallback';font-weight:850 1000;src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Liberation Sans Bold');size-adjust:84.21%;ascent-override:91.43%;descent-override:22.86%;line-gap-override:0%}
/* it-t10-other.css: general business page, the owner's mockup scaled
   (tools/trades10/references-2/general-business.png, 789 wide). --u = one mockup pixel; every position,
   size, hairline and accent below is the mockup's own, measured. Built by tools/trades10/other.py. */
main.t-other{container-type:inline-size;--u:calc(min(100cqw,1440px) / 789);
  --gb-ink:#0D1A22;--gb-sub:#5D6C75;--gb-line:#DDE3E6;--gb-or:#F2711C;--gb-teal:#0B2A31;
  --gb-font:"Inter Tight",'Inter Tight Fallback',Inter,'Inter Fallback',-apple-system,"Segoe UI",sans-serif;font-family:var(--gb-font);background:#FBFAF9;color:var(--gb-ink)}
.t-other .gb-board{position:relative}
.t-other .gb-art{position:relative;width:calc(789 * var(--u));height:calc(var(--h) * var(--u));margin:0 auto}
.t-other .gb-a,.t-other .gb-vr,.t-other .gb-qr-card,.t-other .gb-priv,.t-other .gb-sheet{
  position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u))}
.t-other h1,.t-other h2,.t-other h3{font-family:var(--gb-font);color:var(--gb-ink)}
.gb-kick{font:600 calc(7.6 * var(--u))/1.2 var(--gb-font);letter-spacing:.15em;text-transform:uppercase;color:#6A7880}
.gb-kick-w{color:rgba(255,255,255,.8)}
.gb-h2{font-weight:700;font-size:calc(31.1 * var(--u));line-height:calc(33 * var(--u));letter-spacing:-.025em}
.gb-h2s{font-size:calc(26.9 * var(--u));line-height:calc(28 * var(--u))}
.gb-h2p{font-size:calc(26.5 * var(--u));line-height:calc(29 * var(--u))}
.gb-h2w{font-size:calc(22.5 * var(--u));line-height:calc(27 * var(--u));color:#fff!important}
.gb-h2f{font-size:calc(25.7 * var(--u));line-height:calc(28 * var(--u))}
.gb-h2l{font-size:calc(24.6 * var(--u));line-height:calc(30 * var(--u))}
.gb-h2e{font-size:calc(29 * var(--u));line-height:calc(32 * var(--u));color:#fff!important}
.gb-vr{width:1px;height:calc(var(--h) * var(--u));background:var(--gb-line)}
.gb-btn{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--u));height:calc(31 * var(--u));background:var(--cta);color:#fff!important;
  border-radius:calc(6 * var(--u));font:600 calc(11.4 * var(--u))/1 var(--gb-font);text-decoration:none!important;transition:background .15s}
.gb-btn svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}
.gb-btn:hover{background:var(--cta-h)}
.gb-proof{text-align:center;font-size:calc(10.1 * var(--u));line-height:1.2;color:#68767F}
.gb-proof i{font-style:normal;margin:0 calc(4 * var(--u));color:#9AA6AD}
.gb-proof-w{text-align:left;color:rgba(255,255,255,.82)}
.gb-proof-w i{color:rgba(255,255,255,.5)}

/* hero */
.gb-hero h1{display:block;text-align:center}
.gb-k{display:block;margin-bottom:calc(8 * var(--u));font:600 calc(7.4 * var(--u))/1.2 var(--gb-font);letter-spacing:.16em;text-transform:uppercase;color:#6A7880}
.gb-k i{font-style:normal;color:var(--gb-or);margin:0 calc(3 * var(--u))}
.gb-big{display:block;font-weight:700;font-size:calc(35.45 * var(--u));line-height:calc(37 * var(--u));letter-spacing:-.03em}

/* the five sheets: hero fan, template row, and the same markup at any size */
.gb-sheet{--d:calc(var(--w) * var(--u) / 152);width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));background:#fff;border-radius:calc(3 * var(--d));
  overflow:hidden;box-shadow:0 calc(10 * var(--d)) calc(26 * var(--d)) calc(-10 * var(--d)) rgba(13,26,34,.22),0 0 calc(1.4 * var(--d)) rgba(13,26,34,.07)}
.gb-fan .gb-sheet{transform:rotate(var(--r));transform-origin:50% 100%}
.gb-in{padding:calc(14 * var(--d)) calc(13 * var(--d)) 0}
.gb-mark{display:block;font:700 calc(6.8 * var(--d))/1 var(--gb-font);letter-spacing:-.03em;color:var(--gb-ink)}
.gb-mark b{color:var(--gb-or);font-weight:700}
.gb-acc{display:block;width:calc(13 * var(--d));height:calc(2.6 * var(--d));margin-top:calc(4 * var(--d));background:var(--gb-or);border-radius:1px}
.gb-quote .gb-acc{background:#1F4C9E}.gb-receipt .gb-acc{background:#1FA97A}.gb-workorder .gb-acc{background:#2C3A8E}.gb-estimate .gb-acc{background:#0E2F6B}
.gb-dh{margin-top:calc(7 * var(--d));font:700 calc(13.9 * var(--d))/1 var(--gb-font);letter-spacing:-.03em}
.gb-dm{display:flex;justify-content:space-between;gap:calc(8 * var(--d));margin-top:calc(13 * var(--d));font-size:calc(3.9 * var(--d));line-height:calc(5.6 * var(--d));color:#77848C}
.gb-dm b{display:block;font-weight:600;color:var(--gb-ink)}
.gb-dm .r{text-align:right}
.gb-dt{width:100%;border-collapse:collapse;margin-top:calc(8 * var(--d));font-size:calc(4.2 * var(--d));color:#77848C}
.gb-dt th{background:#F1F3F5;font-size:calc(4.5 * var(--d));font-weight:600;color:var(--gb-ink);text-align:right;padding:calc(3.4 * var(--d)) calc(2 * var(--d))}
.gb-dt th:first-child,.gb-dt td:first-child{text-align:left}
.gb-dt td{text-align:right;padding:calc(4 * var(--d)) calc(2 * var(--d));border-bottom:1px solid #F0F2F4}
.gb-tot{background:#fff;display:flex;justify-content:space-between;align-items:baseline;margin-top:calc(8 * var(--d));padding-top:calc(5 * var(--d));border-top:1px solid #D9DFE3;
  font-size:calc(6.3 * var(--d));font-weight:600;color:var(--gb-ink)}
.gb-tot b{font-size:calc(6.7 * var(--d));font-weight:700}
.gb-tot span,.gb-tot b{background:#fff}
.gb-note{margin-top:calc(10 * var(--d));font-size:calc(3.9 * var(--d));line-height:calc(5.6 * var(--d));color:#8A959C}
.gb-note b{display:block;font-weight:600;color:var(--gb-ink);margin-bottom:calc(2 * var(--d))}
.gb-rl{margin-top:calc(12 * var(--d))!important;font-size:calc(4.2 * var(--d))}
.gb-rl div{display:flex;justify-content:space-between;gap:calc(6 * var(--d));padding:calc(5 * var(--d)) 0;border-bottom:1px solid #F0F2F4;color:#77848C}
.gb-rl dt{font-weight:500}
.gb-rl dd{margin:0;color:var(--gb-ink)}
.gb-thanks{margin-top:calc(11 * var(--d));font:400 calc(8.5 * var(--d))/1 "Caveat","Segoe Script",cursive;color:#1FA97A}
.gb-fan{position:absolute;inset:0}
.gb-fan .gb-sheet{--w:152;--h:200}

/* what are you making today */
.gb-start{background:#F3F6F6}
.gb-rowli{height:calc(41.7 * var(--u));border-bottom:1px solid #DFE5E7}
.gb-row{position:relative;display:block;padding-top:calc(8 * var(--u));color:inherit;text-decoration:none!important}
.gb-row b{display:block;font:700 calc(9.9 * var(--u))/1.2 var(--gb-font);letter-spacing:-.01em}
.gb-row span{display:block;margin-top:calc(6 * var(--u));font-size:calc(7.6 * var(--u));line-height:1.2;color:var(--gb-sub)}
.gb-row i{position:absolute;right:calc(45 * var(--u));top:calc(14 * var(--u));display:block;width:calc(15 * var(--u));height:calc(15 * var(--u));color:var(--gb-or)}
.gb-row i svg{width:100%;height:100%;stroke-width:2.2}
.gb-row:hover b{color:var(--cta)}

/* document templates */
.gb-side{font-size:calc(9.8 * var(--u));line-height:calc(14 * var(--u));color:var(--gb-sub)}
.gb-ul{display:inline-flex;align-items:center;gap:calc(5 * var(--u));font:600 calc(9.8 * var(--u))/1 var(--gb-font);color:var(--cta)!important;
  text-decoration:underline!important;text-underline-offset:calc(3 * var(--u))}
.gb-ul svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.gb-card .gb-sheet{--w:131;--h:174;position:relative;left:auto;top:auto;transform:rotate(var(--r,0deg));transform-origin:50% 60%}
.t-other .gb-tp{display:block;border-radius:calc(3 * var(--u));overflow:visible;background:transparent}
.gb-edit{position:absolute;left:50%;top:calc(191 * var(--u));transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:calc(6 * var(--u));
  height:calc(23 * var(--u));min-width:calc(120 * var(--u));padding:0 calc(10 * var(--u));background:var(--cta);color:#fff;border-radius:calc(5 * var(--u));
  white-space:nowrap;font:600 calc(8.6 * var(--u))/1 var(--gb-font);opacity:1}
.gb-edit svg{width:calc(9 * var(--u));height:calc(9 * var(--u))}
.gb-tp:hover .gb-edit{background:var(--cta-h)}
.gb-tp:hover .gb-sheet{box-shadow:0 calc(14 * var(--u)) calc(30 * var(--u)) calc(-10 * var(--u)) rgba(13,26,34,.3)}

/* know the number before you send it */
.gb-toolli{color:inherit}
.gb-tool{display:block;color:inherit!important;text-decoration:none!important}
.gb-ico{display:block;width:calc(33 * var(--u));height:calc(33 * var(--u));color:var(--gb-ink)}
.gb-tool b{display:block;margin-top:calc(15 * var(--u));font:700 calc(11.7 * var(--u))/calc(13.5 * var(--u)) var(--gb-font);letter-spacing:-.01em}
.gb-tool span{display:block;margin-top:calc(5 * var(--u));font-size:calc(10 * var(--u));line-height:1.2;color:var(--gb-sub)}
.gb-tool i{display:block;margin-top:calc(11 * var(--u));width:calc(15 * var(--u));height:calc(15 * var(--u));color:var(--gb-or)}
.gb-tool i svg{width:100%;height:100%;stroke-width:2.2}
.gb-tool:hover b{color:var(--cta)}

/* payment band */
.gb-pay{background:linear-gradient(100deg,#E2540A 0,#C2470A 26%,#5C3A25 58%,#123037 78%,#0B2A31 100%);color:#fff}
.gb-pay-sub{font-size:calc(10.2 * var(--u));line-height:1.2;color:rgba(255,255,255,.9)}
.gb-qr-card{height:calc(var(--h) * var(--u));background:#fff;border-radius:calc(10 * var(--u));padding:calc(11 * var(--u));display:grid;place-items:center}
.gb-qr{width:100%}
.gb-mark-qr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:calc(2 * var(--u)) calc(3 * var(--u));font-size:calc(8 * var(--u))}
.gb-payli{display:flex;align-items:center;gap:calc(14 * var(--u));font:600 calc(10.8 * var(--u))/1.2 var(--gb-font);color:#fff}
.gb-payico{width:calc(24 * var(--u));height:calc(24 * var(--u));flex:none;color:#fff}

/* from draft to record */
.gb-stepli{color:inherit}
.gb-step{position:relative;display:block;padding-left:calc(46 * var(--u));color:inherit!important;text-decoration:none!important}
.gb-n{position:absolute;left:0;top:calc(-8 * var(--u));font:700 calc(35 * var(--u))/1 var(--gb-font);letter-spacing:-.04em;color:#D3DADE}
.gb-step b{display:block;font:700 calc(11.4 * var(--u))/1.2 var(--gb-font);letter-spacing:-.01em}
.gb-step b small{font-weight:500;font-size:calc(8.6 * var(--u));color:var(--gb-sub)}
.gb-step span{display:block;margin-top:calc(7 * var(--u));font-size:calc(9.2 * var(--u));line-height:calc(13 * var(--u));color:var(--gb-sub)}
.gb-step:hover b{color:var(--cta)}

/* privacy card and link columns */
.gb-links{background:#F9FBFB}
.gb-priv{height:calc(var(--h) * var(--u));background:#EDF2F3;border-radius:calc(8 * var(--u));display:flex;align-items:center;padding:0 calc(22 * var(--u))}
.gb-lock{width:calc(28 * var(--u));height:calc(31 * var(--u));flex:none;color:var(--gb-ink)}
.gb-priv-a{margin-left:calc(20 * var(--u))!important;font:600 calc(10 * var(--u))/1.3 var(--gb-font);color:var(--gb-ink);white-space:nowrap}
.gb-priv-vr{width:1px;height:calc(30 * var(--u));margin:0 calc(18 * var(--u)) 0 auto;background:#D3DCDF}
.gb-priv-b{font-size:calc(9 * var(--u));line-height:calc(13 * var(--u));color:var(--gb-sub);width:calc(310 * var(--u));flex:none}
.gb-col h3{font:700 calc(11 * var(--u))/1 var(--gb-font);letter-spacing:-.01em;margin-bottom:calc(13 * var(--u))!important}
.gb-col li{height:calc(19 * var(--u))}
.gb-l{position:relative;display:block;font-size:calc(9.6 * var(--u));line-height:1.2;color:var(--gb-ink)!important;text-decoration:none!important}
.gb-l i{position:absolute;right:0;top:0;display:block;width:calc(11 * var(--u));height:calc(11 * var(--u));color:var(--gb-or)}
.gb-l i svg{width:100%;height:100%;stroke-width:2.2}
.gb-l:hover{color:var(--cta)!important;text-decoration:underline!important;text-underline-offset:3px}

/* closing band */
.gb-end{background:var(--gb-teal);overflow:hidden}
.gb-end-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}

/* added below the design: the page's questions */
.gb-faqs{padding-block:clamp(48px,6vw,76px);background:#FBFAF9;border-top:1px solid var(--gb-line)}
.gb-h2q{font-size:clamp(24px,2.4vw,31px);line-height:1.2;margin-top:10px!important}
.gb-faq-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,4vw,56px);margin-top:26px}
.t-other .gb-faq summary{font-size:15.5px;padding:14px 4px}
.t-other .gb-faqs .gb-kick{font-size:12px}

/* below 900px: the same pieces, stacked in the design's order */
@media (max-width:899px){
  main.t-other{--u:1.5px}
  .t-other .gb-art{width:auto;height:auto;padding:0 20px}
  .t-other .gb-a,.t-other .gb-vr,.t-other .gb-qr-card,.t-other .gb-priv{position:static;width:auto}
  .t-other .gb-vr{display:none}
  .gb-br{display:none}
  .gb-hero .gb-art{padding:32px 20px 36px}
  .gb-k{font-size:11px;letter-spacing:.14em}
  .gb-big{font-size:34px;line-height:1.1}
  .gb-fan{position:relative;inset:auto;height:auto;margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .gb-fan .gb-sheet{position:relative;left:auto;top:auto;transform:none;--u:min(1.5px,calc((50cqw - 38px) / 152))}
  .gb-btn{display:inline-flex;height:48px;padding:0 24px;font-size:16px;margin:26px auto 0}
  .gb-proof{margin-top:14px!important;font-size:14px}
  .gb-start .gb-art,.gb-stage .gb-art,.gb-price .gb-art,.gb-flow .gb-art,.gb-links .gb-art{padding-top:44px;padding-bottom:44px}
  .gb-h2,.gb-h2s,.gb-h2p,.gb-h2f,.gb-h2l{font-size:28px;line-height:1.16;margin-top:8px!important}
  .gb-h2w,.gb-h2e{font-size:26px;line-height:1.18;margin-top:8px!important}
  .gb-rows{margin-top:22px!important}
  .gb-rowli{height:auto;padding:14px 0}
  .gb-row{padding-top:0}
  .gb-row b{font-size:17px}
  .gb-row span{font-size:14.5px}
  .gb-row i{right:2px;top:10px;width:20px;height:20px}
  .gb-side{margin-top:14px!important;font-size:15px;line-height:1.5}
  .gb-ul{margin-top:12px;font-size:15px}
  .gb-ul svg{width:14px;height:14px}
  .gb-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px!important}
  .gb-card{position:relative;padding-bottom:40px}
  .gb-card .gb-sheet{--u:min(1.6px,calc((50cqw - 30px) / 131))}
  .gb-edit{top:auto;bottom:0;height:34px;min-width:0;font-size:13px;padding:0 14px}
  .gb-edit svg{width:13px;height:13px}
  .gb-tools,.gb-steps{display:grid;gap:26px;margin-top:26px!important}
  .gb-ico{width:38px;height:38px}
  .gb-tool b{margin-top:14px!important;font-size:18px;line-height:1.2}
  .gb-tool span{font-size:15px}
  .gb-tool i{width:20px;height:20px;margin-top:10px}
  .gb-pay .gb-art{padding:34px 20px 38px;display:grid;justify-items:start}
  .gb-pay-sub{margin-top:14px!important;font-size:16px}
  .gb-qr-card{width:150px!important;height:auto;margin-top:22px;padding:12px}
  .gb-pay-list{display:grid;gap:14px;margin-top:22px!important}
  .gb-payli{font-size:16px;gap:12px}
  .gb-payico{width:26px;height:26px}
  .gb-n{position:static;display:block;font-size:30px;margin-bottom:6px}
  .gb-step{padding-left:0}
  .gb-step b{font-size:18px}
  .gb-step span{font-size:15px;line-height:1.5}
  .gb-priv{display:block;height:auto;padding:18px;border-radius:10px;margin-bottom:8px}
  .gb-priv-a{white-space:normal}
  .gb-lock{width:30px;height:33px}
  .gb-priv-a{margin:12px 0 0!important;font-size:16px}
  .gb-priv-vr{display:none}
  .gb-priv-b{width:auto;margin-top:10px!important;font-size:14.5px;line-height:1.5}
  .gb-col{margin-top:26px}
  .gb-col h3{font-size:18px}
  .gb-col li{height:auto;padding:7px 0}
  .gb-l{font-size:16px}
  .gb-l i{right:auto;margin-left:10px;position:static;display:inline-block;vertical-align:-2px;width:15px;height:15px}
  .gb-end-img{position:static;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:88% 50%}
  .gb-end .gb-art{padding:28px 20px 36px}
  .gb-faq-cols{grid-template-columns:1fr}
}

/* final alignment against the mockup (measured, desktop only) */
@media (min-width:900px){
  .gb-hero .gb-art{transform:translateY(calc(3 * var(--u)))}
  .gb-start .gb-art{transform:translateY(calc(3 * var(--u)))}
  .gb-stage .gb-art{transform:translateY(calc(4 * var(--u)))}
  .gb-price .gb-art{transform:translateY(calc(1 * var(--u)))}
  .gb-pay .gb-art{transform:translateY(calc(1 * var(--u)))}
  .gb-flow .gb-art{transform:translateY(calc(8 * var(--u)))}
  .gb-links .gb-art{transform:translateY(calc(6 * var(--u)))}
  .gb-end .gb-art{transform:translateY(calc(6 * var(--u)))}
}

/* v541: on phones the main button sits right under the headline, above the fan of documents, so it is in the first screen */
@media (max-width:639px){
  .gb-hero .gb-art{display:flex;flex-direction:column;align-items:stretch}
  .gb-hero .gb-art>h1{order:1}
  .gb-hero .gb-art>.gb-btn{order:2;align-self:center;margin:22px auto 0}
  .gb-hero .gb-art>.gb-fan{order:3}
  .gb-hero .gb-art>.gb-proof{order:4;text-align:center}
}