/* Research-informed hierarchy. Exact colors are brand hypotheses, not psychological guarantees. */
:root{--cw-navy:#101c38;--cw-action:#245bff;--cw-action-hover:#1945cd;--cw-mint:#98f5cf;--cw-paper:#f7f9ff;--cw-body:#4c5b73;--muted:#536178;--cw-radius:24px}
body{background:var(--cw-paper);color:var(--cw-navy)}
::selection{background:var(--cw-mint);color:var(--cw-navy)}
button,a,input,select,summary{-webkit-tap-highlight-color:#245bff24}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cw-navy);outline-offset:4px;box-shadow:0 0 0 6px #fff}
.site-header{background:#fff;border-bottom:1px solid #dce3ef;box-shadow:0 6px 28px #101c3805}
.desktop-nav a{position:relative;padding-block:10px}
.desktop-nav a:hover{color:var(--blue)}
.desktop-nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}
.bag-button{border-color:#cdd7e8;box-shadow:none}
.button.primary,.add-button{background:var(--cw-action);color:white;box-shadow:0 7px 18px #245bff18}
.button.primary:hover,.add-button:hover{background:var(--cw-action-hover)}
.button{border-radius:999px;min-height:50px}
.scrolling-banner{background:var(--cw-navy)}
.ticker-group b{color:var(--cw-mint)}
.ticker-group span:nth-child(2) b{color:#b7caff}
.hero{position:relative;grid-template-columns:1.02fr 1fr;gap:0;padding:0;margin-top:30px;margin-bottom:28px;min-height:0;border:1px solid #c8d4ea;border-radius:32px;background:var(--cw-navy);box-shadow:0 18px 50px #152b5912;overflow:hidden;isolation:isolate}
.hero:before{content:'';position:absolute;left:-130px;bottom:-220px;width:590px;height:430px;border-radius:50%;border:1px solid #627fc838;box-shadow:0 0 0 60px #5276be0b,0 0 0 120px #5276be08;pointer-events:none;z-index:-1;transform:rotate(-22deg)}
.hero-copy{padding:52px 42px 47px;color:#fff;background:radial-gradient(ellipse at 0 0,#263c672e,transparent 75%)}
.hero .eyebrow{font-size:.75rem;line-height:1.9;letter-spacing:.08em;color:#c6d5f3;gap:10px;flex-wrap:wrap}
.hero .tiny-mark{color:var(--cw-mint);border-color:#7e9ca880;background:#223b50;border-radius:5px;padding:5px 8px}
.hero h1{font-size:clamp(2.8rem,4.25vw,4.35rem);line-height:1.08;letter-spacing:-.055em;margin:27px 0 23px;color:white;font-weight:700}
.hero h1 span{color:#bbcaff}
.hero-copy>p{color:#c4cee2;font-size:1.0625rem;line-height:1.8;max-width:470px}
.hero-actions{flex-direction:row;flex-wrap:wrap;gap:18px;margin-top:30px;align-items:center}
.hero-actions .button{font-size:.875rem;min-height:54px;padding-inline:23px;border:1px solid #8aa9ff}
.hero-actions .text-link{color:#e2eaff;font-size:.8125rem;line-height:1.7;min-height:44px}
.hero-actions .text-link:hover{color:var(--cw-mint)}
.hero-note{color:#c4cee2;font-size:.75rem;margin-top:26px}
.hero-note svg{color:var(--cw-mint)}
.hero-visual{align-self:stretch;min-height:530px;aspect-ratio:auto;border-radius:0;background:#d8eef8;border-left:1px solid #b7d2ee}
.hero-visual>img{object-fit:cover;object-position:center}
.hero-caption{padding:20px 25px;background:#ffffffed;border-top:1px solid #b9cde4}
.hero-caption>span:first-child{color:#536178;font-size:.7rem;font-weight:600;letter-spacing:.08em}
.hero-caption>span:last-child{color:var(--cw-navy);font-size:.875rem;line-height:1.65;font-weight:600}
.value-strip{gap:14px;border:0;padding:0 0 18px}
.value-strip>a{display:flex;align-items:center;justify-content:flex-start;gap:17px;padding:22px;border:1px solid #d9e2ef;border-radius:16px;background:#fff;box-shadow:0 4px 12px #101c3803;transition:transform .18s ease,border-color .18s ease}
.value-strip>a:hover{border-color:#86a7ff;transform:translateY(-2px)}
.value-strip .value-icon{display:grid;flex:none;background:#e9efff;border:1px solid #d1ddfc;width:39px;height:39px;color:#234dcf;border-radius:12px}
.value-strip>a:nth-child(2){background:#eafbf3;border-color:#bbdfce}
.value-strip>a:nth-child(2) .value-icon{background:#d5f4e7;border-color:#acd7c2;color:#215d46}
.value-strip>a:nth-child(3) .value-icon{background:#ece9ff;border-color:#d8cff4;color:#583594}
.value-strip strong{font-size:.875rem;line-height:1.6}
.value-strip p>span{font-size:.75rem;line-height:1.65;color:var(--cw-body)}
.catalog-section{padding-top:57px}
.section-heading h2{line-height:1.15;color:var(--cw-navy)}
.section-heading>p{font-size:.875rem;line-height:1.85;color:var(--cw-body)}
.catalog-toolbar{padding:17px;border:1px solid #dae2ee;border-radius:20px;background:white;box-shadow:0 5px 20px #1c386309;align-items:center}
.catalog-toolbar .filter-tabs{gap:7px}
.filter-tabs button{color:#4c5b73;min-height:44px}
.filter-tabs button.active{background:var(--cw-navy);color:white;box-shadow:none}
.filter-tabs button.active>span{background:#ffffff20;color:white}
.search-field{background:#f4f7fc;border-color:#ccd7e6;border-radius:999px}
.search-field input::placeholder{color:#667288;opacity:1}
.sort-label select{background-color:#f4f7fc;color:#42526e;border-color:#ccd7e6;border-radius:999px}
.catalog-meta{color:#536178;font-size:.75rem}
.product-card{border-color:#d0dbea;box-shadow:0 6px 24px #102a5710;border-radius:25px}
.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #102a5720}
.product-card:focus-within{border-color:#2a53d5}
.product-body{background:linear-gradient(180deg,#fff 80%,#f9fbff);padding:25px}
.product-visual{background:linear-gradient(128deg,var(--pop-from),var(--pop-to));border-bottom:1px solid #102a5710}
.model-sheet{border-color:#fff;box-shadow:0 12px 25px #152c592b}
.product-name{color:var(--cw-navy)}
.product-subtitle,.size-label,.price-row small,.model-note,.model-spec>span{color:#536178}
.product-card .size-options button,.purchase-panel .purchase-mass-cards>button{position:relative;border-color:#bac8dc}
.product-card .size-options button[aria-pressed=true]:after,.purchase-panel .purchase-mass-cards>button[aria-pressed=true]:after{content:'';position:absolute;right:-5px;top:-6px;width:19px;height:19px;display:grid;place-items:center;background:var(--cw-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 2.5 2.5L12 5' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/13px no-repeat;color:white;border:2px solid white;border-radius:50%}
.add-button{border-radius:999px;min-height:48px;min-width:117px}
.card-batch-action{border-color:#b7cdec;background:linear-gradient(110deg,#edf4ff,#ebfaf4);padding:14px}
.card-batch-action>div{color:#415471;font-size:.75rem}
.card-batch-action .inspect-button{background:#fff;color:#224acf;border:1px solid #8da9e6;box-shadow:none;border-radius:999px;font-size:.8125rem}
.card-batch-action .inspect-button:hover{background:#e4edff;border-color:#245bff}
.batch-status-dot{color:#654719;font-size:.7rem}
.batch-status-dot:before{background:#9b6409}
.card-evidence a{color:#425570}
.quality-section{background:var(--cw-navy);position:relative;overflow:hidden;border-block:1px solid #263854;padding-block:80px}
.quality-intro>.eyebrow{color:var(--cw-mint)}
.quality-intro h2{color:#fff;font-size:clamp(2.2rem,3.4vw,3.2rem);line-height:1.13;letter-spacing:-.045em}
.quality-intro>p{color:#c4cee2;line-height:1.9;font-size:1rem}
.quality-intro .outline-note{border:1px solid #5b718e;background:#1c2c48;color:#d2dced;font-size:.8125rem;line-height:1.8;border-radius:12px}
.quality-intro .button.dark{background:var(--cw-mint);color:var(--cw-navy);border:1px solid #b6ffdf;min-height:52px;border-radius:999px;font-size:.875rem}
.quality-intro .button.dark:hover{background:#b5ffdf}
.evidence-card{background:#fff;border:1px solid #afc5dd;border-radius:24px;box-shadow:0 24px 55px #03081744;position:relative;overflow:hidden}
.evidence-card:before{content:'';display:block;position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#245bff 0 58%,#98f5cf 58% 82%,#245bff 82%)}
.evidence-card .eyebrow{color:#264ec6}
.evidence-row p,.evidence-footer{color:#536178}
.evidence-row .pending,.evidence-card .pill{color:#70501d;background:#fff1d2;border-color:#e7cc9b}
.research-section{padding-block:80px}
.research-grid{gap:24px}
.research-card{background:white;border:1px solid #d1dced;border-radius:22px;padding:15px 15px 25px;box-shadow:0 5px 18px #102a5708;transition:transform .18s ease,box-shadow .18s ease}
.research-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #102a5715}
.research-card>.eyebrow,.research-card>h3,.research-card>p,.research-card>.article-link{margin-left:12px;margin-right:12px}
.research-card>p{font-size:.875rem;color:#536178}
.research-art{border-radius:13px;min-height:170px;border:1px solid #dce5f2}
.sequence-art{background:linear-gradient(135deg,#e2efff,#d9f9ed)}
.chirality-art{background:linear-gradient(135deg,#eae3ff,#e0e7fc)}
.analysis-art{background:var(--cw-navy);color:#d8e8ff;border-color:#304264}
.analysis-art svg{stroke:var(--cw-mint)}
.analysis-art span{color:#d8e8ff;font-size:.65rem}
.article-link{color:#274ec1;font-size:.8125rem}
.faq-list details{background:#fff;border:1px solid #d1dceb!important;margin-bottom:10px;border-radius:14px;padding:0 20px;overflow:hidden}
.faq-list details[open]{border-color:#92ace4!important;box-shadow:0 4px 17px #102a5707}
.faq-list summary{padding:18px 26px 18px 0;font-size:.9375rem}
.faq-list p{font-size:.9375rem;color:#4c5b73}
.about-section{padding-block:60px}
footer{background:linear-gradient(112deg,#153caa 0%,#102e83 52%,#0d214f 100%);border-top:2px solid #9ab9f4;color:#fff}
.footer-columns nav a,.footer-brand>p{color:#e4ecff}
.footer-columns nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.footer-columns h3,.footer-brand .brand,.footer-brand .brand>span{color:#fff}
.footer-brand .brand small{color:#d7e4ff}
.footer-brand .brand img{filter:brightness(0) invert(1)}
.footer-brand .pill{color:#fff;background:#244a9f;border:1px solid #a9c1f2}
.footer-bottom{color:#d7e4ff;border-top-color:#ffffff38}
footer a:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:3px}
.detail-layout{background:linear-gradient(140deg,#e0efff,#edf2f9 45%,#e9e7f8);border:1px solid #cfdaec;box-shadow:0 12px 36px #1329560b}
.purchase-panel{border:1px solid #dce4ee;box-shadow:0 7px 24px #162c5007}
.purchase-panel .purchase-actions .button{background:var(--cw-action);color:white;box-shadow:0 7px 18px #245bff18;font-size:.9375rem}
.purchase-panel .purchase-actions .button:hover{background:var(--cw-action-hover);filter:none}
.purchase-actions .quantity-control{border-color:var(--cw-action)}
.purchase-actions .quantity-control button{background:var(--cw-action)}
.purchase-proof-line{color:#526079;font-size:.8125rem}
.purchase-proof-line>b{color:#43516b}
.purchase-kicker>span:last-child,.purchase-lab-line,.purchase-ruo,.purchase-trust-topics,.purchase-panel .purchase-price>span,.purchase-dispatch-line,.purchase-mass-heading,.purchase-mass-note,.purchase-action-note,.purchase-review-link,.purchase-delivery summary,.purchase-delivery>p,.purchase-support p,.purchase-support h3,.purchase-payment-preview>span,.purchase-payment-preview p,.purchase-prototype-note{color:#536178}
.purchase-lab-line,.purchase-ruo,.purchase-dispatch-line,.purchase-mass-note,.purchase-action-note,.purchase-review-link,.purchase-delivery summary,.purchase-support p,.purchase-support h3,.purchase-payment-preview p,.purchase-prototype-note{font-size:.75rem;line-height:1.8}
.purchase-trust-topics{font-size:.7rem}
.purchase-panel .purchase-price>span{font-size:.75rem}
.purchase-panel .purchase-mass-cards span{color:#586075}
.purchase-panel .purchase-mass-cards .size-doc-status{font-size:.6rem}
.purchase-batch-row{border-color:#b8ceeb;background:linear-gradient(110deg,#edf4ff,#ebfaf4);padding:15px}
.purchase-batch-row b{font-size:.75rem;color:#314865}
.purchase-batch-row small{font-size:.7rem;color:#536178}
.purchase-batch-row .inspect-button{color:#224acf;border-color:#8da9e6;font-size:.8125rem;min-height:44px}
.purchase-batch-row .inspect-button:hover{background:#e3edff;box-shadow:none}
.purchase-volume-pill{font-size:.7rem}
.purchase-volume-details{font-size:.75rem;color:#4c5b73}
.purchase-fulfillment h3{font-size:.9rem}
.purchase-fulfillment p{font-size:.75rem;color:#3c6857}
.purchase-support b{color:#3c4d67}
.payment-placeholder-row span{color:#4c5b73;font-size:.7rem;border-color:#c2cede}
.purchase-assurance summary{font-size:.8125rem}
.purchase-prototype-note{color:#5f6173}
.batch-dialog,.bag-dialog{border:1px solid #b5c6e0;box-shadow:0 28px 90px #06102655}
.batch-dialog::backdrop,.bag-dialog::backdrop{background:#09172c99;backdrop-filter:blur(4px)}
.batch-preview{border-color:#b7cdec}
.batch-library-hero{border-color:#c4d4eb}
@media(hover:hover){.product-card:hover .product-visual .model-vial{transform:rotate(2deg) translateY(-3px)}}
@media(min-width:1700px){.hero-copy{padding:62px 49px}.hero-visual{min-height:575px}}
@media(max-width:1190px){.hero-copy{padding:37px 28px}.hero h1{font-size:clamp(2.5rem,4.8vw,3.7rem)}.hero-visual{min-height:510px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.value-strip>a{padding:17px;gap:12px}.catalog-toolbar{align-items:stretch;gap:16px}.purchase-panel .purchase-actions .button{font-size:.8125rem}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:38px}.hero h1{font-size:clamp(2.8rem,7vw,4.2rem)}.hero-visual{aspect-ratio:1.65;min-height:0;border-left:0;border-top:1px solid #aac4e2}.hero-visual>img{object-position:center 47%}.hero-actions{flex-direction:row;align-items:center;gap:20px}.value-strip{grid-template-columns:1fr;gap:10px}.value-strip>a{padding:18px 21px}.value-strip p{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline}.quality-section{padding-block:55px}.research-section{padding-block:55px}.research-grid{gap:15px}.research-card{padding:12px 10px 22px}.research-card h3{font-size:1.25rem}.research-card>.eyebrow{font-size:.7rem}.purchase-panel .purchase-actions .button{font-size:.9375rem}}
@media(max-width:600px){.hero{margin-top:18px;margin-bottom:17px;border-radius:23px;gap:0}.hero-copy{padding:30px 23px}.hero .eyebrow{font-size:.65rem;letter-spacing:.055em;gap:8px}.hero h1{font-size:clamp(2.15rem,9.4vw,3.1rem);margin:23px 0 20px;line-height:1.12}.hero-copy>p{font-size:.9375rem;line-height:1.8}.hero-actions{gap:12px;flex-direction:column;align-items:flex-start;margin-top:25px}.hero-actions .button{font-size:.875rem;min-height:50px;width:100%;justify-content:space-between;padding-inline:20px}.hero-actions .text-link{font-size:.8125rem;min-height:38px}.hero-note{font-size:.75rem;margin-top:14px;line-height:1.7}.hero-visual{aspect-ratio:1.12}.hero-caption{padding:15px 20px}.hero-caption>span:first-child{font-size:.65rem}.hero-caption>span:last-child{font-size:.75rem}.value-strip{gap:9px;padding-bottom:8px}.value-strip>a{padding:16px;gap:13px;border-radius:13px}.value-strip p{display:block}.value-strip p>span{margin:2px 0 0}.value-strip strong{font-size:.8125rem}.value-strip .value-icon{width:36px;height:36px;border-radius:10px}.catalog-section{padding-top:34px}.section-heading>p{font-size:.8125rem}.catalog-toolbar{padding:13px;border-radius:17px}.catalog-toolbar .filter-tabs{gap:5px}.catalog-toolbar .filter-tabs button{font-size:.75rem;padding:10px 11px}.catalog-controls{flex-wrap:wrap}.catalog-controls .search-field{min-width:160px}.sort-label select{font-size:.8125rem;min-height:44px}.product-body{padding:22px}.card-batch-action>div{font-size:.7rem}.product-card .size-options b{font-size:.9375rem}.card-batch-action .inspect-button{font-size:.8125rem;min-height:46px}.quality-section{padding-block:43px}.quality-intro h2{font-size:2.35rem}.quality-intro>p{font-size:.9375rem}.quality-intro .outline-note{font-size:.75rem}.quality-intro .button.dark{font-size:.8125rem}.research-card{padding:13px 13px 24px}.research-card h3{font-size:1.5rem}.research-card>.eyebrow{font-size:.75rem}.research-card>p{font-size:.9375rem}.research-art{min-height:175px}.faq-list details{padding-inline:16px}.faq-list summary{font-size:.875rem}.faq-list p{font-size:.875rem}.about-section{padding-block:40px}.purchase-panel .purchase-actions{flex-wrap:wrap}.purchase-panel .purchase-actions .button{font-size:.8125rem;min-width:170px;flex:1 1 170px}.purchase-actions .quantity-control button{width:30px}.purchase-actions .quantity-control input{width:30px}.purchase-batch-row .inspect-button{font-size:.8125rem}.purchase-volume-pill{font-size:.7rem}.purchase-volume-details{font-size:.7rem}.purchase-panel .purchase-mass-cards .size-doc-status{font-size:.54rem}.purchase-mass-heading>span:last-child{font-size:.65rem}.purchase-kicker{font-size:.6rem}.purchase-support h3{font-size:.69rem}.purchase-panel h1{font-size:2rem}.payment-placeholder-row span{font-size:.66rem}.purchase-trust-topics{font-size:.65rem}}
@media(max-width:370px){.hero-copy{padding:28px 19px}.hero h1{font-size:2rem}.hero .eyebrow{font-size:.6rem}.purchase-panel .purchase-actions .button{flex-basis:100%}.catalog-toolbar .filter-tabs button{padding-inline:9px;font-size:.7rem}.catalog-toolbar .filter-tabs button>span{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.product-card:hover,.product-card:hover .product-visual .model-vial,.research-card:hover,.value-strip>a:hover,.button:hover{transform:none}.ticker-track{animation:none;transform:none}}

/* Keep the lower page compact and make both columns useful. */
.faq-section{display:block;padding-block:32px 28px}
.faq-section>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 24px;margin-bottom:21px}
.faq-section>div:first-child>.eyebrow{grid-column:1;font-size:.7rem}
.faq-section h2{grid-column:1;font-size:2rem;margin:0;line-height:1.2}
.faq-section>div:first-child>p{grid-column:1;margin:0;font-size:.875rem;line-height:1.7}
.faq-section>div:first-child>.text-link{grid-column:2;grid-row:1/4;align-self:center;font-size:.8125rem}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;align-items:start}
.faq-list details{margin:0;padding-inline:18px;border-radius:12px}
.faq-list summary{padding-block:15px;font-size:.875rem}
.faq-list p{padding-bottom:17px;font-size:.875rem}
.about-section{grid-template-columns:.9fr 1.1fr;gap:35px;padding:25px 28px;margin-bottom:24px;border:1px solid #cdd9ec;border-radius:17px;background:linear-gradient(115deg,#e9effa,#f0effb);align-items:center}
.about-section .eyebrow{font-size:.68rem;letter-spacing:.07em;line-height:1.6}
.about-section h2{font-size:1.75rem;line-height:1.22;margin-top:7px}
.about-section p{font-size:.875rem;line-height:1.7;margin-bottom:12px}
.about-section .text-link{font-size:.8125rem}
.footer-columns{padding-block:30px;gap:24px}
.footer-columns nav{gap:7px}
.footer-columns h3{margin:3px 0 5px;font-size:.8125rem}
.footer-columns nav a{min-height:24px;display:flex;align-items:center;font-size:.8125rem}
.footer-brand>p{margin:12px 0;font-size:.8125rem;line-height:1.65}
.footer-brand .pill{font-size:.65rem;padding:5px 8px}
.footer-bottom{padding-block:14px;gap:22px;font-size:.7rem}
.footer-bottom p{font-size:.7rem}
@media(min-width:901px) and (max-width:1190px){.footer-columns{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:22px}.footer-brand{grid-column:auto;display:block}.footer-brand .brand>span{font-size:1.4rem}.footer-brand .brand img{width:42px}.footer-brand>p{display:block;margin:12px 0}.footer-brand .pill{margin:0}}
@media(max-width:900px){.faq-section>div:first-child{grid-template-columns:1fr}.faq-section>div:first-child>.text-link{grid-column:1;grid-row:auto;justify-self:start;margin-top:4px}.about-section{gap:25px;padding:22px}.footer-columns{gap:22px}.footer-brand{display:block}.footer-brand>p{display:block;margin:12px 0}.footer-brand .pill{margin:0}}
@media(max-width:600px){.faq-section{padding-block:25px 22px}.faq-section h2{font-size:1.75rem}.faq-section>div:first-child{gap:7px;margin-bottom:17px}.faq-section>div:first-child>p{font-size:.8125rem}.faq-list{grid-template-columns:1fr;gap:8px}.faq-list details{padding-inline:15px}.faq-list summary{padding-block:14px;font-size:.8125rem;line-height:1.6}.faq-list p{font-size:.875rem}.about-section{grid-template-columns:1fr;gap:15px;padding:21px;margin-bottom:20px;border-radius:14px}.about-section h2{font-size:1.65rem}.about-section p{font-size:.875rem;margin-bottom:10px}.footer-columns{padding-block:25px;gap:20px}.footer-columns nav{gap:6px}.footer-bottom{gap:9px;padding-block:13px}}