/* it-t10-landscaper.css: landscaper page, drawn to the owner's mockup
   (tools/landscaper-pack/landscaper-final-claude-handoff/01-final-page-reference.png, 759px wide).
   Desktop: every size is the mockup's pixel size times --u (page width / 759, capped at 1600px wide).
   Below 900px the blocks stack in the mockup's order. Built by tools/trades10/landscaper.py. */
main.t-landscaper{container-type:inline-size;font-optical-sizing:none;--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--ink:#12242F;--navy:#10222D;--soft:#F4F6F7;--or:#F26207;--grey:#5B676E;--green:#3C6B4A}
.t-landscaper section{--u:calc(min(100cqw,1600px) / 759)}
.t-landscaper .ls-in{width:calc(759 * var(--u));margin-inline:auto;padding-inline:calc(46 * var(--u));position:relative}
.t-landscaper .ls-k{font:500 calc(7.2 * var(--u))/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#4E5A61}
.t-landscaper .ls-k2{font:500 calc(6.9 * var(--u))/1.2 var(--sans);letter-spacing:.21em;text-transform:uppercase;color:#6A757C}
.t-landscaper .ls-h2{font:400 calc(25.5 * var(--u))/calc(30.5 * var(--u)) var(--serif);font-variation-settings:"opsz" 32;letter-spacing:-.01em;color:var(--ink)}
.t-landscaper h1{font-variation-settings:"opsz" 32}
.t-landscaper .ls-c{text-align:center}
.t-landscaper .ln{display:block}
.t-landscaper .ls-p{font:400 calc(9.9 * var(--u))/calc(16.5 * var(--u)) var(--sans);color:#3A464E}
.t-landscaper .ls-sub{font:400 calc(11.2 * var(--u))/1.5 var(--sans);color:#455159}
.t-landscaper .t10-btn.ls-btn{display:inline-flex;align-items:center;gap:calc(8 * var(--u));height:calc(33 * var(--u));padding:0 calc(17 * var(--u));border-radius:calc(3 * var(--u));
  background:var(--cta);color:#fff;font:600 calc(10 * var(--u))/1 var(--sans);transition:background .15s}
.t-landscaper .ls-btn:hover{background:var(--cta-h)}
.t-landscaper .ls-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-landscaper svg.i{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.t-landscaper .ls-lm{width:calc(13 * var(--u));height:calc(13 * var(--u));fill:none;stroke:var(--green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:1250px){.t-landscaper .t10-btn.ls-btn{background:var(--or)}.t-landscaper .t10-btn.ls-btn:hover{background:var(--cta)}}

/* hero: the photo full bleed, copy over its fade */
.ls-hero{position:relative;height:calc(333 * var(--u));background:#FBFAF8;overflow:hidden}
.ls-hero-img{position:absolute;inset:0}
.ls-hero-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.ls-hero-in{padding-top:calc(24 * var(--u))}
.ls-hero h1{margin-top:calc(9 * var(--u))!important;font:400 calc(31 * var(--u))/calc(33.3 * var(--u)) var(--serif);letter-spacing:-.012em;color:var(--ink);white-space:nowrap}
.ls-lede{margin-top:calc(12 * var(--u))!important;max-width:calc(265 * var(--u));font:400 calc(9.8 * var(--u))/calc(17 * var(--u)) var(--sans);color:#2C3840}
.ls-hero .ls-btn{margin-top:calc(5 * var(--u))}
.ls-points{display:flex;gap:calc(32 * var(--u));margin-top:calc(14 * var(--u))!important}
.ls-points li{display:flex;align-items:center;gap:calc(9 * var(--u));font:400 calc(7.4 * var(--u))/calc(11.5 * var(--u)) var(--sans);color:#43505A}
.ls-pi svg{width:calc(17 * var(--u));height:calc(17 * var(--u));stroke:#2C3E48}
.ls-pi.green svg{stroke:var(--green)}

/* site to payment flow, over the mockup's contour lines */
.ls-flow{position:relative;background:#FCFCFC;padding:calc(22 * var(--u)) 0 calc(28 * var(--u));overflow:hidden}
.ls-topo{position:absolute;top:0;height:calc(130 * var(--u));fill:none;stroke:#DFE4E4;stroke-width:.8}
.ls-topo.l{left:0;width:calc(160 * var(--u))}
.ls-topo.r{right:0;width:calc(171 * var(--u))}
.ls-flow .ls-h2{margin-top:calc(8 * var(--u))!important;font-size:calc(25.9 * var(--u))}
.ls-flow .ls-sub{margin-top:calc(8 * var(--u))!important}
.ls-steps{display:grid;grid-template-columns:repeat(5,calc(110 * var(--u)));justify-content:space-between;align-items:start;width:calc(680 * var(--u));margin:calc(29 * var(--u)) 0 0 calc(-7 * var(--u))!important}
.ls-steps{grid-template-columns:calc(110 * var(--u)) calc(32 * var(--u)) calc(110 * var(--u)) calc(32 * var(--u)) calc(110 * var(--u)) calc(32 * var(--u)) calc(110 * var(--u)) calc(32 * var(--u)) calc(110 * var(--u))}
.ls-step{display:flex;flex-direction:column;align-items:center;text-align:center;width:calc(110 * var(--u));color:var(--ink);text-decoration:none!important}
.ls-step svg.i{width:calc(35 * var(--u));height:calc(35 * var(--u));stroke-width:1.3}
.ls-step b{margin-top:calc(13 * var(--u));font:600 calc(10.3 * var(--u))/1.2 var(--sans)}
.ls-step span{margin-top:calc(6 * var(--u));font:400 calc(9 * var(--u))/calc(13.5 * var(--u)) var(--sans);color:#5B676E}
.ls-step:hover b{color:var(--cta)}
.ls-arr{padding-top:calc(11 * var(--u))}
.ls-arr svg{width:calc(19 * var(--u));height:calc(19 * var(--u));fill:none;stroke:#8A949A;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}

/* template studio: three papers on navy */
.ls-studio{background:var(--navy);padding:calc(24 * var(--u)) 0 calc(24 * var(--u))}
.ls-studio-in{display:grid;grid-template-columns:calc(290 * var(--u)) 1fr;min-height:calc(230 * var(--u))}
.ls-st-copy{padding-top:calc(24 * var(--u))}
.ls-st-copy .ls-h2{margin-top:calc(14 * var(--u))!important;color:#fff;font-size:calc(26 * var(--u));line-height:calc(33 * var(--u))}
.ls-st-copy .ls-p{margin-top:calc(14 * var(--u))!important;max-width:calc(210 * var(--u));color:#D5DBDE;font-size:calc(9.4 * var(--u));line-height:calc(15.5 * var(--u))}
.ls-st-copy .ls-btn{margin-top:calc(17 * var(--u))}
.ls-papers{position:relative;height:calc(230 * var(--u))}
.t10 a.ls-tp{position:absolute;overflow:visible;border-radius:calc(2 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(22 * var(--u)) rgba(0,0,0,.34)}
.t10 a.ls-tp::after{border-radius:calc(2 * var(--u))}
.ls-d1{left:calc(8 * var(--u));top:calc(35 * var(--u));width:calc(106 * var(--u));transform:rotate(-6deg);z-index:1}
.ls-d2{left:calc(114 * var(--u));top:calc(5 * var(--u));width:calc(145 * var(--u));z-index:3}
.ls-d3{left:calc(261 * var(--u));top:calc(39 * var(--u));width:calc(123 * var(--u));transform:rotate(6deg);z-index:2}
.ls-paper{position:relative;background:#FCFCFA;padding:calc(15 * var(--u)) calc(14 * var(--u)) calc(18 * var(--u));height:calc(177 * var(--u));overflow:hidden}
.ls-d2 .ls-paper{height:calc(209 * var(--u));padding:calc(18 * var(--u)) calc(17 * var(--u))}
.ls-d3 .ls-paper{height:calc(165 * var(--u))}
.ls-ptitle{display:block;margin-top:calc(6 * var(--u));font:400 calc(12.5 * var(--u))/calc(15 * var(--u)) var(--serif);color:#1A2B33}
.ls-d2 .ls-ptitle{font-size:calc(14.5 * var(--u));line-height:calc(17 * var(--u))}
.ls-plines{display:grid;gap:calc(7.5 * var(--u));margin-top:calc(14 * var(--u))}
.ls-plines i{display:block;height:calc(1.1 * var(--u));background:#E1E4E2;width:100%}
.ls-plines i:nth-child(2n){width:62%}
.ls-plines i:nth-child(3n){width:84%}
.ls-plines i:nth-child(5){width:46%}
.ls-plines i:nth-child(8){width:38%}
.ls-plant{position:absolute;mix-blend-mode:multiply;height:auto}
.ls-plant.b{left:calc(58 * var(--u));bottom:calc(2 * var(--u));width:calc(48 * var(--u))}
.ls-d2 .ls-plant.b{left:calc(78 * var(--u));bottom:calc(-2 * var(--u));width:calc(62 * var(--u))}
.ls-d3 .ls-plant.b{left:calc(26 * var(--u));bottom:calc(-2 * var(--u));width:calc(72 * var(--u))}
.ls-plant.t{right:calc(3 * var(--u));top:calc(2 * var(--u));width:calc(60 * var(--u))}
.ls-d3 .ls-plant.t{right:calc(2 * var(--u));top:calc(18 * var(--u));width:calc(40 * var(--u))}
.t10 .ls-tp .t10-edit.ls-edit{bottom:calc(72 * var(--u));height:calc(29 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(4 * var(--u));background:#16262F;
  font:500 calc(9.4 * var(--u))/1 var(--sans);gap:calc(9 * var(--u));box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) rgba(0,0,0,.35)}
.t10 .ls-tp .t10-edit svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.t10 .ls-edit-on .t10-edit{opacity:1;transform:translate(-50%,0)}
.ls-note{position:absolute;right:calc(-13 * var(--u));top:calc(4 * var(--u));width:calc(80 * var(--u));text-align:left;color:#EEF1F2}
.ls-note span{display:inline-block;transform:rotate(-4deg);font:500 calc(13 * var(--u))/calc(16 * var(--u)) "Caveat",cursive}
.ls-note svg{position:absolute;left:calc(-30 * var(--u));top:calc(10 * var(--u));width:calc(40 * var(--u));height:calc(38 * var(--u));fill:none;stroke:#EEF1F2;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.ls-strip{padding-top:calc(30 * var(--u))}
.ls-strip .t10-strip{margin-top:0}
.ls-strip .t10-strip-top h3{color:#fff;font:400 calc(15 * var(--u))/1.2 var(--serif)}
.ls-strip .tgx-btn,.ls-strip .tgx-all{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}

/* payment: the page's one invoice and QR */
.ls-pay{background:#fff;padding:calc(30 * var(--u)) 0 calc(24 * var(--u))}
.ls-pay-in{display:grid;grid-template-columns:calc(318 * var(--u)) calc(248 * var(--u)) 1fr;column-gap:0}
.ls-pay-copy{padding-top:calc(10 * var(--u))}
.ls-pay-copy .ls-h2{margin-top:calc(12 * var(--u))!important}
.ls-pay-copy .ls-p{margin-top:calc(14 * var(--u))!important;max-width:calc(250 * var(--u))}
.ls-doc{background:#FCFCFB;border-radius:calc(3 * var(--u));box-shadow:0 calc(5 * var(--u)) calc(16 * var(--u)) rgba(18,36,47,.09);padding:calc(15 * var(--u)) calc(14 * var(--u));height:calc(173 * var(--u))}
.ls-doc-top{position:relative;display:grid;grid-template-columns:1fr calc(92 * var(--u));column-gap:calc(10 * var(--u))}
.ls-doc-t{grid-column:1/-1;display:flex;align-items:center;gap:calc(6 * var(--u));font:400 calc(14 * var(--u))/1 var(--serif);color:#16262F}
.ls-doc-t .ls-lm{width:calc(15 * var(--u));height:calc(15 * var(--u))}
.ls-doc-from{margin-top:calc(9 * var(--u));font:400 calc(6.5 * var(--u))/calc(11.5 * var(--u)) var(--sans);color:#4B565D}
.ls-doc-meta{margin-top:calc(9 * var(--u))}
.ls-doc-meta div{display:flex;justify-content:space-between;font:400 calc(6.3 * var(--u))/calc(12 * var(--u)) var(--sans)}
.ls-doc-meta dt{color:#8C959B}
.ls-doc-meta dd{margin:0;color:#3C4750}
.ls-tb{width:100%;border-collapse:collapse;margin-top:calc(13 * var(--u));font:400 calc(6.7 * var(--u))/1.2 var(--sans);color:#3C4750}
.ls-tb th{text-align:left;font-weight:400;color:#6E787E;padding-bottom:calc(5 * var(--u));border-bottom:1px solid #E4E7E6}
.ls-tb th:nth-child(2),.ls-tb td:nth-child(2){text-align:center;width:calc(26 * var(--u))}
.ls-tb th:nth-child(3),.ls-tb td:nth-child(3){text-align:right;width:calc(40 * var(--u))}
.ls-tb th:nth-child(4),.ls-tb td:nth-child(4){text-align:right;width:calc(46 * var(--u))}
.ls-tb tbody td{padding:calc(4.2 * var(--u)) 0}
.ls-tb tfoot td{padding-top:calc(9 * var(--u));border-top:1px solid #E4E7E6;font-weight:700;font-size:calc(8.2 * var(--u));color:#16262F}
.ls-qr-card{justify-self:end;width:calc(85 * var(--u));height:calc(116 * var(--u));margin-top:calc(30 * var(--u));background:#fff;border-radius:calc(3 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) rgba(18,36,47,.1);
  display:flex;flex-direction:column;align-items:center;padding-top:calc(14 * var(--u))}
.ls-qr-card span{font:400 calc(7.4 * var(--u))/1 var(--sans);color:#3C4750}
.ls-qr{width:calc(72 * var(--u));margin-top:calc(8 * var(--u))}
.ls-prog{grid-column:2/4;display:grid;grid-template-columns:repeat(3,1fr);width:calc(396 * var(--u));margin:calc(27 * var(--u)) 0 0 calc(-49 * var(--u))!important;position:relative}
.ls-prog li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.ls-prog .dot{display:grid;place-items:center;width:calc(17 * var(--u));height:calc(17 * var(--u));border-radius:50%;border:calc(2.4 * var(--u)) solid #C6CCD0;background:#fff;color:#fff;position:relative;z-index:1}
.ls-prog li.on .dot{background:var(--or);border-color:var(--or)}
.ls-prog li.ring .dot{border-color:var(--or)}
.ls-prog .dot svg{width:calc(9 * var(--u));height:calc(9 * var(--u));stroke-width:3}
.ls-prog li:not(:last-child)::after{content:"";position:absolute;top:calc(8 * var(--u));left:50%;width:100%;height:calc(1.4 * var(--u));background:#D4D9DC}
.ls-prog li.on::after{background:var(--or)}
.ls-prog b{margin-top:calc(9 * var(--u));font:600 calc(10 * var(--u))/1.2 var(--sans);color:#16262F}
.ls-prog span:last-child{margin-top:calc(4 * var(--u));font:400 calc(8.6 * var(--u))/1.2 var(--sans);color:#6A757C}

/* built-in tools */
.ls-price{background:#fff;padding:calc(29 * var(--u)) 0 calc(30 * var(--u));border-top:1px solid #EDEFF0}
.ls-price .ls-h2{margin-top:calc(11 * var(--u))!important;font-size:calc(26 * var(--u))}
.ls-price .ls-sub{margin-top:calc(9 * var(--u))!important}
.ls-tools{display:grid;grid-template-columns:calc(228 * var(--u)) calc(238 * var(--u)) 1fr;margin-top:calc(26 * var(--u))!important;padding-left:calc(13 * var(--u))!important}
.ls-tools li+li{border-left:1px solid #E2E6E7;padding-left:calc(28 * var(--u))}
.ls-tool{display:flex;align-items:flex-start;gap:calc(20 * var(--u));color:#16262F;text-decoration:none!important}
.ls-tools svg.i{flex:none;width:calc(31 * var(--u));height:calc(31 * var(--u));margin-top:calc(2 * var(--u))}
.ls-tool span{font:400 calc(8.85 * var(--u))/calc(13 * var(--u)) var(--sans);color:#5B676E}
.ls-tool b{display:block;margin-bottom:calc(4 * var(--u));white-space:nowrap;font:600 calc(10.1 * var(--u))/1.2 var(--sans);color:#16262F}
.t-landscaper .ls-tool>svg:last-child{flex:none;width:calc(11 * var(--u));height:calc(11 * var(--u));margin:calc(7 * var(--u)) calc(24 * var(--u)) 0 auto;stroke:#6A757C;stroke-width:1.6}
.ls-tool:hover b{color:var(--cta)}

/* invoice details */
.ls-det{position:relative;background:var(--soft);padding:calc(27 * var(--u)) 0 calc(26 * var(--u));overflow:hidden}
.ls-leaves{position:absolute;left:calc(12 * var(--u));bottom:0;width:calc(210 * var(--u));height:calc(76 * var(--u));fill:none;stroke:#B7C0C5;stroke-width:.9;stroke-linecap:round}
.ls-det-in{display:grid;grid-template-columns:calc(285 * var(--u)) calc(203 * var(--u)) 1fr}
.ls-det-l .ls-h2{margin-top:calc(12 * var(--u))!important;font-size:calc(27.5 * var(--u))}
.ls-det-l .ls-p{margin-top:calc(11 * var(--u))!important;max-width:calc(205 * var(--u));font-size:calc(11.4 * var(--u))}
.ls-det-c,.ls-det-r{position:relative;padding-left:calc(42 * var(--u));border-left:1px solid #DCE1E3}
.ls-det-c b,.ls-det-r b{display:block;font:600 calc(10.6 * var(--u))/1 var(--sans);color:#16262F}
.ls-ticks{margin-top:calc(16 * var(--u))!important}
.ls-ticks li{display:flex;align-items:center;gap:calc(12 * var(--u));height:calc(22.3 * var(--u));font:400 calc(9.6 * var(--u))/1 var(--sans);color:#3C4750}
.ls-ticks svg.tk{flex:none;width:calc(13 * var(--u));height:calc(13 * var(--u));stroke:#2F3E47;stroke-width:1.8}

/* stay informed */
.ls-track{background:#fff;padding:calc(28 * var(--u)) 0 calc(24 * var(--u))}
.ls-track .ls-h2{margin-top:calc(11 * var(--u))!important;font-size:calc(25 * var(--u))}
.ls-track .ls-sub{margin-top:calc(9 * var(--u))!important}
.ls-prog2{grid-column:auto;width:calc(670 * var(--u));margin:calc(24 * var(--u)) 0 0 calc(-3 * var(--u))!important}

/* resources, then the FAQ (added under the design's row) */
.ls-res{background:#fff;padding:calc(20 * var(--u)) 0 calc(24 * var(--u))}
.ls-res .ls-h2{margin-top:calc(12 * var(--u))!important;font-size:calc(23 * var(--u))}
.ls-res-links{display:grid;grid-template-columns:calc(156 * var(--u)) calc(138 * var(--u)) calc(150 * var(--u)) calc(145 * var(--u)) 1fr;margin-top:calc(26 * var(--u))!important;border-top:1px solid #E7EAEB;padding-top:calc(14 * var(--u))!important}
.ls-res-links li+li{border-left:1px solid #E7EAEB;padding-left:calc(28 * var(--u))}
.ls-res-links a{display:inline-block;font:400 calc(8.3 * var(--u))/calc(13.5 * var(--u)) var(--sans);color:#28343C;text-decoration:none!important}
.t-landscaper .ls-res-links a svg{width:calc(10 * var(--u));height:calc(10 * var(--u));vertical-align:-.1em;stroke:#4B565D;stroke-width:1.8}
.ls-res-links a:hover{color:var(--cta)}
.ls-faq-wrap{margin-top:calc(30 * var(--u));padding-top:calc(24 * var(--u));border-top:1px solid #E7EAEB;display:grid;grid-template-columns:calc(250 * var(--u)) 1fr;column-gap:calc(40 * var(--u))}
.ls-faq-h{font:400 calc(18 * var(--u))/1.25 var(--serif);color:var(--ink)}
.ls-faq summary{font-size:max(15px,calc(10 * var(--u)))}
.ls-faq .a p{font-size:max(15px,calc(9.6 * var(--u)))}

/* closing band */
.ls-end{position:relative;height:calc(208 * var(--u));background:#0C1C26;overflow:hidden}
.ls-end-img{position:absolute;inset:0}
.ls-end-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.t-landscaper .ls-end-in{padding-top:calc(24 * var(--u));padding-left:calc(47 * var(--u))}
.ls-end .ls-k2{color:#C9D2D6}
.ls-end h2{margin-top:calc(13 * var(--u))!important;font:400 calc(26 * var(--u))/calc(30 * var(--u)) var(--serif);font-variation-settings:"opsz" 32;color:#fff}
.ls-end p{margin-top:calc(13 * var(--u))!important;max-width:calc(250 * var(--u));font:400 calc(9.3 * var(--u))/calc(15.5 * var(--u)) var(--sans);color:#DCE2E5}
.ls-end .ls-btn{margin-top:calc(20 * var(--u))}

/* phones and small tablets */
@media (max-width:1099px){
  .t-landscaper section{--u:1.25px}
  .t-landscaper .ls-in{width:100%;padding-inline:20px}
  .t-landscaper .ls-k,.t-landscaper .ls-k2{font-size:12px;letter-spacing:.16em}
  .t-landscaper .ls-h2,.ls-flow .ls-h2,.ls-track .ls-h2,.ls-res .ls-h2,.ls-det-l .ls-h2,.ls-st-copy .ls-h2{font-size:26px;line-height:1.24}
  .t-landscaper .ls-p,.t-landscaper .ls-sub,.ls-lede{font-size:16px;line-height:1.6;max-width:none}
  .t-landscaper .t10-btn.ls-btn{height:48px;font-size:16px;padding:0 22px;gap:10px}
  .t-landscaper .ls-btn svg{width:16px;height:16px}
  .ls-hero{height:auto;display:flex;flex-direction:column-reverse}
  .ls-hero-img{position:relative;aspect-ratio:759/333}
  .ls-hero-in{padding:28px 20px 34px}
  .ls-hero h1{white-space:normal;font-size:29px;line-height:1.22}
  .ls-points{flex-wrap:wrap;gap:18px 24px}
  .ls-points li{font-size:14px;line-height:1.35}
  .ls-pi svg{width:24px;height:24px}
  .ls-flow{padding:44px 0 40px}
  .ls-topo{display:none}
  .ls-steps{grid-template-columns:1fr;row-gap:6px;width:auto;margin:26px 0 0!important}
  .ls-step{width:100%}
  .ls-step svg.i{width:44px;height:44px}
  .ls-step b{font-size:18px}.ls-step span{font-size:15px;line-height:1.45}
  .ls-arr{padding:0;display:flex;justify-content:center}.ls-arr svg{transform:rotate(90deg);width:22px;height:22px}
  .ls-studio{padding:44px 0 40px}
  .ls-studio-in{grid-template-columns:1fr;min-height:0}
  .ls-st-copy{padding-top:0}
  .ls-papers{--u:1.5px;height:auto;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:28px -20px 0;padding:10px 20px 18px}
  .t10 a.ls-tp{position:relative;left:auto!important;top:auto!important;transform:none!important;flex:none;scroll-snap-align:start}
  .ls-d1{width:calc(106 * var(--u))}.ls-d2{width:calc(145 * var(--u))}.ls-d3{width:calc(123 * var(--u))}
  .ls-note{position:relative;right:auto;top:auto;width:auto;margin-top:18px;color:#D7DDE0}
  .ls-note svg{display:none}
  .ls-note span{font-size:20px;line-height:24px;transform:none}
  .ls-strip{padding-top:10px}.ls-strip .t10-strip-top h3{font-size:20px}
  .ls-pay{padding:44px 0}
  .ls-pay-in{grid-template-columns:1fr;row-gap:24px}
  .ls-pay-copy{padding-top:0}
  .ls-doc{--u:1.38px;width:100%;max-width:calc(248 * var(--u));min-width:0;height:auto;padding-bottom:calc(20 * var(--u))}
  .ls-qr-card{--u:1.6px;justify-self:start;margin-top:0}
  .ls-prog,.ls-prog2{grid-column:auto;width:100%;--u:1.5px;margin:8px 0 0!important}
  .ls-price{padding:44px 0}
  .ls-tools{grid-template-columns:1fr;row-gap:18px;margin-top:22px!important}
  .ls-tools li+li{border-left:0;padding-left:0;border-top:1px solid #E2E6E7;padding-top:18px}
  .ls-tools svg.i{width:32px;height:32px}
  .ls-tool b{font-size:17px}.ls-tool span{font-size:15px;line-height:1.45}
  .t-landscaper .ls-tool>svg:last-child{width:16px;height:16px}
  .ls-det{padding:44px 0 64px}
  .ls-leaves{width:150px;height:54px;opacity:.7}
  .ls-det-in{grid-template-columns:1fr;row-gap:26px}
  .ls-det-c,.ls-det-r{padding-left:0;border-left:0;border-top:1px solid #DCE1E3;padding-top:22px}
  .ls-det-c b,.ls-det-r b{font-size:17px}
  .ls-ticks li{height:40px;font-size:16px;gap:14px}
  .ls-ticks svg.tk{width:18px;height:18px}
  .ls-track{padding:44px 0}
  .ls-res{padding:40px 0}
  .ls-res-links{grid-template-columns:1fr 1fr;row-gap:14px;column-gap:16px}
  .ls-res-links li+li{border-left:0;padding-left:0}
  .ls-res-links a{font-size:15px;line-height:1.45}
  .t-landscaper .ls-res-links a svg{width:14px;height:14px}
  .ls-faq-wrap{grid-template-columns:1fr;row-gap:12px}
  .ls-faq-h{font-size:24px}
  .ls-end{height:auto;display:flex;flex-direction:column-reverse}
  .ls-end-img{position:relative;aspect-ratio:759/208}
  .t-landscaper .ls-end-in{padding:34px 20px 30px}
  .ls-end h2{font-size:28px;line-height:1.24}
  .ls-end p{font-size:16px;max-width:none}
}

/* 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){
.ls-hero{display:flex;flex-direction:column;position:relative;background:rgb(251,250,248);overflow:hidden;height:auto;min-height:0}
.ls-hero-in{order:1;position:relative;inset:auto;z-index:2;background:transparent;padding-bottom:0;margin-bottom:0}
.ls-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}
.ls-hero-img{aspect-ratio:1/0.7000;overflow:hidden}
.ls-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,248);object-fit:cover;object-position:100% 50%;-webkit-mask-image:none;mask-image:none}
.ls-hero-img::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(251,250,248) 0,rgb(251,250,248) calc(100vw*0.1750),rgba(251,250,248,0.85) calc(100vw*0.2100),rgba(251,250,248,0.5) calc(100vw*0.2870),rgba(251,250,248,0) calc(100vw*0.4900))}
}
/* it-hero-phone-v1 end */