/* it-t10-freelancer.css: the freelancer page, drawn to the owner's mockup
   (tools/freelancer-pack/freelancer-final-claude-handoff). Built by tools/trades10/freelancer.py.
   From 900px up every size is the mockup's own, in mockup pixels (--u = 1/733 of the page width), so
   the page keeps the mockup's proportions at every desktop width. Below 900px it stacks.
   Only the two photographs are pictures; the wave, icons, documents, cursor and the handwritten
   "Thank you!" are drawn. */
main.t-freelancer{--serif:"Source Serif 4",Georgia,serif;--ink:#16232B;--navy:#12252D;--muted:#5B666D;--line:#E2E6E8;
  --u:1px;--s:1px;container-type:inline-size}
.t-freelancer .fr-f{position:relative;margin:0 auto;padding-inline:20px}
.t-freelancer .fr-h2{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-.01em;font-size:28px;line-height:1.12;font-variation-settings:"opsz" 20}
.t-freelancer .fr-p{font-size:16px;line-height:1.55;color:#4E5A61}
.t-freelancer .fr-eb{font:700 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#F26207}
.t-freelancer .fr-eb-d{color:#8A949A;letter-spacing:.14em}
.t-freelancer .fr-c{text-align:center}
.t-freelancer .fr-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#C04E06;color:#fff;font:700 15px/1 var(--sans);height:48px;padding:0 24px;border-radius:3px}
.t-freelancer .fr-btn:hover{background:#A94404}
.t-freelancer .fr-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.t-freelancer .fr-fine{font-size:13.5px;line-height:1.4;color:#6C767C;margin-top:16px!important}

/* documents: the hero invoice, the three sheets and the payment invoice */
.t-freelancer .fr-doc-in{display:block}
.t-freelancer .fr-doc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.t-freelancer .fr-brand{display:flex;justify-content:space-between;width:100%;gap:10px}
.t-freelancer .fr-brand b{font:400 20px/1.1 var(--serif);color:var(--ink);letter-spacing:-.01em}
.t-freelancer .fr-brand i{font:400 8.5px/1.5 var(--sans);font-style:normal;color:#8A949A;text-align:right}
.t-freelancer .fr-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#5E6971;margin-top:14px!important;padding-top:10px;border-top:1px solid #E6E8EA}
.t-freelancer .fr-bill{font-size:8.5px;line-height:1.5;color:#8A949A;margin-top:12px!important}
.t-freelancer .fr-bill i{display:block;font-style:normal}
.t-freelancer .fr-bill b{display:block;color:var(--ink);font-weight:700}
.t-freelancer .fr-bill u{display:block;text-decoration:none}
.t-freelancer .fr-tbl{width:100%;border-collapse:collapse;margin-top:14px;font-size:8.5px;color:#39454C}
.t-freelancer .fr-tbl th{font-weight:400;color:#8A949A;text-align:right;padding:0 0 5px;border-bottom:1px solid #E6E8EA}
.t-freelancer .fr-tbl th:first-child{text-align:left}
.t-freelancer .fr-tbl td{padding:5px 0;text-align:right}
.t-freelancer .fr-tbl td:first-child{text-align:left}
.t-freelancer .fr-sums{display:grid;grid-template-columns:1fr auto;gap:5px 0;font-size:8.5px;color:#5E6971;margin-top:10px!important;padding-top:9px;border-top:1px solid #E6E8EA}
.t-freelancer .fr-sums span:nth-child(2n){text-align:right;color:var(--ink)}
.t-freelancer .fr-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:9px!important;padding-top:9px;border-top:1px solid #E6E8EA;color:#F26207;font-size:10px}
.t-freelancer .fr-total span{font-weight:600}
.t-freelancer .fr-total b{font-weight:700;font-size:11px}

/* hero */
.t-freelancer .fr-hero{position:relative;background:#F6F2EC;overflow:hidden;isolation:isolate}
/* the photo fills the whole band: a soft wash of the same picture behind the copy, the picture itself
   at its own size on the right, and one wide scrim from the photo's own cream tone */
.t-freelancer .fr-hero::before{content:"";position:absolute;inset:-6%;z-index:-2;background:url(/assets/trade/freelancer-t10-hero.webp) center right/cover no-repeat;filter:blur(40px) saturate(.9) brightness(1.06)}
.t-freelancer .fr-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(246,242,236,.96) 0%,rgba(246,242,236,.92) 30%,rgba(246,242,236,.7) 44%,rgba(246,242,236,.26) 54%,rgba(246,242,236,0) 66%)}
.t-freelancer .fr-hero-img{position:relative}
.t-freelancer .fr-hero-img>img{display:block;width:100%;height:auto;aspect-ratio:415/379;object-fit:cover}
/* the invoice lies on the photo exactly where the mockup put it, at every width (it covers the part
   of the picture the mockup painted over), and its contents scale with the paper: inside the card
   --u is 1/196 of the card, the same unit the mockup's card was drawn in */
.t-freelancer .fr-hcard{position:absolute;left:48.4%;top:14%;width:47.2%;aspect-ratio:196/270;padding:0;background:#FBFBFB;
  border-radius:calc(2 * var(--u));container-type:inline-size;--u:calc(100cqw / 196);box-shadow:0 14px 34px -14px rgba(11,20,25,.4)}
.t-freelancer .fr-hcard .fr-doc-in{padding:calc(13 * var(--u))}
.t-freelancer .fr-hcard .fr-brand b{font-size:calc(13 * var(--u));line-height:calc(15 * var(--u))}
.t-freelancer .fr-hcard .fr-brand i{font-size:calc(5.6 * var(--u));line-height:calc(9.5 * var(--u))}
.t-freelancer .fr-hcard .fr-meta{font-size:calc(6 * var(--u));margin-top:calc(11 * var(--u))!important;padding-top:calc(8 * var(--u))}
.t-freelancer .fr-hcard .fr-bill{font-size:calc(5.6 * var(--u));line-height:calc(8 * var(--u));margin-top:calc(9 * var(--u))!important}
.t-freelancer .fr-hcard .fr-tbl{font-size:calc(5.6 * var(--u));margin-top:calc(14 * var(--u))}
.t-freelancer .fr-hcard .fr-tbl th{padding:0 0 calc(4 * var(--u))}
.t-freelancer .fr-hcard .fr-tbl td{padding:0;height:calc(14.3 * var(--u))}
.t-freelancer .fr-hcard .fr-sums{font-size:calc(5.6 * var(--u));margin-top:calc(7 * var(--u))!important;padding-top:calc(7 * var(--u));gap:calc(4.5 * var(--u)) 0}
.t-freelancer .fr-hcard .fr-total{font-size:calc(6.6 * var(--u));margin-top:calc(7 * var(--u))!important;padding-top:calc(7 * var(--u))}
.t-freelancer .fr-hcard .fr-total b{font-size:calc(7.4 * var(--u))}
.t-freelancer .fr-hero-copy{padding:30px 0 38px}
@media (max-width:899px){
  .t-freelancer .fr-hero .fr-f{position:relative;margin-top:calc(-11vw - 8px);z-index:2;
    background:linear-gradient(180deg,rgba(246,242,236,0) 0,rgba(246,242,236,.8) 26%,rgba(246,242,236,.97) 48%,#F6F2EC 70%)}
  .t-freelancer .fr-hero-copy{padding-top:calc(11vw + 18px)}
}
.t-freelancer .fr-seo{display:block;font:500 13.5px/1.3 var(--sans);color:#78838A;margin-bottom:6px}
.t-freelancer .fr-big{display:block;font:400 31px/1.2 var(--serif);letter-spacing:-.01em;color:var(--ink);font-variation-settings:"opsz" 20}
.t-freelancer h1{margin-top:12px!important}
.t-freelancer .fr-lede{font-size:16px;line-height:1.55;color:#4E5A61;margin-top:16px!important}
.t-freelancer .fr-hero-copy .fr-btn{margin-top:22px}

/* the wave of five steps */
.t-freelancer .fr-flow{background:#fff;padding:44px 0}
.t-freelancer .fr-flow .fr-h2{margin-top:10px!important}
.t-freelancer .fr-wavewrap{display:none}
.t-freelancer .fr-steps{display:grid;gap:24px;margin-top:28px!important;text-align:center}
.t-freelancer .fr-ico{display:block}
.t-freelancer .fr-i{width:26px;height:26px;margin:0 auto;stroke-width:1.6;color:var(--ink)}
.t-freelancer .fr-steps h3{font:700 16px/1.2 var(--sans);color:var(--ink);margin-top:12px!important}
.t-freelancer .fr-steps p{font-size:15px;line-height:1.45;color:#5B666D;margin-top:6px!important}
.t-freelancer .fr-steps a:hover h3{color:#C04E06}

/* documents that fit the way you work */
.t-freelancer .fr-docs{background:linear-gradient(180deg,#F1F5F6,#F3F6F6);padding:44px 0 36px}
.t-freelancer .fr-docs .fr-h2{margin-top:12px!important}
.t-freelancer .fr-docs .fr-p{margin-top:14px!important}
.t-freelancer .fr-sheets{position:relative;--su:calc((100cqw - 40px) * .72 / 154);--s:var(--su);height:calc(266 * var(--s));margin-top:32px}
.t-freelancer .fr-sheet-l,.t-freelancer .fr-sheet-r{--s:calc(var(--su) * .845)}
.t-freelancer .fr-sheet{position:absolute;display:block;background:#FCFCFC;color:var(--ink);overflow:visible;
  box-shadow:0 calc(10 * var(--s)) calc(24 * var(--s)) calc(-10 * var(--s)) rgba(11,20,25,.22)}
.t-freelancer .fr-sheet .fr-doc-in{padding:calc(13 * var(--s)) calc(12 * var(--s))}
.t-freelancer .fr-sb{font:400 calc(7 * var(--s))/1.1 var(--serif);color:var(--ink)}
.t-freelancer .fr-sc{font:400 calc(4.4 * var(--s))/1.5 var(--sans);font-style:normal;color:#F3B58A;text-align:right}
.t-freelancer .fr-st{font:400 calc(11.4 * var(--s))/1.25 var(--serif);color:var(--ink);margin-top:calc(11 * var(--s))!important;letter-spacing:-.01em}
.t-freelancer .fr-cl{position:relative;display:flex;justify-content:space-between;gap:calc(6 * var(--s));font-size:calc(4.6 * var(--s));line-height:1.5;color:#98A2A8;margin-top:calc(11 * var(--s))!important;padding-bottom:calc(9 * var(--s));border-bottom:1px solid #EAEDEE}
.t-freelancer .fr-cl i{display:block;font-style:normal}
.t-freelancer .fr-cl b{display:block;color:var(--ink);font-weight:700}
.t-freelancer .fr-cl u{display:block;text-decoration:none}
.t-freelancer .fr-cl em{flex:none;font-style:normal;text-align:right;color:#98A2A8}
.t-freelancer .fr-rows{display:block;font-size:calc(5 * var(--s));color:#57636A;margin-top:calc(2 * var(--s))!important}
.t-freelancer .fr-rows span{display:flex;justify-content:space-between;align-items:center;gap:calc(8 * var(--s));padding:calc(5 * var(--s)) 0;border-bottom:1px solid #EFF1F2}
.t-freelancer .fr-rows b{font-weight:400;color:var(--ink)}
.t-freelancer .fr-rows-t span{border-bottom:0;font-weight:700;color:var(--ink);border-top:1px solid #E4E7E9;margin-top:calc(6 * var(--s))}
.t-freelancer .fr-ghost{display:block;width:calc(34 * var(--s));height:calc(5 * var(--s));border-radius:calc(2 * var(--s));background:#E8EBEC}
.t-freelancer .fr-for{font-size:calc(4.6 * var(--s));line-height:1.6;color:#98A2A8;margin-top:calc(9 * var(--s))!important}
.t-freelancer .fr-for i{display:block;font-style:normal}
.t-freelancer .fr-for b{display:block;color:var(--ink);font-weight:700}
.t-freelancer .fr-thanks{text-align:right;color:#F26207;font-size:calc(13 * var(--s));margin-top:calc(13 * var(--s))!important;transform:rotate(-4deg)}
.t-freelancer .fr-sheet .fr-total{font-size:calc(6 * var(--s));margin-top:calc(9 * var(--s))!important;padding-top:calc(8 * var(--s))}
.t-freelancer .fr-sheet .fr-total b{font-size:calc(8 * var(--s))}
.t-freelancer .fr-sheet .t10-edit{font-size:calc(6.6 * var(--s));height:calc(21 * var(--s));padding:0 calc(12 * var(--s));border-radius:calc(2 * var(--s))}
.t-freelancer .fr-sheet-c .t10-edit{position:static;display:flex;justify-content:center;width:calc(91 * var(--s));margin:calc(13 * var(--s)) auto 0;opacity:1;transform:none;background:#C04E06;font-weight:700}
.t-freelancer .fr-sheet-l .t10-edit,.t-freelancer .fr-sheet-r .t10-edit{bottom:44%}
.t-freelancer .fr-cursor{position:absolute;left:calc(101 * var(--s));bottom:calc(-2 * var(--s));width:calc(16 * var(--s));height:calc(20 * var(--s))}
.t-freelancer .fr-cursor svg{width:100%;height:100%}
.t-freelancer .fr-sheet-c{width:calc(154 * var(--su));height:calc(252.5 * var(--su));left:calc(50% - 77 * var(--su));top:0;z-index:3}
/* left/right offset widened from 116 to 148su (24 Sep 2026): at the same 116su the center sheet's
   own content sat exactly on the left/right sheet's geometric center, so a tap aimed at the middle
   of the visible card, or a keyboard focus ring, landed on the center sheet instead. The fan still
   overlaps, just not across the card's own midpoint. */
.t-freelancer .fr-sheet-l{width:calc(130 * var(--su));height:calc(194.5 * var(--su));left:calc(50% - 148 * var(--su));top:calc(39 * var(--su));z-index:1}
.t-freelancer .fr-sheet-r{width:calc(130 * var(--su));height:calc(189.5 * var(--su));right:calc(50% - 148 * var(--su));top:calc(46.5 * var(--su));z-index:2}

/* payment */
.t-freelancer .fr-pay{background:var(--navy);color:#fff;padding:44px 0}
.t-freelancer .fr-pay .fr-h2{color:#fff;margin-top:12px!important}
.t-freelancer .fr-pay .fr-p{color:rgba(255,255,255,.82);margin-top:16px!important}
.t-freelancer .fr-paycard{position:relative;background:#FBFBFB;color:var(--ink);padding:18px 16px;margin-top:30px;border-radius:2px}
.t-freelancer .fr-scan{display:flex;align-items:center;gap:14px;margin-top:16px;font-size:11px;color:#5E6971}
.t-freelancer .fr-qr{width:62px;height:62px}
.t-freelancer .fr-ov{position:absolute;inset:0;z-index:1}
.t-freelancer .fr-ov .t10-edit{bottom:48%}
.t-freelancer .fr-track{position:relative;display:grid;gap:22px;margin-top:30px!important;padding-left:26px}
.t-freelancer .fr-track::before{content:"";position:absolute;left:6px;top:8px;bottom:22px;width:1.4px;background:#F26207}
.t-freelancer .fr-track li{position:relative}
.t-freelancer .fr-track li::before{content:"";position:absolute;left:-26px;top:4px;width:13px;height:13px;border-radius:50%;background:#fff}
.t-freelancer .fr-track li.fr-on::before{background:#F26207}
.t-freelancer .fr-track li.fr-done::before{background:#F26207;box-shadow:inset 0 0 0 2.5px #fff}
.t-freelancer .fr-track b{display:block;font:700 16px/1.2 var(--sans);color:#fff}
.t-freelancer .fr-track span{display:block;font-size:14px;line-height:1.45;color:rgba(255,255,255,.7);margin-top:3px}

/* pricing */
.t-freelancer .fr-price{background:#fff;padding:44px 0}
.t-freelancer .fr-tools{display:grid;gap:26px;margin-top:28px!important}
.t-freelancer .fr-tools a{display:block;color:var(--ink)}
.t-freelancer .fr-ti{width:30px;height:30px;stroke-width:1.5;color:var(--ink)}
.t-freelancer .fr-tools b{display:block;font:700 18px/1.25 var(--sans);margin-top:12px}
.t-freelancer .fr-tools span{display:block;font-size:15px;line-height:1.45;color:#5B666D;margin-top:5px}
.t-freelancer .fr-ta{width:20px;height:20px;stroke-width:2;color:#F26207;margin-top:12px}
.t-freelancer .fr-tools a:hover b{color:#C04E06}

/* the agreement details */
.t-freelancer .fr-det{background:#F8F4F0;padding:44px 0}
.t-freelancer .fr-det .fr-h2{margin-top:10px!important}
.t-freelancer .fr-col{margin-top:26px}
.t-freelancer .fr-col h3{font:700 17px/1.2 var(--sans);color:var(--ink)}
.t-freelancer .fr-col ul{margin-top:12px!important}
.t-freelancer .fr-col li{display:flex;align-items:center;gap:14px;font-size:15.5px;line-height:1.5;color:#46525A;padding:5px 0}
.t-freelancer .fr-tick{width:19px;height:19px;flex:none}

/* FAQ */
.t-freelancer .fr-faq{background:#fff;padding:44px 0}
.t-freelancer .fr-faq .fr-eb{margin-top:26px!important}
.t-freelancer .fr-rel{margin-top:14px!important}
.t-freelancer .fr-rel a{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink);padding:6px 0}
.t-freelancer .fr-rel svg{width:16px;height:16px;fill:none;stroke:#F26207;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.t-freelancer .fr-q{margin-top:24px}
.t-freelancer .fr-q details{border-bottom:1px solid #E6EAEC}
.t-freelancer .fr-q summary{font:600 15px/1.35 var(--sans);color:var(--ink);padding:16px 0}
.t-freelancer .fr-q summary::after{font-weight:300;font-size:22px}
.t-freelancer .fr-q .a{padding:0 30px 16px 0}
.t-freelancer .fr-more{margin-top:30px}
.t-freelancer .fr-more h3{font:400 20px/1.25 var(--serif);color:var(--ink)}

/* final call to action */
.t-freelancer .fr-end{position:relative;background:#0F1F27}
.t-freelancer .fr-end-img,.t-freelancer .fr-end-img img{display:block;width:100%;height:auto}
.t-freelancer .fr-endbox{padding:28px 0 34px;color:#fff}
.t-freelancer .fr-logo{display:flex;align-items:center;gap:10px;font:400 20px/1 var(--serif);color:#fff}
.t-freelancer .fr-logo img{width:22px;height:auto}
.t-freelancer .fr-end h2{font:400 30px/1.15 var(--serif);letter-spacing:-.01em;margin-top:18px!important;color:#fff;font-variation-settings:"opsz" 20}
.t-freelancer .fr-endbox .fr-btn{margin-top:22px}
.t-freelancer .fr-endbox .fr-fine{color:rgba(255,255,255,.78)}

/* from 900px: the mockup, to scale */
@media (min-width:900px){
  main.t-freelancer{--u:calc(min(100cqw,1600px) / 733)}
  .t-freelancer .fr-f{width:calc(733 * var(--u));padding-inline:calc(32 * var(--u))}
  .t-freelancer .fr-h2{font-size:calc(24.7 * var(--u));line-height:calc(30 * var(--u))}
  .t-freelancer .fr-p{font-size:max(14px,calc(11.4 * var(--u)));line-height:max(21px,calc(16.7 * var(--u)))}
  .t-freelancer .fr-eb{font-size:max(11px,calc(8.5 * var(--u)));line-height:calc(10 * var(--u))}
  .t-freelancer .fr-btn{height:calc(30 * var(--u));padding:0 calc(18 * var(--u));font-size:max(13px,calc(9.6 * var(--u)));gap:calc(10 * var(--u));border-radius:calc(2 * var(--u))}
  .t-freelancer .fr-btn svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
  .t-freelancer .fr-fine{font-size:max(12px,calc(8.6 * var(--u)));line-height:calc(12 * var(--u));margin-top:calc(9 * var(--u))!important}

  .t-freelancer .fr-hero{height:calc(379 * var(--u))}
  .t-freelancer .fr-hero-img{position:absolute;right:0;top:0;bottom:0;width:calc(415 * var(--u));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
  .t-freelancer .fr-hero-img>img{height:100%}
  .t-freelancer .fr-brand b{font-size:calc(13 * var(--u));line-height:calc(15 * var(--u))}
  .t-freelancer .fr-brand i{font-size:calc(5.6 * var(--u));line-height:calc(9.5 * var(--u))}
  .t-freelancer .fr-meta{font-size:calc(6 * var(--u));margin-top:calc(11 * var(--u))!important;padding-top:calc(8 * var(--u))}
  .t-freelancer .fr-bill{font-size:calc(5.6 * var(--u));line-height:calc(8 * var(--u));margin-top:calc(9 * var(--u))!important}
  .t-freelancer .fr-tbl{font-size:calc(5.6 * var(--u));margin-top:calc(14 * var(--u))}
  .t-freelancer .fr-tbl th{padding-bottom:calc(4 * var(--u))}
  .t-freelancer .fr-tbl td{padding:0;height:calc(14.3 * var(--u))}
  .t-freelancer .fr-sums{font-size:calc(5.6 * var(--u));margin-top:calc(7 * var(--u))!important;padding-top:calc(7 * var(--u));gap:calc(4.5 * var(--u)) 0}
  .t-freelancer .fr-total{font-size:calc(6.6 * var(--u));margin-top:calc(7 * var(--u))!important;padding-top:calc(7 * var(--u))}
  .t-freelancer .fr-total b{font-size:calc(7.4 * var(--u))}
  .t-freelancer .fr-hero-copy{width:calc(300 * var(--u));padding:calc(48.5 * var(--u)) 0 0}
  .t-freelancer .fr-seo{font-size:max(12px,calc(8 * var(--u)));margin-bottom:calc(3 * var(--u))}
  .t-freelancer .fr-big{font-size:calc(31 * var(--u));line-height:calc(36.3 * var(--u))}
  .t-freelancer h1{margin-top:calc(6 * var(--u))!important}
  .t-freelancer .fr-lede{font-size:max(13px,calc(10 * var(--u)));line-height:max(20px,calc(16.5 * var(--u)));margin-top:calc(8 * var(--u))!important;width:calc(232 * var(--u))}
  .t-freelancer .fr-hero-copy .fr-btn{margin-top:calc(13 * var(--u));width:calc(170 * var(--u));padding:0}
  .t-freelancer .fr-hero-copy .fr-fine{margin-top:calc(9 * var(--u))!important}

  .t-freelancer .fr-flow{padding:calc(33.5 * var(--u)) 0 calc(38 * var(--u))}
  .t-freelancer .fr-flow .fr-h2{font-size:calc(24 * var(--u));line-height:calc(28 * var(--u));margin-top:calc(9 * var(--u))!important}
  .t-freelancer .fr-wavewrap{display:block;position:relative;width:calc(669 * var(--u));height:calc(27 * var(--u));margin:calc(19 * var(--u)) 0 0 calc(-14 * var(--u))}
  .t-freelancer .fr-wave{display:block;width:100%;height:100%}
  .t-freelancer .fr-dot{position:absolute;top:calc(11 * var(--u));width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:50%;background:#F26207;transform:translate(-50%,-50%)}
  .t-freelancer .fr-steps{grid-template-columns:repeat(5,1fr);gap:0;width:calc(715 * var(--u));margin:calc(-33 * var(--u)) 0 0 calc(-26 * var(--u))!important}
  .t-freelancer .fr-i{width:calc(22 * var(--u));height:calc(22 * var(--u))}
  .t-freelancer .fr-steps h3{font-size:calc(10.4 * var(--u));line-height:calc(14 * var(--u));margin-top:calc(23 * var(--u))!important}
  .t-freelancer .fr-steps p{font-size:max(12.5px,calc(9.4 * var(--u)));line-height:max(17px,calc(13.5 * var(--u)));margin-top:calc(7 * var(--u))!important}

  .t-freelancer .fr-docs{padding:0}
  .t-freelancer .fr-docs-in{height:calc(293 * var(--u))}
  .t-freelancer .fr-docs-copy{width:calc(230 * var(--u));padding-top:calc(69.5 * var(--u))}
  .t-freelancer .fr-docs .fr-h2{margin-top:calc(11 * var(--u))!important;width:calc(225 * var(--u))}
  .t-freelancer .fr-docs .fr-p{margin-top:calc(23 * var(--u))!important;width:calc(215 * var(--u))}
  .t-freelancer .fr-sheets{position:absolute;left:calc(266.5 * var(--u));top:0;width:calc(433.5 * var(--u));height:100%;margin:0;--su:var(--u)}
  .t-freelancer .fr-sheet-c{left:calc(139.5 * var(--u));top:calc(8.5 * var(--u))}
  .t-freelancer .fr-sheet-l{left:0;top:calc(47.5 * var(--u))}
  .t-freelancer .fr-sheet-r{left:calc(303.5 * var(--u));right:auto;top:calc(55 * var(--u))}

  .t-freelancer .fr-pay{padding:calc(48 * var(--u)) 0 calc(30 * var(--u))}
  .t-freelancer .fr-pay-in{min-height:calc(217 * var(--u))}
  .t-freelancer .fr-pay-copy{width:calc(310 * var(--u))}
  .t-freelancer .fr-pay .fr-h2{font-size:calc(26.5 * var(--u));line-height:calc(30 * var(--u));margin-top:calc(9 * var(--u))!important}
  .t-freelancer .fr-pay .fr-p{margin-top:calc(19 * var(--u))!important;width:calc(290 * var(--u));font-size:max(13px,calc(10 * var(--u)));line-height:max(20px,calc(16.5 * var(--u)))}
  .t-freelancer .fr-paycard{position:absolute;left:calc(367.5 * var(--u));top:calc(-40 * var(--u));width:calc(187.5 * var(--u));min-height:calc(260 * var(--u));
    margin:0;padding:calc(14 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u));border-radius:calc(2 * var(--u))}
  .t-freelancer .fr-paycard .fr-brand b{font-size:calc(12 * var(--u));line-height:calc(14 * var(--u))}
  .t-freelancer .fr-paycard .fr-tbl td{height:calc(15 * var(--u))}
  .t-freelancer .fr-scan{margin-top:calc(14 * var(--u));gap:calc(10 * var(--u));font-size:calc(6.6 * var(--u))}
  .t-freelancer .fr-qr{width:calc(37 * var(--u));height:calc(37 * var(--u))}
  .t-freelancer .fr-track{position:absolute;left:calc(594.5 * var(--u));top:calc(-9 * var(--u));width:calc(104 * var(--u));gap:calc(46 * var(--u));margin:0!important;padding-left:calc(22 * var(--u))}
  .t-freelancer .fr-track::before{left:calc(5.5 * var(--u));top:calc(6 * var(--u));bottom:calc(46 * var(--u));width:max(1px,calc(1.3 * var(--u)))}
  .t-freelancer .fr-track li::before{left:calc(-22 * var(--u));top:calc(2 * var(--u));width:calc(11 * var(--u));height:calc(11 * var(--u))}
  .t-freelancer .fr-track li.fr-done::before{box-shadow:inset 0 0 0 calc(2 * var(--u)) #fff}
  .t-freelancer .fr-track b{font-size:calc(10.4 * var(--u));line-height:calc(13 * var(--u))}
  .t-freelancer .fr-track span{font-size:max(12px,calc(8.6 * var(--u)));line-height:calc(12.5 * var(--u));margin-top:calc(3 * var(--u))}

  .t-freelancer .fr-price{padding:calc(44 * var(--u)) 0 calc(24 * var(--u))}
  .t-freelancer .fr-price-in{display:grid;grid-template-columns:calc(246 * var(--u)) calc(146 * var(--u)) calc(146 * var(--u)) 1fr;gap:0;min-height:calc(120 * var(--u))}
  .t-freelancer .fr-price .fr-h2{font-size:calc(24.4 * var(--u));line-height:calc(31.5 * var(--u));width:calc(230 * var(--u))}
  .t-freelancer .fr-tools{display:contents}
  .t-freelancer .fr-tools li{border-left:1px solid var(--line);padding:0 calc(16 * var(--u)) 0 calc(26 * var(--u))}
  .t-freelancer .fr-ti{width:calc(21 * var(--u));height:calc(21 * var(--u))}
  .t-freelancer .fr-tools b{font-size:calc(10.4 * var(--u));line-height:calc(14 * var(--u));margin-top:calc(14 * var(--u))}
  .t-freelancer .fr-tools span{font-size:max(12px,calc(9 * var(--u)));line-height:calc(13 * var(--u));margin-top:calc(6 * var(--u))}
  .t-freelancer .fr-ta{width:calc(13 * var(--u));height:calc(13 * var(--u));margin-top:calc(12 * var(--u))}

  .t-freelancer .fr-det{padding:calc(40 * var(--u)) 0 calc(30 * var(--u))}
  .t-freelancer .fr-det-in{display:grid;grid-template-columns:calc(294 * var(--u)) calc(184 * var(--u)) 1fr;gap:0;min-height:calc(110 * var(--u))}
  .t-freelancer .fr-det .fr-h2{font-size:calc(25.3 * var(--u));line-height:calc(29 * var(--u));margin-top:calc(11 * var(--u))!important;width:calc(240 * var(--u))}
  .t-freelancer .fr-col{margin:0;padding-left:0}
  .t-freelancer .fr-det-in>.fr-col+.fr-col{border-left:1px solid #E4DED6;padding-left:calc(47.5 * var(--u))}
  .t-freelancer .fr-col h3{font-size:calc(10.4 * var(--u));line-height:calc(14 * var(--u))}
  .t-freelancer .fr-col ul{margin-top:calc(12 * var(--u))!important}
  .t-freelancer .fr-col li{font-size:max(12.5px,calc(9.4 * var(--u)));line-height:calc(22 * var(--u));padding:0;gap:calc(14 * var(--u))}
  .t-freelancer .fr-tick{width:calc(11 * var(--u));height:calc(11 * var(--u))}

  .t-freelancer .fr-faq{padding:calc(34 * var(--u)) 0 calc(30 * var(--u))}
  .t-freelancer .fr-faq-in{display:grid;grid-template-columns:calc(294 * var(--u)) 1fr;gap:0}
  .t-freelancer .fr-faq .fr-h2{font-size:calc(26.1 * var(--u));line-height:calc(30 * var(--u));width:calc(220 * var(--u))}
  .t-freelancer .fr-faq .fr-eb{margin-top:calc(25 * var(--u))!important;font-size:max(10.5px,calc(7.4 * var(--u)))}
  .t-freelancer .fr-rel{margin-top:calc(9 * var(--u))!important}
  .t-freelancer .fr-rel a{font-size:max(12.5px,calc(9.4 * var(--u)));padding:calc(5.5 * var(--u)) 0;gap:calc(10 * var(--u))}
  .t-freelancer .fr-rel svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}
  .t-freelancer .fr-q{margin-top:0}
  .t-freelancer .fr-q summary{font-size:max(12.5px,calc(9.6 * var(--u)));height:calc(40 * var(--u));padding:0 calc(6 * var(--u)) 0 0;font-weight:500}
  .t-freelancer .fr-q summary::after{font-size:calc(15 * var(--u))}
  .t-freelancer .fr-q .a p{font-size:max(13px,calc(9 * var(--u)))}
  .t-freelancer .fr-more{margin-top:calc(26 * var(--u))}
  .t-freelancer .fr-more h3{font-size:calc(14 * var(--u))}

  .t-freelancer .fr-end{height:calc(316 * var(--u))}
  .t-freelancer .fr-end-img{position:absolute;inset:0}
  .t-freelancer .fr-end-img img{height:100%;object-fit:cover}
  .t-freelancer .fr-end .fr-f{position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%}
  .t-freelancer .fr-endbox{position:absolute;left:calc(32 * var(--u));top:calc(40 * var(--u));width:calc(400 * var(--u));padding:0}
  .t-freelancer .fr-logo{font-size:calc(13.5 * var(--u));gap:calc(6 * var(--u));height:calc(15 * var(--u))}
  .t-freelancer .fr-logo img{width:calc(14 * var(--u))}
  .t-freelancer .fr-end h2{font-size:calc(26.5 * var(--u));line-height:calc(29.5 * var(--u));margin-top:calc(21 * var(--u))!important;width:calc(320 * var(--u))}
  .t-freelancer .fr-endbox .fr-btn{margin-top:calc(17 * var(--u));width:calc(160 * var(--u));height:calc(32 * var(--u));padding:0}
  .t-freelancer .fr-endbox .fr-fine{margin-top:calc(11 * var(--u))!important}
}

/* the hero text frame lay over the template paper and swallowed clicks on it (23 Sep 2026) */
.fr-hero .fr-f{pointer-events:none}.fr-hero .fr-f>*{pointer-events:auto}