@font-face{font-family:Roobert;src:url('RoobertPRO-Light.woff2')}@font-face{font-family:Roobert;src:url('RoobertPRO-Medium.woff');font-weight:600}
:root{--accent-blue:#14b8ee;--ink:#061824;--cream:#eef8fc;--muted:#5e7280;--brand-navy:#071824;--brand-cyan:#14b8ee;--brand-sky:#70d3ff;--surface:#f6fbfe;--line:#d9e8ef;--radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Roobert,Arial,sans-serif}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Roobert,Arial,sans-serif;font-weight:600;letter-spacing:0}
h1{font-size:76px;line-height:.98}
h2{font-size:58px;line-height:1.02}
h3{font-size:22px}
p{line-height:1.65;color:#425966}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%}
.header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-left:max(4vw,calc((100vw - 1340px)/2));padding-right:max(4vw,calc((100vw - 1340px)/2));background:#fff;position:relative;z-index:30;border-bottom:1px solid var(--line)}
.brand{justify-self:start;display:flex;align-items:center;min-width:0}
.brand img{width:190px;max-width:min(48vw,190px);height:auto;display:block}
.nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:800}
.nav-center{justify-self:center}
.nav-right{justify-content:flex-end;justify-self:end}
.cart-button,.icon-btn,.drawer button{border:0;background:none;cursor:pointer}
.cart-button{display:flex;align-items:center;gap:4px}
.cart-button span{background:var(--brand-navy);color:#fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:10px}
.mobile-only{display:none}
.scrim{position:fixed;inset:0;background:#0008;z-index:70}
.drawer{position:fixed;z-index:80;background:#fff;top:0;bottom:0;padding:32px;display:flex;flex-direction:column;gap:26px;box-shadow:0 30px 80px rgba(0,0,0,.18)}
.drawer.left{left:0;width:min(88vw,390px);font:34px Roobert}
.drawer.cart{right:0;width:min(92vw,470px)}
.drawer>button{align-self:flex-end}
.empty-cart{margin:auto;text-align:center}
.empty-cart>svg{width:64px;height:64px;stroke-width:1}
.home-header{position:absolute;top:0;left:0;width:100%;height:94px;background:transparent!important;border:0!important;color:#fff;padding-left:max(5vw,calc((100vw - 1520px)/2 + 32px));padding-right:max(5vw,calc((100vw - 1520px)/2 + 32px));transition:top .25s ease,width .25s ease,height .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease,border-radius .25s ease,padding .25s ease}
.home-header .brand img{width:240px}
.home-header .nav-center{padding:16px 28px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;backdrop-filter:blur(16px)}
.home-header .nav{font-size:16px;gap:30px}
.home-header .nav-right svg,.home-header .icon-link svg{color:#fff;stroke-width:2.5}
.home-header .cart-button span{width:auto;height:auto;background:transparent;color:#fff;border-radius:0;font-size:16px;font-weight:800}
.home-header .cart-button::before{content:"";display:block;width:1px;height:24px;background:rgba(255,255,255,.42);order:2;margin:0 8px 0 10px}
.home-header .cart-button span{order:3}
.home-header .cart-button svg{order:1}
.home-header.is-scrolled{position:fixed;top:22px;left:50%;width:min(1368px,calc(100% - 48px));height:78px;transform:translateX(-50%);background:#fff!important;color:var(--ink)!important;border-radius:999px;border:0!important;box-shadow:0 20px 60px rgba(4,18,28,.16);padding-left:34px;padding-right:34px}
.home-header.is-scrolled .brand img{width:218px}
.home-header.is-scrolled .nav-center{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.home-header.is-scrolled .nav-right svg,.home-header.is-scrolled .icon-link svg{color:var(--ink)}
.home-header.is-scrolled .cart-button span{color:var(--ink)}
.home-header.is-scrolled .cart-button::before{background:#c9d9e2}
.pill{min-height:58px;border-radius:999px;padding:0 8px 0 26px;display:inline-flex;align-items:center;justify-content:center;gap:24px;text-transform:uppercase;font-size:14px;font-weight:800;border:0;cursor:pointer}
.pill svg{width:44px;height:44px;padding:12px;border-radius:50%;background:var(--brand-navy);color:#fff}
.pill.blue{background:var(--brand-cyan);color:#03131d}
.pill.light{background:#fff;color:var(--ink)}
.pill.dark{background:var(--brand-navy);color:#fff}
.pill.dark svg{background:var(--brand-cyan);color:#03131d}
.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:0;font-weight:800;color:var(--brand-cyan)}
.blue-text{color:var(--brand-cyan)}
.section{padding:96px 4vw;max-width:1440px;margin:auto}
.section-heading{margin-bottom:48px}
.centered{text-align:center}
.section-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px;gap:20px}
.section-row h2{margin:0}
.section-row>a{font-size:12px;background:#e8f5fa;color:var(--ink);padding:12px 18px;border-radius:999px;font-weight:800}
.hero{height:86vh;min-height:720px;border-radius:0 0 var(--radius) var(--radius);background:linear-gradient(90deg,rgba(3,15,24,.92),rgba(3,15,24,.62) 42%,rgba(3,15,24,.16) 72%),url('trex-hand-bpc-157.png') center/cover;display:flex;justify-content:space-between;align-items:center;color:#fff;padding:74px max(4vw,calc((100vw - 1340px)/2)) 54px;gap:46px;overflow:hidden}
.hero-copy{max-width:650px}
.hero-copy h1{margin:24px 0}
.hero-copy p{color:#eaf8fe;max-width:570px;font-size:18px}
.hero-copy .pill{margin-top:34px;min-width:270px;min-height:74px;padding-left:40px;font-size:17px;gap:34px}
.hero-copy .pill svg{width:58px;height:58px}
.hero-review{width:320px;align-self:center;margin-top:130px;min-height:245px}
.hero-review img{width:100px;margin-bottom:10px}
.hero-review p{color:#fff;font-size:14px;margin-bottom:12px;animation:review-fade .45s ease}
.review-dots{display:flex;gap:9px;width:max-content;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 12px;margin-bottom:28px}
.review-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#7e8b92;cursor:pointer}
.review-dots button.active{background:#fff}
@keyframes review-fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:64px}
.feature{text-align:center;padding:24px 10px}
.feature svg{color:var(--brand-cyan)}
.feature h3{margin:20px 0 6px}
.feature p{font-size:14px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.product-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce8ee;border-radius:8px;overflow:hidden;box-shadow:0 18px 45px rgba(6,24,36,.05);cursor:pointer}
.product-image{height:330px;background:#03070d;position:relative;overflow:hidden;border:0;border-radius:0}
.product-image img{width:100%;height:100%;object-fit:cover;padding:0;transition:.35s}
.product-card:hover img{transform:scale(1.04)}
.product-card-body{min-height:170px;padding:24px 24px 22px;display:flex;flex-direction:column;align-items:flex-start}
.product-category{margin-bottom:14px;color:#7b8ea0;text-transform:uppercase;font-size:13px;font-weight:800}
.product-card h3{font-size:22px;margin:0 0 18px}
.product-card p{margin:auto 0 0;color:var(--ink);font-weight:800;font-size:18px}
.product-card:focus-visible{outline:3px solid var(--brand-cyan);outline-offset:4px}
.tag{position:absolute;z-index:2;top:14px;left:14px;background:var(--brand-cyan);padding:7px 12px;border-radius:30px;text-transform:uppercase;font-size:10px;font-weight:800;color:#03131d}
.testing-block{max-width:1340px;margin:60px auto 135px;background:linear-gradient(135deg,var(--brand-navy),#0b2a3a);color:#fff;border-radius:var(--radius);padding:78px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.testing-block p{color:#cfe3ee}
.testing-block .pill{margin-top:25px}
.coa-card{background:#f7fbfd;color:var(--ink);border-radius:var(--radius);padding:34px;border:1px solid #d8e9f0}
.coa-tabs{display:flex;gap:22px;padding-bottom:22px;border-bottom:1px solid #cbdde5;font-size:13px;overflow:auto}
.coa-card h3{font-size:30px;margin-top:30px}
.coa-card dl,.reports dl{display:grid;grid-template-columns:1fr 1fr;row-gap:14px}
.coa-card dt,.reports dt{color:#6e818b}
.coa-card dd,.reports dd{text-align:right;margin:0}
.next-gen{max-width:1340px;margin:auto;background:linear-gradient(135deg,#061824,#0b2b3d);border-radius:var(--radius);color:#fff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.next-copy{padding:78px;align-self:center}
.next-copy p{color:#cfe3ee;max-width:500px}
.next-copy .pill{margin-top:25px}
.next-gen>img{width:100%;height:100%;object-fit:cover}
.simple{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9vw}
.simple-image{background:linear-gradient(180deg,#f6fbfe,#eaf6fb);border-radius:var(--radius);height:650px;overflow:hidden;border:1px solid #e0edf3}
.simple-image img{width:100%;height:100%;object-fit:cover}
.simple p{font-size:18px}
.bundle{background:linear-gradient(135deg,#071824,#123447);color:#fff;max-width:1340px;border-radius:var(--radius);display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;padding:70px 80px;overflow:hidden;gap:40px}
.bundle p{color:#d5edf7}
.bundle img{width:100%;border-radius:12px}
.bundle-list p{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.collection{height:520px;border-radius:var(--radius);background-size:cover;background-position:center;position:relative;padding:28px;color:#fff;display:flex;flex-direction:column;overflow:hidden}
.collection>span{text-transform:uppercase;font-size:10px;letter-spacing:0;font-weight:800}
.collection h3{font-size:30px;max-width:260px}
.collection>div{margin-top:auto}
.collection>div b{font-size:25px}
.collection>div p{color:#fff}
.collection>a{position:absolute;right:18px;bottom:18px;width:50px;height:50px;background:var(--brand-cyan);color:#03131d;border-radius:50%;display:grid;place-items:center}
.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}
.faq-intro p{max-width:500px}
.faq details{border-top:1px solid var(--line);padding:24px 0}
.faq summary{list-style:none;font:22px Roobert;display:flex;justify-content:space-between;cursor:pointer}
.faq details p{padding-top:18px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.blog article{position:relative}
.blog article img{width:100%;height:300px;object-fit:cover;border-radius:var(--radius)}
.blog article>p{font-size:12px;margin:16px 0 6px}
.blog article>svg{position:absolute;right:12px;bottom:0}
.newsletter{max-width:1340px;margin:20px auto 80px;border-radius:var(--radius);background:linear-gradient(90deg,rgba(3,15,24,.92),rgba(3,15,24,.42)),url('trex-hand-bpc-157-palm.png') center/cover;color:#fff;padding:75px 80px;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}
.newsletter h2,.newsletter b{color:#fff}
.newsletter form{display:grid;grid-template-columns:1fr auto}
.newsletter input[type=email]{border:0;border-bottom:1px solid #fff;background:transparent;color:#fff;padding:20px 0}
.newsletter input::placeholder{color:#d7edf7}
.newsletter button{background:var(--brand-cyan);border:0;width:54px;height:54px;border-radius:50%;cursor:pointer;color:#03131d}
.newsletter label{grid-column:1/-1;margin-top:18px;font-size:12px}
.footer{background:#061824;color:#fff;padding:70px 5vw 25px}
.footer-logo img{width:220px}
.disclaimer{color:#a8bdc8;max-width:720px;font-size:13px;margin:30px 0 50px}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid rgba(255,255,255,.14);padding-top:40px}
.footer-links div{display:flex;flex-direction:column;gap:13px;font-size:13px}
.footer-links b{color:var(--brand-cyan);text-transform:uppercase;letter-spacing:0;margin-bottom:8px}
.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:50px;padding-top:25px;font-size:12px;color:#86a0ad}
.modal-wrap{position:fixed;inset:0;background:#000b;z-index:100;display:grid;place-items:center;padding:20px}
.research-modal{width:min(560px,100%);background:#fff;border-radius:var(--radius);padding:50px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.research-modal h2{font-size:44px;margin:20px 0}
.research-modal .pill{margin-top:15px}
.inner-page{max-width:1340px;margin:auto;padding:0 4vw 110px}
.page-hero{text-align:center;padding:110px 12%;background:linear-gradient(135deg,#eef8fc,#f8fcfe);border-radius:0 0 var(--radius) var(--radius);margin-bottom:70px;border-bottom:1px solid #e0edf3}
.page-hero h1{margin:25px 0}
.page-hero p{max-width:720px;margin:auto;font-size:17px}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;font-size:13px;gap:18px}
.shop-toolbar select{border:1px solid var(--line);padding:12px 18px;border-radius:999px;background:#fff}
.shop-grid{grid-template-columns:repeat(4,1fr)}
.shop-archive-head{padding:70px 0 42px}
.shop-archive-head .section-row{margin:16px 0 0}
.shop-archive-head .section-row>span{font-size:12px;text-transform:uppercase;font-weight:800;color:#7a919d}
.process{max-width:960px;margin:0 auto 100px}
.process>h2{margin-bottom:60px}
.process article{display:grid;grid-template-columns:70px 1fr;gap:25px;border-top:1px solid var(--line);padding:30px 0}
.process article>span{color:#7a919d;font-weight:800}
.reports{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.reports article{border:1px solid var(--line);border-radius:var(--radius);padding:35px;background:#fff}
.report-top{display:flex;justify-content:space-between;gap:14px;color:#6e818b;text-transform:uppercase;font-size:11px;letter-spacing:0}
.report-top b{color:#03131d;background:var(--brand-cyan);padding:6px 10px;border-radius:20px}
.reports h2{font-size:34px;margin:35px 0}
.reports button{width:100%;margin-top:25px;border:0;background:var(--brand-navy);color:#fff;padding:16px;border-radius:999px;cursor:pointer}
.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.contact-form label,.product-summary label{display:flex;flex-direction:column;gap:10px;font-size:12px;text-transform:uppercase;font-weight:800}
.contact-form input,.contact-form select,.contact-form textarea,.product-summary select{width:100%;padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff}
.contact-form .wide{grid-column:1/-1}
.contact-form button{grid-column:1/-1;justify-self:start}
.product-page{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;padding-top:70px}
.product-gallery{background:linear-gradient(180deg,#f8fcfe,#eaf6fb);border-radius:var(--radius);height:650px;overflow:hidden;border:1px solid #e0edf3}
.product-gallery img{width:100%;height:100%;object-fit:cover}
.product-summary{padding-top:50px}
.product-summary h1{font-size:64px;margin:25px 0}
.price{font:28px Roobert;margin-bottom:25px}
.buy-row{display:grid;grid-template-columns:80px 1fr;gap:12px;margin:30px 0}
.buy-row input{border:1px solid var(--line);border-radius:999px;text-align:center}
.product-perks{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.product-perks p{display:flex;align-items:center;gap:10px;margin:8px 0}
.product-perks svg{color:var(--brand-cyan)}
.research-note{font-size:12px}
.product-detail-page{padding-top:55px}
.prime-product{padding-top:20px}
.product-breadcrumbs{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#7a919d;font-size:12px;font-weight:800}
.product-breadcrumbs b{color:var(--ink)}
.prime-product .product-gallery{background:#f4f8fb;border-radius:24px}
.prime-product .product-summary{padding-top:25px}
.important-card{margin-top:28px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:26px}
.important-card h3{font-size:20px;margin-bottom:10px}
.important-card p{margin-bottom:0}
.test-results-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:8px 0 6px;padding:0 24px;border-radius:999px;background:#eef4f7;color:var(--ink);font-size:12px;font-weight:800;text-transform:uppercase}
.product-options{margin:28px 0;padding:22px;border:1px solid var(--line);border-radius:14px;background:#f8fcfe}
.option-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.option-heading b{font-size:16px}
.option-heading b span{color:var(--ink);font-size:inherit;text-transform:none}
.option-heading span{color:#708690;font-size:12px;text-transform:uppercase;font-weight:800}
.mg-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.mg-options button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800;cursor:pointer}
.mg-options button.active,.mg-options button:hover{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}
.selected-price{font-size:16px;font-weight:800;margin-bottom:18px}
.product-options label{display:flex;flex-direction:column;gap:10px;font-size:12px;text-transform:uppercase;font-weight:800}
.product-options select{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.product-add{width:100%;justify-content:center;margin-bottom:12px}
.native-cart-form{margin-bottom:12px}
.native-cart-form form.cart{display:grid;grid-template-columns:88px 1fr;gap:12px;margin:0}
.native-cart-form form.variations_form.cart{display:block}
.native-cart-form table.variations{width:100%;border:0;border-collapse:collapse;margin:0 0 14px}
.native-cart-form table.variations th,.native-cart-form table.variations td{display:block;text-align:left;padding:0 0 10px}
.native-cart-form table.variations label{font-size:12px;text-transform:uppercase;font-weight:800;color:var(--ink)}
.native-cart-form table.variations select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:0 14px}
.native-cart-form .reset_variations{display:inline-block;margin-top:8px;font-size:12px;color:var(--muted)}
.native-cart-form .single_variation_wrap .woocommerce-variation-add-to-cart{display:grid;grid-template-columns:88px 1fr;gap:12px}
.native-cart-form .woocommerce-variation-price{font-weight:800;margin:0 0 12px}
.native-cart-form .quantity input{width:100%;height:54px;border:1px solid var(--line);border-radius:999px;text-align:center}
.native-cart-form button.single_add_to_cart_button{min-height:54px;border:0;border-radius:999px;background:var(--brand-navy);color:#fff;text-transform:uppercase;font-weight:800;cursor:pointer}
.stock-line{display:flex;align-items:center;gap:10px;color:#1c8d63;font-weight:800;font-size:13px;margin:12px 0}
.secure-payment{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0 4px;color:#34a876;font-size:13px;font-weight:800}
.secure-payment b{border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:#5b6f7a;background:#fff;font-size:11px}
.stock-line .check-icon,.guaranteed-quality .check-icon{color:var(--ink)}
.product-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.product-badges div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center}
.product-badges .large{width:38px;height:38px;border:2px solid var(--brand-cyan);border-radius:50%;margin:0 auto 12px;color:var(--brand-cyan)}
.product-badges b{display:block;font-size:13px}
.product-badges p{font-size:12px;margin:4px 0 0}
.product-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:70px 0}
.product-info-grid article{border:1px solid var(--line);border-radius:var(--radius);padding:34px;background:#fff}
.product-info-grid h2{font-size:34px;margin:18px 0}
.product-info-grid dl{display:grid;gap:12px}
.product-info-grid dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:12px}
.product-info-grid dt{color:#708690}
.product-info-grid dd{margin:0;text-align:right;font-weight:800}
.report-list{display:grid;gap:10px;margin-top:20px}
.report-list div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fcfe}
.report-list b{grid-column:1/-1}
.report-list span{color:#708690;font-size:12px}
.report-list small{color:var(--brand-cyan);font-weight:800;text-align:right}
.guaranteed-quality{background:var(--brand-navy);color:#fff;border-radius:var(--radius);padding:62px;margin-bottom:80px;text-align:center}
.guaranteed-quality h2{font-size:46px;margin:18px 0 34px;color:#fff}
.guaranteed-quality>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.guaranteed-quality article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:26px}
.guaranteed-quality article p{color:#cfe3ee;margin-bottom:0}
.guaranteed-quality .check-icon{display:block;margin:0 auto 14px;color:#fff}
.related-products{margin-bottom:100px}
.calculator-page{max-width:1440px}
.calculator-hero{background:linear-gradient(135deg,#eef8fc,#f8fcfe)}
.calculator-shell{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start}
.calculator-fields{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.calculator-field{padding:36px;border-bottom:1px solid var(--line)}
.calculator-field:last-child{border-bottom:0}
.calculator-field>div:first-child>span{display:inline-block;color:#77909c;font-size:12px;margin-bottom:8px}
.calculator-field h2{font-size:32px;margin-bottom:8px}
.calculator-field p{margin-bottom:22px}
.calculator-choices{display:flex;flex-wrap:wrap;gap:8px}
.calculator-choices button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;cursor:pointer}
.calculator-choices button:hover,.calculator-choices button.active{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}
.calculator-field label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;font-size:12px;font-weight:800;text-transform:uppercase}
.calculator-field input{width:150px;padding:12px 14px;border:1px solid var(--line);border-radius:10px}
.calculator-results{position:sticky;top:24px;background:linear-gradient(135deg,var(--brand-navy),#0d2d40);color:#fff;border-radius:var(--radius);padding:40px}
.calculator-results .eyebrow{color:var(--brand-cyan)}
.calculator-results h2{font-size:56px;margin:24px 0 4px}
.calculator-results>p{color:#a8bdc8;text-transform:uppercase;font-size:11px;letter-spacing:0}
.syringe{height:92px;background:#fff;border:8px solid #d8e7ee;border-radius:12px 28px 28px 12px;position:relative;overflow:hidden;margin:28px 0}
.syringe-fill{position:absolute;inset:0 auto 0 0;background:var(--brand-cyan);transition:width .3s}
.syringe-scale{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-end;color:#061824;padding:0 6px 9px;font-size:9px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#061824 10%)}
.calculator-results dl{margin:30px 0 0}
.calculator-results dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14);padding:16px 0}
.calculator-results dt{color:#a8bdc8}
.calculator-results dd{margin:0;text-align:right}
.calculator-warning{background:#0f3b52;color:#bcecff!important;border-radius:12px;padding:12px;text-transform:none!important;letter-spacing:0!important}
.calculator-guide{padding:100px 0 60px}
.calculator-guide>h2{margin:20px 0 45px}
.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.guide-grid article{background:var(--cream);border-radius:var(--radius);padding:28px}
.guide-grid article>span{font-size:12px;color:#6e818b}
.guide-grid h3{margin:25px 0 10px}
.calculator-disclaimer{background:#eef8fc;border:1px solid #bcecff;border-radius:var(--radius);padding:22px 26px;line-height:1.6}
@media(max-width:1180px){.home-header .nav,.home-header.is-scrolled .nav{gap:20px;font-size:14px}.home-header .nav-center{padding-left:20px;padding-right:20px}.home-header .brand img,.home-header.is-scrolled .brand img{width:190px}}
@media(max-width:950px){
  body{background:#e5f1f7}
  main{background:#fff}
  h1{font-size:56px}
  h2{font-size:42px}
  .desktop-only{display:none}
  .mobile-only{display:block}
  .mobile-only.mobile-actions{display:flex}
  .header{grid-template-columns:minmax(0,1fr) auto;padding:0 20px;border:0}
  .header .brand img{width:150px;max-width:42vw}
  .mobile-actions{align-items:center;justify-content:flex-end;gap:22px;justify-self:end}
  .mobile-actions svg{width:26px;height:26px;stroke-width:2.7}
  .mobile-actions .icon-link,.mobile-actions .icon-btn{display:grid;place-items:center;color:inherit}
  .home-header{top:14px;left:14px;width:calc(100% - 28px);height:88px;padding:0 18px;background:transparent!important;color:#fff!important;grid-template-columns:minmax(0,1fr) auto;z-index:34}
  .home-header .brand img{width:150px;max-width:42vw}
  .home-header.is-scrolled{position:fixed;top:12px;left:14px;width:calc(100% - 28px);height:70px;transform:none;border-radius:999px;background:#fff!important;color:var(--ink)!important;box-shadow:0 18px 50px rgba(0,0,0,.14);padding:0 20px;z-index:60}
  .home-header.is-scrolled .brand img{width:138px}
  .home-header.is-scrolled .mobile-actions{gap:18px}
  .home-header.is-scrolled .mobile-actions svg{width:24px;height:24px;color:var(--ink)}
  .home-header .cart-button::before{display:none}
  .hero{height:760px;min-height:0;margin:0 14px;border-radius:0 0 28px 28px;background-image:linear-gradient(0deg,rgba(3,15,24,.88),rgba(3,15,24,.34) 58%),url('trex-hand-bpc-157-palm.png');background-position:31% center;background-size:cover;align-items:flex-end;padding:0 24px 28px;position:relative}
  .hero-copy{max-width:100%;position:relative;z-index:2}
  .hero-copy h1{font-size:52px;line-height:1.04;margin:28px 0 22px;max-width:420px}
  .hero-copy p{font-size:20px;line-height:1.45;max-width:540px;margin-bottom:30px}
  .hero-copy .pill{width:min(100%,336px);min-height:86px;padding-left:36px;padding-right:10px;justify-content:space-between;font-size:20px;gap:20px}
  .hero-copy .pill svg{width:66px;height:66px;padding:17px}
  .hero-review{display:none}
  .section{padding:72px 25px}
  .features{display:none}
  .product-grid,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .product-image{height:275px}
  .product-card h3{font-size:24px}
  .testing-block{margin:20px 25px 96px;padding:48px 30px;grid-template-columns:1fr}
  .next-gen{margin:0 25px;grid-template-columns:1fr}
  .next-copy{padding:48px 30px}
  .next-gen>img{max-height:520px}
  .simple,.bundle,.faq,.newsletter,.contact-layout,.product-page,.calculator-shell,.product-info-grid{grid-template-columns:1fr}
  .simple-image{height:500px}
  .bundle{margin:0 25px;padding:48px 30px}
  .collection-grid{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:1fr}
  .newsletter{margin:20px 25px 80px;padding:48px 30px}
  .footer-links{grid-template-columns:1fr}
  .reports{grid-template-columns:1fr}
  .product-gallery{height:500px}
  .product-badges,.guaranteed-quality>div{grid-template-columns:1fr}
  .guaranteed-quality{padding:42px 24px}
  .contact-layout{gap:50px}
  .calculator-results{position:static}
  .guide-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  h1{font-size:46px}
  h2{font-size:38px}
  .header .brand img{width:136px;max-width:38vw}
  .home-header{height:82px;padding:0 16px}
  .home-header .brand img{width:136px;max-width:38vw}
  .home-header.is-scrolled .brand img{width:126px}
  .mobile-actions{gap:16px}
  .mobile-actions svg{width:24px;height:24px}
  .hero{height:706px;background-position:27% center}
  .hero-copy h1{font-size:44px}
  .hero-copy p{font-size:18px}
  .hero-copy .pill{width:100%;min-height:78px;font-size:18px}
  .hero-copy .pill svg{width:60px;height:60px;padding:15px}
  .section-row{align-items:flex-start;flex-direction:column}
  .product-grid,.shop-grid{gap:14px}
  .product-card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
  .product-image{height:auto;aspect-ratio:1/1;border-radius:18px;border:1px solid #d9e8ef}
  .product-image img{border-radius:18px}
  .product-card:hover img{transform:none}
  .product-card-body{min-height:0;padding:16px 0 26px;position:relative}
  .product-category{display:none}
  .product-card h3{font-size:21px;line-height:1.1;margin:0 0 8px}
  .product-card p{font-size:16px;line-height:1.2;margin:0;color:var(--ink);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .shop-archive-head{padding:46px 0 28px}
  .shop-archive-head .section-row{gap:8px}
  .shop-archive-head .section-row h1{font-size:38px}
  .testing-block,.next-gen,.bundle,.newsletter{border-radius:14px}
  .coa-tabs{overflow:auto}
  .simple-image{height:380px}
  .collection-grid{grid-template-columns:1fr}
  .collection{height:420px}
  .faq{gap:40px}
  .newsletter{grid-template-columns:1fr}
  .page-hero{padding:70px 20px}
  .inner-page{padding:0 20px 80px}
  .contact-form{grid-template-columns:1fr}
  .contact-form label{grid-column:1/-1}
  .product-page{padding-top:30px}
  .product-gallery{height:390px}
  .product-summary{padding-top:10px}
  .product-summary h1{font-size:46px}
  .buy-row{grid-template-columns:1fr}
  .research-modal{padding:35px 24px}
  .research-modal h2{font-size:36px}
  .calculator-field,.calculator-results{padding:26px 20px}
  .calculator-field label{align-items:flex-start;flex-direction:column}
  .calculator-field input{width:100%}
  .calculator-results h2{font-size:44px}
  .guide-grid{grid-template-columns:1fr}
  .calculator-guide{padding-top:70px}
}

.content-page{max-width:920px;margin:0 auto;font-size:17px}
.content-page img{height:auto}
.brand .logo{display:block}
.drawer[hidden],.scrim[hidden],.modal-wrap[hidden]{display:none}
.arrow-icon{display:inline-block;width:18px;height:18px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.check-icon{display:inline-block;width:18px;height:10px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.icon-search,.icon-user,.icon-bag,.icon-menu,.icon-x,.icon-refresh,.icon-truck,.icon-shield,.icon-headphones,.icon-map{display:inline-block;position:relative;width:22px;height:22px;color:currentColor}
.icon-search{border:2px solid currentColor;border-radius:50%;width:19px;height:19px}
.icon-search::after{content:"";position:absolute;width:8px;height:2px;background:currentColor;right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}
.icon-user::before{content:"";position:absolute;left:7px;top:2px;width:8px;height:8px;border:2px solid currentColor;border-radius:50%}
.icon-user::after{content:"";position:absolute;left:3px;bottom:2px;width:16px;height:9px;border:2px solid currentColor;border-radius:12px 12px 4px 4px}
.icon-bag{border:2px solid currentColor;border-radius:5px;margin-top:3px}
.icon-bag::before{content:"";position:absolute;left:5px;right:5px;top:-8px;height:9px;border:2px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0}
.icon-bag.large{width:64px;height:64px;margin:0 auto 18px}
.icon-bag.large::before{left:18px;right:18px;top:-15px;height:18px}
.icon-menu::before,.icon-menu::after{content:"";position:absolute;left:1px;right:1px;height:2px;background:currentColor;border-radius:2px}
.icon-menu::before{top:6px;box-shadow:0 7px 0 currentColor}
.icon-menu::after{top:20px}
.icon-x::before,.icon-x::after{content:"";position:absolute;left:2px;right:2px;top:10px;height:2px;background:currentColor;border-radius:2px}
.icon-x::before{transform:rotate(45deg)}
.icon-x::after{transform:rotate(-45deg)}
.feature .large{width:42px;height:42px;border:2px solid var(--brand-cyan);border-radius:50%;margin-bottom:10px}
.icon-refresh.large::before{content:"";position:absolute;inset:10px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%}
.icon-truck.large::before{content:"";position:absolute;left:5px;top:14px;width:22px;height:14px;border:2px solid currentColor;border-radius:3px}
.icon-truck.large::after{content:"";position:absolute;left:10px;bottom:5px;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:18px 0 0 currentColor}
.icon-shield.large::before{content:"";position:absolute;left:10px;top:6px;width:22px;height:28px;border:2px solid currentColor;border-radius:12px 12px 14px 14px}
.icon-headphones.large::before{content:"";position:absolute;left:8px;top:8px;width:26px;height:24px;border:2px solid currentColor;border-bottom:0;border-radius:18px 18px 0 0}
.icon-headphones.large::after{content:"";position:absolute;left:8px;top:24px;width:7px;height:12px;background:currentColor;border-radius:4px;box-shadow:19px 0 0 currentColor}
.icon-map.large::before{content:"";position:absolute;left:12px;top:6px;width:18px;height:26px;border:2px solid currentColor;border-radius:50% 50% 50% 4px;transform:rotate(45deg)}
.icon-map.large::after{content:"";position:absolute;left:18px;top:13px;width:6px;height:6px;border-radius:50%;background:currentColor}
.woocommerce .site-main,.woocommerce-page .site-main{max-width:1340px;margin:0 auto;padding:70px 4vw 110px}
.woocommerce-wrap h1,.woocommerce-wrap .page-title,.woocommerce-wrap .entry-title,.content-page .wc-block-cart__empty-cart__title{font-size:clamp(34px,5vw,56px);line-height:1.05}
.content-page .wc-block-cart,.content-page .woocommerce{max-width:1120px;margin-left:auto;margin-right:auto}
