/* it-t10-contractor.css: general contractor page, drawn to the owner's mockup
   (tools/contractor-pack/general-contractor-final-claude-handoff/01-final-page-reference.png, 787px wide).
   Desktop: every size is the mockup's pixel size times --u (page width / 787, capped at 1600px wide).
   Below 900px the blocks stack in the mockup's order. Built by tools/trades10/contractor.py. */
main.t-contractor{container-type:inline-size;font-optical-sizing:none;--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--ink:#0F1E28;--navy:#142B37;--soft:#F0F5F7;--or:#F26207}
.t-contractor section{--u:calc(min(100cqw,1600px) / 787)}
.t-contractor .gc-in{width:calc(787 * var(--u));margin-inline:auto;padding-inline:calc(42 * var(--u));position:relative}
.t-contractor .gc-k{font:700 calc(10.2 * var(--u))/1.2 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--or)}
.t-contractor .gc-h2{font:700 calc(31 * var(--u))/1.16 var(--serif);font-variation-settings:"opsz" 20;letter-spacing:-.022em;color:var(--ink)}
.t-contractor h1,.t-contractor h3,.gc-pt,.gc-it{font-variation-settings:"opsz" 20}
.t-contractor .gc-c{text-align:center}
.t-contractor .gc-p{font:400 calc(11.4 * var(--u))/1.75 var(--sans);color:#26333B}
.t-contractor .t10-btn.gc-btn{display:inline-flex;align-items:center;gap:calc(8 * var(--u));height:calc(37 * var(--u));padding:0 calc(19 * var(--u));border-radius:calc(4 * var(--u));
  background:var(--cta);color:#fff;font:600 calc(12.2 * var(--u))/1 var(--sans);box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) calc(-6 * var(--u)) rgba(192,78,6,.5);transition:background .15s}
.t-contractor .gc-btn:hover{background:var(--cta-h)}
.t-contractor .gc-btn svg{width:calc(11 * var(--u));height:calc(11 * var(--u));fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.t-contractor svg.i{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* hero: the photo full bleed, copy over its warm fade */
.gc-hero{position:relative;height:calc(351 * var(--u));background:#FBFAF7;overflow:hidden}
.gc-hero-img{position:absolute;inset:0}
.gc-hero-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.gc-hero-in{padding-top:calc(70.5 * var(--u))}
.gc-hero h1{margin-top:calc(5 * var(--u))!important;max-width:calc(390 * var(--u));font:700 calc(32.1 * var(--u))/calc(34.4 * var(--u)) var(--serif);letter-spacing:-.022em;color:var(--ink)}
.gc-lede{margin-top:calc(10 * var(--u))!important;max-width:calc(345 * var(--u));font:400 calc(11.6 * var(--u))/calc(18.4 * var(--u)) var(--sans);color:#16222A}
.gc-hero .gc-btn{margin-top:calc(11 * var(--u))}

/* one job, one record */
.gc-rec{background:#fff;padding:calc(22 * var(--u)) 0 calc(31 * var(--u))}
.gc-steps{display:grid;grid-template-columns:repeat(6,1fr);width:calc(747 * var(--u));margin:calc(25 * var(--u)) 0 0 calc(-22 * var(--u))!important}
.gc-steps li+li{border-left:1px solid #D5DCE0}
.gc-step{display:flex;flex-direction:column;align-items:center;gap:calc(11 * var(--u));padding:calc(1 * var(--u)) 0 calc(4 * var(--u));color:var(--ink);text-decoration:none!important}
.gc-step svg{width:calc(38 * var(--u));height:calc(38 * var(--u));stroke-width:1.3;margin:calc(-4 * var(--u)) 0}
.gc-step span{font:500 calc(11.8 * var(--u))/1.2 var(--sans)}
.gc-step:hover span{color:var(--cta)}

/* template studio: three loose papers on navy */
.gc-studio{background:var(--navy);padding:calc(13 * var(--u)) 0 calc(23 * var(--u))}
.gc-studio-in{display:grid;grid-template-columns:calc(220 * var(--u)) 1fr;column-gap:0;min-height:calc(267 * var(--u))}
.gc-st-copy{padding:calc(51 * var(--u)) 0 0 calc(3 * var(--u))}
.gc-st-copy .gc-h2{margin-top:calc(12 * var(--u))!important;color:#fff;font-weight:700;font-size:calc(31.5 * var(--u));line-height:calc(36.5 * var(--u))}
.gc-papers{position:relative;height:calc(267 * var(--u))}
.gc-papers li{position:absolute}
.gc-papers li:nth-child(1){left:calc(22 * var(--u));top:calc(20 * var(--u));width:calc(153 * var(--u));transform:rotate(-6.3deg);z-index:1}
.gc-papers li:nth-child(2){left:calc(164 * var(--u));top:0;width:calc(180 * var(--u));z-index:3}
.gc-papers li:nth-child(3){left:calc(349 * var(--u));top:calc(20 * var(--u));width:calc(143 * var(--u));transform:rotate(5deg);z-index:2}
.t10 a.gc-tp{display:block;border-radius:calc(2 * var(--u));overflow:visible;color:var(--ink);box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) rgba(0,0,0,.35)}
.gc-paper{background:#FBFBFA;padding:calc(17 * var(--u)) calc(15 * var(--u)) calc(16 * var(--u));min-height:calc(226 * var(--u))}
.gc-p2 .gc-paper{padding:calc(19 * var(--u)) calc(20 * var(--u));min-height:calc(267 * var(--u))}
.gc-p3 .gc-paper{min-height:calc(236 * var(--u))}
.gc-logo{display:inline-flex;align-items:center;gap:calc(2.5 * var(--u));font:700 calc(8.6 * var(--u))/1 var(--sans);letter-spacing:-.02em;color:#101A20}
.gc-logo i{width:calc(3.3 * var(--u));height:calc(8 * var(--u));background:var(--or);border-radius:1px;transform:skewX(-8deg)}
.gc-pt{display:block;margin-top:calc(9 * var(--u));font:700 calc(12.6 * var(--u))/1.1 var(--serif);color:#101A20}
.gc-pm{margin-top:calc(7 * var(--u))!important;font:400 calc(6.1 * var(--u))/1.55 var(--sans);color:#4A555C}
.gc-p2 .gc-pm{line-height:1.5}
.gc-rule{display:block;width:calc(40 * var(--u));height:calc(4 * var(--u));margin:calc(3 * var(--u)) 0 calc(6 * var(--u));background:repeating-linear-gradient(90deg,#DCE2E6 0 calc(3 * var(--u)),transparent 0 calc(4 * var(--u)))}
.gc-tb{width:100%;border-collapse:collapse;margin-top:calc(11 * var(--u));font:400 calc(6.1 * var(--u))/1.2 var(--sans);color:#2A353C}
.gc-tb th{font-weight:700;text-align:left;padding:0 0 calc(4 * var(--u));border-bottom:1px solid #D6DCE0;color:#101A20}
.gc-tb th+th,.gc-tb td+td{text-align:right}
.gc-tb tbody td{padding:calc(3.4 * var(--u)) 0;border-bottom:1px solid #EDF0F2}
.gc-tb tfoot td{padding-top:calc(11 * var(--u));font-weight:700;font-size:calc(7.2 * var(--u));color:#101A20}
.gc-tb tbody tr:last-child td{border-bottom-color:#C9D0D5}
.gc-p2 .gc-tb{font-size:calc(6.3 * var(--u))}
.gc-p2 .gc-tb tbody td{padding:calc(4.3 * var(--u)) 0}
.gc-p2 .gc-tb tfoot td{font-size:calc(7.4 * var(--u))}
.t10 .gc-tp .t10-edit.gc-edit{bottom:calc(20 * var(--u));height:calc(34 * var(--u));padding:0 calc(19 * var(--u));border-radius:calc(4 * var(--u));font:600 calc(9.6 * var(--u))/1 var(--sans);gap:calc(7 * var(--u));background:var(--cta)}
.t10 .gc-tp .t10-edit svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.t10 .gc-edit-on .t10-edit{opacity:1;transform:translate(-50%,0)}
.t10 .gc-tp::after{border-radius:calc(2 * var(--u))}
.gc-strip{padding-top:calc(34 * var(--u))}
.gc-strip .t10-strip{margin-top:0}
.gc-strip .t10-strip-top h3{color:#fff;font:600 calc(15 * var(--u))/1.2 var(--serif)}
.gc-strip .tgx-btn,.gc-strip .tgx-all{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}

/* payment: the page's one invoice and QR, then the three milestones */
.gc-pay{background:var(--soft);padding:calc(16 * var(--u)) 0 calc(40 * var(--u))}
.gc-pay-in{display:grid;grid-template-columns:calc(366 * var(--u)) 1fr;column-gap:calc(42 * var(--u))}
.gc-pay-copy{padding:calc(20 * var(--u)) 0 0 calc(4 * var(--u))}
.gc-pay-copy .gc-h2{font-size:calc(33.5 * var(--u));line-height:calc(37 * var(--u));max-width:calc(320 * var(--u))}
.gc-pay-copy .gc-p{margin-top:calc(10 * var(--u))!important;max-width:calc(325 * var(--u));font-size:calc(13.4 * var(--u));line-height:calc(19.7 * var(--u))}
.gc-inv{position:relative;width:calc(278 * var(--u));height:calc(221 * var(--u));margin-left:calc(0 * var(--u));background:#fff;border-radius:calc(6 * var(--u));
  box-shadow:0 calc(6 * var(--u)) calc(20 * var(--u)) rgba(15,30,40,.09);padding:calc(19 * var(--u)) calc(20 * var(--u))}
.gc-it{display:block;margin-top:calc(10 * var(--u));font:700 calc(14.5 * var(--u))/1.1 var(--serif);color:#101A20}
.gc-im{max-width:calc(150 * var(--u));margin-top:calc(5 * var(--u))!important;font:400 calc(9.8 * var(--u))/calc(15 * var(--u)) var(--sans);color:#44515A}
.gc-ib{max-width:calc(150 * var(--u));margin-top:calc(11 * var(--u))!important;font:400 calc(9 * var(--u))/calc(13.2 * var(--u)) var(--sans);color:#44515A}
.gc-ib b{display:block;font-weight:700;font-size:calc(9.6 * var(--u));color:#101A20;margin-bottom:calc(2 * var(--u))}
.gc-inv-qr{position:absolute;left:calc(185 * var(--u));top:calc(31 * var(--u));width:calc(71 * var(--u));text-align:center}
.gc-inv-qr span{display:block;margin-top:calc(4 * var(--u));font:400 calc(9 * var(--u))/1 var(--sans);color:#44515A}
.gc-qr{width:calc(71 * var(--u))}
.gc-inv-t{position:absolute;left:calc(20 * var(--u));right:calc(18 * var(--u));top:calc(162 * var(--u));border-top:1px solid #DDE3E7;padding-top:calc(10 * var(--u))}
.gc-inv-t span{display:block;font:700 calc(9.6 * var(--u))/1 var(--sans);color:#101A20}
.gc-inv-t b{display:block;margin-top:calc(6 * var(--u));font:700 calc(16.8 * var(--u))/1 var(--sans);color:#101A20;letter-spacing:-.01em}
.gc-miles{grid-column:1/-1;display:flex;align-items:center;margin:calc(11 * var(--u)) 0 0 calc(80 * var(--u))!important;width:calc(582 * var(--u))}
.gc-miles li{display:flex;align-items:center;flex:none}
.gc-miles li:not(:last-child){flex:1}
.gc-miles li:not(:last-child)::after{content:"";flex:1;height:1px;background:#F4A574;margin:0 calc(14 * var(--u))}
.gc-miles a{display:flex;align-items:center;gap:calc(10 * var(--u));text-decoration:none!important;color:#101A20}
.gc-miles .n{display:grid;place-items:center;width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:50%;background:var(--or);color:#fff;font:600 calc(12.5 * var(--u))/1 var(--sans)}
.gc-miles a span:last-child{font:400 calc(10.4 * var(--u))/1 var(--sans);color:#26333B}
.gc-miles li.on a span:last-child{font-weight:600;color:#101A20}
.gc-miles li:nth-child(1)::after{margin-left:calc(37 * var(--u))}

/* pricing links */
.gc-price{background:#fff;padding:calc(30 * var(--u)) 0 calc(35 * var(--u))}
.gc-price .gc-h2{font-size:calc(33.9 * var(--u))}
.gc-rec .gc-h2{font-size:calc(36 * var(--u))}
.gc-tools{display:grid;grid-template-columns:calc(224 * var(--u)) calc(282 * var(--u)) 1fr;width:calc(747 * var(--u));margin:calc(24 * var(--u)) 0 0 calc(-22 * var(--u))!important}
.gc-tools li{display:flex;justify-content:center}
.gc-tools li+li{border-left:1px solid #D5DCE0}
.gc-tools a{display:flex;align-items:center;gap:calc(14 * var(--u));padding:calc(4 * var(--u)) 0;color:#101A20;text-decoration:none!important}
.gc-tools li:first-child a{margin-left:calc(-20 * var(--u))}
.gc-tools li:last-child a{margin-left:calc(20 * var(--u))}
.gc-tools svg.i{width:calc(33 * var(--u));height:calc(33 * var(--u));stroke-width:1.4}
.gc-tools span{font:600 calc(11.7 * var(--u))/1 var(--sans)}
.gc-tools a>svg:last-child{width:calc(14 * var(--u));height:calc(14 * var(--u));stroke:var(--or);stroke-width:2.2;margin-left:calc(-2 * var(--u))}
.gc-tools a:hover span{color:var(--cta)}

/* details: three columns and the house sketch */
.gc-det{background:#F0F5F8;padding:calc(29 * var(--u)) 0 calc(24 * var(--u));overflow:hidden}
.gc-det .gc-in{padding-left:calc(45 * var(--u));position:static}
.gc-det{position:relative}
.gc-det .gc-k{font-size:calc(8.7 * var(--u))}
.gc-sketch{position:absolute;right:0;top:calc(6 * var(--u));width:calc(111 * var(--u));height:calc(181 * var(--u));fill:none;stroke-linecap:round}
.gc-sketch .f{stroke:#DCE3E8;stroke-width:.4}.gc-sketch .m{stroke:#76828A;stroke-width:.7}.gc-sketch .d{stroke:#A3ADB3;stroke-width:.5}
.gc-sketch text{fill:#8A949A;stroke:none;font:400 4.2px/1 var(--sans)}
.gc-cols{position:relative;display:grid;grid-template-columns:calc(206 * var(--u)) calc(203 * var(--u)) 1fr;margin-top:calc(11 * var(--u))}
.gc-col+.gc-col{border-left:1px solid #CBD3D8;padding-left:calc(28 * var(--u))}
.gc-col:nth-child(3){padding-left:calc(26 * var(--u))}
.gc-col h3{font:700 calc(20.8 * var(--u))/1.1 var(--serif);color:var(--ink);letter-spacing:-.01em}
.gc-col ul{margin-top:calc(11 * var(--u))!important}
.gc-col li{position:relative;width:fit-content;padding-left:calc(19 * var(--u));font:400 calc(11.5 * var(--u))/calc(18.6 * var(--u)) var(--sans);color:#28353D}
.gc-col li::before{content:"";position:absolute;left:calc(6 * var(--u));top:calc(8 * var(--u));width:calc(3.6 * var(--u));height:calc(3.6 * var(--u));border-radius:50%;background:#28353D}

/* approval timeline */
.gc-track{background:#fff;padding:calc(21 * var(--u)) 0 calc(26 * var(--u))}
.gc-track .gc-h2{font-size:calc(30.5 * var(--u));line-height:calc(35 * var(--u));max-width:calc(445 * var(--u));margin-inline:auto!important}
.gc-tl{display:flex;justify-content:space-between;width:calc(611 * var(--u));margin:calc(12 * var(--u)) auto 0!important;padding-left:calc(2 * var(--u))!important}
.gc-tl li{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--u));width:calc(70 * var(--u));font:400 calc(10.8 * var(--u))/1.2 var(--sans);color:#28353D}
.gc-tl li:not(:last-child)::after{content:"";position:absolute;left:calc(60 * var(--u));top:calc(17.5 * var(--u));width:calc(131 * var(--u));height:1px;background:#F4A574}
.gc-tl li:not(:last-child)::before{content:"";position:absolute;left:calc(187 * var(--u));top:calc(15 * var(--u));border:solid #F4A574;border-width:1px 1px 0 0;width:calc(4 * var(--u));height:calc(4 * var(--u));transform:rotate(45deg)}
.gc-tl .dot{display:grid;place-items:center;width:calc(35 * var(--u));height:calc(35 * var(--u));border-radius:50%;background:var(--or);color:#fff}
.gc-tl .dot svg{width:calc(19 * var(--u));height:calc(19 * var(--u));stroke-width:2.2}

/* resources row, then the FAQ (added under the design's row) */
.gc-res{background:#F0F5F8;padding:calc(26 * var(--u)) 0 calc(26 * var(--u))}
.gc-res .gc-in{padding-left:calc(45 * var(--u))}
.gc-res-row{display:grid;grid-template-columns:calc(350 * var(--u)) 1fr;align-items:center}
.gc-res .gc-k{font-size:calc(8 * var(--u))}
.gc-res-h{margin-top:calc(8 * var(--u))!important;font:400 calc(13.9 * var(--u))/1.2 var(--sans);color:#1E2A31}
.gc-res-links{display:grid;grid-template-columns:calc(138 * var(--u)) 1fr;row-gap:calc(9 * var(--u));border-left:1px solid #CBD3D8;padding-left:calc(44 * var(--u))!important;position:relative}
.gc-res-links::after{content:"";position:absolute;left:calc(182 * var(--u));top:calc(-8 * var(--u));bottom:calc(-8 * var(--u));border-left:1px solid #CBD3D8}
.gc-res-links li:nth-child(odd){grid-column:1}
.gc-res-links li:nth-child(1){grid-row:1}.gc-res-links li:nth-child(3){grid-row:2}
.gc-res-links li:nth-child(2){grid-column:2;grid-row:1;padding-left:calc(40 * var(--u))}.gc-res-links li:nth-child(4){grid-column:2;grid-row:2;padding-left:calc(40 * var(--u))}
.gc-res-links a{display:inline-flex;align-items:center;gap:calc(18 * var(--u));font:400 calc(9.7 * var(--u))/1.3 var(--sans);color:#1E2A31;text-decoration:none!important}
.t-contractor .gc-res-links a svg{width:calc(10 * var(--u));height:calc(10 * var(--u));fill:none;stroke:var(--or);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.gc-res-links a:hover{color:var(--cta)}
.gc-faq-wrap{margin-top:calc(34 * var(--u));padding-top:calc(26 * var(--u));border-top:1px solid #D9E1E5;display:grid;grid-template-columns:calc(250 * var(--u)) 1fr;column-gap:calc(40 * var(--u))}
.gc-faq-h{font:700 calc(18 * var(--u))/1.2 var(--serif);color:var(--ink)}
.gc-faq summary{font-size:max(15px,calc(10 * var(--u)))}
.gc-faq .a p{font-size:max(15px,calc(9.6 * var(--u)))}

/* closing band */
.gc-end{position:relative;height:calc(224 * var(--u));background:#13293A;background:#142935;overflow:hidden}
.gc-end-img{position:absolute;inset:0}
.gc-end-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.t-contractor .gc-end-in{padding-top:calc(24 * var(--u));padding-left:calc(47 * var(--u))}
.gc-end .gc-k{font-size:calc(9.3 * var(--u))}
.gc-end h2{margin-top:calc(7 * var(--u))!important;font:700 calc(39.7 * var(--u))/calc(40 * var(--u)) var(--serif);letter-spacing:-.015em;color:#fff;max-width:calc(240 * var(--u))}
.gc-end .gc-btn{margin-top:calc(15 * var(--u));height:calc(36 * var(--u))}

/* phones and small tablets: the same blocks, stacked in the mockup's order */
@media (max-width:1099px){
  .t-contractor section{--u:1.2px}
  .t-contractor .gc-in{width:100%;padding-inline:20px}
  .t-contractor .gc-k{font-size:12px}
  .t-contractor .gc-h2,.gc-price .gc-h2,.gc-track .gc-h2,.gc-pay-copy .gc-h2,.gc-st-copy .gc-h2{font-size:30px;line-height:1.18}
  .t-contractor .gc-p,.gc-pay-copy .gc-p,.gc-lede{font-size:16px;line-height:1.6}
  .t-contractor .t10-btn.gc-btn{height:48px;font-size:16px;padding:0 22px;gap:10px}
  .t-contractor .gc-btn svg{width:16px;height:16px}
  .gc-hero{height:auto;display:flex;flex-direction:column-reverse}
  .gc-hero-img{position:relative;aspect-ratio:787/351}
  .gc-hero-in{padding-top:28px;padding-bottom:8px}
  .gc-hero h1{max-width:none;font-size:34px;line-height:1.14}
  .gc-lede{max-width:none}
  .gc-rec{padding:48px 0 40px}
  .gc-steps{width:auto;margin:28px 0 0!important;grid-template-columns:repeat(3,1fr);row-gap:24px}
  .gc-steps li+li{border-left:0}
  .gc-steps li:nth-child(3n+2),.gc-steps li:nth-child(3n){border-left:1px solid #D5DCE0}
  .gc-step svg{width:34px;height:34px}
  .gc-step span{font-size:15px}
  .gc-studio{padding:48px 0 40px}
  .gc-studio-in{grid-template-columns:1fr;min-height:0}
  .gc-st-copy{padding:0}
  .gc-papers{--u:1.2px;height:auto;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:28px 4px 24px!important;margin-inline:-20px!important;padding-inline:20px!important}
  .gc-papers li{position:relative;left:auto!important;top:auto!important;transform:none!important;flex:none;scroll-snap-align:start}
  .gc-papers li:nth-child(1){width:190px}.gc-papers li:nth-child(2){width:216px}.gc-papers li:nth-child(3){width:180px}
  .gc-strip{padding-top:8px}
  .gc-strip .t10-strip-top h3{font-size:20px}
  .gc-pay{padding:48px 0}
  .gc-pay-in{grid-template-columns:1fr;row-gap:28px}
  .gc-pay-copy{padding:0}
  .gc-inv{width:100%;max-width:360px;height:auto;min-height:0;--u:1.3px;display:grid;grid-template-columns:1fr auto;column-gap:16px}
  .gc-inv-l{min-width:0}
  .gc-inv .gc-ib,.gc-inv .gc-im{max-width:none}
  .gc-inv-qr{position:static;width:96px;align-self:start;margin-top:6px}
  .gc-qr{width:96px}
  .gc-inv-t{position:static;grid-column:1/-1;margin-top:18px}
  .gc-miles{width:100%;margin:8px 0 0!important}
  .gc-miles .n{width:36px;height:36px;font-size:15px}
  .gc-miles a{gap:8px}
  .gc-miles a span:last-child{font-size:15px}
  .gc-miles li:not(:last-child)::after{margin:0 10px}
  .gc-price{padding:48px 0}
  .gc-tools{width:auto;margin:24px 0 0!important;grid-template-columns:1fr}
  .gc-tools li{justify-content:flex-start}
  .gc-tools li+li{border-left:0;border-top:1px solid #D5DCE0}
  .gc-tools li a{margin:0!important;min-height:56px}
  .gc-tools svg.i{width:28px;height:28px}
  .gc-tools span{font-size:16px}
  .gc-tools a>svg:last-child{width:16px;height:16px}
  .gc-det{padding:48px 0}
  .gc-det .gc-in{padding-left:20px}
  .gc-sketch{top:8px;right:-18px;width:120px;height:196px;opacity:.45}
  .gc-cols{grid-template-columns:1fr;row-gap:28px;margin-top:16px}
  .gc-col+.gc-col{border-left:0;padding-left:0!important;border-top:1px solid #CBD3D8;padding-top:24px}
  .gc-col h3{font-size:22px}
  .gc-col li{font-size:16px;line-height:1.75;padding-left:22px}
  .gc-col li::before{top:11px;left:6px;width:4px;height:4px}
  .gc-track{padding:48px 0}
  .gc-tl{width:100%;padding:0!important;margin-top:24px!important}
  .gc-tl li{width:25%;font-size:15px}
  .gc-tl li:not(:last-child)::after{left:calc(50% + 24px);width:calc(100% - 48px);top:21px}
  .gc-tl li:not(:last-child)::before{display:none}
  .gc-tl .dot{width:42px;height:42px}
  .gc-tl .dot svg{width:20px;height:20px}
  .gc-res{padding:40px 0}
  .gc-res .gc-in{padding-left:20px}
  .gc-res-row{grid-template-columns:1fr;row-gap:20px}
  .gc-res-h{font-size:18px}
  .gc-res-links{grid-template-columns:1fr 1fr;border-left:0;padding-left:0!important;column-gap:16px}
  .gc-res-links::after{display:none}
  .gc-res-links li:nth-child(2),.gc-res-links li:nth-child(4){padding-left:0}
  .gc-res-links a{font-size:15px;min-height:44px}
  .t-contractor .gc-res-links a svg{width:14px;height:14px}
  .gc-faq-wrap{grid-template-columns:1fr;row-gap:12px}
  .gc-faq-h{font-size:24px}
  .gc-end{height:auto;display:flex;flex-direction:column-reverse}
  .gc-end-img{position:relative;aspect-ratio:787/223}
  .t-contractor .gc-end-in{padding:36px 20px 28px}
  .gc-end h2{font-size:36px;line-height:1.12;max-width:none}
}

/* paper contents at the mockup's size */
.gc-inv .gc-logo{font-size:calc(9.8 * var(--u))}
.gc-inv .gc-logo i{height:calc(10 * var(--u));width:calc(3.8 * var(--u))}
.gc-pt{font-size:calc(14 * var(--u))}
.gc-p2 .gc-pt{font-size:calc(14.6 * var(--u))}
.gc-pm{font-size:calc(6.9 * var(--u))}
.gc-tb{font-size:calc(7 * var(--u))}
.gc-p2 .gc-tb{font-size:calc(7.3 * var(--u))}
.gc-tb tfoot td{font-size:calc(8.3 * var(--u))}
.gc-p2 .gc-tb tfoot td{font-size:calc(8.6 * var(--u))}
.t10 .gc-tp .t10-edit.gc-edit{font-size:calc(11 * var(--u))}
@media (min-width:1205px){.t-contractor .t10-btn.gc-btn,.t10 .gc-tp .t10-edit.gc-edit{background:var(--or)}.t-contractor .t10-btn.gc-btn:hover{background:var(--cta)}}

/* it-hero-phone-v1 start */
/* One composed hero on phones (24 Sep 2026): the picture sits under the copy inside the same panel,
   with a scrim in the panel color, instead of a separate strip beneath the text. */
@media (max-width:1099px){
.gc-hero{display:flex;flex-direction:column;position:relative;background:rgb(251,250,247);overflow:hidden;height:auto;min-height:0}
.gc-hero-in{order:1;position:relative;inset:auto;z-index:2;background:transparent;padding-bottom:0;margin-bottom:0}
.gc-hero-img{order:2;position:relative;z-index:1;inset:auto;margin:calc(100vw*-0.2800) 0 0;width:100%;max-width:none;height:auto}
.gc-hero-img{aspect-ratio:1/0.7000;overflow:hidden}
.gc-hero-img img{display:block;position:static;width:100%;height:100%;max-width:none;aspect-ratio:auto;padding-top:calc(100vw*0.1680);box-sizing:border-box;background:rgb(251,250,247);object-fit:cover;object-position:100% 50%;-webkit-mask-image:none;mask-image:none}
.gc-hero-img::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(251,250,247) 0,rgb(251,250,247) calc(100vw*0.1750),rgba(251,250,247,0.85) calc(100vw*0.2100),rgba(251,250,247,0.5) calc(100vw*0.2870),rgba(251,250,247,0) calc(100vw*0.4900))}
}
/* it-hero-phone-v1 end */
