@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* Hytanbio visual refresh: shared across the catalog, articles and company pages. */
:root{--blue:#16a6a1;--blue2:#087e80;--ink:#0b2239;--muted:#526b79;--line:#dce9e9;--pale:#eef9f8;--green:#12a69b}
body{color:#183246;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.68}
h1,h2,h3,h4{color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:-.04em}
h1{font-size:clamp(2.65rem,4.5vw,4.15rem);line-height:1.08}
h2{font-size:clamp(2rem,3.3vw,3.15rem);line-height:1.12}
h3{letter-spacing:-.025em}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ff826f;outline-offset:3px}
.wrap{max-width:1260px}
.topline{background:#0b2239;color:#e4f0f1;letter-spacing:0}
.ticker{height:38px}.ticker-item{font-weight:700}.ticker-item::before{content:'•';color:#55d8ce;font-size:14px}.ticker-toggle{border-color:#496878;border-radius:8px}.ticker-toggle:hover{background:#183c53}
.header{height:82px;border-bottom:1px solid #e9eded;background:rgba(255,255,255,.97);box-shadow:0 8px 22px rgba(11,34,57,.035)}
.head-inner{gap:28px}.brand img{width:296px;height:76px;object-fit:contain}.nav{gap:22px}.nav a{color:#0b2239;font-size:13px;font-weight:700}.nav a:hover,.nav a:focus-visible{color:#087e80}
.head-cta,.btn{background:#16a6a1;border-radius:999px;min-height:49px;padding:13px 24px;box-shadow:0 10px 25px rgba(22,166,161,.16);transition:background .2s,transform .2s,box-shadow .2s}
.head-cta:hover,.btn:hover{background:#087e80;box-shadow:0 12px 28px rgba(8,126,128,.2);transform:translateY(-1px)}
.btn-outline{border-radius:999px;border-color:#d5e1e5;background:#fff;color:#0b2239;min-height:49px;padding:12px 23px;transition:border-color .2s,background .2s,transform .2s}
.btn-outline:hover{border-color:#16a6a1;background:#f4fbfa;color:#087e80;transform:translateY(-1px)}
.hero{min-height:680px;background:#f4f8f6}
.hero:before{background:linear-gradient(90deg,#fbfaf6 0%,rgba(251,250,246,.98) 23%,rgba(247,250,248,.78) 45%,rgba(241,250,249,.17) 71%,rgba(241,250,249,0) 100%),var(--hero) center/cover no-repeat}
.hero .wrap{padding-top:80px;padding-bottom:115px}
.hero-copy{max-width:660px}.hero h1{max-width:690px;font-size:clamp(3.1rem,5vw,4.65rem);line-height:1.09;margin-bottom:.34em}
.hero p{font-size:18px;line-height:1.7;color:#2c4d60;max-width:575px}
.hero-stats{gap:18px;margin-top:42px;font-size:11px;color:#14354a;letter-spacing:0;text-transform:none;flex-wrap:wrap}
.hero-stats span{border:0;padding:0;display:inline-flex;align-items:center;gap:8px}.hero-stats span:before{content:'✓';color:#10a89e;font-size:17px;font-weight:800}
.hero-actions{gap:12px;margin:26px 0 0}.slide-dots{margin-top:28px}.slide-dot{background:#bddbdc}.slide-dot.active{background:#16a6a1}
.eyebrow{display:flex;align-items:center;gap:9px;color:#007c80;letter-spacing:.17em;font-size:11px;margin-bottom:15px}.eyebrow:before{content:'';display:inline-block;flex:none;width:25px;height:2px;background:#ff806f}
.home-proof{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-58px;margin-bottom:0;background:#fff;border-radius:22px;box-shadow:0 20px 50px rgba(11,34,57,.11);padding:0 24px}
.home-proof>div{padding:28px 24px;border-right:1px solid #e0e9e9;min-width:0}.home-proof>div:last-child{border:0}.home-proof strong{display:block;font-size:clamp(1.45rem,2.3vw,2.35rem);line-height:1.15;color:#0b2239;letter-spacing:-.04em}.home-proof span{display:block;font-size:12px;color:#587588;margin-top:7px;line-height:1.5}
.section{padding:95px 0}.section.alt{background:#effaf8}.home .section:first-of-type{padding-top:105px}
.section-intro p{font-size:16px;line-height:1.7}.home .section:not(.blue-block)>.wrap>.section-intro:first-child{text-align:center;margin:0 auto 44px}.home .section:not(.blue-block)>.wrap>.section-intro:first-child .eyebrow{justify-content:center}
.section-row{align-items:center}.section-row .section-intro{margin:0 0 35px}
.grid-3{gap:22px}.grid-4{gap:20px}
.category-card,.product-card,.post-grid article{border:1px solid #e3ecec;border-radius:17px;box-shadow:0 9px 24px rgba(11,34,57,.045);transition:transform .2s,box-shadow .2s,border-color .2s}
.category-card:hover,.product-card:hover,.post-grid article:hover{border-color:#a4d7d4;box-shadow:0 20px 42px rgba(11,34,57,.11);transform:translateY(-3px)}
.category-card img{height:205px}.category-card div{padding:22px 22px 24px}.category-card h3{font-size:19px}.category-card p{font-size:13px;line-height:1.6}
.product-art{background:#e9f6f4}.product-art img{height:225px}.product-body{padding:19px}.product-body small{color:#087e80}.product-body h3{font-size:16px;line-height:1.35}.product-body h3 a:hover{color:#087e80}
.feature{padding:28px 24px;border-color:#e0ebea;border-radius:17px;box-shadow:0 9px 24px rgba(11,34,57,.035)}.feature .icon{background:#dff5f1;color:#087e80;border-radius:14px;width:50px;height:50px}.feature p{line-height:1.7}
.principles-grid{align-items:stretch}.principle-card{padding:0;overflow:hidden;display:flex;flex-direction:column;background:#fff}.principle-card img{display:block;width:100%;height:auto;aspect-ratio:900/560;object-fit:cover}.principle-card-body{padding:24px 24px 28px;flex:1}.principle-card h3{margin:0 0 12px}.principle-card p{margin:0;color:#486475}
.split{gap:75px}.split img{border-radius:18px;box-shadow:0 20px 45px rgba(11,34,57,.12)}.check-list li:before{color:#16a6a1}
.blue-block{background:#0b2239}.blue-block h2,.blue-block p{color:#fff}.blue-block .eyebrow{color:#8be1d9}.blue-block .btn{background:#16a6a1;color:#fff!important}.blue-block .btn:hover{background:#087e80}
.inner-hero{background:#effaf8;min-height:325px}.inner-hero:before{background:linear-gradient(90deg,#effaf8 0%,rgba(239,250,248,.96) 39%,rgba(239,250,248,.58) 68%,rgba(239,250,248,.13)),var(--hero) center/cover}
.inner-hero h1{font-size:clamp(2.55rem,4vw,4.15rem)}.inner-hero p{color:#3b5a69}.breadcrumbs{color:#5e7883}.breadcrumbs a{color:#087e80}
.content{padding-top:75px;padding-bottom:105px}.content p,.content li{color:#405b69;line-height:1.8}.content h2{scroll-margin-top:110px}.about-facility img,.customization-process img{border-radius:18px!important;box-shadow:0 18px 44px rgba(11,34,57,.11)}
.sidebar,.contact-form{border-color:#e0eaea;border-radius:17px;box-shadow:0 9px 24px rgba(11,34,57,.04)}.sidebar a{border-color:#edf2f2}.catalog-tools input,.contact-form input,.contact-form textarea,.contact-form select{border-color:#ccdfe0;border-radius:11px}.catalog-tools input:focus,.contact-form input:focus,.contact-form textarea:focus{box-shadow:0 0 0 3px #d8f5f1}
.single-photo{background:#eaf7f5;border-radius:18px}.notice{background:#eef9f8;border-left-color:#16a6a1;border-radius:0 12px 12px 0}.page-numbers{border-radius:9px}.page-numbers.current{color:#fff}
.post-grid article{overflow:hidden}.insight-card-image{background:#e9f5f4}.insight-feature img{border-radius:18px}.insight-read-link{color:#087e80}
.footer{background:#0b2239;color:#b9ced7;padding-top:68px}.footer h3{color:#fff}.footer a{color:#d5e7e9}.footer a:hover{color:#65d5cf}.footer-bottom{border-top-color:#315064}.compliance{color:#99b5be}
.cookie{border-radius:13px;border-color:#d9e9e8}.cookie button{border-color:#16a6a1;color:#087e80;border-radius:8px}.cookie button:last-child{background:#16a6a1;color:#fff}

@media(min-width:1051px) and (max-width:1200px){.brand img{width:265px;height:70px}.head-inner{gap:18px}.nav{gap:14px}}
@media(max-width:1050px){.head-inner{gap:15px}.menu-toggle{display:block;margin-left:auto;border:0;background:transparent;color:var(--ink);font-size:25px;line-height:1;padding:7px;cursor:pointer}.head-cta{display:none}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:18px 24px;box-shadow:0 16px 28px rgba(11,34,57,.13);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{font-size:15px;padding:11px 0;border-bottom:1px solid #edf2f2}.hero:before{background:linear-gradient(90deg,#fbfaf6 0%,rgba(251,250,246,.96) 35%,rgba(251,250,246,.86) 67%,rgba(244,250,249,.18) 100%),var(--hero) 62% center/cover no-repeat}}
@media(max-width:780px){.header{height:70px}.brand img{width:250px;height:66px}.nav{top:70px;padding:18px 24px;border-top:1px solid #e9eded;gap:0}.nav a{font-size:15px;padding:11px 0;border-bottom:1px solid #edf2f2}.menu-toggle{color:#0b2239}.hero{min-height:740px}.hero:before{background:linear-gradient(180deg,#fbfaf6 0%,rgba(251,250,246,.98) 42%,rgba(251,250,246,.78) 65%,rgba(244,250,249,.14) 100%),var(--hero) 66% center/cover no-repeat}.hero .wrap{padding-top:64px;padding-bottom:130px}.hero h1{font-size:clamp(2.75rem,8.2vw,4.2rem)}.hero p{font-size:17px}.home-proof{grid-template-columns:repeat(2,1fr);margin-top:-66px;padding:6px 20px}.home-proof>div{padding:20px 14px}.home-proof>div:nth-child(2){border-right:0}.home-proof>div:nth-child(-n+2){border-bottom:1px solid #e0e9e9}.section{padding:75px 0}.split{gap:32px}.inner-hero:before{background:linear-gradient(90deg,#effaf8 0%,rgba(239,250,248,.95) 56%,rgba(239,250,248,.5)),var(--hero) center/cover}}
@media(max-width:520px){.wrap{padding-left:17px;padding-right:17px}.ticker{height:34px}.ticker-item{font-size:11px}.hero{min-height:795px}.hero .wrap{padding-top:58px;padding-bottom:155px}.hero h1{font-size:clamp(2.5rem,10.3vw,3.2rem);line-height:1.12}.hero p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;max-width:300px}.hero-actions .btn,.hero-actions .btn-outline{justify-content:center}.hero-stats{gap:6px 16px;margin-top:26px;font-size:11px}.slide-dots{margin-top:19px}.home-proof{border-radius:17px;margin-left:17px;margin-right:17px;padding:3px 12px}.home-proof strong{font-size:1.34rem}.home-proof span{font-size:10px}.section{padding:66px 0}.section-intro{text-align:left!important}.section-intro .eyebrow{justify-content:flex-start!important}.grid-3,.grid-4{gap:17px}.category-card img{height:190px}.inner-hero{min-height:285px}.inner-hero .wrap{padding-top:48px;padding-bottom:48px}.content{padding-top:52px;padding-bottom:75px}.footer{padding-top:55px}.footer-grid{gap:24px}.cookie{left:12px;right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.head-cta,.btn,.btn-outline,.category-card,.product-card,.post-grid article{transition:none}}
@media(max-width:350px){.brand img{width:218px;height:59px}.head-inner{gap:8px}}