/* D4A homepage only. Commerce templates retain their existing styles. */
.sp-home { background:#fbfcfb; }
.d4a-home { --d4a-serif:Georgia,"Times New Roman",serif; color:#142b35; }
.d4a-home h1,.d4a-home h2 { font-family:var(--d4a-serif); font-weight:400; letter-spacing:-.045em; }
.d4a-home .sp-eyebrow { color:#176575; font-size:.72rem; letter-spacing:.16em; font-weight:800; }
.d4a-hero { position:relative; overflow:hidden; background:radial-gradient(ellipse at 80% 40%,#d9f6fa 0,transparent 55%),linear-gradient(115deg,#fffdf9,#f1f9fa); border-bottom:1px solid #d9e9ec; }
.d4a-hero__inner { display:grid; align-items:center; gap:24px; padding-block:48px 20px; }
.d4a-hero__copy { position:relative; z-index:2; }
.d4a-hero h1 { font-size:clamp(2.65rem,6vw,5.4rem); line-height:1.03; margin:22px 0; max-width:720px; }
.d4a-hero h1 em { color:#126e80; font-weight:400; }
.d4a-hero__lede { max-width:470px; line-height:1.8; color:#52656e; font-size:1rem; }
.d4a-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.d4a-home .d4a-shop { background:#b3261e; border-color:#b3261e; color:white; border-radius:8px; box-shadow:none; }
.d4a-home .d4a-shop:hover { background:#8e211c; border-color:#8e211c; }
.d4a-secondary { background:transparent; border:1px solid #aec9d0; color:#183f4a; border-radius:8px; }
.d4a-hero__note { font-size:.72rem; letter-spacing:.055em; color:#49636c; margin:24px 0 0; }
.d4a-hero__visual { position:relative; min-width:0; height:350px; isolation:isolate; }
.d4a-hero__visual::before { content:""; position:absolute; inset:8% 0 0; background:linear-gradient(90deg,transparent 49.7%,#b9dce333 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#b9dce333 50%,transparent 50.3%); background-size:60px 60px; border-radius:50%; z-index:-2; }
.d4a-orbit { position:absolute; width:90%; aspect-ratio:1; top:0; left:5%; border:1px solid #93cbd580; border-radius:50%; z-index:-1; }
.d4a-orbit::after { content:""; position:absolute; inset:12%; border:1px solid #93cbd550; border-radius:50%; }
.d4a-platform { position:absolute; bottom:10%; left:0; width:100%; height:14%; border-radius:50%; background:linear-gradient(#fff,#d5edf0); box-shadow:0 15px 30px #6eabb32b; border:1px solid #b4d9df; }
.d4a-vial { position:absolute; object-fit:contain; height:88%; width:58%; bottom:12%; filter:drop-shadow(12px 14px 12px #436b7133); }
.d4a-vial--left { left:-8%; height:72%; transform:rotate(-9deg); }
.d4a-vial--right { right:-7%; height:72%; transform:rotate(8deg); }
.d4a-vial--center { left:21%; z-index:2; }
.d4a-visual-caption { position:absolute; bottom:0; left:0; right:0; text-align:center; font-size:.64rem; letter-spacing:.16em; color:#496b76; }
.d4a-trust { background:#fff; border-bottom:1px solid #dfe9eb; padding:22px 0; }
.d4a-trust .sp-badges { margin:0; background:transparent; border:0; border-radius:0; box-shadow:none; gap:0; }
.d4a-trust .sp-badges--strip .sp-badge { background:none; border:0; box-shadow:none; padding:12px 14px; }
.d4a-trust .sp-badge__icon { color:#14768a; }
.d4a-section { padding-block:clamp(44px,6vw,84px); }
.d4a-section .sp-heading__title { font-size:clamp(2.1rem,4.2vw,3.4rem); line-height:1.1; }
.d4a-section .sp-heading__lede { max-width:550px; color:#52656e; }
.d4a-products .sp-section__head { align-items:end; gap:20px; }
.d4a-products .sp-grid { gap:14px; }
.d4a-products .sp-pcard { border-radius:12px; box-shadow:none; border-color:#dce8eb; }
.d4a-verification { background:#102e3a; color:#f5fafb; position:relative; overflow:hidden; }
.d4a-verification__grid { display:grid; gap:32px; align-items:center; }
.d4a-verification .sp-eyebrow { color:#9bdae7; }
.d4a-verification h2 { color:#f5fafb; font-size:clamp(2.25rem,4.5vw,3.75rem); line-height:1.12; margin:18px 0 24px; max-width:660px; }
.d4a-verification p { color:#d1e2e6; line-height:1.8; max-width:620px; }
.d4a-verification .d4a-secondary { border-color:#7eb5c3; color:#f5fafb; }
.d4a-verification__art { border:1px solid #467482; border-radius:18px; padding:28px; background:radial-gradient(ellipse,#215064,#112f3b); text-align:center; }
.d4a-verification__art img { width:80px; height:auto; margin:auto; }
.d4a-verification__art strong { display:block; margin-top:24px; font-family:var(--d4a-serif); font-size:2.8rem; font-weight:400; }
.d4a-verification__art span { display:block; margin-top:8px; color:#bee0e8; font-size:.8rem; }
.d4a-features { background:#edf6f7; }
.d4a-features__grid { display:grid; gap:16px; margin-top:32px; }
.d4a-feature { background:#ffffffb8; border:1px solid #d7e7ea; padding:26px; border-radius:12px; }
.d4a-feature>.sp-icon { color:#15758a; margin-bottom:18px; }
.d4a-feature h3 { font-family:var(--font-body); font-size:1rem; line-height:1.5; margin:0 0 12px; }
.d4a-feature p { font-size:.88rem; line-height:1.8; color:#52656e; margin:0; }
.d4a-process { padding-block:38px; border-bottom:1px solid #dfe9eb; }
.d4a-process ol { list-style:none; display:grid; gap:24px; padding:0; margin:0; }
.d4a-process li { display:grid; grid-template-columns:32px 1fr; gap:10px; }
.d4a-process__number { color:#b9520c; font-size:.72rem; padding-top:4px; }
.d4a-process h3 { margin:0 0 6px; font-size:.9rem; }
.d4a-process p { margin:0; font-size:.82rem; color:#52656e; }
.d4a-compliance { padding-block:32px; }
.d4a-compliance details { border:1px solid #d6e4e7; padding:20px; border-radius:10px; }
.d4a-compliance summary { cursor:pointer; font-size:.85rem; font-weight:800; line-height:1.6; }
.d4a-compliance p { font-size:.8rem; color:#52656e; line-height:1.8; margin-top:18px; }
.d4a-home a:focus-visible,.d4a-home summary:focus-visible { outline:3px solid #176575; outline-offset:4px; }
.d4a-verification a:focus-visible { outline-color:#a3e5f2; }
@media(min-width:640px) { .d4a-features__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .d4a-process ol { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:900px) { .d4a-hero__inner { grid-template-columns:1.1fr 1fr; gap:28px; padding-block:60px 46px; } .d4a-hero__visual { height:450px; } .d4a-verification__grid { grid-template-columns:1.6fr 1fr; gap:70px; } .d4a-features__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:1200px) { .d4a-hero__inner { padding-block:72px 52px; } .d4a-hero__visual { height:510px; } .d4a-products .sp-grid { gap:24px; } }
@media(max-width:479px) { .d4a-hero__actions .sp-btn { width:100%; } .d4a-hero__inner { padding-top:34px; } .d4a-hero__visual { height:300px; } .d4a-products .sp-section__head { flex-direction:column; align-items:start; } .d4a-products .sp-grid { gap:10px; } }
@media(prefers-reduced-motion:reduce) { .d4a-home * { animation:none!important; transition:none!important; } }

/* D4A art-direction correction: approved laboratory reference, desktop review. */
.d4a-home { background:#f2fbff; color:#07151e; }
.d4a-home h1,.d4a-home h2 { font-weight:800; letter-spacing:-.045em; }
.d4a-home .sp-eyebrow { color:#0a1922; letter-spacing:.14em; }
.d4a-home .d4a-shop { background:#e60025; border-color:#e60025; border-radius:5px; }
.d4a-home .d4a-shop:hover { background:#bb0021; border-color:#bb0021; }
.d4a-home .sp-btn { font-family:var(--font-body); font-size:.82rem; padding:11px 17px; min-height:40px; }
.d4a-secondary { background:#fffffff2; color:#07151e; border:1px solid #009bea; border-radius:5px; }
.d4a-hero { background:#dff6ff url('../img/d4a-laboratory.png') center center/cover no-repeat; border-color:#89d4f2; }
.d4a-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#ffffffaa 0,#ffffffe0 24%,#ffffff50 43%,transparent 57%); pointer-events:none; }
.d4a-hero__inner { position:relative; }
.d4a-hero h1 { font-size:clamp(4.2rem,8vw,7rem); font-weight:900; letter-spacing:-.065em; line-height:.86; margin:14px 0 16px; color:#03070a; }
.d4a-hero h1 em { color:#008ad5; font-style:normal; font-weight:900; }
.d4a-hero__lede { font-size:.94rem; font-weight:600; color:#142a35; line-height:1.5; max-width:380px; margin:0; }
.d4a-hero__actions { gap:10px; margin-top:16px; }
.d4a-hero__note { font-size:.6rem; margin-top:14px; font-weight:700; color:#173744; }
.d4a-hero__visual::before { display:none; }
.d4a-platform { bottom:1%; height:4%; left:5%; width:85%; background:#ffffff80; border-color:#5bc5eb60; box-shadow:0 12px 15px #2b9ecd45; }
.d4a-vial--center { left:-1%; height:100%; width:58%; bottom:0; z-index:3; filter:drop-shadow(9px 12px 8px #134a7055); }
.d4a-pepper { position:absolute; height:350px; width:252px; right:92px; top:10px; overflow:hidden; z-index:2; filter:drop-shadow(4px 9px 6px #005a9950); transform:rotate(-4deg); }
.d4a-pepper img { display:block; height:100%; width:auto; max-width:none; }
.d4a-hero__technical { position:absolute; right:-4px; top:48px; display:grid; gap:23px; width:100px; }
.d4a-hero__technical span { display:flex; align-items:center; gap:8px; font:700 .61rem/1.35 var(--font-body); text-transform:uppercase; color:#142b39; }
.d4a-hero__technical .sp-icon { width:30px; height:35px; padding:3px; color:#008be4; border:1px solid #12aaf5; border-radius:5px; flex:none; background:#ffffffba; }
.d4a-trust { padding:14px 0; background:#e8f8ff; border-bottom:0; }
.d4a-trust .sp-badges { background:#ffffffed; border:1px solid #c7e8f5; border-radius:10px; box-shadow:0 3px 8px #5cabc512; }
.d4a-trust .sp-badges--strip .sp-badge { flex-direction:row; gap:10px; padding:12px 16px; }
.d4a-trust .sp-badge__icon { background:transparent; border:0; color:#008cef; width:38px; height:38px; }
.d4a-trust .sp-badge__icon .sp-icon { width:32px; height:32px; }
.d4a-trust .sp-badge__title { font-size:.76rem; font-weight:800; color:#07151e; }
.d4a-trust .sp-badge__text { font-size:.66rem; line-height:1.35; color:#28414f; }
.d4a-section { padding-block:24px; }
.d4a-products { background:#f2fbff; padding-top:4px; padding-bottom:18px; }
.d4a-products>.sp-container { background:#ffffffc9; border:1px solid #d3edfa; border-radius:9px; padding:14px 17px 8px; }
.d4a-products .sp-heading__title { font-size:2rem; margin:0; }
.d4a-products .sp-heading__lede { margin:3px 0 0; font-size:.82rem; line-height:1.4; max-width:none; }
.d4a-products .sp-section__head { margin-bottom:10px; }
.d4a-products .sp-link-arrow { color:#df002b; font-size:.72rem; white-space:nowrap; }
.d4a-product-slider { position:relative; }
.d4a-products .products.sp-grid { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 48px)/5); grid-template-columns:none; gap:12px; overflow-x:auto; scroll-snap-type:x proximity; scroll-padding:2px; scrollbar-width:thin; scrollbar-color:#9adbf3 transparent; padding:2px 2px 9px; margin:0; }
.d4a-products .sp-pcard { min-width:0; width:auto!important; margin:0!important; scroll-snap-align:start; border-color:#cae7f3!important; border-radius:7px; overflow:hidden; box-shadow:0 2px 5px #569bbb16; }
.sp-reveal-ready .d4a-products .sp-pcard { opacity:1; transform:none; }
.d4a-products .sp-pcard__media { height:146px; aspect-ratio:auto; background:#cceafa url('../img/d4a-laboratory.png') 75% center/cover no-repeat; }
.d4a-products .sp-pcard__media::after { display:none; }
.d4a-products .sp-pcard__img { height:146px!important; width:100%!important; object-fit:contain; padding:0; mix-blend-mode:multiply; }
.d4a-products .sp-pcard__body { padding:9px 10px 10px; }
.d4a-products .sp-pcard__cat { display:none; }
.d4a-products .sp-pcard__sub { display:block; margin:0 0 8px; font-size:.82rem; line-height:1.4; color:#34515c; overflow-wrap:anywhere; }
.d4a-products .sp-pcard__chips { display:flex; flex-wrap:wrap; gap:4px; margin:0 0 10px; }
.d4a-products .sp-pcard__chips li { font-size:.72rem; line-height:1.4; padding:3px 5px; color:#244955; background:#eef9fc; border-color:#d0e9f0; }
.d4a-products .sp-pcard__body { display:flex; flex-direction:column; flex:1; }
.d4a-products .sp-pcard__foot { margin-top:auto; }
.d4a-products .sp-pcard__title { font-family:var(--font-body); font-size:.85rem!important; font-weight:800; margin:0 0 5px; }
.d4a-products .sp-pcard__price { font-family:var(--font-body); font-size:.85rem; font-weight:800; }
.d4a-products .sp-pcard__foot { gap:7px; }
.d4a-products .sp-pcard__foot .sp-btn { width:100%; border-radius:4px; min-height:32px; padding:6px 8px; background:#e60025; border-color:#e60025; color:white; font-size:.72rem; }
.d4a-products .sp-pcard__tag { font-size:8px; top:5px; left:5px; }
.d4a-slider-button { position:absolute; z-index:4; top:90px; width:32px; height:40px; display:grid; place-items:center; border:1px solid #d1ecfa; background:#ffffffed; color:#008de3; border-radius:9px; box-shadow:0 2px 10px #599fbd25; cursor:pointer; }
.d4a-slider-button--prev { left:-29px; }
.d4a-slider-button--prev .sp-icon { transform:rotate(180deg); }
.d4a-slider-button--next { right:-29px; }
.d4a-slider-button:focus-visible { outline:3px solid #0086cc; outline-offset:2px; }
.d4a-verification { background:#e2f6ff url('../img/d4a-laboratory.png') center 65%/cover no-repeat; color:#07151e; border-block:1px solid #7ec9ef; padding-block:22px; }
.d4a-verification::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#ffffffdf,#ffffffa8 42%,transparent 63%); }
.d4a-verification__grid { position:relative; gap:26px; }
.d4a-verification .sp-eyebrow { color:#101c27; font-size:.72rem; margin:0; }
.d4a-verification h2 { color:#008edb; font-size:2.75rem; line-height:.9; text-transform:uppercase; margin:8px 0 12px; font-weight:900; }
.d4a-verification h2 em { color:#03070a; font-style:normal; }
.d4a-verification p { color:#142b35; font-size:.85rem; line-height:1.5; max-width:460px; margin-bottom:14px; }
.d4a-verification__art { position:relative; height:285px; background:none; border:0; border-radius:0; padding:0; }
.d4a-verification__art .d4a-process-vial { position:absolute; width:60%; height:100%; max-width:none; object-fit:contain; margin:0; bottom:-10px; filter:drop-shadow(4px 8px 5px #075d8e44); }
.d4a-process-vial--left { left:-7%; transform:scale(.8); transform-origin:bottom; }
.d4a-process-vial--right { right:-4%; transform:scale(.68); transform-origin:bottom; }
.d4a-process-vial--center { left:23%; z-index:2; }
.d4a-features { padding-block:14px; background:#f2fbff; }
.d4a-features__grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0; }
.d4a-feature { padding:0; overflow:hidden; border-color:#cae7f3; border-radius:6px; background:white; box-shadow:0 2px 5px #569bbb16; display:flex; flex-direction:column; }
.d4a-feature__art { position:relative; height:100px; background:#cceafa url('../img/d4a-laboratory.png') 75% center/cover no-repeat; }
.d4a-feature:nth-child(2) .d4a-feature__art { background-position:left center; }
.d4a-feature:nth-child(3) .d4a-feature__art { background-position:center center; }
.d4a-feature__art .sp-icon { position:absolute; right:12px; bottom:10px; padding:5px; width:40px; height:40px; color:#008ceb; background:#ffffffd9; border-radius:6px; }
.d4a-feature__body { padding:10px 12px 12px; flex:1; display:flex; flex-direction:column; }
.d4a-feature h3 { text-transform:uppercase; font-size:.76rem; font-weight:800; line-height:1.2; margin:0 0 6px; }
.d4a-feature p { font-size:.75rem; line-height:1.5; color:#18303e; margin-bottom:9px; }
.d4a-feature a { display:flex; gap:7px; align-items:center; color:#df002b; font-size:.75rem; font-weight:800; text-decoration:none; margin-top:auto; }
.d4a-process { padding-block:20px; background:#ffffffdb; }
.d4a-process__number { color:#008edb; }
.d4a-compliance { padding-block:14px; background:#f0faff; }
.d4a-compliance details { background:#fff; border-color:#bfdef0; box-shadow:0 2px 5px #569bbb12; }
.d4a-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.d4a-brand-word { display:block; position:relative; width:148px; height:67px; overflow:hidden; }
.d4a-brand-word img { position:absolute; width:246px; max-width:none; height:auto; left:-92px; top:-25px; }
.sp-home .sp-header { background:#ffffffed; }
.sp-home .sp-header .sp-brand { gap:5px; }
.sp-home .sp-header .sp-brand__mark { height:56px; }
.sp-home .sp-footer { background:#f7fcff; padding-top:28px; }
.sp-home .sp-footer__grid { gap:24px; }
.sp-home .sp-footer__about p,.sp-home .sp-footer__list { font-size:.8rem; }
.sp-home .sp-footer__ruo { margin-top:22px; }
@media(min-width:900px) {
 .d4a-hero__inner { grid-template-columns:40% 60%; gap:0; min-height:450px; padding-block:20px 24px; }
 .d4a-hero__visual { height:400px; }
 .d4a-verification__grid { grid-template-columns:1fr 1.1fr; gap:16px; }
 .sp-home .sp-header__inner { height:80px; }
}
@media(min-width:1200px) {
 .d4a-hero__inner { min-height:490px; }
 .d4a-hero__visual { height:440px; }
 .d4a-pepper { width:288px; height:400px; right:125px; }
 .d4a-hero__technical { width:125px; right:0; top:65px; }
 .d4a-hero__technical span { font-size:.72rem; }
}

/* Phase 1 responsive polish; desktop D4A art direction remains the baseline. */
.d4a-home .sp-btn,.d4a-slider-button { min-height:44px; }
.d4a-slider-button { width:44px; }
.d4a-slider-button--prev { left:-17px; }
.d4a-slider-button--next { right:-17px; }
.d4a-products .sp-pcard__foot .sp-btn { min-height:44px; font-size:.8rem; }
.d4a-hero__note { font-size:.7rem; line-height:1.55; }
.d4a-feature__art { background-size:auto 165%; }
.d4a-feature:nth-child(1) .d4a-feature__art { background-position:85% 85%; }
.d4a-feature:nth-child(2) .d4a-feature__art { background-position:95% 10%; }
.d4a-feature:nth-child(3) .d4a-feature__art { background-position:35% 45%; }
.d4a-feature:nth-child(4) .d4a-feature__art { background-position:65% 95%; }
.d4a-feature h3 { font-size:.82rem; line-height:1.35; }
.d4a-feature p,.d4a-feature a { font-size:.82rem; }
.d4a-feature a { min-height:44px; }
.d4a-process li { padding:12px; border-left:2px solid #90daf3; background:#f0faff; border-radius:5px; }
.d4a-process__number { font-size:.86rem; font-weight:800; }
.d4a-process h3 { color:#07151e; font-size:.95rem; }
.d4a-process p { color:#28414f; font-size:.85rem; line-height:1.55; }
.sp-home .sp-footer__list a { display:inline-flex; align-items:center; min-height:44px; }
.sp-home .sp-footer__list { gap:0; }
.sp-home .sp-iconbtn { min-width:44px; min-height:44px; }
.d4a-home button:focus-visible,.sp-home .sp-header a:focus-visible,.sp-home .sp-header button:focus-visible,.sp-home .sp-footer a:focus-visible { outline:3px solid #0077b5; outline-offset:3px; }
@media(max-width:1199px) and (min-width:900px) {
 .d4a-hero h1 { font-size:clamp(4.5rem,8vw,6rem); }
 .d4a-hero__technical { width:88px; }
 .d4a-pepper { height:310px; width:223px; right:73px; top:28px; }
 .d4a-trust .sp-badges--strip .sp-badge { padding:10px; gap:7px; }
 .d4a-trust .sp-badge__text { font-size:.72rem; }
}
@media(max-width:1023px) {
 .d4a-features__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .d4a-products .products.sp-grid { grid-auto-columns:calc((100% - 24px)/3); }
 .sp-home .sp-header__inner { gap:8px; }
}
@media(max-width:899px) {
 .d4a-hero { background-position:68% bottom; background-size:auto 620px; background-color:#eafaff; }
 .d4a-hero::before { background:linear-gradient(#ffffffed 0,#ecfaffeb 45%,#ffffff18 80%); }
 .d4a-hero__inner { grid-template-columns:minmax(0,1fr); padding-block:28px 10px; gap:18px; }
 .d4a-hero__copy { max-width:600px; }
 .d4a-hero h1 { font-size:clamp(3.5rem,11vw,6rem); line-height:.9; }
 .d4a-hero__lede { max-width:520px; }
 .d4a-hero__visual { height:400px; width:min(100%,580px); margin-inline:auto; }
 .d4a-pepper { height:340px; width:245px; right:64px; top:5px; }
 .d4a-vial--center { width:56%; left:0; }
 .d4a-hero__technical { width:92px; right:0; top:30px; }
 .d4a-hero__technical span { font-size:.68rem; }
 .d4a-verification__grid { grid-template-columns:1fr 1fr; gap:8px; }
 .d4a-verification h2 { font-size:clamp(1.75rem,4vw,2.75rem); }
 .d4a-trust .sp-badge__text { display:block; font-size:.75rem; }
 .d4a-trust .sp-badge__title { font-size:.85rem; }
 .d4a-trust .sp-badges--strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:639px) {
 .sp-home .sp-header .sp-brand__mark { height:44px; }
 .sp-home .d4a-brand-word { width:118px; height:54px; }
 .sp-home .d4a-brand-word img { width:197px; left:-74px; top:-20px; }
 .sp-home .sp-header__actions { gap:0; }
 .sp-home .sp-header__inner { gap:2px; }
 .d4a-hero__inner { padding-top:24px; }
 .d4a-hero h1 { font-size:clamp(3.3rem,14vw,5rem); margin-block:14px 18px; }
 .d4a-home .sp-eyebrow { font-size:.75rem; letter-spacing:.11em; }
 .d4a-hero__lede { font-size:.95rem; }
 .d4a-hero__actions { flex-direction:column; }
 .d4a-hero__actions .sp-btn { width:100%; }
 .d4a-hero__visual { height:310px; }
 .d4a-pepper { height:270px; width:194px; right:0; top:0; }
 .d4a-vial--center { width:65%; left:-9%; }
 .d4a-hero__technical { position:relative; top:auto; right:auto; width:100%; padding-top:282px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
 .d4a-hero__technical span { font-size:.62rem; gap:4px; }
 .d4a-hero__technical .sp-icon { width:24px; height:28px; }
 .d4a-trust .sp-badges--strip .sp-badge { padding:12px 8px; gap:6px; }
 .d4a-trust .sp-badge__icon { width:28px; height:28px; }
 .d4a-trust .sp-badge__icon .sp-icon { width:26px; height:26px; }
 .d4a-trust .sp-badge__title { font-size:.75rem; }
 .d4a-trust .sp-badge__text { font-size:.7rem; }
 .d4a-products .sp-heading__title { font-size:1.65rem; }
 .d4a-products .sp-section__head { flex-direction:column; align-items:start; gap:8px; }
 .d4a-products .products.sp-grid { grid-auto-columns:82%; }
 .d4a-products .sp-pcard__media,.d4a-products .sp-pcard__img { height:190px!important; }
 .d4a-products .sp-pcard__title,.d4a-products .sp-pcard__price { font-size:1rem!important; }
 .d4a-products .sp-link-arrow { min-height:44px; display:inline-flex; align-items:center; font-size:.85rem; }
 .d4a-verification__grid { grid-template-columns:minmax(0,1fr); gap:8px; }
 .d4a-verification h2 { font-size:clamp(1.9rem,8vw,2.75rem); }
 .d4a-verification p { font-size:.95rem; }
 .d4a-verification__art { height:255px; }
 .d4a-features__grid { grid-template-columns:minmax(0,1fr); }
 .d4a-feature__art { height:125px; }
 .d4a-feature__body { padding:14px; }
 .d4a-feature h3 { font-size:.9rem; }
 .d4a-feature p,.d4a-feature a { font-size:.9rem; }
 .d4a-process ol { grid-template-columns:minmax(0,1fr); gap:10px; }
 .d4a-compliance summary { min-height:44px; display:list-item; }
 .sp-home .sp-footer__about p,.sp-home .sp-footer__list { font-size:.9rem; }
}
@media(max-width:374px) {
 .sp-home .sp-header .sp-brand__mark { height:37px; }
 .sp-home .d4a-brand-word { width:98px; height:45px; }
 .sp-home .d4a-brand-word img { width:164px; left:-62px; top:-17px; }
 .d4a-pepper { height:240px; width:173px; }
 .d4a-hero__visual { height:290px; }
 .d4a-hero__technical { padding-top:258px; }
}
@media(prefers-reduced-motion:reduce) { .d4a-home * { scroll-behavior:auto!important; } }
/* Keep technical labels clear of artwork at intermediate and narrow sizes. */
@media(min-width:640px) and (max-width:899px) { .d4a-pepper { right:110px; } .d4a-hero__technical { width:110px; } }
@media(min-width:900px) and (max-width:1199px) { .d4a-hero__technical { width:125px; right:0; } .d4a-pepper { right:125px; } }
@media(max-width:639px) { .d4a-hero__visual { height:350px; } .d4a-vial--center { height:270px; bottom:40px; } .d4a-hero__technical { padding-top:310px; } }
@media(max-width:374px) { .d4a-hero__visual { height:330px; } .d4a-vial--center { height:250px; } .d4a-hero__technical { padding-top:290px; } }
/* Responsive hero balance and photographic label readability. */
.d4a-hero__technical span { padding:5px 6px; border-radius:10px; background:rgba(255,255,255,.58); box-shadow:0 0 13px 6px rgba(255,255,255,.45); backdrop-filter:blur(5px); }
@media(max-width:899px) { .d4a-hero__technical span { background:rgba(255,255,255,.83); box-shadow:0 0 12px 5px rgba(255,255,255,.6); } }
@media(max-width:639px) {
 .d4a-pepper { transform:none; height:238px; width:171px; right:7px; top:12px; }
 .d4a-vial--center { width:63%; left:-4%; height:270px; }
 .d4a-hero__technical { gap:6px; }
 .d4a-hero__technical span { padding:6px 3px; font-size:.65rem; line-height:1.35; box-shadow:0 0 10px 4px rgba(255,255,255,.7); }
}
@media(max-width:374px) { .d4a-pepper { height:207px; width:149px; right:0; top:20px; } .d4a-vial--center { height:250px; } .d4a-hero__technical span { font-size:.6rem; gap:3px; } }
/* Narrow-screen controls get their own row so focus rings and artwork stay unobstructed. */
@media(max-width:374px) {
 .d4a-product-slider { padding-top:54px; }
 .d4a-slider-button { top:5px; }
 .d4a-slider-button--prev { left:5px; }
 .d4a-slider-button--next { right:5px; }
}

/* --- D4A homepage additions: 5-badge hero column, category tiles, newsletter (2026-10-08) --- */
.d4a-hero__technical { gap:14px; width:112px; top:40px; }
.d4a-hero__technical span { font-size:.58rem; }
.d4a-categories { background:#f2fbff; }
.d4a-categories__grid { display:grid; gap:14px; margin-top:28px; }
@media(min-width:640px) { .d4a-categories__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.d4a-category { display:flex; align-items:center; gap:14px; background:#ffffff; border:1px solid #cae7f3; border-radius:10px; padding:14px 16px; text-decoration:none; color:#07151e; box-shadow:0 2px 5px #569bbb16; }
.d4a-category:hover { border-color:#12aaf5; }
.d4a-category__art { flex:none; width:56px; height:72px; border-radius:8px; overflow:hidden; background:#eaf6fb; }
.d4a-category__art img { width:100%; height:100%; object-fit:cover; display:block; }
.d4a-category__title { font-weight:800; font-size:.95rem; }
.d4a-category__arrow { margin-left:auto; color:#df002b; display:flex; }
.d4a-newsletter { background:#ffffff; }
.d4a-newsletter__inner { display:flex; flex-wrap:wrap; align-items:center; gap:18px; background:#f2fbff; border:1px solid #cae7f3; border-radius:12px; padding:26px 28px; }
.d4a-newsletter__icon { color:#008ceb; flex:none; }
.d4a-newsletter__copy h2 { margin:0 0 4px; font-size:1.35rem; }
.d4a-newsletter__copy p { margin:0; color:#52656e; font-size:.88rem; }
.d4a-newsletter__form { display:flex; gap:10px; margin-left:auto; flex:1 1 320px; max-width:480px; }
.d4a-newsletter__form input { flex:1; min-width:0; border:1px solid #c7e8f5; border-radius:8px; padding:12px 14px; font-size:.9rem; background:#fff; }
.d4a-newsletter__form input[aria-invalid="true"] { border-color:#df002b; }
.d4a-newsletter__thanks { margin:0; margin-left:auto; font-weight:800; color:#14768a; }