*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#064c3a;background:#fff;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}.shell{width:min(1390px,92%);margin:auto}a{text-decoration:none;color:inherit}header{height:88px;background:#fffaf2;position:relative;z-index:20}.nav{height:100%;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:8px;margin-right:auto}.brand img:first-child{width:50px;height:auto;display:block}.brand img:last-child{width:178px;height:auto;display:block}.nav nav{display:flex;gap:38px;color:#111;font-size:14px}.topcta,.primary{background:#006449;color:#fff;border-radius:7px;padding:15px 24px;font-weight:700}.hero{height:555px;position:relative;overflow:hidden;background:#fff8ee}.hero-photo{position:absolute;right:0;top:0;width:68%;height:100%;background:url("hero.jpg") center/cover no-repeat}.hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,#fff8ee 0%,#fff8ee 31%,rgba(255,248,238,.96) 38%,rgba(255,248,238,.72) 45%,rgba(255,248,238,.35) 52%,rgba(255,248,238,0) 61%)}.hero-content{height:100%;position:relative;z-index:3;display:flex;align-items:center}.copy{width:690px}.eyebrow{font-size:12px;letter-spacing:.28em;color:#647c74;margin-bottom:17px}.copy h1{font-size:62px;line-height:1.02;letter-spacing:-.04em;margin:0 0 7px}.copy h2{font-size:26px;margin:0 0 18px}.copy>p{font-size:18px;line-height:1.55;color:#385e54;margin:0}.buttons{display:flex;gap:18px;margin:24px 0 31px}.secondary{border:1px solid #0b6c55;border-radius:7px;padding:14px 22px;font-weight:700;background:rgba(255,255,255,.48)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:690px}.benefits div{display:flex;align-items:center;gap:11px;font-size:13px;color:#1d3931}.benefits b{font-size:28px;color:#006449}.assort{padding:18px 0 25px}.sectionline{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.sectionline h2{font-size:36px;margin:0 0 2px}.sectionline p{margin:0;color:#42645b}.sectionline>a{font-size:14px;font-weight:700}.cards{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.cards article{border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 2px 12px #00000018;border:1px solid #eee}.cards img{display:block;width:100%;height:145px;object-fit:cover;object-position:center center;aspect-ratio:auto}.cards h3{font-size:15px;color:#111;margin:10px 12px 4px}.cards p{font-size:12px;color:#667873;margin:0 12px 13px}.why{background:#004b39;color:#fff;padding:20px 0 25px}.why h2{font-size:34px;margin:0 0 20px}.whygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.whygrid>div{display:flex;gap:15px;align-items:flex-start}.whygrid i{font-style:normal;width:48px;height:48px;border-radius:50%;background:#439f35;display:grid;place-items:center;font-size:24px;flex:0 0 48px}.whygrid b,.whygrid small{display:block}.whygrid b{font-size:15px;line-height:1.25}.whygrid small{font-size:12px;line-height:1.45;margin-top:7px;color:#e3eee9}.info{padding:55px 0}.info h2,.price h2{font-size:34px;margin:0 0 10px}.info p{font-size:17px;color:#42645b}.price{background:#f4eadc;padding:45px 0}.pricein{display:flex;justify-content:space-between;align-items:center}.contact{display:flex;gap:12px;align-items:center}.contact a{padding:13px 18px;border:1px solid #006449;border-radius:7px;font-weight:700}.contact a:last-child{background:#006449;color:white}.foot{min-height:100px;display:flex;align-items:center;gap:50px}.foot .brand{margin-right:auto}@media(max-width:900px){header{height:72px}.nav nav{display:none}.topcta{display:none}.hero{height:auto;min-height:760px}.hero-photo{width:100%;height:390px;top:auto;bottom:0}.hero-fade{background:linear-gradient(180deg,#fff8ee 0%,#fff8ee 46%,rgba(255,248,238,.9) 52%,rgba(255,248,238,0) 67%)}.hero-content{align-items:flex-start;padding-top:45px}.copy{width:100%}.copy h1{font-size:48px}.copy h2{font-size:22px}.benefits{width:100%;grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}.cards img{display:block;width:100%;height:145px;object-fit:cover;object-position:center center;aspect-ratio:auto}.whygrid{grid-template-columns:1fr 1fr}.pricein{display:block}.contact{margin-top:25px;flex-wrap:wrap}}@media(max-width:520px){.copy h1{font-size:40px}.buttons{flex-direction:column;align-items:flex-start}.whygrid{grid-template-columns:1fr}.sectionline{align-items:flex-start;gap:10px}.sectionline h2{font-size:30px}.cards{gap:8px}.cards img{display:block;width:100%;height:145px;object-fit:cover;object-position:center center;aspect-ratio:auto}.foot{flex-wrap:wrap;padding:25px 0}.foot .brand{width:100%}}
.cards article{min-width:0}
.cards article:nth-child(1) img{object-position:50% 50%}
.cards article:nth-child(2) img{object-position:50% 48%}
.cards article:nth-child(3) img{object-position:50% 50%}
.cards article:nth-child(4) img{object-position:50% 48%}
.cards article:nth-child(5) img{object-position:50% 52%}
.cards article:nth-child(6) img{object-position:50% 48%}
.cards article:nth-child(7) img{object-position:50% 50%}
.cards article:nth-child(8) img{object-position:50% 50%}
@media(max-width:900px){.cards img{height:180px}}
@media(max-width:520px){.cards img{height:130px}}


/* Freshliner brand typography */
:root{--brand:#205c42;--brand-deep:#064c3a}
body{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-weight:400}
nav,.topcta,.primary,.secondary,.sectionline>a,.contact a{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}
.copy h1,.copy h2,.sectionline h2,.why h2,.info h2,.price h2,.cards h3,.whygrid b{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;color:var(--brand);font-weight:700;letter-spacing:-.025em}
.copy h1{font-size:60px;line-height:1.04;letter-spacing:-.045em}
.copy h2{font-size:25px;line-height:1.2;letter-spacing:-.025em}
.copy>p,.sectionline p,.cards p,.info p,.price p,.whygrid small,.benefits span{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;letter-spacing:-.01em}
.nav nav{font-weight:600;letter-spacing:-.015em}
.topcta,.primary,.secondary,.sectionline>a,.contact a{font-weight:700;letter-spacing:-.02em}
.sectionline h2,.why h2,.info h2,.price h2{letter-spacing:-.035em}
.cards h3{font-size:16px;letter-spacing:-.025em}
.brand img:first-child{width:50px;height:auto}
.brand img:last-child{width:178px;height:auto}
@media(max-width:900px){.copy h1{font-size:47px}}
@media(max-width:520px){.copy h1{font-size:39px}}

/* Final visual polish */
.hero{height:575px}
.copy{width:710px}
.copy h1{font-size:64px;line-height:1.01;max-width:650px;margin-bottom:10px}
.copy h2{font-size:25px;margin-bottom:20px}
.copy>p{max-width:610px;line-height:1.6}
.buttons{margin:26px 0 34px}
.primary,.secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.benefits{width:720px;gap:24px}
.benefits div{gap:12px;line-height:1.2}
.benefits b{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px}
.benefits svg{width:29px;height:29px;fill:none;stroke:#08745a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.assort{padding:27px 0 38px}
.sectionline{margin-bottom:20px}
.sectionline h2{font-size:38px}
.cards{gap:15px}
.cards article{border-radius:12px;box-shadow:0 5px 20px rgba(18,64,48,.10);border:1px solid rgba(18,64,48,.09);transition:transform .18s ease,box-shadow .18s ease}
.cards article:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(18,64,48,.14)}
.cards img{height:175px;object-fit:cover}
.cards h3{font-size:17px;margin:12px 13px 4px}
.cards p{font-size:12.5px;margin:0 13px 15px;min-height:16px}
@media(max-width:1200px){.copy h1{font-size:56px}.benefits{width:650px}.cards{grid-template-columns:repeat(4,1fr)}.cards img{height:190px}}
@media(max-width:900px){.hero{min-height:790px}.copy h1{font-size:48px}.benefits{width:100%}.cards{grid-template-columns:repeat(2,1fr)}.cards img{height:210px}}
@media(max-width:520px){.hero{min-height:830px}.copy h1{font-size:40px}.benefits{gap:16px}.cards img{height:165px}.sectionline h2{font-size:32px}}
/* Lead modal */
.modal-open{overflow:hidden}.lead-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}.lead-modal.open{display:flex}.lead-backdrop{position:absolute;inset:0;background:rgba(3,35,27,.58);backdrop-filter:blur(4px)}.lead-dialog{position:relative;width:min(520px,100%);background:#fffaf2;border-radius:18px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.24);color:#173f34}.lead-close{position:absolute;right:17px;top:13px;border:0;background:transparent;font-size:31px;line-height:1;color:#55736a;cursor:pointer}.lead-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0b745a;margin-bottom:9px}.lead-dialog h2{font-size:32px;line-height:1.08;color:#205c42;margin:0 35px 9px 0;letter-spacing:-.035em}.lead-intro{margin:0 0 22px;color:#55736a;line-height:1.45}.lead-dialog form{display:grid;gap:14px}.lead-dialog label{font-size:13px;font-weight:700;color:#294f44}.lead-dialog input{width:100%;margin-top:7px;border:1px solid #cbd8d3;background:#fff;border-radius:9px;padding:13px 14px;font:inherit;color:#173f34;outline:none}.lead-dialog input:focus{border-color:#08745a;box-shadow:0 0 0 3px rgba(8,116,90,.10)}.lead-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.lead-submit,.lead-telegram{border:1px solid #006449;border-radius:9px;padding:13px 12px;font:700 14px "Trebuchet MS","Segoe UI",Arial,sans-serif;text-align:center;cursor:pointer}.lead-submit{background:#006449;color:#fff}.lead-telegram{background:#fff;color:#006449}.lead-dialog small{color:#6b7f78;line-height:1.4}@media(max-width:520px){.lead-dialog{padding:28px 20px 22px}.lead-dialog h2{font-size:27px}.lead-actions{grid-template-columns:1fr}}

/* Assortment groups */
.group-cards{grid-template-columns:repeat(3,1fr);gap:20px}
.group-cards article{position:relative;min-height:245px;background:#fff}
.group-cards img{width:100%;height:205px;object-fit:cover;object-position:center;display:block}
.group-cards h3{font-size:20px;margin:14px 16px 17px;color:var(--brand)}
.assort-cta{margin-top:24px;padding:20px 24px;border-radius:12px;background:#f6eee3;display:flex;align-items:center;justify-content:space-between;gap:20px}
.assort-cta b,.assort-cta span{display:block}
.assort-cta b{font-size:18px;margin-bottom:4px}
.assort-cta span{color:#557067;font-size:14px}
.assort-cta button{border:0;cursor:pointer;font-family:inherit;font-size:14px}
@media(max-width:900px){.group-cards{grid-template-columns:repeat(2,1fr)}.group-cards img{height:200px}}
@media(max-width:520px){.group-cards{grid-template-columns:1fr}.group-cards img{height:220px}.assort-cta{align-items:flex-start;flex-direction:column}}

/* Light trust section */
.why{background:#fbfcf8;color:#274f45;padding:56px 0 64px;position:relative;overflow:hidden}
.why-heading{text-align:center;max-width:1180px;margin:0 auto 30px}
.why .why-heading h2,.why .why-heading p{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:36px;line-height:1.16;font-weight:700;letter-spacing:-.035em;color:#205c42;margin:0}
.why .why-heading p{margin-top:8px}
.whygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.whygrid .whycard{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid rgba(18,64,48,.08);border-radius:14px;overflow:hidden;box-shadow:0 7px 24px rgba(18,64,48,.08);padding:18px 18px 0;min-width:0}
.whygrid .whycard i{font-style:normal;width:50px;height:50px;border-radius:50%;background:#edf6ef;color:#08745a;display:grid;place-items:center;font-size:25px;flex:0 0 50px;margin-bottom:10px}
.whygrid .whycard span{display:block;min-height:132px}
.whygrid .whycard b{display:block;font-size:20px;line-height:1.2;color:#205c42;margin-bottom:8px}
.whygrid .whycard small{display:block;font-size:15px;line-height:1.45;color:#536c66}
.whygrid .whycard img{display:block;width:calc(100% + 36px);height:170px;margin:12px -18px 0;object-fit:cover;object-position:center;border:0}
@media(max-width:1000px){.whygrid{grid-template-columns:repeat(2,1fr)}.why .why-heading h2,.why .why-heading p{font-size:31px}.whygrid .whycard span{min-height:112px}}
@media(max-width:560px){.why{padding:42px 0 48px}.whygrid{grid-template-columns:1fr}.why .why-heading h2,.why .why-heading p{font-size:26px}.whygrid .whycard span{min-height:0}.whygrid .whycard img{height:190px}}

/* Why section: crisp SVG icons and undistorted photography */
.whygrid .whycard i svg{width:28px;height:28px;display:block;fill:none;stroke:#08745a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.whygrid .whycard img{width:calc(100% + 36px);height:auto;aspect-ratio:16/9;margin:12px -18px 0;object-fit:cover;object-position:center center;display:block;max-width:none}
@media(max-width:560px){.whygrid .whycard img{height:auto;aspect-ratio:16/9}}

/* Final photo fix: preserve each source image's native aspect ratio exactly. */
.whygrid .whycard img{
  width:calc(100% + 36px);
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center;
  margin:12px -18px 0;
  display:block;
  max-width:none;
}

/* How we work — three simple steps */
.howsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.howstep{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid #e7ece9;border-radius:12px;background:#fff;box-shadow:0 3px 14px #0000000d}.howstep>span{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#eaf5ef;color:#08715a;font-weight:700;font-size:18px}.howstep h3{margin:2px 0 8px;color:var(--brand);font-size:19px;line-height:1.25;letter-spacing:-.025em}.howstep p{margin:0;font-size:15px;line-height:1.5;color:#42645b}@media(max-width:900px){.howsteps{grid-template-columns:1fr}.howstep{padding:20px}}

/* Footer layout: brand and phone grouped on the right */
.foot{justify-content:space-between}.foot>span{margin-right:auto}.footer-contact{margin-left:auto;display:flex;align-items:center;gap:30px}.footer-contact .brand{margin-right:0}.footer-contact>a{font-weight:700;white-space:nowrap}@media(max-width:520px){.footer-contact{width:100%;margin-left:0;justify-content:space-between;gap:16px}.footer-contact .brand{width:auto}.footer-contact .brand img:first-child{width:42px}.footer-contact .brand img:last-child{width:150px}}

.contact-details{margin-right:auto}.contact-details h2{font-size:22px;margin:0 0 8px;color:#064c3a}.contact-details p{margin:0 0 6px;color:#42645b;font-size:15px}.contact-details a{font-weight:700;font-size:16px;color:#064c3a}.footer-contact{margin-left:auto}.footer-contact .brand{margin-right:0}@media(max-width:520px){.foot{align-items:flex-start}.contact-details{width:100%}.footer-contact{width:100%;justify-content:flex-end}}

/* More breathing room below footer contacts */
footer#contacts{padding-bottom:96px;}
@media(max-width:520px){footer#contacts{padding-bottom:72px;}}


/* Mobile hero only — desktop remains unchanged */
.mobile-hero-photo{display:none}
@media(max-width:520px){
  header{height:auto;min-height:92px;padding:18px 0;background:#fffaf2}
  .nav{justify-content:center;height:auto}
  .nav .brand{margin:0 auto;justify-content:center}
  .nav .brand img:first-child{width:48px}
  .nav .brand img:last-child{width:min(250px,68vw)}
  .hero{height:auto!important;min-height:0!important;overflow:visible;background:#fff8ee}
  .hero>.hero-photo,.hero>.hero-fade{display:none}
  .hero-content{height:auto;display:block;padding:42px 0 0!important}
  .copy{width:100%;text-align:center}
  .copy h1{font-size:42px;line-height:1.08;max-width:100%;margin:0 auto 18px}
  .copy h2{font-size:27px;line-height:1.22;margin:0 auto 24px;max-width:94%}
  .copy>p{font-size:19px;line-height:1.55;max-width:94%;margin:0 auto;color:#385e54}
  .copy>p br{display:none}
  .buttons{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:30px auto 28px;width:min(100%,460px)}
  .buttons .primary,.buttons .secondary{width:100%;min-height:58px;padding:16px 18px;font-size:18px;text-align:center;background-clip:padding-box}
  .mobile-hero-photo{display:block;width:100vw;height:310px;margin-left:calc(50% - 50vw);background:url("hero.jpg") center center/cover no-repeat}
  .benefits{width:100vw;margin-left:calc(50% - 50vw);padding:28px 7vw 34px;background:#fff;grid-template-columns:1fr 1fr;gap:26px 16px;text-align:left}
  .benefits div{justify-content:flex-start;gap:12px;font-size:14px}
  .benefits b{width:36px;height:36px;flex:0 0 36px}
  .benefits svg{width:32px;height:32px}
}

/* Mobile content alignment — desktop untouched */
@media(max-width:520px){
  .assort .sectionline,
  .assort .sectionline>div,
  .group-cards article,
  .assort-cta,
  .why-heading,
  .whygrid .whycard,
  .info,
  .howstep,
  footer#contacts .foot,
  .contact-details,
  .footer-contact{
    text-align:center;
  }
  .sectionline{display:block}
  .sectionline h2,.sectionline p{margin-left:auto;margin-right:auto}
  .group-cards h3,.group-cards p{text-align:center}
  .assort-cta{align-items:center!important}
  .assort-cta .primary{align-self:center;width:min(100%,320px)}
  .whygrid .whycard{align-items:center}
  .whygrid .whycard span{width:100%;text-align:center}
  .whygrid .whycard i{margin-left:auto;margin-right:auto}
  .info h2{text-align:center}
  .howstep{flex-direction:column;align-items:center;gap:12px}
  .howstep>span{margin:0 auto}
  .howstep>div,.howstep h3,.howstep p{text-align:center;width:100%}
  footer#contacts .foot{align-items:center!important}
  .contact-details{margin:0 auto;width:100%;text-align:center}
  .footer-contact{margin:22px auto 0!important;width:100%;justify-content:center!important}
  .footer-contact .brand{margin:0 auto;justify-content:center}
}

/* CTA buttons in the first How we work step */
.how-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.how-actions .primary,.how-actions .secondary{min-height:42px;padding:11px 15px;font-size:14px}
@media(max-width:900px){.how-actions{justify-content:center}.how-actions .primary,.how-actions .secondary{min-width:190px}}
@media(max-width:520px){.how-actions{width:100%;flex-direction:column;align-items:center}.how-actions .primary,.how-actions .secondary{width:min(100%,320px)}}

/* Footer Telegram contact */
.contact-details .contact-telegram{display:block;margin-top:8px;font-weight:600;font-size:15px;color:#08715a;text-decoration:none}.contact-details .contact-telegram:hover{text-decoration:underline}