@font-face{font-family:Roboto-Regular;src:url(../fonts/RobotoRegular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Roboto-Medium;src:url(../fonts/RobotoMedium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Roboto-Bold;src:url(../fonts/RobotoBold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:iconfont;src:url(../fonts/iconfont.woff2) format("woff2");font-style:normal;font-weight:400;font-display:block} :root{--green:#58ba80;--green-dark:#35945d;--ink:#333;--muted:#555;--light:#f6f6f6;--footer:#eaeaea;--white:#fff;--line:#c8cace;--shell:1206px;--shadow:0 12px 32px rgba(0,0,0,.12);--radius:10px} *{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:#fff;color:var(--ink);font-family:Roboto-Regular,Roboto,Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.625;overflow-wrap:anywhere}html[lang="ar"] body{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none;transition:.2s}img,video,iframe{max-width:100%;height:auto}.iconfont{font-family:iconfont!important;font-style:normal;font-weight:400!important;font-variant:normal;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-line:before{content:"\e63e"}.icon-shouye:before{content:"\e609"}.icon-youxiang11:before{content:"\e639"}.icon-zhiding:before{content:"\e676"}.icon-jiantou_xiangxia_o:before{content:"\eb90"}.icon-daosanjiao:before{content:"\e75b"}.icon-right7:before{content:"\e725"}.icon-sousuo:before{content:"\e616"}.icon-xialajiantouxiao-copy-copy:before{content:"\ec63"}.icon-bofang:before{content:"\e615"}.icon-earth2:before{content:"\e8f9"}.icon-whatsapp1:before{content:"\e7c1"}.shell{width:min(calc(100% - 160px),var(--shell));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:9999;padding:10px 14px;background:#fff;color:#000;transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid #f1c84b;outline-offset:3px} /* Fixed, transparent two-tier source header. */ .site-header{position:fixed;inset:2px 0 auto;z-index:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);transition:background-color .2s,box-shadow .2s}.site-header.is-scrolled{inset-block-start:0;background:rgba(22,25,24,.96);box-shadow:0 6px 20px rgba(0,0,0,.18)}.nav-shell{display:flex;align-items:center;justify-content:space-between;min-height:112px}.brand{position:relative;display:flex;width:150px;height:86px;align-items:center;justify-content:center}.brand img{display:block;width:150px;height:86px;object-fit:contain}.nav-stack{width:calc(100% - 180px)}.utility-inner{display:flex;align-items:center;justify-content:flex-end;gap:30px;min-height:55px;border-bottom:1px solid rgba(255,255,255,.2);font-family:Roboto-Medium,Roboto,Arial,sans-serif;font-size:16px}.utility-inner a:hover,.primary-nav a:hover{color:var(--green)}.search-trigger{display:grid;width:28px;height:32px;place-items:center}.search-trigger .iconfont{display:block;width:auto;height:auto;border:0;border-radius:0;font-size:20px;position:static}.search-trigger .iconfont:after{display:none}.nav-row{min-height:56px;display:flex;align-items:center;justify-content:flex-end}.primary-nav{display:flex;align-items:center;gap:30px;font-family:Roboto-Medium,Roboto,Arial,sans-serif;font-size:18px}.primary-nav a{position:relative;white-space:nowrap}.primary-nav a:after{content:"";position:absolute;left:50%;bottom:-18px;width:0;height:2px;background:var(--green);transform:translateX(-50%);transition:.2s}.primary-nav a:hover:after,.primary-nav a[aria-current="page"]:after{width:55px}.language-switcher{position:relative;margin-inline-start:24px}.language-switcher button,.menu-toggle{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.language-switcher button{display:flex;align-items:center;gap:8px;padding:6px 18px;border-radius:20px;background:rgba(255,255,255,.1)}.globe{font-size:22px}.language-switcher .icon-daosanjiao{font-size:10px}.language-menu{position:absolute;inset-block-start:calc(100% + 10px);inset-inline-start:50%;width:max-content;min-width:150px;max-height:70vh;overflow:auto;padding:15px;background:#fff;color:#666;box-shadow:var(--shadow);transform:translateX(-50%)}.language-menu a{display:block;margin-block-end:12px}.language-menu a:last-child{margin:0}.language-menu a:hover,.language-menu a[aria-current="page"]{color:var(--green);font-weight:700}.menu-toggle{display:none}.pill-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 28px;border:1px solid var(--green);border-radius:var(--radius);background:var(--green);color:#fff;font-family:Roboto-Medium,Roboto,Arial,sans-serif;line-height:1.2}.pill-button:hover{background:#fff;color:var(--green)}.pill-button--header{min-height:40px;margin-inline-start:42px;padding:9px 22px;border-radius:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 28px;border:1px solid var(--green);border-radius:var(--radius);background:var(--green);color:#fff;font-weight:700}.button:hover{background:#fff;color:var(--green)} body.admin-bar .site-header{inset-block-start:34px}.admin-bar .site-header.is-scrolled{inset-block-start:32px} /* Homepage hero and source-style modules. */ .home-hero{position:relative;height:100vh;min-height:680px;overflow:hidden;background:#151918;color:#fff}.home-hero__media{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.46),rgba(0,0,0,.52)),radial-gradient(ellipse at 48% 30%,rgba(90,100,94,.35),transparent 38%),repeating-linear-gradient(118deg,#303431 0 11px,#1f2321 11px 23px,#101312 23px 30px);filter:grayscale(1)}.home-hero__media:after,.inner-banner__mesh:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 86px,rgba(255,255,255,.025) 87px 88px);mix-blend-mode:screen}.home-hero__content{position:relative;top:23.5%;text-align:center}.home-hero h1{margin:0;color:var(--green);font:50px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.home-hero__focus{margin:10px 0 0;font:30px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.home-hero__tagline{margin:10px 0 0;font-size:20px;line-height:1.2}.home-hero__help{margin:50px 0 0;font:30px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.hero-option{display:flex;width:56.25%;height:40px;margin:10px auto 0;align-items:center;justify-content:space-between;border-radius:10px;background:#fff;color:#333;text-align:start;font-family:Roboto-Bold,Roboto,Arial,sans-serif;overflow:hidden}.hero-option span{padding-inline:24px}.hero-option b{display:grid;width:40px;height:40px;place-items:center;background:var(--green);color:#fff;font-size:20px;transition:.2s}.hero-option:hover b{transform:rotate(180deg)}.hero-dots{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:center;gap:10px}.hero-dots i{width:10px;height:10px;border-radius:50%;background:#fff}.hero-dots i:first-child{background:var(--green)} .home-section{padding-block:66px 20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:80px}.section-heading>div{max-width:850px}.section-heading h2,.news-section h2{margin:0;font:46px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.section-heading p{margin:11px 0 0;color:#555;line-height:26px}.scrap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 82px;margin-block-start:25px}.source-card{min-width:0}.source-card__media{display:block;border-radius:12px;overflow:hidden}.source-card h3{margin:20px 0 0;text-align:center;font:22px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.source-card>p{margin:10px 0 0;color:#555}.text-link{display:inline-flex;margin-block-start:16px;color:var(--green);font-family:Roboto-Medium,Roboto,Arial,sans-serif;border-bottom:1px solid var(--line)}.text-link:hover{color:var(--green-dark);border-color:var(--green)} .media-placeholder{position:relative;display:grid;place-items:center;min-height:260px;overflow:hidden;border:0;background:radial-gradient(circle at 60% 42%,rgba(88,186,128,.32),transparent 24%),repeating-linear-gradient(118deg,#303431 0 10px,#1f2321 10px 22px,#111 22px 29px);color:var(--green);text-align:center}.media-placeholder:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.13);pointer-events:none}.media-monogram{font:700 26px/1 Arial,sans-serif;letter-spacing:.18em}.media-placeholder small{position:absolute;bottom:14px;color:#fff;font-size:11px}.media-placeholder--card{min-height:199px;aspect-ratio:347/199}.source-card__media:hover .media-placeholder:before{content:"";position:absolute;top:10%;bottom:10%;width:40px;background:#fff;filter:blur(30px);animation:media-shine .35s linear}.applications-section{position:relative;padding-block:63px 45px;background:#f6f6f6}.application-list{margin-block-start:36px}.application-list .source-card{display:grid;grid-template-columns:48% 1fr;align-items:center;gap:50px;margin-block-end:38px}.application-list .source-card:nth-child(even){grid-template-columns:1fr 48%}.application-list .source-card:nth-child(even) .source-card__media{grid-column:2;grid-row:1/5}.application-list .source-card h3,.application-list .source-card p,.application-list .source-card>.text-link{text-align:start}.application-list .source-card h3{font-size:26px}.process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding-block:76px}.process-card{position:relative;padding:18px 20px 24px;text-align:center}.process-card:not(:last-child):after{content:"";position:absolute;right:-13px;top:46px;width:1px;height:138px;background:#d5d5d5}.process-card__number{position:absolute;top:0;left:8px;color:#ececec;font:700 56px/1 Arial}.process-card__icon{position:relative;display:grid;width:72px;height:72px;margin:auto;place-items:center;border:2px solid var(--green);border-radius:50%;color:var(--green)}.process-card h2{margin:18px 0 0;font:20px/1.25 Roboto-Bold,Roboto,Arial,sans-serif}.process-card p{min-height:78px;margin:10px 0 0;color:#555;font-size:14px}.about-feature{padding-block:55px;background:#f6f6f6}.about-feature__grid{display:grid;grid-template-columns:48% 52%;align-items:center}.about-feature__copy{position:relative;z-index:2;padding:56px 70px 170px 0}.about-feature__copy h2{margin:18px 0 0;font:42px/1.15 Roboto-Bold,Roboto,Arial,sans-serif}.about-feature__copy p{color:#555}.about-feature__visual{min-width:0}.media-placeholder--feature{min-height:510px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);margin-block-start:-155px;position:relative;z-index:3;padding:24px 38px;background:#fff;box-shadow:var(--shadow)}.stat{padding:12px 24px;border-inline-end:1px solid #ddd}.stat:last-child{border:0}.stat strong{display:block;color:var(--green);font:40px/1 Roboto-Bold,Roboto,Arial,sans-serif}.stat strong small{font-size:.55em}.stat span{display:block;margin-block-start:8px;color:#555}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:85px}.feature-grid article{padding:28px 20px;text-align:center}.feature-orbit{display:grid;width:104px;height:104px;margin:auto;place-items:center;border:2px solid var(--green);border-radius:50%;color:var(--green);font-size:28px}.feature-grid h2{min-height:60px;margin:18px 0 0;font:20px/1.5 Roboto-Bold,Roboto,Arial,sans-serif}.feature-grid p{margin:10px 0 0;color:#555}.green-future{padding-block:37px;background:linear-gradient(90deg,rgba(248,248,248,.95),rgba(238,238,238,.75)),repeating-linear-gradient(120deg,#eee 0 20px,#ddd 20px 22px)}.green-future>.shell{display:flex;align-items:center;justify-content:space-between}.green-future h2{margin:0;font:36px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.green-future p{max-width:760px;color:#555}.future-mark{font:700 92px/1 Arial;color:rgba(88,186,128,.25)}.news-section{padding-block:68px 30px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-block-start:30px}.quote-strip{position:relative;z-index:2;display:flex;align-items:center;gap:40px;min-height:96px;margin-block:46px -48px;padding:19px 45px;border-radius:12px;background:linear-gradient(120deg,#4bad75,#64c48c);box-shadow:var(--shadow)}.quote-strip__mark{color:#fff;font:700 28px Arial}.quote-fields{display:flex;flex:1;gap:10px}.quote-fields input,.quote-fields button{min-width:0;height:50px;border:0;border-radius:10px;padding:0 12px;font:inherit}.quote-fields input{flex:1;background:#fff}.quote-fields button{width:150px;background:#fff;color:var(--green);font-weight:700}.quote-fields :disabled{opacity:1;cursor:not-allowed} .choose-section{padding-block:34px 78px}.choose-section__intro{max-width:850px;margin-inline:auto;text-align:center}.choose-section__intro h2{margin:0;font:38px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.choose-section__intro .rich-text{margin-block-start:12px;color:#555}.choose-section__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-block-start:28px}.choose-section__item{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.choose-section__item h3{margin:0;font:20px/1.3 Roboto-Bold,Roboto,Arial,sans-serif}.choose-section__item .rich-text{margin-block-start:10px;color:#555} @media(max-width:1000px){.choose-section__grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:750px){.choose-section{padding-block:22px 42px}.choose-section__intro h2{font-size:28px}.choose-section__grid{grid-template-columns:1fr}} /* Inner banners and template families. */ .inner-banner{position:relative;height:320px;overflow:hidden;background:#151817;color:#fff}.inner-banner__mesh{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.54),rgba(0,0,0,.6)),repeating-linear-gradient(112deg,#303430 0 9px,#121514 9px 17px,#353936 17px 20px)}.inner-banner__content{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-block-end:29px}.inner-banner__title{margin:0 0 23px;text-align:center;text-transform:uppercase;font:38px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.breadcrumbs{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;padding-block-start:23px;border-top:1px solid rgba(255,255,255,.45);font:20px/1.4 Roboto-Medium,Roboto,Arial,sans-serif}.breadcrumbs [aria-current="page"]{color:var(--green)}.listing-intro{padding-block:68px 45px;text-align:center}.listing-intro h1{margin:0;font:50px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.listing-intro>div:not(.filter-pills){max-width:930px;margin:20px auto 0;color:#555}.filter-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-block-start:30px}.filter-pills span{display:inline-flex;min-height:52px;align-items:center;padding:12px 27px;border:1px solid var(--green);border-radius:10px;color:var(--green);font-family:Roboto-Medium,Roboto,Arial,sans-serif}.filter-pills span[aria-current="true"]{background:var(--green);color:#fff}.listing-content{padding-block-end:70px}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 42px}.listing-grid .source-card{padding-bottom:28px;border:1px solid #eee;background:#fff}.listing-grid .source-card__media{border-radius:0}.listing-grid .source-card h3,.listing-grid .source-card p,.listing-grid .source-card>.text-link{margin-inline:28px;text-align:start}.listing-grid .source-card h3{font-size:18px;line-height:28px}.listing-grid .source-card p{font-size:14px;color:#777}.detail-intro{display:grid;grid-template-columns:1fr 1.02fr;gap:70px;align-items:center;padding-block:84px}.detail-intro__copy h1{margin:0;font:38px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.detail-intro__copy p{margin:24px 0;color:#555;font-size:18px;line-height:1.7}.media-placeholder--detail{min-height:360px;border-radius:12px}.article-content{padding-block:64px;max-width:1206px}.article-content--center{text-align:center}.article-content h1,.article-content h2{font-family:Roboto-Bold,Roboto,Arial,sans-serif}.article-content img{display:block}.detail-module{padding-block:65px}.detail-module:nth-of-type(odd){background:#f6f6f6}.detail-module__single{max-width:1000px}.detail-module__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.detail-block{min-width:0}.detail-block h2{margin:0 0 14px;font:26px/1.3 Roboto-Bold,Roboto,Arial,sans-serif}.detail-block__body{color:#555}.media-placeholder--module{min-height:300px;margin-block-start:28px;border-radius:8px}.detail-module--customers .detail-module__single{max-width:880px}.detail-module--customers .detail-block h2{font-size:30px}.detail-module--choose_list .detail-block h2,.detail-module--pric_list .detail-block h2{font-size:22px}.ordinary-page__header{padding-block:68px 30px;text-align:center}.ordinary-page__header h1{margin:0;font:46px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.lead-copy{max-width:900px;margin:20px auto 0;color:#555}.ordinary-page .article-content{max-width:960px}.prose{color:#444}.prose h2,.prose h3{line-height:1.25}.prose p{margin-block:1em}.prose table,.table-scroll table{border-collapse:collapse}.prose td,.prose th,.table-scroll td,.table-scroll th{padding:12px 16px;border:1px solid #c8cace}.table-scroll{width:100%;overflow-x:auto}.price-notice{display:flex;gap:16px;align-items:center;padding-block:30px}.price-notice p{margin:0;color:#666}.status-pill{display:inline-flex;padding:6px 12px;border-radius:20px;background:#795037;color:#fff;white-space:nowrap}.price-section{padding-block:62px}.price-section--alt{background:#f6f6f6}.price-section h1{text-align:center;font:40px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.price-intro{text-align:center;color:#555}.price-section table{width:100%;min-width:820px}.price-section table tr:first-child{background:var(--green);color:#fff;font-family:Roboto-Bold,Roboto,Arial,sans-serif}.price-section table td{text-align:center}.price-notes{margin-block-start:20px;color:#666}.search-results{padding-block:60px 90px}.search-results article{max-width:850px;padding-block:26px;border-block-end:1px solid #ddd}.search-form label{display:block;margin-block-end:8px;font-weight:700}.search-form>div{display:flex;max-width:650px}.search-form input{min-width:0;flex:1;padding:12px;border:1px solid #ccc;font:inherit}.search-form button{padding:12px 20px;border:0;background:var(--green);font:inherit;font-weight:700}.empty-state,.not-found{padding-block:100px;text-align:center}.error-code{margin:0;color:var(--green);font-size:clamp(5rem,18vw,12rem);font-weight:900;line-height:.8} /* Source footer is light, wide and information dense. */ .site-footer{position:relative;padding-block:118px 37px;background:#eaeaea;color:#444}.footer-grid{display:grid;grid-template-columns:1.25fr .62fr .8fr 1.25fr;gap:92px}.footer-heading{position:relative;margin:0 0 24px;font:22px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.footer-heading:after{content:"";position:absolute;bottom:-9px;left:0;width:45px;height:2px;background:var(--green)}.site-footer nav{display:flex;flex-direction:column;gap:4px}.site-footer nav a{line-height:30px}.site-footer a:hover{color:var(--green)}.site-footer .pill-button{margin-block-start:19px}.muted{color:#666}.legal-row{display:flex;justify-content:space-between;gap:20px;margin-block-start:56px;padding-block-start:20px;border-block-start:1px solid #ccc;font-size:14px} .contact-rail{position:fixed;right:14px;top:50%;z-index:760;display:flex;width:60px;flex-direction:column;gap:2px;transform:translateY(-50%)}.contact-rail a{display:grid;height:60px;place-items:center;border-radius:4px;background:rgba(120,120,120,.68);color:#fff;font:700 13px/1 Arial,sans-serif}.contact-rail a:hover{background:var(--green)}.contact-rail a:first-child span,.contact-rail a:nth-child(3) span,.contact-rail a:last-child span{font-size:25px} /* Interaction and motion parity, with accessibility fallback. */ .reveal{opacity:0;transform:translateY(100px);transition:opacity 1s,transform 1s}.reveal.is-visible{opacity:1;transform:none}@keyframes media-shine{0%{left:-15%;opacity:0}50%{opacity:1}100%{left:110%;opacity:0}} html[dir="rtl"] .site-header,html[dir="rtl"] .section-heading,html[dir="rtl"] .application-list,html[dir="rtl"] .detail-intro,html[dir="rtl"] .footer-grid{text-align:right}html[dir="rtl"] .primary-nav,html[dir="rtl"] .utility-inner{direction:rtl}html[dir="rtl"] .language-menu{transform:translateX(50%)}html[dir="rtl"] .brand-word:before{left:calc(100% + 7px);right:auto}html[dir="rtl"] .brand-word:after{right:calc(100% + 7px);left:auto}html[dir="rtl"] .process-card:not(:last-child):after{right:auto;left:-13px}html[dir="rtl"] .about-feature__copy{padding:56px 0 170px 70px}html[dir="rtl"] .footer-heading:after{left:auto;right:0}html[dir="rtl"] .application-list .source-card:nth-child(even) .source-card__media{grid-column:1}html[dir="rtl"] .application-list .source-card:nth-child(even){grid-template-columns:48% 1fr}html[dir="rtl"] .breadcrumbs span[aria-hidden]{transform:scaleX(-1)} @media(min-width:1281px){.site-footer .shell{width:min(calc(100% - 60px),1320px)}} @media(max-width:1280px){.shell{width:min(calc(100% - 60px),var(--shell))}.brand{width:120px}.nav-stack{width:calc(100% - 145px)}.primary-nav{gap:15px;font-size:16px}.utility-inner{gap:20px}.pill-button--header{margin-inline-start:20px}.section-heading h2,.news-section h2{font-size:38px}.about-feature__copy{padding-inline-end:42px}.quote-strip{margin-inline:30px;width:auto}.footer-grid{gap:36px}} @media(max-width:1279px){.site-header{inset-block-start:0;padding-block:5px}.nav-shell{min-height:70px}.brand{width:100px;height:60px}.brand-symbol{width:38px;height:34px;transform:scale(.72)}.brand-word{font-size:14px}.nav-stack{width:auto}.utility-inner,.nav-row>.pill-button{display:none}.nav-row{min-height:auto}.language-switcher{margin:0}.menu-toggle{display:block;position:relative;z-index:902;width:42px;height:42px;margin-inline-start:20px}.menu-toggle>span[aria-hidden]{display:block;width:26px;height:3px;margin:auto;background:#fff;border-radius:8px;box-shadow:0 -8px #fff,0 8px #fff;transition:.15s}.menu-toggle[aria-expanded="true"]>span[aria-hidden]{box-shadow:none;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"]>span[aria-hidden]:after{content:"";display:block;width:26px;height:3px;background:#fff;transform:rotate(90deg)}.primary-nav{display:none;position:fixed;top:0;right:0;width:280px;height:100vh;z-index:900;padding:90px 25px 30px;background:var(--green);flex-direction:column;align-items:stretch;gap:0;overflow-y:auto}.primary-nav[data-open]{display:flex}.primary-nav a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.24)}.primary-nav a:after{display:none}.mobile-scrim[data-open]{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:850}.home-hero{height:auto;min-height:680px}.home-hero__content{top:auto;padding-block:180px 90px}.home-hero h1{font-size:38px}.scrap-grid{gap:30px}.application-list .source-card{gap:30px}.section-heading{gap:30px}.quote-fields{flex-wrap:wrap}.quote-fields input{flex-basis:calc(50% - 10px)}.footer-grid{grid-template-columns:1.2fr .8fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.inner-banner{height:300px}} @media(max-width:1000px){.shell{width:min(calc(100% - 30px),var(--shell))}.home-hero{height:315px;min-height:315px}.home-hero__content{padding-block:125px 35px}.home-hero h1{font-size:30px}.home-hero__focus{font-size:22px}.home-hero__help,.hero-option,.hero-dots{display:none}.section-heading{flex-direction:column;text-align:center}.section-heading>div{max-width:none}.scrap-grid{grid-template-columns:repeat(3,1fr);gap:24px 18px}.applications-section{padding-block:34px}.application-list .source-card,.application-list .source-card:nth-child(even){grid-template-columns:1fr;gap:10px;text-align:center}.application-list .source-card:nth-child(even) .source-card__media{grid-column:auto;grid-row:auto}.process-strip{grid-template-columns:repeat(2,1fr);padding-block:30px}.process-card:after{display:none}.about-feature__grid{grid-template-columns:1fr}.about-feature__copy{padding:30px 0;text-align:center}.media-placeholder--feature{min-height:380px}.stat-row{margin-block-start:20px}.feature-grid{grid-template-columns:repeat(2,1fr);padding-block:30px}.green-future>.shell{flex-direction:column;text-align:center}.news-grid,.listing-grid{grid-template-columns:repeat(2,1fr)}.detail-intro{grid-template-columns:1fr;gap:30px;text-align:center;padding-block:50px}.detail-module__grid{grid-template-columns:1fr}.inner-banner__title{font-size:28px}.breadcrumbs{font-size:16px}.listing-intro h1{font-size:38px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.site-footer{padding-block-start:78px}.quote-strip{margin-inline:15px;flex-direction:column;align-items:stretch}.quote-strip__mark{text-align:center}.quote-fields{width:100%}} @media(max-width:750px){body{font-size:15px}.site-header .shell{width:calc(100% - 30px)}.brand{width:80px}.language-switcher button{padding:5px 10px}.home-hero__content{padding-block:84px 24px}.home-hero h1{font-size:26px}.home-hero__focus{font-size:20px}.home-hero__tagline{font-size:16px}.home-section{padding-block-start:30px}.section-heading h2,.news-section h2{font-size:22px}.scrap-grid{grid-template-columns:repeat(2,1fr)}.source-card h3{font-size:16px}.process-strip{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border:0}.feature-grid{grid-template-columns:1fr}.green-future h2{font-size:28px}.news-grid,.listing-grid{grid-template-columns:1fr}.quote-fields{flex-direction:column}.quote-fields input,.quote-fields button{width:100%;flex-basis:auto}.inner-banner{height:270px}.inner-banner__content{padding-block-end:24px}.inner-banner__title{font-size:24px;margin-bottom:16px}.breadcrumbs{padding-top:16px;font-size:14px}.listing-intro{padding-block:42px 30px}.listing-intro h1,.ordinary-page__header h1{font-size:34px}.filter-pills{gap:10px}.filter-pills span{min-height:44px;padding:8px 16px}.detail-intro__copy h1{font-size:32px}.detail-module{padding-block:42px}.media-placeholder--detail{min-height:260px}.footer-grid{grid-template-columns:1fr}.legal-row{flex-direction:column}.site-footer{padding-block-start:72px}.primary-nav{width:280px}.language-menu{position:fixed;left:15px;right:15px;top:76px;width:auto;transform:none!important}.application-list .source-card h3{font-size:21px}} @media(max-width:782px){body.admin-bar .site-header,body.admin-bar .site-header.is-scrolled{inset-block-start:46px}} @media(max-width:750px){.contact-rail{left:0;right:0;top:auto;bottom:0;width:100%;height:40px;flex-direction:row;gap:0;transform:none}.contact-rail a{width:25%;height:40px;border-radius:0;background:#e7e7e7;color:#222}.contact-rail a:first-child span,.contact-rail a:nth-child(3) span,.contact-rail a:last-child span{font-size:18px}.legal-row{padding-block-end:40px}} @media(max-width:500px){.scrap-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr}.stat{border:0;border-bottom:1px solid #ddd}.footer-grid{gap:34px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}} .rich-text span,.prose span{max-width:100%;white-space:normal!important;text-wrap:wrap!important}.rich-text [style*="nowrap"],.prose [style*="nowrap"]{white-space:normal!important;text-wrap:wrap!important}.media-placeholder--inline{display:grid!important;width:100%;min-height:280px;margin-block:24px;white-space:normal!important} /* Source navigation flyouts: 400ms height reveal with no opacity fade. */ @media(min-width:1280px){ .utility-menu,.primary-nav__item{position:relative} .utility-menu>a,.primary-nav__item>a{position:relative;display:block;white-space:nowrap} .primary-nav__item{display:flex;min-height:56px;align-items:center} .primary-nav__item>a:after{content:"";position:absolute;left:50%;bottom:-18px;width:0;height:2px;background:var(--green);transform:translateX(-50%);transition:width .2s ease} .primary-nav__item:hover>a,.primary-nav__item:focus-within>a,.primary-nav__item.is-open>a{color:var(--green)} .primary-nav__item:hover>a:after,.primary-nav__item:focus-within>a:after,.primary-nav__item.is-open>a:after{width:55px} .nav-dropdown{position:absolute;top:100%;right:0;z-index:950;width:790px;max-height:0;overflow:hidden;visibility:hidden;background:#fff;color:#555;box-shadow:0 18px 32px rgba(0,0,0,.18);pointer-events:none;transition:max-height .4s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .4s;will-change:max-height} .nav-dropdown--wide{left:50%;right:auto;width:1200px;max-width:calc(100vw - 10px);transform:translateX(-50%)} .nav-dropdown--utility{top:calc(100% + 17px);right:0} .nav-item--dropdown:hover>.nav-dropdown,.nav-item--dropdown:focus-within>.nav-dropdown,.nav-item--dropdown.is-open>.nav-dropdown{max-height:560px;visibility:visible;pointer-events:auto;transition:max-height .4s cubic-bezier(.445,.05,.55,.95),visibility 0s} .nav-item--dropdown.is-dismissed>.nav-dropdown{max-height:0!important;visibility:hidden!important;pointer-events:none!important;transition:max-height .4s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .4s!important} .nav-dropdown__inner{display:grid;grid-template-columns:64.94% 35.06%;min-height:210px;padding:20px 2px 20px 0} .nav-dropdown--wide .nav-dropdown__inner{grid-template-columns:40% 60%;min-height:522px} .nav-dropdown__intro{padding:0 63px 10px 29px} .nav-dropdown__intro strong{display:block;color:#333;font:24px/1.25 Roboto-Bold,Roboto,Arial,sans-serif} .nav-dropdown__intro p{margin:15px 0 0;font-size:16px;line-height:1.65} .nav-dropdown__round-link{display:grid!important;width:42px;height:42px;margin-top:29px!important;padding:0!important;place-items:center;border:1px solid var(--green)!important;border-radius:50%;color:var(--green)!important;font-size:27px;line-height:1;transition:transform .2s ease!important} .nav-dropdown__round-link:hover{transform:scale(1.1)} .nav-dropdown__links{align-content:start;border-left:1px solid #cecece} .nav-dropdown--wide .nav-dropdown__links{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(9,auto);grid-auto-flow:column} .nav-dropdown__links a{display:flex!important;min-width:0;align-items:center;justify-content:space-between;padding:15px 25px!important;border:0!important;color:#333!important;font:16px/1.35 Roboto-Regular,Roboto,Arial,sans-serif;white-space:normal!important} .nav-dropdown--wide .nav-dropdown__links a{padding:15px!important} .nav-dropdown__links a:after{display:none!important} .nav-dropdown__links a b{margin-left:10px;color:#333;font-size:20px;font-weight:400;opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease} .nav-dropdown__links a:hover,.nav-dropdown__links a:focus-visible{background:var(--green);color:#fff!important} .nav-dropdown__links a:hover b,.nav-dropdown__links a:focus-visible b{color:#fff;opacity:1;transform:none} .utility-menu.nav-item--dropdown:hover>a,.utility-menu.nav-item--dropdown:focus-within>a,.utility-menu.nav-item--dropdown.is-open>a{color:var(--green)} html[dir="rtl"] .nav-dropdown{right:auto;left:0} html[dir="rtl"] .nav-dropdown--wide{right:50%;left:auto;transform:translateX(50%)} html[dir="rtl"] .nav-dropdown__inner{padding:20px 0 20px 2px} html[dir="rtl"] .nav-dropdown__intro{padding:0 29px 10px 63px} html[dir="rtl"] .nav-dropdown__links{border-right:1px solid #cecece;border-left:0} html[dir="rtl"] .nav-dropdown__links a b{margin-right:10px;margin-left:0;transform:translateX(6px)} } @media(max-width:1279px){ .primary-nav__item{width:100%} .primary-nav__item>a{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.24)} .nav-dropdown{display:none!important} } /* Source motion families and hover states. */ .home-hero__track{position:absolute;inset:0;display:flex;direction:ltr;transform:translate3d(calc(var(--hero-index,0) * -100%),0,0);transition:transform 1s ease;will-change:transform} .home-hero__slide{flex:0 0 100%;height:100%;background:linear-gradient(rgba(0,0,0,.46),rgba(0,0,0,.52)),radial-gradient(ellipse at 48% 30%,rgba(90,100,94,.35),transparent 38%),repeating-linear-gradient(118deg,#303431 0 11px,#1f2321 11px 23px,#101312 23px 30px)} .home-hero__slide--2{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.56)),radial-gradient(ellipse at 30% 38%,rgba(88,186,128,.18),transparent 34%),repeating-linear-gradient(72deg,#262b28 0 13px,#151918 13px 25px,#343936 25px 31px)} .home-hero__slide--3{background:linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,.54)),radial-gradient(ellipse at 70% 25%,rgba(115,125,118,.27),transparent 35%),repeating-linear-gradient(135deg,#343835 0 10px,#171a19 10px 21px,#292e2b 21px 29px)} .hero-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;transition:background-color .2s,transform .2s} .hero-dots button[aria-current="true"]{background:var(--green);transform:scale(1.08)} .motion-left,.motion-right,.motion-fade{opacity:0;transition:opacity 1s,transform 1s} .motion-left{transform:translateX(100px)} .motion-right{transform:translateX(-100px)} .motion-left.is-visible,.motion-right.is-visible,.motion-fade.is-visible{opacity:1;transform:none} .media-placeholder{transition:transform .5s ease} .source-card__media:hover .media-placeholder,.source-card__media:focus-visible .media-placeholder,.about-feature__visual:hover .media-placeholder,.detail-intro__media:hover .media-placeholder,.detail-block:hover .media-placeholder{transform:scale(1.2)} .about-feature__visual,.detail-intro__media,.detail-block{overflow:hidden}.source-card__image,.detail-intro__image{display:block;width:100%;height:100%;object-fit:cover}.source-card__image{min-height:199px;aspect-ratio:347/199}.detail-intro__image{min-height:420px;max-height:560px} .feature-orbit{position:relative;transition:background-color .2s,color .2s} .feature-orbit:after{content:"";position:absolute;left:50%;top:50%;width:132px;height:132px;border:7px solid rgba(88,186,128,.1);border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s} .feature-grid article:hover .feature-orbit:after,.feature-grid article:focus-within .feature-orbit:after{opacity:1} .feature-grid article:hover .feature-orbit{background:var(--green);color:#fff} .text-link{position:relative;border-bottom:0} .text-link:after{content:"";position:absolute;left:0;right:auto;bottom:-2px;width:0;height:1px;background:var(--green);transition:width .2s} .text-link:hover:after,.text-link:focus-visible:after{width:100%} html[dir="rtl"] .text-link:after{right:0;left:auto} @media(prefers-reduced-motion:reduce){.home-hero__track{transition:none}.motion-left,.motion-right,.motion-fade{opacity:1;transform:none}} /* 0.4.4 source-wide shared disclosures, masks, rail popovers and RTL motion. */ .site-header{transition:background-color .2s,box-shadow .2s,transform .2s}.site-header.is-hidden{transform:translateY(-110%)} .search-disclosure{position:relative}.search-trigger{border:0;background:transparent;color:inherit;cursor:pointer}.search-panel{position:absolute;top:calc(100% + 10px);right:0;width:252px;max-height:0;overflow:hidden;visibility:hidden;border:1px solid #777;background:#fff;color:#333;transition:max-height .4s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .4s}.search-panel[data-open]{max-height:44px;visibility:visible;transition:max-height .4s cubic-bezier(.445,.05,.55,.95),visibility 0s}.search-panel form{display:flex;height:42px}.search-panel input{min-width:0;flex:1;border:0;padding:0 10px;font:inherit}.search-panel button{width:38px;border:0;background:#fff;color:var(--green);font-size:20px;cursor:pointer} .language-menu{max-height:0;padding-block:0;overflow:hidden;visibility:hidden;transition:max-height .4s cubic-bezier(.445,.05,.55,.95),padding .4s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .4s}.language-menu[data-open]{max-height:70vh;padding-block:15px;visibility:visible;transition:max-height .4s cubic-bezier(.445,.05,.55,.95),padding .4s cubic-bezier(.445,.05,.55,.95),visibility 0s} .mobile-subnav-toggle{display:none}.quote-modal{position:fixed;inset:0;z-index:1000;display:grid;padding:20px;place-items:center;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s}.quote-modal[data-open]{opacity:1;visibility:visible;transition:opacity .4s,visibility 0s}.quote-modal__dialog{position:relative;width:min(1200px,90vw);max-height:100vh;overflow:auto;padding:81px 51px 89px 83px;background:#fff;border-radius:10px;color:#333}.quote-modal__close{position:absolute;top:31px;right:21px;width:38px;height:38px;border:0;background:transparent;color:#333;font-size:34px;line-height:1;cursor:pointer}.quote-modal h2{margin:0;text-align:center;font:40px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.quote-modal__notice{margin:19px 0 0;text-align:center;font:16px/1.2 Roboto-Regular,Roboto,Arial,sans-serif}.quote-modal form{display:grid;grid-template-columns:1fr 1fr;gap:16px 4%;margin-top:42px}.quote-modal__field{display:flex;height:50px;align-items:center;margin:0;border-radius:10px;background:#eee;padding:0 15px}.quote-modal__field--wide{grid-column:1/-1}.quote-modal__field--message{height:auto;align-items:flex-start;padding-block:16px}.quote-modal__field>span[aria-hidden]{flex:0 0 auto;margin-right:4px;color:#d00;font-size:16px}.quote-modal input,.quote-modal textarea{width:100%;height:100%;border:0;background:transparent;padding:0;color:#666;font:16px/1.2 Roboto-Regular,Roboto,Arial,sans-serif}.quote-modal textarea{min-height:88px;resize:none}.quote-modal input:disabled,.quote-modal textarea:disabled{cursor:not-allowed;opacity:1;-webkit-text-fill-color:#666}.quote-modal__actions{grid-column:1/-1;display:grid;grid-template-columns:61.1% 32.5%;justify-content:space-between}.quote-modal__field--captcha{padding-right:10px}.quote-modal__field--captcha b{width:120px;flex:0 0 120px;color:#999;text-align:center;letter-spacing:8px}.quote-modal__actions>button{height:50px;border:1px solid var(--green);border-radius:10px;background:var(--green);color:#fff;font:16px/1.2 Roboto-Regular,Roboto,Arial,sans-serif;opacity:1;cursor:not-allowed}.modal-open{overflow:hidden} .contact-rail a,.contact-rail button{position:relative;display:grid;height:60px;border:0;place-items:center;border-radius:4px;background:rgba(120,120,120,.68);color:#fff;font:700 13px/1 Arial,sans-serif;cursor:pointer}.contact-rail small{position:absolute;right:calc(100% + 10px);top:50%;width:max-content;max-width:260px;padding:10px;background:var(--green);color:#fff;font:16px/1.2 Roboto-Regular,Roboto,Arial,sans-serif;opacity:0;visibility:hidden;transform:translate(8px,-50%);transition:opacity .4s,transform .4s,visibility 0s linear .4s}.contact-rail a:hover small,.contact-rail a:focus-visible small{opacity:1;visibility:visible;transform:translate(0,-50%);transition:opacity .4s,transform .4s,visibility 0s} .footer-toggle{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:inherit;cursor:default}.footer-toggle>span{display:none}.footer-content{max-height:none;overflow:hidden}.footer-content>p:first-child{margin-top:0} html[dir="rtl"] .motion-left{transform:translateX(-100px)}html[dir="rtl"] .motion-right{transform:translateX(100px)}html[dir="rtl"] .search-panel{right:auto;left:0}html[dir="rtl"] .quote-modal__close{right:auto;left:20px}html[dir="rtl"] .contact-rail small{right:auto;left:calc(100% + 10px);transform:translate(-8px,-50%)}html[dir="rtl"] .contact-rail a:hover small,html[dir="rtl"] .contact-rail a:focus-visible small{transform:translate(0,-50%)} @media(max-width:1279px){ .primary-nav{display:flex;visibility:hidden;transform:translateX(100%);transition:transform .4s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .4s} .primary-nav[data-open]{visibility:visible;transform:none;transition:transform .4s cubic-bezier(.445,.05,.55,.95),visibility 0s} .primary-nav__item{position:relative}.primary-nav__item>a{padding-right:42px} .mobile-subnav-toggle{position:absolute;top:5px;right:0;z-index:2;display:grid;width:40px;height:40px;border:0;place-items:center;background:transparent;color:#fff;font-size:28px;cursor:pointer}.mobile-subnav-toggle>span[aria-hidden]{transition:transform .2s}.mobile-subnav-toggle[aria-expanded="true"]>span[aria-hidden]{transform:rotate(90deg)} .primary-nav .nav-dropdown{position:static!important;display:block!important;width:100%!important;max-height:0;overflow:hidden;visibility:hidden;background:rgba(0,0,0,.08);box-shadow:none;transform:none!important;transition:max-height .4s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .4s} .primary-nav .nav-dropdown[data-mobile-open]{max-height:1200px;visibility:visible;transition:max-height .4s cubic-bezier(.445,.05,.55,.95),visibility 0s} .primary-nav .nav-dropdown__inner{display:block;min-height:0;padding:0}.primary-nav .nav-dropdown__intro{display:none}.primary-nav .nav-dropdown__links{display:block;border:0}.primary-nav .nav-dropdown__links a{display:block!important;padding:10px 12px!important;border-bottom:1px solid rgba(255,255,255,.2)!important;color:#fff!important;font-size:14px}.primary-nav .nav-dropdown__links a b{display:none} html[dir="rtl"] .primary-nav{right:auto;left:0;transform:translateX(-100%)}html[dir="rtl"] .primary-nav[data-open]{transform:none}html[dir="rtl"] .primary-nav__item>a{padding-right:0;padding-left:42px}html[dir="rtl"] .mobile-subnav-toggle{right:auto;left:0} .mobile-scrim{opacity:0;transition:opacity .4s}.mobile-scrim[data-open]{opacity:1} } @media(max-width:1000px){.contact-rail small{right:10px;top:auto;bottom:calc(100% + 10px);transform:translateY(8px)}.contact-rail a:hover small,.contact-rail a:focus-visible small{transform:none}html[dir="rtl"] .contact-rail small{right:10px;left:auto;transform:translateY(8px)}html[dir="rtl"] .contact-rail a:hover small,html[dir="rtl"] .contact-rail a:focus-visible small{transform:none}} @media(max-width:750px){ .footer-grid{gap:0}.footer-section{padding-block:16px;border-bottom:1px solid #ccc}.footer-toggle{cursor:pointer;margin:0}.footer-toggle:after{display:none}.footer-toggle>span{position:absolute;right:0;top:0;display:block;transition:transform .2s}.footer-toggle[aria-expanded="true"]>span{transform:rotate(90deg)}.footer-content{max-height:0;visibility:hidden;transition:max-height .4s cubic-bezier(.445,.05,.55,.95),visibility 0s linear .4s}.footer-content[data-open]{max-height:520px;visibility:visible;transition:max-height .4s cubic-bezier(.445,.05,.55,.95),visibility 0s}.footer-content[data-open]{padding-top:24px}html[dir="rtl"] .footer-toggle>span{right:auto;left:0} .quote-modal__dialog{width:90vw;padding:50px 20px 30px}.quote-modal__close{top:10px;right:10px;width:30px;height:30px}.quote-modal h2{font-size:20px}.quote-modal__notice{margin-top:10px}.quote-modal form{margin-top:30px}.quote-modal__field{height:40px}.quote-modal__field--message{height:auto}.quote-modal__actions>button{height:40px} } @media(max-width:750px){.quote-modal__actions{grid-template-columns:1fr}.quote-modal__actions>button{margin-top:15px}.quote-modal__field--captcha{width:100%}} @media(max-width:500px){.quote-modal__dialog{padding-bottom:20px}.quote-modal form{grid-template-columns:1fr;gap:10px;margin-top:20px}.quote-modal__field,.quote-modal__field--wide{grid-column:auto}.quote-modal__actions{grid-column:auto}.quote-modal__actions>button{margin-top:10px}} @media(prefers-reduced-motion:reduce){.site-header,.search-panel,.language-menu,.primary-nav,.primary-nav .nav-dropdown,.mobile-scrim,.quote-modal,.quote-modal__dialog,.contact-rail small,.footer-content{transition-duration:.01ms!important}} /* 0.4.5 authenticated staging visual-QA and source-aligned mega-panel geometry. */ .nav-shell{position:relative} .pill-button{font-size:16px} .site-header~main,body{overflow-x:clip} .language-menu{font:16px/19.2px Roboto-Regular,Roboto,Arial,sans-serif} .language-menu a{margin-block-end:15px} @media(min-width:1280px){.primary-nav__item.nav-item--wide{position:static}} /* 0.4.8 source-backed expandable cards and inline media playback. */ .card-expand{display:block;min-width:150px;min-height:50px;margin:8px auto 45px;padding:0 24px;border:1px solid var(--green);border-radius:10px;background:var(--green);color:#fff;font:16px/1.2 Roboto-Medium,Roboto,Arial,sans-serif;cursor:pointer;transition:background-color .2s,color .2s}.card-expand:hover,.card-expand:focus-visible{background:#fff;color:var(--green)} .about-feature__visual{position:relative}.media-play{position:absolute;left:50%;top:50%;display:grid;width:72px;height:72px;border:0;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:26px;cursor:pointer;transform:translate(-50%,-50%);transition:background-color .2s,transform .2s}.media-play:hover,.media-play:focus-visible{background:#fff;color:var(--green);transform:translate(-50%,-50%) scale(1.08)} .placeholder-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.placeholder-gallery button{min-width:0;border:0;background:transparent;padding:0;cursor:pointer}.placeholder-gallery .media-placeholder--module{min-height:190px;margin:0} @media(max-width:750px){.placeholder-gallery{grid-template-columns:1fr 1fr}} @media(max-width:500px){.placeholder-gallery{grid-template-columns:1fr}.media-play{width:58px;height:58px;font-size:21px}} @media(prefers-reduced-motion:reduce){.media-play{transition-duration:.01ms!important}} /* 0.5.0 authorized source logo, Roboto faces and iconfont. */ .contact-rail .iconfont{font-size:25px}.contact-rail .icon-line{font-size:27px}.contact-rail button .iconfont{font-size:25px} .nav-dropdown__round-link .iconfont{font-size:24px}.nav-dropdown__links .iconfont{font-size:20px}.breadcrumbs .iconfont{font-size:.9em} .footer-toggle>.iconfont{line-height:1}.media-play .iconfont{font-size:26px} @media(max-width:1279px){.brand img{width:100px;height:60px}} @media(max-width:750px){.brand img{width:80px;height:auto}.contact-rail .iconfont,.contact-rail .icon-line,.contact-rail button .iconfont{font-size:18px}} /* 0.5.2 privacy-enhanced YouTube player, instantiated inline after user action. */ .youtube-embed--active{display:block} /* Phase 6.4 source-template restorations. These selectors are deliberately scoped so the accepted home renderer and shared chrome remain unchanged. */ .template-product_detail .detail-intro__media{display:block;overflow:hidden;border-radius:12px} .template-product_detail .youtube-embed--detail{min-height:371px} .template-product_detail .detail-intro__copy h1{margin-bottom:24px}.template-product_detail .detail-intro__text>p{margin:0;color:#555;font-size:16px;line-height:26px}.template-product_detail .detail-intro__benefits{display:grid;gap:25px;margin:25px 0 0;padding:0;list-style:none}.template-product_detail .detail-intro__benefits li{display:flex;align-items:flex-start;color:#333;font-size:16px;line-height:24px}.template-product_detail .detail-intro__benefits li::before{content:"\2713";display:grid;width:20px;height:20px;flex:0 0 20px;margin-block-start:2px;margin-inline-end:20px;place-items:center;border-radius:50%;background:var(--green);color:#fff;font:700 13px/1 Arial,sans-serif}.template-product_detail .detail-intro__copy>.pill-button{margin-top:30px} .template-product_detail .inner-banner{height:auto;aspect-ratio:100/23.44}.template-product_detail .inner-banner__mesh{background-image:var(--huatuo-banner-image);background-position:center;background-size:cover}.template-product_detail .inner-banner__mesh::after{display:none}.template-product_detail .inner-banner__content{display:block;padding:0}.template-product_detail .inner-banner__title,.template-product_detail .inner-banner__subtitle,.template-product_detail .breadcrumbs{position:absolute;inset-inline:0}.template-product_detail .inner-banner__title{top:43.5%;margin:0;padding-inline:10px}.template-product_detail .inner-banner__subtitle{top:61.18%;padding-inline:10px;color:#fff;text-align:center;font:20px/1.2 Roboto-Regular,Roboto,Arial,sans-serif}.template-product_detail .breadcrumbs{top:78.14%;font-size:20px;line-height:24px} .product-feature{padding-block:84px}.product-feature__grid,.product-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.product-feature__copy h2,.product-split__copy h2,.product-section-heading h2{margin:0;font:36px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.product-feature__copy .rich-text,.product-split__copy .rich-text,.product-split__copy>p{color:#555}.product-feature__image,.product-split__image{display:block;width:100%;aspect-ratio:809/464;object-fit:cover;border-radius:12px}.product-icon-section{padding-block:76px}.product-section-heading{max-width:900px;margin:0 auto 50px;text-align:center}.product-section-heading p{color:#555}.product-icon-grid{display:grid;gap:28px}.product-icon-grid--four{grid-template-columns:repeat(4,1fr)}.product-icon-grid--two{grid-template-columns:repeat(2,1fr)}.product-icon-card{position:relative;display:flex;min-width:0;min-height:235px;flex-direction:column;align-items:center;justify-content:center;padding:32px 22px;border-radius:20px;background:#f7f7f7;text-align:center;transition:.2s}.product-icon-card__icon{position:relative;display:grid;width:138px;height:138px;flex:0 0 138px;place-items:center;border:1px solid rgba(88,186,128,.3);border-radius:50%;background:#fff}.semantic-icon{display:block!important;width:auto!important;height:auto!important;max-width:80px!important;max-height:80px!important;margin:0!important;object-fit:contain!important;border-radius:0!important}.semantic-icon--active{position:absolute;inset:50% auto auto 50%;opacity:0;transform:translate(-50%,-50%)}.product-icon-card h3{margin:22px 0 0;font:18px/1.35 Roboto-Bold,Roboto,Arial,sans-serif}.product-icon-card:hover{border-radius:0;background:var(--green);color:#fff}.product-icon-card:hover .semantic-icon--default{opacity:0}.product-icon-card:hover .semantic-icon--active{opacity:1}.product-icon-card--wide{min-height:230px;flex-direction:row;justify-content:flex-start;gap:28px;padding:34px 36px;text-align:start}.product-icon-card--wide>div{min-width:0}.product-icon-card--wide h3{margin:0 0 10px;font-size:22px}.product-icon-card--wide p{margin:0}.product-icon-card__number{position:absolute;inset-block-start:12px;inset-inline-start:14px;color:#aaa;font:24px/1 Roboto-Bold,Roboto,Arial,sans-serif}.product-cta{padding-block:74px;background:linear-gradient(105deg,#222,#4d4f4e);color:#fff}.product-cta .shell>div{max-width:850px}.product-cta h2{margin:0;font:36px/1.25 Roboto-Bold,Roboto,Arial,sans-serif}.product-cta p{font-size:18px}.product-applications{padding-block:84px}.product-applications>.product-section-heading{margin-bottom:55px}.product-split{margin-block:48px}.product-scrap{padding-block:84px;background:#f7f7f7}.product-split--reverse .product-split__copy{order:2}.product-split--reverse .product-split__media{order:1} .source-about-page{padding-top:1px}.about-source-intro{padding-block:84px}.about-source-intro__lead>p{width:64%;margin:0 auto 26px;text-align:center;font:36px/1.35 Roboto-Bold,Roboto,Arial,sans-serif}.about-source-intro__lead>p.about-source-intro__sublead{max-width:960px;width:auto;color:#555;font:17px/1.7 Roboto,Arial,sans-serif}.about-source-intro__grid{display:grid;grid-template-columns:52.7% 43.2%;gap:4.1%;align-items:start}.about-source-intro__copy h1{margin:14px 0 20px;font:46px/1.18 Roboto-Bold,Roboto,Arial,sans-serif}.about-source-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:28px}.about-source-stats>div{min-width:0;padding:25px 8px;background:var(--green);color:#fff;text-align:center}.about-source-stats strong{display:block;font:42px/1 Roboto-Bold,Roboto,Arial,sans-serif}.about-source-stats span{display:block;margin-top:8px;font-size:14px}.about-source-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.about-source-mosaic__image{display:block;width:100%;height:auto;object-fit:cover}.about-source-mosaic__image--1{margin-top:107px;border-radius:30px 10px 10px}.about-source-mosaic__image--2{grid-column:1;margin-top:0;border-radius:10px 10px 30px}.about-source-mosaic__image--3{grid-column:2;grid-row:1/3;border-radius:10px 10px 30px;align-self:start}.about-market{padding-block:76px 50px;background:#f7f7f7;text-align:center}.about-market h2,.about-vision h2,.about-gallery>h2{margin:0;font:46px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.about-market .rich-text{max-width:1000px;margin:22px auto}.about-market__image{display:block;width:83.25%;margin:34px auto 0}.about-vision{padding-block:72px;background:#183126;color:#fff;text-align:center}.about-vision>.shell>p{font-size:18px}.about-vision__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:52px;text-align:start}.about-vision__grid article{padding-inline-start:42px;border-inline-start:1px solid rgba(255,255,255,.6)}.about-vision__grid h3{margin:0 0 12px;font:30px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.about-gallery{padding-block:66px 99px;text-align:center}.about-gallery__tabs{display:flex;justify-content:center;gap:20px;margin-top:32px}.about-gallery__tabs button{min-height:50px;padding:10px 24px;border:1px solid var(--green);border-radius:10px;background:#fff;color:var(--green);font:16px/1.2 Roboto-Medium,Roboto,Arial,sans-serif;cursor:pointer}.about-gallery__tabs button[aria-selected="true"]{background:var(--green);color:#fff}.about-gallery__panels{margin-top:51px}.about-gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.about-gallery figure{margin:0;text-align:start}.about-gallery__image{display:block;width:100%;aspect-ratio:1.45;object-fit:cover}.about-gallery figcaption{margin-top:12px} .source-faq-page{padding-block:1px 80px}.faq-source-intro{padding-block:78px 45px;text-align:center}.faq-source-intro h1{margin:0;font:46px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.faq-source-intro>div{max-width:1080px;margin:20px auto 0;color:#555;font-size:17px;line-height:1.55}.faq-list{padding-block-end:70px}.faq-item{margin-bottom:2px;border:0;background:#f5f5f5}.faq-item summary{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:24px;padding:18px 38px;cursor:pointer;font:18px/1.45 Roboto-Bold,Roboto,Arial,sans-serif;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item__icon{position:relative;width:18px;height:18px;flex:0 0 18px}.faq-item__icon::before,.faq-item__icon::after{position:absolute;inset:50% auto auto 50%;width:12px;height:2px;background:#666;content:"";transform:translate(-50%,-50%)}.faq-item__icon::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease}.faq-item[open] .faq-item__icon::after{transform:translate(-50%,-50%) rotate(0)}.faq-item__answer{padding:8px 38px 32px;background:#fff;color:#555;line-height:1.75}.faq-item__answer p:first-child{margin-top:0}.faq-item__answer ul{padding-inline-start:22px}.source-faq-page .related-content{padding-block-start:0} .source-service-page{padding-top:1px}.service-source{padding-block:82px 0}.service-source>h1{margin:0;text-align:center;font:36px/1.25 Roboto-Bold,Roboto,Arial,sans-serif}.service-source__intro{max-width:970px;margin:20px auto 0;text-align:center;font-size:18px}.service-source__list{margin-top:62px}.service-source-card{display:grid;grid-template-columns:43.6% 1fr;gap:8%;align-items:center;margin-bottom:46px;background:#f7f7f7}.service-source-card--reverse{grid-template-columns:1fr 43.6%}.service-source-card--reverse .service-source-card__media{order:2}.service-source-card--reverse .service-source-card__copy{order:1;padding-inline:52px 0}.service-source-card__media:empty{min-height:0}.service-source-card__image{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:20px}.service-source-card__copy{padding:38px 52px 38px 0}.service-source-card__copy h2{margin:0;font:24px/1.35 Roboto-Bold,Roboto,Arial,sans-serif}.service-source-card__copy .rich-text{color:#555}.service-process{margin-top:70px;padding-block:72px 78px;background:linear-gradient(to bottom,#fff 0 28%,#f7f7f7 28%)}.service-process h2,.service-videos>h2{text-align:center;font:36px/1.25 Roboto-Bold,Roboto,Arial,sans-serif}.service-process>.shell>p{text-align:center;font-size:18px}.service-process__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:48px}.service-process__grid article{text-align:center}.service-process__icon{display:grid;min-height:105px;place-items:center}.semantic-icon--process{max-width:105px!important;max-height:105px!important}.service-process__grid h3{font:20px/1.3 Roboto-Bold,Roboto,Arial,sans-serif}.service-process__grid p{color:#666}.service-videos{padding-block:70px 90px}.service-videos__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:46px;text-align:center}.service-videos__grid h3{font:22px/1.3 Roboto-Bold,Roboto,Arial,sans-serif}.youtube-embed--service{border-radius:12px} html[dir="rtl"] .product-icon-card--wide,html[dir="rtl"] .about-vision__grid,html[dir="rtl"] .about-gallery figure{text-align:right} @media(max-width:1000px){.product-feature__grid,.product-split,.about-source-intro__grid,.service-source-card,.service-source-card--reverse{grid-template-columns:1fr;gap:28px}.product-icon-grid--four{grid-template-columns:repeat(2,1fr)}.product-split--reverse .product-split__copy,.product-split--reverse .product-split__media,.service-source-card--reverse .service-source-card__copy,.service-source-card--reverse .service-source-card__media{order:initial}.about-source-intro__lead>p{width:100%}.about-source-mosaic{max-width:620px;margin-inline:auto}.service-source-card__copy,.service-source-card--reverse .service-source-card__copy{padding:25px}.service-process__grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:750px){.template-product_detail .youtube-embed--detail{min-height:0}.product-feature,.product-applications,.product-scrap{padding-block:50px}.product-feature__copy h2,.product-split__copy h2,.product-section-heading h2,.product-cta h2{font-size:28px}.product-icon-grid--four,.product-icon-grid--two,.about-source-stats,.about-vision__grid,.about-gallery__grid,.service-process__grid,.service-videos__grid{grid-template-columns:1fr}.product-icon-card--wide{flex-direction:column;text-align:center}.about-source-intro,.service-source{padding-block-start:48px}.about-source-intro__copy h1,.about-market h2,.about-vision h2,.about-gallery>h2,.faq-source-intro h1{font-size:32px}.about-source-mosaic__image--1{margin-top:40px}.about-source-stats{grid-template-columns:repeat(2,1fr)}.about-gallery__tabs{flex-wrap:wrap}.service-process{background:#f7f7f7}.service-process__grid{grid-template-columns:repeat(2,1fr)}.faq-source-intro{padding-block:48px 30px}.faq-item summary{padding:16px 20px;font-size:16px}.faq-item__answer{padding:6px 20px 24px}} @media(max-width:1279px){.template-product_detail .inner-banner{height:300px;aspect-ratio:auto}} @media(max-width:750px){.template-product_detail .inner-banner{height:270px}.template-product_detail .inner-banner__title{top:30%;font-size:24px}.template-product_detail .inner-banner__subtitle{top:48%;left:50%;right:auto;width:calc(100% - 30px);padding:0;transform:translateX(-50%);font-size:15px;line-height:1.35}.template-product_detail .breadcrumbs{top:72%;font-size:14px;line-height:20px}} @media(max-width:750px){.service-videos__grid>*{min-width:0}.service-videos__media,.youtube-embed--service,.youtube-embed--service iframe{width:100%;max-width:100%}} .service-videos__media{position:relative;min-height:315px;overflow:hidden;border-radius:12px;background:#111}.service-video-poster{display:block;width:100%;aspect-ratio:1.7;object-fit:cover}.service-video-play{z-index:2}.service-video-play__icon{display:block;width:0;height:0;border-block:11px solid transparent;border-left:18px solid currentColor;transform:translateX(3px)}.youtube-embed--service{height:100%;min-height:315px;border-radius:12px} .source-sustainability-page{padding-block:78px 24px}.sustainability-source__eyebrow{margin:0;text-align:center;color:var(--green);font:24px/1.3 Roboto-Medium,Roboto,Arial,sans-serif}.sustainability-source__title{max-width:900px;margin:14px auto;text-align:center;font:42px/1.22 Roboto-Bold,Roboto,Arial,sans-serif}.sustainability-source__intro{max-width:940px;margin:20px auto 0;text-align:center;color:#555}.sustainability-source__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:55px}.sustainability-card{display:flex;align-items:center;gap:28px;min-height:210px;padding:32px;border-radius:18px;background:#f7f7f7}.sustainability-card__icon{position:relative;display:grid;width:112px;height:112px;flex:0 0 112px;place-items:center;border-radius:50%;background:#fff}.sustainability-card h2{margin:0;font:22px/1.3 Roboto-Bold,Roboto,Arial,sans-serif}.sustainability-card p{margin:10px 0 0;color:#666}.sustainability-card:hover{background:var(--green);color:#fff}.sustainability-card:hover p{color:#fff}.sustainability-card:hover .semantic-icon--default{opacity:0}.sustainability-card:hover .semantic-icon--active{opacity:1}.sustainability-source__grid>.sustainability-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 14px);margin-inline:auto} .listing-semantic-feature{padding-block:64px}.listing-semantic-feature__image{display:block;width:100%;max-height:580px;object-fit:cover;border-radius:18px}.listing-semantic-feature--about{max-width:760px}.listing-semantic-market{padding-block:70px;background:#f7f7f7}.listing-semantic-market__image{display:block;width:83.25%;margin:auto}.listing-semantic-icon{display:flex;justify-content:center;padding-block:40px}.listing-semantic-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:64px}.listing-semantic-icon__frame{display:grid;min-height:170px;place-items:center;border-radius:18px;background:#f7f7f7}.semantic-icon--listing{max-width:80px!important;max-height:80px!important} @media(max-width:750px){.source-sustainability-page{padding-block-start:48px}.sustainability-source__title{font-size:30px}.sustainability-source__grid{grid-template-columns:1fr}.sustainability-card{flex-direction:column;text-align:center}.sustainability-source__grid>.sustainability-card:last-child:nth-child(odd){grid-column:auto;max-width:none}} /* 0.5.3 page-audited local media and direct privacy-enhanced video embeds. */ .inner-banner__mesh{background-image:linear-gradient(rgba(0,0,0,.54),rgba(0,0,0,.6)),var(--huatuo-banner-image,repeating-linear-gradient(112deg,#303430 0 9px,#121514 9px 17px,#353936 17px 20px));background-position:center;background-size:cover} .youtube-embed{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111} .youtube-embed iframe{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0} .detail-intro__media{display:grid;gap:18px} .content-media{display:block;width:100%;height:auto;margin-block:24px;border-radius:8px;object-fit:cover} .content-media--feature{height:100%;min-height:430px;margin:0} .content-media--module{max-height:620px} .detail-block>.content-media--module:first-child{margin-block-start:0} .detail-block video.content-media{max-height:680px;background:#111} .content-download{margin-block:18px;display:inline-flex} @media(max-width:750px){.content-media--feature{min-height:280px}.content-media{margin-block:16px}.youtube-embed--detail{margin-top:4px}} /* 0.5.4 source-ordered banner video and WordPress-query related/listing media. */ .home-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .home-hero__media:has(.home-hero__video):after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.56));pointer-events:none} .related-content{padding-block:68px 82px} .related-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px} .related-media-grid .source-card{min-width:0} @media(max-width:1000px){.related-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.related-content{padding-block:44px 58px}.related-media-grid{grid-template-columns:1fr}} /* 0.5.5 ordered contract media for listing and related WordPress queries. */ .listing-source-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-block:10px 56px} .listing-source-media>.content-media{height:100%;min-height:360px;margin:0} .youtube-embed--listing{min-height:360px} @media(max-width:750px){.listing-source-media{grid-template-columns:1fr;margin-block-end:38px}.listing-source-media>.content-media,.youtube-embed--listing{min-height:240px}} /* 0.5.7 source-context media modules for static, service and recommendation sections. */ .contract-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:54px} .contract-media-grid__image{display:block;width:100%;height:240px;object-fit:cover;border-radius:8px} .contract-media-grid--home-service-feature{grid-template-columns:1fr;padding-block:0 54px} .contract-media-grid--home-service-feature .contract-media-grid__image{height:min(520px,55vw)} @media(max-width:900px){.contract-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.contract-media-grid{grid-template-columns:1fr;padding-block:38px}.contract-media-grid__image{height:220px}} /* 0.5.11 restore source paired icons and a single About media frame. */ .paired-icon{position:absolute;inset:50% auto auto 50%;display:block;width:64px;height:64px;object-fit:contain;transform:translate(-50%,-50%);transition:opacity .2s} .paired-icon--hover{opacity:0} .process-card:hover .paired-icon--default,.process-card:focus-within .paired-icon--default,.feature-grid article:hover .paired-icon--default,.feature-grid article:focus-within .paired-icon--default{opacity:0} .process-card:hover .paired-icon--hover,.process-card:focus-within .paired-icon--hover,.feature-grid article:hover .paired-icon--hover,.feature-grid article:focus-within .paired-icon--hover{opacity:1} .feature-orbit .paired-icon{width:67px;height:67px} .about-feature__visual{position:relative;aspect-ratio:885/664;min-height:0;background:#111} .about-feature__poster{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover} .about-feature__visual>.youtube-embed--feature{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto} .about-feature__visual>.media-placeholder--feature{position:absolute;inset:0;min-height:0} @media(max-width:750px){.about-feature__visual{aspect-ratio:16/9}} /* 0.5.30 Phase 6.5 mobile controls, focus, safe-area and deferred media. */ body.menu-open{overflow:hidden} .youtube-embed{display:block;padding:0;border:0;color:inherit;text-align:inherit;cursor:pointer} .youtube-embed__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .youtube-embed__fallback{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;background:radial-gradient(circle at 60% 42%,rgba(88,186,128,.32),transparent 24%),repeating-linear-gradient(118deg,#303431 0 10px,#1f2321 10px 22px,#111 22px 29px);color:#fff;text-align:center} .youtube-embed__fallback small{font:14px/1.2 Roboto-Medium,Roboto,Arial,sans-serif} .youtube-embed .media-play{z-index:2} .youtube-embed:hover .media-play,.youtube-embed:focus-visible .media-play{background:#fff;color:var(--green);transform:translate(-50%,-50%) scale(1.08)} .youtube-embed:focus-visible{outline:3px solid #f1c84b;outline-offset:3px} .contact-rail{direction:ltr} html[dir="rtl"] .contact-rail a,html[dir="rtl"] .contact-rail button{direction:ltr} html[dir="rtl"] .youtube-embed{text-align:right} @media(max-width:1279px){ .site-header{padding-block-start:max(5px,env(safe-area-inset-top))} .nav-stack{display:flex;width:auto;align-items:center;gap:6px} .utility-bar,.utility-inner{display:contents!important} .utility-inner> a,.utility-inner>.utility-menu{display:none!important} .search-disclosure,.language-switcher{display:block;position:relative;z-index:903} .search-trigger{width:44px;height:44px;padding:0} .language-switcher{margin:0} .language-switcher button{min-width:44px;min-height:44px;padding:6px 9px;gap:6px;font-size:13px} .nav-row{display:flex;min-height:44px;align-items:center} .menu-toggle{width:44px;height:44px;min-width:44px;margin-inline-start:4px;touch-action:manipulation} .primary-nav{padding-block-start:calc(90px + env(safe-area-inset-top));padding-block-end:calc(30px + env(safe-area-inset-bottom))} .mobile-subnav-toggle{width:44px;height:44px;top:2px;touch-action:manipulation} .footer-toggle{min-height:44px;padding-block:8px;display:flex;align-items:center} } @media(max-width:750px){ .search-panel{position:fixed;inset-block-start:calc(76px + env(safe-area-inset-top));inset-inline:15px;width:auto;z-index:905} .language-menu{position:fixed;inset-block-start:calc(76px + env(safe-area-inset-top));inset-inline:15px;width:auto;z-index:905;transform:none!important} .motion-left,.motion-right{transform:translateY(18px)} html[dir="rtl"] .motion-left,html[dir="rtl"] .motion-right{transform:translateY(18px)} .motion-left.is-visible,.motion-right.is-visible{transform:none} .footer-toggle{padding-inline-end:28px} .footer-toggle>span{inset-block-start:50%;transform:translateY(-50%)} .footer-toggle[aria-expanded="true"]>span{transform:translateY(-50%) rotate(90deg)} html[dir="rtl"] .footer-toggle{padding-inline:28px 0} html[dir="rtl"] .footer-toggle>span{inset-inline-end:auto;inset-inline-start:0} .contact-rail{inset-inline:0;inset-block-end:0;width:100%;height:calc(44px + env(safe-area-inset-bottom));padding-block-end:env(safe-area-inset-bottom);gap:0;transform:none} .contact-rail a,.contact-rail button{width:25%;min-width:44px;height:44px;min-height:44px;border-radius:0} .legal-row{padding-block-end:calc(44px + env(safe-area-inset-bottom))} } /* 0.5.32: keep reveal motion inside the viewport through the tablet boundary. */ @media(max-width:1000px){ .motion-left,.motion-right{transform:translateY(18px)} html[dir="rtl"] .motion-left,html[dir="rtl"] .motion-right{transform:translateY(18px)} .motion-left.is-visible,.motion-right.is-visible{transform:none} } /* Source-backed Contact Us page (legacy list_lxwm.html). */ .icon-dianhua4:before{content:"\e62e"}.icon-youxiang:before{content:"\e605"}.icon-whatsapp:before{content:"\e7bf"}.icon-address1:before{content:"\e7c3"} .source-contact-page{display:grid;grid-template-columns:31.19% 66%;justify-content:space-between;align-items:start;padding-block:94px 0}.contact-source__details{padding:46px 69px 29px 44px;background:rgba(247,247,247,.5)}.contact-source__item{display:flex;align-items:flex-start;gap:28px;margin-block-end:32px}.contact-source__item:last-child{margin-block-end:0}.contact-source__icon{display:grid;width:60px;height:60px;flex:0 0 60px;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:20px}.contact-source__item>div{min-width:0;flex:1}.contact-source__item p{margin:0}.contact-source__item p:first-child{color:#666;font-size:16px;line-height:34px}.contact-source__item p:nth-child(2){color:#444;font-size:20px;line-height:30px}.contact-source__item a:hover{color:var(--green)}.contact-source__qr{width:126px;margin-block-start:11px}.contact-source__qr .content-media,.contact-source__qr-image{display:block;width:126px;height:126px;margin:0;border-radius:0;object-fit:contain}.contact-source__qr-placeholder{width:126px;min-height:126px}.contact-source__quote{padding-block-start:31px}.contact-source__quote h1{margin:0;font:46px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.contact-source__intro{margin:20px 0 0;color:#555;line-height:28px}.contact-source__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 2%;margin-block-start:57px;padding-inline-start:11px}.contact-source__form label{position:relative}.contact-source__form .is-required:before{position:absolute;inset-block-start:17px;inset-inline-start:-14px;color:#e31b23;font-size:20px;content:"*"}.contact-source__form input,.contact-source__form select,.contact-source__form textarea{width:100%;border:1px solid #d2d2d2;border-radius:0;background:#fff;color:#777;font:16px/1.4 Roboto-Regular,Roboto,Arial,sans-serif;opacity:1;-webkit-text-fill-color:#777}.contact-source__form input,.contact-source__form select{height:54px;padding:0 13px}.contact-source__form select{appearance:none;background:linear-gradient(45deg,transparent 50%,#777 50%) calc(100% - 17px) 23px/6px 6px no-repeat,linear-gradient(135deg,#777 50%,transparent 50%) calc(100% - 11px) 23px/6px 6px no-repeat}.contact-source__message{grid-column:1/-1}.contact-source__form textarea{display:block;height:131px;padding:15px 13px;resize:none}.contact-source__actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-source__actions p{margin:0;color:#777;font-size:14px}.contact-source__actions button{min-width:180px;height:53px;padding:0 24px;border:1px solid var(--green);border-radius:10px;background:var(--green);color:#fff;font:18px/1 Roboto-Regular,Roboto,Arial,sans-serif;opacity:1}.contact-source__map{position:relative;min-height:420px;margin-block-start:53px;overflow:hidden;background:#e7e8e5}.contact-source__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.contact-source__map:after{position:absolute;inset:0;pointer-events:none;border:1px solid rgba(88,186,128,.35);content:""}.contact-source__map-link{position:absolute;z-index:1;inset-inline-end:16px;inset-block-end:16px;max-width:min(760px,calc(100% - 32px));padding:10px 14px;border-radius:6px;background:rgba(255,255,255,.94);box-shadow:0 3px 16px rgba(0,0,0,.16);color:#333;font:14px/1.4 Roboto-Regular,Roboto,Arial,sans-serif}.contact-source__map-link:hover{color:var(--green)}.contact-source__easy{padding:81px 165px 103px;text-align:center}.contact-source__easy h2{margin:0;font:40px/1.2 Roboto-Bold,Roboto,Arial,sans-serif}.contact-source__easy p{margin:36px 0 0;color:#555;line-height:28px} html[dir="rtl"] .contact-source__item{direction:rtl}.contact-source__item [dir="ltr"]{unicode-bidi:isolate}html[dir="rtl"] .contact-source__form{padding-inline:11px 0}html[dir="rtl"] .contact-source__form select{background-position:17px 23px,11px 23px} @media(max-width:1279px){.source-contact-page{grid-template-columns:1fr;padding-block-start:50px}.contact-source__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.contact-source__item{margin:0}.contact-source__quote{padding-block-start:45px}.contact-source__easy{padding-inline:0}} @media(max-width:750px){.source-contact-page{padding-block-start:36px}.contact-source__details{grid-template-columns:1fr;padding:25px 20px}.contact-source__item{gap:18px}.contact-source__icon{width:50px;height:50px;flex-basis:50px}.contact-source__item p:first-child{line-height:26px}.contact-source__item p:nth-child(2){font-size:18px;line-height:28px}.contact-source__quote{padding-block-start:36px}.contact-source__quote h1{text-align:center;font-size:30px}.contact-source__intro{text-align:center}.contact-source__form{grid-template-columns:1fr;margin-block-start:32px}.contact-source__message,.contact-source__actions{grid-column:auto}.contact-source__actions{align-items:stretch;flex-direction:column}.contact-source__actions button{width:100%}.contact-source__map{min-height:300px;margin-block-start:40px}.contact-source__easy{padding-block:50px}.contact-source__easy h2{font-size:30px}.contact-source__easy p{margin-block-start:20px}} /* 0.6.4 Industries & Case hub hotfix. */ .industries-hub__header{padding-block:62px 22px}.industries-hub-section{padding-block:36px 68px}.industries-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.industries-hub-card{display:flex;min-width:0;flex-direction:column;padding:0 0 24px;border:1px solid #e4e6e4;background:#fff}.industries-hub-card__primary{display:block;color:inherit}.industries-hub-card__image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.industries-hub-card__type{display:block;margin:22px 22px 8px;color:var(--green);font-size:13px;text-transform:uppercase}.industries-hub-card h3{margin:0 22px;font-size:22px}.industries-hub-card>p{margin:14px 22px 0;color:#555}.industries-hub-card__date{margin-block-start:auto!important;padding-block-start:18px;font-size:14px}.industries-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-block-start:34px}.industries-pagination a{min-width:44px;min-height:44px;padding:12px 16px;border:1px solid var(--green);text-align:center}.industry-article-back{padding-block:0 54px} @media(max-width:900px){.industries-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.industries-hub-grid{grid-template-columns:1fr}.industries-hub-section{padding-block:28px 46px}} /* 0.6.11 editorial layout for the wastewater-treatment titanium-anode case. */ .industry-case-article{max-width:1080px;margin-inline:auto;color:#454846;text-align:start} .industry-case-section{margin-block:0 68px} .industry-case-section:last-of-type{margin-block-end:52px} .industry-case-section__heading{max-width:820px;margin:0 auto 24px;color:#222;text-align:center;font:clamp(28px,3vw,36px)/1.25 Roboto-Bold,Roboto,Arial,sans-serif} .industry-case-section__heading::after{display:block;width:54px;height:3px;margin:17px auto 0;border-radius:3px;background:var(--green);content:""} .industry-case-section>p{max-width:900px;margin:0 auto;color:#555;font-size:17px;line-height:1.85} .industry-case-section>p+p{margin-block-start:22px} .industry-case-points{display:grid;gap:24px;margin-block:34px} .industry-case-points--two{grid-template-columns:repeat(2,minmax(0,1fr))} .industry-case-points--three{grid-template-columns:repeat(3,minmax(0,1fr))} .industry-case-point{min-width:0;padding:30px;border:1px solid #e4e9e5;border-radius:16px;background:#f7f8f7;box-shadow:0 8px 24px rgba(21,55,39,.045)} .industry-case-point h3{margin:0 0 13px;color:#234b38;font:21px/1.35 Roboto-Bold,Roboto,Arial,sans-serif} .industry-case-point h3:only-child{margin-bottom:0} .industry-case-point h3::before{display:inline-block;width:9px;height:9px;margin-inline-end:10px;border-radius:50%;background:var(--green);content:"";vertical-align:2px} .industry-case-point p{margin:0;color:#555;font-size:16px;line-height:1.75} .industry-case-figure{margin:42px 0 68px} .industry-case-figure img{width:100%;max-width:900px;height:auto;margin-inline:auto;border-radius:18px;box-shadow:0 16px 42px rgba(20,38,29,.14)} .industry-case-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;margin-block:10px 0;padding:38px 42px;border-radius:18px;background:linear-gradient(118deg,#19372a,#24553d);color:#fff} .industry-case-summary p{margin:0;color:#fff;font-size:17px;line-height:1.8} .industry-case-summary .pill-button{white-space:nowrap} @media(max-width:900px){.industry-case-points--three{grid-template-columns:1fr}.industry-case-summary{grid-template-columns:1fr}.industry-case-summary .pill-button{justify-self:start}} @media(max-width:750px){.article-content:has(>.industry-case-article){padding-block:44px}.industry-case-section{margin-block-end:50px}.industry-case-section__heading{font-size:27px}.industry-case-section>p{font-size:16px;line-height:1.75}.industry-case-points--two{grid-template-columns:1fr}.industry-case-points{gap:16px;margin-block:26px}.industry-case-point{padding:24px 21px}.industry-case-point h3{font-size:19px}.industry-case-figure{margin-block:32px 50px}.industry-case-summary{gap:24px;padding:28px 23px}.industry-case-summary .pill-button{width:100%;justify-content:center}} /* 0.6.13 reading layout for the article pages currently linked from the homepage. */ .article-content--homepage-linked{max-width:960px;padding-block:72px 68px;color:#454846;text-align:start} .article-content--homepage-linked>p{max-width:880px;margin:0 auto 22px;color:#515552;font-size:17px;line-height:1.82} .article-content--homepage-linked>p:empty,.article-content--homepage-linked>.article-editorial-spacer{display:none} .article-content--homepage-linked>.article-editorial-heading{margin-block:48px 18px;padding-inline-start:18px;border-inline-start:4px solid var(--green);color:#202522;font:clamp(23px,2.4vw,30px)/1.32 Roboto-Bold,Roboto,Arial,sans-serif} .article-content--homepage-linked>.article-editorial-heading:first-child{margin-block-start:0} .article-content--homepage-linked>.article-editorial-key-point{margin-block:18px;padding:22px 25px;border:1px solid #e2e8e4;border-radius:12px;background:#f7f8f7;color:#3f4642;font-size:16px;line-height:1.72} .article-content--homepage-linked>.article-editorial-labelled strong{color:#234b38;font-family:Roboto-Bold,Roboto,Arial,sans-serif} .article-content--homepage-linked>ul,.article-content--homepage-linked>ol{max-width:880px;margin:14px auto 30px;padding:24px 30px 24px 52px;border-inline-start:4px solid var(--green);border-radius:0 12px 12px 0;background:#f7f8f7;color:#4b504d;font-size:16px;line-height:1.72;text-align:start} .article-content--homepage-linked>ul li+li,.article-content--homepage-linked>ol li+li{margin-block-start:9px} .article-content--homepage-linked>.article-editorial-media{max-width:900px;margin-block:42px;text-align:center} .article-content--homepage-linked>.article-editorial-media img,.article-content--homepage-linked>p>img{display:block;width:100%;height:auto;margin-inline:auto;border-radius:16px;box-shadow:0 14px 38px rgba(21,55,39,.13)} .article-content--homepage-linked>table{display:block;max-width:880px;margin:30px auto;overflow-x:auto;border-radius:10px;background:#fff;text-align:start} .article-content--homepage-linked a:not(.pill-button){color:#277a4b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} @media(max-width:750px){.article-content--homepage-linked{padding-block:46px 48px}.article-content--homepage-linked>p{font-size:16px;line-height:1.74}.article-content--homepage-linked>.article-editorial-heading{margin-block:38px 16px;padding-inline-start:14px;font-size:23px}.article-content--homepage-linked>.article-editorial-key-point{padding:19px 18px}.article-content--homepage-linked>ul,.article-content--homepage-linked>ol{padding:20px 20px 20px 40px}.article-content--homepage-linked>.article-editorial-media{margin-block:30px}.article-content--homepage-linked>.article-editorial-media img,.article-content--homepage-linked>p>img{border-radius:12px}} /* 0.6.14 first-party facility and testing media on the Service page. */ .service-facility{padding-block:76px 82px;background:#fff} .service-facility__heading{max-width:780px;margin-inline:auto;text-align:center} .service-facility__heading h2{margin:0;font:36px/1.25 Roboto-Bold,Roboto,Arial,sans-serif} .service-facility__heading p{margin:18px 0 0;color:#626764;font-size:18px;line-height:1.7} .service-facility__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px} .service-facility-card{min-width:0;margin:0;overflow:hidden;border:1px solid #e1e7e3;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(23,54,39,.08)} .service-facility-card__image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover} .service-facility-card figcaption{padding:19px 20px 21px;color:#26332c;font:18px/1.4 Roboto-Bold,Roboto,Arial,sans-serif;text-align:center} @media(max-width:900px){.service-facility__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-facility-card:last-child{grid-column:1/-1;max-width:calc(50% - 12px);width:100%;justify-self:center}} @media(max-width:750px){.service-facility{padding-block:54px 60px}.service-facility__heading h2{font-size:30px}.service-facility__heading p{font-size:16px}.service-facility__grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.service-facility-card:last-child{grid-column:auto;max-width:none}.service-facility-card figcaption{font-size:17px}} /* 0.6.15 presentation for the supplied portrait-format De Nora case photo. */ .industry-case-figure--portrait{max-width:400px;margin-inline:auto;text-align:center} .industry-case-figure--portrait img{width:100%;max-width:400px;height:auto} .industry-case-figure--portrait figcaption{margin-top:12px;color:#666;font-size:14px;line-height:1.6}