/*
Theme Name: YOURUILANG Gutenberg
Theme URI: https://example.invalid/
Author: OpenAI conversion
Description: Gutenberg block theme converted from the provided YOURUILANG React/Vite source.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: youruilang
*/
:root{--yrl-navy:#102436;--yrl-teal:#008b87;--yrl-teal-dark:#006f6b;--yrl-bg:#f7f8f6;--yrl-muted:#eef2f1;--yrl-line:#d8dfe4;--yrl-blue:#0d365e;--yrl-max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--yrl-bg);color:var(--yrl-navy);font-family:"Manrope",Arial,sans-serif}.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}.site-main{margin:0}.site-main>.wp-block-post-content{margin:0}.site-main>.wp-block-post-content>*{margin-block-start:0}.yrl-container{width:min(calc(100% - 40px),var(--yrl-max));margin-inline:auto}.yrl-section{padding:80px 0}.yrl-compact{padding:38px 0}.yrl-white{background:#fff}.yrl-muted{background:var(--yrl-muted)}.yrl-dark{background:var(--yrl-navy);color:#fff}.yrl-teal-pale{background:#dcebe8}.yrl-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 20px!important;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.19em;color:var(--yrl-teal)}.yrl-eyebrow:before{content:"";width:40px;height:1px;background:currentColor}.yrl-eyebrow-light{color:#7ee2d9}.yrl-section-title,.yrl-page-title,.yrl-hero-title,.yrl-product-title,.yrl-article-title,.yrl-cta-title,.yrl-info-title,.yrl-sidebar-title,.yrl-card-title,.yrl-article-h2,.yrl-article-lead{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;color:var(--yrl-navy);margin:0}.yrl-section-title{font-size:clamp(48px,5vw,68px);line-height:.9;font-weight:700;max-width:780px}.yrl-light{color:#fff!important}.yrl-body{color:#5b6875;font-size:16px;line-height:1.9}.yrl-light-muted{color:#c9d6df}.yrl-page-banner{position:relative;overflow:hidden;background:var(--yrl-navy);padding:82px 0;color:#fff}.yrl-page-banner:before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(90deg,rgba(0,139,135,.34) 1px,transparent 1px),linear-gradient(rgba(0,139,135,.22) 1px,transparent 1px);background-size:56px 56px}.yrl-page-banner .yrl-container{position:relative}.yrl-page-title{font-size:clamp(54px,7vw,82px);line-height:.86;color:#fff;max-width:900px}.yrl-banner-desc{max-width:720px;color:#c8d4dc;line-height:1.8}.yrl-header{position:relative;z-index:100;background:#fff;box-shadow:0 3px 12px rgba(15,31,43,.08)}.yrl-topbar{background:var(--yrl-navy);color:#c7d2dc;font-size:11px;font-weight:700;letter-spacing:.04em}.yrl-topbar .wp-block-group{min-height:40px}.yrl-mainbar{min-height:84px}.yrl-logo img{height:52px!important;width:auto!important}.yrl-mainbar-inner{width:min(calc(100% - 40px),var(--yrl-max));margin:auto;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.yrl-nav{justify-content:center}.yrl-nav .wp-block-navigation-item__content{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:var(--yrl-navy);padding:12px 8px}.yrl-nav .wp-block-navigation-item__content:hover{color:var(--yrl-teal)}.yrl-header-cta .wp-block-button__link,.yrl-button-primary .wp-block-button__link{background:var(--yrl-teal)!important;color:#fff!important;border-radius:0!important;padding:15px 22px!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.12em}.yrl-button-primary .wp-block-button__link:hover,.yrl-header-cta .wp-block-button__link:hover{background:var(--yrl-teal-dark)!important}.yrl-button-secondary .wp-block-button__link{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.72);border-radius:0!important;padding:14px 21px!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.12em}.yrl-button-secondary .wp-block-button__link:hover{background:#fff!important;color:var(--yrl-navy)!important}.yrl-text-link .wp-block-button__link,.yrl-card-link .wp-block-button__link{background:transparent!important;color:var(--yrl-navy)!important;padding:0!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.12em}.yrl-hero-wrap{position:relative;background:var(--yrl-navy)}.yrl-hero-slide{display:none!important;position:relative;min-height:650px!important}.yrl-hero-slide.is-active{display:flex!important}.yrl-hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,39,.95),rgba(7,24,39,.77),rgba(7,24,39,.24));z-index:1}.yrl-hero-slide .wp-block-cover__inner-container{position:relative;z-index:2;width:100%}.yrl-hero-title{font-size:clamp(58px,7vw,92px);line-height:.83;letter-spacing:-.025em;color:#fff;max-width:780px}.yrl-hero-copy{color:#e2e8f0;max-width:650px;font-size:18px;line-height:1.6}.yrl-hero-actions{display:flex!important;gap:12px;margin-top:34px}.yrl-hero-controls{position:absolute;right:max(20px,calc((100vw - var(--yrl-max))/2));bottom:26px;z-index:5;display:flex!important;gap:12px}.yrl-hero-prev .wp-block-button__link,.yrl-hero-next .wp-block-button__link,.yrl-rail-prev .wp-block-button__link,.yrl-rail-next .wp-block-button__link{display:grid!important;place-items:center;width:44px;height:44px;padding:0!important;border-radius:0!important;border:1px solid #cad1d7;background:transparent!important;color:var(--yrl-navy)!important;font-size:23px!important}.yrl-hero-prev .wp-block-button__link,.yrl-hero-next .wp-block-button__link{color:#fff!important;border-color:rgba(255,255,255,.45)!important;background:rgba(16,36,54,.5)!important}.yrl-section-head{align-items:end!important}.yrl-section-head>.wp-block-column:last-child{display:flex;justify-content:flex-end}.yrl-rail-controls{display:flex!important;gap:8px;justify-content:flex-end}.yrl-product-rail{display:flex!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:44px 0 16px;scrollbar-width:none}.yrl-product-rail::-webkit-scrollbar{display:none}.yrl-rail-card{width:300px;min-width:300px;scroll-snap-align:start}.yrl-product-card,.yrl-article-card{border:1px solid #dfe4e7;background:#fff;box-shadow:0 10px 28px rgba(15,31,43,.07);padding-bottom:22px;transition:.25s}.yrl-product-card:hover,.yrl-article-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,31,43,.14)}.yrl-product-card>*:not(.wp-block-image),.yrl-article-card>*:not(.wp-block-image){margin-left:20px!important;margin-right:20px!important}.yrl-card-image{margin:0!important;overflow:hidden}.yrl-card-image img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.45s}.yrl-article-card .yrl-card-image img{aspect-ratio:16/10}.yrl-product-card:hover .yrl-card-image img,.yrl-article-card:hover .yrl-card-image img{transform:scale(1.035)}.yrl-card-cat{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--yrl-teal);margin-top:20px!important}.yrl-card-title{font-size:30px;line-height:.95}.yrl-card-copy{color:#5d6975;font-size:14px;line-height:1.7}.yrl-card-meta{font-size:12px;color:#8c98a3}.yrl-split{align-items:center!important;gap:64px!important}.yrl-about-image img{width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:0 20px 45px rgba(15,31,43,.16)}.yrl-grid-2,.yrl-grid-3,.yrl-grid-4,.yrl-product-grid{display:grid!important;gap:20px}.yrl-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.yrl-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.yrl-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.yrl-info-card{border:1px solid #dfe4e7;background:#fff;padding:28px}.yrl-dark-card,.yrl-dark-mini{background:var(--yrl-navy);border-color:rgba(255,255,255,.15);color:#fff}.yrl-dark-card .yrl-info-title,.yrl-dark-mini .yrl-info-title{color:#fff}.yrl-dark-card .yrl-info-copy,.yrl-dark-mini .yrl-info-copy{color:#c5d0d9}.yrl-info-title{font-size:32px;line-height:1}.yrl-info-copy{color:#5d6975;font-size:14px;line-height:1.7}.yrl-quality-row{margin-top:46px!important;padding-top:30px;border-top:1px solid rgba(255,255,255,.15)}.yrl-faq{border-bottom:1px solid #cbd4d8;padding:0}.yrl-faq summary{padding:20px 0;font-weight:700;cursor:pointer;color:var(--yrl-navy)}.yrl-faq-answer{color:#5c6975;line-height:1.8;max-width:760px;padding-bottom:20px}.yrl-step-card{border:1px solid #dfe4e7;background:#fff;padding:24px}.yrl-step-num{font-family:"Barlow Condensed",sans-serif;font-size:52px;font-weight:700;color:#c6e4e0;margin:0 0 30px!important}.yrl-cta-row{align-items:center!important}.yrl-cta-row>.wp-block-column:last-child{display:flex;justify-content:flex-end}.yrl-cta-title{font-size:46px;line-height:.95}.yrl-breadcrumb{font-size:12px;color:#7a8793}.yrl-breadcrumb a{color:#687681;text-decoration:none}.yrl-products-layout{display:grid!important;grid-template-columns:260px minmax(0,1fr);gap:40px}.yrl-products-layout>.wp-block-column:first-child{position:sticky;top:20px;align-self:start}.yrl-filter-box,.yrl-topic-box{border:1px solid #dfe4e7;background:#fff;padding:24px}.yrl-sidebar-title{font-size:26px;border-bottom:1px solid #dfe4e7;padding-bottom:18px}.yrl-filter-box>.wp-block-buttons{display:block!important}.yrl-filter-link{display:block!important;margin:5px 0!important}.yrl-filter-link .wp-block-button__link{display:block!important;width:100%;text-align:left;background:transparent!important;color:#5d6975!important;border-radius:0!important;padding:12px!important;font-size:14px!important}.yrl-filter-link.is-active .wp-block-button__link{background:#e3f3f1!important;color:var(--yrl-teal-dark)!important;font-weight:700}.yrl-sidebar-callout{margin-top:18px!important;background:var(--yrl-navy);color:#fff;padding:24px}.yrl-sidebar-callout .yrl-info-title{color:#fff}.yrl-sidebar-callout .yrl-info-copy{color:#c5d0d9}.yrl-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px!important}.yrl-filter-count{color:#7b8791;font-size:14px}.yrl-filter-description{color:#5d6975;line-height:1.7;max-width:760px}.yrl-empty-message{display:none;border:1px dashed #cbd4d8;background:#fff;padding:36px;margin-top:30px!important}.yrl-product-main-image img{width:100%;aspect-ratio:1;object-fit:cover}.yrl-product-detail-layout{gap:60px!important;align-items:start!important}.yrl-product-title{font-size:clamp(56px,6vw,76px);line-height:.85}.yrl-spec-wrap{border:1px solid #dfe4e7;background:var(--yrl-bg);margin-top:30px!important}.yrl-table-head{background:var(--yrl-navy);color:#78ddd5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;padding:16px 20px;margin:0!important}.yrl-spec-table{margin:0!important}.yrl-spec-table table{border-collapse:collapse}.yrl-spec-table td{padding:14px 18px;border-bottom:1px solid #dfe4e7}.yrl-spec-table td:first-child{width:180px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#687681;font-weight:800}.yrl-blog-layout{display:grid!important;grid-template-columns:230px minmax(0,1fr);gap:40px}.yrl-topic,.yrl-topic-active{font-size:14px;font-weight:600;color:#5e6974}.yrl-topic-active{color:var(--yrl-teal)}.yrl-note{border-left:2px solid var(--yrl-teal);padding-left:16px;color:#5d6975;font-size:14px;line-height:1.8}.yrl-inquiry-layout{display:grid!important;grid-template-columns:.75fr 1.25fr;gap:46px}.yrl-include-item{display:grid!important;grid-template-columns:60px 1fr;align-items:start}.yrl-inquiry-form{border:1px solid #dfe4e7;background:#fff;padding:34px;box-shadow:0 14px 32px rgba(15,31,43,.08)}.yrl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.yrl-field{display:block;margin-bottom:18px}.yrl-field label{display:block;margin-bottom:7px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#334155}.yrl-field input,.yrl-field select,.yrl-field textarea{width:100%;border:1px solid #d8dfe4;background:#fff;padding:14px 15px;font:inherit;color:var(--yrl-navy)}.yrl-field textarea{min-height:160px;resize:vertical}.yrl-submit{border:0;background:var(--yrl-teal);color:#fff;padding:15px 22px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.yrl-success{padding:16px;background:#e8f5f3;border:1px solid #b8ddd8;color:#145d59;margin-bottom:20px}.yrl-article-header{background:#e9f4f3;padding:62px 0}.yrl-article-title{font-size:clamp(54px,7vw,82px);line-height:.86;max-width:1000px}.yrl-article-body-wrap{max-width:900px;margin:auto!important}.yrl-article-hero img{width:100%;aspect-ratio:16/8;object-fit:cover}.yrl-article-lead{font-size:34px;line-height:.95;margin-top:42px!important}.yrl-article-body{font-size:16px;line-height:2;color:#5d6975}.yrl-article-h2{font-size:42px;line-height:.9;margin-top:50px!important}.yrl-article-table table{border-collapse:collapse}.yrl-article-table th{background:var(--yrl-navy);color:#fff;padding:14px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.yrl-article-table td{border-bottom:1px solid #dfe4e7;padding:14px;color:#5d6975}.yrl-article-table td:first-child{font-weight:700;color:var(--yrl-navy)}.yrl-article-quote{border-left:4px solid var(--yrl-teal)!important;background:#f3f8f7;padding:20px 26px;margin:34px 0!important;font-family:"Barlow Condensed",sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;color:var(--yrl-navy)}.yrl-footer{background:var(--yrl-blue);color:#bfd0dd}.yrl-footer .yrl-container{padding-top:60px;padding-bottom:50px}.yrl-footer .wp-block-heading{font-family:"Barlow Condensed";text-transform:uppercase;color:#fff}.yrl-footer a{color:#bfd0dd;text-decoration:none;font-size:13px}.yrl-footer a:hover{color:#7be0d6}.yrl-footer-logo img{height:80px;width:auto;background:#fff;padding:3px}.yrl-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.yrl-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1)}.yrl-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1024px){.yrl-topbar{display:none}.yrl-mainbar-inner{grid-template-columns:auto auto;justify-content:space-between}.yrl-mainbar-inner>.yrl-nav{grid-column:1/-1}.yrl-header-cta{display:none}.yrl-products-layout,.yrl-blog-layout,.yrl-inquiry-layout{grid-template-columns:1fr}.yrl-products-layout>.wp-block-column:first-child{position:static}.yrl-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yrl-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.yrl-split{gap:34px!important}}
@media(max-width:781px){.yrl-section{padding:58px 0}.yrl-container{width:min(calc(100% - 30px),var(--yrl-max))}.yrl-page-banner{padding:62px 0}.yrl-section-head>.wp-block-column:last-child,.yrl-cta-row>.wp-block-column:last-child{justify-content:flex-start}.yrl-grid-2,.yrl-grid-3,.yrl-grid-4,.yrl-product-grid{grid-template-columns:1fr}.yrl-form-grid{grid-template-columns:1fr}.yrl-rail-card{width:285px;min-width:285px}.yrl-hero-slide{min-height:610px!important}.yrl-hero-controls{right:20px}.yrl-article-h2{font-size:36px}.yrl-footer .wp-block-columns{gap:30px}.yrl-mainbar-inner{width:calc(100% - 30px)}}