.hero{position:relative;height:790px;margin-top:21px;overflow:hidden;isolation:isolate}
/* v22i: hero decor is clipped by the exact site container before the inner Figma offset is applied. */
.hero-decor-clip{position:absolute;z-index:0;left:50%;top:0;width:min(var(--container),calc(100% - (var(--page-gutter) * 2)));height:790px;transform:translateX(-50%);overflow:hidden;overflow:clip;pointer-events:none}
.hero-decor{position:absolute;left:-180px;top:0;width:min(1142.872px,79.3667vw);pointer-events:none}
.hero-decor-vector{display:block;width:100%;height:auto;max-width:none}
.hero-decor-fade{position:absolute;left:.185%;top:35.02%;width:98.61%;height:64.98%;background:linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%);transform:rotate(90deg)}
.hero-grid{position:relative;z-index:1;display:grid;height:790px;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:331px 391px 68px;column-gap:24px}
.hero-title-text{z-index:3;grid-column:1/-1;grid-row:1;width:calc(123.456% + 25px);margin:26px 0 0 -15px;font-family:var(--font-display);font-size:90px;font-weight:400;line-height:.985;letter-spacing:-.018em;text-transform:uppercase;color:var(--color-primary);transform:scaleX(.81);transform-origin:left top}
.hero-title-line{display:flex;align-items:flex-start;white-space:nowrap}
.hero-title-line--one{gap:12px}
.hero-title-line--two{gap:8px}
.hero-title-line--three{margin-top:-1px}
.hero-title-highlight{display:inline-block;padding:0 10px 5px;background:#7dc804;color:#fff;line-height:.93}
.hero-title-plain{display:inline-block}
.hero-assurance{z-index:4;grid-column:10/13;grid-row:1;align-self:start;width:calc(100% - 1px);min-height:144px;margin-top:119px;padding:18px 10px 18px 19px;border:1px solid var(--color-primary);border-radius:5px;background:rgba(255,255,255,.96);box-shadow:0 4px 29.6px rgba(0,0,0,.13)}
.hero-assurance>img{width:44px;height:44px}
.hero-assurance p{margin:16px 0 0;font-size:17px;font-weight:500;line-height:22px}
.hero-subtitle-text{z-index:3;grid-column:4/8;grid-row:1;align-self:start;width:118%;margin:225px 0 0 12px;font-family:var(--font-display);font-size:33px;font-weight:400;line-height:1.15;letter-spacing:-.012em;text-transform:uppercase;color:var(--color-primary);transform:scaleX(.81);transform-origin:left top}
.hero-subtitle-text strong{color:#7dc804}
.hero-photo-cell{z-index:2;grid-column:1/11;grid-row:2;align-self:start}
.hero-photo-wrap{position:relative;width:92.3792%;margin:0;overflow:visible}
.hero-photo-wrap>picture{display:block}.hero-photo{display:block;width:100%;height:auto}
.hero-note{position:absolute;z-index:3;left:-1.006%;top:65.985%;width:45.3722%;height:36.8286%;margin:0;padding:24px 27px 25px 28px;border:0;outline:2px solid rgba(41,115,124,.20);border-radius:5px;background:rgba(255,255,255,.95);box-shadow:0 0 8.8px rgba(255,255,255,.88);backdrop-filter:blur(5.8px)}
.hero-note p{margin:0;color:#29737C;font-size:16px;line-height:24px}
.hero-features{z-index:4;grid-column:10/13;grid-row:2;display:grid;grid-template-rows:115px 88px 92px;row-gap:30px;align-self:start;width:calc(100% + 5px);margin-top:18px}
.hero-feature{display:flex;flex-direction:column;align-items:flex-end}
.hero-feature--application,.hero-feature--technology{gap:15px}.hero-feature--simple{gap:5px}
.hero-feature-icon{width:47px;height:46px;object-fit:contain}.hero-feature-icon--water{width:60px;height:60px}
.hero-feature h2{max-width:308px;margin:0;font-family:var(--font-display);font-size:30px;font-weight:400;line-height:.9;letter-spacing:-.012em;text-align:right;text-transform:uppercase;color:var(--color-primary);transform:scaleX(.81);transform-origin:right top}

.applications{padding-top:0;padding-bottom:65px}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.application-panel{position:relative;min-height:302px;padding:24px 22px;border:1px solid rgba(14,56,59,.1);border-radius:var(--radius);overflow:hidden}
.application-panel--image{background:linear-gradient(rgba(0,118,138,.6),rgba(0,118,138,.6)),var(--panel-image) center/cover no-repeat;color:#fff}
.application-panel--product{display:flex;flex-direction:column;gap:18px;background:#fff;box-shadow:var(--shadow-soft)}
.application-panel--product p{margin:0;line-height:1.25}
.panel-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}
.panel-heading h3{margin:0;font-size:20px}
.panel-heading span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.15);font-weight:700}
.check-list{position:relative;display:grid;gap:16px;margin:16px 0 0;padding:0;list-style:none}
.check-list li{display:flex;align-items:center;min-height:60px;padding:12px 15px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);background:rgba(255,255,255,.15);box-shadow:0 0 19.1px rgba(0,0,0,.1);font-weight:600}
.check-list li::before{content:"✓";margin-right:10px;font-weight:700}

.demand{padding-top:0;padding-bottom:53px}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.benefit-card{min-height:231px;padding:24px 28px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.benefit-card--lead{display:flex;align-items:center;background:var(--color-primary);color:#fff;font-weight:500}
.benefit-card h3{margin:15px 0 10px;font-size:20px;line-height:1.3}
.benefit-card p{margin:0;color:rgba(41,115,124,.6);font-weight:500}
.benefit-card--lead p{color:#fff;line-height:1.5}

.products{min-height:698px;background:var(--color-primary)}
.products-bg{position:absolute;inset:0;background:linear-gradient(rgba(41,115,124,.12),rgba(41,115,124,.12)),url('../images/products-background.webp') center/cover no-repeat}
.products-inner{position:relative;padding-top:51px;padding-bottom:52px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card{position:relative;min-height:488px;padding-top:103px}
.product-card::before{content:"";position:absolute;inset:103px 0 0;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-soft)}
.product-bottle{position:absolute;z-index:1;top:0;left:50%;width:265px;height:291px;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 9px 19px rgba(0,0,0,.10))}
.product-card-body{position:relative;z-index:2;padding:199px 26px 22px}
.product-card-body h3{margin:0 0 10px;font-size:20px}
.product-card-body p{height:64px;margin:0 0 16px;color:rgba(41,115,124,.6);font-weight:500;overflow:hidden}

.why-us{padding-top:64px;padding-bottom:49px;overflow:hidden;background:radial-gradient(circle at 91% 90%,rgba(125,200,4,.15) 0 2px,transparent 3px) 0 0/18px 18px}
.why-grid{position:relative;display:grid;grid-template-columns:repeat(6,1fr);row-gap:74px;padding-top:0}
.why-grid::before{content:"";position:absolute;left:0;right:0;top:231px;border-top:1px solid rgba(41,115,124,.25)}
.why-grid article{position:relative;grid-column:span 2;min-height:181px;padding:40px 18px 20px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft)}
.why-grid article:nth-child(4){grid-column:2/span 2}.why-grid article:nth-child(5){grid-column:4/span 2}
.why-grid article::after{content:"";position:absolute;bottom:-16px;left:var(--pointer,50%);width:32px;height:32px;background:#fff;box-shadow:4px 4px 8px rgba(0,0,0,.04);transform:translateX(-50%) rotate(45deg)}
.why-grid article:nth-child(n+4)::after{top:-16px;bottom:auto}
.why-grid h3,.why-grid p{position:relative;z-index:1}
.why-grid h3{margin:0 0 15px;font-size:20px}.why-grid p{margin:0;color:rgba(41,115,124,.6);font-weight:500}
.why-icon{position:absolute;z-index:2;left:50%;top:calc(100% + 14px);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--color-lime);color:var(--color-lime);font-weight:700;transform:translateX(-50%)}
.why-grid article:nth-child(n+4) .why-icon{top:-93px}

.partners{padding-top:32px;padding-bottom:45px;overflow:hidden}
.partner-strip{position:relative;display:flex;align-items:center;justify-content:center;gap:39px;min-width:max-content;height:121px;filter:grayscale(1);opacity:.6}
.partner-strip::before,.partner-strip::after{content:"";position:sticky;z-index:2;flex:0 0 150px;align-self:stretch;pointer-events:none}
.partner-strip::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.partner-strip::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.partner-strip img{max-height:90px;object-fit:contain}

.certificates{min-height:565px;background:var(--color-primary)}
.certificates::before{content:"";position:absolute;inset:0;background:url('../images/certificates-background.webp') center/cover no-repeat}
.certificates-overlay{position:absolute;inset:0;background:rgba(41,115,124,.71)}
.certificates-inner{position:relative;padding-top:44px;padding-bottom:25px}
.certificate-track{display:grid;grid-template-columns:repeat(5,200px);justify-content:space-between;gap:30px}
.certificate-card{width:200px;color:#fff}
.certificate-card img{width:200px;height:273px;border-radius:var(--radius);object-fit:cover;background:#fff;box-shadow:0 0 19px rgba(0,0,0,.1)}
.certificate-card p{height:53px;margin:15px 0;font-size:14px}
.slider-dots{display:flex;justify-content:center;gap:4px;margin-top:25px}
.slider-dots .slider-dot{width:45px;height:4px;padding:0;border:0;border-radius:6px;background:rgba(255,255,255,.2);cursor:default}
.slider-dots .slider-dot.is-active{background:#fff}

.faq{padding-top:65px;padding-bottom:75px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 28px}
.faq-item{border:1.5px solid var(--color-line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-card);overflow:hidden}
.faq-item h3{margin:0}.faq-item .faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:86px;padding:18px;border:0;background:#fff;text-align:left;font-size:20px;font-weight:500;cursor:default}
.faq-item .faq-question span{transition:transform var(--transition)}
.faq-answer{padding:0 18px 18px;color:var(--color-lime);font-weight:500}.faq-answer p{margin:0}


@media (max-width:1200px){
  .hero-title-text{width:calc(123.456% + 18px);margin-left:-10px;font-size:clamp(72px,7.5vw,90px)}.hero-assurance{font-size:14px}.hero-features{grid-column:10/13}.hero-feature h2{max-width:100%}
  .application-grid,.benefit-grid,.product-grid{gap:18px}.certificate-track{justify-content:flex-start}.certificate-viewport{overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.certificate-card{scroll-snap-align:start}
}
@media (max-width:1024px){
  .hero{height:auto;margin-top:0;padding:24px 0 42px;overflow:hidden}.hero-grid{height:auto;grid-template-rows:auto;row-gap:20px}.hero-title-text{grid-column:1/-1;grid-row:auto;width:123.456%;margin:0;font-size:clamp(58px,8.7vw,78px)}.hero-assurance{grid-column:1/6;grid-row:auto;width:100%;min-height:0;margin:0}.hero-subtitle-text{grid-column:1/7;grid-row:auto;width:123.456%;margin:0;font-size:30px}.hero-photo-cell{grid-column:1/10;grid-row:auto}.hero-photo-wrap{width:100%}.hero-features{grid-column:10/13;grid-row:4;grid-template-rows:auto;row-gap:22px;width:100%;margin:0}.hero-feature h2{max-width:100%;font-size:26px}.hero-decor{left:-18%;width:90%}
  .application-grid{grid-template-columns:1fr 1fr}.application-panel:last-child{grid-column:1/-1}.benefit-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-bottle{width:220px}.product-card-body{padding-inline:18px}
  .why-grid{grid-template-columns:1fr 1fr;gap:24px}.why-grid::before{display:none}.why-grid article,.why-grid article:nth-child(4),.why-grid article:nth-child(5){grid-column:auto;min-height:auto;padding-top:24px}.why-grid article::after,.why-icon{display:none}
  .faq-grid{grid-template-columns:1fr}
}
@media (max-width:767px){
  .hero{padding-top:18px}.hero-grid{display:flex;flex-direction:column;gap:18px}.hero-title-text{order:1;width:123.456%;margin:0;font-size:clamp(42px,12.2vw,68px)}.hero-title-line{white-space:normal;flex-wrap:wrap}.hero-title-line--one,.hero-title-line--two{gap:4px 7px}.hero-title-highlight{padding:0 6px 3px}.hero-assurance{order:2;width:100%}.hero-subtitle-text{order:3;width:123.456%;margin:0;font-size:clamp(24px,7vw,33px)}.hero-photo-cell{order:4;width:100%}.hero-note{position:relative;left:auto;top:auto;width:100%;min-height:0;margin-top:-18px;padding:18px 20px}.hero-features{order:5;display:grid;grid-template-columns:1fr;gap:20px;width:100%}.hero-feature{display:grid;grid-template-columns:55px minmax(0,1fr);align-items:center;gap:12px}.hero-feature-icon,.hero-feature-icon--water{width:42px;height:42px}.hero-feature h2{justify-self:start;max-width:100%;font-size:28px;text-align:left;transform-origin:left top}.hero-decor{left:-60%;width:150%}
  .application-grid,.benefit-grid,.product-grid{grid-template-columns:1fr}.application-panel:last-child{grid-column:auto}.benefit-card{min-height:auto}.products{min-height:auto}.products-inner{padding-top:42px}.product-card{max-width:420px;width:100%;margin-inline:auto}.product-bottle{width:245px}
  .why-grid{grid-template-columns:1fr}.partner-strip{justify-content:flex-start;gap:24px;overflow:hidden;padding-inline:20px}.partner-strip::before,.partner-strip::after{display:none}.partner-strip img{max-width:180px}
  .certificates{min-height:auto}.certificates-inner{padding-top:42px}.certificate-track{grid-template-columns:repeat(5,200px);gap:22px}.slider-dots{display:none}
  .faq-item .faq-question{font-size:17px;min-height:72px}
}
@media (max-width:420px){.section-title{font-size:38px}}

.application-panel--visual-a{background:linear-gradient(rgba(0,118,138,.6),rgba(0,118,138,.6)),url('../images/application-protection.jpg') center/cover no-repeat}
.application-panel--visual-water{background:linear-gradient(rgba(0,118,138,.6),rgba(0,118,138,.6)),url('../images/application-water.png') center/cover no-repeat}
.application-panel--visual-b{background:linear-gradient(rgba(0,118,138,.6),rgba(0,118,138,.6)),url('../images/application-industry.jpg') center/cover no-repeat}
@media (max-width:767px){
}

/* Desktop source geometry extracted from the original .fig */
@media (min-width:1360px){
  main{overflow:hidden}
  .section-title{height:65px;margin:0;font-family:var(--font-display);font-size:72px;font-weight:400;line-height:.9;letter-spacing:-.012em;text-transform:uppercase;color:#29737c;transform:scaleX(.81);transform-origin:left top;width:123.456%}
  .section-title em{font-style:normal;color:#7dc804}

  .applications{height:395px;margin:0;padding:0}
  .applications>.container{height:395px}
  .applications .section-title{margin-bottom:28px;color:#00a09a}
  .application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,416px));gap:24px;height:302px}
  .application-panel{height:302px;min-height:0;padding:24px 22px;border:0;border-radius:5px;overflow:hidden}
  .application-panel--visual-a{background:linear-gradient(rgba(0,118,138,.6),rgba(0,118,138,.6)),url('../images/application-protection.jpg') center/cover no-repeat}
  .application-panel--visual-water{background:linear-gradient(rgba(0,118,138,.6),rgba(0,118,138,.6)),url('../images/application-water.png') center/cover no-repeat}
  .application-panel--visual-b{background:linear-gradient(rgba(0,118,138,.6),rgba(0,118,138,.6)),url('../images/application-industry.jpg') center/cover no-repeat}
  .application-panel--product{display:block;background:#fff;box-shadow:0 0 9.55px rgba(0,0,0,.10)}
  .panel-heading{height:26px;margin:0;display:flex;align-items:center;justify-content:space-between}
  .panel-heading h3{margin:0;font-size:20px;line-height:25.2px;font-weight:700}
  .panel-heading span{position:relative;width:26px;height:26px;border-radius:5px;background:rgba(255,255,255,.15);font-size:0}
  .application-panel--product .panel-heading span{background:#29737c}
  .panel-heading span::before{content:"";position:absolute;left:8px;top:8px;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
  .panel-heading span::after{content:"";position:absolute;left:8px;top:13px;width:9px;height:1.5px;background:currentColor;transform:rotate(-45deg);transform-origin:left center}
  .application-panel--product .panel-heading span{color:#fff}
  .check-list{display:grid;gap:16px;margin:16px 0 0;padding:0;list-style:none}
  .check-list li{height:60px;min-height:0;padding:10px 15px;display:flex;align-items:center;border:0;border-radius:5px;background:rgba(255,255,255,.15);box-shadow:0 0 19.1px rgba(0,0,0,.10);font-size:16px;font-weight:600;line-height:20px}
  .check-list li::before{content:"✓";flex:0 0 auto;margin-right:10px;font-size:16px;font-weight:700}
  .application-panel--product>p{width:372px;height:80px;margin:21px 0 0;font-size:16px;font-weight:500;line-height:20px;color:#29737c}
  .application-panel--product>.button{width:372px;height:43px;min-height:43px;margin-top:21px;padding:12px 16px;font-size:15px;line-height:19px}
  .application-panel--product>.text-link{display:block;width:372px;height:19px;margin-top:21px;font-size:15px;font-weight:700;line-height:19px;text-align:center;color:#7dc804}

  .demand{height:593px;margin:65px 0 0;padding:0}
  .demand>.container{height:593px}
  .demand .section-title{margin-bottom:42px}
  .benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,416px));grid-template-rows:repeat(2,231px);gap:24px;height:486px}
  .benefit-card{height:231px;min-height:0;padding:24px 28px;border-radius:5px;background:#fff;box-shadow:0 0 9.55px rgba(0,0,0,.10)}
  .benefit-card--lead{display:flex;align-items:center;padding:0 28px;background:#29737c}
  .benefit-card--lead p{margin:0;color:#fff;font-size:16px;font-weight:500;line-height:24px}
  .benefit-card>img{display:block;object-fit:contain}
  .benefit-card h3{margin:15px 0 10px;font-size:20px;font-weight:700;line-height:26px;color:#29737c}
  .benefit-card p{margin:0;font-size:16px;font-weight:500;line-height:20px;color:rgba(41,115,124,.60)}
  .benefit-card--lead p{color:#fff;line-height:24px}
  .benefit-card:nth-child(4) h3,.benefit-card:nth-child(5) h3{margin-top:14px}
  .benefit-card:nth-child(6) h3{width:221px;margin-top:15px}

  .products{width:1378px;height:698px;min-height:0;margin:53px auto 0;background:#29737c;border-radius:5px}
  .products-bg{background:url('../images/products-background-source.webp') center/cover no-repeat}
  .products-inner{width:1296px;height:698px;margin:0 auto;padding:51px 0 0}
  .products .section-title{margin-bottom:40px;color:#fff}
  .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,415.88px));gap:24px;height:488px}
  .product-card{position:relative;height:488px;min-height:0;padding:0;margin:0}
  .product-card::before{content:"";position:absolute;left:0;right:0;top:103.5px;height:384.5px;border-radius:5px;background:#fff;box-shadow:0 0 9.55px rgba(0,0,0,.10);clip-path:polygon(9.35% 0,100% 0,100% 100%,0 100%,0 18.5%,9.35% 18.5%)}
  .product-bottle{position:absolute;z-index:2;top:0;left:50%;display:block;width:min(63.5%,265px);height:auto;max-height:291px;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 9px 19px rgba(0,0,0,.10))}
  .product-card-body{position:absolute;z-index:3;inset:0;padding:0}
  .product-card-body h3{position:absolute;left:26px;top:303px;width:364px;height:24px;margin:0;font-size:20px;font-weight:700;line-height:24px}
  .product-card-body p{position:absolute;left:26px;top:343px;width:363px;height:64px;margin:0;font-size:16px;font-weight:500;line-height:21.2px;color:rgba(41,115,124,.60);overflow:hidden}
  .product-card-body .button{position:absolute;left:26px;top:423px;width:363px;height:43px;min-height:43px;padding:12px 16px;font-size:15px;line-height:19px}

  .why-us{position:relative;height:533px;margin:70px 0 0;padding:0;background:none;overflow:visible}
  .why-us::before{content:"";position:absolute;z-index:0;left:calc(50% - 827px);top:34px;width:1444px;height:552px;background:url('../images/dots-background-source.webp') center/cover no-repeat;opacity:.20;pointer-events:none}
  .why-us>.container{position:relative;z-index:1;height:533px}
  .why-us .section-title{margin-bottom:24px;color:#00a09a}
  .why-grid{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:181px 161px;column-gap:24px;row-gap:99px;height:441px;padding:0}
  .why-grid::before{content:"";position:absolute;left:0;right:0;top:231px;border-top:1px solid rgba(41,115,124,.25)}
  .why-grid article{position:relative;grid-column:span 2;height:181px;min-height:0;padding:40px 18px 20px;border-radius:0;background:transparent;box-shadow:none}
  .why-grid article::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:25px;height:156px;border-radius:5px;background:#fff;box-shadow:0 0 9.55px rgba(0,0,0,.10)}
  .why-grid article::after{content:"";position:absolute;z-index:-1;bottom:-9px;width:28px;height:28px;background:#fff;box-shadow:4px 4px 8px rgba(0,0,0,.04);transform:rotate(45deg)}
  .why-grid article:nth-child(1)::after{left:222px}.why-grid article:nth-child(2)::after{left:155px}.why-grid article:nth-child(3)::after{left:88px}
  .why-grid article:nth-child(4),.why-grid article:nth-child(5){grid-column:span 2;height:161px;padding:20px 18px}
  .why-grid article:nth-child(4){grid-column:2/4}.why-grid article:nth-child(5){grid-column:4/6}
  .why-grid article:nth-child(4)::before,.why-grid article:nth-child(5)::before{top:0;height:161px}
  .why-grid article:nth-child(4)::after,.why-grid article:nth-child(5)::after{top:-14px;bottom:auto}
  .why-grid article:nth-child(4)::after{left:154px}.why-grid article:nth-child(5)::after{left:79px}
  .why-grid h3{position:relative;z-index:1;margin:0 0 15px;font-size:20px;font-weight:600;line-height:26px;color:#29737c}
  .why-grid p{position:relative;z-index:1;margin:0;font-size:16px;font-weight:500;line-height:20px;color:rgba(41,115,124,.60)}
  .why-icon{position:absolute;z-index:4;top:213px;left:auto;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#fff;transform:none}
  .why-grid article:nth-child(1) .why-icon{left:186px}.why-grid article:nth-child(2) .why-icon{left:186px}.why-grid article:nth-child(3) .why-icon{left:186px}
  .why-grid article:nth-child(4) .why-icon,.why-grid article:nth-child(5) .why-icon{top:-67px;left:186px}
  .why-icon img{width:32px;height:32px;object-fit:contain}

  .partners{height:231px;margin:90px 0 0;padding:0;overflow:hidden}
  .partners .section-title{margin:0 0 45px}
  .partner-strip{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:40px;width:1601px;min-width:1601px;height:121px;margin-left:calc(50% - 893px);padding:0;filter:grayscale(1);opacity:.60}
  .partner-strip::before,.partner-strip::after{display:none}
  .partner-strip img{flex:0 0 auto;max-width:none;object-fit:contain}
  .partner-strip img:nth-child(1){width:235px;height:45px}
  .partner-strip img:nth-child(2){width:270px;height:90px}
  .partner-strip img:nth-child(3){width:270px;height:90px}
  .partner-strip img:nth-child(4){width:150px;height:83px}
  .partner-strip img:nth-child(5){width:257px;height:86px}
  .partner-strip img:nth-child(6){width:221px;height:121px}

  .certificates{width:1378px;height:565px;min-height:0;margin:46px auto 0;border-radius:5px;background:#29737c}
  .certificates::before{background:url('../images/products-background-source.webp') center/cover no-repeat}
  .certificates-overlay{background:rgba(41,115,124,.71)}
  .certificates-inner{width:1296px;height:565px;margin:0 auto;padding:44px 0 0}
  .certificates .section-title{margin-bottom:25px;color:#fff}
  .certificate-viewport{height:389px;overflow:hidden}
  .certificate-track{display:grid;grid-template-columns:repeat(5,200px);gap:74px;justify-content:start;height:389px}
  .certificate-card{width:200px;height:389px;color:#fff}
  .certificate-card img{display:block;width:200px;height:273px;border-radius:5px;object-fit:cover;background:#fff;box-shadow:0 0 19px rgba(0,0,0,.10)}
  .certificate-card p{width:200px;height:53px;margin:15px 0;font-size:14px;font-weight:400;line-height:14px;color:#fff}
  .download-button{display:flex;align-items:center;justify-content:center;gap:10px;width:200px;height:33px;border-radius:5px;background:#18c6ac;color:#fff;font-size:13px;font-weight:500;line-height:17px}
  .download-button span{font-size:18px;line-height:1}
  .slider-dots{display:flex;justify-content:center;gap:4px;width:192px;height:4px;margin:25px auto 0}
  .slider-dots .slider-dot{display:block;width:45px;height:4px;border-radius:6px;background:rgba(255,255,255,.2)}
  .slider-dots .slider-dot.is-active{background:#fff}

  .faq{position:relative;height:340px;margin:75px 0 0;padding:0}
  .faq::before{content:"";position:absolute;z-index:-1;right:-128px;bottom:-155px;width:610px;height:435px;background:url('../images/dots-background-source.webp') right bottom/610px auto no-repeat;opacity:.14;pointer-events:none}
  .faq>.container{height:340px}
  .faq .section-title{margin-bottom:25px;color:#1ab69c}
  .faq-grid{display:grid;grid-template-columns:repeat(2,634.064px);grid-template-rows:89px 150px;gap:11px 27.87px;height:250px}
  .faq-item{height:89px;border:0;border-radius:5px;background:#fff;box-shadow:0 4px 23.9px rgba(0,0,0,.13);overflow:hidden}
  .faq-item:nth-child(3){grid-column:1;grid-row:2;height:89px}
  .faq-item:nth-child(4){grid-column:2;grid-row:2;height:150px}
  .faq-item h3{height:89px;margin:0}
  .faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;height:89px;min-height:0;padding:18px;font-size:20px;font-weight:500;line-height:26px;color:#29737c}
  .faq-question span{display:block;width:19px;height:12px;font-size:0;border-right:1.5px solid #333;border-bottom:1.5px solid #333;transform:rotate(45deg) translate(-3px,3px)}
  .faq-item.is-open .faq-question span{transform:rotate(225deg) translate(-3px,3px)}
  .faq-answer{padding:0 18px 18px;color:#7dc804;font-size:16px;font-weight:500;line-height:22px}
  .faq-answer p{width:489px;margin:-1px 0 0}

}

@media (max-width:1024px){
  .applications,.demand,.why-us,.partners,.faq{height:auto;margin-top:48px;padding:0}
  .applications{margin-top:0}
  .applications>.container,.demand>.container,.why-us>.container,.faq>.container{height:auto}
  .section-title{height:auto;margin-bottom:28px}
  .application-grid,.benefit-grid,.product-grid,.why-grid,.faq-grid{height:auto}
  .products,.certificates{width:calc(100% - 32px);height:auto;margin-top:48px}
  .products-inner,.certificates-inner{width:min(1296px,calc(100% - 40px));height:auto;padding-bottom:40px}
  .why-us::before,.faq::before{display:none}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:24px}
  .why-grid::before{display:none}
  .why-grid article,.why-grid article:nth-child(4),.why-grid article:nth-child(5){grid-column:auto;height:auto;min-height:180px;padding:28px 20px;background:#fff;box-shadow:var(--shadow-soft)}
  .why-grid article::before,.why-grid article::after,.why-icon{display:none}
  .partners{overflow:hidden}
  .partner-strip{margin-left:0;overflow:hidden}
  .certificate-viewport{overflow-x:auto}
}

@media (max-width:767px){
  .section-title{font-size:clamp(42px,12vw,58px);transform:none;width:auto}
  .application-grid,.benefit-grid,.product-grid,.why-grid,.faq-grid{grid-template-columns:1fr}
  .application-panel,.benefit-card{width:100%;height:auto;min-height:231px}
  .application-panel--product>p,.application-panel--product>.button,.application-panel--product>.text-link{width:100%}
  .products,.certificates{width:calc(100% - 20px)}
  .products-inner,.certificates-inner{width:calc(100% - 32px)}
  .product-card{max-width:416px;width:100%;margin-inline:auto}
  .why-grid article,.why-grid article:nth-child(4),.why-grid article:nth-child(5){min-height:0}
  .partner-strip{gap:24px}
  .faq-item,.faq-item:nth-child(3),.faq-item:nth-child(4){grid-column:auto;grid-row:auto;width:100%;height:auto;min-height:89px}
  .faq-answer p{width:auto}
}

/* Source vector geometry and exact 1440px desktop slots */
@media (min-width:1360px){
  /* Header — source node 1:519. Geometry is independent from replacement-font width. */

  /* Hero title — live HTML text. The green stepped union is a separate CSS layer copied from
     source Boolean nodes 1:511–1:514, so there are no font-dependent seams between fills. */
  .hero-grid{position:relative}
  .hero-title-backdrop{position:absolute;z-index:2;left:-15px;top:26px;width:981px;height:272px;pointer-events:none}
  .hero-title-bg{position:absolute;display:block;background:#7dc804;border-radius:5px}
  .hero-title-bg--one{left:0;top:0;width:275px;height:89px}
  .hero-title-bg--two{left:233px;top:89px;width:748px;height:94px}
  .hero-title-bg--three{left:0;top:177px;width:337px;height:95px}
  .hero-title-text{
    position:absolute;z-index:3;left:0;top:18.5px;grid-column:auto;grid-row:auto;
    width:1301px;height:276px;margin:0;
    font-family:var(--font-display);font-size:75px;font-weight:400;line-height:92px;
    letter-spacing:0;text-transform:uppercase;color:#29737c;
    transform:scaleX(.967);transform-origin:left top;
  }
  .hero-title-line{display:block;height:92px;white-space:nowrap;margin:0}
  .hero-title-line--one,.hero-title-line--two,.hero-title-line--three{gap:0}
  .hero-title-white{color:#fff}
  .hero-title-highlight,.hero-title-plain{display:initial;padding:0;background:none;color:inherit;line-height:inherit}
  .hero-subtitle-text{
    position:absolute;z-index:3;left:342px;top:221.5px;grid-column:auto;grid-row:auto;
    width:398px;height:76px;margin:0;font-size:27px;line-height:38px;letter-spacing:0;
    transform:none;transform-origin:left top;
  }
  .hero-assurance{grid-column:10/13;grid-row:1;width:305px;min-height:144px;margin-top:119px}

  /* Hero feature labels: vertical glyph bounds compensated against the source 30px Bebas text. */
  .hero-feature--application h2{font-size:19px;line-height:27px;letter-spacing:0;transform:translateY(-2px) scaleX(1.16);transform-origin:right top}
  .hero-feature--technology h2{font-size:19px;line-height:27px;letter-spacing:0;transform:translateY(-5px) scaleX(1.26);transform-origin:right top}
  .hero-feature--simple h2{font-size:19px;line-height:27px;letter-spacing:0;transform:translateY(-6px) scaleX(1.26);transform-origin:right top}

  /* Display headings. Source section slots stay untouched; only Oswald compensation changes. */
  .section-title{
    height:65px;margin-top:0;font-family:var(--font-display);font-size:53px;font-weight:400;
    line-height:65px;letter-spacing:0;text-transform:uppercase;color:#29737c;
    transform:translateY(-11px) scaleX(1.08);transform-origin:left top;width:auto;
  }
  .section-title em{font-style:normal;color:#7dc804}
  .applications .section-title{margin-bottom:28px;color:#29737c;transform:translateY(-8px) scaleX(1.08)}
  .demand .section-title{margin-bottom:42px}
  .products .section-title{margin-bottom:40px;color:#fff;font-size:55.5px;transform:translateY(-10px) scaleX(1.015)}
  .why-us .section-title{margin-bottom:27px;color:#29737c}
  .partners .section-title{margin:0 0 45px;font-size:58px;transform:translateY(-10px) scaleX(.987)}
  .certificates .section-title{height:53px;margin:0 0 25px;color:#fff;font-size:53.5px;transform:translateY(-9px) scaleX(1.08)}
  .faq .section-title{margin-bottom:25px;color:#1ab69c}

  /* Application cards — exact source icon geometry instead of glyph approximations. */
  .panel-heading .panel-arrow{display:block;position:relative;width:26px;height:26px;border-radius:5px;background-color:rgba(255,255,255,.15);font-size:0;color:#fff}
  .application-panel--product .panel-heading .panel-arrow{background-color:#29737c;color:#fff}
  .panel-heading .panel-arrow::before,.panel-heading .panel-arrow::after{display:none}
  .panel-arrow{background-image:url('../icons/external-arrow-source.svg');background-repeat:no-repeat;background-size:9px 9px;background-position:8px 8px}
  .check-list li{position:relative;padding-left:40.2px;font-weight:600;line-height:20px}
  .check-list li::before{content:"";position:absolute;left:15px;top:50%;width:15.2px;height:10.4px;margin:0;background:url('../icons/check-source.svg') center/contain no-repeat;transform:translateY(-50%)}
  .application-panel--product>p{margin-top:21px;line-height:20px}

  /* Demand cards — source y positions and text boxes. */
  .benefit-card h3{margin:15px 0 15px;font-size:20px;line-height:20px}
  .benefit-card p{line-height:16px}
  .benefit-card--lead p{line-height:24px}
  .benefit-card:nth-child(4) h3,.benefit-card:nth-child(5) h3{margin-top:15px;margin-bottom:15px;line-height:26px}
  .benefit-card:nth-child(6) h3{width:221px;margin-top:15px;margin-bottom:15px;line-height:26px}

  /* Why-us — source is two rows plus a separate icon rail on y=3115. */
  .why-grid{position:relative;display:block;height:441px;padding:0}
  .why-grid::before{content:"";position:absolute;left:-1px;right:1px;top:231px;border-top:1px solid rgba(41,115,124,.25)}
  .why-row{display:flex;position:absolute;left:0}
  .why-row--top{top:0;width:1296px;height:181px;gap:28.4px}
  .why-row--bottom{left:221px;top:280px;width:854px;height:161px;gap:28px}
  .why-grid article,.why-card{position:relative;display:block;flex:0 0 413px;width:413px;min-width:413px;margin:0!important;transform:none!important;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}
  .why-grid article::before{content:"";position:absolute;z-index:-1;left:0;width:413px;border-radius:5px;background:#fff;box-shadow:0 0 9.55px rgba(0,0,0,.10)}
  .why-grid article::after{content:"";position:absolute;z-index:-1;width:40px;height:33.6618px;background:transparent url('../icons/why-pointer-source.svg') 0 0/40px 33.6618px no-repeat;box-shadow:none}
  .why-card--top{height:181px;padding:40px 18px 20px!important}
  .why-card--top::before{top:25px;height:156px}
  .why-card--qualification::after{left:222px;top:194.662px;transform:rotate(180deg)}
  .why-card--partnership::after{left:155.4px;top:194.662px;transform:rotate(180deg)}
  .why-card--equipment::after{left:88px;top:194.662px;transform:rotate(180deg)}
  .why-card--bottom{height:161px;padding:20px 18px!important}
  .why-card--bottom::before{top:0;height:161px}
  .why-card--quality::after{left:153.902px;top:-17px;transform:none}
  .why-card--flexibility::after{left:79px;top:-17px;transform:none}
  .why-grid h3{margin:0 0 15px;font-size:20px;font-weight:600;line-height:26px;color:#29737c}
  .why-grid p{margin:0;font-size:16px;font-weight:500;line-height:20px;color:rgba(41,115,124,.60)}
  .why-icon-rail{position:absolute;z-index:4;left:185px;top:213px;display:flex;width:780px;height:36px;gap:150px}
  .why-rail-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#fff}
  .why-rail-icon img{display:block;width:32px;height:32px;object-fit:contain}

  /* Partners — only the logos muted in the source are muted. */
  .partner-strip{filter:none;opacity:1}
  .partner-strip img:nth-child(1),.partner-strip img:nth-child(2),.partner-strip img:nth-child(3),.partner-strip img:nth-child(5){filter:grayscale(1);opacity:.60}
  .partner-strip img:nth-child(4),.partner-strip img:nth-child(6){filter:none;opacity:1}

  /* FAQ arrows — exact source vectors and source coordinates. */
  .faq-question{position:relative}
  .faq-question .faq-chevron{display:block;position:absolute;flex:0 0 18.623px;width:18.623px;height:9.817px;margin:0;background:url('../icons/faq-chevron-source.svg') center/contain no-repeat;transform:none}
  .faq-item:nth-child(1) .faq-chevron{left:615.832px;top:50.717px}
  .faq-item:nth-child(2) .faq-chevron{left:605.825px;top:49.717px}
  .faq-item:nth-child(3) .faq-chevron{left:615.829px;top:49.717px}
  .faq-item:nth-child(4) .faq-chevron{left:603.889px;top:49.717px}

  /* Contact title — source baselines are 65px apart inside a 130px slot. */
}

/* Structural wrappers collapse normally outside the 1440px desktop source layout. */
@media (max-width:1024px){
  .hero-title-backdrop{display:none}
  .hero-title-white{color:inherit}
  .why-row{display:contents}
  .why-icon-rail{display:none}
  .why-grid .why-card{width:auto;min-width:0;flex:auto}
}

/* Visual-fidelity corrections measured against .fig and overlay */
@media (min-width:1360px){
  /* Exact stepped highlight silhouette. Text remains live HTML. */
  .hero-title-backdrop{
    left:-15px;top:26px;width:982px;height:272px;
    background:url('../icons/hero-highlight-source.svg') 0 0/982px 272px no-repeat;
  }
  .hero-title-bg{display:none}

  /* Figma dropdown chevrons are downward, light teal, 7×4. */

  /* FAQ uses the same down-facing state in the static source screen. */
  .faq-question .faq-chevron{
    width:18.623px;height:10px;
    background:url('../icons/faq-chevron-down.svg') center/contain no-repeat;
  }
  .faq-item.is-open .faq-question .faq-chevron{transform:none}

  /* Visible glyph bounds from source overlay. Keep source 65px layout slots. */
  .applications .section-title{font-size:57px;transform:translateY(-10px) scaleX(1.01)}
  .demand .section-title{font-size:55px;transform:translateY(-14px) scaleX(1.035)}
  .why-us .section-title{font-size:55px;transform:translateY(-14px) scaleX(1.035)}
  .partners .section-title{transform:translateY(-11px) scaleX(.987)}
  .certificates .section-title{transform:translateY(-10px) scaleX(1.08)}
  .faq .section-title{font-size:58px;transform:translateY(-14px) scaleX(.98)}

  /* Replace text glyph download arrow with a proper vector icon. */
  .download-button .download-icon{display:block;width:16px;height:16px;flex:0 0 16px}
}

/* Exact source-vector and visual-bound corrections */
@media (min-width:1360px){
  .hero-title-backdrop{left:-15px;top:26px;width:981px;height:272px;background:url('../icons/hero-highlight-source.svg') 0 0/981px 272px no-repeat}

  /* Source 1:523 / 1:526 / 1:529: exact 7×4 filled vector, including Figma's 180° transform. */

  /* Source line boxes remain 92px; only the replacement-font glyphs on line two are compensated. */
  .hero-title-line--two{position:relative}
  .hero-title-basis{display:inline-block;transform:translateY(-1px) scaleX(.95);transform-origin:left top}
  .hero-title-molecular{display:inline-block;font-size:64px;line-height:92px;transform:translate(-2px,0) scaleX(1.172);transform-origin:left top}
  .hero-subtitle-text{top:219.5px;font-size:26px;line-height:38px;transform:scaleX(1.02);transform-origin:left top}

  /* Source feature text is 30px/27px Bebas. Use a larger Oswald replacement and compensate width. */
  .hero-feature--application h2{font-size:23px;line-height:27px;transform:translateY(-7px) scaleX(1.04)}
  .hero-feature--technology h2{font-size:23px;line-height:27px;transform:translateY(-8px) scaleX(1.04)}
  .hero-feature--simple h2{font-size:23px;line-height:27px;transform:translateY(-7px) scaleX(1.04)}

  /* Source title visible baselines after Oswald substitution. */
  .applications .section-title{font-size:57px;transform:translateY(-7px) scaleX(1.01)}
  .demand .section-title{font-size:56px;transform:translateY(-14px) scaleX(1.017)}
  .why-us .section-title{font-size:56px;transform:translateY(-14px) scaleX(1.025)}
  .faq .section-title{font-size:58px;transform:translateY(-12px) scaleX(.98)}

  /* Source application arrow containers: 26×26, radius 4; exact 9×9 vector centered at 8,8. */
  .panel-heading .panel-arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:4px;background:#fff;background-image:none!important}
  .application-panel--product .panel-heading .panel-arrow{background:#29737c}
  .panel-heading .panel-arrow img{display:block;width:9px;height:9px;object-fit:contain}

  /* Source FAQ arrow is an exact 19×12 frame with the inner Figma vector. */
  .faq-question .faq-chevron{width:19px;height:12px;background:url('../icons/faq-chevron-down.svg') 0 0/19px 12px no-repeat}
  .faq-item.is-open .faq-question .faq-chevron{transform:none}

  /* Source certificate icon frame is 17×17. */
  .download-button .download-icon{width:17px;height:17px;flex:0 0 17px}
}

/* Replacement-display-font compensation without changing source line rhythm */
@media (min-width:1360px){
  .hero-title-basis{display:inline-block;transform:translateY(-1px) scaleX(.95);transform-origin:left top}
  .hero-title-molecular{display:inline-block;font-size:75px;line-height:92px;transform:translateX(-12px) scaleY(.8472);transform-origin:left top}
  .hero-feature--application h2{font-size:23px;line-height:27px;transform:translateY(-2px) scaleX(1.04)}
  .hero-feature--technology h2{font-size:22px;line-height:27px;transform:translateY(-3px) scaleX(1.08)}
  .hero-feature--simple h2{font-size:22px;line-height:27px;transform:translateY(-3px) scaleX(1.08)}
  .demand .section-title{font-size:55px;transform:translateY(-12px) scaleX(1.035)}
  .why-us .section-title{font-size:55px;transform:translateY(-13px) scaleX(1.048)}
  .partners .section-title{transform:translateY(-10px) scaleX(.987)}
}


/* Source-frame cleanup and inner typography alignment */
@media (min-width:1360px){
  /* The old CSS-gradient chevron was still painting behind the real Figma vector. */

  /* Exact Figma Boolean union (1:511). One SVG shape = no seams and rounded concave joins. */
  .hero-title-backdrop{width:981px;height:272px;background:url('../icons/hero-highlight-source.svg') 0 0/981px 272px no-repeat!important}

  /* Replacement-font compensation measured against the source glyph bounds. */
  .hero-title-basis{transform:translateY(1px) scale(.95,1.016);transform-origin:left top}
  .hero-title-molecular{font-size:75px;line-height:92px;transform:translate(1px,2px) scale(.992,.8472);transform-origin:left top}
  .hero-subtitle-text{top:219.5px;font-size:26px;line-height:38px;transform:translateX(1px) scaleX(1.04);transform-origin:left top}

  /* Source body typography in demand cards uses 20px baseline step for Onest Medium. */
  .benefit-card{position:relative}
  .benefit-card--lead p{position:absolute;left:28px;top:43px;width:361px;height:144px;margin:0;line-height:20px}
  .benefit-card:nth-child(2) h3,.benefit-card:nth-child(3) h3{position:absolute;left:28px;width:361px;height:24px;margin:0;line-height:20px}
  .benefit-card:nth-child(2) h3{top:81px}.benefit-card:nth-child(3) h3{top:76px}
  .benefit-card:nth-child(2) p,.benefit-card:nth-child(3) p{position:absolute;left:28px;top:120px;width:361px;height:67px;margin:0;line-height:20px}
  .benefit-card:nth-child(3) p{top:115px}
  .benefit-card:nth-child(4) p,.benefit-card:nth-child(5) p,.benefit-card:nth-child(6) p{line-height:20px;height:67px}

  /* Exact FAQ source frames. Legacy CSS borders/rotations are explicitly removed. */
  .faq-question{position:relative}
  .faq-question .faq-chevron{
    position:absolute!important;
    margin:0!important;padding:0!important;
    border:0!important;border-right:0!important;border-bottom:0!important;
    background-color:transparent!important;
    transform:none!important;
    flex:none!important;
  }
  .faq-item:nth-child(1) .faq-chevron{left:597.4085px!important;top:39px!important;width:18.5914px!important;height:12px!important;background-image:url('../icons/faq-chevron-down-narrow.svg')!important;background-size:18.5914px 12px!important}
  .faq-item:nth-child(2) .faq-chevron{left:587px!important;top:38px!important;width:19px!important;height:12px!important;background-image:url('../icons/faq-chevron-down.svg')!important;background-size:19px 12px!important}
  .faq-item:nth-child(3) .faq-chevron{left:597px!important;top:38px!important;width:19px!important;height:12px!important;background-image:url('../icons/faq-chevron-down.svg')!important;background-size:19px 12px!important}
  .faq-item:nth-child(4) .faq-chevron{left:585.06445px!important;top:38px!important;width:19px!important;height:12px!important;background-image:url('../icons/faq-chevron-down.svg')!important;background-size:19px 12px!important}
  .faq-item.is-open .faq-question .faq-chevron{transform:none!important}

  /* Exact certificate download icon frame. */
  .download-button .download-icon{width:17px!important;height:17px!important;border-radius:0!important;object-fit:contain!important}
}


/* Authoritative native-desktop source-fidelity layer */
@media (min-width:1360px){
  :root{
    --shadow-soft:0 0 19.1px rgba(0,0,0,.10);
  }

  /* Header: source-native Figma arrow assets only; no CSS-drawn carets. */

  /* Hero: exact Boolean union from source node 1:511. Live text remains separate. */
  .hero-title-backdrop{
    left:-15px!important;top:26px!important;width:981px!important;height:272px!important;
    background:url('../icons/hero-highlight-source.svg') 0 0/981px 272px no-repeat!important;
  }
  .hero-title-backdrop .hero-title-bg{display:none!important}
  .hero-title-text{font-size:75px!important;line-height:92px!important}
  .hero-title-line{height:92px!important;line-height:92px!important}
  .hero-title-basis{display:inline-block;transform:translateY(1px) scale(.95,1.016)!important;transform-origin:left top}
  .hero-title-molecular{display:inline-block;font-size:75px!important;line-height:92px!important;transform:translate(1px,2px) scale(.992,.8472)!important;transform-origin:left top}
  .hero-subtitle-text{top:219.5px!important;font-size:26px!important;line-height:38px!important;transform:translateX(1px) scaleX(1.04)!important;transform-origin:left top}

  /* Cards and source shadows. */
  .application-panel--product,.benefit-card,.why-card::before{box-shadow:var(--shadow-soft)}
  .check-list li{
    box-shadow:0 0 19.1px rgba(0,0,0,.10)!important;
    -webkit-backdrop-filter:blur(2.6px);backdrop-filter:blur(2.6px);
  }

  /* Product card body: exact source Boolean geometry (node 1:563 family). */
  .product-card::before{
    top:103.5px!important;height:384.5px!important;
    clip-path:none!important;border-radius:0!important;
    background:transparent url('../icons/product-card-shape.svg') 0 0/100% 100% no-repeat!important;
    box-shadow:none!important;
  }

  /* Why-us cards: exact Figma Boolean unions with rounded pointer joins. */
  .why-grid article::before{
    top:0!important;height:100%!important;border-radius:0!important;
    background-color:transparent!important;background-repeat:no-repeat!important;
    background-position:0 0!important;background-size:100% 100%!important;
    box-shadow:none!important;filter:drop-shadow(0 0 9.55px rgba(0,0,0,.10));
  }
  .why-grid article::after{display:none!important}
  .why-card--qualification::before{background-image:url('../icons/why-card-qualification.svg')!important}
  .why-card--partnership::before{background-image:url('../icons/why-card-partnership.svg')!important}
  .why-card--equipment::before{background-image:url('../icons/why-card-equipment.svg')!important}
  .why-card--quality::before{background-image:url('../icons/why-card-quality.svg')!important}
  .why-card--flexibility::before{background-image:url('../icons/why-card-flexibility.svg')!important}
  .why-card--top{height:181px!important;padding:40px 18px 20px!important}
  .why-card--bottom{height:174.1618px!important;padding:34.1618px 18px 20px!important}
  .why-row--bottom{top:266.8382px!important;height:174.1618px!important}

  /* Certificate download icons are transparent source glyphs, not white image cards. */
  .download-button .download-icon{
    width:17px!important;height:17px!important;flex:0 0 17px!important;
    border-radius:0!important;object-fit:contain!important;
    background:transparent!important;box-shadow:none!important;
  }

  /* FAQ source arrows: reset all legacy arrow styling. */
  .faq-question .faq-chevron{
    border:0!important;border-right:0!important;border-bottom:0!important;
    background-color:transparent!important;box-shadow:none!important;transform:none!important;
  }

  /* Contact phone flag is an inline asset, not a thumbnail-card image. */
}


/* Static vector dot decor — native-size artwork clipped horizontally to the 1296px site body. */
.top-page-decor,.faq-page-decor{display:none}
@media (min-width:1360px){
  .why-us{position:relative;background:none!important}
  .why-us::before{
    content:""!important;position:absolute!important;z-index:0!important;
    left:-105px!important;top:34px!important;width:1444px!important;height:552px!important;
    background:url('../images/why-decor-source.webp') 0 0/1444px 552px no-repeat!important;
    opacity:1!important;pointer-events:none!important;
  }
  .why-us>.container{position:relative;z-index:1}

  #main{position:relative}
  .top-page-decor{
    position:absolute;z-index:0;left:50%;top:787px;display:block;
    width:min(var(--container),calc(100% - (var(--page-gutter) * 2)));
    height:1029px;transform:translateX(-50%);
    overflow:hidden;overflow:clip;pointer-events:none;
  }
  .top-page-decor-svg{
    position:absolute;left:0;top:0;display:block;
    width:1444px;height:1029px;max-width:none;
  }
  .applications,.demand{position:relative;z-index:1;background:transparent}

  .faq{position:relative;isolation:isolate;overflow:visible}
  .faq::before{display:none!important}
  .faq-page-decor{
    position:absolute;z-index:0;left:50%;top:-177px;display:block;
    width:min(var(--container),calc(100% - (var(--page-gutter) * 2)));
    height:830px;transform:translateX(-50%);
    overflow:hidden;overflow:clip;pointer-events:none;
  }
  .faq-page-decor-svg{
    position:absolute;left:0;top:0;display:block;
    width:1444px;height:830px;max-width:none;
  }
  .faq>.container{position:relative;z-index:1}
}

/* Measured native-desktop micro-alignment */
@media (min-width:1360px){
  /* Display headings: preserve source 65px slots while matching visible glyph height. */
  .applications .section-title{transform:translateY(-7px) scale(1.01,.962)!important;transform-origin:left top!important}
  .demand .section-title{transform:translateY(-12px) scale(1.035,.962)!important;transform-origin:left top!important}
  .products .section-title{transform:translateY(-10px) scale(1.015,1.019)!important;transform-origin:left top!important}
  .why-us .section-title{transform:translateY(-12px) scale(1.048,.962)!important;transform-origin:left top!important}
  .partners .section-title{transform:translateY(-10px) scaleX(.987)!important;transform-origin:left top!important}
  .certificates .section-title{transform:translateY(-10px) scale(1.08,1.037)!important;transform-origin:left top!important}
  .faq .section-title{transform:translateY(-11px) scale(1.061,.946)!important;transform-origin:left top!important}

  /* Demand: source text frames are 361px wide on the whole lower row. */
  .benefit-card:nth-child(4) p,.benefit-card:nth-child(5) p,.benefit-card:nth-child(6) p{width:361px!important}

  /* Products: exact source image frames and body offsets, no proportional bottle sizing. */
  .product-bottle{left:auto!important;transform:none!important;height:291px!important;max-height:none!important;object-fit:contain!important}
  .product-card:nth-child(1) .product-bottle{left:76px!important;width:264px!important}
  .product-card:nth-child(2) .product-bottle{left:75px!important;width:265px!important}
  .product-card:nth-child(3) .product-bottle{left:76px!important;width:264px!important}
  .product-card-body h3{left:26.14px!important;top:303px!important;width:363.61px!important}
  .product-card-body p{left:26.29px!important;top:342.82px!important;width:363.30px!important}
  .product-card-body .button{left:26.29px!important;top:422.82px!important;width:363.30px!important}

  /* Why-us: source bottom-card text begins at page y=3202. */
  .why-card--bottom{padding:33.1618px 18px 20px!important}

  /* Partners: exact source frames; source strip is a clipped absolute composition, not flex. */
  .partner-strip{
    position:relative!important;display:block!important;width:1601px!important;min-width:1601px!important;height:121px!important;
    margin-left:calc(50% - 893px)!important;padding:0!important;filter:none!important;opacity:1!important;
  }
  .partner-strip::before,.partner-strip::after{display:none!important}
  .partner-strip img{position:absolute!important;display:block!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain!important}
  .partner-strip img:nth-child(1){left:0!important;top:38px!important;width:235px!important;height:45px!important}
  .partner-strip img:nth-child(2){left:275px!important;top:16px!important;width:270px!important;height:90px!important}
  .partner-strip img:nth-child(3){left:585px!important;top:16px!important;width:270px!important;height:90px!important}
  .partner-strip img:nth-child(4){left:895px!important;top:19px!important;width:150px!important;height:83px!important}
  .partner-strip img:nth-child(5){left:1084px!important;top:18px!important;width:257px!important;height:86px!important}
  .partner-strip img:nth-child(6){left:1380px!important;top:0!important;width:221px!important;height:121px!important}

  /* Footer: source column x positions are 96 / 528 / 668 / 862 / 1056. */
}

/* Source text-frame corrections */
@media (min-width:1360px){
  /* Hero secondary title: exact source frame 1:516 = 414×371 / 398×76. */
  .hero-subtitle-text{
    left:342px!important;top:225px!important;width:398px!important;height:76px!important;
    margin:0!important;font-size:26px!important;line-height:38px!important;
    transform:none!important;transform-origin:left top!important;
  }

  /* FAQ source text frames. Item 4 is deliberately 308px wide and wraps to two lines. */
  .faq-item{position:relative}
  .faq-question{font-size:20px!important;font-weight:500!important;line-height:26px!important}
  .faq-item:nth-child(1) .faq-question{padding-left:18px!important;padding-right:407.0645px!important}
  .faq-item:nth-child(2) .faq-question{padding-left:18px!important;padding-right:294.0645px!important}
  .faq-item:nth-child(3) .faq-question{padding-left:18px!important;padding-right:308.0645px!important}
  .faq-item:nth-child(4) .faq-question{padding-left:18.0645px!important;padding-right:308px!important}
  .faq-item:nth-child(4) .faq-answer{
    position:absolute!important;left:18.2581px!important;top:88px!important;
    width:489px!important;height:44px!important;padding:0!important;
    font-size:16px!important;line-height:20.4px!important;
  }
  .faq-item:nth-child(4) .faq-answer p{width:489px!important;height:44px!important;margin:0!important}

  /* Certificate display title: source visible height is slightly shorter than the previous pass. */
  .certificates .section-title{transform:translateY(-9px) scale(1.08,.98)!important;transform-origin:left top!important}
}

/* Source styles: strokes, shadows and visible heading bounds */
@media (min-width:1360px){
  /* Application cards use a 1px INSIDE source stroke without changing box geometry. */
  .application-panel{
    box-shadow:inset 0 0 0 1px rgba(14,56,59,.10)!important;
  }
  .application-panel--product{
    box-shadow:inset 0 0 0 1px rgba(14,56,59,.10),0 0 19.1px rgba(0,0,0,.10)!important;
  }
  .check-list li{
    border:0!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.30),0 0 19.1px rgba(0,0,0,.10)!important;
  }

  /* Demand source shadows: lead card uses the teal-tinted source shadow. */
  .benefit-card{box-shadow:0 0 19.1px rgba(0,0,0,.10)!important}
  .benefit-card--lead{box-shadow:0 0 19.1px rgba(0,49,40,.10)!important}
  .benefit-card:nth-child(4) h3,.benefit-card:nth-child(5) h3{width:361px!important}

  /* FAQ: first three closed frames have a 1.5px INSIDE #e3e3e3 source stroke. */
  .faq-item:nth-child(1),.faq-item:nth-child(2),.faq-item:nth-child(3){
    border:0!important;
    box-shadow:inset 0 0 0 1.5px #e3e3e3,0 4px 23.9px rgba(0,0,0,.13)!important;
  }
  .faq-item:nth-child(4){
    border:0!important;
    box-shadow:0 4px 23.9px rgba(0,0,0,.13)!important;
  }

  /* Visible glyph bounds measured against the source frame, not guessed from CSS line boxes. */
  .applications .section-title{transform:translateY(-7px) scale(1.01,.943)!important}
  .demand .section-title{transform:translateY(-10px) scale(1.035,.943)!important}
  .products .section-title{transform:translateY(-10px) scale(1.015,1)!important}
  .why-us .section-title{transform:translateY(-11px) scale(1.048,.962)!important}
  .certificates .section-title{transform:translateY(-9px) scale(1.08,1)!important}
}

/* Exact control/icon frames from source nodes */
@media (min-width:1360px){
  /* Source middle CTA child is 378px wide inside the 372px wrapper and is not clipped. */
  .application-panel--product>.button{width:378px!important}

  /* Contact source frames use 1px INSIDE white/60% strokes; message also has the source shadow. */
}

/* Display-font optical lock: source top edges and line rhythm */
@media (min-width:1360px){
  .applications .section-title{transform:translateY(-8px) scale(1.01,.98)!important}
  .products .section-title{transform:translateY(-10px) scale(1.015,.99)!important}
  .why-us .section-title{transform:translateY(-12px) scale(1.048,.962)!important}
  .certificates .section-title{transform:translateY(-10px) scale(1.08,1)!important}
  .faq .section-title{transform:translate(-1px,-11px) scale(1.075,.946)!important}
}

/* Responsive asset guard: certificate preview rules must never resize the download glyph. */
.certificate-card .download-icon{
  width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;
  flex:0 0 17px!important;border-radius:0!important;object-fit:contain!important;
  background:transparent!important;box-shadow:none!important;
}

/* Applications: each card owns a paired source-faithful front and product back. */
.application-card{position:relative;min-width:0;height:302px;perspective:1200px}
.application-card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 420ms ease}
.application-card.is-flipped .application-card__inner{transform:rotateY(180deg)}
.application-card__face{position:absolute;inset:0;width:100%;height:100%;margin:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}
.application-card__face--front{transform:rotateY(0deg) translateZ(1px)}
.application-card__face--back{transform:rotateY(180deg) translateZ(1px)}
.application-card__face[aria-hidden="true"]{pointer-events:none}
.application-card .panel-arrow{display:grid;place-items:center;border:0;padding:0;cursor:pointer}
.application-card .panel-arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.application-card .panel-arrow img{transition:transform 250ms cubic-bezier(.4,0,.2,1)}
.application-card .panel-arrow:hover img,.application-card .panel-arrow:focus-visible img{transform:translate(2px,-2px)}
.application-card .panel-arrow--return img{transform:rotate(180deg)}
.application-card .panel-arrow--return:hover img,.application-card .panel-arrow--return:focus-visible img{transform:rotate(180deg) translate(2px,-2px)}
.application-card.is-arrow-hint .panel-arrow img{transform:translate(2px,-2px)}
.application-card.is-arrow-hint .panel-arrow--return img{transform:rotate(180deg) translate(2px,-2px)}
.application-card .panel-heading .panel-arrow{width:38px;height:38px;border:1px solid rgba(41,115,124,.18);border-radius:50%;background:rgba(255,255,255,.94);color:#29737c;box-shadow:0 3px 10px rgba(10,35,38,.10)}
.application-card .application-panel--product .panel-heading .panel-arrow{border-color:rgba(255,255,255,.48);background:#29737c;color:#fff;box-shadow:0 3px 10px rgba(10,35,38,.14)}
.application-card .panel-heading .panel-arrow img{width:18px;height:18px}
.application-card .panel-heading .panel-arrow:hover{border-color:rgba(41,115,124,.42);background:#fff}
.application-card .application-panel--product .panel-heading .panel-arrow:hover{border-color:rgba(255,255,255,.82);background:#23656d}
.application-card .application-panel--product{display:flex;flex-direction:column;gap:0}
.application-card .application-panel--product>p{width:auto;height:auto;margin:21px 0 0;font-size:15px;line-height:18px}
.application-card .application-panel--product>.button{width:100%;margin-top:auto}

/* Demand: retain the source grid while giving the two quantified benefits a clear reading hierarchy. */
.benefit-card--metric{display:flex;flex-direction:column}
.benefit-card__metric{margin:15px 0 10px;font-size:20px;line-height:1.3}
.benefit-card__metric-value,.benefit-card__metric-unit{font:inherit;letter-spacing:normal}
.benefit-card--metric p{margin-top:0}
@media (min-width:1360px){
  .benefit-card--metric .benefit-card__metric{position:static!important;width:auto!important;height:auto!important;margin:15px 0 10px!important;line-height:1.3!important}
  .benefit-card--metric p{position:static!important;width:auto!important;height:auto!important;margin:0!important}
}

/* Demand reveal is opt-in: without its JS class, every card remains visible. */
.demand.demand-reveal-ready .benefit-card{opacity:0;transform:translateY(9px);transition:opacity 450ms cubic-bezier(.4,0,.2,1),transform 450ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;will-change:opacity,transform}
.demand.demand-reveal-active .benefit-card{opacity:1;transform:translateY(0);transition-delay:var(--demand-reveal-delay)}
@media (prefers-reduced-motion:reduce){
  .demand.demand-reveal-ready .benefit-card,.demand.demand-reveal-active .benefit-card{opacity:1;transform:none;transition:none;will-change:auto}
}

@media (max-width:1024px){
  .application-card:last-child{grid-column:1/-1}
}
@media (max-width:1023px){
  .application-card{height:340px}
}
@media (max-width:767px){
  .application-card{width:100%;max-width:420px;margin-inline:auto}
  .application-card:last-child{grid-column:auto}
  .application-card .panel-heading .panel-arrow{width:42px;height:42px}
  .application-card .panel-heading .panel-arrow img{width:20px;height:20px}
  .application-card .application-panel--product>p{font-size:15px;line-height:18px}
}
@media (max-width:340px){
  .application-card{height:360px}
}
@media (prefers-reduced-motion:reduce){
  .application-card__inner{transition:none}
  .application-card .panel-arrow img{transition:none}
  .application-card .panel-arrow:hover img,.application-card .panel-arrow:focus-visible img{transform:none}
  .application-card .panel-arrow--return img,.application-card .panel-arrow--return:hover img,.application-card .panel-arrow--return:focus-visible img{transform:rotate(180deg)}
  .application-card.is-arrow-hint .panel-arrow img{transform:none}
  .application-card.is-arrow-hint .panel-arrow--return img{transform:rotate(180deg)}
}


/* Interactive-state styles. Resting native desktop remains source-locked. */
.faq-question{
  cursor:pointer;
  transition:background-color var(--transition-fast),color var(--transition-fast)
}
@media (hover:hover){
  .faq-question:hover{background:rgba(41,115,124,.035)}
}
.faq-item.is-open .faq-chevron{
  background-image:url('../icons/faq-chevron-source.svg')!important;
  transform:none!important;
}
.faq.has-interacted{height:auto!important}
.faq.has-interacted>.container{height:auto!important}
.faq.has-interacted .faq-grid{
  height:auto!important;
  grid-template-rows:auto auto!important;
}
.faq.has-interacted .faq-item{
  height:auto!important;
  min-height:89px!important;
}
.faq.has-interacted .faq-item h3{height:auto!important}
.faq.has-interacted .faq-answer{
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:0 18px 18px!important;
}
.faq.has-interacted .faq-answer p{
  width:auto!important;
  height:auto!important;
  margin:0!important;
}

/* Fluid desktop bridge between the exact 1440 source layout and tablet layouts. */
@media (min-width:1201px) and (max-width:1359px){
  .hero-title-text{font-size:clamp(68px,6.6vw,82px)}
  .hero-assurance{font-size:14px}
  .application-grid,.benefit-grid,.product-grid{gap:20px}
  .section-title{font-size:clamp(50px,4.7vw,64px)}
  .certificate-viewport{overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
  .certificate-card{scroll-snap-align:start}
}


/* Responsive bridge for structural wrappers used by the source-accurate desktop DOM. */
@media (max-width:1359px){
  .why-row{display:contents}
  .why-icon-rail{display:none}
  .partner-strip{
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    padding-inline:var(--page-gutter);
    scroll-snap-type:x proximity;
    scrollbar-width:none
  }
  .partner-strip::-webkit-scrollbar{display:none}
  .partner-strip img{flex:0 0 auto;scroll-snap-align:start}
}

/* Certificate title wrapping and independent FAQ columns. */
.certificate-card .certificate-file-name{
  height:56px!important;
  margin:12px 0 15px!important;
  overflow:hidden;
  overflow-wrap:anywhere;
  font-size:14px!important;
  line-height:14px!important;
}

.faq-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:27.87px;
}
.faq-column{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:11px;
  align-self:start;
}
@media (min-width:1360px){
  .faq-grid{
    grid-template-columns:634.064px 634.064px!important;
    grid-template-rows:none!important;
    height:250px!important;
  }
  .faq-item--1,.faq-item--2,.faq-item--3,.faq-item--4{height:89px!important}

  .faq-item--1,.faq-item--2,.faq-item--3{
    border:0!important;
    box-shadow:inset 0 0 0 1.5px #e3e3e3,0 4px 23.9px rgba(0,0,0,.13)!important;
  }
  .faq-item--4{
    border:0!important;
    box-shadow:inset 0 0 0 1.5px #e3e3e3,0 4px 23.9px rgba(0,0,0,.13)!important;
  }
  .faq-item.is-open{box-shadow:0 4px 23.9px rgba(0,0,0,.13)!important}

  .faq-item--1 .faq-question{padding-left:18px!important;padding-right:407.0645px!important}
  .faq-item--2 .faq-question{padding-left:18px!important;padding-right:294.0645px!important}
  .faq-item--3 .faq-question{padding-left:18px!important;padding-right:308.0645px!important}
  .faq-item--4 .faq-question{padding-left:18.0645px!important;padding-right:308px!important}

  .faq-item--1 .faq-chevron{left:597.4085px!important;top:39px!important;width:18.5914px!important;height:12px!important;background-image:url('../icons/faq-chevron-down-narrow.svg')!important;background-size:18.5914px 12px!important}
  .faq-item--2 .faq-chevron{left:587px!important;top:38px!important;width:19px!important;height:12px!important;background-image:url('../icons/faq-chevron-down.svg')!important;background-size:19px 12px!important}
  .faq-item--3 .faq-chevron{left:597px!important;top:38px!important;width:19px!important;height:12px!important;background-image:url('../icons/faq-chevron-down.svg')!important;background-size:19px 12px!important}
  .faq-item--4 .faq-chevron{left:585.06445px!important;top:38px!important;width:19px!important;height:12px!important;background-image:url('../icons/faq-chevron-down.svg')!important;background-size:19px 12px!important}

  .faq-item--4 .faq-answer{
    position:absolute!important;
    left:18.2581px!important;
    top:88px!important;
    width:489px!important;
    height:44px!important;
    padding:0!important;
    font-size:16px!important;
    line-height:20.4px!important;
  }
  .faq-item--4 .faq-answer p{width:489px!important;height:44px!important;margin:0!important}

  .faq.has-interacted .faq-grid{height:auto!important}
  .faq.has-interacted .faq-column{align-self:start}
  .faq.has-interacted .faq-item{height:auto!important;min-height:89px!important}
  .faq.has-interacted .faq-item--4{min-height:89px!important}
  .faq.has-interacted .faq-item .faq-answer{
    position:static!important;
    width:auto!important;
    height:auto!important;
    padding:0 18px 18px!important;
  }
  .faq.has-interacted .faq-item .faq-answer p{width:auto!important;height:auto!important;margin:0!important}
}
@media (max-width:1359px){
  .faq-grid{grid-template-columns:1fr 1fr;gap:20px}
  .faq-column{gap:12px}
}
@media (max-width:767px){
  .faq-grid{display:flex;flex-direction:column;gap:12px}
  .faq-column{display:contents}
  .faq-item--1{order:1}.faq-item--2{order:2}.faq-item--3{order:3}.faq-item--4{order:4}
}

/* V22o — same approved V22m hero motion, CSS-driven instead of WAAPI.
   JS only gates the start until Oswald is ready (max 320ms); all frames/timing are CSS. */
.hero-title-typing{display:none}
@media (min-width:1360px) and (prefers-reduced-motion:no-preference){
  html.hero-motion-prep .hero-title-backdrop,
  html.hero-motion-prep .hero-title-text:not(.hero-title-typing){
    clip-path:inset(0 100% 0 0);
  }

  html.hero-motion-prep .hero-title-typing,
  html.hero-motion-run .hero-title-typing{
    display:block;
    z-index:3!important;
    pointer-events:none;
    color:#29737c!important;
    -webkit-text-fill-color:#29737c!important;
    clip-path:none!important;
    will-change:visibility;
  }
  html.hero-motion-prep .hero-title-typing *,
  html.hero-motion-run .hero-title-typing *{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
  }
  /* Approved v22m type-on: reveal each complete line box in character steps.
     The Chrome artifact was caused by the FINAL H1 mask, not this typing mask. */
  html.hero-motion-prep .hero-title-typing .hero-title-line,
  html.hero-motion-run .hero-title-typing .hero-title-line{
    width:auto;
    overflow:visible;
  }
  html.hero-motion-prep .hero-title-typing .hero-title-line{
    clip-path:inset(0 100% 0 0)!important;
  }

  html.hero-motion-run .hero-title-typing .hero-title-line--one{
    animation:heroTypeClipReveal 592ms steps(37,end) 0ms both;
  }
  html.hero-motion-run .hero-title-typing .hero-title-line--two{
    animation:heroTypeClipReveal 400ms steps(25,end) 614ms both;
  }
  html.hero-motion-run .hero-title-typing .hero-title-line--three{
    animation:heroTypeClipReveal 128ms steps(8,end) 1036ms both;
  }
  html.hero-motion-run .hero-title-typing{
    animation:heroTypingExit 1ms step-end 1784ms forwards;
  }

  html.hero-motion-run .hero-title-backdrop{
    z-index:2;
    animation:heroBackdropSweep 520ms cubic-bezier(.4,0,.2,1) 1264ms both;
    will-change:clip-path;
  }
  html.hero-motion-run .hero-title-text:not(.hero-title-typing){
    z-index:4;
    animation:heroFinalTitleSweep 520ms cubic-bezier(.4,0,.2,1) 1264ms both;
    will-change:clip-path;
  }

  html.hero-motion-prep .hero-assurance>img,
  html.hero-motion-run .hero-assurance>img{
    opacity:0;
    transform:translateX(28px) scale(.86) rotate(220deg);
    transform-origin:50% 50%;
    will-change:transform,opacity;
  }
  html.hero-motion-run .hero-assurance>img{
    animation-name:heroAssuranceArrival,heroAssurancePulse;
    animation-duration:430ms,360ms;
    animation-delay:1934ms,2419ms;
    animation-timing-function:cubic-bezier(.16,1,.3,1),cubic-bezier(.22,1,.36,1);
    animation-fill-mode:both,none;
  }

  @keyframes heroTypeClipReveal{
    from{clip-path:inset(0 100% 0 0)}
    to{clip-path:inset(0 0 0 0)}
  }
  @keyframes heroBackdropSweep{
    from{clip-path:inset(0 100% 0 0)}
    to{clip-path:inset(0 0 0 0)}
  }
  @keyframes heroFinalTitleSweep{
    from{clip-path:inset(0 100% 0 0)}
    to{clip-path:inset(0 0 0 0)}
  }
  @keyframes heroTypingExit{
    to{visibility:hidden}
  }
  @keyframes heroAssuranceArrival{
    0%{opacity:0;transform:translateX(28px) scale(.86) rotate(220deg)}
    76%{opacity:1;transform:translateX(-2px) scale(1.02) rotate(-8deg)}
    100%{opacity:1;transform:translateX(0) scale(1) rotate(0deg)}
  }
  @keyframes heroAssurancePulse{
    0%{transform:scale(1)}
    42%{transform:scale(1.085)}
    72%{transform:scale(.99)}
    100%{transform:scale(1)}
  }
}

/* Products: slider enhancement keeps the accepted card geometry and leaves a complete grid without JavaScript. */
.certificates .section-title[data-section-title-reveal]{--section-title-reveal-clip-top:-.08em;--section-title-reveal-clip-bottom:-.12em}
.product-slider{position:relative;--product-slider-gap:24px}
.product-slider__viewport{min-width:0;outline:none}
.product-slider__controls{display:none}
.product-card-body p{height:80px;margin-bottom:10px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
@media (min-width:1360px){
  /* Canonical Figma product-card geometry: the filled panel has one source shadow; link panels do not. */
  .product-card::before{filter:drop-shadow(0 4px 29.2px rgb(0 0 0 / .08))}
  .product-card::after{content:none!important}
  .product-bottle{filter:drop-shadow(0 9px 19.1px rgb(0 0 0 / .1))}

  .safe-related__cleaning::before,.cleaning-direction-products__link::before{
    top:103.5px!important;right:0!important;bottom:auto!important;left:0!important;
    width:415.8799px!important;height:384.5px!important;border:0!important;border-radius:0!important;
    background:transparent url('../icons/safe-direction-product-link-card.svg') 0 0/100% 100% no-repeat!important;
    box-shadow:none!important;clip-path:none!important;filter:none!important;
  }
  .safe-related__cleaning::after,.cleaning-direction-products__link::after{content:none!important}
  .safe-related__cleaning .product-card-body h2,.cleaning-direction-products__link span{
    top:417px!important;right:26.2412px!important;bottom:auto!important;left:26.2412px!important;
    width:364px!important;height:auto!important;margin:0!important;font-size:20px!important;font-weight:700!important;line-height:25.2px!important;
  }
  .safe-related__cleaning-arrow,.cleaning-direction-products__arrow{
    top:162px!important;right:50.6388px!important;width:60px!important;height:60px!important;
    color:rgb(41 115 124 / .2)!important;stroke-width:5!important;transform:none!important;
  }
}
.product-slider.is-slider-ready .product-slider__viewport{overflow:hidden;touch-action:pan-y}
.product-slider.is-slider-ready .product-slider__track{display:flex!important;gap:var(--product-slider-gap)!important;height:488px;transform:translate3d(0,0,0);transition:transform 360ms cubic-bezier(.4,0,.2,1);will-change:transform}
.product-slider.is-slider-ready .product-card{flex:0 0 calc((100% - (var(--product-slider-gap) * 2)) / 3);width:calc((100% - (var(--product-slider-gap) * 2)) / 3)!important;min-width:0;margin:0!important;max-width:none!important}
.product-slider.is-slider-ready .product-slider__controls{position:absolute;top:-91px;right:0;z-index:4;display:flex;align-items:center;gap:12px;color:#fff}
.product-slider__button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background-color 180ms cubic-bezier(.4,0,.2,1),border-color 180ms cubic-bezier(.4,0,.2,1),opacity 180ms cubic-bezier(.4,0,.2,1)}
.product-slider__button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.product-slider__button:hover:not(:disabled){border-color:#fff;background:rgba(255,255,255,.12)}
.product-slider__button:disabled{cursor:default;opacity:.35}
.product-slider__button:focus-visible,.product-slider__viewport:focus-visible{outline:2px solid #fff;outline-offset:4px}
.product-slider__status{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;min-width:184px;font-size:13px;line-height:1.2}
.product-slider__name{font-weight:600;letter-spacing:.01em}.product-slider__count{justify-self:end;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.72)}
.product-slider__progress{grid-column:1/-1;display:block;height:1px;margin-top:7px;background:rgba(255,255,255,.35);overflow:hidden}
.product-slider__progress>span{display:block;width:100%;height:100%;background:#7dc804;transform:scaleX(.25);transform-origin:left center;transition:transform 360ms cubic-bezier(.4,0,.2,1)}
@media (min-width:1201px) and (max-width:1359px){.product-slider{--product-slider-gap:20px}}
@media (min-width:1360px){
  .products:has(.product-slider:not(.is-slider-ready)){height:auto!important;min-height:1210px!important}
  .products:has(.product-slider:not(.is-slider-ready)) .products-inner{height:auto!important;min-height:1210px!important;padding-bottom:52px!important}
  .product-card-body .button{top:432.82px!important}
  .product-card[data-product-name="AlfaLine SAFE"] .product-bottle{left:76px!important;width:264px!important}
  .product-card[data-product-name="AlfaLine VET"] .product-bottle{left:75px!important;width:265px!important}
  .product-card[data-product-name="AlfaLine AGRO"] .product-bottle{left:76px!important;width:264px!important}
  .product-card[data-product-name="AlfaLine ROSA"] .product-bottle{left:76px!important;width:264px!important}
}

/* Why-us: the consultation CTA completes the existing six-column desktop grid. */
.why-card--consultation::before{background:#f7fbf0}
.why-card--consultation .button{position:relative;z-index:1;margin-top:10px}
@media (min-width:1360px){
  .why-row--bottom{left:0!important;width:1296px!important;gap:28.4px!important}
  .why-icon-rail{width:966px!important}
  .why-card--consultation::before{background-image:url('../icons/why-card-consultation.svg')!important}
  .why-card--consultation h3{margin-bottom:8px}
  .why-card--consultation p{min-height:40px}
  .why-card--consultation .button{width:377px;height:43px;min-height:43px;margin-top:8px;padding:12px 16px;font-size:15px;line-height:19px}
}
@media (max-width:1024px){
  .product-card-body{padding-bottom:16px}
  .product-slider.is-slider-ready .product-slider__track{height:auto}
  .product-slider.is-slider-ready .product-card{flex-basis:calc((100% - var(--product-slider-gap)) / 2);width:calc((100% - var(--product-slider-gap)) / 2)!important}
  .product-slider.is-slider-ready .product-slider__controls{position:static;justify-content:flex-end;margin-top:22px}
}
@media (max-width:767px){
  .product-slider{--product-slider-gap:0px}
  .product-slider.is-slider-ready .product-card{flex-basis:100%;width:100%!important}
  .product-slider__status{min-width:172px}
}
@media (prefers-reduced-motion:reduce){
  .product-slider.is-slider-ready .product-slider__track,.product-slider__progress>span,.product-slider__button{transition:none}
}

/* Partners: finite logo slider uses the accepted container and the existing logo assets. */
.partner-slider{--partner-slider-visible:5;position:relative;width:100%;min-width:0}
.partner-slider__viewport{position:relative;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;user-select:none}
.partner-slider__viewport::-webkit-scrollbar{display:none}
.partner-slider__track{display:flex;align-items:stretch;min-width:100%;height:128px;transform:translate3d(0,0,0)}
.partner-slider__slot{position:relative;display:grid;place-items:center;flex:0 0 calc(100% / var(--partner-slider-visible));min-width:0;padding:20px 28px;scroll-snap-align:start;cursor:default}
.partner-slider__slot+.partner-slider__slot::before{content:"";position:absolute;left:0;top:50%;width:1px;height:52px;background:rgba(41,115,124,.12);transform:translateY(-50%)}
.partner-slider__slot img{display:block;max-width:84%;max-height:80px;object-fit:contain;filter:none!important;opacity:.82!important;cursor:default;transition:opacity 180ms cubic-bezier(.4,0,.2,1)}
.partner-slider__slot:hover img,.partner-slider__slot:focus-within img{opacity:1!important}
.partner-slider__edge{position:absolute;z-index:2;top:0;bottom:0;display:none;place-items:center;width:48px;padding:0;border:0;background:transparent;color:rgba(41,115,124,.72);cursor:pointer;transition:background-color 220ms cubic-bezier(.4,0,.2,1),color 220ms cubic-bezier(.4,0,.2,1),opacity 220ms cubic-bezier(.4,0,.2,1)}
.partner-slider__edge--prev{left:0;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,0))}
.partner-slider__edge--next{right:0;background:linear-gradient(270deg,rgba(255,255,255,.94),rgba(255,255,255,0))}
.partner-slider__edge svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;transition:transform 250ms cubic-bezier(.4,0,.2,1)}
.partner-slider__edge--prev:hover:not(:disabled),.partner-slider__edge--prev:focus-visible{background-color:rgba(41,115,124,.07);color:var(--color-primary)}
.partner-slider__edge--next:hover:not(:disabled),.partner-slider__edge--next:focus-visible{background-color:rgba(125,200,4,.09);color:var(--color-primary)}
.partner-slider__edge--prev:hover:not(:disabled) svg,.partner-slider__edge--prev:focus-visible svg{transform:translateX(-2px)}
.partner-slider__edge--next:hover:not(:disabled) svg,.partner-slider__edge--next:focus-visible svg{transform:translateX(2px)}
.partner-slider__edge:focus-visible{outline:2px solid var(--color-primary);outline-offset:-3px}
.partner-slider__edge:disabled{opacity:.26;cursor:default}
.partner-slider__progress{display:none;width:150px;height:2px;margin:16px auto 0;background:rgba(41,115,124,.16);overflow:hidden}
.partner-slider__progress>span{display:block;width:100%;height:100%;background:var(--color-lime);transform:scaleX(0);transform-origin:left center;transition:transform 560ms cubic-bezier(.22,.61,.36,1)}
.partner-slider.is-partner-slider-ready .partner-slider__viewport{overflow:hidden;touch-action:pan-y}
.partner-slider.is-partner-slider-ready .partner-slider__track{transition:transform 560ms cubic-bezier(.22,.61,.36,1);will-change:transform}
.partner-slider.is-partner-slider-ready .partner-slider__edge,.partner-slider.is-partner-slider-ready .partner-slider__progress{display:grid}
.partner-slider.is-partner-slider-dragging .partner-slider__viewport{cursor:grabbing}
.partner-slider.is-partner-slider-dragging .partner-slider__slot,.partner-slider.is-partner-slider-dragging .partner-slider__slot img{cursor:grabbing}
@media (min-width:1025px) and (max-width:1359px){.partner-slider{--partner-slider-visible:4}}
@media (min-width:768px) and (max-width:1024px){.partner-slider{--partner-slider-visible:3}}
@media (max-width:767px){.partner-slider{--partner-slider-visible:2}.partner-slider__track{height:112px}.partner-slider__slot{padding-inline:24px}.partner-slider__slot img{max-height:66px}.partner-slider__edge{width:44px}.partner-slider__progress{width:120px;margin-top:12px}}
@media (prefers-reduced-motion:reduce){.partner-slider__track,.partner-slider__progress>span,.partner-slider__edge,.partner-slider__edge svg,.partner-slider__slot img{transition:none!important}.partner-slider__edge:hover svg,.partner-slider__edge:focus-visible svg{transform:none!important}}

/* Certificates: retain the source five-slot composition while exposing the full local document set. */
.certificate-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-y}
.certificate-viewport::-webkit-scrollbar{display:none}
.certificate-track{display:flex;grid-template-columns:none;gap:74px;width:max-content}
.certificate-card{flex:0 0 200px;scroll-snap-align:start}
.certificate-preview{display:block;width:200px;height:273px;padding:0;border:0;border-radius:5px;background:#fff;box-shadow:0 0 19px rgba(0,0,0,.10);cursor:zoom-in;overflow:hidden}
.certificate-preview img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:contain;background:#fff;box-shadow:none;transition:transform 240ms cubic-bezier(.4,0,.2,1),box-shadow 240ms cubic-bezier(.4,0,.2,1)}
.certificate-preview:hover img,.certificate-preview:focus-visible img{transform:scale(1.012)}
.certificate-preview:focus-visible{outline:2px solid #fff;outline-offset:3px}
.download-button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.certificate-lightbox{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:28px;background:rgba(10,35,38,.82)}
.certificate-lightbox[hidden]{display:none}
.certificate-lightbox__dialog{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:min(1120px,100%);max-height:calc(100dvh - 56px);padding:20px 58px 20px 20px;border-radius:8px;background:rgba(12,54,59,.96);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.certificate-lightbox__figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;max-height:calc(100dvh - 96px);margin:0}
.certificate-lightbox__figure img{display:block;max-width:100%;max-height:calc(100dvh - 156px);margin:auto;object-fit:contain;border-radius:4px;background:#fff}
.certificate-lightbox__figure figcaption{padding-top:12px;color:#fff;font-size:14px;line-height:1.35;text-align:center}
.certificate-lightbox__nav,.certificate-lightbox__close{display:grid;place-items:center;border:0;color:#fff;cursor:pointer}
.certificate-lightbox__nav{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12)}
.certificate-lightbox__nav svg,.certificate-lightbox__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.certificate-lightbox__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:transparent}
.certificate-lightbox__nav:hover,.certificate-lightbox__nav:focus-visible,.certificate-lightbox__close:hover,.certificate-lightbox__close:focus-visible{background:rgba(255,255,255,.22);outline:none}
body.is-certificate-lightbox-open{overflow:hidden}
@media (max-width:1359px){.certificate-track{gap:30px}}
@media (max-width:767px){.certificate-track{gap:22px}.certificate-lightbox{padding:12px}.certificate-lightbox__dialog{grid-template-columns:minmax(0,1fr);width:100%;max-height:calc(100dvh - 24px);padding:16px 48px 16px 16px}.certificate-lightbox__nav{position:absolute;z-index:1;top:50%;width:36px;height:36px;transform:translateY(-50%)}.certificate-lightbox__nav--prev{left:10px}.certificate-lightbox__nav--next{right:10px}.certificate-lightbox__figure img{max-height:calc(100dvh - 122px)}.certificate-lightbox__figure figcaption{padding-top:8px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.certificate-preview img{transition:none}.certificate-viewport{scroll-behavior:auto}}

/* Certificates: finite navigation follows the accepted product-slider control language. */
.certificate-slider{position:relative;min-width:0}
.certificate-slider__controls{display:none}
.certificate-slider.is-certificate-slider-ready .certificate-viewport{overflow:hidden;touch-action:pan-y}
.certificate-slider.is-certificate-slider-ready .certificate-track{transition:transform 560ms cubic-bezier(.22,.61,.36,1);will-change:transform}
.certificate-slider.is-certificate-slider-ready .certificate-slider__controls{position:absolute;top:-91px;right:0;z-index:4;display:flex;align-items:center;gap:12px;color:#fff}
.certificate-slider__button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background-color 180ms cubic-bezier(.4,0,.2,1),border-color 180ms cubic-bezier(.4,0,.2,1),opacity 180ms cubic-bezier(.4,0,.2,1)}
.certificate-slider__button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.certificate-slider__button:hover:not(:disabled){border-color:#fff;background:rgba(255,255,255,.12)}
.certificate-slider__button:disabled{cursor:default;opacity:.35}
.certificate-slider__button:focus-visible,.certificate-viewport:focus-visible{outline:2px solid #fff;outline-offset:4px}
.certificate-slider__status{display:grid;min-width:126px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.2}
.certificate-slider__count{justify-self:center;font-variant-numeric:tabular-nums}
.certificate-slider__progress{display:block;height:1px;margin-top:7px;background:rgba(255,255,255,.35);overflow:hidden}
.certificate-slider__progress>span{display:block;width:100%;height:100%;background:#7dc804;transform:scaleX(0);transform-origin:left center;transition:transform 560ms cubic-bezier(.22,.61,.36,1)}
.certificate-slider.is-certificate-slider-dragging .certificate-viewport{cursor:grabbing}
@media (max-width:1024px){.certificate-slider.is-certificate-slider-ready .certificate-slider__controls{position:static;justify-content:flex-end;margin-top:22px}}
@media (prefers-reduced-motion:reduce){.certificate-slider.is-certificate-slider-ready .certificate-track,.certificate-slider__progress>span,.certificate-slider__button{transition:none}}

/* FAQ: progressive enhancement and a measured-height accordion preserve the source layout at rest. */
.faq:not(.is-faq-ready),.faq:not(.is-faq-ready)>.container{height:auto!important}
.faq:not(.is-faq-ready) .faq-grid{height:auto!important;grid-template-rows:auto auto!important}
.faq:not(.is-faq-ready) .faq-item{height:auto!important;min-height:89px!important}
.faq:not(.is-faq-ready) .faq-answer{position:static!important;width:auto!important;height:auto!important;padding:12px 18px 18px!important}
.faq:not(.is-faq-ready) .faq-answer p{width:auto!important;height:auto!important;margin:0!important}
.faq.is-faq-ready .faq-answer{display:grid!important;grid-template-rows:0fr!important;box-sizing:border-box;overflow:hidden!important;height:auto!important;padding:0 18px!important;opacity:1!important;transition:grid-template-rows 340ms cubic-bezier(.4,0,.2,1)}
.faq.is-faq-ready .faq-answer__content{min-height:0!important;overflow:hidden!important}
.faq.is-faq-ready .faq-answer p{box-sizing:border-box!important;width:auto!important;height:auto!important;margin:0!important;padding:12px 0 18px!important;opacity:1!important}
.faq.is-faq-ready .faq-item.is-open .faq-answer{grid-template-rows:1fr!important;padding:0 18px!important;opacity:1!important}
.faq.is-faq-ready.has-interacted .faq-item .faq-answer{padding:0 18px!important}
.faq.is-faq-ready .faq-item.is-open{box-shadow:inset 0 0 0 1.5px rgba(26,182,156,.34),0 4px 23.9px rgba(0,0,0,.13)!important}
.faq.is-faq-ready .faq-question:focus-visible{outline:2px solid rgba(26,182,156,.82);outline-offset:-4px}
.faq.is-faq-ready .faq-chevron{width:19px!important;height:19px!important;border:0!important;background:none!important;transform:none!important}
.faq.is-faq-ready .faq-chevron::before,.faq.is-faq-ready .faq-chevron::after{content:"";position:absolute;display:block;background:#333;border-radius:1px}
.faq.is-faq-ready .faq-chevron::before{top:8.75px;left:2px;width:15px;height:1.5px}
.faq.is-faq-ready .faq-chevron::after{top:2px;left:8.75px;width:1.5px;height:15px;transform-origin:center;transition:transform 240ms cubic-bezier(.4,0,.2,1),opacity 240ms cubic-bezier(.4,0,.2,1)}
.faq.is-faq-ready .faq-item.is-open .faq-chevron::after{transform:scaleY(0);opacity:0}
@media (min-width:1360px){.faq.is-faq-ready .faq-chevron{top:35px!important}}
@media (max-width:1359px){.faq.is-faq-ready .faq-chevron{position:relative!important;top:auto!important}}
@media (prefers-reduced-motion:reduce){.faq.is-faq-ready .faq-answer,.faq.is-faq-ready .faq-chevron::after{transition:none}}

/* Deferred below-fold decorative media, applied shortly before its section enters view. */
.products-bg,.certificates::before,.why-us::before{background:none!important}
@media (min-width:1360px){
  .products.is-deferred-media-ready .products-bg{background:url('../images/products-background-source.webp') center/cover no-repeat!important}
  .why-us.is-deferred-media-ready::before{background:url('../images/why-decor-source.webp') 0 0/1444px 552px no-repeat!important}
  .certificates.is-deferred-media-ready::before{background:url('../images/products-background-source.webp') center/cover no-repeat!important}
}
@media (max-width:1359px){
  .products.is-deferred-media-ready .products-bg{background:linear-gradient(rgba(41,115,124,.12),rgba(41,115,124,.12)),url('../images/products-background.webp') center/cover no-repeat!important}
  .why-us.is-deferred-media-ready::before{background:url('../images/dots-background-source.webp') center/cover no-repeat!important}
  .certificates.is-deferred-media-ready::before{background:url('../images/certificates-background.webp') center/cover no-repeat!important}
}

/* Responsive typography guardrails retain the accepted desktop source geometry. */
@media (min-width:768px) and (max-width:1199px){
  .hero{height:auto;min-height:0;margin-top:0;padding:20px 0 36px;overflow:visible}
  .hero-decor-clip{display:none}
  .hero-grid{
    display:grid;height:auto;grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:auto auto auto auto;
    column-gap:0;row-gap:0
  }
  .hero-title-backdrop{display:none}
  .hero-title-text{
    position:relative;z-index:3;left:auto;top:auto;grid-column:1/-1;grid-row:1;width:100%;height:auto;margin:0;
    font-size:clamp(29px,calc(12.5px + 2.1vw),36px);line-height:1.05;letter-spacing:0;transform:none
  }
  .hero-title-line{display:inline;height:auto;white-space:normal}
  .hero-title-basis,.hero-title-molecular{font-size:inherit;line-height:inherit;transform:none}
  .hero-title-basis{margin-right:.18em}
  .hero-assurance{
    grid-column:1/8;grid-row:2;display:flex;align-items:center;gap:11px;align-self:center;width:auto;min-height:0;
    margin:18px 9px 0 0;padding:11px 13px
  }
  .hero-assurance>img{flex:0 0 34px;width:34px;height:34px}
  .hero-assurance p{margin:0;font-size:13px;line-height:17px}
  .hero-subtitle-text{
    position:relative;z-index:3;left:auto;top:auto;grid-column:8/-1;grid-row:2;align-self:center;width:auto;height:auto;
    margin:18px 0 0 9px;font-size:clamp(20px,calc(10px + 1.15vw),25px);line-height:1.08;letter-spacing:0;transform:none
  }
  .hero-photo-cell,.hero-photo-wrap{display:contents}
  .hero-photo-cell picture{grid-column:1/15;grid-row:3;display:block;width:auto;margin:18px 9px 0 0}
  .hero-photo{width:100%;height:auto}
  .hero-features{
    grid-column:15/-1;grid-row:3;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));align-self:stretch;
    width:auto;margin:18px 0 0 9px;gap:8px
  }
  .hero-feature{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px}
  .hero-feature--application,.hero-feature--technology,.hero-feature--simple{gap:11px}
  .hero-feature-icon,.hero-feature-icon--water{flex:0 0 34px;width:34px;height:34px}
  .hero-feature h2{
    max-width:none;margin:0;font-size:clamp(16px,calc(11px + .6vw),18px);line-height:1.14;
    text-align:left;transform:none;transform-origin:left top
  }
  .hero-feature h2 br{display:none}
  .hero-note{
    position:relative;z-index:3;left:auto;top:auto;grid-column:1/-1;grid-row:4;width:100%;height:auto;min-height:0;
    margin:20px 0 0;padding:15px 18px;outline:2px solid rgba(41,115,124,.20)
  }
  .hero-note p{font-size:15px;line-height:21px}
}
@media (min-width:768px) and (max-width:1199px){
  .applications .section-title,.demand .section-title,.products .section-title,.why-us .section-title,
  .partners .section-title,.certificates .section-title,.faq .section-title{
    width:auto;height:auto;font-size:clamp(22px,calc(12px + 1.25vw),27px);line-height:1.1;transform:none
  }
}
@media (max-width:767px){
  .hero{padding-top:12px;padding-bottom:30px}
  .hero-grid{gap:14px}
  .hero-title-text{font-size:clamp(26px,7vw,34px);line-height:1.06}
  .hero-feature h2{font-size:clamp(18px,4.8vw,21px);line-height:1.14;transform:none}
  .section-title{font-size:clamp(24px,6.4vw,28px);line-height:1.08}
}